*{box-sizing:border-box}body{margin:0;background:#f7f8f8;color:#17211f}button{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:#f7f8f8}.topbar{min-height:64px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dfe5e2;background:#fff}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:#1b6f62;color:#fff;font-weight:800;font-size:13px}.tabs{background:#fff;border-bottom:1px solid #dfe5e2}.error-banner{padding:7px 12px;border-bottom:1px solid #f1b6b0;background:#ffe3e0;color:#8f1f14;font-size:12px;font-weight:700}.content-grid{min-height:0;flex:1;display:grid;grid-template-columns:minmax(280px,360px) minmax(320px,1fr)}.queue-list{min-height:0;overflow:auto;padding:10px;border-right:1px solid #dfe5e2}.queue-state{padding:14px 10px;color:#66716e;font-size:13px;text-align:center}.callback-card{width:100%;padding:10px;margin-bottom:8px;display:block;text-align:left;background:#fff;border:1px solid #dfe5e2;border-radius:6px;cursor:pointer}.callback-card:hover,.callback-card.is-selected{border-color:#1b6f62;box-shadow:0 0 0 1px #1b6f6229}.card-title{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-phone,.card-meta,.card-age{color:#66716e;font-size:12px}.card-reason{margin:8px 0;font-size:13px;color:#263431}.card-age{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.card-age svg{width:14px;height:14px}.sla-pill{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.sla-green{background:#e7f5ee;color:#247a4d}.sla-yellow{background:#fff2d8;color:#8a5700}.sla-red{background:#ffe3e0;color:#b42318}.sla-neutral{background:#edf0ef;color:#66716e}.detail-panel{min-width:0;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:16px;background:#fff}.section-label{margin-bottom:4px;color:#66716e;font-size:12px;font-weight:800;text-transform:uppercase}.attempt-row{padding:9px;border:1px solid #dfe5e2;border-radius:6px}.action-busy{pointer-events:none}.empty-state{justify-content:center;align-items:center;text-align:center}@media (max-width: 760px){.content-grid{grid-template-columns:1fr}.detail-panel{border-top:1px solid #dfe5e2}}