:root{font-family:Inter,system-ui,sans-serif;color:#17202a;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}header{height:64px;padding:0 max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;background:#063970;color:#fff}header span{margin-left:12px;opacity:.85;font-size:.85rem}main{max-width:1280px;margin:26px auto;padding:0 24px}.panel{background:#fff;border:1px solid #dce3ea;border-radius:10px;padding:22px;box-shadow:0 2px 8px #1232}.narrow{max-width:420px;margin:10vh auto}label{display:block;margin:14px 0}input,select,textarea,button{font:inherit;padding:10px 12px;border:1px solid #aeb9c4;border-radius:6px}input,textarea{width:100%}button{background:#075ea8;color:#fff;border:1px solid #075ea8;cursor:pointer;font-weight:600}button.secondary{background:#5d6770;border-color:#5d6770}button:disabled{opacity:.45;cursor:not-allowed}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:18px 0}.toolbar input{max-width:520px}.compact-controls{display:flex;gap:10px;align-items:end}.compact-controls label{margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.card{background:#fff;padding:16px;border-radius:8px;border:1px solid #dce3ea;border-left:4px solid #075ea8}.card b{display:block;font-size:1.55rem;margin-top:4px}.table-wrap{overflow:auto;background:#fff;border:1px solid #e1e7ed;border-radius:8px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #e7ebef;vertical-align:top}tbody tr[tabindex]{cursor:pointer}tbody tr[tabindex]:hover{background:#eef5fb}tbody tr.selected{background:#e4f0fb;font-weight:600;outline:2px solid #075ea8;outline-offset:-2px}.detail-row td{padding:0;border-bottom:2px solid #075ea8}.inline-detail{padding:20px 24px;background:#f8fbfe;font-weight:400}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.muted{color:#65717c}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}#message{position:fixed;z-index:50;right:24px;bottom:16px;background:#17202a;color:white;padding:12px 16px;border-radius:8px;display:none}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 14px;padding:8px;background:#e9eef3;border-radius:10px}.tabs button{background:#f8fafc;color:#243746;border:1px solid #9eabb7;border-bottom:3px solid transparent;font-weight:600}.tabs button:hover{background:#eef5fb}.tabs button.active,.tabs button[aria-selected="true"]{background:#063970;color:#fff;border-color:#063970;border-bottom-color:#f2b705;font-weight:800;box-shadow:0 0 0 2px #fff inset}.alert{border-left:4px solid #9b1c1c;padding:12px;background:#fff3f3}.pending{border-left:4px solid #b7791f;padding:12px;background:#fffaf0}.grid .wide{grid-column:1/-1}a{color:#075ea8}.title-line{display:flex;align-items:center;justify-content:space-between;gap:14px}.timer-badge,.class-badge{display:inline-block;border:1px solid #9fb3c8;background:#edf5fc;border-radius:999px;padding:5px 9px;font-size:.86rem}.manager-view[hidden]{display:none!important}.modal-backdrop{position:fixed;z-index:100;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:min(520px,100%);box-shadow:0 16px 60px #0007}.modal input{width:100%}@media(max-width:700px){.toolbar,.compact-controls,.title-line{align-items:stretch;flex-direction:column}.toolbar>*{width:100%}main{padding:0 12px}.tabs{display:grid;grid-template-columns:1fr 1fr}}
.support-detail-row td,.closed-detail-row td{padding:0;border-bottom:2px solid #075ea8}.metric-section{margin:18px 0}.metric-section>h3,.metric-section>h4{margin:0 0 10px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;background:#f8fbfe;border:1px solid #dce3ea;border-radius:8px;padding:12px}#support-calls tr[tabindex],#closed-calls tr[tabindex],#performance-users tr[tabindex]{cursor:pointer}#support-calls tr.selected,#closed-calls tr.selected{background:#e4f0fb;font-weight:600;outline:2px solid #075ea8;outline-offset:-2px}
.operator-kpis{margin:16px 0}.operator-primary-actions{margin-top:22px}.operator-primary-actions button{min-width:220px}.inline-action{margin-top:18px;background:#f8fbfe}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}#action-current{margin-top:16px}#view-fila table td:first-child,#view-fila table th:first-child{font-weight:800;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* HFV1 — métricas do Operador integradas ao cabeçalho do chamado */
.operator-call-header{display:flex;align-items:center;gap:16px;margin:0 0 18px;min-width:0}.operator-call-title{margin:0;min-width:0;flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operator-inline-metrics{margin-left:auto;display:grid;grid-template-columns:minmax(150px,1.55fr) repeat(3,minmax(74px,.75fr));align-items:stretch;min-width:0;max-width:720px;flex:1 1 560px;background:#edf5fc;border:1px solid #c8d8e8;border-radius:8px;overflow:hidden}.operator-inline-metric{min-width:0;padding:7px 11px;display:flex;align-items:baseline;justify-content:center;gap:7px;border-left:1px solid #c8d8e8;white-space:nowrap}.operator-inline-metric:first-child{border-left:0}.operator-inline-metric span{font-size:.70rem;line-height:1.1;font-weight:700;letter-spacing:.025em;color:#526578}.operator-inline-metric strong{font-size:1.02rem;line-height:1.1;color:#063970;font-variant-numeric:tabular-nums}.operator-inline-time strong{min-width:4.3ch;text-align:right}@media(max-width:900px){.operator-call-header{gap:10px}.operator-inline-metrics{grid-template-columns:minmax(120px,1.35fr) repeat(3,minmax(58px,.65fr));flex-basis:440px}.operator-inline-metric{padding:6px 7px;gap:5px}.operator-inline-metric span{font-size:.62rem}.operator-inline-metric strong{font-size:.92rem}}@media(max-width:560px){.operator-call-header{flex-wrap:wrap;align-items:stretch}.operator-call-title{width:100%}.operator-inline-metrics{margin-left:0;width:100%;flex-basis:100%;grid-template-columns:minmax(118px,1.35fr) repeat(3,minmax(54px,.65fr))}}