/* QA workspace and audit form presentation. */
html body #view-qa-audit .qa-task-shell{border:1px solid #d6ddeb;border-radius:14px;box-shadow:0 5px 20px #283c5510}
html body #view-qa-audit .qa-task-head{background:linear-gradient(110deg,#293e66,#594274)!important;padding:20px 22px}
html body #view-qa-audit .qa-task-head :is(h3,p,.qa-task-date){color:#fff!important;-webkit-text-fill-color:#fff!important;line-height:1.5}
html body #view-qa-audit .qa-task-tabs{background:#f4f2f9;padding:12px 16px;gap:8px}
html body #view-qa-audit .qa-task-tab{border-radius:8px;color:#354766;border:1px solid #d3dbea;padding:10px 13px}
html body #view-qa-audit .qa-task-tab.active{background:linear-gradient(110deg,#3b4c79,#6a518b)!important;color:#fff!important;border-color:#605181;box-shadow:0 3px 8px #59427420}
html body #view-qa-audit .qa-task-body{padding:18px}
html body #view-qa-audit .qa-progress-grid{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px}
html body #view-qa-audit .qa-progress-card{background:linear-gradient(115deg,#f2eef8,#fafbfe)!important;border:1px solid #dcd7e7;border-radius:10px;padding:14px;min-width:0;box-shadow:none}
html body #view-qa-audit .qa-progress-card::before{background:#796393;width:3px}
html body #view-qa-audit .qa-progress-card.score{background:#eef7f3!important;border-color:#d1e5db}
html body #view-qa-audit .qa-progress-card.score::before{background:#3c8a73}
html body #view-qa-audit .qa-progress-card.backlog{background:#fff7ed!important;border-color:#edddc7}
html body #view-qa-audit .qa-progress-card.backlog::before{background:#bd8437}
html body #view-qa-audit .qa-progress-card.hygiene{background:#fcf0f1!important;border-color:#ecd4d9}
html body #view-qa-audit .qa-progress-card.hygiene::before{background:#b65363}
html body #view-qa-audit .qa-progress-card span{color:#4e607a!important;font-size:10px;line-height:1.45}
html body #view-qa-audit .qa-progress-card strong{color:#263c59!important;font-size:25px;line-height:1.25;margin:7px 0}
html body #view-qa-audit .qa-progress-card small{color:#53677d!important;font-size:10px;line-height:1.5}
html body #cat-qa-form{color:#293e59}
html body #cat-qa-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:7px;border-color:#c7d2e1;background:#fff;color:#253c57;line-height:1.5}
html body #cat-qa-form .cat-rating-table thead th{background:#2b405f!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#61738d!important}
html body #cat-qa-form .cat-rating-table .cat-digitide-section-row>td{background:linear-gradient(105deg,#3d4c75,#675184)!important;color:#fff!important;border-color:#8b80a1!important;padding:10px 13px!important}
html body #cat-qa-form .cat-rating-table .cat-digitide-section-row :is(strong,span){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #cat-qa-form .cat-rating-table tr[data-parameter-id]>td{border-color:#d8e0eb!important}
html body #cat-qa-form .cat-rating-table tr[data-parameter-id]:hover>td{background:#f5f3fa!important}
html body #cat-qa-form .cat-rating-table tr.ql-expanded-row>td{background:#f3f0f8!important}
html body #cat-qa-form :is(button,select,input,textarea):focus-visible{outline:2px solid #8b6eaa;outline-offset:2px}
@media(max-width:1000px){html body #view-qa-audit .qa-progress-grid{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){html body #view-qa-audit .qa-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

html body #cat-qa-form .cat-quality-table-title{margin:0!important;padding:12px 15px!important;background:linear-gradient(110deg,#293e66,#594274)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px!important;border:1px solid #566784;border-bottom:0;border-radius:8px 8px 0 0;line-height:1.4}
html body #cat-qa-form .cat-quality-card>.cat-score-grid{margin-top:0;margin-bottom:14px}

html body #cat-qa-form table.cat-rating-table>caption.cat-quality-table-title{caption-side:top;text-align:left;border-radius:8px 8px 0 0;margin:0!important;padding:12px 15px!important}
html body #cat-qa-form .cat-table-wrap>.cat-table-fullscreen{display:none!important}

/* Live score cards sit directly against the audit grid; no duplicate title. */
html body #cat-qa-form .cat-quality-card>.cat-score-grid{margin:0!important;padding:0 0 8px!important;gap:8px!important}
html body #cat-qa-form .cat-quality-card>.cat-table-wrap{margin-top:0!important;padding-top:0!important}
html body #cat-qa-form .cat-score-card strong{font-variant-numeric:tabular-nums}

/* Soft neutral canvas separates the audit form from its white data surfaces. */
html body #view-qa-audit{background:#edf1f7!important;min-height:100vh}
html body #view-qa-audit #cat-qa-form{background:#edf1f7!important}
html body #view-qa-audit #cat-qa-form .cat-form-card{background:#f8fafd!important;border:1px solid #d8e0eb!important;box-shadow:0 3px 12px #2b3e5710!important}
html body #view-qa-audit #cat-qa-form .cat-rating-table tr[data-parameter-id]>td{background:#fff}
html body #view-qa-audit #cat-qa-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fff}
@media print{html body #view-qa-audit,html body #view-qa-audit #cat-qa-form,html body #view-qa-audit #cat-qa-form .cat-form-card{background:#fff!important;box-shadow:none!important}}

/* Queue column widths follow content; serial numbers never consume a full data column. */
html body #view-qa-audit table.qa-task-table{table-layout:auto!important;width:100%!important;min-width:1120px!important}
html body #view-qa-audit .qa-task-table :is(th,td){width:auto!important;min-width:0!important;height:auto!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;line-height:1.45!important;padding:9px 8px!important;box-sizing:border-box}
html body #view-qa-audit .qa-task-table thead th:first-child,html body #view-qa-audit .qa-task-table tbody tr:not(.qa-section-row)>td:first-child{width:36px!important;min-width:36px!important;max-width:42px!important;padding:8px 4px!important;text-align:center!important;white-space:nowrap!important}
html body #view-qa-audit .qa-task-table tbody tr:not(.qa-section-row)>td:nth-child(10){min-width:170px!important;max-width:300px!important}
html body #view-qa-audit .qa-task-table tbody tr:not(.qa-section-row)>td:nth-child(9){min-width:130px!important;max-width:250px!important}
html body #view-qa-audit .qa-task-table .qa-pill{white-space:normal!important;line-height:1.45}
html body #view-qa-audit .qa-task-table .qa-action-group{display:flex;flex-wrap:wrap;gap:6px}
html body #view-qa-audit .qa-task-table :is(.qa-start-btn,.qa-replace-btn){white-space:normal!important;height:auto!important;line-height:1.4}

/* Keep identifiers and numeric values intact while descriptive columns wrap. */
html body #view-qa-audit .qa-task-table tbody tr:not(.qa-section-row)>:is(td:nth-child(1),td:nth-child(2),td:nth-child(5),td:nth-child(6),td:nth-child(7),td:nth-child(11)){white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-variant-numeric:tabular-nums}
html body #view-qa-audit .qa-task-table tbody tr:not(.qa-section-row)>:is(td:nth-child(2),td:nth-child(5),td:nth-child(6),td:nth-child(7),td:nth-child(11)) *{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
html body #view-qa-audit .qa-task-table tbody tr:not(.qa-section-row)>td:nth-child(4) small{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
html body #view-qa-audit .qa-task-table-wrap>.cat-table-fullscreen{display:none!important}

/* Login palette across one continuous queue heading band. */
html body #view-qa-audit .qa-task-table thead tr{background:linear-gradient(108deg,#963875 0%,#663576 30%,#39306c 58%,#10327e 100%)!important}
html body #view-qa-audit .qa-task-table thead th{background:transparent!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#ffffff35!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.5!important}
html body #view-qa-audit .qa-task-table thead th:nth-child(7){white-space:nowrap!important;min-width:78px!important}
html body #view-qa-audit .qa-task-table thead th :is(span,strong,small){color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Narrative headings share the login palette, with quiet white writing surfaces. */
html body #cat-qa-form #cat-call-agent-layout>.cat-narrative-card>label{background:linear-gradient(108deg,#963875,#663576 30%,#39306c 58%,#10327e)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-bottom:1px solid #c7abc7!important}
html body #cat-qa-form .cat-narrative-card .cat-narrative-title{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:0!important;font-size:13px!important}
html body #cat-qa-form .cat-narrative-card .cat-writing-example{color:#f0e7f5!important;-webkit-text-fill-color:#f0e7f5!important}
html body #cat-qa-form #cat-call-agent-layout .aoi-grid-field>label{background:linear-gradient(108deg,#663576,#39306c 58%,#10327e)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

html body #cat-qa-form .cat-call-details-heading{display:block;margin:0 0 18px!important;padding:14px 18px!important;background:linear-gradient(108deg,#963875,#663576 30%,#39306c 58%,#10327e)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #78628e;border-radius:8px;font-size:17px!important;line-height:1.4}

/* Audit form finishing: consistent assistant, legible states and aligned controls. */
html body #cat-qa-form .lqa-panel>summary{background:linear-gradient(108deg,#963875,#663576 30%,#39306c 58%,#10327e)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-bottom:1px solid #a894ba}
html body #cat-qa-form .lqa-panel>summary :is(span,strong,small){color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1}
html body #cat-qa-form .lqa-body{background:#f8f9fd;color:#2d425e}
html body #cat-qa-form .lqa-body .lqa-note{color:#52647c}
html body #cat-qa-form .cat-field>label{color:#30445f!important;line-height:1.45}
html body #cat-qa-form :is(input,textarea)::placeholder{color:#62738a!important;opacity:1}
html body #cat-qa-form :is(input,textarea)[readonly]{background:#edf1f6!important;color:#4b5e77!important;border-color:#d1dbe7!important}
html body #cat-qa-form .cat-score-card{background:#f1f4fa;border-color:#d7dfeb;box-shadow:none}
html body #cat-qa-form .cat-score-card small{color:#425774!important}
html body #cat-qa-form .cat-score-card strong{color:#243c61!important;-webkit-text-fill-color:#243c61!important}
html body #cat-qa-form .cat-actions{gap:10px;flex-wrap:wrap;border-top:1px solid #d4deeb;padding-top:16px}
html body #cat-qa-form :is(.cat-rating,.cat-comment){font:inherit;box-sizing:border-box}
html body #cat-qa-form [data-audit-missing]{border-color:#bd5147!important;background:#fff8f6!important}
@media print{html body #cat-qa-form .lqa-panel{display:none!important}}

/* Complete the common audit heading palette. */
html body #cat-qa-form .cat-rating-table .cat-digitide-section-row>td{background:linear-gradient(108deg,#963875,#663576 30%,#39306c 58%,#10327e)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #cat-qa-form .cat-rating-table thead tr{background:linear-gradient(108deg,#963875,#663576 30%,#39306c 58%,#10327e)!important}
html body #cat-qa-form .cat-rating-table thead th{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important}