body.callbacks-mode main{background:#f7f9fc}body.callbacks-mode main>header{padding:20px 30px 12px;border:0}body.callbacks-mode main>header h1{font:700 43px Georgia,serif;color:#0a1d3d}body.callbacks-mode main>header p{font-size:14px;color:#3e4858}.callback-new{height:46px;padding:0 22px}.callback-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:16px;padding:0 30px 24px}.callback-entry-card,.callback-summary,.callback-queue{background:#fff;border:1px solid #d7dee8;border-radius:7px;box-shadow:0 2px 7px #0b1d3b0b}.callback-entry-card{padding:15px 18px 12px}.callback-entry-card h2,.callback-summary h2,.callback-queue h2{margin:0 0 12px;font:700 20px Georgia,serif;color:#0b1d3b}.cb-mode{display:grid;grid-template-columns:1fr 1fr;width:405px;margin-bottom:12px}.cb-mode button{height:38px;border:1px solid #cbd5e1;background:#fff;color:#111827;font-size:14px}.cb-mode button:first-child{border-radius:5px 0 0 5px}.cb-mode button:last-child{border-radius:0 5px 5px 0}.cb-mode button.selected{background:#08264b;color:#fff;border-color:#08264b}.cb-form-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:9px 25px}.cb-form-grid>label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:#0b1d3b}.cb-form-grid input,.cb-form-grid select,.cb-form-grid textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:5px;background:#fff;padding:8px 10px;color:#111827;font:13px Arial,sans-serif}.cb-form-grid select,.cb-form-grid input{height:36px}.cb-form-grid textarea{height:74px;resize:none}.cb-form-grid small{font-weight:400;font-style:italic;color:#687386}.cb-form-grid .cb-caller,.cb-form-grid .cb-case{grid-column:span 1}.cb-form-grid .wide{grid-column:span 1}.cb-form-grid fieldset{border:0;padding:0;margin:0;display:flex;gap:8px;align-items:end}.cb-form-grid legend{font-size:12px;font-weight:700;margin-bottom:5px}.cb-radio{position:relative}.cb-radio input{position:absolute;opacity:0}.cb-radio span{display:block;border:1px solid #cbd5e1;border-radius:5px;padding:9px 13px;background:#fff;font-size:12px;white-space:nowrap}.cb-radio input:checked+span{background:#edf4ff;border-color:#83a8e4;color:#0d3973}.cb-radio.urgent input:checked+span{border-color:#f59e0b;color:#d66c00}.cb-radio.emergency input:checked+span{border-color:#ef4444;color:#d71e1e}.cb-form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:10px}.cb-form-actions button{min-width:110px;height:36px}.callback-summary{padding:22px 20px;grid-row:span 1}.callback-summary h2{font-size:25px;margin-bottom:27px}.cb-stat{height:73px;border:1px solid #dce2ea;border-radius:6px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;padding:0 20px 0 10px;margin-bottom:9px}.cb-stat i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e9f1ff;color:#0d57c7;font-size:25px;font-style:normal}.cb-stat span{font-size:15px}.cb-stat b{font-size:27px;color:#123b82}.cb-stat.waiting i{background:#fff0e4;color:#ee7308}.cb-stat.waiting b{color:#e96e00}.cb-stat.overdue i{background:#ffe8e8;color:#d91919}.cb-stat.overdue b{color:#d91919}.cb-stat.completed i{background:#e7f5e8;color:#238d34}.cb-stat.completed b{color:#258336}.callback-queue{grid-column:1/-1;overflow:hidden}.callback-queue>header{padding:12px 16px 0}.callback-queue>header h2{margin:0}.cb-tabs{display:flex;gap:25px;border-bottom:1px solid #d7dee8}.cb-tabs button{border:0;background:transparent;padding:9px 6px;border-bottom:2px solid transparent}.cb-tabs button.selected{font-weight:700;border-bottom-color:#c99326;color:#0b1d3b}.cb-filters{display:grid;grid-template-columns:190px 190px 210px 175px 1fr;gap:12px;padding:10px 16px}.cb-filters label{display:flex;align-items:center;gap:7px;font-size:12px}.cb-filters select,.cb-filters input{min-width:0;width:100%;height:32px;border:1px solid #cbd5e1;border-radius:4px;padding:0 9px;background:#fff}.cb-search{position:relative}.cb-search span{position:absolute;right:11px;font-size:19px}.cb-table-wrap{margin:0 12px;border:1px solid #d7dee8;border-radius:4px;overflow:auto}.callback-queue table{width:100%;border-collapse:collapse;font-size:11px}.callback-queue th{background:#f5f7fa;text-align:left;padding:10px 9px;border-right:1px solid #d7dee8;white-space:nowrap}.callback-queue td{padding:9px;border-top:1px solid #d7dee8;border-right:1px solid #d7dee8;vertical-align:middle}.callback-queue td:first-child{white-space:nowrap}.callback-queue td small{display:block;margin-top:3px;color:#344054}.callback-queue td em{display:block;color:#e02020;font-style:normal;font-weight:700;margin-top:2px}.cb-person{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#d8e7fc;color:#174b90;margin-right:8px}.callback-queue tbody tr:nth-child(2) .cb-person{background:#ffe5d5}.callback-queue tbody tr:nth-child(3) .cb-person{background:#dcefd7}.callback-queue tbody tr:nth-child(4) .cb-person{background:#e8dcf7}.callback-queue tbody tr:nth-child(5) .cb-person{background:#ccecea}.cb-priority,.cb-status{display:inline-block;border:1px solid #93b4eb;background:#edf4ff;color:#174c95;border-radius:4px;padding:4px 7px;white-space:nowrap}.cb-priority.urgent{border-color:#ffbd72;background:#fff7ed;color:#e36b00}.cb-priority.emergency{border-color:#fca5a5;background:#fff1f2;color:#dc2626}.cb-status.scheduled{border-color:#ffb399;background:#fff4ee;color:#e0571b}.cb-status.attempted{border-color:#f5c16c;background:#fff9e9;color:#b66c00}.cb-status.completed{border-color:#8ac792;background:#effaf0;color:#278135}.cb-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}.cb-actions button{height:30px;border-radius:4px;padding:0 11px;font-size:11px}.cb-actions .call-now{background:#08264b;color:#fff;border-color:#08264b}.cb-actions .complete{background:#fff;color:#a96e00;border:1px solid #d9a33b}.cb-actions .dots{border:0;background:transparent;font-size:20px;padding:0 4px}.callback-queue>footer{display:flex;justify-content:space-between;padding:10px 16px;color:#596579;font-size:11px}.callback-queue>footer div{display:flex;gap:5px}.callback-queue>footer button{width:30px;height:28px;border:1px solid #d7dee8;background:#fff;border-radius:4px}.callback-queue>footer button.active{background:#08264b;color:#fff}.cb-empty{text-align:center!important;padding:35px!important;color:#687386}@media(max-width:1250px){.callback-layout{grid-template-columns:1fr}.callback-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.callback-summary h2{grid-column:1/-1}.cb-stat{margin:0}.cb-filters{grid-template-columns:repeat(3,1fr)}.cb-search{grid-column:span 2}}@media(max-width:850px){.callback-layout{padding:0 15px}.cb-form-grid{grid-template-columns:1fr}.cb-form-grid .wide{grid-column:auto}.callback-summary{grid-template-columns:1fr 1fr}.cb-mode{width:100%}.cb-filters{grid-template-columns:1fr}}
@media(min-width:851px){.cb-form-grid{grid-template-columns:repeat(4,1fr)}.cb-form-grid>label:nth-of-type(1),.cb-form-grid>label:nth-of-type(2),.cb-form-grid>label:nth-of-type(3),.cb-form-grid>label:nth-of-type(6),.cb-form-grid>label:nth-of-type(7){grid-column:span 2}}
/* Prevent the callback summary from inheriting the fixed main navigation aside. */
.callback-summary{position:static;inset:auto;width:auto;height:auto;min-width:0;background:#fff;color:#10213d;display:block}