:root{--b:#111827;--g:#6b7280;--line:#e5e7eb;--bg:#f6f8fc;--card:#fff;--green:#dcfce7;--red:#fee2e2;--blue:#dbeafe;--yellow:#fef3c7;--work:#fff6bf;--work-border:#f59e0b}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:#111827} a{text-decoration:none;color:#111827}
.top{background:#fff;border-bottom:1px solid var(--line);padding:12px 18px;display:flex;gap:18px;align-items:center;position:sticky;top:0;z-index:20}.logo{font-weight:900}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{padding:8px 10px;border-radius:9px}.nav a:hover{background:#eef2ff}.right{margin-left:auto;color:var(--g);font-size:13px}.wrap{max-width:1920px;margin:20px auto;padding:0 16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 6px 20px rgba(15,23,42,.04)}h1,h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.stat b{font-size:26px}
table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:13px}th{position:sticky;top:0;background:#fff3e6;color:#991b1b;font-weight:900;white-space:nowrap;border-top:2px solid #991b1b;z-index:3}.btn,button,input[type=submit]{background:#111827;color:#fff;border:0;border-radius:10px;padding:9px 12px;font-weight:900;cursor:pointer;display:inline-block}.btn.light{background:#f3f4f6;color:#111827}.btn.red{background:#b91c1c}.btn.green{background:#15803d}.btn.blue{background:#1d4ed8}.btn.busy{background:#fee2e2;color:#991b1b;cursor:not-allowed}.btn.call{background:#16a34a;color:#fff;padding:7px 10px;font-size:12px}.mini-edit{font-size:11px;background:#eef2ff;border-radius:999px;padding:3px 7px;margin-left:6px;font-weight:900}
input,select,textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:10px;font:inherit}textarea{min-height:90px}.formgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.alert{padding:12px 14px;border-radius:12px;margin-bottom:14px}.ok{background:#dcfce7;color:#166534}.err{background:#fee2e2;color:#991b1b}.tag{display:inline-block;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900;background:#f3f4f6}.CNF{background:#dcfce7;color:#166534}.CXL,.NI,.WN,.NO_RESPONSE{background:#fee2e2;color:#991b1b}.DUP,.RPT{background:#111827;color:#fff}.PENDING{background:#f3f4f6;color:#111827}.CB{background:#dbeafe;color:#1e40af}.NA,.NR,.SO,.VM{background:#ecfccb;color:#365314}.small{color:#6b7280;font-size:12px}.locked-text{font-weight:900}
.table-scroll{overflow:auto;max-height:74vh;border-radius:16px;border:1px solid var(--line);background:#fff}.sheet-table{width:2620px;min-width:2620px;table-layout:fixed}.sheet-table th,.sheet-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-table th{position:sticky;top:0;z-index:2}.sheet-table .address{white-space:normal;width:390px;min-width:390px;max-width:390px;line-height:1.25}.closed-row{background:#f3f4f6;color:#6b7280}.working-row{background:var(--work)!important;box-shadow:inset 5px 0 0 var(--work-border)}.working-pill{background:#f59e0b;color:#111827;font-weight:900;border-radius:999px;padding:5px 8px;display:inline-block}.attempt-cell{width:155px;min-width:155px}.attempt-done{border-radius:10px;border:1px solid #e5e7eb;padding:6px;background:#fafafa;min-width:130px}.attempt-line{display:flex;align-items:center;gap:4px}.attempt-done b{display:block}.attempt-done .r{margin-top:4px;white-space:normal;color:#374151;max-width:140px;line-height:1.25;max-height:34px;overflow:hidden}.row-flash{background:#ecfccb!important;transition:background .6s ease}.cell-flash{background:#fef3c7!important;transition:background .6s ease}
.livebar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;color:#6b7280;font-size:13px}.live-dot{display:inline-block;width:9px;height:9px;background:#22c55e;border-radius:50%;margin-right:6px;animation:pulse 1.2s infinite}@keyframes pulse{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}
.modal-bg{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:99;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;width:min(1120px,96vw);max-height:92vh;overflow:auto;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.35);border:1px solid #e5e7eb}.modal-head{padding:18px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;position:sticky;top:0;background:#fff;z-index:2}.modal-body{padding:20px}.close-x{background:#f3f4f6;color:#111827;border-radius:999px;width:36px;height:36px;text-align:center;line-height:36px;font-weight:900}.modal-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:14px;margin-bottom:12px}.info-box span{display:block;color:#6b7280;font-size:12px;margin-bottom:4px}.info-box b{font-size:15px}.edit-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.edit-form .full{grid-column:1/-1}.status-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px}.status-options input{display:none}.status-options label{border:1px solid #d1d5db;background:#fff;border-radius:12px;padding:12px;cursor:pointer;font-weight:900;text-align:center}.status-options label span{display:block;font-size:11px;color:#6b7280;font-weight:600;margin-top:3px}.status-options input:checked + label{background:#111827;color:#fff;border-color:#111827}.status-options input:checked + label span{color:#d1d5db}

/* V3.5.1 fixed Select Call Result UI */
.status-options{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
    gap:12px !important;
    margin-top:10px !important;
    align-items:stretch !important;
}
.status-options > div{
    position:relative !important;
    min-width:0 !important;
}
.status-options input[type="radio"]{
    display:block !important;
    position:absolute !important;
    opacity:0 !important;
    width:1px !important;
    height:1px !important;
    pointer-events:none !important;
}
.status-options label{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
    width:100% !important;
    min-height:76px !important;
    padding:14px 14px 14px 54px !important;
    border-radius:18px !important;
    border:2px solid #e2e8f0 !important;
    background:linear-gradient(180deg,#ffffff,#f8fafc) !important;
    box-shadow:0 7px 18px rgba(15,23,42,.06) !important;
    cursor:pointer !important;
    font-size:19px !important;
    font-weight:950 !important;
    line-height:1.05 !important;
    text-align:left !important;
    position:relative !important;
    transition:all .16s ease !important;
    overflow:hidden !important;
}
.status-options label::before{
    content:"";
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    border-radius:999px;
    border:2px solid #cbd5e1;
    background:#fff;
    box-shadow:inset 0 0 0 4px #fff;
}
.status-options label::after{
    content:"";
    position:absolute;
    inset:auto -28px -34px auto;
    width:92px;
    height:92px;
    border-radius:999px;
    background:rgba(15,23,42,.035);
}
.status-options label span{
    display:block !important;
    margin-top:7px !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    line-height:1.2 !important;
    text-align:left !important;
}
.status-options label:hover{
    transform:translateY(-2px) !important;
    border-color:#64748b !important;
    box-shadow:0 14px 28px rgba(15,23,42,.12) !important;
}
.status-options input[type="radio"]:checked + label{
    color:#fff !important;
    border-color:#111827 !important;
    background:linear-gradient(135deg,#111827,#334155) !important;
    box-shadow:0 18px 36px rgba(15,23,42,.22) !important;
}
.status-options input[type="radio"]:checked + label span{
    color:#e5e7eb !important;
}
.status-options input[type="radio"]:checked + label::before{
    border-color:#fff !important;
    background:#22c55e !important;
    box-shadow:inset 0 0 0 5px #111827 !important;
}
.status-options input[value="CNF"] + label{border-color:#bbf7d0 !important;background:linear-gradient(180deg,#ffffff,#f0fdf4) !important;}
.status-options input[value="CXL"] + label{border-color:#fecaca !important;background:linear-gradient(180deg,#ffffff,#fef2f2) !important;}
.status-options input[value="CB"] + label{border-color:#bfdbfe !important;background:linear-gradient(180deg,#ffffff,#eff6ff) !important;}
.status-options input[value="NA"] + label,
.status-options input[value="NR"] + label,
.status-options input[value="SO"] + label,
.status-options input[value="VM"] + label{border-color:#fde68a !important;background:linear-gradient(180deg,#ffffff,#fffbeb) !important;}
.status-options input[value="NI"] + label,
.status-options input[value="WN"] + label{border-color:#fed7aa !important;background:linear-gradient(180deg,#ffffff,#fff7ed) !important;}
.status-options input[value="DUP"] + label,
.status-options input[value="RPT"] + label,
.status-options input[value="NO_RESPONSE"] + label{border-color:#cbd5e1 !important;background:linear-gradient(180deg,#ffffff,#f1f5f9) !important;}
.status-options input[value="CNF"]:checked + label{background:linear-gradient(135deg,#15803d,#22c55e) !important;border-color:#15803d !important;}
.status-options input[value="CXL"]:checked + label{background:linear-gradient(135deg,#991b1b,#ef4444) !important;border-color:#991b1b !important;}
.status-options input[value="CB"]:checked + label{background:linear-gradient(135deg,#1d4ed8,#60a5fa) !important;border-color:#1d4ed8 !important;}
.status-options input[value="NA"]:checked + label,
.status-options input[value="NR"]:checked + label,
.status-options input[value="SO"]:checked + label,
.status-options input[value="VM"]:checked + label{background:linear-gradient(135deg,#92400e,#f59e0b) !important;border-color:#92400e !important;}
.status-options input[value="DUP"]:checked + label,
.status-options input[value="RPT"]:checked + label,
.status-options input[value="NO_RESPONSE"]:checked + label{background:linear-gradient(135deg,#111827,#475569) !important;border-color:#111827 !important;}
.section-title{
    background:linear-gradient(90deg,#eef2ff,#fff7ed) !important;
    border:1px solid #e0e7ff !important;
    border-radius:14px !important;
    padding:12px 14px !important;
    margin:18px 0 12px !important;
    font-size:17px !important;
}
.modal-body{padding:18px 22px 24px !important;}
@media(max-width:900px){
    .status-options{grid-template-columns:1fr 1fr !important;}
    .status-options label{min-height:70px !important;font-size:17px !important;padding-left:50px !important;}
}

/* V3.28.82 final cascade: these selectors intentionally follow the legacy
   V3.28.81 block so the approved compact composition wins. */
.gs-appbar{height:54px!important;min-height:54px!important;gap:7px!important;padding:5px 9px!important}
.gs-brand{flex:0 0 185px!important;min-width:185px!important}.gs-global-search{display:flex!important;flex:1 1 260px!important;min-width:170px!important;max-width:540px!important}.gs-collaborators{margin-left:0!important}
.gs-toolbar{grid-template-columns:max-content minmax(420px,720px) minmax(max-content,1fr)!important}.gs-toolbar-metrics{max-width:720px!important}.gs-toolbar-metrics .future-kpi-card{height:34px!important;min-height:34px!important;background:#fff!important}.gs-toolbar-metrics .module-processing{border:1px solid #bfdbfe!important;border-left:3px solid #2563eb!important}.gs-toolbar-metrics .module-abd{border:1px solid #bbf7d0!important;border-left:3px solid #16a34a!important}.gs-toolbar-metrics .future-kpi-heading{flex-basis:58px!important;width:58px!important;min-width:58px!important}.gs-toolbar-metrics .future-kpi-heading strong{font-size:9px!important}
.gs-team-panel{grid-template-columns:102px minmax(0,1fr)!important;height:58px!important;min-height:58px!important;max-height:58px!important}.gs-team-panel-head{height:46px!important}.gs-team-panel-head .gs-live-team-title{display:grid!important;grid-template-columns:9px auto!important;grid-template-rows:auto auto!important}.gs-live-team-title>i{grid-row:1/-1!important}.gs-live-team-title>small{display:block!important;font-size:6.5px!important;color:#64748b!important}.gs-team-panel .worker-chip{flex:0 0 162px!important;width:162px!important;min-width:162px!important;max-width:162px!important;height:46px!important;min-height:46px!important}
.gs-grid-footer{grid-template-columns:max-content minmax(120px,1fr) max-content max-content!important}.gs-footer-pagination{justify-self:end!important;justify-content:flex-end!important}.gs-footer-limit{justify-self:end!important}
@media(max-width:1580px){.gs-brand{flex-basis:160px!important;min-width:160px!important}.gs-global-search{max-width:340px!important}.gs-toolbar{grid-template-columns:max-content minmax(380px,650px) minmax(max-content,1fr)!important}}
@media(max-width:980px){.gs-global-search{flex:0 0 220px!important}.gs-toolbar{display:flex!important;overflow-x:auto!important}.gs-toolbar-metrics{flex:0 0 620px!important}.gs-grid-footer{display:flex!important}.gs-footer-pagination{margin-left:auto!important}}
@media(max-width:560px){
    .status-options{grid-template-columns:1fr !important;}
}

/* V3.5.6 active worker chips in header */
.working-header{display:flex;align-items:center;gap:8px;max-width:48vw;overflow-x:auto;white-space:nowrap;padding:4px 6px;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}
.wh-title{font-size:12px;font-weight:950;color:#475569;display:inline-flex;align-items:center;gap:5px;position:sticky;left:0;background:#fff;padding-right:6px;z-index:2}
.wh-empty{font-size:12px;color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:999px;padding:6px 10px}
.worker-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #f59e0b;background:linear-gradient(180deg,#fff7ed,#ffedd5);border-radius:999px;padding:6px 10px;box-shadow:0 4px 14px rgba(245,158,11,.16);font-size:12px;color:#111827;transition:transform .15s ease, box-shadow .15s ease}
.worker-chip:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(245,158,11,.22)}
.worker-chip b{max-width:90px;overflow:hidden;text-overflow:ellipsis;color:#7c2d12}
.worker-chip span{color:#475569;max-width:130px;overflow:hidden;text-overflow:ellipsis}
.worker-chip.flash-live{animation:chipFlash 1s ease}
@keyframes chipFlash{0%{background:#dcfce7;transform:scale(1.04)}100%{background:#ffedd5;transform:scale(1)}}
.focus-pulse{outline:4px solid #22c55e!important;outline-offset:-4px;animation:focusPulse 1.8s ease 2}
@keyframes focusPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}100%{box-shadow:0 0 0 16px rgba(34,197,94,0)}}
@media(max-width:1200px){.working-header{max-width:100%;order:3;flex-basis:100%;border:0;padding-left:0}.top{flex-wrap:wrap}}


/* V3.8 Manage Order UX */
.nav a.nav-active{background:#f8fafc;color:#111827;box-shadow:inset 0 -3px 0 #38bdf8;border:1px solid rgba(255,255,255,.18)}
.bulk-bar{position:sticky;top:74px;z-index:9;display:flex;align-items:center;gap:10px;justify-content:space-between;background:linear-gradient(90deg,#0f172a,#1e293b);color:#fff;border-radius:16px;padding:10px 14px;margin-bottom:10px;box-shadow:0 12px 28px rgba(15,23,42,.18)}
.bulk-bar .left,.bulk-bar .right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bulk-bar label{display:flex;align-items:center;gap:7px;font-weight:900}.bulk-bar input[type=checkbox]{width:auto}.check-cell{width:42px;text-align:center}.check-cell input{width:18px;height:18px}.manage-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.manage-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.06)}.manage-card h2{margin:0 0 12px;display:flex;align-items:center;gap:8px}.segment-title{font-size:13px;color:#64748b;text-transform:uppercase;font-weight:950;letter-spacing:.08em;margin:18px 0 8px}.import-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.import-kpi{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:12px}.import-kpi span{display:block;font-size:11px;color:#64748b;font-weight:900;text-transform:uppercase}.import-kpi b{font-size:22px}.count-link{display:inline-flex;align-items:center;gap:5px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:999px;padding:5px 9px;font-weight:950}.muted-count{color:#94a3b8;font-weight:900}.danger-zone{background:#fff1f2;border:1px solid #fecdd3;border-radius:18px;padding:14px}.danger-zone h3{margin-top:0;color:#9f1239}.help-note{background:#f0f9ff;border:1px solid #bae6fd;color:#075985;border-radius:14px;padding:10px 12px;font-size:13px;font-weight:700}.top{background:linear-gradient(90deg,#0f172a,#111827)!important;color:#fff!important}.top a,.top .logo{color:#fff!important}.wh-title{background:#0f172a!important;color:#e0f2fe!important}.user-chip-top{color:#cbd5e1!important}.nav a:hover{background:rgba(255,255,255,.12)!important}.working-header{border-color:rgba(255,255,255,.16)!important}.wh-empty{background:rgba(255,255,255,.08)!important;color:#cbd5e1!important;border-color:rgba(255,255,255,.18)!important}.worker-chip{background:linear-gradient(180deg,#fef3c7,#fde68a)!important;border-color:#facc15!important}.worker-chip b{color:#713f12!important}.worker-chip span{color:#1f2937!important}
.risk-manage-card{border-color:#fecaca;background:linear-gradient(180deg,#fff,#fff7f7)}.risk-edit-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px}.risk-textarea{min-height:140px;font-weight:750;line-height:1.45}.small-risk-box{min-height:140px}.risk-preview{background:#fff;border:1px dashed #fecaca;border-radius:14px;padding:12px;color:#334155}.risk-preview .risk-mark{font-weight:950}
@media(max-width:1100px){ .manage-grid,.import-kpis,.risk-edit-grid{grid-template-columns:1fr}.bulk-bar{top:110px}}


.admin-cnf-cell{width:120px;min-width:120px;text-align:center}
.admin-cnf-dashboard-btn{display:inline-flex;align-items:center;justify-content:center;min-width:74px;border-radius:12px;background:linear-gradient(180deg,#16a34a,#15803d);color:#fff!important;font-weight:950;padding:8px 10px;box-shadow:0 8px 18px rgba(22,163,74,.22);border:1px solid rgba(255,255,255,.18)}
.admin-cnf-dashboard-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.admin-cnf-confirmed{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:#ecfdf5;border:1px solid #86efac;color:#166534;border-radius:12px;padding:7px 8px;line-height:1.05;min-width:104px}
.admin-cnf-confirmed b{font-size:12px}.admin-cnf-confirmed span{font-size:9px;font-weight:900;color:#15803d}
.admin-confirmed-attempt{min-height:112px;border:1px solid #86efac;background:linear-gradient(180deg,#ecfdf5,#dcfce7);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;color:#166534;box-shadow:inset 4px 0 0 #22c55e;padding:10px}
.admin-confirmed-attempt span{background:#14532d;color:#fff;border-radius:999px;padding:4px 9px;font-weight:950;font-size:12px}
.admin-confirmed-attempt b{font-size:15px;line-height:1.05}.admin-confirmed-attempt small{font-size:10px;color:#15803d;font-weight:850}


/* V3.10.2 Old Orders + RTO Manager */
.rto-badge{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #f97316;color:#9a3412;border-radius:12px;padding:7px 9px;font-weight:950;line-height:1.08;box-shadow:0 10px 20px rgba(249,115,22,.18)}
.rto-badge b{font-size:11px;letter-spacing:.06em}.rto-badge span{font-size:10px;color:#c2410c;font-weight:950;max-width:130px;white-space:normal}.rto-row td{background:#fff7ed!important;border-bottom-color:#fed7aa!important}.rto-row td:first-child{box-shadow:inset 5px 0 0 #f97316}.rto-row .mobile-rto-highlight{background:#fb923c;color:#7c2d12;border:1px solid #ea580c;border-radius:10px;padding:6px 9px;display:inline-block;font-weight:1000;box-shadow:0 8px 18px rgba(249,115,22,.18)}.rto-panel{border:1px solid #f97316;background:linear-gradient(180deg,#fff7ed,#ffedd5);border-radius:16px;padding:14px;margin-bottom:12px;color:#9a3412}.rto-panel b{display:block;font-size:15px}.rto-panel span{font-weight:950}.required-pill{display:inline-block;margin-left:6px;background:#ffedd5;color:#c2410c;border:1px solid #fdba74;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:950}.old-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.old-order-card{border:1px solid #e2e8f0;border-radius:18px;padding:16px;background:#fff}.old-order-card.delivered{border-color:#fecaca;background:linear-gradient(180deg,#fff,#fff7f7)}.old-order-card.rto{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}.old-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.old-kpi{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.old-kpi b{font-size:22px}.old-kpi span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.danger-mini{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;border-radius:14px;padding:12px;margin-top:12px}.danger-mini button{background:#be123c!important}@media(max-width:1100px){.old-order-grid,.old-kpis{grid-template-columns:1fr}}

.version-badge{position:fixed;right:12px;bottom:12px;background:#111827;color:#fff;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;z-index:999}
.form-inline-error{display:none;margin-top:8px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:12px;padding:9px 11px;font-weight:900;font-size:13px;line-height:1.25}.form-inline-error.show{display:block}.courier-field.has-error select{border-color:#ef4444;background:#fff1f2;box-shadow:0 0 0 4px rgba(239,68,68,.10)}.modal-shake{animation:modalShake .24s ease-in-out 0s 2}@keyframes modalShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:1100px){.grid,.formgrid,.modal-grid,.edit-form{grid-template-columns:1fr}.status-options{grid-template-columns:repeat(2,1fr)}.right{display:none}}

/* V3.5 premium UI */
th{background:linear-gradient(180deg,#fff7ed,#ffedd5);color:#7c2d12;border-top:2px solid #fb923c;position:sticky;top:0;z-index:4}.sheet-table{min-width:2200px}.sheet-table .address{min-width:240px;max-width:260px}.sheet-table .product-cell{min-width:160px;max-width:180px}.sheet-table tr:hover{background:#f8fafc}.livebar{background:linear-gradient(90deg,#eff6ff,#fff7ed);border:1px solid #dbeafe;border-radius:16px;padding:12px 16px;margin-bottom:14px;display:flex;justify-content:space-between;gap:12px;align-items:center}.courier-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#eef2ff;color:#312e81;font-weight:900;font-size:12px}.price-main{font-weight:950;font-size:14px}.price-note{font-size:11px;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:3px 6px;margin-top:4px;max-width:150px}.attempt-card{border:1px solid #e5e7eb;border-radius:14px;padding:9px;min-height:82px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.05)}.attempt-card .attempt-top{display:flex;justify-content:space-between;gap:6px;align-items:center}.attempt-no{font-weight:950;background:#111827;color:#fff;border-radius:8px;padding:3px 6px;font-size:11px}.attempt-meta{font-size:11px;color:#64748b;margin-top:6px}.attempt-remark{font-size:12px;margin-top:6px;color:#334155;white-space:normal;line-height:1.25}.attempt-CNF{background:#f0fdf4;border-color:#86efac}.attempt-CXL,.attempt-NI,.attempt-WN,.attempt-NO_RESPONSE{background:#fef2f2;border-color:#fecaca}.attempt-CB{background:#eff6ff;border-color:#bfdbfe}.attempt-call{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:74px;border:2px dashed #22c55e;border-radius:14px;color:#166534;background:#f0fdf4;font-weight:950}.attempt-call b{font-size:16px}.attempt-call span{font-size:12px}.attempt-busy{min-height:74px;border-radius:14px;background:#fef3c7;color:#92400e;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;font-weight:900;text-align:center}.attempt-locked{min-height:74px;border-radius:14px;background:#f1f5f9;color:#64748b;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;font-weight:900}.mini-edit{display:inline-block;margin-top:7px;font-size:11px;color:#1d4ed8;font-weight:900}.modal{width:min(1220px,97vw);border-radius:26px}.modal-head{background:linear-gradient(90deg,#111827,#1e293b);color:#fff;border-radius:26px 26px 0 0}.modal-head .small{color:#cbd5e1}.close-x{background:rgba(255,255,255,.14);color:#fff}.call-hero{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.hero-panel{background:linear-gradient(180deg,#ffffff,#f8fafc);border:1px solid #e2e8f0;border-radius:18px;padding:16px}.hero-panel h3{margin:0 0 10px}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.section-title{font-weight:950;margin:18px 0 10px}.status-options label{border:2px solid #e2e8f0}.status-options label:hover{border-color:#111827;transform:translateY(-1px)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-table input,.admin-table select{padding:8px}.danger-note{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:12px;padding:10px;margin:10px 0}@media(max-width:1100px){.call-hero,.admin-grid{grid-template-columns:1fr}.sheet-table{min-width:1600px}}


/* V3.5.2 Attempt section premium UI fix */
.sheet-table th:nth-last-child(-n+5){
    background:linear-gradient(180deg,#fff7ed 0%,#ffedd5 100%)!important;
    color:#7c2d12!important;
    text-align:center!important;
    font-size:16px!important;
    letter-spacing:.8px!important;
    border-top:4px solid #fb923c!important;
    border-left:1px solid #fed7aa!important;
    border-right:1px solid #fed7aa!important;
}
.sheet-table td:nth-last-child(-n+5){
    background:linear-gradient(180deg,#fffbeb 0%,#fef3c7 100%);
    border-left:1px solid #fde68a;
    border-right:1px solid #fde68a;
    vertical-align:middle;
    text-align:center;
    overflow:visible!important;
}
.sheet-table tr:hover td:nth-last-child(-n+5){
    background:linear-gradient(180deg,#fff7ed 0%,#fde68a 100%);
}
.sheet-table .attempt-cell{
    width:215px!important;
    min-width:215px!important;
    max-width:215px!important;
    padding:12px 14px!important;
    overflow:visible!important;
}
.attempt-card{
    width:100%;
    min-height:126px!important;
    border-radius:22px!important;
    padding:14px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
    border:1px solid #dbe4ef!important;
    box-shadow:0 10px 22px rgba(15,23,42,.08)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    text-align:left!important;
    gap:8px!important;
    position:relative;
    overflow:hidden!important;
}
.attempt-card:before{
    content:"";
    position:absolute;
    left:0;top:0;bottom:0;
    width:5px;
    background:#94a3b8;
}
.attempt-card .attempt-top{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
}
.attempt-no{
    flex:0 0 auto;
    background:#111827!important;
    color:#fff!important;
    border-radius:12px!important;
    padding:6px 10px!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
}
.attempt-card .tag{
    flex:0 0 auto;
    font-size:14px!important;
    padding:6px 12px!important;
    border-radius:999px!important;
    font-weight:950!important;
}
.attempt-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-top:2px!important;
    padding:7px 9px!important;
    background:#f1f5f9!important;
    border:1px solid #e2e8f0!important;
    border-radius:12px!important;
    font-size:12px!important;
    color:#475569!important;
    white-space:normal!important;
    overflow:hidden!important;
}
.attempt-meta .csr-name{
    min-width:0;
    max-width:110px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:950!important;
    letter-spacing:.3px;
    text-transform:uppercase;
    color:#334155!important;
}
.attempt-meta .attempt-time{
    flex:0 0 auto;
    font-weight:950!important;
    color:#0f172a!important;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:999px;
    padding:3px 7px;
}
.attempt-remark{
    margin-top:0!important;
    white-space:normal!important;
    line-height:1.35!important;
    color:#111827!important;
    font-size:15px!important;
    font-weight:850!important;
    max-width:none!important;
    max-height:44px!important;
    overflow:hidden!important;
    text-align:left!important;
}
.mini-edit{
    align-self:flex-start;
    margin-top:auto!important;
    background:#eef2ff!important;
    color:#1d4ed8!important;
    padding:6px 11px!important;
    border-radius:999px!important;
    font-size:12px!important;
    font-weight:950!important;
}
.attempt-CNF{
    background:linear-gradient(180deg,#f0fdf4 0%,#dcfce7 100%)!important;
    border-color:#86efac!important;
}
.attempt-CNF:before{background:#16a34a!important}
.attempt-CXL,.attempt-NI,.attempt-WN,.attempt-NO_RESPONSE{
    background:linear-gradient(180deg,#fff7f7 0%,#fee2e2 100%)!important;
    border-color:#fecaca!important;
}
.attempt-CXL:before,.attempt-NI:before,.attempt-WN:before,.attempt-NO_RESPONSE:before{background:#dc2626!important}
.attempt-CB{
    background:linear-gradient(180deg,#eff6ff 0%,#dbeafe 100%)!important;
    border-color:#bfdbfe!important;
}
.attempt-CB:before{background:#2563eb!important}
.attempt-NR,.attempt-NA,.attempt-SO,.attempt-VM{
    background:linear-gradient(180deg,#f7fee7 0%,#ecfccb 100%)!important;
    border-color:#bef264!important;
}
.attempt-NR:before,.attempt-NA:before,.attempt-SO:before,.attempt-VM:before{background:#65a30d!important}
.attempt-call{
    min-height:118px!important;
    width:100%!important;
    border-radius:22px!important;
    border:2px dashed #22c55e!important;
    background:linear-gradient(180deg,#f0fdf4 0%,#dcfce7 100%)!important;
    color:#14532d!important;
    box-shadow:inset 0 0 0 4px rgba(255,255,255,.65),0 10px 22px rgba(34,197,94,.12)!important;
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.attempt-call:hover{
    transform:translateY(-2px);
    border-color:#16a34a!important;
    box-shadow:inset 0 0 0 4px rgba(255,255,255,.75),0 16px 30px rgba(34,197,94,.18)!important;
}
.attempt-call b{
    font-size:24px!important;
    line-height:1!important;
    margin-bottom:8px;
}
.attempt-call span{
    font-size:17px!important;
    font-weight:950!important;
}
.attempt-busy,.attempt-locked{
    min-height:118px!important;
    border-radius:22px!important;
    padding:14px!important;
    box-shadow:0 10px 22px rgba(15,23,42,.06)!important;
}
.attempt-busy{
    background:linear-gradient(180deg,#fff7ed 0%,#fed7aa 100%)!important;
    border:1px solid #fdba74;
}
.attempt-locked{
    background:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%)!important;
    border:1px solid #cbd5e1;
}
.attempt-busy b,.attempt-locked b{
    font-size:22px!important;
    margin-bottom:6px;
}
.attempt-busy span,.attempt-locked span{
    white-space:normal;
    line-height:1.25;
}
@media(max-width:1100px){
    .sheet-table .attempt-cell{width:180px!important;min-width:180px!important;max-width:180px!important;padding:10px!important}
    .attempt-card{min-height:120px!important;padding:12px!important}
    .attempt-meta{display:block!important}
    .attempt-meta .csr-name{display:block;max-width:100%;margin-bottom:4px}
    .attempt-meta .attempt-time{display:inline-block}
    .attempt-remark{font-size:14px!important}
}



/* V3.5.3 clean attempt cards + ascending order UI fix */
.sheet-table{min-width:2050px!important;}
.sheet-table th:nth-last-child(-n+5){
    font-size:13px!important;
    letter-spacing:.35px!important;
    text-align:center!important;
    padding:11px 8px!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
}
.sheet-table td:nth-last-child(-n+5){
    background:linear-gradient(180deg,#fffdf4 0%,#fff7cc 100%)!important;
    vertical-align:top!important;
    text-align:left!important;
    overflow:hidden!important;
}
.sheet-table .attempt-cell{
    width:170px!important;
    min-width:170px!important;
    max-width:170px!important;
    padding:8px!important;
    overflow:hidden!important;
}
.attempt-card{
    width:100%!important;
    min-height:96px!important;
    max-height:116px!important;
    border-radius:16px!important;
    padding:9px 10px 8px 12px!important;
    border:1px solid #d8e2ee!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(15,23,42,.06)!important;
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    text-align:left!important;
    overflow:hidden!important;
    position:relative!important;
}
.attempt-card:before{
    content:"";
    position:absolute;
    left:0;top:0;bottom:0;
    width:4px;
    background:#94a3b8;
}
.attempt-card .attempt-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    min-width:0!important;
    height:24px!important;
}
.attempt-no{
    flex:0 0 auto!important;
    font-size:12px!important;
    line-height:1!important;
    padding:5px 8px!important;
    border-radius:9px!important;
    background:#111827!important;
    color:#fff!important;
    font-weight:950!important;
}
.attempt-card .tag{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:70px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    font-weight:950!important;
}
.attempt-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    margin-top:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    overflow:hidden!important;
    font-size:11px!important;
    color:#64748b!important;
    line-height:1.1!important;
}
.attempt-meta .csr-name{
    min-width:0!important;
    max-width:88px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11px!important;
    font-weight:850!important;
    color:#475569!important;
    letter-spacing:.2px!important;
    text-transform:uppercase!important;
}
.attempt-meta .attempt-time{
    flex:0 0 auto!important;
    font-size:11px!important;
    font-weight:900!important;
    color:#111827!important;
    background:#f8fafc!important;
    border:1px solid #e5e7eb!important;
    border-radius:999px!important;
    padding:3px 6px!important;
    line-height:1!important;
}
.attempt-remark{
    margin-top:2px!important;
    font-size:13px!important;
    font-weight:800!important;
    color:#111827!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    max-height:34px!important;
    text-align:left!important;
}
.mini-edit{
    align-self:flex-start!important;
    margin-top:auto!important;
    font-size:11px!important;
    line-height:1!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    background:#eef2ff!important;
    color:#1d4ed8!important;
    font-weight:900!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.attempt-call{
    width:100%!important;
    min-height:92px!important;
    max-height:92px!important;
    border-radius:16px!important;
    border:2px dashed #22c55e!important;
    background:#f0fdf4!important;
    color:#166534!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:4px!important;
    overflow:hidden!important;
    box-shadow:none!important;
}
.attempt-call b{
    font-size:20px!important;
    line-height:1!important;
    margin:0!important;
}
.attempt-call span{
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.1!important;
    white-space:nowrap!important;
}
.attempt-busy,.attempt-locked{
    min-height:92px!important;
    max-height:92px!important;
    border-radius:16px!important;
    padding:9px!important;
    overflow:hidden!important;
    box-shadow:none!important;
}
.attempt-busy b,.attempt-locked b{
    font-size:18px!important;
    margin-bottom:4px!important;
}
.attempt-busy span,.attempt-locked span{
    font-size:12px!important;
    line-height:1.2!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
}
.attempt-CNF:before{background:#16a34a!important}
.attempt-CXL:before,.attempt-NI:before,.attempt-WN:before,.attempt-NO_RESPONSE:before{background:#dc2626!important}
.attempt-CB:before{background:#2563eb!important}
.attempt-NR:before,.attempt-NA:before,.attempt-SO:before,.attempt-VM:before{background:#65a30d!important}
@media(max-width:1100px){
    .sheet-table .attempt-cell{width:160px!important;min-width:160px!important;max-width:160px!important;padding:7px!important;}
    .attempt-card{min-height:94px!important;max-height:112px!important;padding:8px 9px 7px 11px!important;}
    .attempt-meta{display:flex!important;}
    .attempt-meta .csr-name{max-width:80px!important;margin-bottom:0!important;}
    .attempt-remark{font-size:12px!important;}
}


/* V3.5.4 final attempt readability + full pagination */
.formgrid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1fr .8fr!important;align-items:end!important}
.sheet-table{min-width:2900px!important;width:2900px!important;table-layout:fixed!important}
.sheet-table th:nth-last-child(-n+5){font-size:15px!important;letter-spacing:1px!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;padding:13px 10px!important}
.sheet-table td:nth-last-child(-n+5){background:linear-gradient(180deg,#fff8dc 0%,#fff1b8 100%)!important;border-left:1px solid #f3d574!important;border-right:1px solid #f3d574!important;vertical-align:top!important;text-align:left!important;overflow:visible!important;padding:12px!important}
.sheet-table .attempt-cell{width:280px!important;min-width:280px!important;max-width:280px!important;overflow:visible!important}
.attempt-card{width:100%!important;min-height:150px!important;max-height:none!important;border-radius:18px!important;padding:13px 14px 12px 16px!important;background:#fff!important;border:1px solid #dbe4ef!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important;display:flex!important;flex-direction:column!important;gap:9px!important;overflow:visible!important;text-align:left!important;position:relative!important}
.attempt-card:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:5px!important;background:#94a3b8!important;border-radius:18px 0 0 18px!important}
.attempt-card .attempt-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;overflow:visible!important}
.attempt-no{font-size:14px!important;line-height:1!important;padding:7px 10px!important;border-radius:10px!important;background:#111827!important;color:#fff!important;font-weight:950!important;flex:0 0 auto!important}
.attempt-card .tag{font-size:13px!important;line-height:1!important;padding:7px 10px!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-weight:950!important;flex:0 0 auto!important}
.attempt-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:13px!important;padding:8px 9px!important;margin:0!important;overflow:visible!important}
.attempt-meta .csr-name{font-size:13px!important;font-weight:950!important;color:#334155!important;text-transform:uppercase!important;letter-spacing:.25px!important;max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important}
.attempt-meta .attempt-time{font-size:11px!important;font-weight:950!important;color:#111827!important;background:#fff!important;border:1px solid #dbe4ef!important;border-radius:999px!important;padding:5px 8px!important;line-height:1!important;flex:0 0 auto!important;display:inline-block!important}
.attempt-remark{font-size:14px!important;font-weight:900!important;color:#111827!important;line-height:1.35!important;white-space:normal!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;max-height:78px!important;text-align:left!important;margin:0!important;background:#fff!important;border:1px solid #eef2f7!important;border-radius:12px!important;padding:8px!important}
.mini-edit{align-self:flex-start!important;margin-top:auto!important;font-size:12px!important;padding:7px 10px!important;background:#eef2ff!important;color:#1d4ed8!important;border-radius:999px!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.attempt-call{width:100%!important;min-height:132px!important;max-height:none!important;border-radius:18px!important;border:2px dashed #22c55e!important;background:linear-gradient(180deg,#f0fdf4,#dcfce7)!important;color:#166534!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:8px!important;font-weight:950!important;overflow:visible!important;text-align:center!important}
.attempt-call b{font-size:28px!important;line-height:1!important;margin:0!important}.attempt-call span{font-size:16px!important;font-weight:950!important;line-height:1.1!important;white-space:normal!important}.attempt-busy,.attempt-locked{min-height:132px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;text-align:center!important;font-weight:900!important;padding:12px!important;white-space:normal!important;overflow:visible!important}.attempt-busy b,.attempt-locked b{font-size:22px!important}.attempt-busy span,.attempt-locked span{font-size:13px!important;white-space:normal!important}
.pagination{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px;padding:12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px}.page-btn,.page-num{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:10px;background:#fff;border:1px solid #d1d5db;color:#111827;font-weight:900}.page-num.active{background:#111827;color:#fff;border-color:#111827}.page-btn.disabled{opacity:.45;pointer-events:none}.page-dots{padding:0 4px;color:#6b7280;font-weight:900}
@media(max-width:1200px){.formgrid{grid-template-columns:1fr 1fr!important}.sheet-table{min-width:2600px!important;width:2600px!important}.sheet-table .attempt-cell{width:250px!important;min-width:250px!important;max-width:250px!important}}



/* V3.5.5 final readable attempt section - wider, no clipping, CSR/time/remark visible */
.sheet-table{min-width:3450px!important;width:3450px!important;table-layout:fixed!important}
.sheet-table th:nth-last-child(-n+5){width:340px!important;min-width:340px!important;max-width:340px!important;text-align:center!important;font-size:16px!important;letter-spacing:1.2px!important}
.sheet-table td:nth-last-child(-n+5){width:340px!important;min-width:340px!important;max-width:340px!important;padding:16px!important;overflow:visible!important;background:linear-gradient(180deg,#fff9df 0%,#fff3bd 100%)!important;vertical-align:top!important}
.sheet-table .attempt-cell{width:340px!important;min-width:340px!important;max-width:340px!important;overflow:visible!important}
.attempt-card{width:100%!important;min-height:168px!important;max-height:none!important;border-radius:18px!important;padding:14px 15px 13px 17px!important;background:#fff!important;border:1px solid #dbe4ef!important;box-shadow:0 8px 20px rgba(15,23,42,.08)!important;display:flex!important;flex-direction:column!important;gap:10px!important;overflow:visible!important;text-align:left!important;position:relative!important}
.attempt-card:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:6px!important;background:#64748b!important;border-radius:18px 0 0 18px!important}
.attempt-CNF:before{background:#16a34a!important}.attempt-CB:before{background:#2563eb!important}.attempt-CXL:before,.attempt-NI:before,.attempt-WN:before,.attempt-NO_RESPONSE:before{background:#dc2626!important}.attempt-NA:before,.attempt-NR:before,.attempt-SO:before,.attempt-VM:before{background:#65a30d!important}
.attempt-card .attempt-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-width:0!important}
.attempt-no{font-size:15px!important;line-height:1!important;padding:8px 12px!important;border-radius:11px!important;background:#111827!important;color:#fff!important;font-weight:950!important;flex:0 0 auto!important}
.attempt-card .tag{font-size:14px!important;line-height:1!important;padding:8px 12px!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-weight:950!important;flex:0 0 auto!important}
.attempt-meta{display:none!important}
.attempt-csr-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:13px!important;padding:8px 9px!important;min-height:40px!important;overflow:hidden!important}
.csr-chip{font-size:13px!important;font-weight:950!important;color:#334155!important;letter-spacing:.2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:205px!important;display:block!important}
.time-chip{font-size:12px!important;font-weight:950!important;color:#111827!important;background:#fff!important;border:1px solid #dbe4ef!important;border-radius:999px!important;padding:6px 9px!important;line-height:1!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:54px!important}
.attempt-remark{font-size:14px!important;font-weight:900!important;color:#111827!important;line-height:1.35!important;white-space:normal!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;max-height:94px!important;text-align:left!important;margin:0!important;background:#fffdf5!important;border:1px solid #fde68a!important;border-radius:13px!important;padding:9px 10px!important;min-height:62px!important}
.attempt-remark span{display:block!important;font-size:10px!important;letter-spacing:.6px!important;text-transform:uppercase!important;color:#92400e!important;margin-bottom:4px!important;font-weight:950!important}
.mini-edit{align-self:flex-start!important;margin-top:auto!important;font-size:12px!important;padding:7px 11px!important;background:#eef2ff!important;color:#1d4ed8!important;border-radius:999px!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.attempt-call{width:100%!important;min-height:150px!important;border-radius:18px!important;border:2px dashed #22c55e!important;background:linear-gradient(180deg,#f0fdf4,#dcfce7)!important;color:#166534!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:8px!important;font-weight:950!important;overflow:visible!important;text-align:center!important}
.attempt-call b{font-size:34px!important;line-height:1!important;margin:0!important}.attempt-call span{font-size:18px!important;font-weight:950!important;line-height:1.15!important;white-space:normal!important}
.attempt-busy,.attempt-locked{min-height:150px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;text-align:center!important;font-weight:900!important;padding:14px!important;white-space:normal!important;overflow:visible!important}.attempt-busy b,.attempt-locked b{font-size:26px!important}.attempt-busy span,.attempt-locked span{font-size:14px!important;white-space:normal!important}
@media(max-width:1200px){.sheet-table{min-width:3150px!important;width:3150px!important}.sheet-table th:nth-last-child(-n+5),.sheet-table td:nth-last-child(-n+5),.sheet-table .attempt-cell{width:300px!important;min-width:300px!important;max-width:300px!important}.csr-chip{max-width:170px!important}}


/* V3.5.7 full-screen working view + compact readable attempt cards */
body{background:#f5f7fb!important;overflow-x:hidden!important}
.top{padding:8px 12px!important;gap:12px!important}
.nav a{padding:6px 8px!important;font-size:13px!important}
.working-header{max-width:42vw!important}
.wrap{max-width:none!important;width:100%!important;margin:10px 0!important;padding:0 8px!important}
h1{font-size:24px!important;margin:0 0 10px!important}
.card{border-radius:12px!important;padding:10px!important;margin-bottom:10px!important}
.livebar{margin-bottom:8px!important;padding:8px 12px!important;border-radius:12px!important}
.formgrid{grid-template-columns:1.35fr .85fr .95fr .85fr .9fr .9fr .7fr .45fr!important;gap:8px!important}
.formgrid label{font-size:12px!important;margin-bottom:3px!important;display:block!important}
.formgrid input,.formgrid select{height:36px!important;padding:6px 9px!important;font-size:13px!important;border-radius:9px!important}
.formgrid button{height:36px!important;padding:7px 12px!important}
.table-scroll{max-height:calc(100vh - 205px)!important;width:100%!important;border-radius:12px!important}
.sheet-table{min-width:2920px!important;width:2920px!important;table-layout:fixed!important}
.sheet-table th{font-size:12px!important;padding:8px 8px!important;line-height:1.1!important}
.sheet-table td{font-size:12px!important;padding:7px 8px!important;line-height:1.2!important}
.sheet-table .address{width:220px!important;min-width:220px!important;max-width:220px!important;line-height:1.2!important}
.sheet-table .product-cell{width:160px!important;min-width:160px!important;max-width:160px!important}
.price-main{font-size:13px!important}.price-note{font-size:10px!important;max-width:120px!important}
.working-pill{padding:4px 7px!important;font-size:11px!important}.tag{font-size:11px!important;padding:4px 7px!important}
.sheet-table th:nth-last-child(-n+5){width:270px!important;min-width:270px!important;max-width:270px!important;text-align:center!important;font-size:13px!important;letter-spacing:.6px!important;padding:9px 8px!important}
.sheet-table td:nth-last-child(-n+5){width:270px!important;min-width:270px!important;max-width:270px!important;padding:8px!important;background:linear-gradient(180deg,#fff9df 0%,#fff5c7 100%)!important;vertical-align:top!important;overflow:visible!important}
.sheet-table .attempt-cell{width:270px!important;min-width:270px!important;max-width:270px!important;overflow:visible!important}
.attempt-card{width:100%!important;min-height:112px!important;max-height:none!important;border-radius:14px!important;padding:9px 10px 8px 13px!important;background:#fff!important;border:1px solid #dbe4ef!important;box-shadow:0 4px 12px rgba(15,23,42,.07)!important;display:flex!important;flex-direction:column!important;gap:6px!important;overflow:visible!important;text-align:left!important;position:relative!important}
.attempt-card:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:5px!important;background:#64748b!important;border-radius:14px 0 0 14px!important}
.attempt-card .attempt-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;height:25px!important}
.attempt-no{font-size:12px!important;line-height:1!important;padding:6px 8px!important;border-radius:9px!important;background:#111827!important;color:#fff!important;font-weight:950!important;flex:0 0 auto!important}
.attempt-card .tag{font-size:11px!important;line-height:1!important;padding:6px 8px!important;max-width:110px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:950!important;flex:0 0 auto!important}
.attempt-csr-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:5px 6px!important;min-height:29px!important;overflow:hidden!important}
.csr-chip{font-size:12px!important;font-weight:950!important;color:#334155!important;letter-spacing:.1px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:150px!important;display:block!important}
.time-chip{font-size:11px!important;font-weight:950!important;color:#111827!important;background:#fff!important;border:1px solid #dbe4ef!important;border-radius:999px!important;padding:5px 7px!important;line-height:1!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:46px!important}
.attempt-remark{font-size:12px!important;font-weight:850!important;color:#111827!important;line-height:1.25!important;white-space:normal!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;max-height:52px!important;text-align:left!important;margin:0!important;background:#fffdf5!important;border:1px solid #fde68a!important;border-radius:10px!important;padding:6px 7px!important;min-height:39px!important}
.attempt-remark span{display:block!important;font-size:9px!important;letter-spacing:.5px!important;text-transform:uppercase!important;color:#92400e!important;margin-bottom:2px!important;font-weight:950!important}
.mini-edit{align-self:flex-start!important;margin-top:0!important;font-size:11px!important;padding:4px 8px!important;background:#eef2ff!important;color:#1d4ed8!important;border-radius:999px!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.attempt-call{width:100%!important;min-height:102px!important;border-radius:14px!important;border:2px dashed #22c55e!important;background:linear-gradient(180deg,#f0fdf4,#dcfce7)!important;color:#166534!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;font-weight:950!important;overflow:visible!important;text-align:center!important}
.attempt-call b{font-size:26px!important;line-height:1!important;margin:0!important}.attempt-call span{font-size:13px!important;font-weight:950!important;line-height:1.15!important;white-space:normal!important}
.attempt-busy,.attempt-locked{min-height:102px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;text-align:center!important;font-weight:900!important;padding:10px!important;white-space:normal!important;overflow:visible!important}.attempt-busy b,.attempt-locked b{font-size:22px!important}.attempt-busy span,.attempt-locked span{font-size:12px!important;white-space:normal!important}
.pagination{position:sticky!important;bottom:0!important;z-index:5!important;margin-top:8px!important;padding:8px!important;border-radius:12px!important;background:rgba(248,250,252,.95)!important;backdrop-filter:blur(6px)!important}.page-btn,.page-num{height:32px!important;min-width:34px!important;font-size:12px!important}
@media(max-width:1400px){.working-header{max-width:100%!important;order:3;flex-basis:100%;border:0!important}.top{flex-wrap:wrap!important}.formgrid{grid-template-columns:1fr 1fr 1fr 1fr!important}.table-scroll{max-height:calc(100vh - 250px)!important}.sheet-table{min-width:2850px!important;width:2850px!important}.sheet-table th:nth-last-child(-n+5),.sheet-table td:nth-last-child(-n+5),.sheet-table .attempt-cell{width:255px!important;min-width:255px!important;max-width:255px!important}.csr-chip{max-width:135px!important}}


/* V3.5.9 active attempt clarity + stable return fixes */
.attempt-card.attempt-working-now{border:2px solid #f59e0b!important;box-shadow:0 0 0 3px rgba(245,158,11,.18),0 8px 22px rgba(15,23,42,.12)!important;background:linear-gradient(180deg,#fff7ed,#ffffff)!important;position:relative!important}
.attempt-card.attempt-working-now:after{content:"WORKING NOW";position:absolute;right:8px;bottom:8px;background:#f59e0b;color:#111827;font-size:9px;font-weight:950;border-radius:999px;padding:4px 7px;letter-spacing:.5px}
.working-now-note{font-size:11px;font-weight:900;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;padding:4px 8px;display:inline-block;margin-top:2px}
.attempt-busy.attempt-active-lock{background:linear-gradient(180deg,#fff7ed,#fed7aa)!important;border:2px solid #f59e0b!important;color:#7c2d12!important;box-shadow:0 0 0 3px rgba(245,158,11,.16)!important}
.attempt-busy small,.attempt-locked small{font-size:11px!important;line-height:1.2!important;margin-top:4px!important;color:inherit!important;opacity:.85!important;max-width:95%!important;white-space:normal!important}
.attempt-continue{background:linear-gradient(180deg,#fffbeb,#fde68a)!important;border-color:#f59e0b!important;color:#92400e!important;box-shadow:0 0 0 3px rgba(245,158,11,.16)!important}
.working-row td{background:#fff7cc!important}
.working-row td:nth-last-child(-n+5){background:linear-gradient(180deg,#fff5c7,#ffef9f)!important}
.focus-pulse td{animation:focusPulse 1.25s ease-in-out 0s 3!important}
@keyframes focusPulse{0%{box-shadow:inset 0 0 0 0 rgba(34,197,94,.0)}50%{box-shadow:inset 0 0 0 4px rgba(34,197,94,.45)}100%{box-shadow:inset 0 0 0 0 rgba(34,197,94,.0)}}



/* V3.6 CRM-style UX refresh: neutral table, clear active attempt, stable visual hierarchy */
:root{--accent:#2563eb;--accent-soft:#eff6ff;--amber:#f59e0b;--amber-soft:#fffbeb;--danger:#dc2626;--success:#16a34a;--slate:#0f172a;--muted:#64748b;--panel:#ffffff;--softline:#e2e8f0}
body{background:#eef2f7!important;color:#0f172a!important}
.top{background:linear-gradient(90deg,#0f172a,#1e293b)!important;color:#fff!important;border-bottom:0!important;box-shadow:0 8px 20px rgba(15,23,42,.18)!important}
.logo,.right{color:#fff!important}.nav a{color:#e5e7eb!important}.nav a:hover{background:rgba(255,255,255,.10)!important;color:#fff!important}
.card{border-color:#dbe4ef!important;box-shadow:0 8px 24px rgba(15,23,42,.07)!important}
.livebar{background:#fff!important;border:1px solid #dbe4ef!important;border-radius:14px!important;padding:9px 12px!important;box-shadow:0 4px 12px rgba(15,23,42,.05)!important;color:#475569!important}
th{background:#111827!important;color:#fff!important;border-top:0!important;border-bottom:1px solid #334155!important;letter-spacing:.2px!important}
.sheet-table td{background:#fff!important;border-bottom:1px solid #e5edf6!important;color:#182235!important}
.sheet-table tr:hover td{background:#f8fafc!important}
.closed-row td{background:#f1f5f9!important;color:#64748b!important}
.working-row td{background:#fffdf6!important;box-shadow:none!important}
.working-row td:first-child{box-shadow:inset 5px 0 0 #f59e0b!important}
.working-pill{background:#111827!important;color:#fff!important;border:1px solid #334155!important;border-radius:10px!important;padding:5px 8px!important;font-size:11px!important;display:inline-flex!important;gap:4px!important;align-items:center!important}
.working-pill:before{content:"●";color:#f59e0b;font-size:10px}.small{color:#64748b!important}
.sheet-table th:nth-last-child(-n+5){background:#1e293b!important;color:#e0f2fe!important;border-left:1px solid #334155!important;text-align:center!important}
.sheet-table td:nth-last-child(-n+5){background:#f8fafc!important;border-left:1px solid #e2e8f0!important;vertical-align:top!important}
.sheet-table tr:hover td:nth-last-child(-n+5){background:#f1f5f9!important}
.sheet-table td.active-working-attempt-cell{background:linear-gradient(180deg,#fff7ed,#fffbeb)!important;box-shadow:inset 0 0 0 3px rgba(245,158,11,.45)!important;position:relative!important}
.sheet-table td.active-working-attempt-cell:before{content:"ACTIVE NOW";position:absolute;top:4px;right:6px;background:#f59e0b;color:#111827;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:950;letter-spacing:.55px;z-index:1}
.attempt-card{border:1px solid #dbe4ef!important;background:#fff!important;border-radius:12px!important;box-shadow:0 3px 10px rgba(15,23,42,.06)!important;min-height:96px!important;padding:8px 9px 8px 11px!important;gap:5px!important}
.attempt-card:before{background:#64748b!important;width:4px!important}.attempt-card.attempt-CNF:before{background:#16a34a!important}.attempt-card.attempt-CXL:before,.attempt-card.attempt-NI:before,.attempt-card.attempt-WN:before{background:#dc2626!important}.attempt-card.attempt-CB:before{background:#2563eb!important}.attempt-card.attempt-NA:before,.attempt-card.attempt-NR:before,.attempt-card.attempt-SO:before,.attempt-card.attempt-VM:before{background:#84cc16!important}
.attempt-top{height:auto!important}.attempt-no{background:#0f172a!important;color:#fff!important;border-radius:8px!important;font-size:11px!important;padding:5px 7px!important}.attempt-card .tag{font-size:10.5px!important;padding:5px 7px!important}
.attempt-csr-line{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:9px!important;min-height:26px!important;padding:4px 5px!important}.csr-chip{font-size:11px!important;max-width:158px!important;color:#0f172a!important}.time-chip{font-size:10.5px!important;min-width:43px!important;padding:4px 6px!important;background:#fff!important;color:#475569!important}
.attempt-remark{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:9px!important;color:#0f172a!important;font-size:12px!important;font-weight:850!important;line-height:1.22!important;min-height:34px!important;max-height:58px!important;-webkit-line-clamp:3!important;padding:6px 7px!important}.attempt-remark span{color:#64748b!important;font-size:8.5px!important;margin-bottom:1px!important}
.attempt-call{background:linear-gradient(180deg,#eff6ff,#dbeafe)!important;border:1.5px dashed #2563eb!important;color:#1d4ed8!important;min-height:92px!important;border-radius:12px!important}.attempt-call b{font-size:23px!important}.attempt-call span{font-size:12px!important}.attempt-call:hover{background:#bfdbfe!important;transform:translateY(-1px);box-shadow:0 7px 18px rgba(37,99,235,.18)!important}
.attempt-busy,.attempt-locked{min-height:92px!important;border:1px solid #cbd5e1!important;background:#f1f5f9!important;color:#475569!important;border-radius:12px!important}.attempt-busy.attempt-active-lock{background:linear-gradient(180deg,#fff7ed,#ffedd5)!important;border:2px solid #f59e0b!important;color:#7c2d12!important;box-shadow:0 0 0 3px rgba(245,158,11,.20)!important}.attempt-busy.attempt-active-lock b{font-size:26px!important;color:#92400e!important}.attempt-busy.attempt-active-lock span{font-size:13px!important;font-weight:950!important}.attempt-busy.attempt-active-lock small{font-size:11px!important;font-weight:900!important}
.attempt-card.attempt-working-now{background:linear-gradient(180deg,#fff7ed,#fff)!important;border:2px solid #f59e0b!important;box-shadow:0 0 0 3px rgba(245,158,11,.22),0 9px 20px rgba(15,23,42,.10)!important}.attempt-card.attempt-working-now:after{top:6px!important;right:7px!important;bottom:auto!important;background:#f59e0b!important;color:#111827!important}
.cell-flash{animation:cellFlash 1.1s ease-out!important}@keyframes cellFlash{0%{background:#dbeafe!important}100%{background:inherit}}
.row-flash td{animation:rowFlash 1.3s ease-out!important}@keyframes rowFlash{0%{background:#e0f2fe!important}100%{background:inherit}}

.admin-cnf-cell{width:120px;min-width:120px;text-align:center}
.admin-cnf-dashboard-btn{display:inline-flex;align-items:center;justify-content:center;min-width:74px;border-radius:12px;background:linear-gradient(180deg,#16a34a,#15803d);color:#fff!important;font-weight:950;padding:8px 10px;box-shadow:0 8px 18px rgba(22,163,74,.22);border:1px solid rgba(255,255,255,.18)}
.admin-cnf-dashboard-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.admin-cnf-confirmed{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:#ecfdf5;border:1px solid #86efac;color:#166534;border-radius:12px;padding:7px 8px;line-height:1.05;min-width:104px}
.admin-cnf-confirmed b{font-size:12px}.admin-cnf-confirmed span{font-size:9px;font-weight:900;color:#15803d}
.admin-confirmed-attempt{min-height:112px;border:1px solid #86efac;background:linear-gradient(180deg,#ecfdf5,#dcfce7);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;color:#166534;box-shadow:inset 4px 0 0 #22c55e;padding:10px}
.admin-confirmed-attempt span{background:#14532d;color:#fff;border-radius:999px;padding:4px 9px;font-weight:950;font-size:12px}
.admin-confirmed-attempt b{font-size:15px;line-height:1.05}.admin-confirmed-attempt small{font-size:10px;color:#15803d;font-weight:850}

.version-badge{background:#0f172a!important;color:#fff!important}


/* V3.7 premium header, sticky pagination, sequence-lock attempt UI */
body{background:#f3f6fb!important;}
.app-shell-header{
    min-height:74px!important;
    padding:10px 16px!important;
    background:linear-gradient(135deg,#0f172a 0%,#172554 58%,#1e293b 100%)!important;
    color:#fff!important;
    border-bottom:0!important;
    box-shadow:0 14px 38px rgba(15,23,42,.22)!important;
    z-index:80!important;
}
.brand-block{display:flex;align-items:center;gap:12px;min-width:260px;}
.brand-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#fb923c,#f97316);display:flex;align-items:center;justify-content:center;font-weight:950;font-size:22px;box-shadow:0 10px 24px rgba(249,115,22,.32)}
.app-shell-header .logo{font-size:16px;line-height:1;color:#fff!important;letter-spacing:.2px}.brand-sub{font-size:11px;color:#bfdbfe;margin-top:5px;font-weight:750}.app-shell-header .nav{gap:7px;align-items:center}.app-shell-header .nav a{color:#e5e7eb!important;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);padding:9px 11px;border-radius:12px;font-weight:850;font-size:12px}.app-shell-header .nav a:hover,.app-shell-header .nav-main{background:#ffffff!important;color:#0f172a!important;border-color:#fff!important}.user-chip-top{color:#fff!important;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);padding:8px 10px;border-radius:14px;font-weight:900;white-space:nowrap}.user-chip-top span{font-size:10px;color:#bfdbfe;margin-left:4px}.working-header{background:rgba(255,255,255,.08)!important;border-left:1px solid rgba(255,255,255,.16)!important;padding-left:12px!important;max-width:560px!important}.wh-title{color:#fff!important;background:#0b1220!important;border-color:rgba(255,255,255,.12)!important}.wh-empty{color:#cbd5e1!important}.worker-chip{background:linear-gradient(180deg,#fff7ed,#ffedd5)!important;border:1px solid rgba(251,146,60,.95)!important;color:#7c2d12!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important}.worker-chip b{color:#111827!important}.worker-chip span{color:#9a3412!important}.livebar{background:#fff!important;border:1px solid #dbe4ef!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important}.wrap{max-width:none!important;width:100%!important;margin:12px 0!important;padding:0 10px!important}h1{font-size:22px!important;margin:0 0 10px!important;letter-spacing:-.02em}.card{border-radius:14px!important}.table-scroll{max-height:calc(100vh - 292px)!important;border-radius:14px!important;border:1px solid #cbd5e1!important}.sheet-table th{top:0!important;background:#0f172a!important;color:#e2e8f0!important;border-top:0!important;border-bottom:1px solid #334155!important;height:42px!important}.sheet-table th:nth-last-child(-n+5){background:#111827!important;color:#e0f2fe!important}.pagination{position:sticky!important;bottom:0!important;z-index:25!important;background:linear-gradient(180deg,rgba(255,255,255,.88),#fff)!important;border-top:1px solid #e2e8f0!important;margin:0!important;padding:12px!important;display:flex!important;gap:7px!important;align-items:center!important;justify-content:center!important;box-shadow:0 -10px 24px rgba(15,23,42,.08)!important}.page-btn,.page-num{border:1px solid #cbd5e1!important;background:#fff!important;color:#0f172a!important;border-radius:10px!important;padding:8px 11px!important;font-weight:900!important;min-width:36px;text-align:center}.page-num.active{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important}.page-btn.disabled{opacity:.38!important;pointer-events:none!important}.page-dots{padding:0 5px;color:#64748b;font-weight:900}.formgrid{background:#fff!important;border:1px solid #dbe4ef!important;border-radius:14px!important;padding:12px!important}.formgrid label{font-size:11px!important;font-weight:900!important;color:#475569!important;text-transform:uppercase;letter-spacing:.04em}.formgrid input,.formgrid select{height:39px!important;border-radius:11px!important;background:#f8fafc!important}.formgrid button{height:39px!important;background:#0f172a!important;border-radius:11px!important}.attempt-cell{width:260px!important;min-width:260px!important;max-width:260px!important;padding:9px!important;background:#f8fafc!important}.attempt-card{min-height:112px!important;max-height:132px!important;border-radius:14px!important;padding:9px 10px 9px 12px!important;background:#fff!important}.attempt-csr-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:9px!important;min-height:27px!important;padding:4px 6px!important;overflow:hidden!important}.csr-chip{min-width:0!important;max-width:162px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;font-weight:950!important;color:#0f172a!important}.time-chip{font-size:10px!important;font-weight:950!important;background:#fff!important;border:1px solid #dbe4ef!important;border-radius:999px!important;padding:4px 6px!important;color:#475569!important;line-height:1!important}.attempt-remark{min-height:38px!important;max-height:54px!important;line-height:1.25!important;font-size:12px!important;font-weight:850!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:9px!important;padding:6px 7px!important;color:#111827!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.attempt-remark span{display:block!important;font-size:8.5px!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#64748b!important;margin-bottom:1px!important}.attempt-call{min-height:100px!important;border:1.5px dashed #2563eb!important;background:linear-gradient(180deg,#eff6ff,#dbeafe)!important;color:#1d4ed8!important;border-radius:14px!important}.attempt-call b{font-size:24px!important}.attempt-call span{font-size:12px!important;font-weight:950!important}.attempt-continue{background:linear-gradient(180deg,#fff7ed,#ffedd5)!important;border-color:#f97316!important;color:#9a3412!important}.admin-edit-call{background:linear-gradient(180deg,#f5f3ff,#ede9fe)!important;border-color:#7c3aed!important;color:#5b21b6!important}.attempt-disabled,.attempt-locked,.attempt-busy{min-height:100px!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:10px!important;border:1px solid #dbe4ef!important;background:#f1f5f9!important;color:#64748b!important}.attempt-disabled b,.attempt-locked b,.attempt-busy b{font-size:21px!important;line-height:1!important;margin-bottom:6px!important;color:#475569!important}.attempt-disabled span,.attempt-locked span,.attempt-busy span{font-size:12px!important;font-weight:950!important;line-height:1.2!important}.attempt-disabled{background:repeating-linear-gradient(135deg,#f8fafc,#f8fafc 8px,#f1f5f9 8px,#f1f5f9 16px)!important;color:#94a3b8!important}.closed-lock{background:#e2e8f0!important;color:#475569!important}.closed-lock small,.attempt-busy small{font-size:11px!important;margin-top:4px;color:#64748b!important}.attempt-active-lock{background:linear-gradient(180deg,#fff7ed,#fed7aa)!important;border:2px solid #f59e0b!important;color:#92400e!important;box-shadow:0 0 0 3px rgba(245,158,11,.18)!important}.attempt-active-lock b{color:#92400e!important}.active-working-attempt-cell{background:linear-gradient(180deg,#fff7ed,#fffbeb)!important;box-shadow:inset 0 0 0 3px rgba(245,158,11,.50)!important}.active-working-attempt-cell:before{content:"WORKING NOW"!important;top:5px!important;right:7px!important;background:#f59e0b!important;color:#111827!important}.working-row td{background:#fffdf7!important}.working-row td:first-child{box-shadow:inset 5px 0 0 #f59e0b!important}.closed-row td{background:#f1f5f9!important;color:#64748b!important}.tag.CNF,.CNF{background:#dcfce7!important;color:#166534!important}.tag.CXL,.CXL{background:#fee2e2!important;color:#991b1b!important}.modal-head{background:linear-gradient(135deg,#0f172a,#1e3a8a)!important}.section-title{font-size:17px!important;color:#0f172a!important}
.admin-cnf-cell{width:120px;min-width:120px;text-align:center}
.admin-cnf-dashboard-btn{display:inline-flex;align-items:center;justify-content:center;min-width:74px;border-radius:12px;background:linear-gradient(180deg,#16a34a,#15803d);color:#fff!important;font-weight:950;padding:8px 10px;box-shadow:0 8px 18px rgba(22,163,74,.22);border:1px solid rgba(255,255,255,.18)}
.admin-cnf-dashboard-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.admin-cnf-confirmed{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:#ecfdf5;border:1px solid #86efac;color:#166534;border-radius:12px;padding:7px 8px;line-height:1.05;min-width:104px}
.admin-cnf-confirmed b{font-size:12px}.admin-cnf-confirmed span{font-size:9px;font-weight:900;color:#15803d}
.admin-confirmed-attempt{min-height:112px;border:1px solid #86efac;background:linear-gradient(180deg,#ecfdf5,#dcfce7);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;color:#166534;box-shadow:inset 4px 0 0 #22c55e;padding:10px}
.admin-confirmed-attempt span{background:#14532d;color:#fff;border-radius:999px;padding:4px 9px;font-weight:950;font-size:12px}
.admin-confirmed-attempt b{font-size:15px;line-height:1.05}.admin-confirmed-attempt small{font-size:10px;color:#15803d;font-weight:850}

.version-badge{background:#0f172a!important;color:#fff!important}
@media(max-width:1200px){.app-shell-header{flex-wrap:wrap}.working-header{order:3;flex-basis:100%;max-width:100%!important}.brand-block{min-width:auto}.table-scroll{max-height:calc(100vh - 340px)!important}}

/* V3.9 Header, risk highlights, import sample/download polish */
.app-shell-header{padding:10px 14px!important;gap:14px!important;overflow:visible!important;min-height:64px!important;box-shadow:0 10px 28px rgba(15,23,42,.22)!important;}
.brand-block{flex:0 0 auto!important;min-width:245px!important;max-width:310px!important;overflow:visible!important;}
.brand-icon{flex:0 0 42px!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;}
.app-shell-header .nav{flex:0 1 auto!important;min-width:0!important;}
.app-shell-header .nav a{color:#dbeafe!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;}
.app-shell-header .nav a.nav-active,.app-shell-header .nav a.nav-main.nav-active{background:linear-gradient(135deg,#38bdf8,#2563eb)!important;color:#ffffff!important;border-color:#7dd3fc!important;box-shadow:0 8px 22px rgba(56,189,248,.30)!important;}
.app-shell-header .nav a.nav-main:not(.nav-active){background:rgba(255,255,255,.07)!important;color:#dbeafe!important;}
.app-shell-header .nav a:hover{background:rgba(56,189,248,.18)!important;color:#fff!important;border-color:rgba(125,211,252,.55)!important;}
.working-header{flex:1 1 auto!important;min-width:250px!important;max-width:none!important;border-left:1px solid rgba(255,255,255,.16)!important;border-right:1px solid rgba(255,255,255,.10)!important;background:rgba(15,23,42,.28)!important;border-radius:14px!important;padding:7px 8px!important;}
.wh-title{background:#020617!important;color:#e0f2fe!important;border-radius:999px!important;padding:7px 10px!important;font-size:12px!important;}
.wh-empty{background:rgba(255,255,255,.10)!important;color:#cbd5e1!important;border-color:rgba(255,255,255,.22)!important;padding:7px 12px!important;}
.worker-chip{padding:7px 11px!important;border-radius:999px!important;background:linear-gradient(135deg,#fef3c7,#fdba74)!important;border:1px solid #fed7aa!important;}
.user-chip-top{flex:0 0 auto!important;}
.risk-mark{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important;border-radius:6px!important;padding:0 4px!important;font-weight:950!important;}
.risk-chip{display:inline-flex;align-items:center;gap:4px;background:#991b1b;color:#fff;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:950;margin-right:5px;white-space:nowrap;}
.risk-city{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:999px;padding:3px 8px;font-weight:950;display:inline-block;}
.risk-panel{margin-top:10px;background:linear-gradient(180deg,#fff7ed,#fff1f2);border:1px solid #fecaca;border-left:5px solid #dc2626;border-radius:14px;padding:10px 12px;}
.risk-title{font-size:13px;font-weight:950;color:#991b1b;margin-bottom:6px;}
.risk-text{font-size:13px;line-height:1.45;color:#111827;margin-top:4px;}
.risk-help{margin-top:7px;color:#7f1d1d;font-size:12px;font-weight:850;}
.sample-download-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f8fafc;border:1px dashed #93c5fd;border-radius:14px;padding:10px 12px;margin:10px 0 14px;}
.sample-download-box span{font-size:12px;color:#475569;font-weight:800;}
.file-link{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:999px;padding:6px 10px;font-weight:950;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.file-link span{font-weight:950;}

.admin-cnf-cell{width:120px;min-width:120px;text-align:center}
.admin-cnf-dashboard-btn{display:inline-flex;align-items:center;justify-content:center;min-width:74px;border-radius:12px;background:linear-gradient(180deg,#16a34a,#15803d);color:#fff!important;font-weight:950;padding:8px 10px;box-shadow:0 8px 18px rgba(22,163,74,.22);border:1px solid rgba(255,255,255,.18)}
.admin-cnf-dashboard-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.admin-cnf-confirmed{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:#ecfdf5;border:1px solid #86efac;color:#166534;border-radius:12px;padding:7px 8px;line-height:1.05;min-width:104px}
.admin-cnf-confirmed b{font-size:12px}.admin-cnf-confirmed span{font-size:9px;font-weight:900;color:#15803d}
.admin-confirmed-attempt{min-height:112px;border:1px solid #86efac;background:linear-gradient(180deg,#ecfdf5,#dcfce7);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;color:#166534;box-shadow:inset 4px 0 0 #22c55e;padding:10px}
.admin-confirmed-attempt span{background:#14532d;color:#fff;border-radius:999px;padding:4px 9px;font-weight:950;font-size:12px}
.admin-confirmed-attempt b{font-size:15px;line-height:1.05}.admin-confirmed-attempt small{font-size:10px;color:#15803d;font-weight:850}

.version-badge{background:#0f172a!important;color:#fff!important;}
@media(max-width:1200px){.brand-block{min-width:auto!important}.working-header{flex-basis:100%!important}.app-shell-header{min-height:auto!important}}


/* V3.9.4 lock preserve + red reason + clean popup polish */
.signal-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-weight:950;font-size:11px;line-height:1;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;white-space:nowrap;}
.signal-good{background:#dcfce7!important;color:#14532d!important;border-color:#86efac!important;box-shadow:0 0 0 2px rgba(34,197,94,.08)!important;}
.signal-bad{background:#fee2e2!important;color:#7f1d1d!important;border-color:#fca5a5!important;box-shadow:0 0 0 2px rgba(239,68,68,.08)!important;}
.signal-neutral{background:#f1f5f9!important;color:#334155!important;}
.signal-display{min-height:40px;display:flex;align-items:center;background:#f8fafc;border:1px solid #dbe4ef;border-radius:12px;padding:8px 10px;}
.red-reason-input{background:#fff7ed!important;border:1px solid #fed7aa!important;border-radius:14px!important;padding:10px!important;margin-top:4px;}
.red-reason-input label{color:#9a3412!important;font-weight:950!important;display:flex!important;justify-content:space-between!important;align-items:center!important;}
.red-reason-input label span{background:#dc2626;color:#fff;border-radius:999px;padding:3px 7px;font-size:10px;}
.red-reason-input input{background:#fff!important;border-color:#fb923c!important;font-weight:850!important;}
.red-reason-input small{display:block;margin-top:6px;color:#9a3412;font-weight:750;}
.red-reason-box{margin-top:6px;background:#fff7ed!important;border:1px solid #fed7aa!important;border-left:4px solid #ea580c!important;border-radius:9px!important;padding:6px 7px!important;color:#7c2d12!important;}
.red-reason-box b{display:block;font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;color:#9a3412!important;}
.red-reason-box span{display:block;font-size:11px;font-weight:900;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.risk-help{font-size:12px!important;line-height:1.35!important;color:#7f1d1d!important;font-weight:900!important;background:#fff!important;border:1px dashed #fca5a5;border-radius:10px;padding:7px 8px;}
.modal{border-radius:24px!important;overflow:hidden!important;}
.modal-head{padding:18px 22px!important;}
.modal-body{background:linear-gradient(180deg,#f8fafc,#ffffff)!important;padding:18px 22px!important;}
.call-hero{gap:16px!important;}
.hero-panel{background:#fff!important;border:1px solid #dbe4ef!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(15,23,42,.06)!important;padding:16px!important;}
.hero-panel h3{display:flex;align-items:center;gap:8px;margin:0 0 12px!important;font-size:15px!important;color:#0f172a!important;}
.hero-panel h3:before{content:"";width:8px;height:24px;border-radius:99px;background:#2563eb;display:inline-block;}
.info-box{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:14px!important;}
.close-x{background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.20)!important;}



/* V3.9.5 popup polish: compact professional call result, copy mobile, address count, sticky save */
.modal{width:min(1280px,97vw)!important;max-height:94vh!important;display:flex!important;flex-direction:column!important;}
.modal-body{overflow:auto!important;padding:18px 22px 0!important;}
.call-hero{grid-template-columns:1fr 1fr!important;align-items:stretch!important;}
.hero-panel{position:relative!important;}
.copy-mobile-wrap{display:flex!important;align-items:center!important;gap:8px!important;}
.copy-mobile-wrap input{flex:1!important;font-weight:900!important;letter-spacing:.3px!important;}
.copy-mobile-btn{width:auto!important;white-space:nowrap!important;background:#0f172a!important;color:#fff!important;border-radius:10px!important;padding:10px 12px!important;font-size:12px!important;}
.copy-mobile-wrap.copied input{background:#dcfce7!important;border-color:#16a34a!important;color:#14532d!important;box-shadow:0 0 0 3px rgba(22,163,74,.15)!important;}
.copy-mobile-wrap.copied .copy-mobile-btn{background:#16a34a!important;}
.copy-hint{font-size:11px;color:#64748b;margin-top:5px;font-weight:750;}
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.char-count{font-size:11px;font-weight:950;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:999px;padding:4px 8px;white-space:nowrap;}
.char-count.low{background:#fee2e2!important;color:#991b1b!important;border-color:#fca5a5!important;}
.address-min-note{font-size:11px;color:#64748b;font-weight:750;margin-top:5px;}
.red-reason-side{grid-column:1/-1!important;margin-top:8px!important;background:#fff7ed!important;border-left:5px solid #ea580c!important;}
.red-reason-side textarea{min-height:82px!important;background:#fff!important;border-color:#fb923c!important;font-weight:850!important;}
.risk-help{font-size:13px!important;line-height:1.35!important;color:#7f1d1d!important;font-weight:950!important;background:#fff!important;border:1px dashed #fca5a5!important;border-radius:10px!important;padding:8px 9px!important;}
.status-options{display:grid!important;grid-template-columns:repeat(6,minmax(120px,1fr))!important;gap:8px!important;margin-top:10px!important;}
.status-options > div{min-width:0!important;}
.status-options label{min-height:58px!important;padding:10px 10px 10px 42px!important;border-radius:13px!important;text-align:left!important;font-size:16px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-shadow:0 2px 8px rgba(15,23,42,.04)!important;overflow:hidden!important;}
.status-options label::before{left:12px!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;}
.status-options label::after{left:17px!important;top:50%!important;transform:translateY(-50%) scale(.75)!important;}
.status-options label span{font-size:11px!important;line-height:1.15!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#64748b!important;}
.status-options input[type="radio"]:checked + label{transform:none!important;box-shadow:0 8px 20px rgba(15,23,42,.14)!important;}
.section-title{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:10px 12px!important;margin:14px 0 8px!important;}
.remark-row{margin-top:12px!important;}
.remark-row textarea{min-height:72px!important;border-radius:13px!important;}
.modal-savebar{position:sticky!important;bottom:0!important;z-index:10!important;background:linear-gradient(180deg,rgba(255,255,255,.88),#fff)!important;border-top:1px solid #e2e8f0!important;margin:16px -22px 0!important;padding:12px 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;box-shadow:0 -10px 24px rgba(15,23,42,.08)!important;}
.modal-savebar b{display:block;font-size:13px;color:#0f172a;}
.modal-savebar span{display:block;font-size:11px;color:#64748b;font-weight:750;margin-top:2px;}
@media(max-width:1200px){.status-options{grid-template-columns:repeat(3,1fr)!important}.call-hero{grid-template-columns:1fr!important}.modal-savebar{flex-direction:column!important;align-items:stretch!important}.modal-savebar button{width:100%!important}}
@media(max-width:760px){.status-options{grid-template-columns:repeat(2,1fr)!important}.status-options label{font-size:14px!important}}



/* V3.9.6 final attempt/red-reason polish */
.attempt-cell{width:285px!important;min-width:285px!important;max-width:285px!important;vertical-align:top!important;background:#f8fafc!important;}
.attempt-card{min-height:auto!important;max-height:none!important;height:auto!important;overflow:hidden!important;padding:10px 11px!important;gap:7px!important;}
.attempt-card .attempt-top{gap:8px!important;margin-bottom:2px!important;}
.attempt-csr-line{min-height:28px!important;}
.attempt-remark{min-height:42px!important;max-height:none!important;-webkit-line-clamp:3!important;overflow:hidden!important;margin-top:2px!important;background:#ffffff!important;border-color:#dbe4ef!important;}
.red-reason-mini{margin-top:6px!important;display:grid!important;grid-template-columns:78px 1fr!important;gap:7px!important;align-items:start!important;background:#fff7ed!important;border:1px solid #fed7aa!important;border-left:4px solid #f97316!important;border-radius:10px!important;padding:6px 8px!important;color:#7c2d12!important;min-height:0!important;max-height:none!important;overflow:hidden!important;}
.red-reason-mini b{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#9a3412!important;margin:0!important;line-height:1.2!important;white-space:nowrap!important;}
.red-reason-mini span{font-size:12px!important;font-weight:950!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.attempt-call,.attempt-disabled,.attempt-locked,.attempt-busy{min-height:118px!important;height:auto!important;}
tr.focus-pulse td{animation:focusPulseRow 2.2s ease 0s 2!important;}
@keyframes focusPulseRow{0%{box-shadow:inset 0 0 0 0 rgba(37,99,235,0)}35%{box-shadow:inset 0 0 0 3px rgba(37,99,235,.55)}100%{box-shadow:inset 0 0 0 0 rgba(37,99,235,0)}}


/* V3.9.7 admin CNF + clean red reason + focus fixes */
.tag.CNFADMIN{background:#e0f2fe!important;color:#075985!important;border:1px solid #38bdf8!important;font-weight:950!important;}
.admin-cnf-note{margin-top:4px;font-size:10px;color:#0369a1;font-weight:900;white-space:nowrap;}
.admin-cnf-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-top:6px!important;padding:5px 8px!important;border-radius:999px!important;background:#0ea5e9!important;color:#fff!important;font-size:10px!important;font-weight:950!important;box-shadow:0 4px 10px rgba(14,165,233,.22)!important;white-space:nowrap!important;}
.admin-cnf-btn:hover{background:#0284c7!important;color:#fff!important;}
.red-reason-mini{grid-template-columns:1fr!important;padding:7px 9px!important;margin-top:6px!important;background:#fff7ed!important;border:1px solid #fdba74!important;border-left:4px solid #f97316!important;border-radius:10px!important;max-height:none!important;}
.red-reason-mini b{display:none!important;}
.red-reason-mini span{display:block!important;font-size:12px!important;font-weight:950!important;line-height:1.25!important;color:#7c2d12!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.attempt-card .attempt-remark:empty{display:none!important;}


.addr-char-count{margin-top:5px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:950;letter-spacing:.02em;} .addr-count-normal{background:#f1f5f9!important;color:#64748b!important;border:1px solid #cbd5e1!important;}
.addr-count-good{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;}
.addr-count-bad{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;}
.dash-address-text{white-space:normal;line-height:1.25;}


/* V3.9.9 admin CNF toggle + working attempt card polish */
.admin-cnf-cell{width:132px!important;min-width:132px!important;max-width:132px!important;text-align:center!important;overflow:visible!important;}
.admin-cnf-dashboard-btn{min-width:92px!important;height:38px!important;border-radius:14px!important;background:linear-gradient(180deg,#22c55e,#16a34a)!important;color:#fff!important;font-size:14px!important;letter-spacing:.02em!important;box-shadow:0 10px 20px rgba(22,163,74,.28)!important;white-space:nowrap!important;}
.admin-cnf-confirmed{min-width:116px!important;max-width:126px!important;border-radius:14px!important;padding:7px 9px!important;background:linear-gradient(180deg,#dcfce7,#bbf7d0)!important;border:1px solid #22c55e!important;color:#14532d!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(22,163,74,.14)!important;white-space:nowrap!important;}
.admin-cnf-confirmed b{font-size:13px!important;letter-spacing:.02em!important;color:#14532d!important;}
.admin-cnf-confirmed span{font-size:9px!important;color:#166534!important;font-weight:950!important;}
.admin-cnf-toggle:hover{filter:brightness(1.03)!important;transform:translateY(-1px)!important;}
.admin-confirmed-attempt{background:linear-gradient(180deg,#ecfdf5,#dcfce7)!important;border:1.5px solid #22c55e!important;box-shadow:inset 5px 0 0 #16a34a, 0 8px 18px rgba(22,163,74,.10)!important;}
.admin-confirmed-attempt b{font-size:17px!important;letter-spacing:.02em!important;color:#14532d!important;}
.admin-confirmed-attempt small{font-size:11px!important;color:#166534!important;}
.working-owner-card,.user-working-card{background:linear-gradient(180deg,#fff7ed,#ffedd5)!important;border:2px solid #f59e0b!important;color:#7c2d12!important;box-shadow:0 0 0 3px rgba(245,158,11,.18),0 12px 22px rgba(245,158,11,.16)!important;position:relative!important;}
.working-owner-card b,.user-working-card b{background:#92400e!important;color:#fff!important;border-radius:10px!important;padding:5px 9px!important;font-size:18px!important;margin-bottom:5px!important;}
.working-owner-card .work-label,.user-working-card span{font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important;color:#92400e!important;background:#fef3c7!important;border:1px solid #fbbf24!important;border-radius:999px!important;padding:4px 8px!important;margin:2px 0!important;}
.working-owner-card strong,.user-working-card strong{display:block!important;max-width:95%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:14px!important;font-weight:950!important;color:#111827!important;margin-top:4px!important;}
.working-owner-card small,.user-working-card small{font-size:11px!important;font-weight:900!important;color:#92400e!important;margin-top:3px!important;}
.mini-admin-open{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important;border-radius:999px!important;padding:5px 8px!important;margin-top:7px!important;}


/* V3.10.4 working card and recheck UI */
.working-owner-card,.user-working-card{
    min-height:118px!important;
    padding:12px!important;
    background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 55%,#fed7aa 100%)!important;
    border:2px solid #f59e0b!important;
    border-left:6px solid #ea580c!important;
    color:#7c2d12!important;
    box-shadow:0 0 0 3px rgba(245,158,11,.18),0 14px 26px rgba(245,158,11,.16)!important;
    position:relative!important;
    overflow:hidden!important;
    gap:7px!important;
}
.working-owner-card:after,.user-working-card:after{
    content:"";position:absolute;right:-26px;bottom:-26px;width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,.35);
}
.live-ribbon{position:absolute;top:8px;right:8px;background:#16a34a;color:#fff;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:1000;letter-spacing:.08em;box-shadow:0 5px 12px rgba(22,163,74,.22)}
.work-attempt-badge{background:#111827;color:#fff;border-radius:12px;padding:7px 11px;font-size:18px;font-weight:1000;line-height:1;align-self:flex-start;box-shadow:0 7px 15px rgba(15,23,42,.18)}
.work-copy{width:100%;min-width:0;text-align:left;padding-right:34px;position:relative;z-index:1}
.work-copy span{display:block!important;background:transparent!important;border:0!important;padding:0!important;margin:0 0 3px!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#92400e!important;font-weight:1000!important;white-space:nowrap!important}
.work-copy strong{display:block!important;font-size:15px!important;line-height:1.15!important;font-weight:1000!important;color:#111827!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word!important;margin:0!important}
.work-copy small{display:block!important;margin-top:3px!important;color:#9a3412!important;font-size:11px!important;font-weight:950!important}
.recheck-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;align-items:end}.recheck-panel{border:1px solid #c7d2fe;background:linear-gradient(180deg,#eef2ff,#fff);border-radius:18px;padding:16px}.recheck-panel h3{margin:0 0 8px;color:#1e3a8a}.recheck-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.recheck-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px}.recheck-kpi span{display:block;font-size:10px;font-weight:950;text-transform:uppercase;color:#64748b}.recheck-kpi b{font-size:20px}
.OLD_DELIVERED{background:#e2e8f0!important;color:#334155!important}.old-delivered-row td{background:#f8fafc!important;color:#64748b!important}
@media(max-width:1100px){.recheck-grid,.recheck-kpis{grid-template-columns:1fr}}


/* V3.10.6 UI polish: calmer CRM table, clearer states, compact readable controls */
.top{background:linear-gradient(90deg,#0f172a 0%,#172554 55%,#111827 100%);box-shadow:0 10px 28px rgba(15,23,42,.22)}
.logo-badge{box-shadow:0 8px 20px rgba(251,146,60,.28)}
.nav a{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#e2e8f0;font-weight:900;letter-spacing:.01em}
.nav a:hover{background:rgba(56,189,248,.20);color:#fff;transform:translateY(-1px)}
.nav a.active,.nav a[href*="page=orders"].active{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;border-color:rgba(255,255,255,.35);box-shadow:0 8px 20px rgba(37,99,235,.25)}
.working-header{background:rgba(2,6,23,.52);border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:8px 12px;min-height:42px}
.worker-chip{background:#fff7ed!important;color:#7c2d12!important;border:1px solid #fed7aa!important;box-shadow:0 8px 20px rgba(251,146,60,.16);font-weight:900}
.worker-chip b{color:#111827}.worker-chip span{color:#9a3412}
.livebar{background:linear-gradient(90deg,#ffffff,#f8fbff);border:1px solid #dbeafe;box-shadow:0 6px 18px rgba(15,23,42,.05)}
.card,.filter-card{border:1px solid #dbe3ef;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.bulkbar{background:linear-gradient(90deg,#0f172a,#111827);border-radius:16px;box-shadow:0 8px 22px rgba(2,6,23,.20)}
.table-scroll{border:1px solid #d8e2ef;border-radius:16px;box-shadow:0 10px 30px rgba(15,23,42,.08);background:#fff}
.sheet-table th{background:#0f172a!important;color:#f8fafc!important;border-bottom:1px solid #334155!important;border-top:3px solid #fb923c!important;font-size:12px;letter-spacing:.08em;text-transform:uppercase;position:sticky;top:0;z-index:4}
.sheet-table td{border-bottom:1px solid #e8eef6;vertical-align:middle;background:#fff}
.sheet-table tr:nth-child(even) td{background:#fbfdff}
.sheet-table tr:hover td{background:#f8fbff!important}
.rto-row td{background:#fffaf0!important}.rto-row td:first-child{border-left:5px solid #f97316!important}
.old-delivered-row td{background:#f1f5f9!important;color:#64748b!important}.old-delivered-row td:first-child{border-left:5px solid #94a3b8!important}
.working-row td{box-shadow:inset 0 2px 0 #22c55e,inset 0 -2px 0 #22c55e}.working-row td:first-child{border-left:5px solid #22c55e!important}
.attempt-cell{background:#f8fbff!important;min-width:270px!important;max-width:270px!important}.attempt-cell .attempt-done,.attempt-cell .attempt-open,.attempt-cell .attempt-locked,.attempt-cell .admin-confirmed-card{max-width:250px;margin:6px auto}
.working-card,.working-now-card{background:linear-gradient(135deg,#fff7ed,#fffbeb)!important;border:2px solid #f59e0b!important;box-shadow:0 8px 22px rgba(245,158,11,.18)!important;border-radius:16px!important;padding:12px!important;overflow:hidden!important}
.working-card .csr-name,.working-now-card .csr-name{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:14px!important;line-height:1.25!important;font-weight:1000!important;color:#7c2d12!important;word-break:break-word!important}
.working-card .work-title,.working-now-card .work-title{font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#9a3412!important}
.address-cell{min-width:230px!important;max-width:300px!important;line-height:1.28}.addr-count{font-size:11px!important;padding:3px 7px!important;border-radius:999px!important}
.rto-badge{max-width:118px!important;white-space:normal!important;line-height:1.05!important}.rto-badge b{font-size:11px!important}.rto-badge span{font-size:10px!important}
.pagination,.pager{position:sticky;bottom:0;z-index:8;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid #dbe3ef;padding:10px;box-shadow:0 -8px 24px rgba(15,23,42,.08)}
.version-badge{background:#0f172a!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}



/* V3.10.7 Calm Admin CNF UI: keep admin-confirmed orders visible but not distracting for CSR */
.tag.CNFADMIN{
    background:#e0f2fe!important;
    color:#075985!important;
    border:1px solid #bae6fd!important;
    font-weight:900!important;
}
.admin-cnf-note{
    color:#64748b!important;
    font-size:10px!important;
    font-weight:850!important;
    margin-top:3px!important;
}
.admin-cnf-confirmed{
    background:#f8fafc!important;
    border:1px solid #cbd5e1!important;
    color:#334155!important;
    box-shadow:none!important;
    min-width:96px!important;
    padding:6px 8px!important;
}
.admin-cnf-confirmed b{
    color:#075985!important;
    font-size:11px!important;
    letter-spacing:.02em!important;
}
.admin-cnf-confirmed span{
    color:#64748b!important;
    font-size:8.5px!important;
}
.admin-confirmed-attempt{
    min-height:92px!important;
    border:1px solid #dbe4ef!important;
    background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
    color:#334155!important;
    box-shadow:inset 3px 0 0 #94a3b8!important;
    border-radius:14px!important;
    gap:4px!important;
    padding:9px!important;
}
.admin-confirmed-attempt span{
    background:#e2e8f0!important;
    color:#334155!important;
    border-radius:999px!important;
    padding:3px 8px!important;
    font-size:10.5px!important;
}
.admin-confirmed-attempt b{
    color:#075985!important;
    font-size:13px!important;
    letter-spacing:.02em!important;
}
.admin-confirmed-attempt small{
    color:#64748b!important;
    font-size:9.5px!important;
    font-weight:800!important;
}
.admin-confirmed-attempt .mini-edit{
    background:#eef2ff!important;
    color:#3730a3!important;
    border:1px solid #c7d2fe!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    margin-top:2px!important;
}
/* Only real active work should be high contrast */
.active-working-attempt-cell,.attempt-active-lock{
    z-index:2!important;
}

/* V3.13.1 Fixed Mockup Table: focus mode, next action, compact cards, grouped status, keyboard UX */
.ux-kpis{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin:10px 0 12px}.ux-kpi{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:11px 12px;box-shadow:0 6px 18px rgba(15,23,42,.05)}.ux-kpi span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:900}.ux-kpi b{font-size:24px;color:#0f172a;line-height:1.05}.ux-kpi small{display:block;color:#64748b;font-weight:750;margin-top:3px}.ux-kpi-blue{border-left:4px solid #2563eb}.ux-kpi-amber{border-left:4px solid #f59e0b}.ux-kpi-live{border-left:4px solid #16a34a;background:#f0fdf4}.ux-kpi-orange{border-left:4px solid #f97316;background:#fff7ed}.ux-kpi-green{border-left:4px solid #22c55e}.ux-kpi-red{border-left:4px solid #ef4444}.csr-score-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:9px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:14px}.csr-score-strip>b{margin-right:4px;color:#0f172a}.csr-score{display:inline-flex;gap:6px;align-items:center;padding:6px 9px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;font-size:12px;color:#475569}.csr-score strong{color:#0f172a}.last-calls{margin:0 0 12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:9px 12px}.last-calls summary{font-weight:950;cursor:pointer;color:#0f172a}.last-call-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:10px}.last-call{border:1px solid #e2e8f0;border-radius:12px;padding:8px;background:#f8fafc;font-size:12px}.last-call span{float:right;color:#64748b}.last-call small{display:block;margin-top:5px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.csr-personal-panel{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px;margin:10px 0 12px}.csr-personal-main,.csr-session-card{background:#fff;border:1px solid #dbe4ef;border-radius:16px;box-shadow:0 8px 22px rgba(15,23,42,.05);padding:13px 14px}.csr-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.csr-panel-title span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:950}.csr-panel-title b{font-size:15px;color:#0f172a}.csr-metric-row{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px}.csr-metric{border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:10px 12px}.csr-metric span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:950}.csr-metric b{display:block;font-size:24px;line-height:1.05;color:#0f172a}.csr-metric small{display:block;margin-top:4px;color:#64748b;font-weight:750}.csr-metric.primary{border-left:4px solid #2563eb;background:#eff6ff}.csr-metric.success{border-left:4px solid #16a34a;background:#f0fdf4}.csr-metric.danger{border-left:4px solid #ef4444;background:#fef2f2}.csr-metric.neutral{border-left:4px solid #64748b;background:#f8fafc}.csr-status-breakdown{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px}.csr-status-breakdown.empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:10px;color:#64748b;font-weight:800}.break-title{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#64748b;font-weight:950;margin-right:3px}.status-count-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-size:12px}.status-count-chip b{font-size:13px;color:#0f172a}.csr-session-card{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff}.session-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:#bfdbfe}.session-label:before{content:"";width:8px;height:8px;background:#22c55e;border-radius:999px;box-shadow:0 0 0 4px rgba(34,197,94,.16)}.session-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.session-grid>div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:10px}.session-grid small{display:block;color:#cbd5e1;font-weight:800}.session-grid b{display:block;font-size:22px;line-height:1.1;color:#fff}.csr-session-card p{margin:8px 0 0;color:#dbeafe;font-size:12px;font-weight:650;line-height:1.35}@media(max-width:1000px){.csr-personal-panel{grid-template-columns:1fr}.csr-metric-row{grid-template-columns:repeat(2,1fr)}}
.next-action-cell{width:150px;min-width:150px;max-width:150px}.next-action{border-radius:12px;padding:8px 9px;line-height:1.1;border:1px solid #e2e8f0;background:#fff}.next-action b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.next-action span{display:block;font-size:11px;margin-top:4px;color:#475569;white-space:normal}.next-live{background:#fff7ed;border-color:#f59e0b;color:#92400e}.next-ready{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.next-rto{background:#fffbeb;border-color:#fb923c;color:#9a3412}.next-risk{background:#fff1f2;border-color:#fca5a5;color:#991b1b}.next-admin{background:#f1f5f9;color:#334155}.next-locked{background:#f8fafc;color:#64748b}.mobile-actions{display:flex;align-items:center;gap:5px;min-width:150px}.mobile-main{font-weight:950;color:#0f172a}.mini-copy,.mini-wa{border:1px solid #dbe4ef;background:#fff;color:#334155;border-radius:8px;padding:3px 6px;font-size:10px;font-weight:900}.mini-wa{background:#dcfce7;color:#166534}.mobile-actions.copied{background:#dcfce7;border-radius:10px;padding:3px}.mobile-actions.copied .mini-copy{background:#16a34a;color:#fff}.mobile-cell{min-width:170px!important;width:170px!important}.sheet-table .attempt-cell{background:#fafafa!important}.attempt-card{box-shadow:0 2px 8px rgba(15,23,42,.04)!important;border-color:#dbe4ef!important}.attempt-card .attempt-top{margin-bottom:5px}.attempt-remark{font-weight:800!important}.working-owner-card,.user-working-card{background:linear-gradient(180deg,#fff7ed,#ffedd5)!important;border-color:#f59e0b!important}.working-owner-card strong,.user-working-card strong{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.working-now-note{margin-top:5px;font-size:10px;font-weight:900;color:#92400e;background:#fff7ed;border-radius:8px;padding:4px 6px}.rto-row td:first-child{box-shadow:inset 4px 0 0 #f97316}.old-delivered-row td:first-child{box-shadow:inset 4px 0 0 #64748b}.modal .call-hero{position:relative}.hero-panel{position:relative}.hero-panel h3:before{content:"";display:inline-block;width:6px;height:22px;background:#2563eb;border-radius:8px;margin-right:8px;vertical-align:middle}.section-title{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;margin-top:8px!important}.status-group-title{grid-column:1/-1;font-size:11px;font-weight:950;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin:8px 0 -4px}.status-options label{min-height:58px!important;font-size:15px!important;padding:10px 12px 10px 42px!important}.status-options label::before{width:18px!important;height:18px!important;left:13px!important}.status-options label span{font-size:10px!important}.role-csr .check-cell,.role-csr .admin-cnf-cell,.role-csr th:nth-child(18){display:none!important}.role-csr .sheet-table{width:2300px!important;min-width:2300px!important}.role-csr .formgrid{grid-template-columns:2fr 1fr 1fr 1fr 1fr!important}.role-csr .ux-kpis{grid-template-columns:repeat(3,minmax(120px,1fr))}.compact-mode-note{font-size:11px;color:#64748b;margin-top:4px}@media(max-width:1200px){.ux-kpis{grid-template-columns:repeat(3,1fr)}.csr-score-strip{overflow:auto;white-space:nowrap;flex-wrap:nowrap}.next-action-cell{width:130px;min-width:130px}.mobile-cell{min-width:150px!important;width:150px!important}}


/* V3.13.1 Fixed Mockup Table: one clean attempt timeline column instead of 5 huge columns */
.sheet-table{width:2100px!important;min-width:2100px!important;table-layout:fixed!important}
.attempts-summary-th{width:660px!important;min-width:660px!important;max-width:660px!important;text-align:left!important}
.attempts-summary-cell{width:660px!important;min-width:660px!important;max-width:660px!important;background:#fbfdff!important;padding:8px 10px!important;vertical-align:middle!important;overflow:visible!important}
.attempts-compact{display:flex!important;align-items:stretch!important;gap:7px!important;min-width:0!important;overflow:visible!important}
.attempt-chip{position:relative;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;width:118px!important;min-width:118px!important;max-width:118px!important;min-height:72px!important;padding:8px 9px!important;border-radius:13px!important;border:1px solid #dbe4ef!important;background:#fff!important;color:#0f172a!important;text-decoration:none!important;box-shadow:0 2px 8px rgba(15,23,42,.04)!important;overflow:hidden!important;text-align:left!important}
.attempt-chip b{font-size:14px!important;line-height:1!important;font-weight:950!important;color:#0f172a!important;display:block!important}
.attempt-chip span{font-size:11px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.attempt-chip small{font-size:10px!important;line-height:1.15!important;color:#64748b!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.attempt-chip em{font-style:normal!important;font-size:10.5px!important;line-height:1.18!important;color:#334155!important;font-weight:850!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;margin-top:2px!important}
.attempt-chip i{font-style:normal!important;font-size:9.5px!important;line-height:1!important;color:#92400e!important;background:#fff7ed!important;border-radius:999px!important;padding:3px 5px!important;width:max-content!important;max-width:100%!important}
.compact-ready{border-color:#93c5fd!important;background:linear-gradient(180deg,#eff6ff,#ffffff)!important;color:#1d4ed8!important;align-items:center!important;text-align:center!important}
.compact-ready b{font-size:19px!important;color:#1d4ed8!important}.compact-ready span{color:#1d4ed8!important}.compact-ready small{color:#2563eb!important}
.compact-disabled,.compact-locked{background:repeating-linear-gradient(135deg,#f8fafc,#f8fafc 8px,#f1f5f9 8px,#f1f5f9 16px)!important;color:#94a3b8!important;align-items:center!important;text-align:center!important}.compact-disabled b,.compact-locked b{color:#64748b!important}.compact-disabled span,.compact-locked span{color:#64748b!important}
.compact-working{border:2px solid #f59e0b!important;background:linear-gradient(180deg,#fff7ed,#fffbeb)!important;box-shadow:0 0 0 3px rgba(245,158,11,.18),0 6px 16px rgba(245,158,11,.18)!important}.compact-working:after{content:'LIVE';position:absolute;right:6px;top:5px;background:#22c55e;color:#fff;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:950;letter-spacing:.04em}.compact-working b{color:#92400e!important}.compact-working .chip-status{color:#92400e!important}
.compact-done{border-left:4px solid #94a3b8!important}.compact-CNF{background:#f0fdf4!important;border-color:#86efac!important;border-left-color:#22c55e!important}.compact-CNF .chip-status{color:#166534!important}.compact-CXL,.compact-NI,.compact-WN,.compact-NO_RESPONSE{background:#fef2f2!important;border-color:#fecaca!important;border-left-color:#ef4444!important}.compact-CXL .chip-status,.compact-NI .chip-status,.compact-WN .chip-status,.compact-NO_RESPONSE .chip-status{color:#991b1b!important}.compact-CB{background:#eff6ff!important;border-color:#bfdbfe!important;border-left-color:#3b82f6!important}.compact-NA,.compact-NR,.compact-SO,.compact-VM{background:#fffbeb!important;border-color:#fde68a!important;border-left-color:#84cc16!important}.compact-admin-cnf{background:#f8fafc!important;border-color:#dbe4ef!important;align-items:center!important;text-align:center!important}.compact-admin-edit{background:#f5f3ff!important;border-color:#c4b5fd!important;color:#5b21b6!important;align-items:center!important;text-align:center!important}.compact-admin-edit b,.compact-admin-edit span{color:#5b21b6!important}
.attempts-red-reason{min-width:130px;max-width:160px}.attempts-red-reason .red-reason-mini{height:72px;margin:0!important;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:10px;line-height:1.2}
.role-csr .sheet-table{width:1850px!important;min-width:1850px!important}.role-csr .attempts-summary-th,.role-csr .attempts-summary-cell{width:650px!important;min-width:650px!important;max-width:650px!important}
.role-csr .admin-cnf-cell,.role-csr th.admin-cnf-cell{display:none!important}
@media(max-width:1200px){.sheet-table{width:1900px!important;min-width:1900px!important}.attempts-summary-th,.attempts-summary-cell{width:620px!important;min-width:620px!important;max-width:620px!important}.attempt-chip{width:110px!important;min-width:110px!important;max-width:110px!important}}

/* V3.12 Mockup-style table layout: closer to approved Option 3 mockup */
.mockup-table-wrap{border-radius:18px!important;overflow:auto!important;max-height:72vh!important;background:#fff!important;border:1px solid #dbe4ef!important;box-shadow:0 12px 28px rgba(15,23,42,.08)!important}
.sheet-table.mockup-table{width:2100px!important;min-width:2100px!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important}
.mockup-table th{background:#0f172a!important;color:#f8fafc!important;border-top:3px solid #fb923c!important;border-bottom:0!important;height:46px!important;font-size:12px!important;letter-spacing:.05em!important;text-transform:uppercase!important;padding:12px 10px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.mockup-table td{height:92px!important;padding:10px 10px!important;vertical-align:middle!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;background:#fff!important;border-bottom:1px solid #e8eef6!important;color:#27364b!important}
.mockup-table tr:nth-child(even) td{background:#f8fbff!important}
.mockup-table tr.closed-row td{background:#f1f5f9!important;color:#64748b!important}
.mockup-table tr.working-row td{background:#fffaf0!important;box-shadow:none!important}
.mockup-table tr.working-row td:first-child{box-shadow:inset 5px 0 0 #f59e0b!important}
.mockup-table tr.rto-row td:first-child{box-shadow:inset 5px 0 0 #f97316!important}
.mockup-table tr:hover td{background:#f7fbff!important}
.mockup-table .check-cell{width:42px!important;text-align:center!important}
.mockup-table .order-id-cell{width:120px!important}.mockup-table .date-cell{width:95px!important}.mockup-table .name-cell{width:145px!important}.mockup-table .mobile-cell{width:170px!important}.mockup-table .address-cell{width:310px!important}.mockup-table .location-cell{width:130px!important}.mockup-table .product-cell{width:160px!important}.mockup-table .price-cell{width:95px!important}.mockup-table .ivr-cell,.mockup-table .wp-cell{width:95px!important}.mockup-table .rto-cell{width:105px!important}.mockup-table .risk-summary-cell{width:120px!important}.mockup-table .next-action-cell{width:150px!important}.mockup-table .attempts-summary-th,.mockup-table .attempts-summary-cell{width:610px!important;min-width:610px!important;max-width:610px!important}.mockup-table .final-cell{width:105px!important}.mockup-table .action-cell{width:160px!important}
.td-order b{display:block;font-size:13px;font-weight:950;color:#0f3f9e}.td-order small{display:block;margin-top:3px;color:#64748b;font-size:11px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-customer b{display:block;max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:13px}.td-location b{display:block;font-size:13px;color:#0f172a}.td-location small{display:block;margin-top:3px;font-size:11px;color:#64748b;line-height:1.2}.mockup-table .dash-address-text{font-size:12px;line-height:1.32;color:#1f2937;max-height:48px;overflow:hidden}.mockup-table .addr-char-count{display:inline-flex;margin-top:7px;font-size:10px;padding:3px 8px;border-radius:999px;font-weight:900}.risk-none{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:900}.risk-cell-box{display:flex;flex-direction:column;gap:3px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;border-radius:10px;padding:6px 7px;line-height:1.1}.risk-cell-box b{font-size:11px;text-transform:uppercase;letter-spacing:.04em}.risk-cell-box small{font-size:10px;color:#b91c1c;max-height:26px;overflow:hidden}.mockup-table .product-cell .trunc{font-size:12px;line-height:1.2;color:#334155}.mockup-table .price-main{font-size:14px!important;color:#0f172a!important}.mockup-table .signal-badge{font-size:11px!important;padding:4px 8px!important}.mockup-table .tag{font-size:11px!important;padding:4px 8px!important}.mockup-table .courier-badge{font-size:11px!important;padding:4px 8px!important}.mockup-table .next-action{min-height:58px!important;padding:9px 10px!important;border-radius:12px!important}.mockup-table .next-action b{font-size:12px!important}.mockup-table .next-action span{font-size:11px!important;line-height:1.25!important}.attempts-compact{display:grid!important;grid-template-columns:repeat(5, minmax(94px,1fr))!important;gap:7px!important;align-items:stretch!important;min-width:0!important;overflow:visible!important}.attempt-chip{width:auto!important;min-width:0!important;max-width:none!important;min-height:64px!important;border-radius:12px!important;padding:7px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;box-shadow:0 4px 10px rgba(15,23,42,.05)!important}.attempt-chip b{font-size:13px!important;line-height:1!important}.attempt-chip span{font-size:11px!important;font-weight:950!important;line-height:1.05!important}.attempt-chip small{font-size:9.5px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#475569!important}.attempt-chip em{font-size:9.5px!important;font-style:normal!important;line-height:1.12!important;max-height:22px!important;overflow:hidden!important;color:#334155!important}.compact-ready{background:linear-gradient(180deg,#eff6ff,#dbeafe)!important;border:1.5px solid #93c5fd!important;color:#1d4ed8!important}.compact-disabled,.compact-locked{background:#f8fafc!important;border:1px dashed #cbd5e1!important;color:#64748b!important;box-shadow:none!important}.compact-working{background:linear-gradient(180deg,#fff7ed,#ffedd5)!important;border:2px solid #f59e0b!important;color:#92400e!important}.compact-done{background:#fff!important;border:1px solid #dbe4ef!important}.compact-CNF{background:#f0fdf4!important;border-color:#22c55e!important}.compact-CXL,.compact-NI,.compact-WN,.compact-NO_RESPONSE{background:#fef2f2!important;border-color:#ef4444!important}.compact-CB{background:#eff6ff!important;border-color:#3b82f6!important}.compact-NA,.compact-NR,.compact-SO,.compact-VM{background:#fffbeb!important;border-color:#f59e0b!important}.compact-admin-cnf{background:#f8fafc!important;border:1px solid #cbd5e1!important;color:#334155!important}.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.icon-action{border:1px solid #dbe4ef;background:#fff;color:#334155;border-radius:10px;padding:6px 8px;font-size:10px;font-weight:950;line-height:1;text-align:center}.icon-action.call{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.icon-action.copy{background:#fff}.icon-action.wa{background:#dcfce7;color:#166534;border-color:#bbf7d0}.row-actions .admin-cnf-dashboard-btn{padding:7px 14px!important;border-radius:11px!important;box-shadow:0 6px 16px rgba(22,163,74,.18)!important}.row-actions .admin-cnf-confirmed{min-width:105px!important;padding:7px 8px!important}.mobile-actions{min-width:0!important;gap:4px}.mobile-main{font-size:12px!important}.mini-copy,.mini-wa{font-size:9px!important;padding:3px 5px!important}.role-csr .mockup-table{width:1980px!important;min-width:1980px!important}.role-csr .mockup-table .action-cell{width:130px!important}.role-csr .mockup-table .attempts-summary-th,.role-csr .mockup-table .attempts-summary-cell{width:610px!important;min-width:610px!important;max-width:610px!important}
@media(max-width:1300px){.sheet-table.mockup-table{width:1980px!important;min-width:1980px!important}.mockup-table .address-cell{width:260px!important}.mockup-table .attempts-summary-th,.mockup-table .attempts-summary-cell{width:560px!important;min-width:560px!important;max-width:560px!important}.attempts-compact{gap:6px!important}.attempt-chip{padding:6px!important}}



/* V3.13 CLEAN TABLE VIEW - approved mockup style */
.mockup-table-wrap{border-radius:16px!important;overflow:auto!important;background:#fff!important;border:1px solid #dbe4ef!important;box-shadow:0 10px 32px rgba(15,23,42,.06)!important;}
.sheet-table.mockup-table{width:1920px!important;min-width:1920px!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;}
.mockup-table th{height:54px!important;background:#0f1a2e!important;color:#fff!important;font-size:12px!important;letter-spacing:.065em!important;text-transform:uppercase!important;border-right:1px solid rgba(255,255,255,.12)!important;border-top:3px solid #f97316!important;padding:0 14px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
.mockup-table td{background:#fff!important;border-bottom:1px solid #e8eef6!important;border-right:1px solid #edf2f7!important;padding:14px 14px!important;vertical-align:middle!important;color:#182236!important;font-size:13px!important;line-height:1.35!important;}
.mockup-table tr:nth-child(even) td{background:#fbfdff!important;}
.mockup-table tr:hover td{background:#f8fbff!important;}
.mockup-table .check-cell{width:44px!important;min-width:44px!important;text-align:center!important;}
.mockup-table .order-id-cell{width:120px!important;min-width:120px!important;}
.mockup-table .date-cell{width:90px!important;min-width:90px!important;}
.mockup-table .name-cell{width:165px!important;min-width:165px!important;}
.mockup-table .mobile-cell{width:155px!important;min-width:155px!important;}
.mockup-table .address-cell{width:430px!important;min-width:430px!important;max-width:430px!important;}
.mockup-table .pin-cell{width:90px!important;min-width:90px!important;font-weight:800!important;}
.mockup-table .city-cell{width:125px!important;min-width:125px!important;}
.mockup-table .product-cell{width:130px!important;min-width:130px!important;}
.mockup-table .price-cell{width:90px!important;min-width:90px!important;font-weight:950!important;}
.mockup-table .ivr-cell,.mockup-table .wp-cell{width:75px!important;min-width:75px!important;text-align:center!important;}
.mockup-table .rto-cell{width:90px!important;min-width:90px!important;text-align:center!important;}
.mockup-table .working-cell{width:190px!important;min-width:190px!important;max-width:190px!important;}
.mockup-table .attempts-summary-th{width:560px!important;min-width:560px!important;max-width:560px!important;text-align:center!important;}
.mockup-table .attempts-summary-cell{width:560px!important;min-width:560px!important;max-width:560px!important;background:#fff!important;padding:12px 14px!important;overflow:visible!important;}
.td-order b{display:inline-flex!important;align-items:center!important;background:#eff6ff!important;color:#0b5ed7!important;border:1px solid #bfdbfe!important;border-radius:8px!important;padding:4px 7px!important;font-weight:950!important;max-width:98px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.td-order small{display:block!important;color:#64748b!important;margin-top:5px!important;max-width:105px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.td-customer b{font-size:13px!important;color:#0f172a!important;max-width:145px!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.address-cell{white-space:normal!important;}
.address-cell .addr-text,.address-cell .addr-line,.address-cell div{max-height:44px!important;overflow:hidden!important;}
.address-cell .char-badge,.char-badge{display:inline-flex!important;margin-top:6px!important;border-radius:999px!important;padding:3px 8px!important;font-size:10px!important;font-weight:950!important;}
.signal-badge{padding:4px 8px!important;border-radius:7px!important;font-size:11px!important;font-weight:950!important;}
.rto-badge,.rto-normal{font-size:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;border-radius:8px!important;padding:4px 7px!important;}
.work-cell-free,.work-cell-live,.work-cell-closed{min-height:48px!important;border:1px solid #dbe4ef!important;border-radius:10px!important;padding:9px 10px!important;background:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;box-shadow:0 2px 6px rgba(15,23,42,.03)!important;overflow:hidden!important;}
.work-cell-free{color:#64748b!important;background:#fbfdff!important;}
.work-cell-free b,.work-cell-closed b{font-size:12px!important;color:#334155!important;}
.work-cell-free span:not(.work-dot-muted),.work-cell-closed span:not(.work-dot-muted){font-size:11px!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.work-cell-live{border-color:#86efac!important;background:linear-gradient(180deg,#f0fdf4,#ffffff)!important;box-shadow:0 8px 18px rgba(22,163,74,.10)!important;}
.work-live-top{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;}
.work-live-top b{font-size:12px!important;color:#166534!important;max-width:72px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.work-live-top span:not(.live-dot){font-size:11px!important;color:#166534!important;font-weight:900!important;background:#dcfce7!important;border:1px solid #bbf7d0!important;border-radius:999px!important;padding:2px 6px!important;white-space:nowrap!important;}
.work-live-top em{margin-left:auto!important;font-size:11px!important;color:#0f766e!important;font-style:normal!important;font-weight:800!important;}
.work-cell-live small{display:block!important;color:#16a34a!important;font-size:11px!important;font-weight:950!important;}
.live-dot,.work-dot-muted{width:8px!important;height:8px!important;border-radius:999px!important;display:inline-block!important;flex:0 0 auto!important;}
.live-dot{background:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.14)!important;}
.work-dot-muted{background:#94a3b8!important;}
.work-cell-admin{background:#f8fafc!important;color:#334155!important;}
.work-admin-note{font-size:10px!important;color:#64748b!important;}
.attempts-compact{display:flex!important;align-items:center!important;gap:8px!important;overflow:visible!important;}
.attempt-chip{width:96px!important;min-width:96px!important;height:50px!important;border-radius:9px!important;padding:6px 7px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:2px!important;box-shadow:none!important;}
.attempt-chip b{font-size:13px!important;line-height:1!important;color:#1d4ed8!important;}
.attempt-chip span{font-size:11px!important;line-height:1!important;font-weight:950!important;max-width:78px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.attempt-chip small{font-size:9px!important;line-height:1.1!important;color:#64748b!important;max-width:78px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.attempt-chip em,.attempt-chip i{display:none!important;}
.compact-ready{border:1px solid #93c5fd!important;background:#eff6ff!important;color:#1d4ed8!important;}
.compact-working{border:1px solid #f59e0b!important;background:#fff7ed!important;color:#92400e!important;box-shadow:0 0 0 2px rgba(245,158,11,.10)!important;}
.compact-working b,.compact-working span{color:#92400e!important;}
.compact-done{border:1px solid #dbe4ef!important;background:#fff!important;color:#334155!important;}
.compact-CNF{border-color:#86efac!important;background:#f0fdf4!important;}
.compact-CXL,.compact-NI,.compact-WN{border-color:#fecaca!important;background:#fff1f2!important;}
.compact-CB{border-color:#bfdbfe!important;background:#eff6ff!important;}
.compact-NA,.compact-NR,.compact-SO,.compact-VM{border-color:#fde68a!important;background:#fffbeb!important;}
.compact-disabled,.compact-locked{border:1px solid #e2e8f0!important;background:#f8fafc!important;color:#94a3b8!important;}
.compact-admin-edit{border:1px dashed #c4b5fd!important;background:#faf5ff!important;color:#6d28d9!important;}
.compact-admin-cnf{border:1px solid #dbe4ef!important;background:#f8fafc!important;color:#475569!important;}
.attempt-summary-link{text-decoration:none!important;}
.rto-row td{background:#fff!important;}
.rto-row td:first-child{box-shadow:inset 4px 0 0 #f97316!important;}
.working-row td{background:#fff!important;border-top:2px solid #bbf7d0!important;border-bottom:2px solid #bbf7d0!important;}
.closed-row td{background:#f8fafc!important;color:#64748b!important;}
.mockup-table .risk-summary-cell,.mockup-table .next-action-cell,.mockup-table .final-cell,.mockup-table .action-cell{display:none!important;}
@media(max-width:1400px){.sheet-table.mockup-table{width:1840px!important;min-width:1840px!important}.mockup-table .address-cell{width:380px!important;min-width:380px!important}.mockup-table .attempts-summary-th,.mockup-table .attempts-summary-cell{width:530px!important;min-width:530px!important}.attempt-chip{width:90px!important;min-width:90px!important}}



/* V3.13.1 FINAL TABLE WIDTH FIX - real colgroup-based layout */
.mockup-table-wrap{overflow:auto!important;max-height:calc(100vh - 330px)!important;border-radius:18px!important;border:1px solid #dbe4ef!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.08)!important;}
.sheet-table.mockup-table{width:auto!important;min-width:2440px!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;}
.role-csr .sheet-table.mockup-table{min-width:2388px!important;}
.mockup-table col.col-check{width:44px!important}.mockup-table col.col-order{width:118px!important}.mockup-table col.col-date{width:92px!important}.mockup-table col.col-name{width:170px!important}.mockup-table col.col-mobile{width:155px!important}.mockup-table col.col-address{width:430px!important}.mockup-table col.col-pin{width:92px!important}.mockup-table col.col-city{width:130px!important}.mockup-table col.col-product{width:155px!important}.mockup-table col.col-price{width:94px!important}.mockup-table col.col-ivr{width:82px!important}.mockup-table col.col-wp{width:82px!important}.mockup-table col.col-rto{width:96px!important}.mockup-table col.col-working{width:205px!important}.mockup-table col.col-attempts{width:690px!important}
.mockup-table th,.mockup-table td{box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.mockup-table th{height:48px!important;padding:0 12px!important;background:#0f172a!important;color:#fff!important;border-right:1px solid rgba(255,255,255,.10)!important;border-top:3px solid #fb923c!important;font-size:12px!important;font-weight:950!important;letter-spacing:.055em!important;text-transform:uppercase!important;white-space:nowrap!important;text-align:left!important;}
.mockup-table th.th-center{text-align:center!important}.mockup-table th.th-attempts{text-align:center!important}
.mockup-table td{height:84px!important;min-height:84px!important;padding:10px 12px!important;vertical-align:middle!important;background:#fff!important;border-right:1px solid #edf2f7!important;border-bottom:1px solid #e8eef6!important;color:#1e293b!important;font-size:13px!important;line-height:1.32!important;white-space:normal!important;}
.mockup-table tr:nth-child(even) td{background:#fbfdff!important}.mockup-table tr:hover td{background:#f8fbff!important}.mockup-table tr.closed-row td{background:#f8fafc!important;color:#64748b!important}.mockup-table tr.working-row td{background:#fff!important;border-top:2px solid #22c55e!important;border-bottom:2px solid #22c55e!important}.mockup-table tr.rto-row td:first-child{box-shadow:inset 4px 0 0 #f97316!important}
.mockup-table .check-cell{text-align:center!important}.mockup-table .order-id-cell,.mockup-table .date-cell,.mockup-table .name-cell,.mockup-table .mobile-cell,.mockup-table .address-cell,.mockup-table .pin-cell,.mockup-table .city-cell,.mockup-table .product-cell,.mockup-table .price-cell,.mockup-table .ivr-cell,.mockup-table .wp-cell,.mockup-table .rto-cell,.mockup-table .working-cell,.mockup-table .attempts-summary-cell{width:auto!important;min-width:0!important;max-width:none!important;}
.mockup-table .address-cell{white-space:normal!important}.mockup-table .dash-address-text,.mockup-table .address-cell .addr-text,.mockup-table .address-cell div{max-height:46px!important;overflow:hidden!important;display:block!important}.mockup-table .char-badge,.mockup-table .addr-char-count{display:inline-flex!important;margin-top:5px!important;font-size:10px!important;border-radius:999px!important;padding:3px 8px!important;font-weight:950!important;}
.td-order b{display:inline-flex!important;max-width:96px!important;padding:4px 7px!important;border-radius:8px!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#0b5ed7!important;font-weight:950!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.td-order small{display:block!important;margin-top:4px!important;font-size:11px!important;color:#64748b!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.td-customer b{display:block!important;max-width:150px!important;color:#0f172a!important;font-size:13px!important;font-weight:850!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.mobile-actions{display:flex!important;gap:5px!important;align-items:center!important;flex-wrap:nowrap!important}.mobile-main{font-size:13px!important;font-weight:950!important;color:#0f172a!important}.mini-copy,.mini-wa{font-size:9px!important;padding:3px 5px!important;border-radius:7px!important}.mockup-table .price-main{font-size:14px!important;font-weight:950!important;color:#0f172a!important}.signal-badge,.rto-badge,.rto-normal,.courier-badge,.tag{font-size:11px!important;padding:4px 8px!important;border-radius:999px!important;font-weight:950!important;white-space:nowrap!important;}
.work-cell-free,.work-cell-live,.work-cell-closed{min-height:48px!important;height:48px!important;border:1px solid #dbe4ef!important;border-radius:10px!important;padding:8px 10px!important;background:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;overflow:hidden!important;box-shadow:0 2px 6px rgba(15,23,42,.03)!important}.work-cell-free{background:#fbfdff!important;color:#64748b!important}.work-cell-free b,.work-cell-closed b{font-size:12px!important;color:#334155!important}.work-cell-free span,.work-cell-closed span{font-size:11px!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.work-cell-live{background:linear-gradient(180deg,#f0fdf4,#ffffff)!important;border-color:#86efac!important}.work-live-top{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}.work-live-top b{max-width:84px!important;font-size:12px!important;color:#166534!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.work-live-top span:not(.live-dot){font-size:11px!important;background:#dcfce7!important;border:1px solid #bbf7d0!important;border-radius:999px!important;padding:2px 6px!important;color:#166534!important;font-weight:900!important;white-space:nowrap!important}.work-live-top em{margin-left:auto!important;font-size:11px!important;color:#0f766e!important;font-style:normal!important;font-weight:800!important}.work-cell-live small{font-size:11px!important;color:#16a34a!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.live-dot,.work-dot-muted{width:8px!important;height:8px!important;border-radius:999px!important;display:inline-block!important;flex:0 0 auto!important}.live-dot{background:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.13)!important}.work-dot-muted{background:#94a3b8!important}
.attempts-compact{display:grid!important;grid-template-columns:repeat(5, 1fr)!important;gap:8px!important;align-items:center!important;width:100%!important;overflow:visible!important}.attempt-chip{width:100%!important;min-width:0!important;max-width:none!important;height:54px!important;min-height:54px!important;border-radius:10px!important;padding:7px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:2px!important;box-shadow:0 2px 6px rgba(15,23,42,.04)!important;overflow:hidden!important;text-decoration:none!important}.attempt-chip b{font-size:13px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.attempt-chip span{font-size:11px!important;font-weight:950!important;line-height:1.05!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.attempt-chip small{font-size:9px!important;line-height:1.1!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#64748b!important}.attempt-chip em,.attempt-chip i{display:none!important}.compact-ready{background:linear-gradient(180deg,#eff6ff,#dbeafe)!important;border:1.5px solid #93c5fd!important;color:#1d4ed8!important}.compact-working{background:linear-gradient(180deg,#fff7ed,#ffedd5)!important;border:1.5px solid #f59e0b!important;color:#92400e!important}.compact-done{background:#fff!important;border:1px solid #dbe4ef!important;color:#334155!important}.compact-CNF{background:#f0fdf4!important;border-color:#86efac!important}.compact-CXL,.compact-NI,.compact-WN,.compact-NO_RESPONSE{background:#fff1f2!important;border-color:#fecaca!important}.compact-CB{background:#eff6ff!important;border-color:#bfdbfe!important}.compact-NA,.compact-NR,.compact-SO,.compact-VM{background:#fffbeb!important;border-color:#fde68a!important}.compact-disabled,.compact-locked{background:#f8fafc!important;border:1px dashed #cbd5e1!important;color:#64748b!important;box-shadow:none!important}.compact-admin-edit{background:#faf5ff!important;border:1px dashed #c4b5fd!important;color:#6d28d9!important}.compact-admin-cnf{background:#f8fafc!important;border:1px solid #dbe4ef!important;color:#475569!important}
.mockup-table .risk-summary-cell,.mockup-table .next-action-cell,.mockup-table .final-cell,.mockup-table .action-cell{display:none!important;}
.role-csr .mockup-table-wrap{max-height:calc(100vh - 300px)!important}.role-csr .mockup-table th,.role-csr .mockup-table td{font-size:13px!important}
@media(max-width:1400px){.sheet-table.mockup-table{min-width:2360px!important}.mockup-table col.col-address{width:390px!important}.mockup-table col.col-attempts{width:660px!important}.mockup-table col.col-working{width:195px!important}.attempts-compact{gap:7px!important}}


/* V3.22 Modular Structure Phase 1 */
.sheet-table.mockup-table{min-width:2140px!important;width:2140px!important;table-layout:fixed!important;}
.role-csr .sheet-table.mockup-table{min-width:2096px!important;width:2096px!important;}
.mockup-table col.col-check{width:44px!important}
.mockup-table col.col-order{width:118px!important}
.mockup-table col.col-date{width:90px!important}
.mockup-table col.col-name{width:165px!important}
.mockup-table col.col-mobile{width:165px!important}
.mockup-table col.col-address{width:420px!important}
.mockup-table col.col-pin{width:90px!important}
.mockup-table col.col-city{width:125px!important}
.mockup-table col.col-product{width:145px!important}
.mockup-table col.col-price{width:92px!important}
.mockup-table col.col-ivr{width:56px!important}
.mockup-table col.col-wp{width:56px!important}
.mockup-table col.col-attempts{width:574px!important}
.mockup-table .ivr-cell,.mockup-table .wp-cell{text-align:center!important;padding:8px 6px!important;}
.signal-mini{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:24px!important;min-width:38px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:950!important;letter-spacing:.025em!important;line-height:1!important;border:1px solid transparent!important;}
.signal-mini-good{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important;}
.signal-mini-bad{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important;}
.signal-mini-neutral{background:#f1f5f9!important;color:#475569!important;border-color:#e2e8f0!important;}
.signal-mini.empty{background:transparent!important;color:#94a3b8!important;min-width:18px!important;border:0!important;}
.mockup-table .attempts-summary-th,.mockup-table .attempts-summary-cell{width:574px!important;min-width:574px!important;max-width:574px!important;}
.attempts-compact{grid-template-columns:repeat(5, 106px)!important;gap:6px!important;align-items:center!important;}
.attempt-chip{min-height:54px!important;border-radius:10px!important;padding:6px 7px!important;box-shadow:none!important;}
.attempt-chip b{font-size:12px!important;}
.attempt-chip span{font-size:10px!important;}
.attempt-chip small{font-size:8.8px!important;}
.compact-disabled,.compact-locked{background:#f8fafc!important;border:1px dashed #d7e0ea!important;color:#94a3b8!important;opacity:.72!important;}
.compact-disabled b,.compact-locked b{color:#64748b!important;}
.compact-disabled span,.compact-locked span{color:#94a3b8!important;}
.compact-disabled small,.compact-locked small{color:#94a3b8!important;}
.closed-row .compact-locked,.closed-row .compact-disabled{opacity:.62!important;background:#f8fafc!important;}
.compact-ready{background:linear-gradient(180deg,#eff6ff,#eaf3ff)!important;border:1px solid #93c5fd!important;}
.compact-working{background:linear-gradient(180deg,#fff7ed,#ffedd5)!important;border:1.5px solid #f59e0b!important;box-shadow:0 0 0 2px rgba(245,158,11,.13)!important;}
.compact-done{border:1px solid #dbe4ef!important;box-shadow:0 1px 4px rgba(15,23,42,.04)!important;}
.mockup-table th{height:44px!important;padding:0 10px!important;font-size:11.5px!important;}
.mockup-table td{height:78px!important;min-height:78px!important;padding:9px 10px!important;}
.mockup-table .dash-address-text,.mockup-table .address-cell .addr-text,.mockup-table .address-cell div{max-height:40px!important;}
.mockup-table tr.working-row td{border-top:1px solid #e8eef6!important;border-bottom:1px solid #e8eef6!important;background:#fff!important;}
.mockup-table tr.working-row td:first-child{box-shadow:inset 4px 0 0 #f59e0b!important;}
.mockup-table tr.closed-row td{background:#f8fafc!important;}


/* V3.13.3 polish overrides */
.mockup-table th{
  height:42px!important;
  padding:0 10px!important;
  line-height:42px!important;
  vertical-align:middle!important;
  text-align:left!important;
}
.mockup-table th.th-center,.mockup-table th.th-attempts{text-align:center!important;}
.mockup-table .mobile-actions-plain{display:block!important;min-width:0!important;padding:0!important;background:transparent!important;border:0!important;}
.mockup-table .mobile-actions-plain .mobile-main{display:block!important;font-size:14px!important;font-weight:950!important;letter-spacing:.01em!important;color:#0f172a!important;}
.mockup-table .dash-address-text{max-height:none!important;overflow:visible!important;line-height:1.35!important;}
.mockup-table .addr-char-count,.mockup-table .char-badge{display:none!important;}
.mockup-table .addr-inline-count{display:inline!important;font-size:12px!important;font-weight:950!important;color:#16a34a!important;white-space:nowrap!important;}
.mockup-table .price-main{font-size:15px!important;font-weight:950!important;letter-spacing:.01em!important;}
.mockup-table .price-note{display:none!important;}
.mockup-table .ivr-cell,.mockup-table .wp-cell{width:58px!important;min-width:58px!important;max-width:58px!important;padding:8px 4px!important;text-align:center!important;}
.mockup-table col.col-ivr,.mockup-table col.col-wp{width:52px!important;}
.mockup-table .signal-mini{padding:3px 6px!important;font-size:10px!important;min-width:0!important;}
.attempt-chip.compact-working,
.attempt-chip.compact-live{
  background:linear-gradient(180deg,#dcfce7,#bbf7d0)!important;
  border:1.5px solid #22c55e!important;
  color:#166534!important;
  box-shadow:0 0 0 2px rgba(34,197,94,.12)!important;
}
.attempt-chip.compact-working b,
.attempt-chip.compact-live b,
.attempt-chip.compact-working span,
.attempt-chip.compact-live span,
.attempt-chip.compact-working small,
.attempt-chip.compact-live small{color:#166534!important;}
.compact-CB,.compact-NA,.compact-NR,.compact-SO,.compact-VM,.compact-NI,.compact-WN,.compact-NO_RESPONSE{
  background:#f8fafc!important;
  border:1px solid #dbe4ef!important;
  color:#334155!important;
}
.compact-CB b,.compact-NA b,.compact-NR b,.compact-SO b,.compact-VM b,.compact-NI b,.compact-WN b,.compact-NO_RESPONSE b,
.compact-CB span,.compact-NA span,.compact-NR span,.compact-SO span,.compact-VM span,.compact-NI span,.compact-WN span,.compact-NO_RESPONSE span{
  color:#334155!important;
}
.compact-CB small,.compact-NA small,.compact-NR small,.compact-SO small,.compact-VM small,.compact-NI small,.compact-WN small,.compact-NO_RESPONSE small{
  color:#64748b!important;
}
.compact-CNF{background:#f0fdf4!important;border-color:#86efac!important;}
.compact-CXL{background:#fff1f2!important;border-color:#fecaca!important;}
.compact-disabled,.compact-locked{background:#f8fafc!important;border:1px dashed #d7e0ea!important;color:#94a3b8!important;opacity:.52!important;box-shadow:none!important;}
.compact-disabled b,.compact-locked b{color:#94a3b8!important;}
.compact-disabled span,.compact-locked span,.compact-disabled small,.compact-locked small{color:#a8b3c2!important;}
.mockup-table .attempts-summary-cell{padding-top:8px!important;padding-bottom:8px!important;}


/* V3.14 final UX overrides */
.view-toggle{display:flex;gap:4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px;margin-left:2px;}
.view-toggle a{font-size:11px;font-weight:950;border-radius:999px;padding:7px 10px;color:#cbd5e1;background:transparent;}
.view-toggle a.active{background:#38bdf8!important;color:#07111f!important;box-shadow:0 6px 16px rgba(56,189,248,.25);}
.filter-card{padding:10px 12px!important;margin-bottom:10px!important;}
.filter-card .formgrid{grid-template-columns:2fr 1fr 1.2fr 1fr 1fr 1fr 110px 76px!important;gap:8px!important;align-items:end!important;}
.filter-card label{font-size:10px!important;margin-bottom:4px!important;letter-spacing:.08em;}
.filter-card input,.filter-card select{height:34px!important;padding:7px 9px!important;font-size:12px!important;}
.filter-card button{height:34px!important;padding:7px 12px!important;}

.mockup-table col.col-admin-cnf{width:92px!important;}
.mockup-table .admin-cnf-table-cell{width:92px!important;min-width:92px!important;max-width:92px!important;text-align:center!important;padding:8px 6px!important;}
.mockup-table th.th-admin-cnf{text-align:center!important;}
.admin-cnf-dashboard-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:58px!important;height:30px!important;border-radius:999px!important;background:#16a34a!important;color:#fff!important;font-size:12px!important;font-weight:950!important;box-shadow:0 8px 16px rgba(22,163,74,.22)!important;}
.admin-cnf-confirmed{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:72px!important;height:34px!important;border-radius:12px!important;border:1px solid #cbd5e1!important;background:#f8fafc!important;color:#64748b!important;box-shadow:none!important;}
.admin-cnf-confirmed b{font-size:10px!important;line-height:1!important;}
.admin-cnf-confirmed span{font-size:8px!important;color:#94a3b8!important;}
.admin-cnf-na{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#f1f5f9!important;color:#94a3b8!important;font-size:10px!important;font-weight:900!important;padding:5px 8px!important;}

.attempt-chip{min-height:58px!important;padding:7px 8px!important;gap:4px!important;}
.attempt-chip .chip-head{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:6px!important;line-height:1!important;}
.attempt-chip .chip-head b{font-size:13px!important;line-height:1!important;white-space:nowrap!important;}
.attempt-chip .chip-head span{font-size:10px!important;line-height:1!important;font-weight:950!important;border-radius:999px!important;padding:2px 6px!important;max-width:58px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.attempt-chip small{font-size:9.5px!important;line-height:1.1!important;font-weight:850!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.attempt-chip em{display:block!important;font-style:normal!important;font-size:9.2px!important;line-height:1.15!important;font-weight:800!important;max-height:22px!important;overflow:hidden!important;color:#475569!important;}
.attempt-chip i{display:none!important;}

.compact-ready{background:linear-gradient(180deg,#dcfce7,#bbf7d0)!important;border:1.8px solid #22c55e!important;color:#14532d!important;box-shadow:0 6px 16px rgba(34,197,94,.16)!important;}
.compact-ready .chip-head b,.compact-ready .chip-head span,.compact-ready small{color:#14532d!important;}
.compact-ready .chip-head span{background:#16a34a!important;color:#fff!important;}
.compact-working,.compact-live{background:linear-gradient(180deg,#dcfce7,#a7f3d0)!important;border:2px solid #16a34a!important;color:#14532d!important;box-shadow:0 0 0 3px rgba(22,163,74,.12),0 8px 22px rgba(22,163,74,.16)!important;}
.compact-working .chip-head span,.compact-live .chip-head span{background:#16a34a!important;color:#fff!important;}
.compact-working b,.compact-working small,.compact-working em,.compact-live b,.compact-live small,.compact-live em{color:#14532d!important;}

.compact-admin-cnf,.compact-admin-edit,.compact-disabled,.compact-locked,.compact-muted{background:#f8fafc!important;border:1px dashed #d7e0ea!important;color:#94a3b8!important;opacity:.58!important;box-shadow:none!important;}
.compact-admin-cnf .chip-head span,.compact-admin-edit .chip-head span,.compact-disabled .chip-head span,.compact-locked .chip-head span{background:#e2e8f0!important;color:#94a3b8!important;}
.compact-admin-cnf b,.compact-admin-cnf small,.compact-admin-edit b,.compact-admin-edit small,.compact-disabled b,.compact-disabled small,.compact-locked b,.compact-locked small{color:#94a3b8!important;}

.compact-CB,.compact-NA,.compact-NR,.compact-SO,.compact-VM,.compact-NI,.compact-WN,.compact-NO_RESPONSE{background:#f8fafc!important;border:1px solid #dbe4ef!important;color:#334155!important;box-shadow:none!important;}
.compact-CB .chip-head span,.compact-NA .chip-head span,.compact-NR .chip-head span,.compact-SO .chip-head span,.compact-VM .chip-head span,.compact-NI .chip-head span,.compact-WN .chip-head span,.compact-NO_RESPONSE .chip-head span{background:#e2e8f0!important;color:#334155!important;}
.compact-CNF{background:#f0fdf4!important;border-color:#86efac!important;}
.compact-CNF .chip-head span{background:#16a34a!important;color:#fff!important;}
.compact-CXL{background:#fff1f2!important;border-color:#fecaca!important;}
.compact-CXL .chip-head span{background:#ef4444!important;color:#fff!important;}

.prev-attempt-panel{margin-top:14px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;padding:10px;}
.prev-title{font-size:11px;font-weight:950;color:#475569;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}
.prev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.prev-attempt-item{border:1px solid #dbe4ef;background:#fff;border-radius:12px;padding:8px;min-width:0;}
.prev-top{display:flex;align-items:center;gap:6px;margin-bottom:4px;}
.prev-top b{background:#0f172a;color:#fff;border-radius:7px;padding:3px 6px;font-size:10px;}
.prev-top span{background:#eef2ff;color:#1d4ed8;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:950;}
.prev-attempt-item small{display:block;color:#64748b;font-size:10px;font-weight:850;}
.prev-attempt-item em{display:block;margin-top:5px;font-size:11px;line-height:1.25;color:#334155;font-weight:800;font-style:normal;}
.prev-empty{font-size:12px;color:#94a3b8;font-weight:850;background:#fff;border-radius:10px;padding:9px;border:1px dashed #cbd5e1;}
@media(max-width:1200px){.filter-card .formgrid{grid-template-columns:1fr 1fr!important}.prev-grid{grid-template-columns:1fr;}}


/* V3.14.1 attempt detail polish */
.attempt-chip{
  min-height:88px!important;
  padding:8px 9px!important;
  gap:4px!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.attempt-chip .chip-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  gap:6px!important;
  line-height:1!important;
}
.attempt-chip .chip-head b{
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
  color:#0f172a!important;
}
.attempt-chip .chip-head span{
  font-size:10px!important;
  font-weight:950!important;
  line-height:1!important;
  border-radius:999px!important;
  padding:3px 7px!important;
  max-width:62px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.attempt-chip .chip-csr{
  display:block!important;
  margin-top:2px!important;
  font-size:10.5px!important;
  line-height:1.05!important;
  font-weight:950!important;
  color:#334155!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.attempt-chip .chip-time{
  display:block!important;
  font-size:9.5px!important;
  line-height:1.05!important;
  font-weight:850!important;
  color:#64748b!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.attempt-chip .chip-note{
  display:block!important;
  margin-top:3px!important;
  border-radius:7px!important;
  padding:4px 5px!important;
  background:rgba(255,255,255,.68)!important;
  border:1px solid rgba(203,213,225,.65)!important;
  font-size:9.6px!important;
  line-height:1.22!important;
  font-weight:850!important;
  color:#334155!important;
  text-align:left!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  max-height:31px!important;
  overflow:hidden!important;
}
.attempt-chip .chip-red-reason{
  display:block!important;
  margin-top:3px!important;
  border-left:3px solid #f97316!important;
  background:#fff7ed!important;
  border-radius:7px!important;
  padding:3px 5px!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:950!important;
  color:#9a3412!important;
  text-align:left!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  max-height:25px!important;
  overflow:hidden!important;
}
.compact-ready{
  min-height:78px!important;
  background:linear-gradient(180deg,#dcfce7,#bbf7d0)!important;
  border:2px solid #16a34a!important;
  box-shadow:0 8px 22px rgba(22,163,74,.18)!important;
}
.compact-ready .chip-head span{background:#16a34a!important;color:#fff!important;}
.compact-admin-cnf,.compact-admin-edit,.compact-disabled,.compact-locked,.compact-muted{
  min-height:74px!important;
  opacity:.50!important;
  background:#f8fafc!important;
  border:1px dashed #d7e0ea!important;
  box-shadow:none!important;
}
.compact-admin-cnf .chip-red-reason,.compact-disabled .chip-red-reason,.compact-locked .chip-red-reason{display:none!important;}
.compact-CNF .chip-head span{background:#16a34a!important;color:#fff!important;}
.compact-CXL .chip-head span{background:#ef4444!important;color:#fff!important;}
.compact-CB .chip-head span,.compact-NA .chip-head span,.compact-NR .chip-head span,.compact-SO .chip-head span,.compact-VM .chip-head span,.compact-NI .chip-head span,.compact-WN .chip-head span,.compact-NO_RESPONSE .chip-head span{
  background:#e2e8f0!important;color:#334155!important;
}
.attempts-red-reason{display:none!important;}

/* Red reason only CNF validation */
.red-reason-input.has-error textarea{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.12)!important;}
.red-cnf-error{display:none;margin-top:6px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:10px;padding:7px 9px;font-size:11px;font-weight:950;}
.red-cnf-error.show{display:block;}

/* Popup previous attempts premium compact UI */
.prev-attempt-panel{
  margin-top:14px!important;
  border:1px solid #dbe4ef!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#f8fafc,#ffffff)!important;
  padding:12px!important;
}
.prev-title{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:950!important;
  color:#334155!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin-bottom:10px!important;
}
.prev-title:before{content:"";width:7px;height:18px;border-radius:99px;background:#2563eb;display:inline-block;}
.prev-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.prev-attempt-item{
  border:1px solid #dbe4ef!important;
  background:#fff!important;
  border-radius:14px!important;
  padding:10px!important;
  min-width:0!important;
  box-shadow:0 3px 12px rgba(15,23,42,.04)!important;
}
.prev-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-bottom:7px!important;
}
.prev-top b{
  background:#0f172a!important;
  color:#fff!important;
  border-radius:8px!important;
  padding:4px 7px!important;
  font-size:10px!important;
  font-weight:950!important;
}
.prev-top span{
  background:#eef2ff!important;
  color:#1d4ed8!important;
  border-radius:999px!important;
  padding:4px 8px!important;
  font-size:10px!important;
  font-weight:950!important;
}
.prev-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-bottom:7px!important;
}
.prev-meta strong{
  font-size:11px!important;
  font-weight:950!important;
  color:#334155!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.prev-meta small{
  font-size:10px!important;
  color:#64748b!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.prev-note{
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  padding:7px 8px!important;
  font-size:11px!important;
  line-height:1.28!important;
  font-weight:800!important;
  color:#334155!important;
  max-height:48px!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.prev-note.muted-note{color:#94a3b8!important;font-weight:850!important;font-style:italic!important;}
.prev-empty{
  font-size:12px!important;
  color:#94a3b8!important;
  font-weight:850!important;
  background:#fff!important;
  border-radius:12px!important;
  padding:10px!important;
  border:1px dashed #cbd5e1!important;
}
.prev-status-CNF{border-color:#86efac!important;background:#f0fdf4!important;}
.prev-status-CXL,.prev-status-NI,.prev-status-WN{border-color:#fecaca!important;background:#fff1f2!important;}
@media(max-width:1200px){.prev-grid{grid-template-columns:1fr!important}.attempt-chip{min-height:82px!important}}


/* V3.14.2 Remark-only attempt note polish */
.attempt-chip .chip-note{display:block!important;width:100%!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-height:20px!important;min-height:20px!important;line-height:18px!important;padding:2px 7px!important;border-radius:9px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#334155!important;font-size:10.5px!important;font-weight:900!important;}
.attempt-chip .chip-risk-note{background:#fff1f2!important;border-color:#fecaca!important;color:#9f1239!important;}
.attempt-chip .chip-red-reason,.attempts-red-reason{display:none!important;}
.attempt-chip .chip-csr{font-size:12px!important;font-weight:950!important;color:#475569!important;line-height:1.05!important;}
.attempt-chip .chip-time{font-size:11px!important;font-weight:950!important;color:#64748b!important;line-height:1.05!important;}
.risk-remark-help{background:#fff7ed!important;border:1px solid #fed7aa!important;border-left:4px solid #f97316!important;border-radius:12px!important;padding:9px 10px!important;color:#9a3412!important;}
.risk-remark-help b{display:block!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
.risk-remark-help span{display:block!important;margin-top:3px!important;font-size:12px!important;font-weight:850!important;}
.remark-row label{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
.remark-required-note{font-size:11px!important;color:#9a3412!important;background:#fff7ed!important;border:1px solid #fed7aa!important;border-radius:999px!important;padding:3px 8px!important;}
.remark-cnf-error{display:none;margin-top:6px;background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:10px;padding:7px 9px;font-size:12px;font-weight:900;}
.remark-cnf-error.show{display:block!important;}
.remark-row.has-error textarea{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.13)!important;background:#fff7f7!important;}
.prev-attempt-panel{background:linear-gradient(180deg,#f8fafc,#fff)!important;border:1px solid #dbe4ef!important;border-radius:16px!important;padding:12px!important;}
.prev-title{font-size:12px!important;font-weight:950!important;color:#0f172a!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin-bottom:10px!important;}
.prev-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.prev-attempt-item{background:#fff!important;border:1px solid #dbe4ef!important;border-radius:13px!important;padding:9px!important;min-width:0!important;box-shadow:0 4px 12px rgba(15,23,42,.04)!important;}
.prev-top{display:flex!important;align-items:center!important;gap:6px!important;margin-bottom:6px!important;}
.prev-top b{background:#0f172a!important;color:#fff!important;border-radius:8px!important;padding:4px 7px!important;font-size:11px!important;}
.prev-top span{background:#eef2ff!important;color:#1d4ed8!important;border-radius:999px!important;padding:4px 8px!important;font-size:10px!important;font-weight:950!important;}
.prev-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:6px!important;}
.prev-meta strong{font-size:11px!important;color:#334155!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.prev-meta small{font-size:10px!important;color:#64748b!important;font-weight:850!important;white-space:nowrap!important;}
.prev-note{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border:1px solid #e2e8f0!important;background:#f8fafc!important;border-radius:9px!important;padding:5px 7px!important;font-size:11px!important;font-weight:850!important;color:#334155!important;}
.prev-risk-note{background:#fff1f2!important;border-color:#fecaca!important;color:#9f1239!important;}
.prev-empty{background:#fff!important;border:1px dashed #cbd5e1!important;border-radius:12px!important;padding:10px!important;font-size:12px!important;color:#64748b!important;font-weight:850!important;}
@media(max-width:900px){.prev-grid{grid-template-columns:1fr!important;}}


/* V3.14.3 Attempt note outside card */
.attempts-compact{
  align-items:flex-start!important;
}
.attempt-chip{
  overflow:visible!important;
}
.attempt-chip.has-note{
  margin-bottom:24px!important;
}
.attempt-chip .chip-note{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 5px)!important;
  display:block!important;
  width:100%!important;
  height:20px!important;
  max-height:20px!important;
  min-height:20px!important;
  line-height:18px!important;
  padding:1px 8px!important;
  border-radius:8px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:10.5px!important;
  font-weight:950!important;
  box-shadow:none!important;
  z-index:3!important;
}
.attempt-chip .chip-risk-note{
  background:#fff1f2!important;
  border:1px solid #fecaca!important;
  color:#9f1239!important;
}
.attempt-chip:not(.has-risk-note) .chip-note{
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  color:#334155!important;
}
.attempt-chip .chip-csr,
.attempt-chip .chip-time{
  display:block!important;
  width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.attempt-chip .chip-csr{
  margin-top:2px!important;
}
.prev-attempt-panel{
  margin-top:16px!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  border:1px solid #dbe4ef!important;
  border-radius:18px!important;
  padding:12px!important;
}
.prev-title{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:12px!important;
  color:#0f172a!important;
}
.prev-title:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#2563eb;
  box-shadow:0 0 0 4px #dbeafe;
}
.prev-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.prev-attempt-item{
  border-radius:14px!important;
  border:1px solid #dbe4ef!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(15,23,42,.04)!important;
}
.prev-note{
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-height:22px!important;
}
.prev-risk-note{
  background:#fff1f2!important;
  border-color:#fecaca!important;
  color:#9f1239!important;
}
@media(max-width:900px){
  .attempt-chip.has-note{margin-bottom:24px!important;}
  .prev-grid{grid-template-columns:1fr!important;}
}


/* V3.15 Manage Orders date overview + upload pagination */
.manage-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.manage-card-head h2{margin:0 0 4px!important}
.mini-pagination{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mini-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;border-radius:10px;border:1px solid #dbe4ef;background:#fff;color:#334155;font-size:12px;font-weight:950}
.mini-pagination a.active{background:#0f172a;color:#fff;border-color:#0f172a}
.upload-history-card table th,.upload-history-card table td{white-space:nowrap}
.delete-orders-zone{border:1px solid #fecaca!important;background:linear-gradient(180deg,#fff,#fff7f7)!important;border-radius:20px!important;padding:18px!important}
.delete-zone-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.delete-zone-head h3{margin:0 0 5px!important;color:#991b1b}
.delete-warning-pill{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.delete-date-form{background:#fff;border:1px solid #fecaca;border-radius:16px;padding:12px;margin-bottom:14px}
.date-picked-flash{animation:datePickFlash 1.1s ease}
@keyframes datePickFlash{0%{box-shadow:0 0 0 0 rgba(239,68,68,.45)}100%{box-shadow:0 0 0 14px rgba(239,68,68,0)}}
.date-overview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;background:#0f172a;color:#fff;border-radius:16px;padding:14px;margin-top:10px}
.date-overview-head b{display:block;font-size:18px}
.date-overview-head span{font-size:12px;color:#cbd5e1;font-weight:750}
.date-total-strip{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.date-total-strip span{display:flex;flex-direction:column;min-width:74px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:12px;padding:8px 10px;text-align:center;color:#dbeafe}
.date-total-strip span b{font-size:18px;color:#fff}
.date-overview-scroll{max-height:430px;overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:10px}
.date-overview-table{margin:0}
.date-overview-table th{position:sticky;top:0;background:#fff7ed!important;color:#7c2d12!important;border-top:0!important;z-index:2}
.date-overview-table td{vertical-align:middle!important}
.date-overview-table td:first-child b{display:block;color:#0f172a}
.date-overview-table td:first-child small{display:block;color:#64748b;font-size:10px;margin-top:3px}
.date-count{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:30px;border-radius:999px;font-weight:950;border:1px solid #e2e8f0;background:#f8fafc}
.date-count.total{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.date-count.pending{background:#f8fafc;color:#334155}
.date-count.cnf{background:#dcfce7;border-color:#bbf7d0;color:#166534}
.date-count.cxl{background:#fee2e2;border-color:#fecaca;color:#991b1b}
.date-count.old{background:#e2e8f0;color:#475569}
.date-count.rto{background:#ffedd5;border-color:#fed7aa;color:#c2410c}
.use-date-btn{background:#fff!important;color:#991b1b!important;border:1px solid #fecaca!important;border-radius:999px!important;padding:7px 11px!important;font-size:11px!important}
.use-date-btn:hover{background:#fee2e2!important}
.date-overview-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:14px;color:#64748b;font-weight:850;margin-top:10px}
@media(max-width:1000px){.date-overview-head,.delete-zone-head,.manage-card-head{flex-direction:column}.date-total-strip{justify-content:flex-start}}


/* V3.22 Modular Structure Phase 1 */
.manage-top-note{margin-bottom:12px!important}.manage-control-center{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin:12px 0 14px}.control-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px 16px;box-shadow:0 6px 22px rgba(15,23,42,.04);position:relative;overflow:hidden}.control-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#2563eb}.control-kpi span{display:block;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.control-kpi b{display:block;font-size:28px;line-height:1.05;margin:5px 0;color:#0f172a}.control-kpi small{color:#64748b;font-weight:800}.control-kpi.accent-orange:before{background:#f59e0b}.control-kpi.accent-red:before{background:#ef4444}.control-kpi.accent-amber:before{background:#f97316}.control-kpi.accent-slate:before{background:#64748b}.manage-tabs{display:flex;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:8px;margin:0 0 14px;position:sticky;top:74px;z-index:12;box-shadow:0 10px 28px rgba(15,23,42,.06)}.manage-tabs a{display:inline-flex;align-items:center;gap:7px;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;border-radius:999px;padding:10px 14px;font-weight:950;font-size:13px}.manage-tabs a span{font-size:14px}.manage-tabs a.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 8px 18px rgba(15,23,42,.18)}.manage-tab-grid.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card-title-row,.manage-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.soft-pill{display:inline-flex;align-items:center;border-radius:999px;background:#eef2ff;color:#1d4ed8;border:1px solid #c7d2fe;padding:5px 9px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.green-soft{background:#dcfce7;color:#166534;border-color:#86efac}.red-soft{background:#fee2e2;color:#991b1b;border-color:#fecaca}.blue-soft{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.last-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px;margin:10px 0}.last-summary b{display:block;font-size:14px;color:#0f172a}.last-summary span{display:block;margin-top:4px;color:#64748b;font-weight:850}.activity-card{margin-top:16px}.activity-list{display:grid;gap:8px}.activity-list div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px;display:flex;gap:10px;align-items:center}.activity-list span{min-width:90px;color:#64748b;font-size:11px;font-weight:900}.quick-risk-add{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:end;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:12px;margin:12px 0}.quick-risk-add button{height:38px}.date-row-actions{display:flex;gap:7px;align-items:center}.view-date-btn{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:950}.use-date-btn{background:#fff!important;color:#991b1b!important;border:1px solid #fecaca!important;border-radius:999px!important;padding:7px 11px!important;font-size:11px!important}@media(max-width:1200px){.manage-control-center{grid-template-columns:repeat(2,1fr)}.manage-tab-grid.two-col{grid-template-columns:1fr}.manage-tabs{position:static}.quick-risk-add{grid-template-columns:1fr}}@media(max-width:640px){.manage-control-center{grid-template-columns:1fr}.activity-list div{display:block}.activity-list span{display:block;margin-bottom:4px}}


/* V3.17 old/RTO layout + CXL old data */
.compact-cxl-old{
  background:#fff1f2!important;
  border:1px dashed #fca5a5!important;
  color:#991b1b!important;
  opacity:.82!important;
}
.compact-cxl-old .chip-head span{
  background:#ef4444!important;
  color:#fff!important;
}
.compact-cxl-old b,.compact-cxl-old small{color:#991b1b!important;}
.inline-recheck-panel{margin-top:16px!important;border-color:#bfdbfe!important;background:linear-gradient(180deg,#ffffff,#eff6ff)!important;}
.manage-tabs a{white-space:nowrap!important;}
.upload-history-card{margin-top:16px!important;}


/* V3.18 fullscreen calling + RTO UI */
.order-tools-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:6px 0 10px!important;
  padding:8px 10px!important;
  background:#f8fafc!important;
  border:1px solid #dbe4ef!important;
  border-radius:12px!important;
}
.order-tools-toggle button{
  height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid #bfdbfe!important;
  background:#eff6ff!important;
  color:#1d4ed8!important;
  font-size:12px!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.order-tools-toggle span{font-size:11px!important;color:#64748b!important;font-weight:850!important;}
.order-extra-tools.is-collapsed{display:none!important;}
.order-extra-tools:not(.is-collapsed){display:block!important;}
.mockup-table-wrap{
  position:relative!important;
  max-height:calc(100vh - 146px)!important;
  overflow:auto!important;
  scroll-padding-top:52px!important;
}
.order-extra-tools:not(.is-collapsed) + form + .mockup-table-wrap,
.order-extra-tools:not(.is-collapsed) ~ .mockup-table-wrap{max-height:calc(100vh - 265px)!important;}
.mockup-table th,
.sheet-table.mockup-table th{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  height:42px!important;
  line-height:42px!important;
  vertical-align:middle!important;
  box-shadow:0 2px 0 rgba(15,23,42,.16)!important;
}
.compact-cxl-old{
  background:#f8fafc!important;
  border:1px dashed #cbd5e1!important;
  color:#94a3b8!important;
  opacity:.55!important;
  box-shadow:none!important;
}
.compact-cxl-old .chip-head span{
  background:#e2e8f0!important;
  color:#94a3b8!important;
}
.compact-cxl-old b,.compact-cxl-old small{color:#94a3b8!important;}
.rto-row td{
  background:#fff!important;
}
.rto-row td:first-child{
  box-shadow:inset 4px 0 0 #f59e0b!important;
}
.mobile-rto-highlight{
  background:#f59e0b!important;
  border:1px solid #d97706!important;
  border-radius:10px!important;
  padding:6px 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:86px!important;
  box-shadow:0 6px 16px rgba(245,158,11,.18)!important;
}
.mobile-rto-highlight .mobile-main{
  color:#111827!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
}
.rto-attempt-chip{
  background:linear-gradient(180deg,#fff7ed,#ffedd5)!important;
  border-color:#f59e0b!important;
  color:#7c2d12!important;
  box-shadow:0 6px 16px rgba(245,158,11,.14)!important;
}
.rto-attempt-chip .chip-head span{
  background:#f59e0b!important;
  color:#111827!important;
}
.rto-attempt-chip b,
.rto-attempt-chip small,
.rto-attempt-chip em{
  color:#7c2d12!important;
}
.rto-attempt-chip.compact-working,
.rto-attempt-chip.compact-live{
  background:linear-gradient(180deg,#fff7ed,#fde68a)!important;
  border:2px solid #f59e0b!important;
  box-shadow:0 0 0 3px rgba(245,158,11,.14),0 8px 18px rgba(245,158,11,.16)!important;
}
.rto-modal{
  border:2px solid #f59e0b!important;
  box-shadow:0 24px 70px rgba(245,158,11,.20),0 18px 46px rgba(15,23,42,.22)!important;
}
.rto-modal .modal-head{
  background:linear-gradient(90deg,#111827,#7c2d12)!important;
}
.rto-modal .hero-panel:first-child{
  border-left:5px solid #f59e0b!important;
}
.rto-panel{
  background:linear-gradient(180deg,#fff7ed,#fffbeb)!important;
  border-color:#f59e0b!important;
  color:#7c2d12!important;
}


/* V3.19 final calling dashboard polish */
body:has(.calling-titlebar) main,
body:has(.calling-titlebar) .container{
  padding-bottom:8px!important;
}
.calling-titlebar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:8px 0 8px!important;
}
.calling-titlebar h1{
  margin:0!important;
  font-size:24px!important;
  line-height:1.1!important;
  letter-spacing:-.03em!important;
}
.calling-title-sub{
  display:block!important;
  margin-top:2px!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:850!important;
}
.order-tools-toggle{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  justify-content:flex-end!important;
}
.order-tools-toggle button{
  height:32px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid #bfdbfe!important;
  background:#eff6ff!important;
  color:#1d4ed8!important;
  font-size:12px!important;
  font-weight:950!important;
  box-shadow:0 4px 12px rgba(37,99,235,.08)!important;
}
.order-tools-toggle button:hover{
  background:#dbeafe!important;
  transform:translateY(-1px);
}
.order-extra-tools{
  margin-bottom:8px!important;
}
.mockup-table-wrap{
  margin-top:0!important;
  max-height:calc(100vh - 190px)!important;
  height:calc(100vh - 190px)!important;
  min-height:420px!important;
  overflow:auto!important;
  border-radius:18px 18px 12px 12px!important;
}
.order-extra-tools:not(.is-collapsed) ~ .mockup-table-wrap,
.order-extra-tools:not(.is-collapsed) + form + .mockup-table-wrap{
  max-height:calc(100vh - 340px)!important;
  height:calc(100vh - 340px)!important;
}
.mockup-table,
.sheet-table.mockup-table{
  min-height:auto!important;
}
.mockup-table th,
.sheet-table.mockup-table th{
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  height:42px!important;
  line-height:42px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  vertical-align:middle!important;
  box-shadow:0 2px 0 rgba(15,23,42,.18),0 8px 14px rgba(15,23,42,.08)!important;
}
.calling-pagination-card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:8px 0 0!important;
  padding:8px 12px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid #dbe4ef!important;
  border-radius:14px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
}
.calling-pagination-card .small{
  margin:0!important;
  white-space:nowrap!important;
}
.calling-pagination-card .pagination{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.pagination{
  gap:6px!important;
}
.page-btn,.page-num{
  height:30px!important;
  min-width:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.closed-row:not(.rto-row) td{
  background:#f8fafc!important;
}
@media(max-width:900px){
  .calling-titlebar{align-items:flex-start!important;flex-direction:column!important;}
  .calling-pagination-card{align-items:flex-start!important;flex-direction:column!important;}
  .mockup-table-wrap{height:calc(100vh - 225px)!important;max-height:calc(100vh - 225px)!important;}
}


/* V3.20 final screen usage + attempt/modal polish */
.top{
  position:sticky!important;
  top:0!important;
  z-index:900!important;
}
.calling-titlebar{
  position:sticky!important;
  top:52px!important;
  z-index:80!important;
  background:linear-gradient(180deg,#f8fbff,#f3f6fb)!important;
  margin:0 -4px 8px!important;
  padding:8px 6px!important;
  border-bottom:1px solid #e2e8f0!important;
}
.calling-titlebar h1{font-size:22px!important;}
.mockup-table-wrap{
  height:calc(100vh - 145px)!important;
  max-height:calc(100vh - 145px)!important;
  min-height:520px!important;
  margin-bottom:0!important;
}
.order-extra-tools:not(.is-collapsed) ~ .mockup-table-wrap,
.order-extra-tools:not(.is-collapsed) + form + .mockup-table-wrap{
  height:calc(100vh - 315px)!important;
  max-height:calc(100vh - 315px)!important;
}
.calling-pagination-card{
  position:sticky!important;
  bottom:0!important;
  z-index:70!important;
  margin:0!important;
  border-radius:0 0 16px 16px!important;
  padding:7px 12px!important;
}
.calling-pagination-card .small{font-size:11px!important;}
.page-btn,.page-num{height:28px!important;min-width:28px!important;font-size:11px!important;}
.mockup-table th,.sheet-table.mockup-table th{
  top:0!important;
  z-index:150!important;
}

/* Completed CNF/CXL attempts: disabled card, only status color remains */
.attempt-chip.compact-done.compact-CNF,
.attempt-chip.compact-done.compact-CXL{
  background:#f8fafc!important;
  border:1px dashed #d6e0ec!important;
  border-left:4px solid #cbd5e1!important;
  box-shadow:none!important;
  opacity:.72!important;
}
.attempt-chip.compact-done.compact-CNF .chip-status{
  background:#dcfce7!important;
  color:#15803d!important;
  border:1px solid #86efac!important;
}
.attempt-chip.compact-done.compact-CXL .chip-status{
  background:#fee2e2!important;
  color:#b91c1c!important;
  border:1px solid #fecaca!important;
}
.attempt-chip.compact-done.compact-CNF b,
.attempt-chip.compact-done.compact-CXL b{
  color:#334155!important;
}
.attempt-chip.compact-done.compact-CNF .chip-csr,
.attempt-chip.compact-done.compact-CXL .chip-csr{
  color:#475569!important;
}
.attempt-chip.compact-done.compact-CNF .chip-time,
.attempt-chip.compact-done.compact-CXL .chip-time{
  color:#64748b!important;
}

/* Attempt time/CSR hierarchy */
.attempt-chip .chip-csr{
  font-size:10.5px!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  color:#0f172a!important;
}
.attempt-chip .chip-time{
  display:inline-flex!important;
  width:auto!important;
  margin-top:3px!important;
  padding:2px 6px!important;
  border-radius:999px!important;
  background:#f1f5f9!important;
  border:1px solid #e2e8f0!important;
  color:#475569!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.1!important;
}
.attempt-chip .chip-note{
  font-size:10px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  line-height:16px!important;
}
.attempt-chip.compact-ready{
  box-shadow:0 0 0 3px rgba(34,197,94,.12),0 8px 18px rgba(22,163,74,.14)!important;
}

/* Modal always above header */
.modal-bg{
  z-index:9000!important;
  align-items:flex-start!important;
  padding-top:22px!important;
}
.modal{
  z-index:9001!important;
  max-height:94vh!important;
}
.modal-head{
  z-index:9002!important;
}

/* Normal popup subtle green workspace; RTO remains orange via existing rto-modal rules */
.modal:not(.rto-modal){
  background:linear-gradient(180deg,#f0fdf4 0,#ffffff 130px)!important;
  border:1px solid #bbf7d0!important;
}
.modal:not(.rto-modal) .modal-head{
  background:linear-gradient(90deg,#064e3b,#166534)!important;
  color:#fff!important;
}
.modal:not(.rto-modal) .modal-head .small{
  color:#d1fae5!important;
}
.modal:not(.rto-modal) .close-x{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
}
.modal:not(.rto-modal) .hero-panel{
  border-color:#bbf7d0!important;
}

/* Compact call result buttons */
.status-options{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(86px,1fr))!important;
  gap:7px!important;
  margin-top:8px!important;
}
.status-group-title{
  grid-column:1/-1!important;
  margin:6px 0 -2px!important;
  padding:0!important;
  font-size:10px!important;
  color:#64748b!important;
}
.status-options label{
  min-height:38px!important;
  height:38px!important;
  padding:6px 9px 6px 28px!important;
  border-radius:10px!important;
  font-size:13px!important;
  line-height:1!important;
  justify-content:center!important;
  align-items:flex-start!important;
  box-shadow:none!important;
}
.status-options label::before{
  width:12px!important;
  height:12px!important;
  left:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-width:1.5px!important;
}
.status-options input:checked + label::before{
  box-shadow:inset 0 0 0 3px #fff!important;
}
.status-options label span{
  display:block!important;
  margin-top:3px!important;
  font-size:8.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
.section-title{
  padding:8px 10px!important;
  margin-top:10px!important;
}
.remark-row textarea{
  min-height:64px!important;
}
.modal-savebar{
  padding:10px 12px!important;
}
@media(max-width:900px){
  .calling-titlebar{top:50px!important;}
  .mockup-table-wrap{height:calc(100vh - 175px)!important;max-height:calc(100vh - 175px)!important;min-height:360px!important;}
  .status-options{grid-template-columns:repeat(3,minmax(76px,1fr))!important;}
}


/* --------------------------------------------------------------------------
   V3.26.1 Header Pagination UI Fix - Global Shell
-------------------------------------------------------------------------- */
:root{
  --crm-bg:#f4f7fb;
  --crm-surface:#ffffff;
  --crm-surface-2:#f8fafc;
  --crm-text:#0f172a;
  --crm-muted:#64748b;
  --crm-border:#dbe4ef;
  --crm-soft-border:#e6edf7;
  --crm-primary:#2563eb;
  --crm-primary-dark:#1d4ed8;
  --crm-success:#16a34a;
  --crm-danger:#dc2626;
  --crm-warning:#f59e0b;
  --crm-shadow:0 12px 30px rgba(15,23,42,.08);
  --crm-shadow-soft:0 8px 20px rgba(15,23,42,.05);
  --crm-radius:18px;
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.09), transparent 28%),
    radial-gradient(circle at top right, rgba(34,197,94,.08), transparent 22%),
    var(--crm-bg)!important;
  color:var(--crm-text);
}
.wrap{max-width:100%!important;padding:14px 14px 86px!important}
.top.app-shell-header{
  background:linear-gradient(135deg,#07111f,#0f172a 55%,#12233e)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 26px rgba(2,6,23,.22)!important;
  backdrop-filter:blur(14px);
}
.brand-icon{
  background:linear-gradient(135deg,#22c55e,#84cc16)!important;
  color:#07111f!important;
  box-shadow:0 0 0 5px rgba(34,197,94,.12),0 12px 24px rgba(34,197,94,.22)!important;
}
.logo{letter-spacing:.02em}
.brand-sub{color:#a7b7cc!important}
.nav a{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.055)!important;
  color:#e5edf7!important;
  border-radius:999px!important;
  padding:8px 11px!important;
  transition:.16s ease!important;
}
.nav a:hover,.nav a.nav-main{
  background:rgba(37,99,235,.22)!important;
  border-color:rgba(147,197,253,.28)!important;
  transform:translateY(-1px);
}
.view-toggle{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  padding:3px!important;
}
.view-toggle a{border-radius:999px!important}
.user-chip-top{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.card{
  border:1px solid var(--crm-soft-border)!important;
  border-radius:var(--crm-radius)!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:var(--crm-shadow-soft)!important;
}
.card h2{letter-spacing:-.01em}
h1{letter-spacing:-.035em;color:#0f172a}
.help-note{
  border-radius:16px!important;
  padding:13px 15px!important;
}
.alert{
  border:0!important;
  border-radius:16px!important;
  box-shadow:var(--crm-shadow-soft)!important;
  font-weight:800!important;
}
.alert.ok{background:linear-gradient(135deg,#dcfce7,#f0fdf4)!important;color:#166534!important}
.alert.err{background:linear-gradient(135deg,#fee2e2,#fff7ed)!important;color:#991b1b!important}
button,.btn,a.btn{
  border-radius:12px!important;
  font-weight:900!important;
  letter-spacing:.01em;
  transition:transform .14s ease, box-shadow .14s ease, opacity .14s ease!important;
}
button:hover,.btn:hover,a.btn:hover{transform:translateY(-1px)}
button:active,.btn:active,a.btn:active{transform:translateY(0)}
.btn.blue,button.btn.blue,button:not(.mini-delete):not(.copy-mobile-btn):not(.status-btn):not(.page-btn){
  box-shadow:0 10px 20px rgba(37,99,235,.16)!important;
}
.btn.green{box-shadow:0 10px 20px rgba(22,163,74,.16)!important}
.btn.red{box-shadow:0 10px 20px rgba(220,38,38,.14)!important}
input,select,textarea{
  border:1px solid #d8e2ef!important;
  border-radius:12px!important;
  background:#fff!important;
  transition:border-color .14s ease, box-shadow .14s ease!important;
}
input:focus,select:focus,textarea:focus{
  border-color:#93c5fd!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
  outline:0!important;
}
table{border-collapse:separate!important;border-spacing:0!important}
th{
  background:#f8fafc!important;
  color:#334155!important;
  font-size:11px!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
td{border-color:#edf2f8!important}
tr:hover td{background:#fbfdff}
.small{color:#64748b!important}
.version-badge{
  background:rgba(15,23,42,.92)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#dbeafe!important;
  box-shadow:0 12px 28px rgba(15,23,42,.24)!important;
  border-radius:999px!important;
}
.mini-edit{
  background:#eff6ff!important;
  color:#1d4ed8!important;
  border:1px solid #bfdbfe!important;
  border-radius:999px!important;
  font-weight:900!important;
  padding:5px 9px!important;
  text-decoration:none!important;
}
.mini-edit:hover{background:#dbeafe!important}
.danger-text{color:#991b1b!important}
.formgrid{gap:12px!important}
.formgrid label,.edit-form label,.backup-form label{
  color:#475569!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
}
body.form-submitting button[type="submit"],
form.is-submitting button[type="submit"],
form.is-submitting .btn{
  opacity:.72!important;
  pointer-events:none!important;
}
form.is-submitting button[type="submit"]::after,
form.is-submitting .btn.blue::after{
  content:" · Please wait";
  font-weight:800;
}


/* --------------------------------------------------------------------------
   V3.26.1 Header + Pagination Version Fix
   - Makes calling table header readable and premium.
   - Moves version badge out of fixed bottom-right so pagination is not blocked.
-------------------------------------------------------------------------- */

/* Calling title/header readability */
.calling-titlebar{
  background:linear-gradient(135deg,#ffffff,#eef6ff)!important;
  border:1px solid #cfe0f7!important;
}
.calling-titlebar h1{
  color:#0f172a!important;
  opacity:1!important;
  text-shadow:none!important;
}
.calling-titlebar .calling-title-sub,
.calling-titlebar span{
  color:#475569!important;
  opacity:1!important;
}

/* Table header: dark premium header with crisp readable text */
.mockup-table th,
.sheet-table.mockup-table th,
.table-scroll .mockup-table th,
.table-scroll .sheet-table.mockup-table th{
  background:linear-gradient(180deg,#172033 0%,#0f172a 100%)!important;
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:none!important;
  border-top:3px solid #f97316!important;
  border-bottom:1px solid #243247!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.mockup-table th *,
.sheet-table.mockup-table th *{
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:none!important;
}
.mockup-table th.th-center,
.mockup-table th.th-attempts,
.sheet-table.mockup-table th.th-center,
.sheet-table.mockup-table th.th-attempts{
  text-align:center!important;
}

/* Keep ordinary admin/date overview headers readable too */
.card table th:not(.mockup-table th){
  color:#334155!important;
  opacity:1!important;
}

/* Version badge no longer floats over pagination */
.version-badge{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  z-index:auto!important;
  display:block!important;
  width:max-content!important;
  max-width:calc(100% - 30px)!important;
  margin:8px auto 14px!important;
  padding:6px 16px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#f8fafc 0%,#e5edf7 100%)!important;
  border:1px solid #d5e0ef!important;
  color:#94a3b8!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-shadow:1px 1px 0 rgba(255,255,255,.9)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(15,23,42,.06)!important;
  opacity:.82!important;
  pointer-events:none!important;
}

/* Pagination gets breathing room after version changed */
.calling-pagination-card{
  margin-bottom:6px!important;
}
.wrap{
  padding-bottom:20px!important;
}


/* --------------------------------------------------------------------------
   V3.26.2 Full Screen Delete UI Fix
   - Version moved into top MASH brand/header.
   - Bottom version badge removed.
   - Bulk delete bar removed; table header checkbox handles select-all delete.
   - Dashboard table gets more usable screen height.
-------------------------------------------------------------------------- */
.brand-sub.brand-version{
  color:#bfdbfe!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  margin-top:5px!important;
}
.version-badge{
  display:none!important;
}
.bulk-bar{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.calling-titlebar{
  margin-bottom:8px!important;
  padding:10px 14px!important;
}
.calling-titlebar h1{
  font-size:22px!important;
  line-height:1.05!important;
}
.calling-title-sub{
  color:#475569!important;
  font-weight:900!important;
  font-size:11px!important;
}
.order-extra-tools.is-collapsed{
  display:none!important;
}
.mockup-table-wrap,
.table-scroll.mockup-table-wrap{
  height:calc(100vh - 148px)!important;
  max-height:calc(100vh - 148px)!important;
  min-height:520px!important;
  margin-top:0!important;
}
.role-csr .mockup-table-wrap,
.role-csr .table-scroll.mockup-table-wrap{
  height:calc(100vh - 128px)!important;
  max-height:calc(100vh - 128px)!important;
}
.check-cell{
  text-align:center!important;
}
.select-all-delete,
.mockup-table .check-cell input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  accent-color:#ef4444!important;
  cursor:pointer!important;
  border-radius:6px!important;
}
.mockup-table th.check-cell{
  background:linear-gradient(180deg,#172033,#0f172a)!important;
}
.mockup-table .check-cell input[type="checkbox"]:hover{
  filter:drop-shadow(0 0 7px rgba(239,68,68,.55));
}
.calling-pagination-card{
  margin-top:6px!important;
  margin-bottom:0!important;
  padding:8px 12px!important;
}
.calling-pagination-card .small{
  margin:0 0 6px!important;
}
.wrap{
  padding-bottom:10px!important;
}
@media(max-width:760px){
  .mockup-table-wrap,.table-scroll.mockup-table-wrap{
    height:calc(100vh - 138px)!important;
    max-height:calc(100vh - 138px)!important;
    min-height:420px!important;
  }
}


/* --------------------------------------------------------------------------
   V3.26.3 Compact Delete UI + Admin CNF Button Polish
-------------------------------------------------------------------------- */
.brand-sub.brand-version{
  color:#bfdbfe!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
}
.calling-title-sub{
  color:#475569!important;
  font-weight:900!important;
}
.bulk-delete-floating{
  position:fixed!important;
  right:22px!important;
  top:140px!important;
  z-index:90!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#fff,#fef2f2)!important;
  border:1px solid #fecaca!important;
  box-shadow:0 18px 44px rgba(127,29,29,.18)!important;
  backdrop-filter:blur(12px)!important;
}
.bulk-delete-floating[hidden]{
  display:none!important;
}
.bulk-delete-floating span{
  color:#991b1b!important;
  font-size:12px!important;
  font-weight:950!important;
  min-width:78px!important;
  text-align:center!important;
}
.bulk-delete-floating .btn.red{
  height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ef4444,#b91c1c)!important;
  border:1px solid #991b1b!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(220,38,38,.22), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.select-all-delete{
  width:18px!important;
  height:18px!important;
  accent-color:#2563eb!important;
}
.select-all-delete:checked{
  filter:drop-shadow(0 0 6px rgba(37,99,235,.50));
}
.mockup-table .check-cell input[type="checkbox"]:checked{
  filter:drop-shadow(0 0 6px rgba(37,99,235,.40));
}

/* Admin CNF should look like a real premium button */
.admin-cnf-dashboard-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:68px!important;
  height:34px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#22c55e 0%,#16a34a 55%,#15803d 100%)!important;
  border:1px solid #0f7a35!important;
  color:#ffffff!important;
  font-size:13px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  box-shadow:
    0 12px 22px rgba(22,163,74,.28),
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -2px 0 rgba(0,0,0,.12)!important;
  transform:translateY(0)!important;
}
.admin-cnf-dashboard-btn::before{
  content:"✓";
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:15px!important;
  height:15px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.20)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  font-size:10px!important;
  color:#fff!important;
}
.admin-cnf-dashboard-btn:hover{
  filter:brightness(1.05)!important;
  transform:translateY(-1px)!important;
  box-shadow:
    0 14px 26px rgba(22,163,74,.35),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -2px 0 rgba(0,0,0,.12)!important;
}
.admin-cnf-dashboard-btn:active{
  transform:translateY(0)!important;
  box-shadow:0 7px 16px rgba(22,163,74,.25), inset 0 2px 4px rgba(0,0,0,.12)!important;
}
.mockup-table .admin-cnf-table-cell{
  overflow:visible!important;
}
@media(max-width:900px){
  .bulk-delete-floating{
    top:auto!important;
    right:12px!important;
    bottom:14px!important;
  }
}


/* --------------------------------------------------------------------------
   V3.26.4 Bulk Delete Left + Admin CNF Premium Two-line Button
-------------------------------------------------------------------------- */
.bulk-delete-floating{
  left:22px!important;
  right:auto!important;
  top:138px!important;
  transform:none!important;
  border-color:#bfdbfe!important;
  background:linear-gradient(135deg,#ffffff,#eff6ff)!important;
  box-shadow:0 18px 44px rgba(37,99,235,.16)!important;
}
.bulk-delete-floating span{
  color:#1e3a8a!important;
}
.bulk-delete-floating .btn.red{
  background:linear-gradient(180deg,#ef4444,#b91c1c)!important;
}
.mockup-table .check-cell input[type="checkbox"]:checked,
.select-all-delete:checked{
  accent-color:#2563eb!important;
}
.admin-cnf-dashboard-btn,
.admin-cnf-confirmed{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:70px!important;
  height:38px!important;
  padding:3px 10px!important;
  border-radius:13px!important;
  text-decoration:none!important;
  line-height:1!important;
  overflow:hidden!important;
}
.admin-cnf-dashboard-btn{
  background:linear-gradient(180deg,#22c55e 0%,#16a34a 58%,#15803d 100%)!important;
  border:1px solid #0f7a35!important;
  color:#fff!important;
  box-shadow:0 12px 22px rgba(22,163,74,.30), inset 0 1px 0 rgba(255,255,255,.30), inset 0 -2px 0 rgba(0,0,0,.13)!important;
}
.admin-cnf-dashboard-btn::before{
  display:none!important;
  content:none!important;
}
.admin-cnf-dashboard-btn .cnf-main,
.admin-cnf-confirmed .cnf-main{
  display:block!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.05em!important;
  color:inherit!important;
  text-transform:uppercase!important;
}
.admin-cnf-dashboard-btn .cnf-sub,
.admin-cnf-confirmed .cnf-sub{
  display:block!important;
  margin-top:2px!important;
  font-size:8px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  color:rgba(255,255,255,.88)!important;
  text-transform:uppercase!important;
}
.admin-cnf-dashboard-btn:hover{
  filter:brightness(1.05)!important;
  transform:translateY(-1px)!important;
}
.admin-cnf-dashboard-btn.is-loading{
  opacity:.72!important;
  pointer-events:none!important;
}
.admin-cnf-confirmed{
  background:linear-gradient(180deg,#ecfdf5,#dcfce7)!important;
  border:1px solid #86efac!important;
  color:#14532d!important;
  box-shadow:0 9px 18px rgba(22,163,74,.13), inset 0 1px 0 rgba(255,255,255,.65)!important;
}
.admin-cnf-confirmed .cnf-sub{
  color:#15803d!important;
}
.admin-cnf-confirmed em{
  display:block!important;
  margin-top:1px!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:950!important;
  color:#64748b!important;
  letter-spacing:.04em!important;
}
@media(max-width:900px){
  .bulk-delete-floating{
    left:12px!important;
    right:auto!important;
    bottom:14px!important;
    top:auto!important;
  }
}


/* --------------------------------------------------------------------------
   V3.26.5 Confirmed Admin Done State + Ajax Popup UX
-------------------------------------------------------------------------- */
body.modal-open{
  overflow:hidden!important;
}
.admin-cnf-confirmed.admin-cnf-done{
  min-width:74px!important;
  height:38px!important;
  cursor:default!important;
  pointer-events:none!important;
  opacity:.92!important;
  background:linear-gradient(180deg,#f1f5f9,#e2e8f0)!important;
  border:1px solid #cbd5e1!important;
  color:#334155!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82), inset 0 -1px 0 rgba(15,23,42,.08)!important;
}
.admin-cnf-confirmed.admin-cnf-done .cnf-main{
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.035em!important;
  color:#334155!important;
  text-transform:uppercase!important;
}
.admin-cnf-confirmed.admin-cnf-done .cnf-sub{
  font-size:8px!important;
  font-weight:1000!important;
  letter-spacing:.07em!important;
  color:#64748b!important;
  text-transform:uppercase!important;
}
.admin-cnf-confirmed.admin-cnf-done em{
  display:none!important;
}
.attempt-chip.is-loading,
.attempt-summary-link.is-loading,
.attempt-call.is-loading{
  opacity:.62!important;
  pointer-events:none!important;
  position:relative!important;
}
.attempt-chip.is-loading::after,
.attempt-summary-link.is-loading::after,
.attempt-call.is-loading::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:inherit;
  border:2px solid rgba(37,99,235,.18);
  border-top-color:rgba(37,99,235,.75);
  animation:crmSpin .7s linear infinite;
}
@keyframes crmSpin{to{transform:rotate(360deg)}}
.modal-bg{
  animation:crmModalFade .12s ease-out both;
}
.modal{
  animation:crmModalPop .16s ease-out both;
}
@keyframes crmModalFade{from{opacity:0}to{opacity:1}}
@keyframes crmModalPop{from{opacity:.8;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}


/* --------------------------------------------------------------------------
   V3.26.6 Latest Row Highlight + Live Chip Polish
-------------------------------------------------------------------------- */

/* Old active locks should not keep full green row highlight. Keep them subtle. */
.mockup-table tr.working-row td,
.sheet-table.mockup-table tr.working-row td{
  background:#ffffff!important;
  border-top:1px solid #e8eef6!important;
  border-bottom:1px solid #e8eef6!important;
  box-shadow:none!important;
}
.mockup-table tr.working-row td:first-child,
.sheet-table.mockup-table tr.working-row td:first-child{
  box-shadow:inset 4px 0 0 #f59e0b!important;
}

/* Only the latest working/admin action row gets the premium highlight. */
.mockup-table tr.latest-working-row td,
.sheet-table.mockup-table tr.latest-working-row td{
  background:linear-gradient(180deg,#f0fdf4,#ecfdf5)!important;
  border-top:2px solid #22c55e!important;
  border-bottom:2px solid #22c55e!important;
  box-shadow:none!important;
}
.mockup-table tr.latest-working-row td:first-child,
.sheet-table.mockup-table tr.latest-working-row td:first-child{
  box-shadow:inset 5px 0 0 #16a34a!important;
}
.mockup-table tr.latest-working-row td:last-child,
.sheet-table.mockup-table tr.latest-working-row td:last-child{
  box-shadow:inset -4px 0 0 #16a34a!important;
}

/* Focus animation should not permanently make old rows green. */
tr.focus-pulse:not(.latest-working-row) td{
  outline:none!important;
}

/* Live attempt chip: remove duplicate LIVE badge and make card cleaner. */
.compact-working:after,
.attempt-chip.compact-working:after,
.attempt-chip.compact-live:after{
  content:none!important;
  display:none!important;
}
.attempt-chip.compact-working,
.attempt-chip.compact-live{
  background:linear-gradient(180deg,#ecfdf5,#d1fae5)!important;
  border:1.5px solid #22c55e!important;
  color:#14532d!important;
  box-shadow:0 8px 18px rgba(22,163,74,.14), inset 0 1px 0 rgba(255,255,255,.66)!important;
  position:relative!important;
}
.attempt-chip.compact-working .chip-head,
.attempt-chip.compact-live .chip-head{
  align-items:center!important;
}
.attempt-chip.compact-working .chip-head .chip-status,
.attempt-chip.compact-live .chip-head .chip-status{
  background:#16a34a!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:2px 6px!important;
  font-size:8px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.attempt-chip.compact-working em,
.attempt-chip.compact-live em{
  color:#15803d!important;
  font-weight:950!important;
  font-size:9px!important;
  font-style:normal!important;
  margin-top:2px!important;
}

/* Confirmed Admin done state: compact, disabled, not button-like. */
.admin-cnf-confirmed.admin-cnf-done{
  min-width:76px!important;
  height:34px!important;
  padding:2px 8px!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#f8fafc,#e2e8f0)!important;
  border:1px solid #cbd5e1!important;
  color:#475569!important;
  cursor:default!important;
  pointer-events:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(15,23,42,.08)!important;
}
.admin-cnf-confirmed.admin-cnf-done .cnf-main{
  font-size:9px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.045em!important;
  color:#334155!important;
}
.admin-cnf-confirmed.admin-cnf-done .cnf-sub{
  font-size:7px!important;
  line-height:1!important;
  margin-top:3px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  color:#64748b!important;
}


/* --------------------------------------------------------------------------
   V3.26.7 Live Attempt Card + Time Layout
-------------------------------------------------------------------------- */

/* Live card should stand out from normal green/Admin cards */
.attempt-chip.compact-working,
.attempt-chip.compact-live{
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.55), transparent 32%),
    linear-gradient(180deg,#fff7ed 0%,#fed7aa 52%,#fdba74 100%)!important;
  border:2px solid #f97316!important;
  color:#7c2d12!important;
  box-shadow:
    0 0 0 3px rgba(249,115,22,.16),
    0 12px 26px rgba(249,115,22,.24),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
  position:relative!important;
}
.attempt-chip.compact-working::before,
.attempt-chip.compact-live::before{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:18px;
  border:2px solid rgba(249,115,22,.24);
  animation:crmLivePulse 1.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes crmLivePulse{
  0%,100%{opacity:.25;transform:scale(.99)}
  50%{opacity:.85;transform:scale(1.015)}
}
.attempt-chip.compact-working .chip-head b,
.attempt-chip.compact-live .chip-head b{
  color:#111827!important;
  font-size:16px!important;
  font-weight:1000!important;
}
.attempt-chip.compact-working .chip-head .chip-status,
.attempt-chip.compact-live .chip-head .chip-status{
  background:#ea580c!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:999px!important;
  padding:3px 8px!important;
  font-size:9px!important;
  font-weight:1000!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  box-shadow:0 5px 12px rgba(234,88,12,.25)!important;
}
.attempt-chip.compact-working .live-csr,
.attempt-chip.compact-live .live-csr{
  display:block!important;
  margin-top:5px!important;
  font-size:11px!important;
  font-weight:1000!important;
  color:#7c2d12!important;
  line-height:1.1!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.attempt-chip.compact-working .live-time,
.attempt-chip.compact-live .live-time{
  display:block!important;
  margin-top:3px!important;
  font-size:10px!important;
  font-weight:950!important;
  color:#9a3412!important;
  line-height:1.1!important;
  opacity:.96!important;
}
.attempt-chip.compact-working em,
.attempt-chip.compact-live em{
  display:block!important;
  margin-top:4px!important;
  color:#7c2d12!important;
  font-size:10px!important;
  font-weight:1000!important;
  font-style:normal!important;
}
.attempt-chip.compact-working:after,
.attempt-chip.compact-live:after{
  content:none!important;
  display:none!important;
}

/* --------------------------------------------------------------------------
   V3.26.8 Live Card Compact Text + Admin CNF Undo
-------------------------------------------------------------------------- */
.attempt-chip.compact-working,
.attempt-chip.compact-live{
  background:radial-gradient(circle at top right, rgba(255,255,255,.38), transparent 34%), linear-gradient(180deg,#fff7ed 0%,#fed7aa 55%,#fdba74 100%)!important;
  border:2px solid #f97316!important;
  color:#7c2d12!important;
  box-shadow:0 0 0 3px rgba(249,115,22,.14), 0 10px 22px rgba(249,115,22,.22), inset 0 1px 0 rgba(255,255,255,.7)!important;
  min-height:72px!important;
  padding:8px 8px!important;
}
.attempt-chip.compact-working::before,
.attempt-chip.compact-live::before{
  content:'';
  position:absolute;
  inset:-4px;
  border-radius:18px;
  border:2px solid rgba(249,115,22,.22);
  animation:crmLivePulse3268 1.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes crmLivePulse3268{0%,100%{opacity:.3;transform:scale(.992)}50%{opacity:.9;transform:scale(1.015)}}
.attempt-chip.compact-working .chip-head,
.attempt-chip.compact-live .chip-head{align-items:center!important;gap:6px!important}
.attempt-chip.compact-working .chip-head b,
.attempt-chip.compact-live .chip-head b{font-size:14px!important;line-height:1!important;color:#111827!important;font-weight:1000!important}
.attempt-chip.compact-working .chip-head .chip-status,
.attempt-chip.compact-live .chip-head .chip-status{
  background:#ea580c!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:3px 8px!important;
  font-size:9px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:0 6px 14px rgba(234,88,12,.22)!important;
  animation:crmLiveBlink3268 .9s ease-in-out infinite alternate;
}
@keyframes crmLiveBlink3268{from{opacity:1;transform:scale(1)}to{opacity:.55;transform:scale(1.03)}}
.attempt-chip.compact-working .live-csr,
.attempt-chip.compact-live .live-csr{
  display:block!important;
  margin-top:6px!important;
  font-size:11px!important;
  font-weight:1000!important;
  color:#7c2d12!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.attempt-chip.compact-working .live-time,
.attempt-chip.compact-live .live-time{
  display:block!important;
  margin-top:4px!important;
  font-size:10px!important;
  font-weight:950!important;
  color:#9a3412!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:none!important;
  border:none!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.attempt-chip.compact-working em,
.attempt-chip.compact-live em{display:none!important}
.admin-cnf-confirmed.admin-cnf-done{
  position:relative!important;
  min-width:84px!important;
  height:42px!important;
  padding:6px 18px 6px 10px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#f8fafc,#e2e8f0)!important;
  border:1px solid #cbd5e1!important;
  color:#475569!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(15,23,42,.08)!important;
  pointer-events:auto!important;
}
.admin-cnf-confirmed.admin-cnf-done .cnf-main{
  font-size:9px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.045em!important;
  color:#334155!important;
  text-transform:uppercase!important;
}
.admin-cnf-confirmed.admin-cnf-done .cnf-sub{
  font-size:7px!important;
  line-height:1!important;
  margin-top:3px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  color:#64748b!important;
  text-transform:uppercase!important;
}
.admin-cnf-confirmed.admin-cnf-done .admin-cnf-remove{
  position:absolute!important;
  top:5px!important;
  right:5px!important;
  width:14px!important;
  height:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  border-radius:5px!important;
  background:#fee2e2!important;
  border:1px solid #fca5a5!important;
  color:#dc2626!important;
  font-size:11px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:none!important;
}
.admin-cnf-confirmed.admin-cnf-done .admin-cnf-remove:hover{background:#fecaca!important;color:#b91c1c!important;transform:translateY(-1px)}
.admin-cnf-confirmed.admin-cnf-done .admin-cnf-remove.is-loading{opacity:.7!important;pointer-events:none!important}


/* --------------------------------------------------------------------------
   V3.27 CNF Export Sent Flow
-------------------------------------------------------------------------- */
.sent-badge{
  display:inline-flex!important;
  margin-top:4px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:#e0f2fe!important;
  color:#075985!important;
  border:1px solid #7dd3fc!important;
  font-size:9px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
}
.compact-sent{
  background:linear-gradient(180deg,#f8fafc,#e2e8f0)!important;
  border:1px solid #cbd5e1!important;
  color:#475569!important;
  opacity:.78!important;
  box-shadow:none!important;
}
.compact-sent .chip-head span{
  background:#0ea5e9!important;
  color:#fff!important;
}
.compact-sent b,.compact-sent small{
  color:#475569!important;
}
.export-kpi-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:10px 0 12px!important;
}
.export-kpi-row div{
  border:1px solid #dbeafe!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  padding:12px!important;
}
.export-kpi-row span{
  display:block!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.export-kpi-row b{
  display:block!important;
  margin-top:4px!important;
  color:#0f172a!important;
  font-size:24px!important;
  line-height:1!important;
}
.cnf-export-history{
  display:grid!important;
  gap:10px!important;
  margin:10px 0 14px!important;
}
.cnf-export-item{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px!important;
  border-radius:16px!important;
  border:1px solid #dbe4ef!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(15,23,42,.04)!important;
}
.cnf-export-item.open{
  border-color:#bbf7d0!important;
  background:linear-gradient(180deg,#f0fdf4,#fff)!important;
}
.cnf-export-item.sent{
  background:#f8fafc!important;
  color:#64748b!important;
}
.cnf-export-item b{
  display:block!important;
  color:#0f172a!important;
  font-size:13px!important;
}
.cnf-export-item span{
  display:block!important;
  color:#334155!important;
  font-size:11px!important;
  max-width:360px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.cnf-export-item small{
  display:block!important;
  color:#64748b!important;
  font-size:10px!important;
  margin-top:3px!important;
}
.cnf-export-item .sent-line{
  color:#075985!important;
  font-weight:900!important;
}
.sent-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#e0f2fe!important;
  color:#075985!important;
  border:1px solid #7dd3fc!important;
  font-size:11px!important;
  font-weight:1000!important;
  padding:6px 10px!important;
}


/* --------------------------------------------------------------------------
   V3.27.1 Order Sent UI - grey/locked style, date only
-------------------------------------------------------------------------- */
.sent-badge.sent-lock-badge,
.sent-badge{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  width:max-content!important;
  max-width:92px!important;
  margin-top:5px!important;
  padding:5px 8px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#f8fafc,#e2e8f0)!important;
  color:#475569!important;
  border:1px solid #cbd5e1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88), inset 0 -1px 0 rgba(15,23,42,.06)!important;
  letter-spacing:0!important;
}
.sent-badge span{
  display:block!important;
  color:#334155!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.sent-badge small{
  display:block!important;
  color:#64748b!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

/* Sent attempt cards should look like locked/disabled, not highlighted blue */
.compact-sent,
.attempt-chip.compact-sent{
  background:linear-gradient(180deg,#f8fafc,#eef2f7)!important;
  border:1px dashed #cbd5e1!important;
  color:#64748b!important;
  opacity:.72!important;
  box-shadow:none!important;
}
.compact-sent .chip-head span,
.attempt-chip.compact-sent .chip-head span{
  background:#e2e8f0!important;
  color:#64748b!important;
  border:1px solid #cbd5e1!important;
}
.compact-sent b,
.compact-sent small,
.compact-sent .sent-date,
.attempt-chip.compact-sent b,
.attempt-chip.compact-sent small,
.attempt-chip.compact-sent .sent-date{
  color:#64748b!important;
}
.attempt-chip.compact-sent small{
  font-size:9px!important;
  font-weight:950!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.attempt-chip.compact-sent .sent-date{
  margin-top:2px!important;
  font-size:8px!important;
  font-weight:900!important;
}


/* --------------------------------------------------------------------------
   V3.27.2 Sent Admin CNF Lock
   - Sent Admin CNF orders cannot show undo cross.
-------------------------------------------------------------------------- */
.admin-cnf-confirmed.admin-cnf-sent-locked{
  padding-right:10px!important;
  cursor:default!important;
  pointer-events:none!important;
  opacity:.86!important;
}
.admin-cnf-confirmed.admin-cnf-sent-locked .admin-cnf-remove{
  display:none!important;
}


/* --------------------------------------------------------------------------
   V3.27.3 Delete Before Cleanup
-------------------------------------------------------------------------- */
.delete-before-zone{
  margin-top:16px!important;
  background:linear-gradient(180deg,#fff7ed,#fff)!important;
  border:1px solid #fed7aa!important;
}
.delete-before-zone .delete-warning-pill{
  background:#7c2d12!important;
  color:#fff!important;
}
.cleanup-hint-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:12px 0 14px!important;
}
.cleanup-hint-grid div{
  border:1px solid #fed7aa!important;
  border-radius:16px!important;
  background:#fff!important;
  padding:12px!important;
}
.cleanup-hint-grid span{
  display:block!important;
  color:#9a3412!important;
  font-size:11px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.cleanup-hint-grid b{
  display:block!important;
  margin-top:5px!important;
  color:#7c2d12!important;
  font-size:20px!important;
  line-height:1!important;
}
.delete-before-form{
  align-items:end!important;
}
.cleanup-log-card{
  margin-top:16px!important;
  border:1px solid #dbe4ef!important;
  border-radius:18px!important;
}
.cleanup-log-card table th{
  white-space:nowrap!important;
}
.cleanup-log-card table td{
  vertical-align:top!important;
}
@media(max-width:760px){
  .cleanup-hint-grid{
    grid-template-columns:1fr!important;
  }
}


/* --------------------------------------------------------------------------
   V3.27.4 Call Result Manager + Compact Popup Result UI
-------------------------------------------------------------------------- */
.compact-call-result-title{
  margin-top:8px!important;
  margin-bottom:8px!important;
}
.status-options.status-options-v3274{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin-top:6px!important;
}
.call-status-section{
  border:1px solid #dbe4ef!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;
  padding:8px!important;
}
.call-status-section.call-status-positive{
  border-color:#bbf7d0!important;
  background:linear-gradient(180deg,#f0fdf4,#ffffff)!important;
}
.call-status-section.call-status-not_connected{
  border-color:#fde68a!important;
  background:linear-gradient(180deg,#fffbeb,#ffffff)!important;
}
.call-status-section.call-status-invalid_closed{
  border-color:#e2e8f0!important;
  background:linear-gradient(180deg,#f8fafc,#ffffff)!important;
}
.call-status-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-bottom:7px!important;
}
.call-status-title span{
  font-size:10px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.10em!important;
  color:#334155!important;
}
.call-status-title small{
  display:inline-flex!important;
  min-width:20px!important;
  height:20px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#e2e8f0!important;
  color:#475569!important;
  font-size:10px!important;
  font-weight:1000!important;
}
.call-status-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(96px,1fr))!important;
  gap:7px!important;
}
.call-status-item{
  min-width:0!important;
}
.call-status-item input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.call-status-item label{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:40px!important;
  height:40px!important;
  padding:7px 9px 7px 30px!important;
  border-radius:12px!important;
  border:1px solid #cbd5e1!important;
  background:#fff!important;
  box-shadow:0 6px 14px rgba(15,23,42,.04)!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
.call-status-item label::before{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:12px!important;
  height:12px!important;
  border-radius:999px!important;
  border:2px solid #cbd5e1!important;
  background:#fff!important;
}
.call-status-item input:checked + label{
  border-color:#2563eb!important;
  background:#eff6ff!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;
}
.call-status-item input:checked + label::before{
  border-color:#2563eb!important;
  background:#2563eb!important;
  box-shadow:inset 0 0 0 3px #fff!important;
}
.call-status-item label b{
  display:block!important;
  min-width:34px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:1000!important;
  color:#0f172a!important;
}
.call-status-item label span{
  display:block!important;
  min-width:0!important;
  font-size:9px!important;
  line-height:1.08!important;
  font-weight:900!important;
  color:#64748b!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* Admin call result manager */
.call-result-admin-card .admin-section-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin-bottom:14px!important;
}
.call-result-add-form{
  display:grid!important;
  grid-template-columns:1.1fr .8fr 1.5fr .65fr .9fr .8fr auto!important;
  gap:10px!important;
  align-items:end!important;
  border:1px solid #dbeafe!important;
  border-radius:18px!important;
  padding:12px!important;
  background:#f8fbff!important;
  margin-bottom:14px!important;
}
.call-result-manager-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.call-result-group-card{
  border:1px solid #dbe4ef!important;
  border-radius:18px!important;
  background:#fff!important;
  padding:12px!important;
  min-width:0!important;
}
.call-result-group-card.status-admin-positive{border-color:#bbf7d0!important;background:linear-gradient(180deg,#f0fdf4,#fff)!important;}
.call-result-group-card.status-admin-not_connected{border-color:#fde68a!important;background:linear-gradient(180deg,#fffbeb,#fff)!important;}
.call-result-group-card.status-admin-invalid_closed{border-color:#e2e8f0!important;background:linear-gradient(180deg,#f8fafc,#fff)!important;}
.call-result-group-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  margin-bottom:10px!important;
}
.call-result-group-head b{
  display:block!important;
  color:#0f172a!important;
  font-size:15px!important;
}
.call-result-group-head span{
  display:block!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:850!important;
}
.status-admin-row{
  display:grid!important;
  grid-template-columns:64px minmax(100px,1fr)!important;
  gap:7px!important;
  padding:8px!important;
  border:1px solid #e2e8f0!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.78)!important;
  margin-bottom:8px!important;
}
.status-admin-code input{
  font-weight:1000!important;
  text-transform:uppercase!important;
  text-align:center!important;
}
.status-admin-label{
  min-width:0!important;
}
.status-admin-selects{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:1.2fr .8fr .75fr 58px!important;
  gap:6px!important;
}
.status-admin-actions{
  grid-column:1/-1!important;
  display:flex!important;
  gap:6px!important;
  align-items:center!important;
}
.status-admin-actions form{
  margin:0!important;
}
.status-admin-actions button{
  min-height:30px!important;
  padding:6px 10px!important;
  border-radius:10px!important;
}
.core-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#e2e8f0!important;
  color:#475569!important;
  font-size:11px!important;
  font-weight:950!important;
}
@media(max-width:1200px){
  .call-result-manager-grid{grid-template-columns:1fr!important;}
  .call-result-add-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .call-status-grid{grid-template-columns:repeat(2,minmax(86px,1fr))!important;}
  .call-result-add-form,.status-admin-selects{grid-template-columns:1fr!important;}
}


/* --------------------------------------------------------------------------
   V3.27.4.2 Clear Active Locks
-------------------------------------------------------------------------- */
.clear-active-locks-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#fff7ed,#fed7aa)!important;
  border:1px solid #fb923c!important;
  color:#9a3412!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  box-shadow:0 8px 18px rgba(249,115,22,.12), inset 0 1px 0 rgba(255,255,255,.75)!important;
  white-space:nowrap!important;
}
.clear-active-locks-btn:hover{
  background:linear-gradient(180deg,#ffedd5,#fdba74)!important;
  color:#7c2d12!important;
  transform:translateY(-1px)!important;
}


/* --------------------------------------------------------------------------
   V3.27.4.3 Popup Stability Optimization
-------------------------------------------------------------------------- */
.clear-active-locks-btn{
  background:linear-gradient(180deg,#fff7ed,#fed7aa)!important;
  border-color:#fb923c!important;
  color:#9a3412!important;
}
.clear-active-locks-btn::before{
  content:"⚡";
  margin-right:5px;
  font-size:11px;
}


/* --------------------------------------------------------------------------
   V3.27.4.4 RedFlag/RTO Submit Fix
-------------------------------------------------------------------------- */
body.form-submitting form.attempt-save-form button[type="submit"],
form.attempt-save-form.is-submitting button[type="submit"],
form.attempt-save-form.is-submitting .btn{
  opacity:1!important;
  pointer-events:auto!important;
}
form.attempt-save-form.is-submitting button[type="submit"]::after,
form.attempt-save-form.is-submitting .btn.blue::after{
  content:none!important;
}


/* --------------------------------------------------------------------------
   V3.28.6 Fresh Inline Stable
-------------------------------------------------------------------------- */
.crm-inline-notice{
  position:fixed!important;
  left:50%!important;
  top:76px!important;
  transform:translateX(-50%) translateY(-8px)!important;
  z-index:9999!important;
  max-width:620px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#0f172a,#1e293b)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:0 18px 44px rgba(15,23,42,.28)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:.18s ease!important;
}
.crm-inline-notice.show{opacity:1!important;transform:translateX(-50%) translateY(0)!important}

tr.inline-merged-active-row td{
  background:linear-gradient(180deg,#ecfdf5,#f0fdf4)!important;
  border-top:3px solid #16a34a!important;
  border-left:0!important;
  border-right:0!important;
}
tr.inline-merged-active-row td:first-child{border-left:3px solid #16a34a!important}
tr.inline-merged-active-row td:last-child{border-right:3px solid #16a34a!important}
tr.inline-attempt-row td{
  background:#ecfdf5!important;
  border-left:3px solid #16a34a!important;
  border-right:3px solid #16a34a!important;
  border-bottom:3px solid #16a34a!important;
  padding:0 8px 8px!important;
}

.inline-stable-panel{
  padding:10px!important;
  border-radius:0 0 16px 16px!important;
  background:
    radial-gradient(circle at top left,rgba(34,197,94,.10),transparent 24%),
    linear-gradient(180deg,#ecfdf5 0%,#f3fcf6 55%,#ffffff 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 14px 34px rgba(22,163,74,.09)!important;
}
.inline-alert{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  margin-bottom:8px!important;
  font-size:12px!important;
  font-weight:850!important;
}
.inline-rto-alert{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important}
.inline-risk-alert{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important}

.inline-stable-grid{
  display:grid!important;
  grid-template-columns:minmax(360px,.38fr) minmax(940px,1fr)!important;
  gap:10px!important;
  align-items:stretch!important;
}
.inline-card{
  background:rgba(255,255,255,.92)!important;
  border:1px solid #dbeafe!important;
  border-radius:13px!important;
  padding:7px 8px!important;
  min-width:0!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
}
.inline-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-bottom:4px!important;
  min-height:14px!important;
}
.inline-head label{
  font-size:9px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#475569!important;
}
.inline-head span,.inline-head em{
  font-size:10px!important;
  font-weight:950!important;
  font-style:normal!important;
  color:#64748b!important;
}
.address-count-inline.ok{color:#15803d!important}
.address-count-inline.bad{color:#b91c1c!important}
.inline-address-card{min-height:120px!important}
.inline-address-field{
  height:86px!important;
  min-height:86px!important;
  resize:vertical!important;
  font-size:12px!important;
  line-height:1.3!important;
  padding:8px 9px!important;
}
.inline-address-error{
  display:none!important;
  margin-top:5px!important;
  padding:5px 8px!important;
  border-radius:8px!important;
  background:#fee2e2!important;
  color:#991b1b!important;
  font-size:10px!important;
  font-weight:950!important;
}
.inline-address-error.show{display:block!important}

.inline-right{display:grid!important;grid-template-rows:auto auto auto!important;gap:8px!important}
.inline-top-fields{
  display:grid!important;
  grid-template-columns:1.05fr .9fr .52fr .58fr .95fr!important;
  gap:8px!important;
}
.inline-second-fields{
  display:grid!important;
  grid-template-columns:.95fr .78fr 3.25fr!important;
  gap:8px!important;
  align-items:stretch!important;
}
.inline-top-fields input,.inline-top-fields select,.inline-product{
  height:32px!important;
  min-height:32px!important;
  font-size:12px!important;
  padding:5px 8px!important;
}
.inline-product{
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  line-height:1.15!important;
  font-weight:850!important;
  color:#111827!important;
}
.inline-copy-btn{
  width:auto!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  background:#eef2ff!important;
  color:#1d4ed8!important;
}
.inline-remark-card textarea{
  height:32px!important;
  min-height:32px!important;
  max-height:52px!important;
  resize:vertical!important;
  padding:7px 9px!important;
  font-size:12px!important;
}
.inline-result-card{min-width:0!important}
.inline-result-strip{
  height:34px!important;
  min-height:34px!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  overflow-x:auto!important;
  padding:3px!important;
}
.inline-result-chip{
  position:relative!important;
  flex:0 0 58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  border:1px solid #e2e8f0!important;
  background:#fff!important;
  cursor:pointer!important;
  font-weight:1000!important;
  color:#334155!important;
}
.inline-result-chip input{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
}
.inline-result-chip span{font-size:11px!important}
.inline-result-chip:has(input:checked){
  border-color:#2563eb!important;
  background:#dbeafe!important;
  color:#1e3a8a!important;
  box-shadow:0 0 0 2px rgba(37,99,235,.12)!important;
}
.inline-result-chip.result-positive:has(input:checked){background:#dcfce7!important;color:#166534!important;border-color:#22c55e!important}
.inline-result-chip.result-invalid_closed:has(input:checked){background:#fee2e2!important;color:#991b1b!important;border-color:#ef4444!important}
.inline-result-chip.result-not_connected:has(input:checked){background:#fef3c7!important;color:#92400e!important;border-color:#f59e0b!important}

.inline-save-row{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  margin-top:1px!important;
}
.inline-save-row .btn{
  min-width:172px!important;
  height:39px!important;
  border-radius:12px!important;
}
form.inline-attempt-form.is-submitting button[type="submit"],
body.form-submitting form.inline-attempt-form button[type="submit"]{
  opacity:1!important;
  pointer-events:auto!important;
}
form.inline-attempt-form.is-submitting button[type="submit"]::after,
body.form-submitting form.inline-attempt-form button[type="submit"]::after{content:none!important}

@media(max-width:1500px){
  .inline-stable-grid{grid-template-columns:1fr!important}
  .inline-top-fields{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1100px){
  .inline-top-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .inline-second-fields{grid-template-columns:1fr!important}
  .inline-save-row{justify-content:stretch!important}
  .inline-save-row .btn{width:100%!important}
}


/* --------------------------------------------------------------------------
   V3.28.7 Inline RTO CNF Fix + Instant Live
-------------------------------------------------------------------------- */
.courier-error{
  display:none;
  margin-top:5px!important;
  padding:6px 8px!important;
  border-radius:9px!important;
  background:#fee2e2!important;
  color:#991b1b!important;
  border:1px solid #fecaca!important;
  font-size:10.5px!important;
  font-weight:950!important;
  line-height:1.25!important;
}
.courier-error.show{display:block!important}
.courier-field.has-error{
  border-color:#ef4444!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.10),0 12px 26px rgba(239,68,68,.08)!important;
  background:#fff7f7!important;
}
.courier-field.has-error select{
  border-color:#ef4444!important;
  background:#fff1f2!important;
  box-shadow:0 0 0 4px rgba(239,68,68,.12)!important;
}
.courier-field.attention-pulse{
  animation:courierAttentionPulse .34s ease-in-out 0s 3;
}
@keyframes courierAttentionPulse{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-4px)}
  75%{transform:translateX(4px)}
}
.inline-opening-panel{
  min-height:82px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:7px!important;
  border-radius:0 0 16px 16px!important;
  background:linear-gradient(135deg,#ecfdf5,#ffffff)!important;
  border:1px dashed #22c55e!important;
  color:#166534!important;
  font-weight:950!important;
}
.inline-opening-panel span{
  font-size:12px!important;
  color:#15803d!important;
}
tr.inline-opening-row td{
  background:#ecfdf5!important;
}


/* --------------------------------------------------------------------------
   V3.28.8 Inline Highlight + Single-line Remark Fix
-------------------------------------------------------------------------- */
.inline-remark-card .inline-remark-input,
.inline-remark-card input[name="remark"]{
  height:32px!important;
  min-height:32px!important;
  width:100%!important;
  padding:7px 9px!important;
  border:1px solid #dbeafe!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:750!important;
  background:#fff!important;
}
.inline-remark-card.has-error .inline-remark-input,
.inline-remark-card.has-error input[name="remark"]{
  border-color:#ef4444!important;
  background:#fff1f2!important;
  box-shadow:0 0 0 4px rgba(239,68,68,.10)!important;
}

/* Only one active inline row should show green border at a time. */
tr:not(.inline-merged-active-row).latest-working-row:not(:has(+ tr.inline-attempt-row)) td{
  border-top:1px solid #e8eef6!important;
  border-bottom:1px solid #e8eef6!important;
}

/* Inline row active visual should only belong to current open panel. */
tr.inline-active-row.inline-merged-active-row td{
  background:linear-gradient(180deg,#ecfdf5,#f0fdf4)!important;
}


/* --------------------------------------------------------------------------
   V3.28.9 RTO Mobile + Copy Blink + CXL Remark
-------------------------------------------------------------------------- */
/* RTO mobile number orange on dashboard */
.mobile-actions.mobile-rto-highlight,
.mobile-rto-highlight{
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  padding:2px 8px!important;
  background:#fff7ed!important;
  border:1px solid #fdba74!important;
  box-shadow:0 4px 14px rgba(249,115,22,.12)!important;
}
.mobile-actions.mobile-rto-highlight .mobile-main,
.mobile-rto-highlight .mobile-main{
  color:#c2410c!important;
  font-weight:1000!important;
}

/* RTO mobile number orange inside inline view */
.inline-rto .mobile-field,
.inline-rto-mobile-field{
  border-color:#fdba74!important;
  background:#fff7ed!important;
  box-shadow:0 8px 22px rgba(249,115,22,.10)!important;
}
.inline-rto .mobile-field input[name="mobile_raw"],
.inline-rto-mobile-field input[name="mobile_raw"]{
  color:#c2410c!important;
  font-weight:1000!important;
  background:#fffaf5!important;
  border-color:#fdba74!important;
}

/* Copy success blink for dashboard/mobile/modal/inline */
.mobile-actions.copied .mobile-main,
.copy-mobile-wrap.copied input,
.inline-card.mobile-field.copied input,
.inline-rto-mobile-field.copied input,
.copy-mobile-input.copied{
  animation:mobileCopyBlink .34s ease-in-out 0s 4!important;
  background:#dcfce7!important;
  color:#166534!important;
  border-color:#22c55e!important;
  box-shadow:0 0 0 4px rgba(34,197,94,.16)!important;
}
.mobile-actions.copied{
  background:#dcfce7!important;
  border-color:#22c55e!important;
}
@keyframes mobileCopyBlink{
  0%,100%{filter:brightness(1); transform:scale(1)}
  50%{filter:brightness(1.08); transform:scale(1.018)}
}

/* CXL / red CNF remark mandatory highlight */
.remark-row.has-error,
.inline-remark-card.has-error{
  border-color:#ef4444!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.10),0 12px 24px rgba(239,68,68,.08)!important;
  background:#fff7f7!important;
}
.remark-row.has-error textarea,
.remark-row.has-error input[name="remark"],
.inline-remark-card.has-error input[name="remark"]{
  border-color:#ef4444!important;
  background:#fff1f2!important;
  box-shadow:0 0 0 4px rgba(239,68,68,.10)!important;
}

/* --------------------------------------------------------------------------
   V3.28.11 Attempt Stage Reset Module
-------------------------------------------------------------------------- */
.attempt-reset-card,
.attempt-reset-log-card{
  border:1px solid #fed7aa!important;
  background:linear-gradient(180deg,#fff7ed,#ffffff)!important;
}
.attempt-reset-warning{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:11px 13px!important;
  border-radius:14px!important;
  background:#fffbeb!important;
  border:1px solid #fcd34d!important;
  color:#92400e!important;
  margin:12px 0!important;
  font-size:12px!important;
  font-weight:850!important;
}
.attempt-reset-warning b{font-weight:1000!important}
.attempt-reset-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.attempt-status-picks{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important;
  gap:8px!important;
  margin:10px 0 14px!important;
}
.attempt-status-pick{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:48px!important;
  border:1px solid #e2e8f0!important;
  background:#fff!important;
  border-radius:13px!important;
  padding:8px 10px!important;
  cursor:pointer!important;
  box-shadow:0 6px 16px rgba(15,23,42,.035)!important;
}
.attempt-status-pick input{width:auto!important;accent-color:#2563eb!important}
.attempt-status-pick b{font-size:13px!important;font-weight:1000!important;color:#111827!important}
.attempt-status-pick span{font-size:10px!important;color:#64748b!important;font-weight:800!important}
.attempt-status-pick:has(input:checked){border-color:#2563eb!important;background:#eff6ff!important;box-shadow:0 0 0 3px rgba(37,99,235,.10)!important}
.attempt-status-pick.status-positive:has(input:checked){border-color:#22c55e!important;background:#ecfdf5!important;box-shadow:0 0 0 3px rgba(34,197,94,.11)!important}
.attempt-status-pick.status-invalid_closed:has(input:checked){border-color:#ef4444!important;background:#fef2f2!important;box-shadow:0 0 0 3px rgba(239,68,68,.10)!important}
.attempt-reset-preview{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:12px 0!important;
}
.attempt-reset-preview>div{
  border-radius:14px!important;
  padding:12px!important;
  background:#fff!important;
  border:1px solid #fed7aa!important;
}
.attempt-reset-preview span{display:block!important;font-size:11px!important;font-weight:900!important;color:#92400e!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.attempt-reset-preview b{display:block!important;font-size:24px!important;font-weight:1000!important;color:#111827!important;margin-top:3px!important}
.attempt-reset-actions{
  display:grid!important;
  grid-template-columns:1fr auto auto!important;
  gap:10px!important;
  align-items:end!important;
}
@media(max-width:900px){
  .attempt-reset-grid,.attempt-reset-preview,.attempt-reset-actions{grid-template-columns:1fr!important}
}

/* --------------------------------------------------------------------------
   V3.28.12 Dashboard CSS Restore
   Full app.css restored after V3.28.11 partial CSS overwrite.
-------------------------------------------------------------------------- */
body{
  visibility:visible!important;
}


/* --------------------------------------------------------------------------
   V3.28.13 Attempt Reset Reopen Safe polish
-------------------------------------------------------------------------- */
.attempt-reset-card .manage-card-head h2{
  color:#7c2d12!important;
}
.attempt-reset-form .segment-title .small{
  margin-left:8px!important;
  font-weight:850!important;
  color:#64748b!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.attempt-reset-actions .btn.red{
  min-width:190px!important;
}
.attempt-reset-form input[name="attempt_reset_confirm"]{
  font-weight:950!important;
  letter-spacing:.02em!important;
}


/* --------------------------------------------------------------------------
   V3.28.15 Attempt Reset English Preview Fix
-------------------------------------------------------------------------- */
.attempt-reset-card .small,
.attempt-reset-warning,
.attempt-reset-form .danger-text{
  line-height:1.45!important;
}
.attempt-reset-actions .btn.light{
  min-width:145px!important;
}


/* --------------------------------------------------------------------------
   V3.28.16 CSR Avatar Live Working UI
-------------------------------------------------------------------------- */
.csr-avatar,
.worker-avatar,
.chip-csr-avatar,
.work-cell-avatar,
.users-table-avatar{
  --avatar-size:34px;
  width:var(--avatar-size)!important;
  height:var(--avatar-size)!important;
  min-width:var(--avatar-size)!important;
  min-height:var(--avatar-size)!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#dbeafe,#dcfce7)!important;
  color:#0f172a!important;
  border:2px solid rgba(255,255,255,.85)!important;
  box-shadow:0 6px 16px rgba(15,23,42,.16)!important;
  font-size:12px!important;
  font-weight:1000!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
.csr-avatar img,
.worker-avatar img,
.chip-csr-avatar img,
.work-cell-avatar img,
.users-table-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.working-header-avatars{
  gap:8px!important;
  overflow-x:auto!important;
  max-width:100%!important;
  padding-right:6px!important;
}
.worker-chip-avatar{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:5px 9px 5px 6px!important;
  min-height:44px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04))!important;
}
.worker-chip-avatar .worker-chip-meta{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  line-height:1.05!important;
}
.worker-chip-avatar b{
  font-size:11px!important;
  font-weight:1000!important;
  max-width:86px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.worker-chip-avatar em{
  font-style:normal!important;
  font-size:10px!important;
  font-weight:850!important;
  opacity:.82!important;
  max-width:120px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.chip-live-person{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin-top:4px!important;
}
.chip-live-person>span:last-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  line-height:1.05!important;
  min-width:0!important;
}
.chip-csr-avatar{--avatar-size:24px;font-size:9px!important;box-shadow:0 4px 10px rgba(15,23,42,.14)!important}
.work-cell-live-avatar .work-live-top{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.work-cell-avatar{--avatar-size:24px;font-size:9px!important}
.users-table-avatar{--avatar-size:42px;font-size:14px!important}
.user-avatar-guidelines .avatar-guideline-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:10px 0!important;
}
.user-avatar-guidelines .avatar-guideline-grid>div{
  border:1px solid #dbeafe!important;
  background:#f8fbff!important;
  border-radius:14px!important;
  padding:12px!important;
}
.user-avatar-guidelines .avatar-guideline-grid b{
  display:block!important;
  font-size:11px!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  color:#475569!important;
}
.user-avatar-guidelines .avatar-guideline-grid span{
  display:block!important;
  margin-top:4px!important;
  font-size:13px!important;
  font-weight:900!important;
  color:#0f172a!important;
}
.users-avatar-table td{
  vertical-align:middle!important;
}
.avatar-upload-inline{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.avatar-upload-inline input[type=file]{
  max-width:230px!important;
  font-size:12px!important;
}
@media(max-width:900px){
  .user-avatar-guidelines .avatar-guideline-grid{grid-template-columns:1fr 1fr!important}
  .worker-chip-avatar b{max-width:72px!important}
}


/* --------------------------------------------------------------------------
   V3.28.17 CSR Avatar UI Polish
-------------------------------------------------------------------------- */

/* Header working avatar chips: better contrast on dark header */
.working-header-avatars{
  align-items:center!important;
}
.working-header-avatars .worker-chip-avatar{
  min-height:42px!important;
  padding:5px 11px 5px 5px!important;
  gap:8px!important;
  background:
    linear-gradient(180deg,rgba(30,41,59,.98),rgba(15,23,42,.96))!important;
  border:1px solid rgba(148,163,184,.38)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 22px rgba(0,0,0,.22)!important;
  color:#f8fafc!important;
}
.working-header-avatars .worker-chip-avatar:hover{
  background:
    linear-gradient(180deg,rgba(51,65,85,.98),rgba(15,23,42,.98))!important;
  border-color:rgba(56,189,248,.60)!important;
  transform:translateY(-1px)!important;
}
.working-header-avatars .worker-avatar{
  --avatar-size:34px!important;
  border:2px solid rgba(56,189,248,.85)!important;
  box-shadow:
    0 0 0 2px rgba(14,165,233,.18),
    0 8px 18px rgba(0,0,0,.28)!important;
}
.working-header-avatars .worker-chip-avatar b{
  color:#ffffff!important;
  font-size:11px!important;
  letter-spacing:.02em!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
  max-width:100px!important;
}
.working-header-avatars .worker-chip-avatar em{
  color:#fbbf24!important;
  opacity:1!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  max-width:136px!important;
}
.working-header-avatars .worker-chip-meta{
  gap:3px!important;
}

/* Attempt LIVE card avatar: float half above card instead of consuming name width */
.attempt-chip.compact-working{
  overflow:visible!important;
  position:relative!important;
  padding-top:19px!important;
  min-height:74px!important;
}
.attempt-chip.compact-working:after{
  top:22px!important;
  right:8px!important;
  z-index:4!important;
  padding:2px 7px!important;
}
.attempt-chip.compact-working .chip-head{
  padding-right:42px!important;
}
.attempt-chip.compact-working .chip-live-person{
  display:block!important;
  margin-top:6px!important;
  padding:0 4px!important;
  text-align:left!important;
}
.attempt-chip.compact-working .chip-live-person>span:last-child{
  display:block!important;
  line-height:1.08!important;
  width:100%!important;
}
.attempt-chip.compact-working .chip-csr-avatar{
  --avatar-size:31px!important;
  position:absolute!important;
  right:9px!important;
  top:-13px!important;
  z-index:6!important;
  border:3px solid #fff7ed!important;
  box-shadow:
    0 0 0 2px rgba(249,115,22,.45),
    0 10px 18px rgba(154,52,18,.22)!important;
}
.attempt-chip.compact-working .chip-csr-avatar img{
  object-fit:cover!important;
}
.attempt-chip.compact-working .live-csr{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  font-weight:1000!important;
  color:#7c2d12!important;
}
.attempt-chip.compact-working .live-time{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9.5px!important;
  font-weight:850!important;
  color:#9a3412!important;
}

/* Keep disabled/done cards clipped normally; only live working card can overflow for avatar. */
.attempt-chip:not(.compact-working){
  overflow:hidden;
}


/* --------------------------------------------------------------------------
   V3.28.18 CSR Avatar Compact Live UI
-------------------------------------------------------------------------- */

/* Header: compact avatar grid style for 8–10 live CSRs */
.working-header-avatars{
  min-height:78px!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
  padding:7px 10px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(148,163,184,.55) transparent!important;
}
.working-header-avatars::-webkit-scrollbar{height:5px!important}
.working-header-avatars::-webkit-scrollbar-thumb{background:rgba(148,163,184,.55)!important;border-radius:999px!important}
.working-header-avatars .wh-title{
  min-width:86px!important;
  height:42px!important;
  align-self:center!important;
}
.working-header-avatars .worker-chip-avatar{
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  height:70px!important;
  min-height:70px!important;
  padding:6px 5px 5px!important;
  gap:4px!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:center!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at top,rgba(56,189,248,.16),transparent 45%),
    linear-gradient(180deg,rgba(30,41,59,.98),rgba(15,23,42,.96))!important;
  border:1px solid rgba(56,189,248,.32)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 22px rgba(0,0,0,.22)!important;
}
.working-header-avatars .worker-chip-avatar:hover{
  border-color:rgba(56,189,248,.70)!important;
  transform:translateY(-1px)!important;
}
.working-header-avatars .worker-avatar{
  --avatar-size:32px!important;
  border:2px solid rgba(56,189,248,.92)!important;
  box-shadow:
    0 0 0 2px rgba(14,165,233,.18),
    0 8px 16px rgba(0,0,0,.26)!important;
}
.working-header-avatars .worker-chip-meta{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:2px!important;
  line-height:1.02!important;
  text-align:center!important;
}
.working-header-avatars .worker-chip-avatar b{
  width:100%!important;
  max-width:76px!important;
  color:#ffffff!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.035em!important;
  text-align:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
}
.working-header-avatars .worker-chip-avatar em{
  width:100%!important;
  max-width:78px!important;
  color:#fbbf24!important;
  opacity:1!important;
  font-style:normal!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Attempt LIVE card: remove clipped LIVE badge and show clean blinking LIVE under avatar */
.attempt-chip.compact-working{
  overflow:visible!important;
  position:relative!important;
  padding-top:19px!important;
  min-height:78px!important;
}
.attempt-chip.compact-working:after{
  content:none!important;
  display:none!important;
}
.attempt-chip.compact-working .chip-head{
  padding-right:48px!important;
  min-height:18px!important;
}
.attempt-chip.compact-working .chip-head .chip-status{
  display:none!important;
}
.attempt-chip.compact-working .chip-csr-avatar{
  --avatar-size:33px!important;
  position:absolute!important;
  right:7px!important;
  top:-14px!important;
  z-index:6!important;
  border:3px solid #fff7ed!important;
  box-shadow:
    0 0 0 2px rgba(249,115,22,.50),
    0 10px 18px rgba(154,52,18,.22)!important;
}
.attempt-chip.compact-working .chip-csr-avatar::after{
  content:'LIVE';
  position:absolute!important;
  left:50%!important;
  top:calc(100% + 2px)!important;
  transform:translateX(-50%)!important;
  padding:1px 5px!important;
  border-radius:999px!important;
  background:#f97316!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.92)!important;
  font-size:7px!important;
  line-height:1.15!important;
  font-weight:1000!important;
  letter-spacing:.06em!important;
  box-shadow:0 5px 12px rgba(249,115,22,.24)!important;
  animation:csrLiveBlink 1.05s ease-in-out infinite!important;
}
@keyframes csrLiveBlink{
  0%,100%{opacity:1;filter:brightness(1)}
  50%{opacity:.62;filter:brightness(1.18)}
}
.attempt-chip.compact-working .chip-live-person{
  display:block!important;
  margin-top:6px!important;
  padding:0 4px!important;
  text-align:left!important;
}
.attempt-chip.compact-working .chip-live-person>span:last-child{
  display:block!important;
  width:100%!important;
  line-height:1.1!important;
}
.attempt-chip.compact-working .live-csr{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  font-weight:1000!important;
  color:#7c2d12!important;
}
.attempt-chip.compact-working .live-time{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9.5px!important;
  font-weight:850!important;
  color:#9a3412!important;
}

/* Clear Active button: stronger contrast and visibility */
.clear-active-locks-btn{
  background:linear-gradient(180deg,#fed7aa,#fb923c)!important;
  color:#7c2d12!important;
  border:1px solid #fdba74!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 10px 22px rgba(251,146,60,.20)!important;
  text-shadow:none!important;
  font-weight:1000!important;
}
.clear-active-locks-btn:hover{
  background:linear-gradient(180deg,#ffedd5,#f97316)!important;
  color:#7c2d12!important;
  border-color:#f97316!important;
}

/* On narrower screens keep live cards compact but readable */
@media(max-width:1500px){
  .working-header-avatars .worker-chip-avatar{
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
  }
  .working-header-avatars .worker-chip-avatar b{max-width:72px!important}
  .working-header-avatars .worker-chip-avatar em{max-width:74px!important}
}


/* --------------------------------------------------------------------------
   V3.28.19 Header Logo Upload Settings
-------------------------------------------------------------------------- */
.brand-icon.brand-logo-uploaded{
  background:transparent!important;
  padding:0!important;
  border-radius:50%!important;
  overflow:visible!important;
  box-shadow:none!important;
}
.brand-icon.brand-logo-uploaded img{
  width:54px!important;
  height:54px!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:50%!important;
  background:transparent!important;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.22))!important;
}
.brand-logo-settings-card{
  border-color:#bfdbfe!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
}
.brand-logo-settings-grid{
  display:grid!important;
  grid-template-columns:220px minmax(360px,1fr) 160px!important;
  gap:14px!important;
  align-items:end!important;
}
.brand-logo-preview-box label,
.brand-logo-upload-form label{
  display:block!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  color:#475569!important;
  margin-bottom:7px!important;
}
.brand-logo-preview{
  width:74px!important;
  height:74px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:radial-gradient(circle,#ffffff 0%,#f8fafc 65%,#e2e8f0 100%)!important;
  border:1px solid #dbeafe!important;
  box-shadow:0 12px 28px rgba(15,23,42,.10)!important;
  overflow:hidden!important;
}
.brand-logo-preview img{
  width:70px!important;
  height:70px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}
.brand-logo-preview span{
  font-size:28px!important;
  font-weight:1000!important;
  color:#0f172a!important;
}
.brand-logo-preview-box small,
.brand-logo-upload-form .small{
  display:block!important;
  margin-top:7px!important;
  color:#64748b!important;
}
.brand-logo-upload-form input[type=file]{
  width:100%!important;
  border:1px solid #dbeafe!important;
  border-radius:12px!important;
  padding:10px!important;
  background:#fff!important;
}
.brand-logo-upload-form,
.brand-logo-remove-form{
  margin:0!important;
}
@media(max-width:900px){
  .brand-logo-settings-grid{grid-template-columns:1fr!important}
}


/* --------------------------------------------------------------------------
   V3.28.20 Header Separation UI Fix
-------------------------------------------------------------------------- */

/* Keep the main CRM header visually separated from the calling/table header. */
.top.app-shell-header{
  position:sticky!important;
  top:0!important;
  z-index:3000!important;
  border-bottom:6px solid #f3f6fb!important;
  box-shadow:
    0 16px 32px rgba(15,23,42,.26),
    0 1px 0 rgba(255,255,255,.08) inset!important;
}

/* Add breathing room below the sticky CRM header so table headers do not look merged. */
.wrap{
  margin-top:14px!important;
}

/* Calling dashboard table header: stronger independent header band. */
.mockup-table-wrap,
.table-scroll{
  position:relative!important;
  z-index:1!important;
  margin-top:10px!important;
  border-top:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.06)!important;
}

.mockup-table th,
.sheet-table th{
  top:0!important;
  z-index:120!important;
  background:linear-gradient(180deg,#111827 0%,#0f172a 100%)!important;
  color:#ffffff!important;
  border-top:0!important;
  border-bottom:2px solid #f97316!important;
  box-shadow:0 4px 10px rgba(15,23,42,.16)!important;
  letter-spacing:.08em!important;
}

/* When the table is scrolled, the header should remain below the CRM header visually,
   not blend into the dark top navigation. */
.mockup-table-wrap::before{
  content:"";
  position:sticky!important;
  top:0!important;
  display:block!important;
  height:0!important;
  z-index:130!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
}

/* Clear Active: high-contrast admin action button. */
.clear-active-locks-btn{
  background:linear-gradient(135deg,#ef4444 0%,#f97316 52%,#fb923c 100%)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:
    0 10px 24px rgba(239,68,68,.24),
    inset 0 1px 0 rgba(255,255,255,.38)!important;
  text-shadow:0 1px 1px rgba(124,45,18,.35)!important;
  font-weight:1000!important;
}
.clear-active-locks-btn::before{
  color:#ffffff!important;
  text-shadow:0 1px 1px rgba(124,45,18,.35)!important;
}
.clear-active-locks-btn:hover{
  background:linear-gradient(135deg,#dc2626 0%,#ea580c 55%,#f97316 100%)!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.45)!important;
  transform:translateY(-1px)!important;
}

/* Keep top header content clean when many live CSR cards are visible. */
.app-shell-header .right.user-chip-top{
  flex:0 0 auto!important;
}
.app-shell-header .clear-active-locks-btn{
  flex:0 0 auto!important;
}


/* --------------------------------------------------------------------------
   V3.28.21 Header Hard Separation Fix
-------------------------------------------------------------------------- */

/* Hard barrier: table header must never visually enter the CRM header area. */
body{
  --crm-top-safe-gap:18px;
}
.top.app-shell-header{
  position:sticky!important;
  top:0!important;
  z-index:99999!important;
  margin-bottom:var(--crm-top-safe-gap)!important;
  border-bottom:0!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.top.app-shell-header::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:calc(-1 * var(--crm-top-safe-gap))!important;
  height:var(--crm-top-safe-gap)!important;
  background:linear-gradient(180deg,#f3f6fb 0%,#eef4fb 100%)!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
  border-bottom:1px solid rgba(15,23,42,.06)!important;
  z-index:100000!important;
  pointer-events:none!important;
}

/* Page content starts after the protected header separator. */
.wrap{
  margin-top:0!important;
  padding-top:0!important;
}

/* Table scroll area is isolated and clipped, so sticky TH cannot paint into header. */
.table-scroll,
.mockup-table-wrap{
  position:relative!important;
  z-index:1!important;
  isolation:isolate!important;
  contain:paint!important;
  overflow:auto!important;
  margin-top:12px!important;
  border-radius:16px!important;
  clip-path:inset(0 round 16px)!important;
}

/* Calling table header: separate light header, not the same color as CRM header. */
.sheet-table th,
.mockup-table th,
table.sheet-table th{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  background:linear-gradient(180deg,#f8fafc 0%,#eef4ff 100%)!important;
  color:#0f172a!important;
  border-top:0!important;
  border-bottom:3px solid #f97316!important;
  box-shadow:0 4px 10px rgba(15,23,42,.08)!important;
  letter-spacing:.08em!important;
}

/* Keep first header row clean under main app header. */
.sheet-table tr:first-child th,
.mockup-table tr:first-child th{
  outline:1px solid rgba(148,163,184,.24)!important;
}

/* Clear Active: orange background with black text as requested. */
.clear-active-locks-btn{
  background:linear-gradient(180deg,#ffedd5 0%,#fdba74 100%)!important;
  color:#111827!important;
  border:1px solid #fb923c!important;
  box-shadow:
    0 10px 22px rgba(251,146,60,.18),
    inset 0 1px 0 rgba(255,255,255,.60)!important;
  text-shadow:none!important;
  font-weight:1000!important;
}
.clear-active-locks-btn::before{
  color:#111827!important;
  text-shadow:none!important;
}
.clear-active-locks-btn:hover{
  background:linear-gradient(180deg,#fed7aa 0%,#fb923c 100%)!important;
  color:#111827!important;
  border-color:#f97316!important;
  transform:translateY(-1px)!important;
}

/* Ensure no table elements ever appear above the app header. */
.table-scroll *,
.mockup-table-wrap *{
  z-index:auto;
}
.sheet-table th,
.mockup-table th{
  z-index:20!important;
}


/* --------------------------------------------------------------------------
   V3.28.22 Table Header Overlap Fix
-------------------------------------------------------------------------- */

/*
   Final fix for CRM header overlap:
   The calling table header was sticky. During page scroll, browser was pinning it
   under/inside the main CRM header. We now keep the table header inside the table
   only. It will never enter the CRM header area.
*/
.sheet-table th,
.mockup-table th,
table.sheet-table th,
table.mockup-table th,
.table-scroll th,
.mockup-table-wrap th{
  position:static!important;
  top:auto!important;
  z-index:1!important;
}

/* Keep the table header visually separate and professional inside the table. */
.sheet-table tr:first-child th,
.mockup-table tr:first-child th,
.table-scroll tr:first-child th{
  background:linear-gradient(180deg,#0f172a 0%,#111827 100%)!important;
  color:#ffffff!important;
  border-top:0!important;
  border-bottom:3px solid #f97316!important;
  box-shadow:none!important;
  letter-spacing:.08em!important;
}

/* Add clear space below the main header. */
.top.app-shell-header{
  z-index:99999!important;
  margin-bottom:16px!important;
}
.top.app-shell-header::after{
  height:16px!important;
  bottom:-16px!important;
  background:#f3f6fb!important;
}

/* Table container must stay below the CRM header and clip its own content. */
.table-scroll,
.mockup-table-wrap{
  margin-top:16px!important;
  overflow:auto!important;
  isolation:isolate!important;
  contain:paint!important;
}

/* Clear Active button: orange background with black readable text. */
.clear-active-locks-btn{
  background:linear-gradient(180deg,#ffedd5 0%,#fdba74 100%)!important;
  color:#111827!important;
  border:1px solid #fb923c!important;
  text-shadow:none!important;
  font-weight:1000!important;
  box-shadow:0 10px 22px rgba(251,146,60,.18), inset 0 1px 0 rgba(255,255,255,.62)!important;
}
.clear-active-locks-btn::before{
  color:#111827!important;
  text-shadow:none!important;
}
.clear-active-locks-btn:hover{
  background:linear-gradient(180deg,#fed7aa 0%,#fb923c 100%)!important;
  color:#111827!important;
  border-color:#f97316!important;
}


/* --------------------------------------------------------------------------
   V3.28.23 CSR Presence + Live Timer
-------------------------------------------------------------------------- */

/* Header team presence: all CSR cards visible, timer is client-side and lightweight */
.csr-presence-header{
  min-height:82px!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
  padding:7px 10px!important;
  scrollbar-width:thin!important;
}
.csr-presence-header .wh-title{
  min-width:74px!important;
  height:44px!important;
  align-self:center!important;
}
.csr-presence-header .worker-chip-avatar{
  width:88px!important;
  min-width:88px!important;
  max-width:88px!important;
  height:74px!important;
  min-height:74px!important;
  padding:6px 5px 5px!important;
  gap:4px!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:center!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(30,41,59,.98),rgba(15,23,42,.96))!important;
  border:1px solid rgba(148,163,184,.32)!important;
  color:#fff!important;
}
.csr-presence-header .worker-avatar{
  --avatar-size:32px!important;
  border:2px solid rgba(148,163,184,.65)!important;
}
.csr-presence-header .worker-chip-meta{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:1px!important;
  text-align:center!important;
  line-height:1.02!important;
}
.csr-presence-header .worker-chip-avatar b{
  width:100%!important;
  max-width:78px!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.025em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
}
.csr-presence-header .worker-chip-avatar small{
  width:100%!important;
  max-width:82px!important;
  color:#fbbf24!important;
  font-size:8.5px!important;
  font-weight:950!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
}
.csr-presence-header .worker-chip-avatar em{
  width:auto!important;
  max-width:78px!important;
  padding:1px 6px!important;
  border-radius:999px!important;
  font-style:normal!important;
  font-size:9px!important;
  font-weight:1000!important;
  text-align:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.worker-state-working{
  border-color:rgba(34,197,94,.75)!important;
  box-shadow:0 0 0 1px rgba(34,197,94,.18),0 10px 22px rgba(34,197,94,.10)!important;
}
.worker-state-working .worker-avatar{
  border-color:#22c55e!important;
  box-shadow:0 0 0 2px rgba(34,197,94,.18),0 8px 16px rgba(0,0,0,.26)!important;
}
.worker-state-idle{
  border-color:rgba(251,191,36,.40)!important;
  opacity:.96!important;
}
.worker-state-idle .worker-avatar{
  border-color:#fbbf24!important;
}
.worker-state-offline{
  opacity:.48!important;
  filter:grayscale(.35)!important;
}
.presence-idle{
  background:#fef3c7!important;
  color:#92400e!important;
}
.presence-offline{
  background:#e2e8f0!important;
  color:#475569!important;
}
.live-timer.age-normal{
  background:#dcfce7!important;
  color:#166534!important;
}
.live-timer.age-warn{
  background:#fef3c7!important;
  color:#92400e!important;
}
.live-timer.age-alert{
  background:#ffedd5!important;
  color:#c2410c!important;
}
.live-timer.age-danger{
  background:#fee2e2!important;
  color:#991b1b!important;
  animation:csrTimerPulse 1s ease-in-out infinite!important;
}
.worker-chip.age-warn{border-color:#fbbf24!important}
.worker-chip.age-alert{border-color:#fb923c!important;box-shadow:0 0 0 1px rgba(249,115,22,.22),0 10px 22px rgba(249,115,22,.14)!important}
.worker-chip.age-danger{border-color:#ef4444!important;box-shadow:0 0 0 1px rgba(239,68,68,.25),0 10px 22px rgba(239,68,68,.16)!important}
@keyframes csrTimerPulse{
  0%,100%{opacity:1}
  50%{opacity:.65}
}

/* Attempt LIVE card timer under avatar/name */
.attempt-chip.compact-working .chip-live-timer{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-width:40px!important;
  margin-top:2px!important;
  padding:1px 5px!important;
  border-radius:999px!important;
  font-size:8.5px!important;
  font-weight:1000!important;
  line-height:1.15!important;
}
.attempt-chip.compact-working.age-warn{
  border-color:#fbbf24!important;
}
.attempt-chip.compact-working.age-alert{
  border-color:#fb923c!important;
  box-shadow:0 0 0 2px rgba(249,115,22,.16),0 10px 18px rgba(249,115,22,.14)!important;
}
.attempt-chip.compact-working.age-danger{
  border-color:#ef4444!important;
  box-shadow:0 0 0 2px rgba(239,68,68,.16),0 10px 18px rgba(239,68,68,.16)!important;
}
.attempt-chip.compact-working .chip-time.live-time{
  font-size:8.5px!important;
  opacity:.75!important;
}


/* --------------------------------------------------------------------------
   V3.28.24 CSR Presence Text Layout Fix
-------------------------------------------------------------------------- */

/* Header CSR cards: remove long order IDs, keep all text visible and compact */
.csr-presence-header .worker-chip-avatar{
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  height:78px!important;
  min-height:78px!important;
  padding:6px 4px 5px!important;
  justify-content:flex-start!important;
}
.csr-presence-header .worker-avatar{
  --avatar-size:34px!important;
  margin-bottom:2px!important;
}
.csr-presence-header .worker-chip-meta{
  gap:2px!important;
  min-height:34px!important;
}
.csr-presence-header .worker-chip-avatar b{
  max-width:78px!important;
  font-size:9.5px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
}
.csr-presence-header .worker-presence-line{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  width:100%!important;
  max-width:80px!important;
  overflow:hidden!important;
  line-height:1!important;
}
.csr-presence-header .worker-presence-line small{
  width:auto!important;
  max-width:35px!important;
  color:#fbbf24!important;
  font-size:8.6px!important;
  line-height:1!important;
  font-weight:1000!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.csr-presence-header .worker-presence-line em{
  width:auto!important;
  max-width:42px!important;
  padding:1px 4px!important;
  font-size:8.2px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.csr-presence-header .worker-state-idle .worker-presence-line small{
  max-width:50px!important;
  color:#cbd5e1!important;
}
.csr-presence-header .worker-state-idle .worker-presence-line em,
.csr-presence-header .worker-state-offline .worker-presence-line em{
  font-size:8px!important;
  padding:1px 4px!important;
}

/* Attempt LIVE card: centered avatar, name below photo, timer under attempt/name, no text on borders */
.attempt-chip.compact-working{
  min-height:92px!important;
  height:92px!important;
  padding:28px 7px 7px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  overflow:visible!important;
}
.attempt-chip.compact-working .chip-head{
  min-height:16px!important;
  height:16px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.attempt-chip.compact-working .chip-head b{
  font-size:15px!important;
  line-height:1!important;
}
.attempt-chip.compact-working .chip-live-person{
  display:block!important;
  margin:2px 0 0!important;
  padding:0!important;
  text-align:center!important;
}
.attempt-chip.compact-working .chip-csr-avatar{
  --avatar-size:34px!important;
  left:50%!important;
  right:auto!important;
  top:-17px!important;
  transform:translateX(-50%)!important;
  border:3px solid #fff7ed!important;
  z-index:7!important;
}
.attempt-chip.compact-working .chip-csr-avatar::after{
  top:calc(100% + 1px)!important;
  font-size:6.5px!important;
  padding:1px 4px!important;
}
.attempt-chip.compact-working .chip-live-person>span:last-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  gap:2px!important;
  line-height:1!important;
}
.attempt-chip.compact-working .live-csr{
  width:100%!important;
  max-width:78px!important;
  text-align:center!important;
  font-size:10.2px!important;
  line-height:1!important;
  margin-top:1px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.attempt-chip.compact-working .chip-live-timer{
  margin-top:2px!important;
  min-width:42px!important;
  padding:2px 6px!important;
  font-size:9px!important;
  line-height:1!important;
}
.attempt-chip.compact-working .chip-time.live-time{
  margin-top:2px!important;
  max-width:82px!important;
  text-align:center!important;
  font-size:9px!important;
  line-height:1!important;
  opacity:.88!important;
  color:#9a3412!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}


/* --------------------------------------------------------------------------
   V3.28.25 CSR Presence Color + Attempt Spacing Fix
-------------------------------------------------------------------------- */

/* Header active timer: high contrast, no orange-on-orange issue */
.csr-presence-header .worker-state-working{
  background:
    radial-gradient(circle at top,rgba(34,197,94,.13),transparent 42%),
    linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;
  border-color:rgba(34,197,94,.72)!important;
}
.csr-presence-header .worker-state-working .worker-presence-line small{
  color:#fde68a!important;
  max-width:28px!important;
  font-size:8.8px!important;
}
.csr-presence-header .worker-state-working .live-timer,
.csr-presence-header .live-timer.age-normal{
  background:#bbf7d0!important;
  color:#14532d!important;
  border:1px solid rgba(34,197,94,.55)!important;
  box-shadow:0 0 0 1px rgba(34,197,94,.14),0 4px 10px rgba(34,197,94,.12)!important;
}
.csr-presence-header .live-timer.age-warn{
  background:#fef08a!important;
  color:#713f12!important;
  border:1px solid rgba(234,179,8,.55)!important;
}
.csr-presence-header .live-timer.age-alert{
  background:#fed7aa!important;
  color:#7c2d12!important;
  border:1px solid rgba(249,115,22,.55)!important;
}
.csr-presence-header .live-timer.age-danger{
  background:#fecaca!important;
  color:#7f1d1d!important;
  border:1px solid rgba(239,68,68,.62)!important;
}

/* Offline cards: only "Offline" line, clean neutral contrast */
.csr-presence-header .worker-state-offline{
  opacity:.58!important;
  filter:grayscale(.20)!important;
  background:linear-gradient(180deg,rgba(30,41,59,.72),rgba(15,23,42,.70))!important;
  border-color:rgba(148,163,184,.22)!important;
}
.csr-presence-header .worker-state-offline .worker-avatar{
  border-color:#64748b!important;
}
.csr-presence-header .worker-state-offline b{
  color:#cbd5e1!important;
}
.csr-presence-header .offline-only-line{
  justify-content:center!important;
}
.csr-presence-header .offline-only-line small{
  max-width:62px!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  background:#e2e8f0!important;
  color:#334155!important;
  font-size:8.2px!important;
  font-weight:1000!important;
  line-height:1!important;
}

/* Idle color improved: "Last A1" + idle chip should be visible */
.csr-presence-header .worker-state-idle .worker-presence-line small{
  color:#fcd34d!important;
  max-width:42px!important;
  font-size:8.2px!important;
}
.csr-presence-header .worker-state-idle .presence-idle{
  background:#dbeafe!important;
  color:#1e3a8a!important;
  border:1px solid rgba(59,130,246,.38)!important;
}

/* Attempt LIVE card: reduce unnecessary gap between photo, name and timer */
.attempt-chip.compact-working{
  height:84px!important;
  min-height:84px!important;
  padding:22px 7px 6px!important;
  justify-content:flex-start!important;
}
.attempt-chip.compact-working .chip-head{
  height:15px!important;
  min-height:15px!important;
  margin:0!important;
}
.attempt-chip.compact-working .chip-head b{
  font-size:14px!important;
}
.attempt-chip.compact-working .chip-csr-avatar{
  --avatar-size:32px!important;
  top:-14px!important;
}
.attempt-chip.compact-working .chip-csr-avatar::after{
  top:calc(100% + 0px)!important;
  font-size:6px!important;
  padding:1px 4px!important;
}
.attempt-chip.compact-working .chip-live-person{
  margin:-1px 0 0!important;
  padding:0!important;
}
.attempt-chip.compact-working .chip-live-person>span:last-child{
  gap:1px!important;
}
.attempt-chip.compact-working .live-csr{
  margin-top:0!important;
  font-size:10px!important;
  line-height:1!important;
  max-width:80px!important;
}
.attempt-chip.compact-working .chip-live-timer{
  margin-top:1px!important;
  min-width:42px!important;
  padding:2px 6px!important;
  font-size:9px!important;
  background:#bbf7d0!important;
  color:#14532d!important;
  border:1px solid rgba(34,197,94,.45)!important;
}
.attempt-chip.compact-working .chip-live-timer.age-warn{
  background:#fef08a!important;
  color:#713f12!important;
  border-color:rgba(234,179,8,.55)!important;
}
.attempt-chip.compact-working .chip-live-timer.age-alert{
  background:#fed7aa!important;
  color:#7c2d12!important;
  border-color:rgba(249,115,22,.55)!important;
}
.attempt-chip.compact-working .chip-live-timer.age-danger{
  background:#fecaca!important;
  color:#7f1d1d!important;
  border-color:rgba(239,68,68,.62)!important;
}
.attempt-chip.compact-working .chip-time.live-time{
  margin-top:1px!important;
  font-size:8.7px!important;
  line-height:1!important;
}


/* --------------------------------------------------------------------------
   V3.28.26 Final Live Ready Stabilization
-------------------------------------------------------------------------- */
.live-performance-settings-card,
.live-checklist-card{
  border-color:#bfdbfe!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
}
.live-settings-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.live-settings-grid label,
.live-settings-grid div{
  min-width:0!important;
}
.live-settings-grid label:not(.toggle-card),
.live-settings-grid div:not(.toggle-card){
  display:block!important;
}
.live-settings-grid label,
.live-settings-grid select,
.live-settings-grid input{
  width:100%!important;
}
.live-settings-grid label{
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  color:#475569!important;
}
.live-settings-grid select,
.live-settings-grid input[type=number]{
  margin-top:6px!important;
  border:1px solid #dbeafe!important;
  border-radius:12px!important;
  padding:10px!important;
  background:#fff!important;
  font-weight:850!important;
}
.live-settings-grid small{
  display:block!important;
  margin-top:6px!important;
  color:#64748b!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.toggle-card{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  padding:12px!important;
  border:1px solid #dbeafe!important;
  border-radius:14px!important;
  background:#ffffff!important;
  box-shadow:0 8px 20px rgba(15,23,42,.04)!important;
}
.toggle-card input{
  width:auto!important;
  align-self:flex-start!important;
  transform:scale(1.15)!important;
}
.toggle-card b{
  font-size:12px!important;
  color:#0f172a!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.toggle-card span{
  color:#64748b!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.live-settings-actions{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  margin-top:14px!important;
  flex-wrap:wrap!important;
}
.live-checklist-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.live-checklist-grid>div{
  padding:13px!important;
  border:1px solid #e2e8f0!important;
  border-radius:14px!important;
  background:#ffffff!important;
}
.live-checklist-grid b{
  display:block!important;
  color:#0f172a!important;
  font-size:13px!important;
  margin-bottom:5px!important;
}
.live-checklist-grid span{
  display:block!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.green-soft{
  background:#dcfce7!important;
  color:#166534!important;
}
@media(max-width:1200px){
  .live-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .live-checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .live-settings-grid,.live-checklist-grid{grid-template-columns:1fr!important}
}


/* --------------------------------------------------------------------------
   V3.28.27 Executive Monitoring + Reports
-------------------------------------------------------------------------- */
.admin-alert-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:34px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:1000!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  border:1px solid transparent!important;
}
.admin-alert-ok{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important}
.admin-alert-warn{background:#fef3c7!important;color:#92400e!important;border-color:#fbbf24!important}
.admin-alert-danger{background:#fee2e2!important;color:#991b1b!important;border-color:#fca5a5!important;animation:csrTimerPulse 1.1s ease-in-out infinite!important}

.command-center-shell{
  display:grid!important;
  gap:14px!important;
  margin:16px 0!important;
}
.command-hero{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
  background:linear-gradient(135deg,#0f172a 0%,#1e293b 45%,#064e3b 100%)!important;
  color:#fff!important;
  border:0!important;
  overflow:hidden!important;
}
.command-hero h2{
  color:#fff!important;
  font-size:24px!important;
  margin:8px 0 5px!important;
  letter-spacing:-.03em!important;
}
.command-hero p{color:#cbd5e1!important;margin:0!important;max-width:760px!important}
.command-range{
  min-width:140px!important;
  padding:14px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.10)!important;
  text-align:center!important;
  color:#e2e8f0!important;
}
.command-range b{font-size:28px!important;color:#fff!important}
.command-metric-grid{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:10px!important;
}
.command-metric{
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  border-radius:18px!important;
  padding:13px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.04)!important;
}
.command-metric small{
  display:block!important;
  color:#64748b!important;
  font-size:10px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.command-metric b{
  display:block!important;
  margin:6px 0 2px!important;
  font-size:23px!important;
  color:#0f172a!important;
  line-height:1!important;
}
.command-metric span{
  display:block!important;
  color:#64748b!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.command-grid-2{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
}
.command-card{
  min-width:0!important;
}
.command-card-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
.command-card-head h3{
  margin:0!important;
  color:#0f172a!important;
  font-size:18px!important;
}
.command-card-head span{
  color:#64748b!important;
  font-size:11px!important;
  font-weight:900!important;
}
.empty-state-good{
  padding:18px!important;
  border:1px dashed #86efac!important;
  border-radius:16px!important;
  background:#f0fdf4!important;
  color:#166534!important;
  font-weight:900!important;
  text-align:center!important;
}
.notify-row{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:4px 10px!important;
  padding:12px!important;
  border-radius:14px!important;
  margin-bottom:8px!important;
  border:1px solid #e2e8f0!important;
}
.notify-row b{color:#0f172a!important}
.notify-row strong{font-size:18px!important}
.notify-row span{grid-column:1/-1!important;color:#64748b!important;font-size:12px!important}
.notify-danger{background:#fef2f2!important;border-color:#fecaca!important}
.notify-warn{background:#fffbeb!important;border-color:#fde68a!important}
.notify-info{background:#eff6ff!important;border-color:#bfdbfe!important}
.mini-chart{
  height:210px!important;
  display:flex!important;
  align-items:end!important;
  gap:10px!important;
  padding:14px 4px 4px!important;
}
.mini-day{
  flex:1!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:5px!important;
}
.bars{
  height:150px!important;
  width:100%!important;
  display:flex!important;
  align-items:end!important;
  justify-content:center!important;
  gap:3px!important;
  border-bottom:1px solid #e2e8f0!important;
}
.bars i{
  display:block!important;
  width:8px!important;
  border-radius:999px 999px 0 0!important;
  min-height:3px!important;
}
.bar-total{background:#94a3b8!important}
.bar-cnf{background:#22c55e!important}
.bar-cxl{background:#ef4444!important}
.mini-day b{font-size:10px!important;color:#475569!important;white-space:nowrap!important}
.mini-day small{font-size:10px!important;color:#94a3b8!important}
.chart-legend{
  display:flex!important;
  gap:14px!important;
  justify-content:center!important;
  margin-top:8px!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:900!important;
}
.chart-legend span::before{
  content:""!important;
  display:inline-block!important;
  width:8px!important;height:8px!important;
  border-radius:999px!important;
  background:#94a3b8!important;
  margin-right:5px!important;
}
.chart-legend span:nth-child(2)::before{background:#22c55e!important}
.chart-legend span:nth-child(3)::before{background:#ef4444!important}
.table-scroll-lite{overflow:auto!important;max-height:420px!important}
.command-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.command-table th{
  position:sticky!important;
  top:0!important;
  background:#f8fafc!important;
  color:#475569!important;
  font-size:10px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  z-index:2!important;
}
.command-table th,.command-table td{
  padding:9px!important;
  border-bottom:1px solid #e2e8f0!important;
  text-align:left!important;
  font-size:12px!important;
}
.command-table td small{
  display:block!important;
  color:#94a3b8!important;
  font-size:10px!important;
}
.rate-pill{
  display:inline-flex!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:#dcfce7!important;
  color:#166534!important;
  font-weight:1000!important;
}
.stuck-row{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:4px 10px!important;
  padding:12px!important;
  border-radius:14px!important;
  margin-bottom:8px!important;
  background:#fff7ed!important;
  border:1px solid #fed7aa!important;
  text-decoration:none!important;
}
.stuck-row b{color:#0f172a!important}
.stuck-row span{grid-column:1!important;color:#9a3412!important;font-size:12px!important}
.stuck-row strong{grid-row:1/3!important;grid-column:2!important;align-self:center!important;color:#991b1b!important;background:#fee2e2!important;border-radius:999px!important;padding:5px 9px!important}
.reset-candidate-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.reset-candidate-grid div{
  padding:14px!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
}
.reset-candidate-grid b{display:block!important;font-size:18px!important;color:#0f172a!important}
.reset-candidate-grid span{display:block!important;color:#64748b!important;font-size:12px!important}
.safety-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-bottom:10px!important;
}
.advanced-monitoring-settings-card{
  border-color:#bbf7d0!important;
  background:linear-gradient(180deg,#ffffff,#f7fff9)!important;
}
.advanced-settings-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.advanced-settings-grid label,
.advanced-settings-grid div{
  min-width:0!important;
}
.advanced-settings-grid input,
.advanced-settings-grid select{
  width:100%!important;
  border:1px solid #dcfce7!important;
  border-radius:12px!important;
  padding:10px!important;
  background:#fff!important;
  font-weight:850!important;
}
.advanced-settings-grid small{
  display:block!important;
  margin-top:6px!important;
  color:#64748b!important;
  font-size:11px!important;
  line-height:1.35!important;
}
@media(max-width:1400px){
  .command-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1100px){
  .command-grid-2{grid-template-columns:1fr!important}
  .advanced-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .command-metric-grid,.advanced-settings-grid,.reset-candidate-grid{grid-template-columns:1fr!important}
}


/* --------------------------------------------------------------------------
   V3.28.28 Advanced Reports + Dashboard Redesign
-------------------------------------------------------------------------- */
.report-top-note{
  margin:8px 0 14px!important;
  padding:12px 14px!important;
  border:1px solid #bfdbfe!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#eff6ff,#ffffff)!important;
  color:#1e3a8a!important;
  font-weight:800!important;
}
.report-section-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  margin-top:14px!important;
}
.status-analysis-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.status-analysis-grid div{
  padding:12px!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
}
.status-analysis-grid b{display:block!important;color:#0f172a!important;font-size:12px!important}
.status-analysis-grid span{display:block!important;font-size:20px!important;font-weight:1000!important;color:#1d4ed8!important}
.calling-titlebar-final{
  margin-bottom:0!important;
  border-radius:18px 18px 0 0!important;
}
.calling-kpi-strip{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:9px 12px!important;
  margin:0 0 10px!important;
  background:linear-gradient(135deg,#0f172a,#1e293b)!important;
  border-radius:0 0 18px 18px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.10)!important;
  color:#fff!important;
  overflow-x:auto!important;
}
.calling-kpi-left{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:max-content!important;
}
.calling-kpi-left>strong{
  font-size:12px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#cbd5e1!important;
  margin-right:4px!important;
}
.kpi-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  height:30px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.08)!important;
}
.kpi-pill small{
  font-size:9px!important;
  font-weight:1000!important;
  color:rgba(255,255,255,.78)!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.kpi-pill b{
  font-size:14px!important;
  color:#fff!important;
  line-height:1!important;
}
.metric-green{background:rgba(34,197,94,.18)!important;border-color:rgba(34,197,94,.38)!important}
.metric-red{background:rgba(239,68,68,.18)!important;border-color:rgba(239,68,68,.38)!important}
.metric-amber{background:rgba(245,158,11,.18)!important;border-color:rgba(245,158,11,.38)!important}
.metric-purple{background:rgba(168,85,247,.18)!important;border-color:rgba(168,85,247,.38)!important}
.metric-blue{background:rgba(59,130,246,.18)!important;border-color:rgba(59,130,246,.38)!important}
.metric-live{background:rgba(14,165,233,.18)!important;border-color:rgba(14,165,233,.38)!important}
.metric-danger{background:rgba(248,113,113,.22)!important;border-color:rgba(248,113,113,.50)!important}
.calling-kpi-right{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:max-content!important;
}
.calling-kpi-right span{
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
  padding:5px 10px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.calling-kpi-right small{
  font-size:9px!important;
  color:#cbd5e1!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.calling-kpi-right b{
  font-size:12px!important;
  color:#fff!important;
}
.advanced-search-box{
  grid-column:1/-1!important;
  margin-top:10px!important;
  border:1px solid #dbeafe!important;
  border-radius:16px!important;
  background:#f8fbff!important;
  overflow:hidden!important;
}
.advanced-search-box summary{
  cursor:pointer!important;
  padding:12px 14px!important;
  font-weight:1000!important;
  color:#1e3a8a!important;
  list-style:none!important;
}
.advanced-search-box summary::-webkit-details-marker{display:none!important}
.advanced-search-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0 14px 14px!important;
}
.advanced-search-grid label{
  font-size:10px!important;
  color:#64748b!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.advanced-search-grid input,
.advanced-search-grid select{
  width:100%!important;
  height:36px!important;
  border:1px solid #dbeafe!important;
  border-radius:10px!important;
  padding:0 9px!important;
  background:#fff!important;
  font-size:12px!important;
}
.csr-report-shell{display:grid!important;gap:14px!important}
.report-range-tabs{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.report-range-tabs a{
  display:inline-flex!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:#f1f5f9!important;
  color:#334155!important;
  text-decoration:none!important;
  font-weight:900!important;
  font-size:12px!important;
}
.report-range-tabs a.active{
  background:#0f172a!important;
  color:#fff!important;
}
.csr-personal-metrics{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
@media(max-width:1300px){
  .advanced-search-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .report-section-grid{grid-template-columns:1fr!important}
  .csr-personal-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .advanced-search-grid,.status-analysis-grid,.csr-personal-metrics{grid-template-columns:1fr!important}
  .calling-kpi-strip{align-items:flex-start!important;flex-direction:column!important}
}


/* --------------------------------------------------------------------------
   V3.28.29 Sticky KPI + Filter Cleanup
-------------------------------------------------------------------------- */

/* Remove old dashboard title spacing; KPI strip becomes the direct workspace header */
.calling-titlebar-final,
.calling-titlebar{
  display:none!important;
}

/* KPI strip now sits directly below main CRM header and stays sticky while calling */
.calling-kpi-strip{
  position:sticky!important;
  top:112px!important;
  z-index:9988!important;
  margin:0 0 10px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

/* Search button lives inside the KPI strip, under/with login & working time */
.kpi-filter-toggle{
  height:42px!important;
  min-width:82px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffffff,#dbeafe)!important;
  color:#0f172a!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.18)!important;
  cursor:pointer!important;
}
.kpi-filter-toggle small{
  font-size:9px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#1d4ed8!important;
}
.kpi-filter-toggle b{
  font-size:12px!important;
  line-height:1!important;
  font-weight:1000!important;
  color:#0f172a!important;
}
.kpi-filter-toggle:hover{
  background:linear-gradient(180deg,#eff6ff,#bfdbfe)!important;
  transform:translateY(-1px)!important;
}

/* Dedicated filter panel only: no stats/live cards inside it */
.order-filter-panel{
  margin:0 0 10px!important;
}
.order-filter-panel.is-collapsed{
  display:none!important;
}
.filter-card-search-only{
  border:1px solid #bfdbfe!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  box-shadow:0 16px 34px rgba(15,23,42,.08)!important;
  border-radius:20px!important;
  padding:0!important;
  overflow:hidden!important;
}
.filter-panel-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:14px 16px!important;
  background:linear-gradient(135deg,#0f172a,#1e3a8a)!important;
  color:#fff!important;
}
.filter-panel-head b{
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  letter-spacing:-.02em!important;
}
.filter-panel-head span{
  display:block!important;
  color:#bfdbfe!important;
  font-size:12px!important;
  margin-top:2px!important;
}
.filter-panel-head .mini-edit{
  background:#fff!important;
  color:#1e3a8a!important;
  border-radius:999px!important;
  padding:7px 11px!important;
  font-weight:1000!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.dedicated-filter-form{
  padding:14px!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:10px!important;
}
.dedicated-filter-form>div{
  min-width:0!important;
}
.dedicated-filter-form label{
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.06em!important;
  color:#64748b!important;
  text-transform:uppercase!important;
}
.dedicated-filter-form input,
.dedicated-filter-form select{
  width:100%!important;
  height:38px!important;
  border:1px solid #dbeafe!important;
  border-radius:11px!important;
  background:#fff!important;
  padding:0 10px!important;
  font-size:12px!important;
  font-weight:750!important;
}
.dedicated-filter-form button{
  height:38px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#16a34a,#15803d)!important;
  color:#fff!important;
  border:0!important;
  font-weight:1000!important;
  box-shadow:0 10px 20px rgba(22,163,74,.22)!important;
}
.dedicated-filter-form .advanced-search-box{
  margin-top:0!important;
  background:#ffffff!important;
  border-color:#dbeafe!important;
  border-radius:16px!important;
}
.dedicated-filter-form .advanced-search-box summary{
  background:#eff6ff!important;
}
.dedicated-filter-form .advanced-search-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}

@media(max-width:1500px){
  .dedicated-filter-form{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .dedicated-filter-form .advanced-search-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .calling-kpi-strip{top:96px!important}
  .dedicated-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
  .dedicated-filter-form,
  .dedicated-filter-form .advanced-search-grid{grid-template-columns:1fr!important}
  .kpi-filter-toggle{width:100%!important}
}


/* --------------------------------------------------------------------------
   V3.28.30 Attendance Foundation + Payroll Preview UI
-------------------------------------------------------------------------- */
.attendance-hero{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:20px!important;
  background:linear-gradient(135deg,#0f172a 0%,#1e293b 48%,#064e3b 100%)!important;
  color:#fff!important;
  border:0!important;
  overflow:hidden!important;
}
.attendance-hero h2{color:#fff!important;font-size:25px!important;margin:8px 0 5px!important;letter-spacing:-.03em!important}
.attendance-hero p{color:#cbd5e1!important;margin:0!important;max-width:780px!important}
.attendance-hero-policy{
  min-width:250px!important;
  padding:15px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.attendance-hero-policy b{display:block!important;color:#fff!important;margin-bottom:5px!important}
.attendance-hero-policy span{display:block!important;color:#dbeafe!important;font-size:12px!important;line-height:1.4!important}
.attendance-admin-kpis{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:10px!important;
  margin:14px 0!important;
}
.attendance-kpi{
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  border-radius:18px!important;
  padding:13px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.04)!important;
}
.attendance-kpi small{
  display:block!important;
  color:#64748b!important;
  font-size:10px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.attendance-kpi b{
  display:block!important;
  margin:6px 0 2px!important;
  font-size:20px!important;
  color:#0f172a!important;
  line-height:1!important;
}
.attendance-kpi span{
  display:block!important;
  color:#64748b!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.attendance-tools-row{
  display:flex!important;
  gap:10px!important;
  margin:10px 0 14px!important;
  flex-wrap:wrap!important;
}
.attendance-tools-row form{
  display:flex!important;
  align-items:end!important;
  gap:8px!important;
  padding:10px!important;
  border:1px solid #dbeafe!important;
  border-radius:14px!important;
  background:#f8fbff!important;
}
.attendance-tools-row label{
  font-size:10px!important;
  color:#64748b!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
}
.attendance-tools-row input{
  height:36px!important;
  border:1px solid #dbeafe!important;
  border-radius:10px!important;
  padding:0 9px!important;
}
.attendance-tools-row button{
  height:36px!important;
  border:0!important;
  border-radius:10px!important;
  background:#0f172a!important;
  color:#fff!important;
  font-weight:1000!important;
  padding:0 12px!important;
}
.attendance-grid-2{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  margin:14px 0!important;
}
.attendance-card{
  border-color:#dbeafe!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
}
.att-state{
  display:inline-flex!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:1000!important;
}
.att-live{background:#dcfce7!important;color:#166534!important}
.att-offline{background:#e2e8f0!important;color:#475569!important}
.attendance-mini-form{
  display:grid!important;
  grid-template-columns:180px 1fr auto!important;
  gap:10px!important;
  align-items:end!important;
  margin-bottom:12px!important;
}
.attendance-mini-form label,
.attendance-profile-form label,
.attendance-adjust-form label{
  font-size:10px!important;
  color:#64748b!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.attendance-mini-form input,
.attendance-mini-form select,
.attendance-profile-form input,
.attendance-profile-form select,
.attendance-adjust-form input,
.attendance-adjust-form select{
  width:100%!important;
  height:38px!important;
  border:1px solid #dbeafe!important;
  border-radius:11px!important;
  background:#fff!important;
  padding:0 10px!important;
  font-size:12px!important;
  font-weight:750!important;
}
.approved-work-live{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  border-radius:14px!important;
  background:#f5f3ff!important;
  border:1px solid #ddd6fe!important;
  margin-bottom:8px!important;
}
.approved-work-live b{display:block!important;color:#312e81!important}
.approved-work-live span{display:block!important;color:#6d28d9!important;font-size:12px!important}
.attendance-settings-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.attendance-settings-grid.compact{
  grid-template-columns:160px 160px 120px 1fr!important;
}
.attendance-policy-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.attendance-policy-grid div{
  padding:13px!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
}
.attendance-policy-grid b{display:block!important;color:#0f172a!important;margin-bottom:4px!important}
.attendance-policy-grid span{display:block!important;color:#64748b!important;font-size:12px!important}
.attendance-disclaimer{
  margin:12px 0 0!important;
  padding:12px!important;
  border-radius:14px!important;
  background:#fff7ed!important;
  border:1px solid #fed7aa!important;
  color:#9a3412!important;
  font-weight:800!important;
}
.attendance-toast{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  width:min(360px,calc(100vw - 36px))!important;
  padding:14px 16px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#0f172a,#1e3a8a)!important;
  color:#fff!important;
  box-shadow:0 18px 50px rgba(15,23,42,.35)!important;
  z-index:999999!important;
  transform:translateY(20px)!important;
  opacity:0!important;
  transition:.25s ease!important;
}
.attendance-toast.show{transform:translateY(0)!important;opacity:1!important}
.attendance-toast b{display:block!important;color:#fde68a!important;margin-bottom:3px!important}
.attendance-toast span{display:block!important;color:#dbeafe!important;font-size:13px!important;line-height:1.35!important}
@media(max-width:1450px){
  .attendance-admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .attendance-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1050px){
  .attendance-grid-2{grid-template-columns:1fr!important}
  .attendance-hero{flex-direction:column!important;align-items:flex-start!important}
}
@media(max-width:720px){
  .attendance-admin-kpis,.my-attendance-kpis,.attendance-policy-grid,.attendance-settings-grid,.attendance-settings-grid.compact{grid-template-columns:1fr!important}
  .attendance-mini-form{grid-template-columns:1fr!important}
}


/* --------------------------------------------------------------------------
   V3.28.31 Final Live Timing Sync Fix
-------------------------------------------------------------------------- */
.instant-live-card{
  box-shadow:0 12px 26px rgba(22,163,74,.18)!important;
  border-color:#86efac!important;
  animation:crmInstantLivePulse 1.25s ease-in-out 2!important;
}
.chip-csr-avatar-fallback{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#16a34a,#86efac)!important;
  color:#052e16!important;
  font-size:11px!important;
  font-weight:1000!important;
  border:2px solid rgba(255,255,255,.75)!important;
  box-shadow:0 7px 16px rgba(22,163,74,.25)!important;
  flex:0 0 auto!important;
}
.inline-opening-panel{
  border-color:#86efac!important;
  background:linear-gradient(180deg,#f0fdf4,#ffffff)!important;
}
@keyframes crmInstantLivePulse{
  0%{transform:scale(.985);filter:brightness(1)}
  50%{transform:scale(1.025);filter:brightness(1.08)}
  100%{transform:scale(1);filter:brightness(1)}
}


/* --------------------------------------------------------------------------
   V3.28.32 Live Card Avatar + Close Fix
-------------------------------------------------------------------------- */
.instant-live-card .chip-csr-avatar,
.attempt-chip.compact-working .chip-csr-avatar{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
}
.instant-live-card .chip-csr-avatar img,
.attempt-chip.compact-working .chip-csr-avatar img{
  width:32px!important;
  height:32px!important;
  object-fit:cover!important;
  border-radius:999px!important;
}
.instant-live-card .chip-csr-avatar-fallback{
  width:32px!important;
  height:32px!important;
}


/* --------------------------------------------------------------------------
   V3.28.33 Complete Attempt + Live Clear Fix
-------------------------------------------------------------------------- */
.instant-completed-card{
  border-color:#bbf7d0!important;
  background:linear-gradient(180deg,#f0fdf4,#ffffff)!important;
  box-shadow:0 10px 22px rgba(22,163,74,.12)!important;
  animation:crmAttemptCompletePulse 1.1s ease-in-out 1!important;
}
.instant-completed-card .chip-status{
  color:#166534!important;
  font-weight:1000!important;
}
.complete-attempt-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:9px 18px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#16a34a,#15803d)!important;
  box-shadow:0 12px 24px rgba(22,163,74,.24)!important;
  border:0!important;
}
.complete-attempt-btn span{
  color:#fff!important;
  font-weight:1000!important;
  font-size:14px!important;
}
.complete-attempt-btn small{
  color:#dcfce7!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.complete-attempt-btn:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.05)!important;
}
@keyframes crmAttemptCompletePulse{
  0%{transform:scale(.985);filter:brightness(1)}
  50%{transform:scale(1.018);filter:brightness(1.06)}
  100%{transform:scale(1);filter:brightness(1)}
}


/* --------------------------------------------------------------------------
   V3.28.34 Attempt Detail Render Fix
-------------------------------------------------------------------------- */
.attempts-summary-cell.cell-flash{
  animation:crmAttemptDetailFlash .75s ease-in-out 1!important;
}
@keyframes crmAttemptDetailFlash{
  0%{filter:brightness(1)}
  45%{filter:brightness(1.08)}
  100%{filter:brightness(1)}
}


/* --------------------------------------------------------------------------
   V3.28.35 Cross User Live Sync Fix
-------------------------------------------------------------------------- */
.attempts-summary-cell.cell-flash .attempt-chip.compact-working,
.attempts-summary-cell.cell-flash .attempt-chip.compact-done{
  animation:crmCrossLiveSyncFlash .9s ease-in-out 1!important;
}
@keyframes crmCrossLiveSyncFlash{
  0%{filter:brightness(1)}
  45%{filter:brightness(1.10)}
  100%{filter:brightness(1)}
}


/* --------------------------------------------------------------------------
   V3.28.36 Legacy Sheet Bridge Foundation
-------------------------------------------------------------------------- */
.legacy-hero{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
  background:linear-gradient(135deg,#0f172a 0%,#1e293b 52%,#065f46 100%)!important;
  color:#fff!important;
  border:0!important;
}
.legacy-hero h2{margin:8px 0 5px!important;color:#fff!important;font-size:25px!important;letter-spacing:-.03em!important}
.legacy-hero p{margin:0!important;color:#cbd5e1!important;max-width:760px!important}
.legacy-hero-box{min-width:260px!important;border-radius:18px!important;padding:15px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.12)!important}
.legacy-hero-box b{display:block!important;color:#fff!important;margin-bottom:5px!important}
.legacy-hero-box span{display:block!important;color:#dbeafe!important;font-size:12px!important;line-height:1.4!important}
.legacy-kpis{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important}
.legacy-kpi{background:#fff!important;border:1px solid #dbeafe!important;border-radius:18px!important;padding:13px!important;box-shadow:0 8px 22px rgba(15,23,42,.04)!important}
.legacy-kpi small{display:block!important;color:#64748b!important;font-size:10px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.legacy-kpi b{display:block!important;margin:6px 0 2px!important;font-size:22px!important;color:#0f172a!important;line-height:1!important}
.legacy-kpi span{display:block!important;color:#64748b!important;font-size:11px!important;line-height:1.25!important}
.legacy-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin:14px 0!important}
.legacy-card{border-color:#dbeafe!important;background:linear-gradient(180deg,#ffffff,#f8fbff)!important}
.legacy-form{display:grid!important;gap:12px!important}
.legacy-form label{display:block!important;font-size:10px!important;font-weight:1000!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-bottom:5px!important}
.legacy-form input,.legacy-form select{width:100%!important;min-height:40px!important;border:1px solid #dbeafe!important;border-radius:12px!important;background:#fff!important;padding:8px 10px!important;font-weight:800!important}
.legacy-form small{display:block!important;margin-top:5px!important;color:#64748b!important;font-size:11px!important}
.legacy-help{margin-top:12px!important;padding:12px!important;border-radius:14px!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important}
.legacy-help b{display:block!important;color:#14532d!important;margin-bottom:4px!important}
.legacy-help span{display:block!important;color:#166534!important;font-size:12px!important;line-height:1.35!important}
.legacy-confirm-form{display:flex!important;gap:10px!important;margin-top:14px!important;align-items:center!important}
.legacy-issue{display:inline-flex!important;padding:4px 8px!important;border-radius:999px!important;font-size:10px!important;font-weight:1000!important}
.legacy-issue.ok{background:#dcfce7!important;color:#166534!important}
.legacy-issue.warn{background:#fef3c7!important;color:#92400e!important}
.legacy-issue.error{background:#fee2e2!important;color:#991b1b!important}
@media(max-width:1200px){.legacy-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.legacy-grid{grid-template-columns:1fr!important}.legacy-hero{flex-direction:column!important;align-items:flex-start!important}}
@media(max-width:720px){.legacy-kpis{grid-template-columns:1fr!important}}


/* --------------------------------------------------------------------------
   V3.28.37 Advanced CSR Registration Panel
-------------------------------------------------------------------------- */
.users-hero{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
  background:linear-gradient(135deg,#0f172a 0%,#172554 48%,#065f46 100%)!important;
  color:#fff!important;
  border:0!important;
}
.users-hero h2{margin:8px 0 5px!important;color:#fff!important;font-size:25px!important;letter-spacing:-.03em!important}
.users-hero p{margin:0!important;color:#cbd5e1!important;max-width:780px!important}
.users-hero-box{min-width:270px!important;border-radius:18px!important;padding:15px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.12)!important}
.users-hero-box b{display:block!important;color:#fff!important;margin-bottom:5px!important}
.users-hero-box span{display:block!important;color:#dbeafe!important;font-size:12px!important;line-height:1.4!important}
.users-kpis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important}
.users-kpi{background:#fff!important;border:1px solid #dbeafe!important;border-radius:18px!important;padding:13px!important;box-shadow:0 8px 22px rgba(15,23,42,.04)!important}
.users-kpi small{display:block!important;color:#64748b!important;font-size:10px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.users-kpi b{display:block!important;margin:6px 0 2px!important;font-size:22px!important;color:#0f172a!important;line-height:1!important}
.users-kpi span{display:block!important;color:#64748b!important;font-size:11px!important;line-height:1.25!important}
.advanced-user-form-card,.advanced-users-table-card{border-color:#dbeafe!important;background:linear-gradient(180deg,#ffffff,#f8fbff)!important}
.user-form-sections{display:grid!important;gap:14px!important}
.user-form-sections section{border:1px solid #dbeafe!important;border-radius:18px!important;padding:14px!important;background:#fff!important}
.user-form-sections h4{margin:0 0 12px!important;color:#0f172a!important}
.user-form-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.user-form-grid .span-2{grid-column:span 2!important}
.advanced-user-form label{display:block!important;font-size:10px!important;font-weight:1000!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-bottom:5px!important}
.advanced-user-form input,.advanced-user-form select,.advanced-user-form textarea{width:100%!important;border:1px solid #dbeafe!important;border-radius:12px!important;background:#fff!important;padding:9px 10px!important;font-weight:800!important}
.advanced-user-form input,.advanced-user-form select{min-height:40px!important}
.advanced-user-form small{display:block!important;margin-top:5px!important;color:#64748b!important;font-size:11px!important}
.user-photo-row{display:flex!important;align-items:center!important;gap:16px!important}
.user-form-avatar{width:72px!important;height:72px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:1000!important;background:#dcfce7!important;color:#166534!important;overflow:hidden!important}
.user-form-avatar img{width:72px!important;height:72px!important;object-fit:cover!important;border-radius:999px!important}
.advanced-user-actions{display:flex!important;gap:10px!important;margin-top:14px!important}
.advanced-users-table td small{display:block!important;color:#64748b!important;font-size:11px!important;margin-top:3px!important}
.short-name-pill,.map-ok,.map-missing,.user-status{display:inline-flex!important;align-items:center!important;padding:4px 8px!important;border-radius:999px!important;font-size:10px!important;font-weight:1000!important}
.short-name-pill{background:#eef2ff!important;color:#3730a3!important}
.map-ok,.user-status.active{background:#dcfce7!important;color:#166534!important}
.map-missing{background:#fef3c7!important;color:#92400e!important}
.user-status.inactive{background:#e2e8f0!important;color:#475569!important}
.profile-meter{height:7px!important;width:72px!important;border-radius:999px!important;background:#e2e8f0!important;overflow:hidden!important}
.profile-meter span{display:block!important;height:100%!important;background:linear-gradient(90deg,#16a34a,#86efac)!important;border-radius:999px!important}
.user-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
.user-actions form{margin:0!important}
.btn.danger{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}
@media(max-width:1300px){.users-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){.users-hero{flex-direction:column!important;align-items:flex-start!important}.users-kpis,.user-form-grid{grid-template-columns:1fr!important}.user-form-grid .span-2{grid-column:span 1!important}}


/* --------------------------------------------------------------------------
   V3.28.38 Legacy Bridge Sample + Safe Import Fix
-------------------------------------------------------------------------- */
.legacy-sample-bar{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  border-color:#bbf7d0!important;
  background:linear-gradient(180deg,#f0fdf4,#ffffff)!important;
}
.legacy-sample-bar b{display:block!important;color:#14532d!important}
.legacy-sample-bar span{display:block!important;color:#166534!important;font-size:12px!important}
.legacy-rule-note{
  margin:10px 0 12px!important;
  padding:12px!important;
  border-radius:14px!important;
  background:#eff6ff!important;
  border:1px solid #bfdbfe!important;
}
.legacy-rule-note b{display:block!important;color:#1e3a8a!important;margin-bottom:4px!important}
.legacy-rule-note span{display:block!important;color:#1d4ed8!important;font-size:12px!important;line-height:1.35!important}
.legacy-issue.skipped{background:#e2e8f0!important;color:#475569!important}
.legacy-issue.rto{background:#dcfce7!important;color:#166534!important}
.legacy-rto-row td{background:#f0fdf4!important}


/* --------------------------------------------------------------------------
   V3.28.39 Legacy Batch Actions + Date Fix
-------------------------------------------------------------------------- */
.legacy-date-help{
  border-color:#bfdbfe!important;
  background:linear-gradient(180deg,#eff6ff,#ffffff)!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:10px 0!important;
}
.legacy-date-help b{
  color:#1e3a8a!important;
  white-space:nowrap!important;
}
.legacy-date-help span{
  color:#1d4ed8!important;
  font-size:13px!important;
  line-height:1.4!important;
}
.legacy-batch-actions{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  min-width:420px!important;
}
.legacy-batch-actions form{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
}
.legacy-batch-actions input{
  width:150px!important;
  height:32px!important;
  border:1px solid #fecaca!important;
  border-radius:9px!important;
  padding:0 8px!important;
  font-size:11px!important;
}
.legacy-batch-actions .btn{
  min-height:32px!important;
  padding:6px 9px!important;
  font-size:11px!important;
}


/* --------------------------------------------------------------------------
   V3.28.40 Legacy Attempt Time Format Update
-------------------------------------------------------------------------- */
.legacy-date-help strong{
  background:#dbeafe!important;
  color:#1e3a8a!important;
  padding:2px 5px!important;
  border-radius:6px!important;
}


/* --------------------------------------------------------------------------
   V3.28.44 Legacy Async Chunk Import Engine
-------------------------------------------------------------------------- */
.legacy-progress-card{
  border-color:#86efac!important;
  background:linear-gradient(180deg,#f0fdf4,#ffffff)!important;
  overflow:hidden!important;
}
.legacy-progress-top{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
}
.legacy-progress-top b{display:block!important;font-size:20px!important;color:#14532d!important}
.legacy-progress-top span{display:block!important;color:#166534!important;font-size:12px!important}
.legacy-progress-percent{
  font-size:32px!important;
  font-weight:1000!important;
  color:#166534!important;
}
.legacy-progress-bar{
  height:18px!important;
  background:#dcfce7!important;
  border-radius:999px!important;
  overflow:hidden!important;
  border:1px solid #bbf7d0!important;
  margin:14px 0!important;
}
.legacy-progress-bar span{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#16a34a,#86efac)!important;
  transition:width .25s ease!important;
}
.legacy-live-kpis{
  display:grid!important;
  grid-template-columns:repeat(11,minmax(0,1fr))!important;
  gap:8px!important;
}
.legacy-live-kpis div{
  padding:10px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid #dbeafe!important;
}
.legacy-live-kpis small{
  display:block!important;
  color:#64748b!important;
  font-size:9px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
}
.legacy-live-kpis b{
  display:block!important;
  margin-top:5px!important;
  color:#0f172a!important;
  font-size:17px!important;
}
.legacy-progress-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:14px!important;
}
.legacy-log-note{
  margin:10px 0 12px!important;
  padding:12px!important;
  border-radius:14px!important;
  background:#eff6ff!important;
  border:1px solid #bfdbfe!important;
}
.legacy-log-note b{display:block!important;color:#1e3a8a!important;margin-bottom:4px!important}
.legacy-log-note span{display:block!important;color:#1d4ed8!important;font-size:12px!important}
.legacy-count-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:42px!important;
  height:28px!important;
  border-radius:999px!important;
  background:#eef2ff!important;
  color:#3730a3!important;
  font-weight:1000!important;
  text-decoration:none!important;
  border:1px solid #c7d2fe!important;
}
.legacy-batch-status{
  display:inline-flex!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:1000!important;
  background:#e2e8f0!important;
  color:#475569!important;
}
.legacy-batch-status.active{background:#dcfce7!important;color:#166534!important}
.legacy-batch-status.deleted{background:#fee2e2!important;color:#991b1b!important}
.legacy-delete-locked{
  display:inline-flex!important;
  padding:6px 9px!important;
  border-radius:10px!important;
  background:#fee2e2!important;
  color:#991b1b!important;
  font-size:11px!important;
  font-weight:1000!important;
}
.legacy-batch-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;min-width:560px!important}
.legacy-batch-actions form{display:flex!important;align-items:center!important;gap:5px!important;margin:0!important}
.legacy-batch-actions input{width:150px!important;height:32px!important;border:1px solid #fecaca!important;border-radius:9px!important;padding:0 8px!important;font-size:11px!important}
@media(max-width:1450px){.legacy-live-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:800px){.legacy-live-kpis{grid-template-columns:1fr!important}.legacy-progress-top{flex-direction:column!important;align-items:flex-start!important}}


/* --------------------------------------------------------------------------
   V3.28.46 Legacy Auto Start Progress Fix
-------------------------------------------------------------------------- */
.legacy-progress-message{
  margin:10px 0 12px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:#ecfdf5!important;
  border:1px solid #bbf7d0!important;
  color:#166534!important;
  font-size:12px!important;
  font-weight:800!important;
}
.legacy-progress-message.err{
  background:#fef2f2!important;
  border-color:#fecaca!important;
  color:#991b1b!important;
}


/* --------------------------------------------------------------------------
   V3.28.47 Sent CNF Attempt Detail Fix
-------------------------------------------------------------------------- */
.attempt-chip.compact-sent-detail{
  background:#f8fafc!important;
  border-color:#cbd5e1!important;
  box-shadow:none!important;
}
.attempt-chip.compact-sent-detail .chip-head span{
  background:#e2e8f0!important;
  color:#334155!important;
}
.attempt-chip.compact-sent-detail .chip-csr{
  color:#0f172a!important;
  font-weight:900!important;
}
.attempt-chip.compact-sent-detail .sent-date{
  color:#475569!important;
  font-weight:900!important;
}
.attempt-chip.locked-sent-history{
  opacity:.88!important;
  box-shadow:none!important;
}


/* --------------------------------------------------------------------------
   V3.28.48 Sent Card Detail UI Optimization
-------------------------------------------------------------------------- */
.attempt-chip.compact-sent-detail{
  min-width:150px!important;
  max-width:180px!important;
  padding:8px 9px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  background:#f8fafc!important;
  border:1px solid #cbd5e1!important;
  box-shadow:none!important;
  color:#0f172a!important;
  line-height:1.15!important;
}
.attempt-chip.compact-sent-detail .sent-detail-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  margin-bottom:2px!important;
}
.attempt-chip.compact-sent-detail .sent-detail-head b{
  font-size:12px!important;
  color:#0f172a!important;
  font-weight:1000!important;
}
.attempt-chip.compact-sent-detail .sent-detail-head span{
  background:#e2e8f0!important;
  color:#334155!important;
  border:1px solid #cbd5e1!important;
  border-radius:999px!important;
  padding:3px 7px!important;
  font-size:10px!important;
  font-weight:1000!important;
}
.attempt-chip.compact-sent-detail .sent-detail-line{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  min-height:18px!important;
}
.attempt-chip.compact-sent-detail .sent-detail-line span{
  color:#64748b!important;
  font-size:9px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}
.attempt-chip.compact-sent-detail .sent-detail-line b{
  color:#0f172a!important;
  font-size:11px!important;
  font-weight:1000!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  display:block!important;
}
.attempt-chip.compact-sent-detail .sent-csr b{
  font-size:12px!important;
}
.attempt-chip.compact-sent-detail .sent-date-line b{
  color:#475569!important;
}
.attempt-chip.locked-sent-history{
  opacity:.9!important;
  box-shadow:none!important;
}


/* --------------------------------------------------------------------------
   V3.28.49 Sent Card Standard Layout Fix
   Sent card now follows normal attempt-card layout.
-------------------------------------------------------------------------- */
.attempt-chip.sent-standard-card{
  min-width:unset!important;
  max-width:unset!important;
  padding:10px 12px!important;
  display:block!important;
  background:#f8fafc!important;
  border:1px solid #dbe3ef!important;
  box-shadow:none!important;
  color:#0f172a!important;
  line-height:inherit!important;
}
.attempt-chip.sent-standard-card .sent-standard-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0!important;
}
.attempt-chip.sent-standard-card .sent-standard-head b{
  font-size:20px!important;
  line-height:1!important;
  color:#111827!important;
  font-weight:1000!important;
}
.attempt-chip.sent-standard-card .sent-status-stack{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  min-width:42px!important;
  max-width:46px!important;
  padding:3px 6px 2px!important;
  border-radius:999px!important;
  background:#e2e8f0!important;
  border:1px solid #cbd5e1!important;
  color:#334155!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
.attempt-chip.sent-standard-card .sent-status-stack strong{
  display:block!important;
  font-size:10px!important;
  font-weight:1000!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.01em!important;
  color:#334155!important;
}
.attempt-chip.sent-standard-card .sent-status-stack i{
  display:block!important;
  margin-top:2px!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:1000!important;
  line-height:1!important;
  color:#64748b!important;
  white-space:nowrap!important;
}
.attempt-chip.sent-standard-card .chip-csr{
  display:block!important;
  margin-top:6px!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.attempt-chip.sent-standard-card .chip-time{
  display:inline-flex!important;
  margin-top:6px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:#eef2f7!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
/* disable previous row-based v48 sent UI inside this card */
.attempt-chip.sent-standard-card .sent-detail-line,
.attempt-chip.sent-standard-card .sent-detail-head{
  display:initial!important;
}


/* --------------------------------------------------------------------------
   V3.28.50 Sent Card Font Match Fix
   Final override: SENT card uses the exact regular attempt card proportions.
-------------------------------------------------------------------------- */
.attempt-chip.compact-sent-detail.sent-standard-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  min-height:58px!important;
  padding:7px 8px!important;
  border-radius:13px!important;
  border:1px solid #dbe4ef!important;
  border-left:4px solid #94a3b8!important;
  background:#f8fafc!important;
  color:#0f172a!important;
  text-align:left!important;
  overflow:hidden!important;
  box-shadow:none!important;
  line-height:1!important;
}
.attempt-chip.compact-sent-detail.sent-standard-card .sent-standard-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  gap:6px!important;
  line-height:1!important;
  margin:0!important;
}
.attempt-chip.compact-sent-detail.sent-standard-card .sent-standard-head b{
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
  color:#0f172a!important;
  font-weight:950!important;
  display:block!important;
  max-width:44px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.attempt-chip.compact-sent-detail.sent-standard-card .sent-status-stack{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:44px!important;
  max-width:48px!important;
  padding:2px 6px!important;
  border-radius:999px!important;
  background:#e2e8f0!important;
  border:1px solid #cbd5e1!important;
  color:#334155!important;
  line-height:1!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.attempt-chip.compact-sent-detail.sent-standard-card .sent-status-stack strong{
  display:block!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#334155!important;
  text-transform:uppercase!important;
  letter-spacing:0!important;
}
.attempt-chip.compact-sent-detail.sent-standard-card .sent-status-stack i{
  display:block!important;
  margin-top:2px!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
  color:#64748b!important;
  font-size:8px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.attempt-chip.compact-sent-detail.sent-standard-card .chip-csr{
  display:block!important;
  margin-top:0!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  color:#0f172a!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.attempt-chip.compact-sent-detail.sent-standard-card .chip-time{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  margin-top:3px!important;
  padding:2px 6px!important;
  border-radius:999px!important;
  background:#f1f5f9!important;
  border:1px solid #e2e8f0!important;
  color:#475569!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


/* --------------------------------------------------------------------------
   V3.28.51 Sent Card Regular Layout Final Fix
   Final: sent card uses regular card layout. Only SENT badge has tiny date.
-------------------------------------------------------------------------- */
.attempt-chip.sent-regular-card{
  /* same geometry as regular attempt cards; do not override width/height/display */
  overflow:hidden!important;
}
.attempt-chip.sent-regular-card .chip-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  gap:6px!important;
  line-height:1!important;
}
.attempt-chip.sent-regular-card .chip-head b{
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
  color:#0f172a!important;
  font-weight:950!important;
}
.attempt-chip.sent-regular-card .sent-mini-badge{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  min-width:48px!important;
  max-width:52px!important;
  padding:2px 6px!important;
  border-radius:999px!important;
  background:#e2e8f0!important;
  border:1px solid #cbd5e1!important;
  color:#334155!important;
  line-height:1!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.attempt-chip.sent-regular-card .sent-mini-badge strong{
  display:block!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#334155!important;
  letter-spacing:0!important;
}
.attempt-chip.sent-regular-card .sent-mini-badge i{
  display:block!important;
  margin:2px 0 0 0!important;
  padding:0!important;
  width:auto!important;
  max-width:100%!important;
  background:transparent!important;
  border-radius:0!important;
  color:#64748b!important;
  font-size:8px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.attempt-chip.sent-regular-card .chip-csr{
  display:block!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  color:#0f172a!important;
  text-transform:uppercase!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.attempt-chip.sent-regular-card .chip-time{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  margin-top:3px!important;
  padding:2px 6px!important;
  border-radius:999px!important;
  background:#f1f5f9!important;
  border:1px solid #e2e8f0!important;
  color:#475569!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* Make sure old V48/V49 sent-card rules do not affect the final card */
.attempt-chip.sent-regular-card.compact-sent-detail,
.attempt-chip.sent-regular-card.sent-standard-card{
  display:flex!important;
}


/* --------------------------------------------------------------------------
   V3.28.52 Admin CNF Locked Attempts Fix
-------------------------------------------------------------------------- */
.attempt-chip.admin-cnf-locked{
  background:#f8fafc!important;
  border-color:#dbe4ef!important;
  box-shadow:none!important;
  opacity:.92!important;
}
.attempt-chip.admin-cnf-locked .chip-head span{
  background:#e2e8f0!important;
  color:#94a3b8!important;
}
.attempt-chip.admin-cnf-locked small{
  color:#94a3b8!important;
  font-weight:900!important;
}


/* --------------------------------------------------------------------------
   V3.28.53 ABD Cart Foundation + Import Dashboard
-------------------------------------------------------------------------- */
.abd-hero{
  display:flex!important;
  justify-content:space-between!important;
  align-items:stretch!important;
  gap:16px!important;
  border-color:#bfdbfe!important;
  background:linear-gradient(135deg,#eff6ff,#ffffff 54%,#f0fdf4)!important;
}
.abd-hero h2{margin:8px 0 4px!important;color:#0f172a!important;font-size:24px!important}
.abd-hero p{margin:0!important;color:#475569!important;line-height:1.4!important}
.abd-hero-box{
  min-width:260px!important;
  border-radius:18px!important;
  background:#0f172a!important;
  color:#fff!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:6px!important;
}
.abd-hero-box b{font-size:16px!important}
.abd-hero-box span{font-size:12px!important;color:#cbd5e1!important;line-height:1.35!important}
.abd-kpis{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  margin:12px 0!important;
}
.abd-kpi{
  border:1px solid #dbeafe!important;
  background:#fff!important;
  border-radius:16px!important;
  padding:12px!important;
  box-shadow:0 8px 20px rgba(15,23,42,.04)!important;
}
.abd-kpi small{display:block!important;color:#64748b!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important}
.abd-kpi b{display:block!important;color:#0f172a!important;font-size:24px!important;margin-top:4px!important}
.abd-grid{
  display:grid!important;
  grid-template-columns:1.1fr .9fr!important;
  gap:14px!important;
  margin:12px 0!important;
}
.abd-card,.abd-dashboard-card{
  border-color:#dbeafe!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
}
.abd-sample-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  padding:10px!important;
  border-radius:14px!important;
  background:#eff6ff!important;
  border:1px solid #bfdbfe!important;
  margin-bottom:12px!important;
}
.abd-sample-row span{font-size:12px!important;color:#1d4ed8!important;font-weight:800!important}
.abd-rule-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.abd-rule-list span{
  display:block!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  color:#334155!important;
  font-size:12px!important;
  font-weight:900!important;
}
.abd-filter-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:10px 0 12px!important;
}
.abd-filter-row input,.abd-filter-row select{
  height:38px!important;
  border:1px solid #dbe4ef!important;
  border-radius:10px!important;
  padding:0 10px!important;
  background:#fff!important;
}
.abd-filter-row input[name=q]{min-width:270px!important}
.abd-table{min-width:1850px!important}
.abd-table th{white-space:nowrap!important}
.abd-address{max-width:260px!important;color:#334155!important;font-size:12px!important}
.abd-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:72px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:1000!important;
  border:1px solid #e2e8f0!important;
  background:#f8fafc!important;
  color:#475569!important;
}
.abd-status.abd-ok{background:#dcfce7!important;color:#166534!important;border-color:#bbf7d0!important}
.abd-status.abd-warn{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important}
.abd-status.abd-soft{background:#eef2ff!important;color:#3730a3!important;border-color:#c7d2fe!important}
.abd-attempts-compact .attempt-chip{width:112px!important;min-width:112px!important;max-width:112px!important}
.abd-log-table td small{display:block!important;color:#64748b!important;font-size:11px!important;margin-top:3px!important}
@media(max-width:1200px){
  .abd-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .abd-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .abd-hero{flex-direction:column!important}
  .abd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .abd-rule-list{grid-template-columns:1fr!important}
}


/* --------------------------------------------------------------------------
   V3.28.54 ABD Calling Workflow + Export
-------------------------------------------------------------------------- */
.abd-export-card{
  margin:12px 0!important;
  border-color:#bbf7d0!important;
  background:linear-gradient(180deg,#ffffff,#f0fdf4)!important;
}
.abd-export-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.abd-export-actions span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  color:#334155!important;
  font-size:12px!important;
  font-weight:900!important;
}
.abd-mark-sent-form{margin:0!important}
.abd-bulk-bar{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  border-top:1px solid #e2e8f0!important;
  background:#f8fafc!important;
}
.abd-bulk-bar span{font-size:12px!important;color:#64748b!important;font-weight:800!important}
.abd-attempt-open{text-decoration:none!important}
.abd-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  background:rgba(15,23,42,.55)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
}
.abd-attempt-modal{
  width:min(620px,96vw)!important;
  max-height:92vh!important;
  overflow:auto!important;
  background:#fff!important;
  border-radius:22px!important;
  border:1px solid #dbe4ef!important;
  box-shadow:0 30px 80px rgba(15,23,42,.35)!important;
  padding:0!important;
}
.abd-attempt-modal .modal-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:16px 18px!important;
  border-bottom:1px solid #e2e8f0!important;
}
.abd-attempt-modal .modal-head h3{margin:0!important;color:#0f172a!important}
.abd-attempt-modal .modal-close{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:999px!important;
  background:#f1f5f9!important;
  color:#0f172a!important;
  text-decoration:none!important;
  font-size:22px!important;
  font-weight:900!important;
}
.abd-modal-summary{
  margin:16px!important;
  padding:14px!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
}
.abd-modal-summary b{display:block!important;color:#0f172a!important;font-size:16px!important}
.abd-modal-summary span{display:block!important;color:#334155!important;font-size:13px!important;font-weight:800!important;margin-top:3px!important}
.abd-modal-summary p{margin:8px 0 0!important;color:#475569!important;font-size:12px!important;line-height:1.35!important}
.abd-attempt-form{padding:0 16px 16px!important;display:flex!important;flex-direction:column!important;gap:10px!important}
.abd-attempt-form label{font-size:12px!important;color:#334155!important;font-weight:1000!important}
.abd-status-buttons{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.abd-status-buttons label{margin:0!important}
.abd-status-buttons input{display:none!important}
.abd-status-buttons span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px!important;
  border-radius:12px!important;
  border:1px solid #cbd5e1!important;
  background:#fff!important;
  color:#334155!important;
  cursor:pointer!important;
  font-weight:1000!important;
}
.abd-status-buttons input:checked + span{
  background:#2563eb!important;
  border-color:#1d4ed8!important;
  color:#fff!important;
}
.abd-attempt-form textarea{
  width:100%!important;
  border:1px solid #cbd5e1!important;
  border-radius:12px!important;
  padding:10px!important;
  resize:vertical!important;
}
@media(max-width:760px){
  .abd-status-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* --------------------------------------------------------------------------
   V3.28.55 Processing ↔ ABD Cross Check
-------------------------------------------------------------------------- */
.abd-processing-badge{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  margin-top:5px!important;
  padding:4px 7px!important;
  border-radius:10px!important;
  border:1px solid #cbd5e1!important;
  background:#f8fafc!important;
  color:#334155!important;
  max-width:108px!important;
  line-height:1!important;
}
.abd-processing-badge b{
  display:block!important;
  color:inherit!important;
  font-size:9px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:96px!important;
}
.abd-processing-badge small{
  display:block!important;
  margin-top:2px!important;
  color:#64748b!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:96px!important;
}
.abd-processing-badge.abd-badge-cxl{
  background:#fff7ed!important;
  border-color:#fed7aa!important;
  color:#9a3412!important;
}
.abd-processing-badge.abd-badge-open{
  background:#eff6ff!important;
  border-color:#bfdbfe!important;
  color:#1d4ed8!important;
}


/* --------------------------------------------------------------------------
   V3.28.56 Processing + ABD UI Alignment
-------------------------------------------------------------------------- */
.processing-page-title{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:8px 0 12px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  border:1px solid #dbeafe!important;
  background:linear-gradient(135deg,#eff6ff,#ffffff)!important;
}
.processing-page-title h1{
  margin:0!important;
  color:#0f172a!important;
  font-size:26px!important;
  letter-spacing:.04em!important;
  font-weight:1000!important;
}
.processing-page-title span{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:900!important;
}
.manage-primary-tabs{
  display:flex!important;
  gap:10px!important;
  margin:12px 0!important;
  padding:8px!important;
  border:1px solid #dbeafe!important;
  background:#f8fbff!important;
  border-radius:18px!important;
}
.manage-primary-tabs a{
  flex:1!important;
  text-align:center!important;
  text-decoration:none!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  color:#334155!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  border:1px solid transparent!important;
}
.manage-primary-tabs a.active{
  background:#0f172a!important;
  color:#fff!important;
  border-color:#0f172a!important;
  box-shadow:0 12px 24px rgba(15,23,42,.14)!important;
}
.abd-upload-kpis{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.abd-manage-import-card{
  border-color:#bfdbfe!important;
}
.abd-manage-export-card{
  border-color:#bbf7d0!important;
  background:linear-gradient(180deg,#ffffff,#f0fdf4)!important;
}
.manage-abd-actions{
  margin:10px 0!important;
}
.abd-dashboard-tools{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  margin:10px 0 12px!important;
  padding:10px!important;
  border-radius:16px!important;
  border:1px solid #dbeafe!important;
  background:#f8fbff!important;
}
.abd-processing-strip{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
}
.abd-filter-panel{
  display:block!important;
  margin-bottom:12px!important;
}
.abd-processing-table-wrap{
  padding:0!important;
}
.processing-like-table.abd-table{
  min-width:1780px!important;
}
.abd-page-title{
  border-color:#bbf7d0!important;
  background:linear-gradient(135deg,#f0fdf4,#ffffff)!important;
}
.abd-page-title h1{
  color:#14532d!important;
}
@media(max-width:1200px){
  .abd-processing-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .abd-upload-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .processing-page-title{align-items:flex-start!important;flex-direction:column!important}
  .manage-primary-tabs{flex-direction:column!important}
  .abd-processing-strip,.abd-upload-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* --------------------------------------------------------------------------
   V3.28.57 ABD Final UI + Delete + Manage Orders Cleanup
-------------------------------------------------------------------------- */
.abd-search-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:10px 0!important;
}
.abd-search-head span{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:900!important;
}
.abd-filter-panel.is-collapsed{
  display:none!important;
}
.bulk-delete-inline-bar{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 12px!important;
  background:#fff1f2!important;
  border:1px solid #fecdd3!important;
  border-radius:14px!important;
  margin:0 0 10px!important;
}
.bulk-delete-inline-bar span{
  color:#9f1239!important;
  font-size:12px!important;
  font-weight:1000!important;
}
.processing-delete-bar{
  margin:0 0 10px!important;
}
.abd-report-pro-card{
  border:1px solid #bfdbfe!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  box-shadow:0 14px 32px rgba(15,23,42,.06)!important;
  padding:16px!important;
  margin:14px 0!important;
}
.abd-report-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.abd-report-head h3{
  margin:0!important;
  color:#0f172a!important;
  font-size:20px!important;
}
.abd-report-head span{
  display:block!important;
  margin-top:3px!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:900!important;
}
.abd-report-filter{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
.abd-report-filter input{
  height:36px!important;
  border:1px solid #dbe4ef!important;
  border-radius:10px!important;
  padding:0 10px!important;
}
.abd-report-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:10px 0 14px!important;
}
.abd-report-kpis div{
  border:1px solid #e2e8f0!important;
  border-radius:16px!important;
  padding:12px!important;
  background:#fff!important;
}
.abd-report-kpis span{
  display:block!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
}
.abd-report-kpis b{
  display:block!important;
  color:#0f172a!important;
  font-size:22px!important;
  margin-top:4px!important;
}
.abd-mini-ok{
  display:inline-flex!important;
  min-width:34px!important;
  justify-content:center!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:#dcfce7!important;
  color:#166534!important;
  font-weight:1000!important;
}
.abd-report-table th,.abd-report-table td{
  text-align:center!important;
}
.abd-report-table th:first-child,.abd-report-table td:first-child{
  text-align:left!important;
}
.abd-export-history{
  margin-top:10px!important;
}
@media(max-width:900px){
  .abd-report-head{flex-direction:column!important}
  .abd-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* --------------------------------------------------------------------------
   V3.28.58 ABD SENT Card + Selection Delete Popup Fix
-------------------------------------------------------------------------- */

/* Permanent delete instruction bars are no longer used. */
.bulk-delete-inline-bar,
.processing-delete-bar{
  display:none!important;
}

/* ABD uses the same compact floating delete popup as Processing. */
.abd-bulk-delete-floating{
  top:138px!important;
  left:22px!important;
  right:auto!important;
}

/* Exact Processing sent-card geometry is reused for ABD. */
.attempt-chip.abd-sent-regular-card{
  overflow:hidden!important;
}

@media(max-width:900px){
  .abd-bulk-delete-floating{
    top:auto!important;
    left:12px!important;
    right:auto!important;
    bottom:14px!important;
  }
}


/* --------------------------------------------------------------------------
   V3.28.60 Final Audit + Pending Completion
-------------------------------------------------------------------------- */
a.abd-processing-badge{
  text-decoration:none!important;
  cursor:pointer!important;
  transition:transform .14s ease,box-shadow .14s ease!important;
}
a.abd-processing-badge:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 6px 14px rgba(15,23,42,.12)!important;
}
.abd-processing-badge i{
  display:block!important;
  margin-top:3px!important;
  color:inherit!important;
  opacity:.78!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.abd-history-backdrop{
  z-index:10080!important;
}
.abd-history-modal{
  width:min(920px,calc(100vw - 28px))!important;
  max-height:90vh!important;
  overflow:auto!important;
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid #dbeafe!important;
  box-shadow:0 30px 80px rgba(15,23,42,.28)!important;
  padding:18px!important;
}
.abd-history-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:14px!important;
  margin-bottom:14px!important;
}
.abd-history-head h3{
  margin:0!important;
  color:#0f172a!important;
  font-size:23px!important;
}
.abd-history-head span{
  display:block!important;
  margin-top:3px!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:900!important;
}
.abd-history-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
.abd-history-kpis div,
.abd-history-grid div{
  border:1px solid #e2e8f0!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  padding:11px!important;
}
.abd-history-kpis span,
.abd-history-grid span,
.abd-history-remark span{
  display:block!important;
  color:#64748b!important;
  font-size:10px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
}
.abd-history-kpis b{
  display:block!important;
  margin-top:4px!important;
  color:#0f172a!important;
  font-size:16px!important;
}
.abd-history-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.abd-history-grid b{
  display:block!important;
  margin-top:4px!important;
  color:#0f172a!important;
  font-size:12px!important;
  overflow-wrap:anywhere!important;
}
.abd-history-remark{
  margin-top:12px!important;
  border:1px solid #fde68a!important;
  border-radius:15px!important;
  background:#fffbeb!important;
  padding:12px!important;
}
.abd-history-remark p{
  margin:5px 0 0!important;
  color:#78350f!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
.abd-history-attempts{
  margin-top:14px!important;
}
.abd-history-attempts h4{
  margin:0 0 8px!important;
  color:#0f172a!important;
  font-size:15px!important;
}
.abd-history-attempt{
  display:grid!important;
  grid-template-columns:130px 210px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  padding:10px 0!important;
  border-top:1px solid #e2e8f0!important;
}
.abd-history-attempt b{
  color:#0f172a!important;
  font-size:12px!important;
}
.abd-history-attempt span{
  color:#64748b!important;
  font-size:11px!important;
  font-weight:800!important;
}
.abd-history-attempt p{
  margin:0!important;
  color:#334155!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.abd-export-batch-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.abd-export-batch-actions form{
  margin:0!important;
}
@media(max-width:850px){
  .abd-history-kpis,.abd-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .abd-history-attempt{grid-template-columns:1fr!important}
}


/* --------------------------------------------------------------------------
   V3.28.61 ABD KPI UI + Admin Attempt Edit Unlock
-------------------------------------------------------------------------- */
.abd-calling-kpi-strip{
  margin-top:0!important;
}
.abd-calling-kpi-strip .calling-kpi-left,
.abd-calling-kpi-strip .calling-kpi-right{
  min-width:max-content!important;
}
.abd-admin-edit-chip,
.abd-admin-open-chip{
  text-decoration:none!important;
  cursor:pointer!important;
  position:relative!important;
  outline:1px solid rgba(59,130,246,.20)!important;
}
.abd-admin-edit-chip:hover,
.abd-admin-open-chip:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 7px 16px rgba(37,99,235,.16)!important;
  outline-color:rgba(37,99,235,.42)!important;
}
.abd-admin-edit-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:3px!important;
  padding:2px 6px!important;
  border-radius:999px!important;
  background:#dbeafe!important;
  border:1px solid #bfdbfe!important;
  color:#1d4ed8!important;
  font-size:8px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
.abd-admin-open-chip .chip-head span{
  background:#dbeafe!important;
  color:#1d4ed8!important;
  border-color:#bfdbfe!important;
}
.abd-admin-override-note{
  margin:10px 0!important;
  line-height:1.4!important;
}
.abd-admin-override-note b{
  color:#166534!important;
}
@media(max-width:900px){
  .abd-calling-kpi-strip{
    border-radius:0 0 16px 16px!important;
  }
}


/* --------------------------------------------------------------------------
   V3.28.62 ABD ↔ Processing Attempt UI + Working Parity
-------------------------------------------------------------------------- */

/* Page-specific title cards are intentionally removed. */
.processing-page-title,
.abd-page-title{
  display:none!important;
}

/* ABD now uses exact Processing attempt-card classes and geometry. */
.abd-table .attempts-compact{
  display:flex!important;
  align-items:stretch!important;
  gap:6px!important;
}
.abd-table .attempt-chip{
  text-decoration:none!important;
}
.abd-table tr.working-row td{
  background:inherit!important;
}

/* Same live/working emphasis as Processing. */
.abd-table .attempt-chip.compact-working{
  animation:workingPulse 1.8s ease-in-out infinite!important;
}
.abd-processing-parity-form{
  margin:0!important;
}

/* The Processing modal stylesheet controls the full popup. */
.abd-processing-parity-form .call-status-item label,
.abd-processing-parity-form .hero-panel,
.abd-processing-parity-form .modal-savebar{
  box-sizing:border-box!important;
}


/* --------------------------------------------------------------------------
   V3.28.62.4 ABD Inline Attempt Final Rectification
-------------------------------------------------------------------------- */
.abd-inline-attempt-panel{
  position:relative!important;
}
.abd-inline-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 8px!important;
  padding:8px 10px!important;
  border:1px solid #dbeafe!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#eff6ff,#f8fafc)!important;
}
.abd-inline-toolbar>div{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
.abd-inline-toolbar b{
  color:#0f172a!important;
  font-size:12px!important;
  font-weight:1000!important;
}
.abd-inline-toolbar span{
  overflow:hidden!important;
  color:#64748b!important;
  font-size:10px!important;
  font-weight:900!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.abd-inline-close{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border:1px solid #fecaca!important;
  border-radius:9px!important;
  background:#fff1f2!important;
  color:#be123c!important;
  cursor:pointer!important;
  font-size:18px!important;
  font-weight:1000!important;
  line-height:1!important;
}
.abd-inline-close:hover{
  background:#ffe4e6!important;
}
#abdInlineNotice{
  position:fixed!important;
  right:20px!important;
  bottom:20px!important;
  z-index:12000!important;
  max-width:min(420px,calc(100vw - 40px))!important;
  padding:11px 14px!important;
  border-radius:12px!important;
  box-shadow:0 14px 32px rgba(15,23,42,.20)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}
#abdInlineNotice.ok{background:#15803d!important}
#abdInlineNotice.err{background:#b91c1c!important}


/* --------------------------------------------------------------------------
   V3.28.63 ABD Header Live Presence + Daily Counter
-------------------------------------------------------------------------- */
.csr-presence-header{
  min-height:94px!important;
  padding-top:10px!important;
}
.csr-presence-header .worker-chip-avatar{
  position:relative!important;
  width:92px!important;
  min-width:92px!important;
  max-width:92px!important;
  height:84px!important;
  min-height:84px!important;
  padding:22px 5px 5px!important;
  overflow:visible!important;
}
.csr-presence-header .worker-abd-count{
  position:absolute!important;
  top:4px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:6!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:max-content!important;
  min-width:48px!important;
  max-width:76px!important;
  height:16px!important;
  padding:1px 7px!important;
  border:1px solid rgba(96,165,250,.52)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#172554,#1e3a8a)!important;
  box-shadow:0 4px 10px rgba(15,23,42,.30)!important;
  color:#dbeafe!important;
  line-height:1!important;
  overflow:visible!important;
}
.csr-presence-header .worker-abd-count small{
  width:auto!important;
  max-width:none!important;
  color:#93c5fd!important;
  font-size:7.5px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  overflow:visible!important;
}
.csr-presence-header .worker-abd-count strong{
  color:#fff!important;
  font-size:9px!important;
  font-weight:1000!important;
  line-height:1!important;
}
.csr-presence-header .worker-module-abd{
  border-color:#38bdf8!important;
  box-shadow:
    0 0 0 1px rgba(56,189,248,.24),
    0 12px 26px rgba(14,165,233,.18)!important;
}
.csr-presence-header .worker-module-abd .worker-avatar{
  border-color:#38bdf8!important;
  box-shadow:
    0 0 0 2px rgba(56,189,248,.22),
    0 8px 18px rgba(0,0,0,.28)!important;
}
.csr-presence-header .worker-module-abd .worker-abd-count{
  border-color:#86efac!important;
  background:linear-gradient(180deg,#166534,#15803d)!important;
  color:#dcfce7!important;
}
.csr-presence-header .worker-module-abd .worker-abd-count small{
  color:#bbf7d0!important;
}
.csr-presence-header .worker-module-abd .worker-presence-line small{
  color:#7dd3fc!important;
}
@media(max-width:900px){
  .csr-presence-header{
    min-height:90px!important;
  }
  .csr-presence-header .worker-chip-avatar{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
  }
}


/* --------------------------------------------------------------------------
   V3.28.64 ABD Legacy Bridge
-------------------------------------------------------------------------- */
.abd-legacy-hero{
  border-color:#bae6fd!important;
  background:linear-gradient(135deg,#f0f9ff,#ffffff 54%,#f0fdf4)!important;
}
.abd-legacy-progress-card{
  border-color:#7dd3fc!important;
  box-shadow:0 18px 44px rgba(14,165,233,.10)!important;
}
.abd-legacy-rules{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:12px 0!important;
  padding:14px!important;
}
.abd-legacy-rules>div{
  border:1px solid #dbeafe!important;
  border-radius:14px!important;
  background:#f8fbff!important;
  padding:12px!important;
}
.abd-legacy-rules b{
  display:block!important;
  margin-bottom:4px!important;
  color:#0f172a!important;
  font-size:12px!important;
}
.abd-legacy-rules span{
  color:#475569!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
@media(max-width:850px){
  .abd-legacy-rules{grid-template-columns:1fr!important}
}


/* V3.28.65 Final Stability + ABD 100 Round */
.csr-presence-header .worker-abd-count i{font-style:normal;font-size:7px;font-weight:1000;color:#bfdbfe}
.csr-presence-header .worker-state-idle .worker-presence-line{flex-direction:column!important;gap:2px!important;overflow:visible!important}
.csr-presence-header .worker-state-idle .worker-presence-line small{max-width:76px!important}
.csr-presence-header .worker-state-idle .presence-idle{display:block!important;margin-top:1px!important;transform:translateY(2px)!important}
.abd-quota-manager{margin:14px 0;padding:14px;border:1px solid #bfdbfe;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#fff)}
.abd-quota-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.abd-quota-head h3{margin:0;color:#0f172a}.abd-quota-head span{font-size:11px;color:#64748b;font-weight:800}
.abd-quota-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.abd-quota-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #dbeafe;border-radius:14px;background:#fff}
.abd-quota-card.is-blocked{border-color:#fca5a5;background:#fff7f7}
.abd-quota-meta{flex:1;min-width:0}.abd-quota-meta b,.abd-quota-meta span,.abd-quota-meta small{display:block}
.abd-quota-meta span{font-size:10px;font-weight:900;color:#475569}.abd-quota-meta small{font-size:9px;font-weight:850;color:#64748b}
.abd-quota-progress{height:6px;margin:5px 0;border-radius:999px;background:#e2e8f0;overflow:hidden}.abd-quota-progress i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#3b82f6)}
.abd-quota-card.is-blocked .abd-quota-progress i{background:#ef4444}
.abd-quota-card form{margin:0}.abd-quota-card button{white-space:nowrap}
.attempt-chip .chip-csr{font-weight:1000!important}
@media(max-width:760px){.abd-quota-card{align-items:flex-start;flex-wrap:wrap}.abd-quota-card form{width:100%}.abd-quota-card button{width:100%}}

/* --------------------------------------------------------------------------
   V3.28.65 Final Attempt Engine + ABD 100-Round Control
-------------------------------------------------------------------------- */
.csr-presence-header{
  min-height:102px!important;
  padding-top:10px!important;
  padding-bottom:6px!important;
}
.csr-presence-header .worker-chip-avatar{
  height:92px!important;
  min-height:92px!important;
  padding:22px 5px 7px!important;
  overflow:hidden!important;
}
.csr-presence-header .worker-chip-meta{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:2px!important;
  width:100%!important;
  overflow:visible!important;
}
.csr-presence-header .worker-presence-line{
  min-height:14px!important;
  overflow:visible!important;
}
.csr-presence-header .worker-state-idle .worker-presence-line{
  display:flex!important;
  flex-direction:row!important;
  min-height:12px!important;
  overflow:hidden!important;
}
.csr-presence-header .worker-state-idle .worker-presence-line small{
  max-width:78px!important;
  color:#fcd34d!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.csr-presence-header .worker-idle-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:15px!important;
  margin-top:1px!important;
}
.csr-presence-header .worker-idle-row .presence-idle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  transform:none!important;
  padding:2px 8px!important;
  line-height:1!important;
}
.csr-presence-header .worker-state-offline .worker-presence-line small{
  max-width:72px!important;
}
.abd-quota-card .btn{
  min-height:34px!important;
  border-radius:10px!important;
  font-weight:950!important;
}
.abd-quota-card.is-blocked .btn{
  box-shadow:0 0 0 2px rgba(34,197,94,.12)!important;
}
.attempt-chip.compact-ready small:last-child{
  font-weight:900!important;
}



/* V3.28.66 secure logout form parity */
.nav-logout-form{display:inline-flex;margin:0;padding:0}.nav-logout-btn{appearance:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#dbeafe;padding:9px 11px;border-radius:12px;font-weight:850;font-size:12px;line-height:1;cursor:pointer;font-family:inherit}.nav-logout-btn:hover{background:rgba(56,189,248,.18);color:#fff;border-color:rgba(125,211,252,.55)}

/* --------------------------------------------------------------------------
   V3.28.67 ABD focus navigation + readable CSR header cards
-------------------------------------------------------------------------- */
.csr-presence-header{
  min-height:88px!important;
  padding:6px 8px!important;
  gap:8px!important;
  align-items:center!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
}
.csr-presence-header .wh-title{
  min-width:62px!important;
  width:62px!important;
  height:48px!important;
  flex:0 0 62px!important;
}
.csr-presence-header .worker-chip-avatar{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  justify-content:stretch!important;
  column-gap:8px!important;
  width:172px!important;
  min-width:172px!important;
  max-width:172px!important;
  height:80px!important;
  min-height:80px!important;
  padding:9px 8px!important;
  border-radius:17px!important;
  overflow:hidden!important;
  text-align:left!important;
  scroll-snap-align:start!important;
}
.csr-presence-header .worker-avatar{
  --avatar-size:38px!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
}
.csr-presence-header .worker-abd-count{
  position:absolute!important;
  top:5px!important;
  right:7px!important;
  left:auto!important;
  transform:none!important;
  z-index:5!important;
  min-width:54px!important;
  max-width:66px!important;
  height:17px!important;
  padding:1px 6px!important;
  gap:3px!important;
}
.csr-presence-header .worker-chip-meta{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:4px!important;
  width:100%!important;
  min-width:0!important;
  padding-top:10px!important;
  overflow:visible!important;
  text-align:left!important;
}
.csr-presence-header .worker-name-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
}
.csr-presence-header .worker-name-row b,
.csr-presence-header .worker-chip-avatar b{
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  max-width:78px!important;
  color:#f8fafc!important;
  font-size:10.5px!important;
  font-weight:1000!important;
  line-height:1.1!important;
  text-align:left!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.csr-presence-header .worker-module-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:32px!important;
  padding:2px 5px!important;
  border-radius:999px!important;
  font-style:normal!important;
  font-size:7px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.06em!important;
}
.csr-presence-header .worker-module-badge.module-processing{
  background:#dbeafe!important;
  color:#1d4ed8!important;
  border:1px solid rgba(96,165,250,.55)!important;
}
.csr-presence-header .worker-module-badge.module-abd{
  background:#dcfce7!important;
  color:#166534!important;
  border:1px solid rgba(74,222,128,.55)!important;
}
.csr-presence-header .worker-presence-line,
.csr-presence-header .worker-state-idle .worker-presence-line{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  width:100%!important;
  max-width:none!important;
  min-height:17px!important;
  overflow:visible!important;
}
.csr-presence-header .worker-presence-line small,
.csr-presence-header .worker-state-working .worker-presence-line small,
.csr-presence-header .worker-state-idle .worker-presence-line small,
.csr-presence-header .worker-state-offline .worker-presence-line small{
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  max-width:72px!important;
  color:#fde68a!important;
  font-size:8.8px!important;
  font-weight:1000!important;
  line-height:1.05!important;
  text-align:left!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.csr-presence-header .worker-state-offline .worker-presence-line small{
  max-width:94px!important;
  color:#cbd5e1!important;
  background:transparent!important;
  padding:0!important;
}
.csr-presence-header .worker-presence-line .live-timer{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:42px!important;
  max-width:50px!important;
  padding:2px 5px!important;
  font-size:8.5px!important;
  line-height:1!important;
}
.csr-presence-header .worker-state-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:15px!important;
}
.csr-presence-header .worker-state-row .presence-state{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  font-size:7.5px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.07em!important;
}
.csr-presence-header .presence-live{
  background:#bbf7d0!important;
  color:#14532d!important;
  border:1px solid rgba(34,197,94,.55)!important;
}
.csr-presence-header .presence-idle{
  background:#fef3c7!important;
  color:#92400e!important;
  border:1px solid rgba(251,191,36,.48)!important;
}
.csr-presence-header .presence-offline{
  background:#e2e8f0!important;
  color:#475569!important;
  border:1px solid rgba(148,163,184,.45)!important;
}
.csr-presence-header .worker-module-abd{
  background:
    radial-gradient(circle at 12% 50%,rgba(14,165,233,.15),transparent 42%),
    linear-gradient(180deg,rgba(15,23,42,.99),rgba(2,6,23,.98))!important;
}

/* The most recently opened/saved/closed ABD row remains visibly anchored. */
.abd-table tr.abd-last-attempt-row td{
  background:#ecfeff!important;
  border-top-color:#67e8f9!important;
  border-bottom-color:#67e8f9!important;
  box-shadow:inset 0 2px 0 rgba(6,182,212,.78),inset 0 -2px 0 rgba(6,182,212,.78)!important;
}
.abd-table tr.abd-last-attempt-row td:first-child{
  box-shadow:inset 5px 0 0 #0891b2,inset 0 2px 0 rgba(6,182,212,.78),inset 0 -2px 0 rgba(6,182,212,.78)!important;
}
.abd-table tr.abd-last-attempt-row td:last-child{
  border-right:2px solid #22d3ee!important;
}
.abd-table tr.abd-last-attempt-row.working-row td{
  background:#f0fdfa!important;
}
.abd-table tr.abd-last-attempt-row.closed-row td,
.abd-table tr.abd-last-attempt-row.sent-row td{
  background:#f0f9ff!important;
  opacity:1!important;
}

@media(max-width:900px){
  .csr-presence-header .worker-chip-avatar{
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
  }
  .csr-presence-header .worker-name-row b,
  .csr-presence-header .worker-chip-avatar b{max-width:66px!important}
}

/* --------------------------------------------------------------------------
   V3.28.68 Exact two-row CSR focus + corrected Team header card layout
   - Blue: selected CSR's latest saved attempt
   - Green: selected CSR's current live attempt
   - Other active locks keep only the existing subtle amber indicator
-------------------------------------------------------------------------- */
.csr-presence-header{
  position:relative!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:92px!important;
  max-width:none!important;
  padding:7px 8px!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.csr-presence-header .wh-title{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:1!important;
  display:flex!important;
  flex:0 0 58px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:72px!important;
  min-height:72px!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:14px!important;
  color:#f8fafc!important;
  font-size:9px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.csr-presence-header .wh-title .live-dot{
  flex:0 0 7px!important;
  width:7px!important;
  height:7px!important;
  margin:0!important;
}
.csr-presence-header .worker-chip-avatar{
  position:relative!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:9px!important;
  flex:0 0 188px!important;
  width:188px!important;
  min-width:188px!important;
  max-width:188px!important;
  height:76px!important;
  min-height:76px!important;
  margin:0!important;
  padding:8px 10px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  text-align:left!important;
  box-sizing:border-box!important;
}
.csr-presence-header .worker-avatar{
  position:relative!important;
  grid-column:1!important;
  align-self:center!important;
  justify-self:center!important;
  --avatar-size:38px!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
}
.csr-presence-header .worker-chip-meta{
  grid-column:2!important;
  display:grid!important;
  grid-template-rows:16px 18px 18px!important;
  align-content:center!important;
  row-gap:3px!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.csr-presence-header .worker-name-row,
.csr-presence-header .worker-presence-line,
.csr-presence-header .worker-card-footer{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.csr-presence-header .worker-name-row b,
.csr-presence-header .worker-chip-avatar b{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  color:#f8fafc!important;
  font-size:10px!important;
  font-weight:1000!important;
  line-height:1.1!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.csr-presence-header .worker-module-badge{
  flex:0 0 auto!important;
  min-width:34px!important;
  height:15px!important;
  padding:2px 5px!important;
  font-size:7px!important;
  line-height:1!important;
}
.csr-presence-header .worker-presence-line small,
.csr-presence-header .worker-state-working .worker-presence-line small,
.csr-presence-header .worker-state-idle .worker-presence-line small,
.csr-presence-header .worker-state-offline .worker-presence-line small{
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#fde68a!important;
  background:transparent!important;
  font-size:8.5px!important;
  font-weight:950!important;
  line-height:1.1!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.csr-presence-header .worker-state-offline .worker-presence-line small{
  color:#cbd5e1!important;
}
.csr-presence-header .worker-presence-line .live-timer{
  flex:0 0 auto!important;
  min-width:42px!important;
  max-width:48px!important;
  height:16px!important;
  padding:2px 4px!important;
  font-size:8px!important;
  line-height:1!important;
}
.csr-presence-header .worker-card-footer{
  overflow:visible!important;
}
.csr-presence-header .worker-card-footer .presence-state{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:42px!important;
  max-width:58px!important;
  height:16px!important;
  margin:0!important;
  padding:2px 6px!important;
  border-radius:999px!important;
  font-size:7px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.06em!important;
}
.csr-presence-header .worker-abd-count{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:1!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  width:auto!important;
  min-width:54px!important;
  max-width:66px!important;
  height:16px!important;
  margin:0!important;
  padding:2px 5px!important;
  border-radius:999px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
.csr-presence-header .worker-abd-count small,
.csr-presence-header .worker-abd-count strong,
.csr-presence-header .worker-abd-count i{
  font-size:7px!important;
  line-height:1!important;
}

/* Selected CSR's latest completed/saved attempt: exactly one per module. */
.mockup-table tr.csr-last-attempt-row td,
.sheet-table.mockup-table tr.csr-last-attempt-row td,
.abd-table tr.csr-last-attempt-row td{
  background:linear-gradient(180deg,#eff6ff,#e0f2fe)!important;
  border-top:2px solid #38bdf8!important;
  border-bottom:2px solid #38bdf8!important;
  opacity:1!important;
}
.mockup-table tr.csr-last-attempt-row td:first-child,
.sheet-table.mockup-table tr.csr-last-attempt-row td:first-child,
.abd-table tr.csr-last-attempt-row td:first-child{
  box-shadow:inset 5px 0 0 #0284c7!important;
}
.mockup-table tr.csr-last-attempt-row td:last-child,
.sheet-table.mockup-table tr.csr-last-attempt-row td:last-child,
.abd-table tr.csr-last-attempt-row td:last-child{
  box-shadow:inset -3px 0 0 #38bdf8!important;
}

/* Selected CSR's live row: exactly one per module and visually stronger. */
.mockup-table tr.csr-live-row td,
.sheet-table.mockup-table tr.csr-live-row td,
.abd-table tr.csr-live-row td,
.mockup-table tr.csr-live-row.latest-working-row td,
.abd-table tr.csr-live-row.latest-working-row td{
  background:linear-gradient(180deg,#f0fdf4,#dcfce7)!important;
  border-top:2px solid #22c55e!important;
  border-bottom:2px solid #22c55e!important;
  opacity:1!important;
}
.mockup-table tr.csr-live-row td:first-child,
.sheet-table.mockup-table tr.csr-live-row td:first-child,
.abd-table tr.csr-live-row td:first-child{
  box-shadow:inset 5px 0 0 #16a34a!important;
}
.mockup-table tr.csr-live-row td:last-child,
.sheet-table.mockup-table tr.csr-live-row td:last-child,
.abd-table tr.csr-live-row td:last-child{
  box-shadow:inset -3px 0 0 #22c55e!important;
}

/* If the latest saved order is reopened live, it remains one row, not two highlights. */
.mockup-table tr.csr-last-attempt-row.csr-live-row td,
.abd-table tr.csr-last-attempt-row.csr-live-row td{
  background:linear-gradient(180deg,#ecfdf5,#d1fae5)!important;
  border-color:#22c55e!important;
}

/* V3.28.67 legacy class must no longer create cumulative ABD highlights. */
.abd-table tr.abd-last-attempt-row:not(.csr-last-attempt-row):not(.csr-live-row) td{
  background:inherit!important;
  border-top-color:inherit!important;
  border-bottom-color:inherit!important;
  box-shadow:none!important;
}

@media(max-width:1100px){
  .csr-presence-header .worker-chip-avatar{
    flex-basis:178px!important;
    width:178px!important;
    min-width:178px!important;
    max-width:178px!important;
  }
}

/* --------------------------------------------------------------------------
   V3.28.69 Two-row sticky application header + exact ABD highlight guard
-------------------------------------------------------------------------- */
.top.app-shell-header.header-v32869{
  display:block!important;
  position:sticky!important;
  top:0!important;
  z-index:10050!important;
  width:100%!important;
  min-height:0!important;
  padding:8px 12px 0!important;
  border:0!important;
  background:linear-gradient(115deg,#071426 0%,#102a56 52%,#111827 100%)!important;
  box-shadow:0 12px 30px rgba(2,6,23,.28)!important;
  overflow:visible!important;
}
.header-primary-row{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  padding-bottom:7px!important;
}
.header-primary-row .brand-block{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:210px!important;
  max-width:250px!important;
  gap:10px!important;
  margin:0!important;
  padding:0 5px 0 0!important;
}
.header-primary-row .brand-copy{min-width:0!important;overflow:hidden!important}
.header-primary-row .brand-copy .logo{
  display:block!important;
  max-width:190px!important;
  font-size:15px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.header-primary-row .brand-version{margin-top:4px!important;font-size:9px!important;letter-spacing:.05em!important}
.header-primary-row .csr-presence-header{
  grid-column:2!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:72px!important;
  min-height:72px!important;
  margin:0!important;
  padding:4px!important;
  gap:7px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:14px!important;
  background:rgba(2,6,23,.34)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
}
.header-primary-row .csr-presence-header::-webkit-scrollbar{height:4px!important}
.header-primary-row .csr-presence-header::-webkit-scrollbar-thumb{background:rgba(148,163,184,.55)!important;border-radius:999px!important}
.header-primary-row .csr-presence-header .wh-title{display:none!important}
.header-primary-row .csr-presence-header .worker-chip-avatar{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:7px!important;
  flex:0 0 172px!important;
  width:172px!important;
  min-width:172px!important;
  max-width:172px!important;
  height:60px!important;
  min-height:60px!important;
  margin:0!important;
  padding:6px 8px!important;
  border-radius:13px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  text-align:left!important;
}
.header-primary-row .csr-presence-header .worker-avatar{
  grid-column:1!important;
  --avatar-size:32px!important;
  width:32px!important;
  height:32px!important;
  margin:0!important;
}
.header-primary-row .csr-presence-header .worker-chip-meta{
  grid-column:2!important;
  display:grid!important;
  grid-template-rows:14px 15px 15px!important;
  align-content:center!important;
  gap:2px!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.header-primary-row .csr-presence-header .worker-name-row,
.header-primary-row .csr-presence-header .worker-presence-line,
.header-primary-row .csr-presence-header .worker-card-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  min-width:0!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.header-primary-row .csr-presence-header .worker-name-row b{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  color:#fff!important;
  font-size:9.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.header-primary-row .csr-presence-header .worker-module-badge{
  flex:0 0 auto!important;
  min-width:31px!important;
  height:14px!important;
  padding:2px 4px!important;
  font-size:6.5px!important;
  line-height:1!important;
}
.header-primary-row .csr-presence-header .worker-presence-line small{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#fde68a!important;
  background:transparent!important;
  font-size:7.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.header-primary-row .csr-presence-header .worker-presence-line .live-timer{
  flex:0 0 auto!important;
  min-width:37px!important;
  max-width:42px!important;
  height:14px!important;
  padding:2px 3px!important;
  font-size:7px!important;
  line-height:1!important;
}
.header-primary-row .csr-presence-header .worker-card-footer{overflow:visible!important}
.header-primary-row .csr-presence-header .presence-state{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:39px!important;
  max-width:53px!important;
  height:14px!important;
  padding:2px 5px!important;
  border-radius:999px!important;
  font-size:6.5px!important;
  line-height:1!important;
}
.header-primary-row .csr-presence-header .worker-abd-count{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:51px!important;
  max-width:59px!important;
  height:14px!important;
  padding:2px 4px!important;
  gap:2px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
.header-primary-row .csr-presence-header .worker-abd-count small,
.header-primary-row .csr-presence-header .worker-abd-count strong,
.header-primary-row .csr-presence-header .worker-abd-count i{font-size:6.5px!important;line-height:1!important}
.header-account-panel{
  grid-column:3!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  gap:5px!important;
  width:126px!important;
  min-width:126px!important;
  height:68px!important;
  padding:6px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.07)!important;
  box-sizing:border-box!important;
}
.header-user-summary{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  min-width:0!important;
  line-height:1!important;
}
.header-user-summary b{
  display:block!important;
  width:100%!important;
  color:#fff!important;
  font-size:10px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.header-user-summary span{margin-top:3px!important;color:#93c5fd!important;font-size:7px!important;font-weight:1000!important;letter-spacing:.08em!important}
.header-logout-form{display:block!important;width:100%!important;margin:0!important}
.header-logout-btn{
  width:100%!important;
  height:25px!important;
  border:1px solid rgba(248,113,113,.48)!important;
  border-radius:8px!important;
  background:rgba(127,29,29,.35)!important;
  color:#fecaca!important;
  font-size:9px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}
.header-logout-btn:hover{background:#dc2626!important;color:#fff!important;border-color:#f87171!important}
.header-secondary-row{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  height:47px!important;
  margin:0 -12px!important;
  padding:6px 12px!important;
  border-top:1px solid rgba(148,163,184,.18)!important;
  background:rgba(2,6,23,.52)!important;
  box-sizing:border-box!important;
}
.header-nav-scroll{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
}
.header-nav-scroll::-webkit-scrollbar{height:3px!important}
.header-nav-scroll::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45)!important;border-radius:999px!important}
.header-nav{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:5px!important;
  width:max-content!important;
  min-width:max-content!important;
}
.header-v32869 .header-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:32px!important;
  padding:0 9px!important;
  border-radius:9px!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.header-secondary-actions{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}
.header-view-toggle{display:flex!important;gap:3px!important;margin:0!important;padding:3px!important;border-radius:9px!important;background:rgba(255,255,255,.07)!important}
.header-view-toggle a{height:26px!important;padding:0 7px!important;display:inline-flex!important;align-items:center!important;font-size:8px!important;border-radius:7px!important}
.header-clear-locks{height:30px!important;display:inline-flex!important;align-items:center!important;padding:0 8px!important;border-radius:9px!important;font-size:8px!important;white-space:nowrap!important}
.header-quick-tools{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important}
.header-quick-stat{
  display:grid!important;
  grid-template-columns:auto!important;
  grid-template-rows:10px 14px!important;
  align-content:center!important;
  justify-items:center!important;
  min-width:66px!important;
  height:32px!important;
  padding:2px 7px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.07)!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
.header-quick-stat.header-abd-today{min-width:83px!important;background:rgba(14,165,233,.15)!important;border-color:rgba(56,189,248,.30)!important}
.header-quick-stat small{color:#94a3b8!important;font-size:6.5px!important;font-weight:1000!important;line-height:1!important;letter-spacing:.05em!important}
.header-quick-stat b{color:#fff!important;font-size:10px!important;font-weight:1000!important;line-height:1!important}
.header-filter-button{
  display:grid!important;
  grid-template-rows:10px 13px!important;
  align-content:center!important;
  justify-items:center!important;
  min-width:68px!important;
  height:32px!important;
  padding:2px 8px!important;
  border:1px solid #7dd3fc!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#e0f2fe,#bfdbfe)!important;
  color:#0f172a!important;
  cursor:pointer!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}
.header-filter-button small{font-size:6.5px!important;font-weight:1000!important;line-height:1!important;color:#0369a1!important}
.header-filter-button b{font-size:9px!important;font-weight:1000!important;line-height:1!important;color:#0f172a!important}
.header-filter-button:hover{background:#fff!important;transform:translateY(-1px)!important}
.calling-kpi-strip{top:131px!important}
.calling-kpi-strip .calling-kpi-left{width:100%!important}
.calling-kpi-strip .calling-kpi-right{display:none!important}

/* ABD must never accumulate historical visual focus classes. */
.abd-table tr.focus-pulse:not(.csr-last-attempt-row):not(.csr-live-row) td{
  background:inherit!important;
  border-top-color:inherit!important;
  border-bottom-color:inherit!important;
  box-shadow:none!important;
}

@media(max-width:1450px){
  .header-primary-row .brand-block{min-width:180px!important;max-width:205px!important}
  .header-primary-row .brand-copy .logo{max-width:150px!important;font-size:13px!important}
  .header-primary-row .csr-presence-header .worker-chip-avatar{flex-basis:164px!important;width:164px!important;min-width:164px!important;max-width:164px!important}
  .header-account-panel{width:112px!important;min-width:112px!important}
  .header-secondary-actions{max-width:48vw!important;overflow-x:auto!important}
}
@media(max-width:980px){
  .header-primary-row{grid-template-columns:150px minmax(0,1fr) 104px!important}
  .header-primary-row .brand-block{min-width:0!important;width:150px!important}
  .header-primary-row .brand-copy .logo{max-width:108px!important;font-size:12px!important}
  .header-account-panel{width:104px!important;min-width:104px!important}
  .header-secondary-actions{max-width:55vw!important}
  .header-view-toggle,.header-clear-locks{display:none!important}
  .calling-kpi-strip{top:131px!important}
}


/* --------------------------------------------------------------------------
   V3.28.70 Smart header statistics + custom ABD capacity console
-------------------------------------------------------------------------- */
.header-primary-row .csr-presence-header .worker-name-row b{font-size:10.5px!important}
.header-primary-row .csr-presence-header .worker-presence-line small{font-size:8.3px!important}
.header-primary-row .csr-presence-header .worker-module-badge{font-size:7px!important}
.header-primary-row .csr-presence-header .presence-state{font-size:7px!important}
.header-primary-row .csr-presence-header .worker-abd-count{min-width:43px!important;max-width:48px!important;gap:3px!important}
.header-primary-row .csr-presence-header .worker-abd-count small,
.header-primary-row .csr-presence-header .worker-abd-count strong{font-size:7.5px!important;font-style:normal!important}
.header-primary-row .csr-presence-header .worker-abd-count i{display:none!important}
.header-secondary-row{display:grid!important;grid-template-columns:minmax(250px,.82fr) minmax(590px,1.45fr) auto!important;gap:9px!important;height:50px!important}
.header-nav-scroll{grid-column:1!important}
.header-today-performance{
  grid-column:2!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) 1px minmax(0,1fr)!important;
  align-items:center!important;gap:7px!important;min-width:0!important;height:38px!important;padding:3px 7px!important;
  border:1px solid rgba(148,163,184,.18)!important;border-radius:10px!important;background:rgba(15,23,42,.58)!important;
  overflow:hidden!important;box-sizing:border-box!important
}
.header-performance-scope{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:26px!important;padding:0 7px!important;border-radius:7px!important;background:rgba(56,189,248,.14)!important;color:#bae6fd!important;font-size:7px!important;font-weight:1000!important;letter-spacing:.06em!important;white-space:nowrap!important}
.header-performance-divider{width:1px!important;height:25px!important;background:rgba(148,163,184,.25)!important}
.header-performance-module{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;overflow:hidden!important}
.header-performance-module>strong{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:57px!important;height:25px!important;border-radius:7px!important;font-size:7px!important;font-weight:1000!important;letter-spacing:.05em!important}
.header-performance-module.module-processing>strong{background:#dbeafe!important;color:#1d4ed8!important}
.header-performance-module.module-abd>strong{background:#dcfce7!important;color:#166534!important}
.header-performance-values{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;overflow:hidden!important}
.header-performance-chip{display:grid!important;grid-template-rows:8px 12px!important;align-content:center!important;justify-items:center!important;flex:1 1 0!important;min-width:29px!important;height:27px!important;padding:1px 4px!important;border-radius:7px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.08)!important;box-sizing:border-box!important}
.header-performance-chip small{font-size:5.8px!important;line-height:1!important;color:#94a3b8!important;font-weight:1000!important;text-transform:uppercase!important;white-space:nowrap!important}
.header-performance-chip b{font-size:9.5px!important;line-height:1!important;color:#f8fafc!important;font-weight:1000!important}
.header-performance-chip.metric-cnf b{color:#86efac!important}.header-performance-chip.metric-cxl b{color:#fca5a5!important}.header-performance-chip.metric-na b,.header-performance-chip.metric-nr b{color:#fde68a!important}.header-performance-chip.metric-cb b{color:#c4b5fd!important}
.header-secondary-actions{grid-column:3!important;max-width:none!important;overflow:visible!important}
.header-clear-active-form{display:inline-flex!important;margin:0!important;padding:0!important}
.header-clear-locks{appearance:none!important;border:1px solid #fb7185!important;background:linear-gradient(180deg,#fff1f2,#fecdd3)!important;color:#9f1239!important;box-shadow:0 5px 12px rgba(225,29,72,.16)!important;cursor:pointer!important}
.header-clear-locks::before{content:"↺"!important;margin-right:4px!important;font-size:10px!important}
.header-clear-locks:hover{background:#e11d48!important;color:#fff!important;border-color:#fb7185!important;transform:translateY(-1px)!important}
.header-quick-stat{min-width:72px!important}.header-quick-stat small{font-size:6.2px!important}.header-quick-stat b{font-size:10px!important}
.calling-kpi-strip,.abd-calling-kpi-strip{display:none!important}

.abd-capacity-console,.abd-insights-panel{margin:16px 0;background:#fff;border:1px solid #dbe4ef;border-radius:20px;box-shadow:0 16px 38px rgba(15,23,42,.08);overflow:hidden}
.abd-capacity-hero,.abd-insights-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:linear-gradient(135deg,#071426,#15366b);color:#fff}
.abd-section-eyebrow{display:block;margin-bottom:5px;color:#7dd3fc;font-size:10px;font-weight:1000;letter-spacing:.12em}.abd-capacity-hero h3,.abd-insights-hero h3{margin:0;font-size:21px;letter-spacing:-.02em}.abd-capacity-hero p,.abd-insights-hero p{margin:5px 0 0;color:#cbd5e1;font-size:12px;font-weight:700}.abd-admin-badge{display:inline-flex;padding:7px 10px;border:1px solid rgba(125,211,252,.38);border-radius:999px;background:rgba(14,165,233,.14);color:#bae6fd;font-size:9px;font-weight:1000;white-space:nowrap}
.abd-capacity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px;padding:14px;background:#f8fafc}.abd-capacity-card{padding:14px;border:1px solid #dbe4ef;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.05)}.abd-capacity-card.is-full{border-color:#fda4af;background:#fffafb}.abd-capacity-person{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.abd-capacity-person>div b{display:block;font-size:14px;color:#0f172a}.abd-capacity-person>div span{display:block;margin-top:3px;color:#64748b;font-size:10px;font-weight:900}.abd-capacity-state{padding:5px 8px;border-radius:999px;background:#dcfce7;color:#166534;font-size:8px;font-weight:1000;font-style:normal}.is-full .abd-capacity-state{background:#fee2e2;color:#991b1b}.abd-capacity-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0 9px}.abd-capacity-metrics span{padding:8px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.abd-capacity-metrics small{display:block;color:#64748b;font-size:8px;font-weight:1000;text-transform:uppercase}.abd-capacity-metrics b{display:block;margin-top:2px;color:#0f172a;font-size:17px}.abd-capacity-progress{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.abd-capacity-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#22c55e)}.is-full .abd-capacity-progress i{background:linear-gradient(90deg,#f97316,#e11d48)}.abd-capacity-progress-copy{display:flex;justify-content:space-between;gap:8px;margin-top:5px;color:#64748b;font-size:9px;font-weight:800}.abd-capacity-progress-copy strong{color:#334155}.abd-capacity-form{display:grid;grid-template-columns:minmax(110px,145px) minmax(0,1fr);gap:9px;align-items:end;margin-top:12px;padding-top:11px;border-top:1px solid #e2e8f0}.abd-capacity-form label span{display:block;margin-bottom:5px;color:#475569;font-size:9px;font-weight:1000;text-transform:uppercase}.abd-capacity-form input{width:100%;height:35px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;padding:0 10px;font-weight:1000}.abd-capacity-actions{display:flex;gap:7px}.abd-capacity-actions .btn{flex:1;height:35px;border-radius:10px;font-size:10px}.abd-save-capacity{background:#e0f2fe!important;color:#075985!important;border:1px solid #7dd3fc!important}.abd-clear-attempts{background:#fff1f2!important;color:#9f1239!important;border:1px solid #fda4af!important}.abd-clear-attempts:hover{background:#e11d48!important;color:#fff!important}.abd-capacity-note{display:flex;align-items:center;gap:9px;padding:11px 18px;border-top:1px solid #e2e8f0;background:#fff}.abd-capacity-note b{color:#0f172a;font-size:10px}.abd-capacity-note span{color:#64748b;font-size:10px;font-weight:700}
.abd-report-filter{display:flex;align-items:end;gap:7px}.abd-report-filter label{display:flex;flex-direction:column;gap:4px;color:#cbd5e1;font-size:8px;font-weight:1000;text-transform:uppercase}.abd-report-filter input{height:32px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:rgba(255,255,255,.10);color:#fff;padding:0 8px}.abd-report-filter .btn{height:32px;border-radius:8px}.abd-insight-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:14px;background:#f8fafc}.abd-insight-kpis>div{padding:12px 13px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;border-left-width:4px}.abd-insight-kpis small{display:block;color:#64748b;font-size:9px;font-weight:1000;text-transform:uppercase}.abd-insight-kpis b{display:block;margin:3px 0;color:#0f172a;font-size:22px}.abd-insight-kpis span{color:#64748b;font-size:9px;font-weight:700}.abd-insight-kpis .tone-blue{border-left-color:#3b82f6}.abd-insight-kpis .tone-green{border-left-color:#22c55e}.abd-insight-kpis .tone-red{border-left-color:#ef4444}.abd-insight-kpis .tone-cyan{border-left-color:#06b6d4}.abd-insight-kpis .tone-violet{border-left-color:#8b5cf6}.abd-report-status-strip{display:flex;gap:8px;padding:0 14px 12px;background:#f8fafc}.abd-report-status-strip>span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #e2e8f0;border-radius:999px;background:#fff}.abd-report-status-strip small{color:#64748b;font-size:8px;font-weight:1000}.abd-report-status-strip b{color:#0f172a;font-size:11px}.abd-report-table-wrap{margin:0 14px 14px;border:1px solid #e2e8f0;border-radius:13px;overflow:auto}.abd-report-table.smart th{background:#0f172a;color:#e2e8f0;font-size:9px;white-space:nowrap}.abd-report-table.smart td{vertical-align:middle}.abd-rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;background:#e0f2fe;color:#0369a1;font-size:10px;font-weight:1000}.abd-report-person{display:flex;align-items:center;gap:8px;min-width:150px}.abd-report-person b{display:block;color:#0f172a;font-size:11px}.abd-report-person small{display:block;margin-top:2px;color:#64748b;font-size:8px}.abd-status-number{display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:24px;border-radius:8px;font-weight:1000}.abd-status-number.is-cnf{background:#dcfce7;color:#166534}.abd-status-number.is-cxl{background:#fee2e2;color:#991b1b}.abd-rate-cell{min-width:90px}.abd-rate-cell>b{display:block;color:#0f172a;font-size:10px}.abd-rate-cell>span{display:block;height:5px;margin-top:4px;border-radius:999px;background:#e2e8f0;overflow:hidden}.abd-rate-cell i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#06b6d4,#22c55e)}.abd-report-empty{padding:22px;text-align:center}.abd-report-empty b{display:block;color:#0f172a}.abd-report-empty span{display:block;margin-top:4px;color:#64748b}
@media(max-width:1500px){.header-secondary-row{grid-template-columns:minmax(220px,.7fr) minmax(520px,1.2fr) auto!important}.header-performance-chip{min-width:27px!important}.header-performance-module>strong{min-width:48px!important}}
@media(max-width:1200px){.header-secondary-row{grid-template-columns:minmax(200px,.65fr) minmax(470px,1fr) auto!important}.header-performance-scope{display:none!important}.header-today-performance{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)!important}.header-performance-chip small{display:none!important}.header-performance-chip{grid-template-rows:1fr!important;height:25px!important}.abd-insight-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.header-secondary-row{display:flex!important;height:auto!important;min-height:50px!important;overflow-x:auto!important}.header-nav-scroll{flex:0 0 auto!important;max-width:50vw!important}.header-today-performance{flex:0 0 590px!important}.header-secondary-actions{flex:0 0 auto!important}.abd-capacity-grid{grid-template-columns:1fr}.abd-insights-hero,.abd-capacity-hero{align-items:flex-start;flex-direction:column}.abd-insight-kpis{grid-template-columns:repeat(2,1fr)}}

/* --------------------------------------------------------------------------
   V3.28.71 Premium workforce header, profile, notices and global-clear UX
-------------------------------------------------------------------------- */
.top.app-shell-header.header-v32871{
  display:block!important;position:sticky!important;top:0!important;z-index:10050!important;width:100%!important;
  min-height:0!important;padding:8px 12px 0!important;border:0!important;
  background:linear-gradient(115deg,#061325 0%,#102b58 48%,#111827 100%)!important;
  box-shadow:0 14px 34px rgba(2,6,23,.3)!important;overflow:visible!important
}
.header-v32871 .header-primary-row{
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;
  gap:10px!important;min-width:0!important;padding-bottom:8px!important
}
.header-v32871 .brand-block{display:flex!important;align-items:center!important;width:auto!important;min-width:205px!important;max-width:248px!important;gap:9px!important;margin:0!important;padding:0 4px 0 0!important}
.header-v32871 .brand-copy{min-width:0!important;overflow:hidden!important}
.header-v32871 .brand-copy .logo{display:block!important;max-width:190px!important;font-size:15px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.header-v32871 .brand-version{margin-top:4px!important;font-size:9px!important;letter-spacing:.055em!important;color:#93c5fd!important}
.header-v32871 .csr-presence-header{
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important;min-width:0!important;max-width:none!important;
  height:74px!important;min-height:74px!important;margin:0!important;padding:5px!important;gap:7px!important;
  border:1px solid rgba(148,163,184,.2)!important;border-radius:15px!important;background:rgba(2,6,23,.38)!important;
  overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important
}
.header-v32871 .csr-presence-header::-webkit-scrollbar{height:4px!important}.header-v32871 .csr-presence-header::-webkit-scrollbar-thumb{background:rgba(125,211,252,.45)!important;border-radius:999px!important}
.header-v32871 .csr-presence-header .wh-title{display:none!important}
.header-v32871 .csr-presence-header .worker-chip-avatar{
  display:grid!important;grid-template-columns:35px minmax(0,1fr)!important;align-items:center!important;column-gap:8px!important;
  flex:0 0 178px!important;width:178px!important;min-width:178px!important;max-width:178px!important;height:62px!important;min-height:62px!important;
  margin:0!important;padding:6px 8px!important;border-radius:14px!important;box-sizing:border-box!important;overflow:hidden!important;text-align:left!important;
  border:1px solid rgba(148,163,184,.22)!important;background:linear-gradient(145deg,rgba(30,41,59,.92),rgba(15,23,42,.94))!important;
  box-shadow:0 8px 18px rgba(2,6,23,.18)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important
}
.header-v32871 .csr-presence-header .worker-chip-avatar:hover{transform:translateY(-1px)!important;border-color:rgba(125,211,252,.55)!important;box-shadow:0 10px 22px rgba(14,165,233,.14)!important}
.header-v32871 .csr-presence-header .worker-avatar{--avatar-size:33px!important;width:33px!important;height:33px!important;margin:0!important}
.header-v32871 .csr-presence-header .worker-chip-meta{display:grid!important;grid-template-rows:15px 16px 16px!important;align-content:center!important;gap:2px!important;width:100%!important;min-width:0!important;overflow:hidden!important}
.header-v32871 .csr-presence-header .worker-name-row,.header-v32871 .csr-presence-header .worker-presence-line,.header-v32871 .csr-presence-header .worker-card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-width:0!important;gap:4px!important;margin:0!important;padding:0!important;overflow:hidden!important}
.header-v32871 .csr-presence-header .worker-name-row b{flex:1 1 auto!important;min-width:0!important;max-width:none!important;margin:0!important;color:#fff!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.header-v32871 .csr-presence-header .worker-module-badge{flex:0 0 auto!important;min-width:32px!important;height:15px!important;padding:2px 5px!important;border-radius:999px!important;font-size:7.2px!important;line-height:1!important;font-weight:1000!important}
.header-v32871 .csr-presence-header .worker-presence-line small{flex:1 1 auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;color:#fde68a!important;background:transparent!important;font-size:8.8px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.header-v32871 .csr-presence-header .worker-presence-line .live-timer{flex:0 0 auto!important;min-width:40px!important;max-width:46px!important;height:15px!important;padding:2px 4px!important;border-radius:999px!important;font-size:7.8px!important;line-height:1!important}
.header-v32871 .csr-presence-header .presence-state{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:43px!important;max-width:58px!important;height:15px!important;padding:2px 6px!important;border-radius:999px!important;font-size:7.2px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.05em!important}
.header-v32871 .csr-presence-header .presence-state.presence-live{color:#032b20!important;background:linear-gradient(135deg,#5eead4,#86efac)!important;border:1px solid #a7f3d0!important;box-shadow:0 0 0 2px rgba(45,212,191,.13),0 0 13px rgba(45,212,191,.48)!important}
.header-v32871 .csr-presence-header .presence-state.presence-live::before{content:"";width:5px;height:5px;margin-right:4px;border-radius:50%;background:#047857;box-shadow:0 0 0 3px rgba(4,120,87,.16);animation:crmLivePulse 1.35s ease-in-out infinite}
@keyframes crmLivePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.78)}}
.header-v32871 .csr-presence-header .worker-abd-count{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:47px!important;max-width:54px!important;height:15px!important;padding:2px 5px!important;gap:3px!important;border-radius:999px!important;white-space:nowrap!important}
.header-v32871 .csr-presence-header .worker-abd-count small,.header-v32871 .csr-presence-header .worker-abd-count strong{font-size:8px!important;line-height:1!important}.header-v32871 .csr-presence-header .worker-abd-count i{display:none!important}
.header-v32871 .csr-presence-header .worker-role-admin,.header-v32871 .csr-presence-header .worker-role-tl{border-color:rgba(250,204,21,.58)!important;background:linear-gradient(145deg,rgba(91,33,182,.9),rgba(30,41,59,.96))!important;box-shadow:inset 0 0 0 1px rgba(253,224,71,.14),0 9px 22px rgba(76,29,149,.25)!important}
.header-v32871 .csr-presence-header .worker-role-admin .worker-module-badge,.header-v32871 .csr-presence-header .worker-role-tl .worker-module-badge{background:#fef3c7!important;color:#92400e!important;border-color:#fde68a!important}
.header-v32871 .csr-presence-header .worker-admin-mark{display:inline-flex!important;align-items:center!important;height:15px!important;padding:2px 6px!important;border-radius:999px!important;background:rgba(254,240,138,.16)!important;border:1px solid rgba(253,224,71,.35)!important;color:#fef08a!important;font-size:7px!important;font-weight:1000!important;letter-spacing:.07em!important}
.header-v32871 .header-account-panel{display:grid!important;grid-template-rows:auto auto!important;align-content:center!important;gap:5px!important;width:130px!important;min-width:130px!important;height:70px!important;padding:7px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:14px!important;background:rgba(255,255,255,.075)!important;box-sizing:border-box!important}
.header-v32871 .header-account-role-admin{border-color:rgba(250,204,21,.48)!important;background:linear-gradient(145deg,rgba(88,28,135,.58),rgba(30,41,59,.8))!important;box-shadow:inset 0 0 0 1px rgba(250,204,21,.08)!important}
.header-v32871 .header-user-summary{display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important;line-height:1!important}.header-v32871 .header-user-summary b{display:block!important;width:100%!important;color:#fff!important;font-size:10.5px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.header-v32871 .header-user-summary span{margin-top:3px!important;color:#bfdbfe!important;font-size:7.4px!important;font-weight:1000!important;letter-spacing:.09em!important}.header-v32871 .header-account-role-admin .header-user-summary span{color:#fde68a!important}
.header-v32871 .header-logout-btn{width:100%!important;height:26px!important;border:1px solid rgba(248,113,113,.52)!important;border-radius:8px!important;background:rgba(127,29,29,.38)!important;color:#fecaca!important;font-size:9.2px!important;font-weight:1000!important;cursor:pointer!important}
.header-v32871 .header-secondary-row{
  display:grid!important;grid-template-columns:minmax(270px,.75fr) minmax(760px,1.75fr) auto!important;align-items:center!important;
  gap:10px!important;min-width:0!important;height:68px!important;margin:0 -12px!important;padding:7px 12px!important;
  border-top:1px solid rgba(148,163,184,.2)!important;background:rgba(2,6,23,.62)!important;box-sizing:border-box!important
}
.header-v32871 .header-nav-scroll{min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important}.header-v32871 .header-nav{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;width:max-content!important;min-width:max-content!important}.header-v32871 .header-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:36px!important;padding:0 10px!important;border-radius:10px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important}
.header-v32871 .header-today-performance{
  display:grid!important;grid-template-columns:auto minmax(330px,1fr) 1px minmax(330px,1fr)!important;align-items:center!important;gap:8px!important;
  min-width:760px!important;height:54px!important;padding:5px 8px!important;border:1px solid rgba(125,211,252,.2)!important;border-radius:13px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(30,58,138,.22))!important;overflow:hidden!important;box-sizing:border-box!important
}
.header-v32871 .header-performance-scope{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:36px!important;padding:0 9px!important;border-radius:9px!important;background:linear-gradient(135deg,rgba(14,165,233,.22),rgba(59,130,246,.16))!important;border:1px solid rgba(125,211,252,.23)!important;color:#dbeafe!important;font-size:8.5px!important;font-weight:1000!important;letter-spacing:.075em!important;white-space:nowrap!important}
.header-v32871 .header-performance-divider{width:1px!important;height:36px!important;background:linear-gradient(transparent,rgba(148,163,184,.45),transparent)!important}
.header-v32871 .header-performance-module{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;min-width:0!important;overflow:hidden!important}
.header-v32871 .header-performance-module>strong{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:72px!important;height:36px!important;padding:0 5px!important;border-radius:9px!important;font-size:8.5px!important;font-weight:1000!important;letter-spacing:.055em!important;white-space:nowrap!important}
.header-v32871 .header-performance-values{display:grid!important;grid-template-columns:repeat(7,minmax(39px,1fr))!important;align-items:center!important;gap:4px!important;min-width:0!important;overflow:visible!important}
.header-v32871 .header-performance-chip{display:grid!important;grid-template-rows:10px 16px!important;align-content:center!important;justify-items:center!important;min-width:0!important;height:38px!important;padding:2px 4px!important;border-radius:9px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.09)!important;box-sizing:border-box!important;overflow:hidden!important}
.header-v32871 .header-performance-chip small{display:block!important;max-width:100%!important;font-size:6.8px!important;line-height:1!important;color:#aebbd0!important;font-weight:1000!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.header-v32871 .header-performance-chip b{font-size:12px!important;line-height:1!important;color:#f8fafc!important;font-weight:1000!important}
.header-v32871 .header-secondary-actions{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;overflow:visible!important}.header-v32871 .header-clear-active-form{display:inline-flex!important;margin:0!important}.header-v32871 .header-clear-locks{height:36px!important;padding:0 10px!important;border-radius:10px!important;font-size:8.8px!important;font-weight:1000!important;white-space:nowrap!important}
.header-v32871 .header-quick-tools{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}.header-v32871 .header-quick-stat{display:grid!important;grid-template-rows:11px 16px!important;align-content:center!important;justify-items:center!important;min-width:80px!important;height:38px!important;padding:3px 8px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important;background:rgba(255,255,255,.075)!important;box-sizing:border-box!important;white-space:nowrap!important}.header-v32871 .header-quick-stat small{font-size:7px!important;font-weight:1000!important;line-height:1!important;letter-spacing:.055em!important;color:#9fb0c8!important}.header-v32871 .header-quick-stat b{font-size:11px!important;font-weight:1000!important;line-height:1!important;color:#fff!important}.header-v32871 .header-filter-button{min-width:76px!important;height:38px!important;border-radius:10px!important}.header-v32871 .header-filter-button small{font-size:7px!important}.header-v32871 .header-filter-button b{font-size:9.5px!important}

/* Premium profile */
.profile-premium-shell{max-width:1500px;margin:18px auto 36px;padding:0 8px}.profile-premium-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 28px;border-radius:24px;background:radial-gradient(circle at 85% 10%,rgba(56,189,248,.2),transparent 28%),linear-gradient(135deg,#071426,#12366b 58%,#312e81);color:#fff;box-shadow:0 24px 55px rgba(15,23,42,.2);overflow:hidden}.profile-identity{display:flex;align-items:center;gap:18px;min-width:0}.profile-premium-avatar{--avatar-size:84px!important;width:84px!important;height:84px!important;box-shadow:0 0 0 5px rgba(255,255,255,.11),0 15px 28px rgba(2,6,23,.35)!important}.profile-eyebrow{display:block;color:#7dd3fc;font-size:10px;font-weight:1000;letter-spacing:.13em}.profile-identity h1{margin:5px 0 4px;font-size:32px;line-height:1;letter-spacing:-.035em}.profile-identity p{margin:0;color:#cbd5e1;font-size:13px;font-weight:750}.profile-status-line{display:flex;align-items:center;gap:7px;margin-top:10px;color:#dcfce7;font-size:10px;font-weight:900}.profile-status-line i{margin-left:6px;color:#bae6fd;font-style:normal}.profile-online-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18)}.profile-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.profile-hero-actions .btn{height:38px;border-radius:11px;display:inline-flex;align-items:center}.profile-today-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0}.profile-metric{position:relative;padding:15px 16px;border:1px solid #dbe4ef;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.055);overflow:hidden}.profile-metric::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#3b82f6}.profile-metric.tone-cyan::before{background:#06b6d4}.profile-metric.tone-green::before{background:#22c55e}.profile-metric.tone-red::before{background:#ef4444}.profile-metric.tone-violet::before{background:#8b5cf6}.profile-metric.tone-amber::before{background:#f59e0b}.profile-metric small{display:block;color:#64748b;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.05em}.profile-metric b{display:block;margin:5px 0 3px;color:#0f172a;font-size:21px;line-height:1}.profile-metric span{color:#64748b;font-size:9px;font-weight:700}.profile-content-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:14px}.profile-card{border:1px solid #dbe4ef;border-radius:20px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.065);overflow:hidden}.profile-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc)}.profile-card-head span{display:block;color:#0284c7;font-size:9px;font-weight:1000;letter-spacing:.11em}.profile-card-head h2{margin:3px 0 0;color:#0f172a;font-size:18px}.profile-card-head>b{padding:6px 9px;border-radius:999px;background:#e0f2fe;color:#075985;font-size:9px}.profile-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e2e8f0}.profile-detail-item{min-height:66px;padding:13px 15px;background:#fff}.profile-detail-item small{display:block;color:#64748b;font-size:8.5px;font-weight:1000;text-transform:uppercase}.profile-detail-item b{display:block;margin-top:6px;color:#0f172a;font-size:11.5px;line-height:1.35;word-break:break-word}.profile-shift-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:15px}.profile-shift-strip>div{padding:10px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.profile-shift-strip small{display:block;color:#64748b;font-size:8px;font-weight:1000;text-transform:uppercase}.profile-shift-strip b{display:block;margin-top:4px;color:#0f172a;font-size:11px}.profile-password-form{display:grid;gap:11px;padding:5px 15px 18px}.profile-password-form label{display:block;margin-bottom:5px;color:#475569;font-size:9px;font-weight:1000;text-transform:uppercase}.profile-password-form input{width:100%;height:39px;border:1px solid #cbd5e1;border-radius:11px;background:#f8fafc;padding:0 11px;box-sizing:border-box}.profile-password-form input:focus{outline:3px solid rgba(14,165,233,.12);border-color:#38bdf8}.profile-password-form .btn{height:39px;border-radius:11px}.profile-password-form p{margin:0;color:#64748b;font-size:9px;line-height:1.5}

/* Premium notifications and global-action feedback */
.crm-notification-stack{position:fixed;right:18px;top:168px;z-index:12050;display:flex;flex-direction:column;align-items:flex-end;gap:10px;width:min(410px,calc(100vw - 28px));pointer-events:none}.crm-import-notification,.crm-premium-toast{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:10px;width:100%;padding:14px;border:1px solid rgba(125,211,252,.32);border-radius:18px;background:linear-gradient(145deg,rgba(7,20,38,.98),rgba(20,54,107,.98));color:#fff;box-shadow:0 22px 48px rgba(2,6,23,.34);box-sizing:border-box;overflow:hidden;pointer-events:auto;opacity:0;transform:translateX(24px) scale(.98);transition:opacity .24s ease,transform .24s ease}.crm-import-notification.is-visible,.crm-premium-toast.is-visible{opacity:1;transform:translateX(0) scale(1)}.crm-import-notification.is-closing,.crm-premium-toast.is-closing{opacity:0;transform:translateX(28px) scale(.97)}.crm-import-notification.module-abd{border-color:rgba(74,222,128,.38);background:linear-gradient(145deg,rgba(5,46,22,.98),rgba(20,83,45,.98))}.crm-import-glow{position:absolute;inset:auto -40px -55px auto;width:150px;height:150px;border-radius:50%;background:rgba(56,189,248,.18);filter:blur(4px)}.module-abd .crm-import-glow{background:rgba(74,222,128,.17)}.crm-import-icon,.crm-toast-icon{position:relative;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#38bdf8,#2563eb);box-shadow:0 8px 18px rgba(37,99,235,.3)}.crm-import-icon::before{content:"↓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:1000}.module-abd .crm-import-icon{background:linear-gradient(135deg,#4ade80,#059669)}.crm-import-content{position:relative;min-width:0}.crm-import-kicker{color:#7dd3fc;font-size:8px;font-weight:1000;letter-spacing:.12em}.module-abd .crm-import-kicker{color:#86efac}.crm-import-content h3{margin:3px 0 4px;font-size:15px;line-height:1.15}.crm-import-content p,.crm-premium-toast p{margin:0;color:#dbeafe;font-size:10px;line-height:1.45;font-weight:700}.crm-import-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.crm-import-meta b{color:#fff;font-size:10px}.crm-import-meta span{color:#93c5fd;font-size:8px;font-weight:900}.crm-import-close,.crm-premium-toast button{position:relative;align-self:start;width:27px;height:27px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:17px;line-height:1;cursor:pointer}.crm-import-close:hover,.crm-premium-toast button:hover{background:rgba(255,255,255,.18)}.crm-premium-toast{grid-template-columns:38px minmax(0,1fr) 28px}.crm-premium-toast .crm-toast-icon::before{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-weight:1000}.crm-premium-toast.tone-danger{border-color:rgba(251,113,133,.45);background:linear-gradient(145deg,rgba(76,5,25,.98),rgba(136,19,55,.98))}.crm-premium-toast.tone-danger .crm-toast-icon{background:linear-gradient(135deg,#fb7185,#e11d48)}.crm-premium-toast>div b{display:block;font-size:13px;margin-bottom:3px}

@media(max-width:1500px){.header-v32871 .header-secondary-row{grid-template-columns:minmax(235px,.62fr) 760px auto!important;overflow-x:auto!important}.header-v32871 .header-today-performance{min-width:760px!important}.profile-today-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.header-v32871 .header-primary-row{grid-template-columns:165px minmax(0,1fr) 112px!important}.header-v32871 .brand-block{min-width:0!important;width:165px!important}.header-v32871 .csr-presence-header .worker-chip-avatar{flex-basis:172px!important;width:172px!important;min-width:172px!important;max-width:172px!important}.header-v32871 .header-account-panel{width:112px!important;min-width:112px!important}.header-v32871 .header-secondary-row{display:flex!important;height:68px!important;overflow-x:auto!important}.header-v32871 .header-nav-scroll{flex:0 0 300px!important}.header-v32871 .header-today-performance{flex:0 0 760px!important}.header-v32871 .header-secondary-actions{flex:0 0 auto!important}.profile-content-grid{grid-template-columns:1fr}.profile-detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.header-v32871 .header-primary-row{grid-template-columns:135px minmax(0,1fr) 96px!important}.header-v32871 .brand-block{width:135px!important}.header-v32871 .brand-copy .logo{font-size:12px!important}.header-v32871 .header-account-panel{width:96px!important;min-width:96px!important}.profile-premium-hero{align-items:flex-start;flex-direction:column;padding:20px}.profile-identity h1{font-size:25px}.profile-today-grid{grid-template-columns:repeat(2,1fr)}.profile-detail-grid,.profile-shift-strip{grid-template-columns:1fr}.crm-notification-stack{right:10px;top:154px;width:calc(100vw - 20px)}}

/* --------------------------------------------------------------------------
   V3.28.73 Release Candidate Header
-------------------------------------------------------------------------- */
.top.app-shell-header.header-v32874{display:block!important;position:sticky!important;top:0!important;z-index:10050!important;width:100%!important;padding:8px 12px 0!important;background:linear-gradient(115deg,#07162b 0%,#12356c 52%,#0f172a 100%)!important;box-shadow:0 14px 34px rgba(2,6,23,.30)!important;overflow:visible!important}
.header-v32874 .header-primary-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding-bottom:8px!important;min-width:0!important}
.header-v32874 .brand-block{display:flex!important;align-items:center!important;width:auto!important;min-width:205px!important;max-width:245px!important;gap:9px!important;margin:0!important}
.header-v32874 .brand-copy{min-width:0!important;overflow:hidden!important}.header-v32874 .brand-copy .logo{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.header-v32874 .brand-version{font-size:9px!important;color:#bfdbfe!important}
.header-v32874 .csr-presence-header{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important;height:70px!important;min-height:70px!important;margin:0!important;padding:4px!important;gap:7px!important;border:1px solid rgba(148,163,184,.20)!important;border-radius:14px!important;background:rgba(2,6,23,.30)!important;overflow-x:auto!important;overflow-y:hidden!important}
.header-v32874 .csr-presence-header .worker-chip-avatar{flex:0 0 178px!important;width:178px!important;min-width:178px!important;height:60px!important;display:grid!important;grid-template-columns:35px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:6px 8px!important;border-radius:13px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(30,41,59,.92),rgba(15,23,42,.96))!important;border:1px solid rgba(148,163,184,.22)!important}
.header-v32874 .worker-chip-meta{min-width:0!important}.header-v32874 .worker-name-row,.header-v32874 .worker-presence-line,.header-v32874 .worker-card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;min-width:0!important}.header-v32874 .worker-name-row b{font-size:11.5px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.header-v32874 .worker-presence-line small{font-size:9px!important;color:#fde68a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.header-v32874 .presence-state,.header-v32874 .worker-module-badge,.header-v32874 .worker-abd-count,.header-v32874 .worker-admin-mark{font-size:7.5px!important}
.header-v32874 .header-account-panel{width:132px!important;min-width:132px!important;height:70px!important;display:grid!important;gap:5px!important;align-content:center!important;padding:7px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px!important;background:rgba(255,255,255,.08)!important}.header-v32874 .header-user-summary{display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important}.header-v32874 .header-user-summary b{font-size:11px!important;color:#fff!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.header-v32874 .header-user-summary span{font-size:8px!important;color:#bfdbfe!important}.header-v32874 .header-logout-btn{width:100%!important;height:25px!important;border-radius:8px!important;background:#fff!important;color:#9f1239!important;border:1px solid #fecdd3!important;font-weight:900!important;font-size:9px!important}

.header-v32874 .admin-header-workspace{min-width:0!important;height:82px!important;display:grid!important;grid-template-rows:24px minmax(0,1fr)!important;gap:4px!important}.header-v32874 .admin-header-tabbar{display:flex!important;align-items:center!important;gap:5px!important}.header-v32874 .admin-header-tab{height:23px!important;padding:4px 10px!important;border-radius:999px!important;border:1px solid rgba(191,219,254,.24)!important;background:rgba(15,23,42,.38)!important;color:#bfdbfe!important;font-size:8px!important;font-weight:1000!important;letter-spacing:.05em!important}.header-v32874 .admin-header-tab.active{background:#eff6ff!important;color:#1d4ed8!important;border-color:#93c5fd!important;box-shadow:0 4px 12px rgba(37,99,235,.24)!important}.header-v32874 .admin-header-panel{display:none!important;min-width:0!important;min-height:0!important}.header-v32874 .admin-header-panel.active{display:block!important}.header-v32874 .admin-header-panel .csr-presence-header{height:54px!important;min-height:54px!important}.header-v32874 .admin-header-panel .worker-chip-avatar{height:46px!important;min-height:46px!important;flex-basis:166px!important;width:166px!important;min-width:166px!important;padding:4px 7px!important}.header-v32874 .admin-header-panel .worker-avatar{--avatar-size:29px!important;width:29px!important;height:29px!important}.header-v32874 .admin-header-panel .worker-chip-meta{display:grid!important;grid-template-rows:13px 13px 13px!important;gap:1px!important}
.admin-header-team-today{height:54px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid #bfdbfe!important;display:grid!important;grid-template-columns:130px minmax(0,1fr)!important;overflow:hidden!important;color:#0f172a!important}.admin-team-today-head{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:7px 10px!important;background:linear-gradient(135deg,#dbeafe,#eff6ff)!important;border-right:1px solid #bfdbfe!important}.admin-team-today-head strong{font-size:10px!important;color:#1d4ed8!important}.admin-team-today-head small,.admin-team-today-head span{font-size:8px!important;color:#64748b!important}.admin-team-today-scroll{overflow:auto!important}.admin-team-today-scroll table{width:100%!important;min-width:720px!important;border-collapse:collapse!important;font-size:8.5px!important}.admin-team-today-scroll th{height:18px!important;padding:2px 7px!important;background:#f1f5f9!important;color:#64748b!important;text-align:left!important}.admin-team-today-scroll td{height:30px!important;padding:2px 7px!important;border-top:1px solid #e2e8f0!important}.admin-team-person{display:flex!important;align-items:center!important;gap:5px!important;text-decoration:none!important;color:#0f172a!important}.admin-team-person span{display:flex!important;flex-direction:column!important}.admin-team-person b{font-size:9px!important}.admin-team-person small{font-size:7px!important;color:#64748b!important}.admin-team-cnf{color:#047857!important;font-weight:1000!important}.admin-team-cxl{color:#be123c!important;font-weight:1000!important}
.admin-header-menu-panel{height:54px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;overflow:auto!important}.admin-header-menu-panel section{min-width:180px!important;border:1px solid rgba(191,219,254,.22)!important;background:rgba(15,23,42,.34)!important;border-radius:10px!important;padding:4px 6px!important}.admin-header-menu-panel section>strong{display:block!important;color:#93c5fd!important;font-size:7px!important;letter-spacing:.06em!important;margin-bottom:3px!important}.admin-header-menu-panel section>div{display:flex!important;gap:4px!important;flex-wrap:wrap!important}.admin-header-menu-panel a{padding:3px 6px!important;border-radius:6px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;text-decoration:none!important;font-size:7.5px!important;font-weight:850!important;white-space:nowrap!important}.admin-header-menu-panel a:hover{background:#fff!important;color:#1d4ed8!important}

.header-v32874 .header-secondary-row{display:grid!important;grid-template-columns:auto minmax(560px,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:57px!important;padding:6px 0 7px!important;border-top:1px solid rgba(148,163,184,.19)!important}.header-v32874 .header-nav-scroll{min-width:0!important;overflow-x:auto!important}.header-v32874 .header-nav{display:flex!important;gap:5px!important;white-space:nowrap!important}.header-v32874 .header-nav a{height:31px!important;display:inline-flex!important;align-items:center!important;padding:0 9px!important;border-radius:9px!important;color:#e2e8f0!important;text-decoration:none!important;font-size:9px!important;font-weight:900!important;border:1px solid rgba(148,163,184,.17)!important;background:rgba(15,23,42,.30)!important}.header-v32874 .header-nav a:hover,.header-v32874 .header-nav a.nav-active{background:#fff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}
.header-today-performance.header-today-light{display:grid!important;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;align-items:stretch!important;min-width:0!important;height:45px!important;padding:0!important;background:transparent!important;border:0!important}.header-today-light .header-performance-scope{display:flex!important;align-items:center!important;justify-content:center!important;width:50px!important;padding:4px!important;border-radius:10px!important;background:#fff!important;color:#334155!important;border:1px solid #cbd5e1!important;font-size:7px!important;font-weight:1000!important;text-align:center!important}.header-today-light .header-performance-module{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;gap:5px!important;padding:4px!important;border-radius:11px!important;background:#fff!important;min-width:0!important;overflow:hidden!important}.header-today-light .module-processing{border:2px solid #60a5fa!important;background:linear-gradient(135deg,#eff6ff,#dbeafe)!important}.header-today-light .module-abd{border:2px solid #4ade80!important;background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important}.header-performance-title{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important}.header-performance-title strong{font-size:11px!important;line-height:1!important;color:#1e3a8a!important}.module-abd .header-performance-title strong{color:#166534!important}.header-performance-title small{font-size:6px!important;color:#64748b!important;white-space:nowrap!important}.header-performance-values{display:grid!important;grid-template-columns:repeat(7,minmax(31px,1fr))!important;gap:3px!important;min-width:0!important}.header-performance-chip{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:34px!important;border-radius:7px!important;background:rgba(255,255,255,.84)!important;border:1px solid rgba(148,163,184,.28)!important}.header-performance-chip small{font-size:6.5px!important;line-height:1!important;color:#64748b!important;white-space:nowrap!important}.header-performance-chip b{margin-top:2px!important;font-size:10px!important;line-height:1!important;color:#0f172a!important}.header-performance-chip.metric-cnf b{color:#047857!important}.header-performance-chip.metric-cxl b{color:#be123c!important}.header-performance-chip.metric-na b{color:#b45309!important}.header-performance-chip.metric-nr b{color:#c2410c!important}.header-performance-chip.metric-cb b{color:#7c3aed!important}
.header-v32874 .header-secondary-actions{display:flex!important;align-items:center!important;gap:6px!important}.header-v32874 .header-clear-locks{height:40px!important;padding:0 10px!important;border-radius:10px!important;background:linear-gradient(135deg,#e11d48,#9f1239)!important;color:#fff!important;border:1px solid #fb7185!important;font-size:8px!important;font-weight:1000!important}.header-v32874 .header-quick-tools{display:flex!important;gap:5px!important}.header-v32874 .header-quick-stat,.header-v32874 .header-filter-button{height:40px!important;min-width:62px!important;padding:5px 7px!important;border-radius:9px!important;background:#fff!important;border:1px solid #cbd5e1!important;color:#0f172a!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.header-v32874 .header-quick-stat small,.header-v32874 .header-filter-button small{font-size:6.5px!important;color:#64748b!important}.header-v32874 .header-quick-stat b,.header-v32874 .header-filter-button b{font-size:9px!important;color:#0f172a!important}
@media(max-width:1350px){.header-v32874 .header-secondary-row{grid-template-columns:auto 650px auto!important}.header-today-light .header-performance-scope{display:none!important}.header-today-performance.header-today-light{grid-template-columns:1fr 1fr!important}.header-v32874 .header-performance-values{grid-template-columns:repeat(7,34px)!important;overflow-x:auto!important}.header-v32874 .header-primary-row{grid-template-columns:180px minmax(0,1fr) 120px!important}}
@media(max-width:980px){.header-v32874 .header-secondary-row{display:flex!important;overflow-x:auto!important}.header-today-performance.header-today-light{flex:0 0 690px!important}.header-v32874 .header-primary-row{display:flex!important;overflow-x:auto!important}.header-v32874 .admin-header-workspace,.header-v32874 .csr-presence-header{flex:0 0 780px!important}.header-v32874 .brand-block{flex:0 0 190px!important}.header-v32874 .header-account-panel{flex:0 0 125px!important}}


/* --------------------------------------------------------------------------
   V3.28.74 RC2 - Admin CNF / premium header / CSR attendance refinement
-------------------------------------------------------------------------- */
.header-v32874 .header-secondary-row.header-secondary-admin{grid-template-columns:minmax(0,1fr) auto!important;min-height:60px!important}
.header-v32874 .header-secondary-row.header-secondary-admin .header-today-performance{width:100%!important}
.header-v32874 .header-secondary-row.header-secondary-csr{grid-template-columns:auto minmax(620px,1fr) auto!important}
.header-v32874 .header-today-performance.header-today-light{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;height:50px!important;gap:9px!important}
.header-v32874 .header-performance-module{grid-template-columns:54px minmax(0,1fr)!important;padding:5px 6px!important;border-radius:13px!important}
.header-v32874 .header-performance-values{grid-template-columns:repeat(7,minmax(37px,1fr))!important;gap:4px!important}
.header-v32874 .header-performance-chip{height:38px!important;border-radius:8px!important}
.header-v32874 .header-performance-chip small{font-size:7px!important;letter-spacing:.015em!important}
.header-v32874 .header-performance-chip b{font-size:11px!important}
.header-v32874 .header-performance-title strong{font-size:12px!important}
.header-v32874 .header-performance-title small{font-size:6.5px!important}
.header-v32874 .admin-header-tab{font-size:8.5px!important;padding-inline:12px!important}
.header-v32874 .admin-header-panel .worker-chip-avatar{flex-basis:172px!important;width:172px!important;min-width:172px!important}
.header-v32874 .worker-role-admin{position:relative!important;background:radial-gradient(circle at 85% 15%,rgba(250,204,21,.24),transparent 32%),linear-gradient(135deg,#111827 0%,#312e81 52%,#581c87 100%)!important;border:1px solid rgba(253,224,71,.68)!important;box-shadow:0 10px 26px rgba(49,46,129,.28),inset 0 0 0 1px rgba(255,255,255,.08)!important;color:#fff!important;overflow:hidden!important}
.header-v32874 .worker-role-admin::after{content:"";position:absolute!important;inset:auto -18px -28px auto!important;width:72px!important;height:72px!important;border-radius:50%!important;background:rgba(250,204,21,.12)!important;pointer-events:none!important}
.header-v32874 .worker-role-admin .worker-avatar{box-shadow:0 0 0 2px #fef3c7,0 0 0 4px rgba(250,204,21,.24)!important}
.header-v32874 .worker-role-admin .worker-name-row b{color:#fff!important;font-size:10px!important;letter-spacing:.01em!important}
.header-v32874 .worker-role-admin .worker-presence-line small{color:#ddd6fe!important;font-size:8px!important;font-weight:850!important}
.header-v32874 .worker-role-admin .worker-module-badge.module-admin{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;color:#713f12!important;border:1px solid #facc15!important}
.header-v32874 .worker-role-admin .worker-admin-mark{background:rgba(255,255,255,.1)!important;color:#fef3c7!important;border:1px solid rgba(253,224,71,.35)!important;font-size:7px!important;letter-spacing:.06em!important}
.header-v32874 .worker-role-admin .presence-state.presence-live{background:#10b981!important;color:#fff!important;box-shadow:0 0 12px rgba(16,185,129,.45)!important}
.header-v32874 .worker-role-admin .presence-state.presence-idle{background:#fef3c7!important;color:#92400e!important}
.header-v32874 .worker-leader-emblem{display:inline-grid!important;place-items:center!important;width:14px!important;height:14px!important;border-radius:5px!important;background:linear-gradient(135deg,#fef3c7,#f59e0b)!important;color:#78350f!important;font-size:7px!important;box-shadow:0 3px 7px rgba(245,158,11,.28)!important;flex:0 0 14px!important}
.header-v32874 .header-account-role-admin{background:linear-gradient(150deg,#fff7ed,#fef3c7)!important;border-color:#fbbf24!important;box-shadow:0 8px 20px rgba(245,158,11,.12)!important}
.header-v32874 .header-account-role-admin .header-user-summary span{color:#92400e!important}

.csr-attendance-shell{max-width:1680px;margin:18px auto 40px;padding:0 8px}
.csr-attendance-hero{display:grid;grid-template-columns:minmax(0,1fr) auto 150px;align-items:center;gap:22px;padding:24px 28px;border-radius:24px;background:radial-gradient(circle at 82% 8%,rgba(125,211,252,.25),transparent 28%),linear-gradient(135deg,#071426,#173f74 58%,#164e63);color:#fff;box-shadow:0 24px 52px rgba(15,23,42,.2)}
.csr-attendance-person{display:flex;align-items:center;gap:16px}.attendance-profile-avatar{--avatar-size:68px!important;width:68px!important;height:68px!important;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 0 7px rgba(56,189,248,.2)!important}.attendance-eyebrow{display:block;color:#7dd3fc;font-size:9px;font-weight:1000;letter-spacing:.14em}.csr-attendance-person h1{margin:5px 0 4px;font-size:28px;line-height:1}.csr-attendance-person p{margin:0;color:#cbd5e1;font-size:11px;font-weight:750}
.csr-attendance-live{display:grid;grid-template-columns:9px auto;column-gap:7px;align-items:center;padding:10px 13px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.08)}.csr-attendance-live>span{width:9px;height:9px;border-radius:50%}.csr-attendance-live b{font-size:10px;letter-spacing:.06em}.csr-attendance-live small{grid-column:1/-1;margin-top:4px;color:#cbd5e1;font-size:8px}.csr-attendance-live.is-online>span{background:#34d399;box-shadow:0 0 11px #34d399}.csr-attendance-live.is-offline>span{background:#94a3b8}
.attendance-progress-ring{--attendance-progress:0%;position:relative;display:grid;place-items:center;width:122px;height:122px;border-radius:50%;background:conic-gradient(#38bdf8 var(--attendance-progress),rgba(255,255,255,.12) 0)}.attendance-progress-ring::before{content:"";position:absolute;inset:11px;border-radius:50%;background:#0f2746}.attendance-progress-ring>div{position:relative;z-index:1;text-align:center}.attendance-progress-ring b{display:block;font-size:25px}.attendance-progress-ring span{display:block;color:#bae6fd;font-size:8px;font-weight:900}
.csr-attendance-kpis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin:12px 0}.csr-attendance-kpi{position:relative;min-height:92px;padding:13px 14px;border:1px solid #dbe4ef;border-radius:16px;background:#fff;box-shadow:0 11px 24px rgba(15,23,42,.055);overflow:hidden}.csr-attendance-kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#3b82f6}.csr-attendance-kpi.tone-payable::before,.csr-attendance-kpi.tone-active::before{background:#10b981}.csr-attendance-kpi.tone-short::before{background:#ef4444}.csr-attendance-kpi.tone-ot::before{background:#8b5cf6}.csr-attendance-kpi.tone-idle::before{background:#f59e0b}.csr-attendance-kpi.tone-lunch::before{background:#06b6d4}.csr-attendance-kpi small{display:block;color:#64748b;font-size:8px;font-weight:1000;text-transform:uppercase}.csr-attendance-kpi b{display:block;margin:8px 0 5px;color:#0f172a;font-size:18px}.csr-attendance-kpi span{color:#64748b;font-size:8px;line-height:1.35}
.csr-attendance-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:12px;margin-bottom:12px}.csr-attendance-grid .card,.csr-attendance-week,.csr-attendance-events{border:1px solid #dbe4ef!important;border-radius:20px!important;background:#fff!important;box-shadow:0 14px 32px rgba(15,23,42,.055)!important;overflow:hidden!important}.attendance-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc)}.attendance-section-head span{display:block;color:#0284c7;font-size:8px;font-weight:1000;letter-spacing:.12em}.attendance-section-head h2{margin:4px 0 0;color:#0f172a;font-size:17px}.attendance-section-head>b{color:#475569;font-size:9px}
.attendance-journey-track{height:9px;margin:24px 20px 12px;border-radius:999px;background:#e2e8f0;overflow:hidden}.attendance-journey-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4,#10b981)}.attendance-journey-points{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 18px 20px}.attendance-journey-points>div{padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.attendance-journey-points small{display:block;color:#0284c7;font-size:7px;font-weight:1000;text-transform:uppercase}.attendance-journey-points b{display:block;margin:5px 0 3px;color:#0f172a;font-size:11px}.attendance-journey-points span{color:#64748b;font-size:9px}
.attendance-policy-premium{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:16px}.attendance-policy-premium>div{padding:11px 12px;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid #dbeafe}.attendance-policy-premium small{display:block;color:#64748b;font-size:7.5px;font-weight:1000;text-transform:uppercase}.attendance-policy-premium b{display:block;margin-top:4px;color:#0f172a;font-size:10px}
.csr-attendance-week{margin-bottom:12px}.attendance-week-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;height:230px;padding:20px}.attendance-week-day{text-align:center}.attendance-week-column{display:flex;align-items:flex-end;height:145px;padding:4px;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0}.attendance-week-column i{display:block;width:100%;border-radius:8px;background:linear-gradient(180deg,#38bdf8,#2563eb)}.attendance-week-day b{display:block;margin-top:8px;color:#0f172a;font-size:9px}.attendance-week-day small{display:block;margin-top:3px;color:#64748b;font-size:7px}
.attendance-event-list{max-height:390px;overflow:auto}.attendance-event-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 17px;border-bottom:1px solid #e2e8f0}.attendance-event-item>span{width:9px;height:9px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 4px #dbeafe}.attendance-event-item.event-login>span{background:#10b981;box-shadow:0 0 0 4px #dcfce7}.attendance-event-item.event-logout>span{background:#ef4444;box-shadow:0 0 0 4px #fee2e2}.attendance-event-item b{display:block;color:#0f172a;font-size:10px}.attendance-event-item small{display:block;margin-top:3px;color:#64748b;font-size:8.5px}.attendance-event-item time{color:#64748b;font-size:8px;font-weight:850}
@media(max-width:1450px){.csr-attendance-kpis{grid-template-columns:repeat(4,1fr)}}
@media(max-width:980px){.header-v32874 .header-secondary-row.header-secondary-admin,.header-v32874 .header-secondary-row.header-secondary-csr{display:flex!important;overflow-x:auto!important}.header-v32874 .header-today-performance.header-today-light{flex:0 0 760px!important}.csr-attendance-hero{grid-template-columns:1fr auto}.attendance-progress-ring{grid-column:1/-1}.csr-attendance-grid{grid-template-columns:1fr}.csr-attendance-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.csr-attendance-hero{grid-template-columns:1fr;padding:20px}.csr-attendance-live,.attendance-progress-ring{justify-self:start}.csr-attendance-kpis{grid-template-columns:1fr}.attendance-journey-points,.attendance-policy-premium{grid-template-columns:1fr}.attendance-week-bars{overflow-x:auto;grid-template-columns:repeat(7,72px)}}

/* --------------------------------------------------------------------------
   V3.28.75 FINAL LIVE CANDIDATE - Admin command header completion
-------------------------------------------------------------------------- */
.header-v32875 .admin-header-workspace{
  height:86px!important;
  grid-template-rows:27px minmax(0,1fr)!important;
  gap:5px!important;
}
.header-v32875 .admin-header-tabbar{
  gap:7px!important;
}
.header-v32875 .admin-header-tab{
  min-width:104px!important;
  height:27px!important;
  padding:0 15px!important;
  border-radius:9px!important;
  font-size:9.5px!important;
  letter-spacing:.045em!important;
}
.header-v32875 .admin-header-tab.active{
  background:linear-gradient(135deg,#f8fafc,#dbeafe)!important;
  color:#1e40af!important;
  border-color:#93c5fd!important;
  box-shadow:0 5px 14px rgba(37,99,235,.22)!important;
}
.header-v32875 .admin-header-panel .csr-presence-header{
  height:54px!important;
  min-height:54px!important;
}
.header-v32875 .admin-header-menu-panel{
  height:54px!important;
  grid-template-columns:repeat(4,minmax(218px,1fr))!important;
  gap:7px!important;
  scrollbar-width:thin!important;
}
.header-v32875 .admin-header-menu-panel section{
  min-width:218px!important;
  padding:6px 8px!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,rgba(15,23,42,.54),rgba(30,58,138,.24))!important;
  border-color:rgba(147,197,253,.28)!important;
}
.header-v32875 .admin-header-menu-panel section>strong{
  margin-bottom:4px!important;
  color:#bfdbfe!important;
  font-size:8.6px!important;
  line-height:1!important;
  letter-spacing:.075em!important;
}
.header-v32875 .admin-header-menu-panel section>div{
  gap:5px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.header-v32875 .admin-header-menu-panel section>div::-webkit-scrollbar{display:none!important}
.header-v32875 .admin-header-menu-panel a{
  min-height:23px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:4px 8px!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.10)!important;
  color:#f8fafc!important;
  font-size:9.2px!important;
  line-height:1!important;
  font-weight:900!important;
}
.header-v32875 .admin-header-menu-panel a:hover{
  background:#eff6ff!important;
  color:#1d4ed8!important;
  box-shadow:0 4px 10px rgba(15,23,42,.18)!important;
}
.header-v32875 .header-secondary-row.header-secondary-admin{
  grid-template-columns:280px minmax(650px,1fr) auto!important;
  gap:9px!important;
  min-height:62px!important;
}
.header-v32875 .admin-secondary-quick-nav{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:6px!important;
  min-width:0!important;
  height:50px!important;
}
.header-v32875 .admin-quick-tab{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  padding:6px 9px!important;
  border-radius:11px!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #cbd5e1!important;
  box-shadow:0 5px 13px rgba(15,23,42,.08)!important;
  overflow:hidden!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important;
}
.header-v32875 .admin-quick-tab:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.14)!important;
}
.header-v32875 .admin-quick-tab span{
  display:block!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.09em!important;
}
.header-v32875 .admin-quick-tab strong{
  display:block!important;
  max-width:100%!important;
  color:#0f172a!important;
  font-size:10px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.header-v32875 .admin-quick-tab.quick-processing{
  border-color:#93c5fd!important;
  background:linear-gradient(145deg,#eff6ff,#dbeafe)!important;
}
.header-v32875 .admin-quick-tab.quick-processing span{color:#1d4ed8!important}
.header-v32875 .admin-quick-tab.quick-abd{
  border-color:#86efac!important;
  background:linear-gradient(145deg,#f0fdf4,#dcfce7)!important;
}
.header-v32875 .admin-quick-tab.quick-abd span{color:#047857!important}
.header-v32875 .admin-quick-tab.quick-manage{
  border-color:#c4b5fd!important;
  background:linear-gradient(145deg,#faf5ff,#ede9fe)!important;
}
.header-v32875 .admin-quick-tab.quick-manage span{color:#6d28d9!important}
.header-v32875 .header-secondary-row.header-secondary-admin .header-today-performance{
  min-width:650px!important;
}
@media(max-width:1500px){
  .header-v32875 .header-secondary-row.header-secondary-admin{
    grid-template-columns:250px 650px auto!important;
    overflow-x:auto!important;
  }
  .header-v32875 .admin-quick-tab{padding-inline:7px!important}
  .header-v32875 .admin-quick-tab strong{font-size:9px!important}
}
@media(max-width:980px){
  .header-v32875 .header-secondary-row.header-secondary-admin{
    display:flex!important;
    overflow-x:auto!important;
  }
  .header-v32875 .admin-secondary-quick-nav{flex:0 0 280px!important}
  .header-v32875 .header-secondary-row.header-secondary-admin .header-today-performance{flex:0 0 690px!important}
}

/* ============================================================
   V3.28.76 FINAL DASHBOARD UI POLISH
   Readability-first header, compact Admin mega-menu and table refinement
   ============================================================ */
.header-v32876{--crm-navy:#07172f;--crm-blue:#2563eb;--crm-mint:#10b981;--crm-gold:#fbbf24;--crm-line:rgba(148,163,184,.22)}
.header-v32876 .header-primary-row{grid-template-columns:190px minmax(0,1fr) 154px!important;gap:9px!important;overflow:visible!important}
.header-v32876 .brand-block{width:190px!important;min-width:190px!important}
.header-v32876 .brand-copy .logo{font-size:13px!important;letter-spacing:-.015em!important}
.header-v32876 .brand-version{font-size:8px!important;letter-spacing:.06em!important}

/* Team presence cards: readable, stable and horizontally scrollable. */
.header-v32876 .csr-presence-header{gap:8px!important;padding:5px!important;scrollbar-width:thin!important;scrollbar-color:rgba(125,211,252,.42) transparent!important}
.header-v32876 .csr-presence-header::-webkit-scrollbar{height:5px!important}
.header-v32876 .csr-presence-header::-webkit-scrollbar-thumb{background:rgba(125,211,252,.42)!important;border-radius:999px!important}
.header-v32876 .csr-presence-header .worker-chip-avatar{flex:0 0 192px!important;width:192px!important;min-width:192px!important;max-width:192px!important;height:61px!important;grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important;padding:6px 9px!important;border-radius:14px!important}
.header-v32876 .csr-presence-header .worker-avatar{--avatar-size:36px!important;width:36px!important;height:36px!important}
.header-v32876 .csr-presence-header .worker-chip-meta{grid-template-rows:15px 17px 17px!important;gap:2px!important}
.header-v32876 .csr-presence-header .worker-name-row b{font-size:11.5px!important;font-weight:1000!important}
.header-v32876 .csr-presence-header .worker-module-badge{height:16px!important;min-width:34px!important;padding:2px 6px!important;font-size:7.6px!important}
.header-v32876 .csr-presence-header .worker-presence-line small{font-size:9.2px!important;font-weight:900!important}
.header-v32876 .csr-presence-header .worker-presence-line .live-timer{min-width:43px!important;max-width:50px!important;height:16px!important;font-size:8.2px!important}
.header-v32876 .csr-presence-header .presence-state{height:16px!important;min-width:46px!important;font-size:7.7px!important}
.header-v32876 .csr-presence-header .worker-abd-count{height:16px!important;min-width:49px!important;font-size:8.3px!important}
.header-v32876 .csr-presence-header .worker-admin-mark{height:16px!important;font-size:7.4px!important;padding-inline:7px!important}
.header-v32876 .csr-presence-header .worker-chip-avatar:hover{transform:translateY(-1px)!important;box-shadow:0 10px 23px rgba(2,6,23,.25)!important}

/* Admin workspace: LIVE TEAM remains in the row; ADMIN MENU opens as a compact mega-menu. */
.header-v32876 .admin-header-workspace{position:relative!important;overflow:visible!important;z-index:80!important}
.header-v32876 .admin-header-tabbar{position:relative!important;z-index:92!important}
.header-v32876 .admin-header-tab{height:25px!important;padding:0 13px!important;font-size:9.2px!important;letter-spacing:.055em!important;cursor:pointer!important}
.header-v32876 .admin-header-tab:focus-visible{outline:2px solid #7dd3fc!important;outline-offset:2px!important}
.header-v32876 .admin-header-panel[data-admin-header-panel="live"].active{display:block!important}
.header-v32876 .admin-header-menu-flyout{display:none!important;position:absolute!important;top:29px!important;left:0!important;right:0!important;z-index:91!important;min-width:850px!important;padding:0!important;border-radius:14px!important;filter:drop-shadow(0 16px 22px rgba(2,6,23,.35))!important}
.header-v32876 .admin-header-menu-flyout.active{display:block!important}
.header-v32876 .admin-header-menu-panel{display:grid!important;grid-template-columns:1.02fr 1.15fr 1.08fr 1.28fr!important;gap:7px!important;height:57px!important;padding:5px!important;border:1px solid rgba(125,211,252,.34)!important;border-radius:14px!important;background:linear-gradient(145deg,#07162d,#102b52)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
.header-v32876 .admin-header-menu-panel section{display:grid!important;grid-template-rows:13px 1fr!important;gap:3px!important;min-width:0!important;padding:4px 6px!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:10px!important;background:rgba(15,23,42,.38)!important}
.header-v32876 .admin-header-menu-panel section>strong{font-size:8.8px!important;line-height:1!important;color:#93c5fd!important;letter-spacing:.075em!important;text-transform:uppercase!important}
.header-v32876 .admin-header-menu-panel section>div{display:flex!important;align-items:center!important;gap:4px!important;overflow-x:auto!important;white-space:nowrap!important}
.header-v32876 .admin-header-menu-panel .admin-menu-link{display:inline-flex!important;align-items:center!important;gap:5px!important;height:25px!important;min-width:max-content!important;padding:0 8px!important;border:1px solid rgba(148,163,184,.2)!important;border-radius:8px!important;background:rgba(255,255,255,.065)!important;color:#e5edf9!important;font-size:9.5px!important;font-weight:900!important;text-decoration:none!important;transition:.15s ease!important}
.header-v32876 .admin-header-menu-panel .admin-menu-link i{width:5px!important;height:5px!important;border-radius:50%!important;background:#64748b!important;box-shadow:0 0 0 3px rgba(100,116,139,.13)!important}
.header-v32876 .admin-header-menu-panel .admin-menu-link:hover{background:#fff!important;color:#0f3f9e!important;border-color:#bfdbfe!important;transform:translateY(-1px)!important}
.header-v32876 .admin-header-menu-panel .admin-menu-link:hover i,.header-v32876 .admin-header-menu-panel .admin-menu-link.is-active i{background:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.16)!important}
.header-v32876 .admin-header-menu-panel .admin-menu-link.is-active{background:#eff6ff!important;color:#1d4ed8!important;border-color:#93c5fd!important}
.header-v32876 .admin-header-panel .csr-presence-header{height:54px!important;min-height:54px!important}
.header-v32876 .admin-header-panel .worker-chip-avatar{flex-basis:184px!important;width:184px!important;min-width:184px!important;max-width:184px!important;height:48px!important;padding:4px 7px!important;grid-template-columns:31px minmax(0,1fr)!important}
.header-v32876 .admin-header-panel .worker-avatar{--avatar-size:30px!important;width:30px!important;height:30px!important}
.header-v32876 .admin-header-panel .worker-chip-meta{grid-template-rows:13px 14px 14px!important}
.header-v32876 .admin-header-panel .worker-name-row b{font-size:10.4px!important}
.header-v32876 .admin-header-panel .worker-presence-line small{font-size:8.5px!important}

/* Logged-in user card: one visual language, with a distinctive Admin treatment. */
.header-v32876 .header-account-panel{display:grid!important;grid-template-columns:35px minmax(0,1fr)!important;grid-template-rows:36px 24px!important;column-gap:8px!important;row-gap:4px!important;width:154px!important;min-width:154px!important;height:70px!important;padding:6px 7px!important;border-radius:14px!important;background:linear-gradient(145deg,#0f274a,#07172f)!important;border:1px solid rgba(147,197,253,.32)!important;box-shadow:0 9px 22px rgba(2,6,23,.22)!important}
.header-v32876 .header-account-avatar{--avatar-size:34px!important;width:34px!important;height:34px!important;align-self:center!important;box-shadow:0 0 0 2px rgba(255,255,255,.16)!important}
.header-v32876 .header-account-copy{display:flex!important;min-width:0!important;flex-direction:column!important;justify-content:center!important;line-height:1.05!important}
.header-v32876 .header-account-copy b{max-width:100%!important;color:#fff!important;font-size:10.5px!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.header-v32876 .header-account-copy span{display:flex!important;align-items:center!important;gap:4px!important;margin-top:4px!important;color:#bfdbfe!important;font-size:7.3px!important;font-weight:900!important;letter-spacing:.03em!important;white-space:nowrap!important}
.header-v32876 .header-account-copy span i{width:6px!important;height:6px!important;border-radius:50%!important;background:#34d399!important;box-shadow:0 0 0 3px rgba(52,211,153,.13)!important}
.header-v32876 .header-logout-form{grid-column:1/-1!important;margin:0!important}
.header-v32876 .header-logout-btn{width:100%!important;height:24px!important;padding:0!important;border-radius:8px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(254,202,202,.92)!important;color:#be123c!important;font-size:8.5px!important;font-weight:1000!important;box-shadow:none!important}
.header-v32876 .header-logout-btn:hover{background:#fff1f2!important;border-color:#fb7185!important}
.header-v32876 .header-account-role-admin{background:radial-gradient(circle at 90% 10%,rgba(250,204,21,.2),transparent 36%),linear-gradient(145deg,#111827,#312e81 58%,#581c87)!important;border-color:rgba(250,204,21,.72)!important;box-shadow:0 10px 25px rgba(49,46,129,.28),inset 0 0 0 1px rgba(255,255,255,.07)!important}
.header-v32876 .header-account-role-admin .header-account-avatar{box-shadow:0 0 0 2px #fef3c7,0 0 0 4px rgba(250,204,21,.2)!important}
.header-v32876 .header-account-role-admin .header-account-copy span{color:#fef3c7!important}

/* Navigation and action hierarchy. */
.header-v32876 .header-nav a{height:35px!important;padding:0 12px!important;border-radius:10px!important;font-size:10.5px!important}
.header-v32876 .header-nav a.nav-active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border-color:#60a5fa!important;box-shadow:0 7px 15px rgba(37,99,235,.25)!important}
.header-v32876 .header-secondary-row.header-secondary-admin{grid-template-columns:330px minmax(680px,1fr) auto!important;gap:8px!important}
.header-v32876 .header-secondary-row.header-secondary-csr{grid-template-columns:auto minmax(680px,1fr) auto!important;gap:8px!important}
.header-v32876 .admin-secondary-quick-nav{display:grid!important;grid-template-columns:repeat(3,minmax(96px,1fr))!important;gap:6px!important;width:330px!important;min-width:330px!important;height:46px!important}
.header-v32876 .admin-quick-tab{display:grid!important;grid-template-columns:23px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;height:44px!important;padding:0 10px!important;border-radius:12px!important;text-decoration:none!important}
.header-v32876 .admin-quick-tab .admin-quick-icon{display:grid!important;place-items:center!important;width:23px!important;height:23px!important;border-radius:8px!important;font-size:9px!important;font-weight:1000!important;background:rgba(255,255,255,.75)!important;box-shadow:inset 0 0 0 1px rgba(148,163,184,.28)!important}
.header-v32876 .admin-quick-tab strong{font-size:10.5px!important;line-height:1.1!important;overflow:visible!important;text-overflow:clip!important}
.header-v32876 .admin-quick-tab.is-active{box-shadow:0 0 0 2px rgba(37,99,235,.16),0 9px 18px rgba(15,23,42,.12)!important;transform:translateY(-1px)!important}
.header-v32876 .admin-quick-tab.quick-processing .admin-quick-icon{color:#1d4ed8!important}
.header-v32876 .admin-quick-tab.quick-abd .admin-quick-icon{color:#047857!important}
.header-v32876 .admin-quick-tab.quick-manage .admin-quick-icon{color:#6d28d9!important}

/* Today boards and utilities share the same height and radius. */
.header-v32876 .header-today-performance.header-today-light{height:52px!important;gap:8px!important}
.header-v32876 .header-performance-module{grid-template-columns:52px minmax(0,1fr)!important;gap:5px!important;padding:5px!important;border-radius:13px!important}
.header-v32876 .header-performance-title strong{font-size:12.5px!important}
.header-v32876 .header-performance-title small{font-size:6.8px!important;line-height:1.05!important}
.header-v32876 .header-performance-values{grid-template-columns:repeat(7,minmax(38px,1fr))!important;gap:4px!important}
.header-v32876 .header-performance-chip{height:40px!important;padding:3px 4px!important;border-radius:9px!important}
.header-v32876 .header-performance-chip small{font-size:7.2px!important}
.header-v32876 .header-performance-chip b{font-size:12px!important}
.header-v32876 .header-secondary-actions{gap:6px!important}
.header-v32876 .header-clear-locks,.header-v32876 .header-quick-stat,.header-v32876 .header-filter-button{height:44px!important;border-radius:11px!important}
.header-v32876 .header-quick-stat{min-width:76px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border-color:#cbd5e1!important}
.header-v32876 .header-quick-stat small{font-size:7px!important;color:#64748b!important}
.header-v32876 .header-quick-stat b{font-size:10.5px!important;color:#0f172a!important}
.header-v32876 .header-filter-button{position:relative!important;min-width:78px!important;background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border:1px solid #93c5fd!important;color:#1d4ed8!important;box-shadow:0 6px 14px rgba(37,99,235,.12)!important}
.header-v32876 .header-filter-button small{font-size:7px!important;color:#1d4ed8!important}
.header-v32876 .header-filter-button b{font-size:9.5px!important;color:#1e3a8a!important}
.header-v32876 .header-filter-button[aria-expanded="true"],.header-v32876 .header-filter-button.has-active-filters{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-color:#60a5fa!important;box-shadow:0 8px 17px rgba(37,99,235,.28)!important}
.header-v32876 .header-filter-button[aria-expanded="true"] small,.header-v32876 .header-filter-button[aria-expanded="true"] b,.header-v32876 .header-filter-button.has-active-filters small,.header-v32876 .header-filter-button.has-active-filters b{color:#fff!important}

/* Attempt cards: stronger hierarchy without increasing the table footprint excessively. */
.header-v32876~.wrap .attempt-chip,.role-admin .attempt-chip,.role-tl .attempt-chip,.role-csr .attempt-chip{min-height:67px!important;padding:7px 8px!important;border-radius:12px!important;gap:4px!important}
.attempt-chip .chip-head{min-height:15px!important;align-items:center!important}
.attempt-chip .chip-head>b{font-size:13.5px!important;font-weight:1000!important;color:#0f172a!important}
.attempt-chip .chip-status,.attempt-chip .chip-head>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:15px!important;padding:2px 6px!important;border-radius:999px!important;font-size:8.2px!important;line-height:1!important;font-weight:1000!important}
.attempt-chip .chip-csr{font-size:9.8px!important;font-weight:950!important;color:#334155!important}
.attempt-chip .chip-time{font-size:8.7px!important;color:#64748b!important}
.attempt-chip>small{font-size:9.4px!important;font-weight:850!important;color:#475569!important}
.attempt-chip.compact-muted,.compact-locked,.compact-disabled{opacity:1!important}
.compact-locked,.compact-disabled{background:#f8fafc!important;border-color:#cbd5e1!important;color:#475569!important}
.compact-locked .chip-head>span,.compact-disabled .chip-head>span{background:#e2e8f0!important;color:#475569!important}
.compact-ready{box-shadow:0 4px 10px rgba(37,99,235,.09)!important}
.compact-ready:hover{transform:translateY(-1px)!important;box-shadow:0 8px 16px rgba(37,99,235,.16)!important}
.compact-admin-edit{background:#ecfdf5!important;border:1.5px solid #4ade80!important;color:#166534!important}
.compact-admin-edit .chip-head>span{background:#16a34a!important;color:#fff!important}

/* Admin CNF stays visible, but no longer dominates the row. */
.admin-cnf-table-cell .admin-cnf-dashboard-btn{min-width:62px!important;height:40px!important;padding:5px 8px!important;border-radius:10px!important;background:linear-gradient(180deg,#22c55e,#15803d)!important;border:1px solid #16a34a!important;box-shadow:0 5px 11px rgba(22,163,74,.16)!important}
.admin-cnf-table-cell .admin-cnf-dashboard-btn:hover{box-shadow:0 8px 18px rgba(22,163,74,.28)!important;transform:translateY(-1px)!important}
.admin-cnf-table-cell .admin-cnf-dashboard-btn .cnf-main{font-size:11px!important}
.admin-cnf-table-cell .admin-cnf-dashboard-btn .cnf-sub{font-size:7px!important}
.admin-cnf-table-cell .admin-cnf-confirmed{min-width:68px!important;padding:6px 7px!important;border-radius:10px!important;box-shadow:none!important}

/* Product, address and footer details. */
.mockup-table .product-cell{vertical-align:top!important}
.product-cell-display{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;max-width:100%!important}
.product-cell-display .product-name{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#334155!important;font-size:10.5px!important;font-weight:750!important;line-height:1.25!important}
.product-cell-display .product-code{display:block!important;max-width:100%!important;color:#64748b!important;font-size:8.5px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.product-empty{color:#94a3b8!important}
.addr-inline-count{display:inline-flex!important;align-items:center!important;margin-left:4px!important;padding:2px 5px!important;border-radius:999px!important;background:#dcfce7!important;border:1px solid #bbf7d0!important;color:#15803d!important;font-size:8px!important;font-weight:1000!important;white-space:nowrap!important}
.calling-pagination-card .small{font-size:9.5px!important;color:#64748b!important}
.calling-pagination-card .small b{color:#0f172a!important;font-weight:1000!important}
.calling-pagination-card .page-num.active{transform:scale(1.05)!important;box-shadow:0 5px 12px rgba(15,23,42,.18)!important}
.calling-pagination-card .page-btn.disabled{opacity:.42!important;pointer-events:none!important}

@media(max-width:1500px){
  .header-v32876 .header-primary-row{grid-template-columns:174px minmax(0,1fr) 148px!important}
  .header-v32876 .brand-block{width:174px!important;min-width:174px!important}
  .header-v32876 .header-secondary-row.header-secondary-admin{grid-template-columns:306px 690px auto!important;overflow-x:auto!important}
  .header-v32876 .admin-secondary-quick-nav{width:306px!important;min-width:306px!important}
  .header-v32876 .admin-quick-tab{padding-inline:7px!important}
  .header-v32876 .admin-header-menu-flyout{min-width:800px!important}
}
@media(max-width:1100px){
  .header-v32876 .header-primary-row{display:flex!important;overflow-x:auto!important;overflow-y:visible!important}
  .header-v32876 .brand-block{flex:0 0 174px!important}
  .header-v32876 .admin-header-workspace,.header-v32876 .csr-presence-header{flex:0 0 830px!important}
  .header-v32876 .header-account-panel{flex:0 0 154px!important}
  .header-v32876 .header-secondary-row.header-secondary-admin,.header-v32876 .header-secondary-row.header-secondary-csr{display:flex!important;overflow-x:auto!important}
  .header-v32876 .admin-secondary-quick-nav{flex:0 0 306px!important}
  .header-v32876 .header-today-performance{flex:0 0 730px!important}
  .header-v32876 .header-secondary-actions{flex:0 0 auto!important}
}

/* ============================================================
   V3.28.77 FUTURISTIC HEADER EXPERIENCE
   Reference-led light enterprise header, premium KPI ribbon,
   compact command controls and readable live-team strip.
   ============================================================ */
.header-v32877{
  --fh-blue:#2563eb;
  --fh-blue-deep:#1d4ed8;
  --fh-blue-soft:#eff6ff;
  --fh-green:#16a34a;
  --fh-green-deep:#15803d;
  --fh-green-soft:#f0fdf4;
  --fh-ink:#0f172a;
  --fh-muted:#64748b;
  --fh-line:#dbe4f0;
  --fh-card:#ffffff;
  --fh-shadow:0 10px 30px rgba(15,23,42,.07);
  display:block!important;
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  width:100%!important;
  padding:10px 12px 9px!important;
  color:var(--fh-ink)!important;
  background:linear-gradient(180deg,rgba(248,250,252,.98),rgba(241,245,249,.96))!important;
  border-bottom:1px solid rgba(148,163,184,.28)!important;
  box-shadow:0 14px 32px rgba(15,23,42,.09)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  overflow:visible!important;
}
.header-v32877 *{box-sizing:border-box!important}
.header-v32877 a{color:inherit!important}
.header-v32877 svg{display:block;width:20px;height:20px;flex:0 0 auto}

/* Top hero row */
.header-v32877 .future-header-top-row{
  display:grid!important;
  grid-template-columns:minmax(250px,285px) minmax(690px,1fr) minmax(300px,340px)!important;
  align-items:stretch!important;
  gap:12px!important;
  min-height:84px!important;
  overflow:visible!important;
}
.header-v32877 .future-brand-block{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  min-width:0!important;
  padding:13px 16px!important;
  border:1px solid rgba(148,163,184,.20)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,250,252,.90))!important;
  box-shadow:var(--fh-shadow)!important;
}
.header-v32877 .future-brand-block .brand-logo,
.header-v32877 .future-brand-block .app-brand-logo,
.header-v32877 .future-brand-block img{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:16px!important;
  object-fit:cover!important;
  box-shadow:0 10px 22px rgba(37,99,235,.24)!important;
}
.header-v32877 .future-brand-copy{display:flex!important;flex-direction:column!important;min-width:0!important;gap:7px!important}
.header-v32877 .future-brand-name{
  overflow:hidden!important;
  color:#111827!important;
  font-size:18px!important;
  font-weight:1000!important;
  letter-spacing:-.035em!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.header-v32877 .future-brand-meta{display:flex!important;align-items:center!important;gap:7px!important;color:#64748b!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.03em!important;white-space:nowrap!important}
.header-v32877 .future-brand-meta i{width:7px!important;height:7px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.13),0 0 14px rgba(34,197,94,.42)!important}

/* KPI ribbon */
.header-v32877 .future-kpi-ribbon{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  min-width:0!important;
  height:auto!important;
}
.header-v32877 .future-kpi-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  padding:12px 14px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--fh-shadow)!important;
}
.header-v32877 .future-kpi-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.72!important;
  background:radial-gradient(circle at 88% 15%,rgba(255,255,255,.98),transparent 33%)!important;
}
.header-v32877 .future-kpi-card.module-processing{border:1.5px solid #79a8ff!important;background:linear-gradient(135deg,#ffffff 0%,#f6f9ff 100%)!important;box-shadow:0 10px 28px rgba(37,99,235,.10),inset 0 0 0 1px rgba(255,255,255,.9)!important}
.header-v32877 .future-kpi-card.module-abd{border:1.5px solid #86d8a4!important;background:linear-gradient(135deg,#ffffff 0%,#f5fff8 100%)!important;box-shadow:0 10px 28px rgba(22,163,74,.09),inset 0 0 0 1px rgba(255,255,255,.9)!important}
.header-v32877 .future-kpi-icon{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  place-items:center!important;
  width:50px!important;
  height:50px!important;
  border-radius:16px!important;
}
.header-v32877 .future-kpi-icon svg{width:26px!important;height:26px!important}
.header-v32877 .module-processing .future-kpi-icon{color:#1d4ed8!important;background:linear-gradient(145deg,#eff6ff,#dbeafe)!important;box-shadow:inset 0 0 0 1px #bfdbfe!important}
.header-v32877 .module-abd .future-kpi-icon{color:#15803d!important;background:linear-gradient(145deg,#f0fdf4,#dcfce7)!important;box-shadow:inset 0 0 0 1px #bbf7d0!important}
.header-v32877 .future-kpi-main{position:relative!important;z-index:1!important;display:grid!important;grid-template-rows:auto 1fr!important;gap:7px!important;min-width:0!important}
.header-v32877 .future-kpi-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;min-width:0!important}
.header-v32877 .future-kpi-heading>div{min-width:0!important}
.header-v32877 .future-kpi-heading strong{display:block!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.01em!important;white-space:nowrap!important}
.header-v32877 .module-processing .future-kpi-heading strong{color:#1d4ed8!important}
.header-v32877 .module-abd .future-kpi-heading strong{color:#15803d!important}
.header-v32877 .future-kpi-heading small{display:block!important;margin-top:2px!important;color:#64748b!important;font-size:7px!important;font-weight:850!important;letter-spacing:.025em!important}
.header-v32877 .future-kpi-spark{width:72px!important;height:22px!important;flex:0 0 72px!important}
.header-v32877 .module-processing .future-kpi-spark{color:#2563eb!important}
.header-v32877 .module-abd .future-kpi-spark{color:#16a34a!important}
.header-v32877 .header-performance-values{display:grid!important;grid-template-columns:repeat(7,minmax(43px,1fr))!important;align-items:stretch!important;gap:5px!important;min-width:0!important}
.header-v32877 .header-performance-chip{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:0!important;
  height:37px!important;
  padding:3px 4px!important;
  border-radius:10px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(255,255,255,.74)!important;
}
.header-v32877 .header-performance-chip small{color:#64748b!important;font-size:6.8px!important;font-weight:950!important;letter-spacing:.04em!important;text-transform:uppercase!important;white-space:nowrap!important}
.header-v32877 .header-performance-chip b{font-size:14px!important;line-height:1!important;font-weight:1000!important;color:#0f172a!important}
.header-v32877 .header-performance-chip.metric-cnf b{color:#16a34a!important}
.header-v32877 .header-performance-chip.metric-cxl b{color:#dc2626!important}
.header-v32877 .header-performance-chip.metric-na b{color:#ea580c!important}
.header-v32877 .header-performance-chip.metric-nr b{color:#7c3aed!important}
.header-v32877 .header-performance-chip.metric-cb b{color:#6d28d9!important}

/* Right utility cluster */
.header-v32877 .future-header-right{display:grid!important;grid-template-columns:minmax(150px,1fr) 42px minmax(132px,1fr)!important;align-items:stretch!important;gap:8px!important;min-width:0!important}
.header-v32877 .future-header-tools{display:grid!important;grid-template-rows:1fr 1fr!important;gap:7px!important;min-width:0!important}
.header-v32877 .future-time-card,.header-v32877 .future-working-card{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  padding:7px 10px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 6px 16px rgba(15,23,42,.05)!important;
}
.header-v32877 .future-tool-icon{width:19px!important;height:19px!important;color:#0f172a!important}
.header-v32877 .future-time-card>span,.header-v32877 .future-working-card>span{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1!important}
.header-v32877 .future-time-card b,.header-v32877 .future-working-card b{color:#0f172a!important;font-size:10.5px!important;font-weight:1000!important;white-space:nowrap!important}
.header-v32877 .future-time-card small,.header-v32877 .future-working-card small{margin-top:4px!important;color:#64748b!important;font-size:7px!important;font-weight:900!important;letter-spacing:.035em!important;white-space:nowrap!important}
.header-v32877 .future-settings-button{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  align-self:start!important;
  border:1px solid #dbe4f0!important;
  border-radius:13px!important;
  color:#0f172a!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(15,23,42,.06)!important;
  transition:.16s ease!important;
}
.header-v32877 .future-settings-button:hover{transform:translateY(-1px) rotate(8deg)!important;border-color:#93c5fd!important;color:#1d4ed8!important;box-shadow:0 10px 22px rgba(37,99,235,.13)!important}
.header-v32877 .future-user-menu{position:relative!important;min-width:0!important}
.header-v32877 .future-user-menu>summary{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:9px!important;
  height:84px!important;
  padding:10px 12px!important;
  cursor:pointer!important;
  list-style:none!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--fh-shadow)!important;
}
.header-v32877 .future-user-menu>summary::-webkit-details-marker{display:none!important}
.header-v32877 .future-user-avatar{--avatar-size:40px!important;width:40px!important;height:40px!important;border:2px solid #fff!important;box-shadow:0 0 0 2px rgba(37,99,235,.16),0 6px 14px rgba(15,23,42,.15)!important}
.header-v32877 .future-user-menu>summary>span{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.05!important}
.header-v32877 .future-user-menu>summary b{overflow:hidden!important;color:#0f172a!important;font-size:11.5px!important;font-weight:1000!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.header-v32877 .future-user-menu>summary small{margin-top:5px!important;color:#64748b!important;font-size:8px!important;font-weight:900!important;letter-spacing:.04em!important}
.header-v32877 .future-user-chevron{width:17px!important;height:17px!important;color:#475569!important;transition:transform .18s ease!important}
.header-v32877 .future-user-menu[open] .future-user-chevron{transform:rotate(180deg)!important}
.header-v32877 .future-user-popover{
  position:absolute!important;
  top:91px!important;
  right:0!important;
  z-index:250!important;
  width:230px!important;
  padding:10px!important;
  border:1px solid #dbe4f0!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 22px 48px rgba(15,23,42,.18)!important;
}
.header-v32877 .future-user-popover-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:7px 8px 11px!important;border-bottom:1px solid #e2e8f0!important}
.header-v32877 .future-user-popover-head b{font-size:11px!important;color:#0f172a!important}
.header-v32877 .future-user-popover-head span{display:flex!important;align-items:center!important;gap:5px!important;color:#16a34a!important;font-size:8px!important;font-weight:900!important}
.header-v32877 .future-user-popover-head i{width:6px!important;height:6px!important;border-radius:50%!important;background:#22c55e!important}
.header-v32877 .future-user-popover a,.header-v32877 .future-user-popover button{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;height:38px!important;margin-top:5px!important;padding:0 10px!important;border:0!important;border-radius:10px!important;color:#334155!important;background:transparent!important;font-size:10px!important;font-weight:900!important;text-decoration:none!important;text-align:left!important}
.header-v32877 .future-user-popover a:hover,.header-v32877 .future-user-popover button:hover{background:#eff6ff!important;color:#1d4ed8!important}
.header-v32877 .future-user-popover svg{width:17px!important;height:17px!important}

/* Navigation row */
.header-v32877 .future-header-nav-row{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:58px!important;
  margin-top:9px!important;
  padding:8px 10px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.055)!important;
}
.header-v32877 .future-primary-nav{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important}
.header-v32877 .future-primary-nav::-webkit-scrollbar{display:none!important}
.header-v32877 .future-primary-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  flex:0 0 auto!important;
  min-width:118px!important;
  height:42px!important;
  padding:0 15px!important;
  border:1px solid #dbe4f0!important;
  border-radius:13px!important;
  color:#1e293b!important;
  background:#fff!important;
  font-size:11.5px!important;
  font-weight:950!important;
  text-decoration:none!important;
  box-shadow:0 4px 12px rgba(15,23,42,.035)!important;
  transition:.16s ease!important;
}
.header-v32877 .future-primary-nav a svg{width:20px!important;height:20px!important}
.header-v32877 .future-primary-nav a:hover{transform:translateY(-1px)!important;border-color:#93c5fd!important;color:#1d4ed8!important;box-shadow:0 9px 20px rgba(37,99,235,.10)!important}
.header-v32877 .future-primary-nav a.is-active{color:#fff!important;border-color:#2563eb!important;background:linear-gradient(135deg,#2f7df7,#1557dd)!important;box-shadow:0 10px 22px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.20)!important}
.header-v32877 .future-nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:0 0 auto!important}
.header-v32877 .future-filter-button,.header-v32877 .future-admin-controls>summary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  height:42px!important;
  padding:0 15px!important;
  cursor:pointer!important;
  list-style:none!important;
  border:1px solid #b9cdfc!important;
  border-radius:13px!important;
  color:#1d4ed8!important;
  background:linear-gradient(180deg,#fff,#f7faff)!important;
  font-size:10.5px!important;
  font-weight:950!important;
  text-decoration:none!important;
  box-shadow:0 5px 14px rgba(37,99,235,.07)!important;
  transition:.16s ease!important;
}
.header-v32877 .future-filter-button:hover,.header-v32877 .future-admin-controls>summary:hover{transform:translateY(-1px)!important;background:#eff6ff!important;border-color:#60a5fa!important;box-shadow:0 9px 20px rgba(37,99,235,.13)!important}
.header-v32877 .future-filter-button[aria-expanded="true"],.header-v32877 .future-filter-button.has-active-filters{color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-color:#2563eb!important}
.header-v32877 .future-filter-button svg,.header-v32877 .future-admin-controls>summary svg{width:18px!important;height:18px!important}
.header-v32877 .future-admin-controls{position:relative!important}
.header-v32877 .future-admin-controls>summary::-webkit-details-marker{display:none!important}
.header-v32877 .future-admin-chevron{width:16px!important;height:16px!important;transition:transform .18s ease!important}
.header-v32877 .future-admin-controls[open] .future-admin-chevron{transform:rotate(180deg)!important}
.header-v32877 .future-admin-popover{
  position:absolute!important;
  top:50px!important;
  right:0!important;
  z-index:245!important;
  width:min(1120px,calc(100vw - 36px))!important;
  padding:13px!important;
  border:1px solid #dbe4f0!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 26px 60px rgba(15,23,42,.20)!important;
}
.header-v32877 .future-admin-popover-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important;padding:2px 4px 10px!important;border-bottom:1px solid #e2e8f0!important}
.header-v32877 .future-admin-popover-head>div{display:flex!important;flex-direction:column!important;gap:3px!important}
.header-v32877 .future-admin-popover-head strong{font-size:13px!important;color:#0f172a!important}
.header-v32877 .future-admin-popover-head small{font-size:8px!important;color:#64748b!important;font-weight:800!important}
.header-v32877 .future-admin-popover-head>span{padding:5px 9px!important;border-radius:999px!important;color:#92400e!important;background:#fef3c7!important;border:1px solid #fde68a!important;font-size:8px!important;font-weight:1000!important}
.header-v32877 .future-admin-popover .admin-header-menu-panel{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.header-v32877 .future-admin-popover .admin-header-menu-panel section{display:flex!important;flex-direction:column!important;gap:8px!important;padding:10px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#f8fafc!important}
.header-v32877 .future-admin-popover .admin-header-menu-panel section>strong{color:#475569!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.07em!important;text-transform:uppercase!important}
.header-v32877 .future-admin-popover .admin-header-menu-panel section>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important}
.header-v32877 .future-admin-popover .admin-menu-link{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;height:34px!important;padding:0 9px!important;border:1px solid #dbe4f0!important;border-radius:9px!important;color:#334155!important;background:#fff!important;font-size:9px!important;font-weight:900!important;text-decoration:none!important}
.header-v32877 .future-admin-popover .admin-menu-link i{width:6px!important;height:6px!important;border-radius:50%!important;background:#94a3b8!important;box-shadow:none!important}
.header-v32877 .future-admin-popover .admin-menu-link:hover,.header-v32877 .future-admin-popover .admin-menu-link.is-active{color:#1d4ed8!important;border-color:#93c5fd!important;background:#eff6ff!important}
.header-v32877 .future-admin-popover .admin-menu-link:hover i,.header-v32877 .future-admin-popover .admin-menu-link.is-active i{background:#2563eb!important}
.header-v32877 .future-clear-active-form{display:flex!important;justify-content:flex-end!important;margin-top:10px!important;padding-top:10px!important;border-top:1px solid #e2e8f0!important}
.header-v32877 .future-clear-active-form button{height:36px!important;padding:0 14px!important;border:1px solid #fca5a5!important;border-radius:10px!important;color:#b91c1c!important;background:#fff1f2!important;font-size:9px!important;font-weight:1000!important}
.header-v32877 .future-clear-active-form button:hover{color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}

/* Live team row */
.header-v32877 .future-team-row{
  min-height:68px!important;
  margin-top:9px!important;
  padding:7px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
}
.header-v32877 .future-team-strip{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:52px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:#cbd5e1 transparent!important;
}
.header-v32877 .future-team-strip::-webkit-scrollbar{height:5px!important}
.header-v32877 .future-team-strip::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:999px!important}
.header-v32877 .future-team-strip .worker-chip-avatar{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  flex:0 0 216px!important;
  width:216px!important;
  min-width:216px!important;
  max-width:216px!important;
  height:52px!important;
  padding:6px 9px!important;
  border:1px solid #dbe4f0!important;
  border-radius:14px!important;
  color:#0f172a!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(15,23,42,.045)!important;
  text-decoration:none!important;
  transition:.16s ease!important;
}
.header-v32877 .future-team-strip .worker-chip-avatar:hover{transform:translateY(-1px)!important;border-color:#93c5fd!important;box-shadow:0 10px 22px rgba(37,99,235,.10)!important}
.header-v32877 .future-team-strip .worker-self{border-color:#5b8cff!important;box-shadow:0 0 0 1px rgba(37,99,235,.14),0 8px 18px rgba(37,99,235,.10)!important}
.header-v32877 .future-team-strip .worker-avatar{--avatar-size:38px!important;width:38px!important;height:38px!important;border:2px solid #fff!important;box-shadow:0 0 0 2px #dbeafe!important}
.header-v32877 .future-team-strip .worker-chip-meta{display:grid!important;grid-template-rows:14px 14px 14px!important;gap:1px!important;min-width:0!important;overflow:hidden!important}
.header-v32877 .future-team-strip .worker-name-row,.header-v32877 .future-team-strip .worker-role-line,.header-v32877 .future-team-strip .worker-card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;min-width:0!important;overflow:hidden!important}
.header-v32877 .future-team-strip .worker-name-row b{overflow:hidden!important;color:#0f172a!important;font-size:10.3px!important;font-weight:1000!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.header-v32877 .future-team-strip .presence-state{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;height:15px!important;padding:0 6px!important;border-radius:999px!important;font-size:6.8px!important;font-style:normal!important;font-weight:1000!important;letter-spacing:.04em!important}
.header-v32877 .future-team-strip .presence-live{color:#047857!important;background:#d1fae5!important;border:1px solid #a7f3d0!important;box-shadow:0 0 12px rgba(16,185,129,.18)!important}
.header-v32877 .future-team-strip .presence-idle{color:#15803d!important;background:#dcfce7!important;border:1px solid #bbf7d0!important}
.header-v32877 .future-team-strip .presence-offline{color:#64748b!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}
.header-v32877 .future-team-strip .worker-role-line small{overflow:hidden!important;color:#64748b!important;font-size:7.5px!important;font-weight:850!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.header-v32877 .future-team-strip .worker-module-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;height:14px!important;padding:0 5px!important;border-radius:999px!important;font-size:6.5px!important;font-style:normal!important;font-weight:1000!important}
.header-v32877 .future-team-strip .module-processing{color:#1d4ed8!important;background:#dbeafe!important}
.header-v32877 .future-team-strip .module-abd{color:#047857!important;background:#d1fae5!important}
.header-v32877 .future-team-strip .module-admin,.header-v32877 .future-team-strip .module-tl{color:#92400e!important;background:#fef3c7!important}
.header-v32877 .future-team-strip .worker-last-activity{overflow:hidden!important;color:#475569!important;font-size:7.7px!important;font-weight:900!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.header-v32877 .future-team-strip .live-timer,.header-v32877 .future-team-strip .worker-mini-abd,.header-v32877 .future-team-strip .worker-mini-admin{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;height:14px!important;padding:0 5px!important;border-radius:999px!important;color:#475569!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;font-size:6.6px!important;font-style:normal!important;font-weight:1000!important}
.header-v32877 .team-view-all-card{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  flex:0 0 168px!important;
  width:168px!important;
  min-width:168px!important;
  height:52px!important;
  padding:6px 10px!important;
  border:1px dashed #b9cdfc!important;
  border-radius:14px!important;
  color:#1d4ed8!important;
  background:linear-gradient(145deg,#fff,#f8fbff)!important;
  text-decoration:none!important;
}
.header-v32877 .team-view-all-card:hover{border-style:solid!important;background:#eff6ff!important}
.header-v32877 .team-view-icon{width:23px!important;height:23px!important}
.header-v32877 .team-view-all-card>span{display:flex!important;flex-direction:column!important;line-height:1!important}
.header-v32877 .team-view-all-card strong{font-size:10px!important;font-weight:1000!important}
.header-v32877 .team-view-all-card small{margin-top:5px!important;color:#64748b!important;font-size:7px!important;font-weight:850!important}

/* Keep the calling workspace visually close to the futuristic header. */
.header-v32877 + .crm-notification-stack + .wrap,
.header-v32877 ~ .wrap{margin-top:10px!important}
.header-v32877 ~ .wrap .table-scroll,
.header-v32877 ~ .wrap .mockup-table-wrap{border-color:#dbe4f0!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(15,23,42,.055)!important}
.header-v32877 ~ .wrap .sheet-table th,
.header-v32877 ~ .wrap .mockup-table th{background:#f8fafc!important;color:#334155!important;border-color:#dbe4f0!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.04em!important;text-transform:uppercase!important}

@media(max-width:1550px){
  .header-v32877 .future-header-top-row{grid-template-columns:245px minmax(650px,1fr) 300px!important;gap:9px!important}
  .header-v32877 .future-brand-name{font-size:16px!important}
  .header-v32877 .header-performance-values{grid-template-columns:repeat(7,minmax(38px,1fr))!important}
  .header-v32877 .future-kpi-heading strong{font-size:10.5px!important}
  .header-v32877 .future-header-right{grid-template-columns:minmax(126px,1fr) 39px minmax(120px,1fr)!important;gap:6px!important}
  .header-v32877 .future-team-strip .worker-chip-avatar{flex-basis:198px!important;width:198px!important;min-width:198px!important;max-width:198px!important}
}
@media(max-width:1250px){
  .header-v32877{overflow-x:auto!important}
  .header-v32877 .future-header-top-row,.header-v32877 .future-header-nav-row,.header-v32877 .future-team-row{min-width:1220px!important}
  .header-v32877 .future-admin-popover{right:auto!important;left:0!important;width:1120px!important}
}
.header-v32877 .future-brand-block .brand-icon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;overflow:hidden!important;color:#fff!important;background:linear-gradient(145deg,#38bdf8,#2563eb 62%,#1d4ed8)!important;font-size:23px!important;font-weight:1000!important;box-shadow:0 10px 22px rgba(37,99,235,.24)!important}
.header-v32877 .future-brand-block .brand-icon img,.header-v32877 .future-user-avatar img,.header-v32877 .future-team-strip .worker-avatar img{width:100%!important;height:100%!important;border-radius:inherit!important;object-fit:cover!important}
.header-v32877 .future-user-popover-head>div{display:flex!important;flex-direction:column!important;gap:3px!important}.header-v32877 .future-user-popover-head>div small{color:#64748b!important;font-size:7px!important;font-weight:850!important}

/* ============================================================
   V3.28.78 FINAL HEADER POLISH
   Lighter visual system, compact utility cluster, seven-card team
   strip, readable metrics and synchronized calling table geometry.
   ============================================================ */
body .header-v32878{
  --fh78-blue:#2161e8;
  --fh78-blue-soft:#edf4ff;
  --fh78-green:#139447;
  --fh78-green-soft:#eefcf3;
  --fh78-ink:#101827;
  --fh78-muted:#66758b;
  --fh78-line:#dce5f1;
  padding:8px 10px 8px!important;
  background:linear-gradient(180deg,rgba(251,253,255,.985),rgba(246,249,253,.975))!important;
  border-bottom:1px solid #dce5f1!important;
  box-shadow:0 10px 28px rgba(15,23,42,.07)!important;
}
body .header-v32878 .future-header-top-row{
  grid-template-columns:minmax(218px,248px) minmax(730px,1fr) minmax(252px,278px)!important;
  gap:10px!important;
  min-height:74px!important;
}
body .header-v32878 .future-brand-block{
  gap:11px!important;
  padding:10px 13px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fff,#f8fbff)!important;
  box-shadow:0 7px 20px rgba(15,23,42,.055)!important;
}
body .header-v32878 .future-brand-block .brand-logo,
body .header-v32878 .future-brand-block .app-brand-logo,
body .header-v32878 .future-brand-block img,
body .header-v32878 .future-brand-block .brand-icon{
  width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;
}
body .header-v32878 .future-brand-name{font-size:16.5px!important;letter-spacing:-.03em!important}
body .header-v32878 .future-brand-meta{font-size:8px!important;gap:6px!important}
body .header-v32878 .future-brand-meta i{width:6px!important;height:6px!important}

body .header-v32878 .future-kpi-ribbon{gap:10px!important}
body .header-v32878 .future-kpi-card{
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:10px!important;
  min-height:74px!important;
  padding:9px 11px!important;
  border-radius:18px!important;
}
body .header-v32878 .future-kpi-icon{width:42px!important;height:42px!important;border-radius:13px!important}
body .header-v32878 .future-kpi-icon svg{width:22px!important;height:22px!important}
body .header-v32878 .future-kpi-main{gap:5px!important}
body .header-v32878 .future-kpi-heading strong{font-size:12.5px!important;letter-spacing:0!important}
body .header-v32878 .future-kpi-heading small{font-size:7.4px!important;margin-top:1px!important}
body .header-v32878 .future-kpi-spark{width:58px!important;height:18px!important;flex-basis:58px!important}
body .header-v32878 .header-performance-values{grid-template-columns:repeat(7,minmax(38px,1fr))!important;gap:4px!important}
body .header-v32878 .header-performance-chip{
  height:34px!important;padding:3px!important;border-radius:9px!important;background:rgba(255,255,255,.82)!important;
}
body .header-v32878 .header-performance-chip small{font-size:7.3px!important;letter-spacing:.025em!important}
body .header-v32878 .header-performance-chip b{font-size:15px!important}

body .header-v32878 .future-header-right{
  grid-template-columns:minmax(118px,1fr) 38px minmax(138px,156px)!important;
  gap:7px!important;
}
body .header-v32878 .future-header-tools.future-utility-panel{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:1fr 1fr!important;
  gap:0!important;
  min-width:118px!important;
  border:1px solid var(--fh78-line)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(15,23,42,.05)!important;
  overflow:hidden!important;
}
body .header-v32878 .future-time-card,
body .header-v32878 .future-working-card{
  min-height:0!important;
  padding:5px 8px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  gap:7px!important;
}
body .header-v32878 .future-time-card{border-bottom:1px solid #edf1f7!important}
body .header-v32878 .future-tool-icon{width:16px!important;height:16px!important}
body .header-v32878 .future-time-card b,
body .header-v32878 .future-working-card b{font-size:10.5px!important}
body .header-v32878 .future-time-card small,
body .header-v32878 .future-working-card small{font-size:6.8px!important;margin-top:3px!important}
body .header-v32878 .future-settings-button{width:38px!important;min-width:38px!important;height:38px!important;border-radius:12px!important;align-self:center!important}
body .header-v32878 .future-user-menu{min-width:138px!important}
body .header-v32878 .future-user-menu>summary{
  min-width:138px!important;height:74px!important;padding:8px 9px!important;border-radius:15px!important;grid-template-columns:38px minmax(74px,1fr) 15px!important;
}
body .header-v32878 .future-user-avatar{--avatar-size:36px!important;width:36px!important;height:36px!important}
body .header-v32878 .future-user-menu>summary b{font-size:11px!important;max-width:none!important}
body .header-v32878 .future-user-menu>summary small{font-size:7.6px!important;margin-top:4px!important}

body .header-v32878 .future-header-nav-row{
  min-height:52px!important;margin-top:7px!important;padding:6px 8px!important;border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;box-shadow:0 6px 18px rgba(15,23,42,.045)!important;
}
body .header-v32878 .future-primary-nav{gap:7px!important}
body .header-v32878 .future-primary-nav a{
  min-width:105px!important;height:38px!important;padding:0 13px!important;border-radius:11px!important;font-size:10.8px!important;gap:8px!important;
}
body .header-v32878 .future-primary-nav a svg{width:18px!important;height:18px!important}
body .header-v32878 .future-filter-button,
body .header-v32878 .future-admin-controls>summary{height:38px!important;padding:0 13px!important;border-radius:11px!important;font-size:10px!important}

body .header-v32878 .future-team-row{
  min-height:62px!important;margin-top:7px!important;padding:6px!important;border-radius:16px!important;background:#fff!important;
  box-shadow:0 6px 18px rgba(15,23,42,.045)!important;
}
body .header-v32878 .future-team-strip{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(150px,1fr)) 145px!important;
  align-items:stretch!important;
  gap:7px!important;
  min-height:48px!important;
  overflow-x:auto!important;
}
body .header-v32878 .future-team-strip .worker-chip-avatar{
  display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;
  width:auto!important;min-width:150px!important;max-width:none!important;flex:none!important;height:48px!important;
  gap:8px!important;padding:5px 8px!important;border-radius:12px!important;box-shadow:0 3px 10px rgba(15,23,42,.035)!important;
}
body .header-v32878 .future-team-strip .worker-avatar{--avatar-size:34px!important;width:34px!important;height:34px!important}
body .header-v32878 .future-team-strip .worker-chip-meta{grid-template-rows:13px 13px 13px!important}
body .header-v32878 .future-team-strip .worker-name-row b{font-size:9.8px!important}
body .header-v32878 .future-team-strip .presence-state{height:14px!important;padding:0 5px!important;font-size:6.5px!important}
body .header-v32878 .future-team-strip .worker-role-line small{font-size:7.3px!important}
body .header-v32878 .future-team-strip .worker-module-badge{height:13px!important;font-size:6.2px!important}
body .header-v32878 .future-team-strip .worker-last-activity{font-size:7.4px!important}
body .header-v32878 .future-team-strip .live-timer{height:13px!important;font-size:6.4px!important}
body .header-v32878 .future-team-strip .worker-role-admin,
body .header-v32878 .future-team-strip .worker-role-tl{
  border-color:#e7c66b!important;background:linear-gradient(145deg,#fffdf4,#fff8dc)!important;box-shadow:0 4px 13px rgba(180,125,15,.10)!important;
}
body .header-v32878 .team-view-all-card{width:auto!important;min-width:145px!important;height:48px!important;flex:none!important;border-radius:12px!important}

/* Calling table geometry: keep the first identifying columns visible and
   fit all five attempt cards on normal 1680-1920px workstations. */
body .header-v32878 ~ .wrap .table-scroll,
body .header-v32878 ~ .wrap .mockup-table-wrap{scrollbar-gutter:stable!important;scroll-behavior:smooth!important}
body.role-csr .sheet-table.mockup-table{width:1648px!important;min-width:1648px!important}
body.role-admin .sheet-table.mockup-table,
body.role-tl .sheet-table.mockup-table{width:1780px!important;min-width:1780px!important}
body .mockup-table col.col-check{width:40px!important}
body .mockup-table col.col-order{width:104px!important}
body .mockup-table col.col-date{width:78px!important}
body .mockup-table col.col-name{width:112px!important}
body .mockup-table col.col-mobile{width:126px!important}
body .mockup-table col.col-address{width:282px!important}
body .mockup-table col.col-pin{width:72px!important}
body .mockup-table col.col-city{width:92px!important}
body .mockup-table col.col-product{width:112px!important}
body .mockup-table col.col-price{width:64px!important}
body .mockup-table col.col-ivr{width:52px!important}
body .mockup-table col.col-wp{width:52px!important}
body .mockup-table col.col-admin-cnf{width:90px!important}
body .mockup-table col.col-attempts{width:502px!important}
body .mockup-table .attempts-summary-th,
body .mockup-table .attempts-summary-cell{width:502px!important;min-width:502px!important;max-width:502px!important;padding-left:7px!important;padding-right:7px!important}
body .mockup-table .attempts-compact{grid-template-columns:repeat(5,minmax(90px,1fr))!important;gap:5px!important}
body .mockup-table .attempt-chip{min-width:0!important;min-height:58px!important;padding:6px!important;border-radius:10px!important}
body .mockup-table .attempt-chip b{font-size:11.5px!important}
body .mockup-table .attempt-chip span{font-size:9.7px!important}
body .mockup-table .attempt-chip small,
body .mockup-table .attempt-chip em{font-size:8.2px!important}
body .mockup-table th{font-size:8.2px!important;padding-left:7px!important;padding-right:7px!important}
body .mockup-table td{font-size:10.2px!important;padding-left:7px!important;padding-right:7px!important}
body .mockup-table .dash-address-text{font-size:10.2px!important;line-height:1.25!important}
body .mockup-table .product-cell .trunc{font-size:10px!important}
body .mockup-table .order-id-cell,
body .mockup-table .th-order{background:#fff!important;box-shadow:4px 0 8px rgba(15,23,42,.035)!important}
body.role-csr .mockup-table .th-order,
body.role-csr .mockup-table .order-id-cell{position:sticky!important;left:0!important;z-index:7!important}
body.role-admin .mockup-table .check-cell,
body.role-tl .mockup-table .check-cell{position:sticky!important;left:0!important;z-index:8!important;background:#fff!important}
body.role-admin .mockup-table .th-order,
body.role-admin .mockup-table .order-id-cell,
body.role-tl .mockup-table .th-order,
body.role-tl .mockup-table .order-id-cell{position:sticky!important;left:40px!important;z-index:7!important}
body .mockup-table tr:hover .order-id-cell{background:#f8fbff!important}

@media(max-width:1500px){
  body .header-v32878 .future-header-top-row{grid-template-columns:210px minmax(700px,1fr) 248px!important;min-width:1200px!important}
  body .header-v32878 .future-header-nav-row{min-width:1200px!important}
  body .header-v32878 .future-team-strip{min-width:1360px!important}
  body .header-v32878 .future-brand-name{font-size:15px!important}
}

/* =====================================================================
   V3.28.79 GOOGLE SHEETS PREMIUM HYBRID WORKSPACE
   ===================================================================== */
:root{
  --gs-blue:#1a73e8;
  --gs-blue-50:#eef5ff;
  --gs-blue-100:#dbeafe;
  --gs-green:#16a34a;
  --gs-green-50:#effcf5;
  --gs-red:#dc2626;
  --gs-amber:#f59e0b;
  --gs-purple:#7c3aed;
  --gs-ink:#172033;
  --gs-muted:#64748b;
  --gs-line:#e2e8f0;
  --gs-soft:#f8fafc;
  --gs-panel:#ffffff;
  --gs-shadow:0 1px 3px rgba(15,23,42,.08),0 10px 28px rgba(15,23,42,.04);
  --gs-radius:12px;
}
body.gs-workspace{
  background:#f7f9fc!important;
  color:var(--gs-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.gs-workspace .wrap.gs-workspace-wrap{
  width:100%;
  max-width:none;
  margin:0;
  padding:8px 10px 10px;
}
.gs-shell{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--gs-line);
  box-shadow:0 4px 16px rgba(15,23,42,.05);
  backdrop-filter:blur(18px);
}
.gs-appbar{
  min-height:52px;
  display:grid;
  grid-template-columns:minmax(205px,auto) minmax(150px,220px) minmax(320px,620px) minmax(160px,auto) auto;
  align-items:center;
  gap:12px;
  padding:6px 12px;
  border-bottom:1px solid #edf1f7;
}
.gs-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  color:var(--gs-ink);
  text-decoration:none;
}
.gs-brand .app-logo,
.gs-brand .app-brand-logo,
.gs-brand img{
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  object-fit:cover;
  flex:0 0 auto;
}
.gs-brand-copy{display:flex;flex-direction:column;min-width:0;line-height:1.08}
.gs-brand-copy b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-brand-copy small{margin-top:4px;color:var(--gs-muted);font-size:10px;display:flex;align-items:center;gap:5px}
.gs-brand-copy small i{width:6px;height:6px;border-radius:50%;background:#22c55e;display:inline-block}
.gs-workspace-name{
  height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:1px solid transparent;
  background:transparent;
  border-radius:8px;
  padding:0 10px;
  color:var(--gs-ink);
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}
.gs-workspace-name:hover{background:#f1f5f9;border-color:#e2e8f0}
.gs-workspace-name svg{width:15px;height:15px}
.gs-global-search{
  height:38px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #d5dde9;
  border-radius:9px;
  background:#fff;
  padding:0 12px;
  box-shadow:inset 0 1px 1px rgba(15,23,42,.03);
}
.gs-global-search:focus-within{border-color:#8ab4f8;box-shadow:0 0 0 3px rgba(26,115,232,.12)}
.gs-global-search>span{color:#64748b;font-size:18px;line-height:1}
.gs-global-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;padding:0!important;font-size:12px!important;box-shadow:none!important}
.gs-global-search>a{color:#94a3b8;text-decoration:none;font-size:18px}
.gs-collaborators{display:flex;justify-content:flex-end;min-width:0}
.gs-team-toggle{border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:8px;cursor:pointer;color:var(--gs-ink)}
.gs-team-toggle:hover{background:#f1f5f9}
.gs-team-toggle>span:first-child{font-size:10px;font-weight:700;color:#475569;white-space:nowrap}
.gs-collab-stack{display:flex;align-items:center;padding-left:7px}
.gs-collab-avatar{position:relative;width:28px;height:28px;margin-left:-7px;border-radius:50%;background:#fff;border:2px solid #fff;box-shadow:0 0 0 1px #dbe3ef;display:inline-flex}
.gs-collab-image,.gs-collab-avatar img{width:24px!important;height:24px!important;border-radius:50%!important;object-fit:cover}
.gs-collab-avatar i{position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;border-radius:50%;border:1px solid #fff;background:#94a3b8}
.gs-collab-avatar.status-working i{background:#22c55e}.gs-collab-avatar.status-idle i{background:#f59e0b}
.gs-collab-more{margin-left:5px;font-size:10px;font-weight:700;color:#475569;background:#eef2f7;border-radius:12px;padding:4px 6px}
.gs-appbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.gs-icon-button{width:32px;height:32px;border:0;background:transparent;border-radius:8px;color:#475569;display:grid;place-items:center;text-decoration:none;font-size:18px;cursor:pointer}
.gs-icon-button:hover{background:#f1f5f9;color:var(--gs-blue)}
.gs-appbar .future-header-tools{display:flex!important;flex-direction:row!important;gap:4px!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.gs-appbar .future-time-card,.gs-appbar .future-working-card{min-width:72px!important;height:36px!important;padding:4px 7px!important;border:0!important;background:#f8fafc!important;border-radius:8px!important;gap:5px!important}
.gs-appbar .future-tool-icon{width:15px!important;height:15px!important}
.gs-appbar .future-time-card b,.gs-appbar .future-working-card b{font-size:10px!important}
.gs-appbar .future-time-card small,.gs-appbar .future-working-card small{font-size:8px!important}
.gs-user-menu{position:relative}
.gs-user-menu>summary{list-style:none;display:flex;align-items:center;gap:8px;min-width:118px;height:40px;border-radius:9px;padding:3px 7px;cursor:pointer;border:1px solid #e2e8f0;background:#fff}
.gs-user-menu>summary::-webkit-details-marker{display:none}
.gs-user-menu>summary>span{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.1}
.gs-user-menu>summary b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-user-menu>summary small{font-size:8px;color:#64748b;margin-top:3px}
.gs-user-menu>summary svg{width:14px;height:14px}.gs-user-avatar{width:32px!important;height:32px!important;border-radius:50%!important}
.gs-user-menu .future-user-popover{right:0;top:45px;min-width:230px}
.gs-workspace-popover{position:absolute;left:220px;top:48px;z-index:1200;width:220px;padding:7px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.16)}
.gs-workspace-popover a{display:block;padding:9px 10px;border-radius:7px;color:#334155;text-decoration:none;font-size:12px;font-weight:600}.gs-workspace-popover a:hover{background:#eef5ff;color:#1a73e8}
.gs-menubar{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:3px 12px;
  border-bottom:1px solid #e9eef5;
  background:#fff;
}
.gs-primary-nav{display:flex;align-items:stretch;height:38px;gap:4px;overflow:auto}
.gs-primary-nav a{position:relative;display:flex;align-items:center;gap:7px;padding:0 12px;color:#334155;text-decoration:none;font-size:11px;font-weight:650;white-space:nowrap;border-radius:7px}
.gs-primary-nav a svg{width:16px;height:16px}.gs-primary-nav a:hover{background:#f3f6fa;color:var(--gs-blue)}
.gs-primary-nav a.is-active{color:var(--gs-blue);background:#eef5ff}
.gs-primary-nav a.is-active:after{content:"";position:absolute;left:9px;right:9px;bottom:-3px;height:2px;border-radius:2px;background:var(--gs-blue)}
.gs-menu-actions{display:flex;align-items:center;gap:7px}
.gs-filter-button,.gs-admin-controls>summary{height:32px;display:flex;align-items:center;gap:7px;border:1px solid #dce4ef;background:#fff;color:#334155;border-radius:8px;padding:0 11px;font-size:10px;font-weight:700;cursor:pointer;list-style:none}
.gs-filter-button svg,.gs-admin-controls>summary svg{width:15px;height:15px}.gs-filter-button b{background:#1a73e8;color:#fff;border-radius:10px;padding:2px 6px;font-size:9px}
.gs-admin-controls{position:relative}.gs-admin-controls>summary::-webkit-details-marker{display:none}.gs-admin-controls .future-admin-popover{right:0;top:38px}
.gs-toolbar{
  min-height:46px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:5px 12px;
  border-bottom:1px solid #e7edf5;
  background:#fbfcfe;
  overflow-x:auto;
}
.gs-toolbar-group{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.gs-toolbar-filters{flex:1;min-width:480px}
.gs-tool-btn,.gs-filter-chip{height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe3ef;background:#fff;border-radius:7px;padding:0 9px;color:#334155;text-decoration:none;font-size:10px;font-weight:650;white-space:nowrap;cursor:pointer}
.gs-tool-btn:hover,.gs-filter-chip:hover{border-color:#9ec5ff;background:#f5f9ff;color:var(--gs-blue)}
.gs-filter-chip{max-width:165px;overflow:hidden;text-overflow:ellipsis}
.gs-density-tools label{height:30px;border:1px solid #dbe3ef;border-radius:7px;background:#fff;padding:0 7px;display:flex;align-items:center;gap:5px;color:#64748b;font-size:9px;font-weight:650;white-space:nowrap}
.gs-density-tools select{border:0!important;background:transparent!important;padding:0!important;font-size:10px!important;box-shadow:none!important}
.gs-metric-strip{padding:4px 12px;border-bottom:1px solid #e7edf5;background:#fff}
.gs-metric-strip .future-kpi-ribbon{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important}
.gs-metric-strip .future-kpi-card{min-height:40px!important;border:1px solid #d9e4f2!important;border-radius:8px!important;padding:2px 8px!important;box-shadow:none!important;background:#fff!important;display:flex!important;align-items:center!important}
.gs-metric-strip .module-processing{border-left:3px solid var(--gs-blue)!important;background:#f8fbff!important}.gs-metric-strip .module-abd{border-left:3px solid var(--gs-green)!important;background:#f8fffb!important}
.gs-metric-strip .future-kpi-icon{display:none!important}.gs-metric-strip .future-kpi-main{width:100%!important;display:flex!important;align-items:center!important;gap:10px!important}.gs-metric-strip .future-kpi-heading{width:64px!important;min-width:64px!important}.gs-metric-strip .future-kpi-heading strong{font-size:10px!important}.gs-metric-strip .future-kpi-heading small,.gs-metric-strip .future-kpi-spark{display:none!important}
.gs-metric-strip .header-performance-values{display:grid!important;grid-template-columns:repeat(7,minmax(42px,1fr))!important;gap:2px!important;flex:1!important}
.gs-metric-strip .header-performance-chip{height:32px!important;border:0!important;border-left:1px solid #e7edf5!important;border-radius:0!important;background:transparent!important;padding:2px 5px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.gs-metric-strip .header-performance-chip small{font-size:7px!important;line-height:1!important;color:#64748b!important}.gs-metric-strip .header-performance-chip b{font-size:13px!important;line-height:1.1!important}
.gs-team-panel{padding:4px 12px 6px;background:#fff;border-bottom:1px solid #e5ebf3;transition:max-height .2s ease,opacity .2s ease;overflow:hidden}
.gs-team-panel.is-collapsed{max-height:0!important;padding-top:0!important;padding-bottom:0!important;border-bottom:0!important;opacity:0}
.gs-team-panel-head{height:24px;display:flex;align-items:center;justify-content:space-between;color:#334155}
.gs-team-panel-head>span{display:flex;align-items:baseline;gap:8px}.gs-team-panel-head b{font-size:10px}.gs-team-panel-head small{font-size:8px;color:#94a3b8}.gs-team-panel-head button{border:0;background:transparent;color:#64748b;font-size:9px;cursor:pointer}
.gs-team-panel .future-team-strip{display:grid!important;grid-template-columns:repeat(7,minmax(128px,1fr)) minmax(108px,.65fr)!important;gap:6px!important;overflow:hidden!important;padding:0!important;background:transparent!important;border:0!important}
.gs-team-panel .worker-chip{min-width:0!important;height:48px!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:5px 7px!important;background:#fff!important;box-shadow:none!important;gap:7px!important}
.gs-team-panel .worker-chip:hover{border-color:#93baf7!important;background:#f8fbff!important}.gs-team-panel .worker-self{border-color:#7aa9f8!important;background:#f4f8ff!important}
.gs-team-panel .worker-avatar{width:30px!important;height:30px!important;min-width:30px!important}
.gs-team-panel .worker-chip-meta{min-width:0!important}.gs-team-panel .worker-name-row b{font-size:9px!important}.gs-team-panel .presence-state{font-size:6px!important;padding:2px 4px!important}.gs-team-panel .worker-role-line small,.gs-team-panel .worker-module-badge{font-size:7px!important}.gs-team-panel .worker-card-footer{font-size:7px!important;margin-top:2px!important}.gs-team-panel .live-timer{font-size:7px!important}
.gs-team-panel .team-view-all-card{height:48px!important;border-radius:8px!important;border:1px dashed #cbd5e1!important;background:#fff!important;min-width:0!important;padding:5px 8px!important}.gs-team-panel .team-view-all-card strong{font-size:9px!important}.gs-team-panel .team-view-all-card small{font-size:7px!important}

/* Sheet grid */
.gs-grid-wrap{margin:0!important;border:1px solid #dfe6ef!important;border-radius:8px 8px 0 0!important;box-shadow:none!important;max-height:calc(100vh - 305px);overflow:auto!important;background:#fff!important}
.gs-data-grid{min-width:1760px!important;border-collapse:separate!important;border-spacing:0!important;table-layout:fixed!important;background:#fff!important}
.gs-data-grid th{position:sticky;top:0;z-index:30;height:34px!important;background:#f8fafc!important;color:#243247!important;border-right:1px solid #e2e8f0!important;border-bottom:1px solid #d9e1ec!important;font-size:8px!important;letter-spacing:.035em!important;padding:5px 7px!important;white-space:nowrap!important}
.gs-data-grid td{height:44px!important;min-height:44px!important;border-right:1px solid #e7ecf3!important;border-bottom:1px solid #e7ecf3!important;padding:5px 7px!important;font-size:9px!important;vertical-align:middle!important;background:#fff}
.gs-density-comfortable .gs-data-grid td{height:58px!important;padding-top:8px!important;padding-bottom:8px!important;font-size:10px!important}
.gs-data-grid tr:hover td{background:#f8fbff}.gs-data-grid tr.gs-row-selected td{background:#edf5ff!important}.gs-data-grid tr.gs-row-selected td:first-child{box-shadow:inset 3px 0 0 #1a73e8}
.gs-data-grid tr.csr-live-row td,.gs-data-grid tr.latest-working-row td{background:#effcf5!important}.gs-data-grid tr.csr-last-attempt-row:not(.csr-live-row) td{background:#f4f8ff!important}
.gs-data-grid .col-rownum{width:36px}.gs-data-grid .col-check{width:34px}.gs-data-grid .col-order{width:100px}.gs-data-grid .col-date{width:86px}.gs-data-grid .col-name{width:120px}.gs-data-grid .col-mobile{width:120px}.gs-data-grid .col-address{width:300px}.gs-data-grid .col-pin{width:74px}.gs-data-grid .col-city{width:92px}.gs-data-grid .col-product{width:145px}.gs-data-grid .col-price{width:70px}.gs-data-grid .col-ivr,.gs-data-grid .col-wp{width:52px}.gs-data-grid .col-admin-cnf{width:82px}.gs-data-grid .col-attempts{width:470px}
.gs-data-grid .row-number-head,.gs-data-grid .row-number-cell{position:sticky;left:0;z-index:42!important;text-align:center;color:#64748b;background:#f8fafc!important;width:36px;min-width:36px}
body.role-admin .gs-data-grid .check-cell,body.role-tl .gs-data-grid .check-cell{position:sticky;left:36px;z-index:41!important;background:#fff!important}
body.role-admin .gs-data-grid th.check-cell,body.role-tl .gs-data-grid th.check-cell{background:#f8fafc!important}
body.role-admin .gs-data-grid .order-id-cell,body.role-tl .gs-data-grid .order-id-cell{position:sticky;left:70px;z-index:40;background:#fff!important}
body.role-admin .gs-data-grid .th-order,body.role-tl .gs-data-grid .th-order{position:sticky;left:70px;z-index:45!important}
body.role-admin .gs-data-grid .date-cell,body.role-tl .gs-data-grid .date-cell{position:sticky;left:170px;z-index:39;background:#fff!important}
body.role-admin .gs-data-grid .th-date,body.role-tl .gs-data-grid .th-date{position:sticky;left:170px;z-index:45!important}
body.role-admin .gs-data-grid .name-cell,body.role-tl .gs-data-grid .name-cell{position:sticky;left:256px;z-index:38;background:#fff!important}
body.role-admin .gs-data-grid .th-name,body.role-tl .gs-data-grid .th-name{position:sticky;left:256px;z-index:45!important}
body.role-admin .gs-data-grid .mobile-cell,body.role-tl .gs-data-grid .mobile-cell{position:sticky;left:376px;z-index:37;background:#fff!important;box-shadow:5px 0 8px -8px rgba(15,23,42,.5)}
body.role-admin .gs-data-grid .th-mobile,body.role-tl .gs-data-grid .th-mobile{position:sticky;left:376px;z-index:45!important;box-shadow:5px 0 8px -8px rgba(15,23,42,.5)}
body:not(.role-admin):not(.role-tl) .gs-data-grid .order-id-cell{position:sticky;left:36px;z-index:40;background:#fff!important}
body:not(.role-admin):not(.role-tl) .gs-data-grid .th-order{position:sticky;left:36px;z-index:45!important}
body:not(.role-admin):not(.role-tl) .gs-data-grid .date-cell{position:sticky;left:136px;z-index:39;background:#fff!important}
body:not(.role-admin):not(.role-tl) .gs-data-grid .th-date{position:sticky;left:136px;z-index:45!important}
body:not(.role-admin):not(.role-tl) .gs-data-grid .name-cell{position:sticky;left:222px;z-index:38;background:#fff!important}
body:not(.role-admin):not(.role-tl) .gs-data-grid .th-name{position:sticky;left:222px;z-index:45!important}
body:not(.role-admin):not(.role-tl) .gs-data-grid .mobile-cell{position:sticky;left:342px;z-index:37;background:#fff!important;box-shadow:5px 0 8px -8px rgba(15,23,42,.5)}
body:not(.role-admin):not(.role-tl) .gs-data-grid .th-mobile{position:sticky;left:342px;z-index:45!important;box-shadow:5px 0 8px -8px rgba(15,23,42,.5)}
.gs-data-grid tr:hover .order-id-cell,.gs-data-grid tr:hover .date-cell,.gs-data-grid tr:hover .name-cell,.gs-data-grid tr:hover .mobile-cell{background:#f8fbff!important}.gs-data-grid tr.gs-row-selected .order-id-cell,.gs-data-grid tr.gs-row-selected .date-cell,.gs-data-grid tr.gs-row-selected .name-cell,.gs-data-grid tr.gs-row-selected .mobile-cell{background:#edf5ff!important}
.gs-data-grid .order-id-cell a,.gs-data-grid .order-code{font-weight:750;color:#0b63ce}.gs-data-grid .mobile-cell{font-weight:700;color:#162033}.gs-data-grid .address-cell{line-height:1.25}.gs-data-grid .product-cell{line-height:1.2}.gs-data-grid .price-cell{font-weight:750}
.gs-data-grid .attempts-compact{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;width:100%!important}
.gs-data-grid .attempt-chip{min-width:0!important;width:auto!important;height:34px!important;min-height:34px!important;padding:3px 5px!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden!important}
.gs-density-comfortable .gs-data-grid .attempt-chip{height:44px!important;min-height:44px!important}
.gs-data-grid .attempt-chip .chip-head b{font-size:9px!important}.gs-data-grid .attempt-chip .chip-head span{font-size:6px!important;padding:1px 3px!important}.gs-data-grid .attempt-chip small,.gs-data-grid .attempt-chip i,.gs-data-grid .attempt-chip em{font-size:6px!important;line-height:1.05!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-data-grid .chip-live-person .chip-csr-avatar{display:none!important}
.gs-data-grid .compact-ready{background:#f2fbf5!important;border:1px solid #8bd8a4!important}.gs-data-grid .compact-working{background:#eaf8ef!important;border:1px solid #43bd6e!important}.gs-data-grid .compact-admin-edit{background:#f4fbf6!important;border:1px solid #86d69f!important}.gs-data-grid .compact-muted{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#64748b!important}

/* Selected order action bar */
.gs-selected-order-bar{display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(5,minmax(80px,.65fr)) auto;align-items:center;gap:10px;padding:8px 12px;background:#fff;border:1px solid #dfe6ef;border-top:0;box-shadow:var(--gs-shadow);min-height:62px}
.gs-selected-main{display:flex;align-items:center;gap:9px;min-width:0}.gs-selected-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf7ef;color:#16a34a;font-weight:900}.gs-selected-main>span:last-child{display:flex;flex-direction:column;min-width:0}.gs-selected-main small,.gs-selected-field small{font-size:7px;color:#64748b}.gs-selected-main b{font-size:13px}.gs-selected-main em{font-size:8px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-selected-field{display:flex;flex-direction:column;min-width:0}.gs-selected-field b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-selected-actions{display:flex;gap:5px}.gs-selected-actions button{height:30px;border:1px solid #cfe0f7;background:#fff;color:#1769d1;border-radius:7px;padding:0 9px;font-size:8px;font-weight:700;white-space:nowrap;cursor:pointer}.gs-selected-actions button:hover{background:#eef5ff}

/* Pagination and sheet tabs */
body.gs-workspace .calling-pagination-card{border:1px solid #dfe6ef!important;border-top:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;min-height:42px!important;padding:5px 12px!important}.calling-pagination-card .small{font-size:8px!important}.calling-pagination-card .page-btn,.calling-pagination-card .page-num{height:28px!important;min-width:28px!important;font-size:8px!important;border-radius:6px!important}
.gs-sheet-tabs{position:sticky;bottom:0;z-index:80;display:flex;align-items:center;gap:2px;height:42px;padding:4px 8px;background:#fff;border:1px solid #dfe6ef;border-top:0;border-radius:0 0 8px 8px;box-shadow:0 -5px 15px rgba(15,23,42,.04);overflow-x:auto}
.gs-sheet-tabs a{height:32px;display:flex;align-items:center;gap:6px;padding:0 11px;border-radius:7px;color:#475569;text-decoration:none;font-size:9px;font-weight:650;white-space:nowrap}.gs-sheet-tabs a:hover{background:#f3f6fa}.gs-sheet-tabs a.is-active{background:#e8f1ff;color:#1769d1}.gs-sheet-tabs a b{font-size:7px;padding:2px 5px;border-radius:10px;background:#d7e7ff}.gs-sheet-tab-spacer{flex:1}.gs-sheet-tabs label{display:flex;align-items:center;gap:6px;font-size:8px;color:#64748b;white-space:nowrap}.gs-sheet-tabs select{height:28px!important;padding:0 7px!important;font-size:8px!important;border-radius:6px!important}

/* Filter panel becomes a clean sheet drawer */
body.gs-workspace .order-filter-panel{margin:0 0 6px!important}.order-filter-panel.is-collapsed{display:none!important}.order-filter-panel .filter-card{border:1px solid #dfe6ef!important;border-radius:8px!important;box-shadow:var(--gs-shadow)!important}

@media(max-width:1280px){
  .gs-appbar{grid-template-columns:190px 150px minmax(260px,1fr) auto}.gs-collaborators{display:none}.gs-appbar-actions .future-header-tools{display:none!important}
  .gs-team-panel .future-team-strip{grid-template-columns:repeat(7,minmax(118px,1fr)) minmax(95px,.6fr)!important;overflow-x:auto!important}
  .gs-selected-order-bar{grid-template-columns:minmax(200px,1fr) repeat(3,minmax(70px,.5fr)) auto}.gs-selected-field:nth-of-type(5),.gs-selected-field:nth-of-type(6){display:none}
}
@media(max-width:900px){
  .gs-appbar{grid-template-columns:175px 1fr auto}.gs-workspace-name{display:none}.gs-global-search{min-width:0}.gs-appbar-actions .gs-icon-button{display:none}.gs-user-menu>summary{min-width:42px}.gs-user-menu>summary>span{display:none}
  .gs-toolbar-filters{min-width:420px}.gs-metric-strip .future-kpi-ribbon{grid-template-columns:minmax(500px,1fr) minmax(500px,1fr)!important;overflow-x:auto}.gs-team-panel .future-team-strip{display:flex!important}.gs-team-panel .worker-chip{min-width:130px!important}.gs-team-panel .team-view-all-card{min-width:100px!important}
}

.gs-selected-order-bar[hidden]{display:none!important}.gs-icon-button.is-empty{animation:gsEmptyPing .7s ease}@keyframes gsEmptyPing{0%,100%{background:transparent}50%{background:#eef5ff;color:#1a73e8}}

/* =====================================================================
   V3.28.80 RESPONSIVE LAYOUT STABILIZATION
   Presentation-only overrides. Calling, locking and data rules unchanged.
   ===================================================================== */
:root{
  --gs-live-header-height:210px;
  --gs-rownum-width:32px;
  --gs-check-width:34px;
  --gs-order-width:108px;
  --gs-date-width:82px;
  --gs-name-width:118px;
  --gs-mobile-width:118px;
}
body.gs-workspace .wrap.gs-workspace-wrap{padding:6px 10px 8px!important}
.gs-shell{overflow:visible!important;isolation:isolate}

/* One compact, aligned application row. */
.gs-appbar{
  min-height:46px!important;
  grid-template-columns:minmax(205px,220px) minmax(145px,180px) minmax(280px,1fr) max-content max-content!important;
  gap:8px!important;
  padding:4px 10px!important;
}
.gs-brand{gap:8px!important}.gs-brand .app-logo,.gs-brand .app-brand-logo,.gs-brand img{width:32px!important;height:32px!important;border-radius:9px!important}
.gs-brand-copy b{font-size:14px!important}.gs-brand-copy small{font-size:9px!important;margin-top:3px!important}
.gs-workspace-name{height:34px!important;padding:0 9px!important;font-size:12px!important}
.gs-global-search{height:34px!important;padding:0 10px!important}.gs-global-search input{font-size:11px!important}
.gs-team-toggle{height:34px!important;padding:3px 5px!important;gap:6px!important}.gs-team-toggle>span:first-child{font-size:9px!important}
.gs-collab-avatar{width:26px!important;height:26px!important}.gs-collab-image,.gs-collab-avatar img{width:22px!important;height:22px!important}.gs-collab-more{font-size:9px!important}
.gs-appbar-actions{gap:5px!important}.gs-icon-button{width:30px!important;height:30px!important;font-size:16px!important}
.gs-appbar .future-time-card,.gs-appbar .future-working-card{height:32px!important;min-width:68px!important;padding:3px 6px!important}
.gs-appbar .future-time-card b,.gs-appbar .future-working-card b{font-size:9px!important}.gs-appbar .future-time-card small,.gs-appbar .future-working-card small{font-size:7px!important}
.gs-user-menu>summary{height:36px!important;min-width:112px!important;padding:2px 6px!important}.gs-user-avatar{width:30px!important;height:30px!important}.gs-user-menu>summary b{font-size:10px!important}

/* Menu and toolbar use predictable columns instead of stretched flex gaps. */
.gs-menubar{min-height:36px!important;padding:2px 10px!important;gap:8px!important}.gs-primary-nav{height:32px!important;gap:2px!important}.gs-primary-nav a{padding:0 10px!important;font-size:10px!important;gap:6px!important}.gs-primary-nav a svg{width:14px!important;height:14px!important}.gs-primary-nav a.is-active:after{bottom:-2px!important}
.gs-filter-button,.gs-admin-controls>summary{height:30px!important;padding:0 9px!important;font-size:9px!important}
.gs-toolbar{
  min-height:40px!important;
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr) max-content!important;
  align-items:center!important;
  gap:8px!important;
  padding:4px 10px!important;
  overflow:visible!important;
}
.gs-toolbar-group{gap:4px!important}.gs-toolbar-filters{min-width:0!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:thin;padding-bottom:1px}
.gs-tool-btn,.gs-filter-chip{height:29px!important;padding:0 8px!important;font-size:9px!important;border-radius:7px!important}.gs-filter-chip{max-width:150px!important}
.gs-density-tools{justify-self:end}.gs-density-tools label{height:29px!important;font-size:8px!important}.gs-density-tools select{font-size:9px!important}

/* Slim, equal PROC/ABD summary boards. */
.gs-metric-strip{padding:3px 10px!important}.gs-metric-strip .future-kpi-ribbon{gap:6px!important}
.gs-metric-strip .future-kpi-card{min-height:34px!important;height:34px!important;padding:1px 6px!important;border-radius:7px!important}
.gs-metric-strip .future-kpi-main{gap:5px!important}.gs-metric-strip .future-kpi-heading{width:38px!important;min-width:38px!important}.gs-metric-strip .future-kpi-heading strong{font-size:10px!important;letter-spacing:.03em!important}
.gs-metric-strip .header-performance-values{grid-template-columns:repeat(7,minmax(34px,1fr))!important;gap:0!important}
.gs-metric-strip .header-performance-chip{height:27px!important;padding:1px 4px!important}.gs-metric-strip .header-performance-chip small{font-size:6.5px!important}.gs-metric-strip .header-performance-chip b{font-size:11px!important}

/* Live team is one compact row; legacy opacity and icon overflow are neutralized. */
.gs-team-panel{
  min-height:52px!important;
  max-height:58px!important;
  display:grid!important;
  grid-template-columns:104px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  padding:4px 10px!important;
  overflow:hidden!important;
}
.gs-team-panel.is-collapsed{display:block!important;min-height:0!important;max-height:0!important;padding:0 10px!important}
.gs-team-panel-head{height:42px!important;min-width:0;gap:5px!important}.gs-team-panel-head>span{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}.gs-team-panel-head b{font-size:10px!important}.gs-team-panel-head small{display:none!important}.gs-team-panel-head button{height:20px!important;padding:0 5px!important;border-radius:5px!important;background:#f1f5f9!important;font-size:7px!important}
.gs-team-panel .future-team-strip{
  min-width:0!important;
  width:100%!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin;
}
.gs-team-panel .worker-chip{
  flex:1 1 145px!important;
  width:auto!important;
  min-width:145px!important;
  max-width:205px!important;
  height:40px!important;
  min-height:40px!important;
  padding:4px 6px!important;
  gap:6px!important;
  opacity:1!important;
  filter:none!important;
  overflow:hidden!important;
  transform:none!important;
}
.gs-team-panel .worker-chip:hover{transform:none!important;box-shadow:0 2px 8px rgba(26,115,232,.10)!important}
.gs-team-panel .worker-state-working{border-color:#86d7a2!important;background:#f0fdf4!important}.gs-team-panel .worker-state-idle{border-color:#f5d48a!important;background:#fffbeb!important}.gs-team-panel .worker-state-offline{border-color:#e2e8f0!important;background:#fff!important;color:#334155!important;opacity:1!important}
.gs-team-panel .worker-avatar{width:28px!important;height:28px!important;min-width:28px!important;filter:none!important;opacity:1!important}
.gs-team-panel .worker-chip-meta{display:flex!important;flex:1!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;min-width:0!important;overflow:hidden!important}
.gs-team-panel .worker-name-row,.gs-team-panel .worker-card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;width:100%!important;min-width:0!important;overflow:hidden!important}
.gs-team-panel .worker-role-line{display:none!important}.gs-team-panel .worker-name-row b{font-size:9px!important;color:#172033!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.gs-team-panel .presence-state{height:14px!important;padding:0 5px!important;font-size:6px!important;line-height:12px!important;flex:0 0 auto!important}
.gs-team-panel .worker-card-footer{margin:0!important;font-size:7.5px!important}.gs-team-panel .worker-last-activity{font-size:7.5px!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.gs-team-panel .live-timer{height:14px!important;padding:0 5px!important;font-size:7px!important;flex:0 0 auto!important}
.gs-team-panel .team-view-all-card{flex:0 0 96px!important;width:96px!important;min-width:96px!important;max-width:96px!important;height:40px!important;min-height:40px!important;padding:4px 6px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;overflow:hidden!important}
.gs-team-panel .team-view-icon{display:block!important;width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;max-height:17px!important}.gs-team-panel .team-view-all-card strong{font-size:8px!important}.gs-team-panel .team-view-all-card small{font-size:6px!important;margin-top:2px!important}

/* Grid widths, sticky offsets and row cells use one shared geometry. */
.gs-grid-wrap{max-height:calc(100vh - var(--gs-live-header-height,210px) - 54px)!important;min-height:240px!important;overscroll-behavior:contain!important;scrollbar-gutter:stable}
.gs-data-grid{width:max(100%,1818px)!important;min-width:1818px!important;table-layout:fixed!important}
.gs-data-grid.abd-table{width:max(100%,1666px)!important;min-width:1666px!important}
.gs-data-grid col.col-rownum{width:var(--gs-rownum-width)!important}.gs-data-grid col.col-check{width:var(--gs-check-width)!important}.gs-data-grid col.col-order{width:var(--gs-order-width)!important}.gs-data-grid col.col-date{width:var(--gs-date-width)!important}.gs-data-grid col.col-name{width:var(--gs-name-width)!important}.gs-data-grid col.col-mobile{width:var(--gs-mobile-width)!important}.gs-data-grid col.col-address{width:310px!important}.gs-data-grid col.col-pin{width:72px!important}.gs-data-grid col.col-city{width:100px!important}.gs-data-grid col.col-product{width:150px!important}.gs-data-grid col.col-price{width:70px!important}.gs-data-grid col.col-ivr,.gs-data-grid col.col-wp{width:50px!important}.gs-data-grid col.col-admin-cnf{width:92px!important}.gs-data-grid col.col-attempts{width:470px!important}
.gs-data-grid th{height:32px!important;padding:4px 6px!important;font-size:8px!important}.gs-data-grid td{height:44px!important;padding:5px 6px!important;font-size:9px!important;box-sizing:border-box!important}
.gs-data-grid .row-number-head,.gs-data-grid .row-number-cell{left:0!important;width:var(--gs-rownum-width)!important;min-width:var(--gs-rownum-width)!important;max-width:var(--gs-rownum-width)!important}
.gs-data-grid .check-cell{width:var(--gs-check-width)!important;min-width:var(--gs-check-width)!important;max-width:var(--gs-check-width)!important;padding-left:5px!important;padding-right:5px!important}
.gs-data-grid .th-order,.gs-data-grid .order-id-cell{width:var(--gs-order-width)!important;min-width:var(--gs-order-width)!important;max-width:var(--gs-order-width)!important}.gs-data-grid .th-date,.gs-data-grid .date-cell{width:var(--gs-date-width)!important;min-width:var(--gs-date-width)!important;max-width:var(--gs-date-width)!important}.gs-data-grid .th-name,.gs-data-grid .name-cell{width:var(--gs-name-width)!important;min-width:var(--gs-name-width)!important;max-width:var(--gs-name-width)!important}.gs-data-grid .th-mobile,.gs-data-grid .mobile-cell{width:var(--gs-mobile-width)!important;min-width:var(--gs-mobile-width)!important;max-width:var(--gs-mobile-width)!important}
body.role-admin .gs-data-grid .check-cell,body.role-tl .gs-data-grid .check-cell{left:var(--gs-rownum-width)!important}
body.role-admin .gs-data-grid .order-id-cell,body.role-admin .gs-data-grid .th-order,body.role-tl .gs-data-grid .order-id-cell,body.role-tl .gs-data-grid .th-order{left:calc(var(--gs-rownum-width) + var(--gs-check-width))!important}
body.role-admin .gs-data-grid .date-cell,body.role-admin .gs-data-grid .th-date,body.role-tl .gs-data-grid .date-cell,body.role-tl .gs-data-grid .th-date{left:calc(var(--gs-rownum-width) + var(--gs-check-width) + var(--gs-order-width))!important}
body.role-admin .gs-data-grid .name-cell,body.role-admin .gs-data-grid .th-name,body.role-tl .gs-data-grid .name-cell,body.role-tl .gs-data-grid .th-name{left:calc(var(--gs-rownum-width) + var(--gs-check-width) + var(--gs-order-width) + var(--gs-date-width))!important}
body.role-admin .gs-data-grid .mobile-cell,body.role-admin .gs-data-grid .th-mobile,body.role-tl .gs-data-grid .mobile-cell,body.role-tl .gs-data-grid .th-mobile{left:calc(var(--gs-rownum-width) + var(--gs-check-width) + var(--gs-order-width) + var(--gs-date-width) + var(--gs-name-width))!important}
body:not(.role-admin):not(.role-tl) .gs-data-grid .order-id-cell,body:not(.role-admin):not(.role-tl) .gs-data-grid .th-order{left:var(--gs-rownum-width)!important}
body:not(.role-admin):not(.role-tl) .gs-data-grid .date-cell,body:not(.role-admin):not(.role-tl) .gs-data-grid .th-date{left:calc(var(--gs-rownum-width) + var(--gs-order-width))!important}
body:not(.role-admin):not(.role-tl) .gs-data-grid .name-cell,body:not(.role-admin):not(.role-tl) .gs-data-grid .th-name{left:calc(var(--gs-rownum-width) + var(--gs-order-width) + var(--gs-date-width))!important}
body:not(.role-admin):not(.role-tl) .gs-data-grid .mobile-cell,body:not(.role-admin):not(.role-tl) .gs-data-grid .th-mobile{left:calc(var(--gs-rownum-width) + var(--gs-order-width) + var(--gs-date-width) + var(--gs-name-width))!important}
.gs-data-grid tr.csr-live-row .row-number-cell,.gs-data-grid tr.csr-live-row .check-cell,.gs-data-grid tr.csr-live-row .order-id-cell,.gs-data-grid tr.csr-live-row .date-cell,.gs-data-grid tr.csr-live-row .name-cell,.gs-data-grid tr.csr-live-row .mobile-cell,.gs-data-grid tr.latest-working-row .row-number-cell,.gs-data-grid tr.latest-working-row .check-cell,.gs-data-grid tr.latest-working-row .order-id-cell,.gs-data-grid tr.latest-working-row .date-cell,.gs-data-grid tr.latest-working-row .name-cell,.gs-data-grid tr.latest-working-row .mobile-cell{background:#effcf5!important}
.gs-data-grid tr.csr-last-attempt-row:not(.csr-live-row) .row-number-cell,.gs-data-grid tr.csr-last-attempt-row:not(.csr-live-row) .check-cell,.gs-data-grid tr.csr-last-attempt-row:not(.csr-live-row) .order-id-cell,.gs-data-grid tr.csr-last-attempt-row:not(.csr-live-row) .date-cell,.gs-data-grid tr.csr-last-attempt-row:not(.csr-live-row) .name-cell,.gs-data-grid tr.csr-last-attempt-row:not(.csr-live-row) .mobile-cell{background:#f4f8ff!important}
.gs-data-grid .attempts-summary-th,.gs-data-grid .attempts-summary-cell{width:470px!important;min-width:470px!important;max-width:470px!important;padding-left:5px!important;padding-right:5px!important}.gs-data-grid .attempts-compact{gap:4px!important}.gs-data-grid .attempt-chip{height:35px!important;min-height:35px!important;padding:3px 5px!important}.gs-data-grid .attempt-chip .chip-head b{font-size:9px!important}.gs-data-grid .attempt-chip .chip-head span{font-size:7px!important}.gs-data-grid .attempt-chip small,.gs-data-grid .attempt-chip i,.gs-data-grid .attempt-chip em{font-size:7px!important;line-height:1.1!important}

/* Selected-order bar stays one useful, non-dominant strip. */
.gs-selected-order-bar{grid-template-columns:minmax(190px,1.2fr) repeat(6,minmax(58px,.42fr)) auto!important;gap:7px!important;min-height:48px!important;padding:6px 10px!important}.gs-selected-avatar{width:28px!important;height:28px!important}.gs-selected-main b{font-size:11px!important}.gs-selected-main small,.gs-selected-field small{font-size:7px!important}.gs-selected-main em,.gs-selected-field b{font-size:8px!important}.gs-selected-actions{gap:4px!important}.gs-selected-actions button{height:28px!important;padding:0 7px!important;font-size:7.5px!important}

@media(max-width:1680px){
  .gs-appbar{grid-template-columns:200px 155px minmax(260px,1fr) max-content max-content!important}.gs-team-toggle>span:first-child{display:none}.gs-appbar .future-time-card small{display:none!important}
  .gs-team-panel .worker-chip{flex-basis:148px!important;max-width:185px!important}
  .gs-selected-order-bar{grid-template-columns:minmax(180px,1fr) repeat(4,minmax(58px,.4fr)) auto!important}.gs-selected-field:nth-of-type(6),.gs-selected-field:nth-of-type(7){display:none!important}
}
@media(max-width:1440px){
  .gs-appbar{grid-template-columns:195px minmax(260px,1fr) max-content max-content!important}.gs-workspace-name{display:none!important}.gs-workspace-popover{left:200px!important}
  .gs-toolbar{grid-template-columns:max-content minmax(360px,1fr) max-content!important;overflow-x:auto!important}.gs-team-panel{grid-template-columns:88px minmax(0,1fr)!important}.gs-team-panel .worker-chip{flex:0 0 148px!important}
}
@media(max-width:1180px){
  .gs-appbar{grid-template-columns:185px minmax(220px,1fr) auto!important}.gs-collaborators{display:none!important}.gs-appbar-actions .future-header-tools{display:none!important}
  .gs-menubar{overflow-x:auto!important}.gs-primary-nav{min-width:max-content}.gs-toolbar{grid-template-columns:max-content minmax(420px,1fr) max-content!important}.gs-metric-strip{overflow-x:auto!important}.gs-metric-strip .future-kpi-ribbon{min-width:920px!important}
  .gs-team-panel{grid-template-columns:78px minmax(0,1fr)!important}.gs-team-panel-head b{font-size:9px!important}.gs-grid-wrap{max-height:calc(100vh - var(--gs-live-header-height,190px) - 50px)!important}
}
@media(max-width:900px){
  .gs-appbar{grid-template-columns:165px minmax(180px,1fr) auto!important}.gs-brand-copy b{font-size:12px!important}.gs-appbar-actions .gs-icon-button{display:none!important}.gs-user-menu>summary{min-width:38px!important}.gs-user-menu>summary>span:not(.gs-user-avatar){display:none!important}.gs-user-menu>summary>.gs-user-avatar{display:inline-flex!important}
  .gs-metric-strip .future-kpi-ribbon{min-width:860px!important;grid-template-columns:1fr 1fr!important}
  .gs-toolbar{display:flex!important;overflow-x:auto!important}.gs-toolbar-filters{min-width:520px!important}.gs-density-tools{margin-left:auto}.gs-team-panel{display:block!important;max-height:96px!important}.gs-team-panel-head{height:22px!important}.gs-team-panel-head>span{flex-direction:row!important}.gs-team-panel .future-team-strip{height:44px!important}.gs-team-panel.is-collapsed{max-height:0!important}
  .gs-selected-order-bar{display:flex!important;overflow-x:auto!important;gap:10px!important}.gs-selected-main{min-width:180px}.gs-selected-field{min-width:64px}.gs-selected-actions{margin-left:auto}
}
@media(max-width:680px){
  .gs-appbar{grid-template-columns:42px minmax(170px,1fr) auto!important}.gs-brand-copy{display:none!important}.gs-global-search input{font-size:10px!important}.gs-primary-nav a{padding:0 8px!important}.gs-primary-nav a span{display:none}.gs-primary-nav a svg{width:17px!important;height:17px!important}.gs-menu-actions{margin-left:auto}.gs-filter-button span,.gs-admin-controls>summary span{display:none}
}

/* =====================================================================
   V3.28.82 LIVE CALLING FINALIZATION
   Compact header geometry, safe popovers, team presence and footer.
   ===================================================================== */
body.gs-workspace{--gs-mobile-width:132px;--gs-name-width:120px;--gs-live-header-height:154px}
.gs-shell{isolation:isolate!important;overflow:visible!important}
.gs-appbar{height:54px!important;min-height:54px!important;gap:7px!important;padding:5px 9px!important;overflow:visible!important}
.gs-brand{flex:0 0 185px!important;min-width:185px!important}.gs-appbar .gs-primary-nav{flex:0 0 auto!important}.gs-appbar .gs-primary-nav a{height:34px!important;padding:0 8px!important;font-size:10px!important}
.gs-global-search{display:flex!important;align-items:center!important;flex:1 1 260px!important;min-width:170px!important;max-width:540px!important;height:36px!important;padding:0 10px!important;border:1px solid #dce5ef!important;border-radius:9px!important;background:#f8fafc!important;box-shadow:inset 0 1px 2px rgba(15,23,42,.025)!important}
.gs-global-search>span{color:#64748b!important;font-size:15px!important;font-weight:900!important}.gs-global-search>input[name="q"]{width:100%!important;height:32px!important;padding:0 7px!important;border:0!important;outline:0!important;background:transparent!important;color:#172033!important;font:750 10.5px/1.2 Inter,ui-sans-serif,system-ui!important}.gs-global-search>input[name="q"]::placeholder{color:#8b98aa!important}
.gs-collaborators{margin-left:0!important}.gs-team-toggle{min-width:120px!important;background:#fff!important}
.gs-appbar-actions{position:relative!important}.gs-clear-active-form{display:block!important;margin:0!important}.gs-clear-active-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:36px!important;padding:0 9px!important;border:1px solid #fecaca!important;border-radius:9px!important;background:#fff7f7!important;color:#b42318!important;font-size:8.5px!important;font-weight:900!important;white-space:nowrap!important;cursor:pointer!important}.gs-clear-active-button:hover{background:#fee2e2!important;border-color:#fda4af!important}.gs-clear-active-button svg{width:13px!important;height:13px!important}
.gs-appbar .future-time-card,.gs-appbar .future-working-card{min-width:88px!important;height:36px!important}.gs-appbar .future-time-card small,.gs-appbar .future-working-card small{font-size:7px!important}.gs-appbar .future-time-card b,.gs-appbar .future-working-card b{font-size:10.5px!important}
.gs-user-menu,.gs-admin-controls{position:relative!important}.gs-user-menu>summary{min-width:112px!important;cursor:pointer!important;list-style:none!important}.gs-user-menu>summary::-webkit-details-marker,.gs-admin-controls>summary::-webkit-details-marker{display:none!important}
.gs-user-menu .future-user-popover{position:absolute!important;top:44px!important;right:0!important;left:auto!important;z-index:1600!important;display:flex!important;flex-direction:column!important;width:260px!important;min-width:260px!important;max-width:calc(100vw - 20px)!important;padding:10px!important;border:1px solid #dce5ef!important;border-radius:12px!important;background:#fff!important;color:#172033!important;box-shadow:0 22px 54px rgba(15,23,42,.24)!important;overflow:hidden!important;transform:none!important}
.future-user-popover-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:8px!important;margin-bottom:6px!important;border-radius:9px!important;background:#f5f8fc!important}.future-user-popover-head b{display:block!important;font-size:12px!important}.future-user-popover-head small{display:block!important;margin-top:3px!important;font-size:8px!important;color:#64748b!important}.future-user-popover-head>span{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:8px!important;color:#15803d!important;font-weight:900!important}.future-user-popover a,.future-user-popover button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;height:36px!important;padding:0 9px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#334155!important;font-size:10px!important;font-weight:850!important;text-decoration:none!important;cursor:pointer!important}.future-user-popover a:hover,.future-user-popover button:hover{background:#eef4fd!important;color:#1769d1!important}.future-user-popover svg{width:15px!important;height:15px!important}.future-user-popover form{width:100%!important;margin:4px 0 0!important;padding-top:5px!important;border-top:1px solid #e5ebf2!important}.future-user-popover form button{color:#b42318!important}

.gs-toolbar{grid-template-columns:max-content minmax(420px,720px) minmax(max-content,1fr)!important;min-height:46px!important;height:46px!important}.gs-toolbar-metrics{max-width:720px!important}.gs-toolbar-metrics .future-kpi-card{height:34px!important;min-height:34px!important;background:#fff!important}.gs-toolbar-metrics .module-processing{border:1px solid #bfdbfe!important;border-left:3px solid #2563eb!important}.gs-toolbar-metrics .module-abd{border:1px solid #bbf7d0!important;border-left:3px solid #16a34a!important}.gs-toolbar-metrics .future-kpi-heading{flex-basis:58px!important;width:58px!important;min-width:58px!important}.gs-toolbar-metrics .future-kpi-heading strong{font-size:9px!important;white-space:nowrap!important}.gs-toolbar-metrics .header-performance-chip{height:26px!important}.gs-toolbar-metrics .header-performance-chip small{font-size:5.5px!important}.gs-toolbar-metrics .header-performance-chip b{font-size:9.5px!important}
.gs-toolbar-utilities{min-width:0!important}.gs-admin-controls>summary{display:inline-flex!important;align-items:center!important;gap:5px!important;cursor:pointer!important;list-style:none!important}.gs-admin-controls .future-admin-popover{position:fixed!important;top:104px!important;right:12px!important;left:auto!important;z-index:1550!important;display:block!important;width:min(820px,calc(100vw - 24px))!important;max-height:calc(100vh - 128px)!important;padding:12px!important;border:1px solid #d8e3ef!important;border-radius:13px!important;background:#fff!important;color:#172033!important;box-shadow:0 24px 64px rgba(15,23,42,.24)!important;overflow:auto!important;transform:none!important}.future-admin-popover-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important;padding:9px 10px!important;border-radius:9px!important;background:#f4f7fb!important}.future-admin-popover-head strong{display:block!important;font-size:13px!important}.future-admin-popover-head small{display:block!important;margin-top:2px!important;font-size:9px!important;color:#64748b!important}.admin-header-menu-panel{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.admin-header-menu-panel section{padding:9px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fbfdff!important}.admin-header-menu-panel section>strong{display:block!important;margin-bottom:7px!important;font-size:9px!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.06em!important}.admin-header-menu-panel section>div{display:grid!important;gap:4px!important}.admin-menu-link{display:flex!important;align-items:center!important;gap:6px!important;min-height:30px!important;padding:0 7px!important;border-radius:7px!important;color:#334155!important;font-size:9.5px!important;font-weight:800!important;text-decoration:none!important}.admin-menu-link:hover,.admin-menu-link.is-active{background:#eaf2ff!important;color:#1769d1!important}

.order-filter-panel.gs-filter-popover-open{position:fixed!important;top:104px!important;right:12px!important;left:12px!important;z-index:1500!important;display:block!important;max-height:calc(100vh - 128px)!important;margin:0!important;padding:0!important;border:1px solid #d9e3ee!important;border-radius:13px!important;background:#fff!important;box-shadow:0 24px 64px rgba(15,23,42,.24)!important;overflow:auto!important}.order-filter-panel.gs-filter-popover-open>.card{margin:0!important;border:0!important;box-shadow:none!important}.order-filter-panel.is-collapsed:not(.gs-filter-popover-open){display:none!important}

.gs-team-panel{grid-template-columns:102px minmax(0,1fr)!important;height:58px!important;min-height:58px!important;max-height:58px!important}.gs-team-panel-head{height:46px!important}.gs-live-team-title{display:grid!important;grid-template-columns:9px auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:6px!important}.gs-live-team-title>i{grid-row:1/-1!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#16a34a!important;box-shadow:0 0 0 5px rgba(22,163,74,.11)!important;animation:gsLivePulse 1.7s ease-in-out infinite!important}.gs-live-team-title>b{font-size:9.5px!important}.gs-live-team-title>small{display:block!important;font-size:6.5px!important;color:#64748b!important;white-space:nowrap!important}@keyframes gsLivePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.42;transform:scale(.72)}}
.gs-team-panel .worker-chip{flex-basis:162px!important;width:162px!important;min-width:162px!important;max-width:162px!important;height:46px!important;min-height:46px!important}.gs-team-panel .worker-avatar{width:32px!important;height:32px!important;min-width:32px!important}.gs-team-panel .worker-last-activity{font-size:7.4px!important}.gs-team-panel .worker-role-admin .worker-last-activity{color:#7c3aed!important;font-weight:900!important}

.bulk-delete-floating,.abd-bulk-delete-floating{position:fixed!important;right:18px!important;bottom:58px!important;left:auto!important;top:auto!important;z-index:1450!important;display:flex!important;align-items:center!important;gap:10px!important;width:auto!important;max-width:calc(100vw - 36px)!important;min-height:46px!important;padding:6px 7px 6px 14px!important;border:1px solid #fecaca!important;border-radius:12px!important;background:#fff!important;box-shadow:0 18px 45px rgba(15,23,42,.22)!important;transform:none!important}.bulk-delete-floating[hidden],.abd-bulk-delete-floating[hidden]{display:none!important}.bulk-delete-floating span{font-size:11px!important;color:#1e3a8a!important;font-weight:900!important}.bulk-delete-floating .btn.red{height:34px!important;padding:0 16px!important;border-radius:9px!important;font-size:10px!important}
.gs-grid-footer{grid-template-columns:max-content minmax(120px,1fr) max-content max-content!important}.gs-footer-pagination{justify-self:end!important;justify-content:flex-end!important}.gs-footer-limit{justify-self:end!important}

.crm-notification-stack{position:fixed!important;right:18px!important;bottom:18px!important;z-index:1800!important;display:flex!important;flex-direction:column!important;gap:10px!important;width:min(390px,calc(100vw - 28px))!important;pointer-events:none!important}.crm-import-notification{pointer-events:auto!important}.crm-import-notification.presence-notification{border:1px solid #dbe7f3!important;background:#fff!important}.crm-import-notification.user_login{box-shadow:inset 4px 0 0 #16a34a,0 16px 38px rgba(15,23,42,.18)!important}.crm-import-notification.user_logout{box-shadow:inset 4px 0 0 #64748b,0 16px 38px rgba(15,23,42,.18)!important}.crm-import-notification .crm-import-icon.has-avatar{background-size:cover!important;background-position:center!important;border-radius:50%!important;border:2px solid #fff!important;box-shadow:0 0 0 2px #bfdbfe!important}.crm-import-notification.active-clear-notification{box-shadow:inset 4px 0 0 #dc2626,0 16px 38px rgba(15,23,42,.18)!important}

@media(max-width:1580px){.gs-brand{flex-basis:160px!important;min-width:160px!important}.gs-brand-copy b{font-size:12px!important}.gs-appbar .gs-primary-nav a{padding:0 6px!important;font-size:9px!important}.gs-global-search{max-width:340px!important}.gs-clear-active-button span{display:none!important}.gs-clear-active-button{width:36px!important;padding:0!important}.gs-appbar .future-time-card,.gs-appbar .future-working-card{min-width:75px!important}.gs-toolbar{grid-template-columns:max-content minmax(380px,650px) minmax(max-content,1fr)!important}}
@media(max-width:1250px){.gs-global-search{min-width:145px!important}.gs-appbar .gs-primary-nav a svg{display:none!important}.gs-team-toggle>span:first-child{display:none!important}.gs-team-toggle{min-width:84px!important}.gs-appbar .future-time-card small,.gs-appbar .future-working-card small{display:none!important}.gs-admin-controls>summary span{display:none!important}.admin-header-menu-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:980px){.gs-appbar{overflow-x:auto!important;scrollbar-width:none!important}.gs-appbar::-webkit-scrollbar{display:none}.gs-global-search{flex:0 0 220px!important}.gs-toolbar{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.gs-toolbar-metrics{flex:0 0 620px!important}.gs-team-panel{grid-template-columns:88px minmax(0,1fr)!important}.gs-grid-footer{display:flex!important;overflow-x:auto!important}.gs-footer-pagination{margin-left:auto!important}}

/* =====================================================================
   V3.28.81 FINAL CALLING WORKSPACE CONSOLIDATION
   Header, toolbar, team strip and footer presentation only.
   ===================================================================== */
body.gs-workspace{--gs-live-header-height:154px;--gs-blue:#1f6feb;--gs-green:#16a34a;--gs-ink:#172033;--gs-muted:#64748b}
.gs-shell{position:sticky!important;top:0!important;z-index:500!important;background:#fff!important;overflow:visible!important;box-shadow:0 3px 14px rgba(15,23,42,.055)!important}
.gs-appbar{
  display:flex!important;align-items:center!important;width:100%!important;height:52px!important;min-height:52px!important;
  padding:4px 10px!important;gap:8px!important;border-bottom:1px solid #e6ebf2!important;overflow:visible!important
}
.gs-workspace-name,.gs-global-search,.gs-menubar{display:none!important}
.gs-brand{flex:0 0 190px!important;min-width:190px!important;height:42px!important;padding:0!important;gap:8px!important}
.gs-brand .app-logo,.gs-brand .app-brand-logo,.gs-brand img{width:34px!important;height:34px!important;border-radius:10px!important}
.gs-brand-copy b{font-size:14px!important;line-height:1.05!important;color:#172033!important}.gs-brand-copy small{font-size:8px!important;color:#64748b!important;margin-top:3px!important}
.gs-appbar .gs-primary-nav{display:flex!important;align-items:center!important;height:38px!important;gap:2px!important;flex:0 1 auto!important;min-width:0!important}
.gs-appbar .gs-primary-nav a{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;height:34px!important;padding:0 9px!important;gap:5px!important;border-radius:8px!important;color:#475569!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important;text-decoration:none!important}
.gs-appbar .gs-primary-nav a svg{width:14px!important;height:14px!important}.gs-appbar .gs-primary-nav a:hover{background:#f1f6fd!important;color:#1d4ed8!important}.gs-appbar .gs-primary-nav a.is-active{background:#eaf2ff!important;color:#1769d1!important}.gs-appbar .gs-primary-nav a.is-active:after{display:none!important}
.gs-collaborators{display:block!important;flex:0 0 auto!important;margin-left:auto!important}.gs-team-toggle{height:36px!important;min-width:132px!important;border:1px solid #dce5f0!important;background:#f8fafc!important;border-radius:10px!important;padding:3px 7px!important}.gs-team-toggle>span:first-child{display:inline!important;font-size:9px!important;font-weight:900!important;color:#334155!important}
.gs-appbar-actions{display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:6px!important}.gs-appbar-actions>.gs-icon-button{display:none!important}
.gs-appbar .future-header-tools{display:flex!important;align-items:center!important;gap:5px!important}.gs-appbar .future-time-card,.gs-appbar .future-working-card{display:flex!important;align-items:center!important;min-width:82px!important;height:36px!important;padding:3px 7px!important;border:1px solid #e1e8f1!important;border-radius:9px!important;background:#fff!important;gap:5px!important}.gs-appbar .future-time-card small,.gs-appbar .future-working-card small{display:block!important;font-size:6.5px!important;line-height:1!important;letter-spacing:.08em!important;color:#7b8798!important;font-weight:900!important}.gs-appbar .future-time-card b,.gs-appbar .future-working-card b{display:block!important;margin-top:2px!important;font-size:10px!important;line-height:1!important;color:#172033!important;font-weight:900!important}.gs-appbar .future-working-card{background:#f3fbf6!important;border-color:#d2ecda!important}.gs-appbar .future-working-card b{color:#15803d!important}.gs-appbar .future-tool-icon{width:14px!important;height:14px!important;color:#64748b!important}
.gs-user-menu>summary{height:38px!important;min-width:108px!important;padding:2px 6px!important;border:1px solid #dce5f0!important;border-radius:10px!important;background:#fff!important}.gs-user-menu>summary b{font-size:10px!important;color:#172033!important}.gs-user-menu>summary small{font-size:7px!important;color:#64748b!important}.gs-user-avatar{width:30px!important;height:30px!important;min-width:30px!important}

/* One compact action + statistics line. */
.gs-toolbar{display:grid!important;grid-template-columns:max-content minmax(500px,1fr) max-content!important;align-items:center!important;gap:8px!important;min-height:46px!important;height:46px!important;padding:4px 10px!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;overflow:visible!important}
.gs-toolbar-actions,.gs-toolbar-utilities{display:flex!important;align-items:center!important;gap:4px!important}.gs-tool-btn,.gs-filter-button,.gs-admin-controls>summary,.gs-density-control{height:30px!important;min-height:30px!important;border:1px solid #dbe4ef!important;border-radius:7px!important;background:#fff!important;color:#334155!important;font-size:8.5px!important;font-weight:850!important;padding:0 8px!important;box-shadow:none!important;white-space:nowrap!important}.gs-tool-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;cursor:pointer!important}.gs-tool-btn:hover,.gs-filter-button:hover{border-color:#9fc1f3!important;background:#f4f8ff!important;color:#1769d1!important}.gs-tool-btn:disabled,.gs-tool-btn.is-disabled{opacity:.42!important;cursor:not-allowed!important;background:#f3f4f6!important;color:#94a3b8!important}
.gs-toolbar-metrics{display:block!important;min-width:0!important;overflow:hidden!important}.gs-toolbar-metrics .future-kpi-ribbon{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;margin:0!important}.gs-toolbar-metrics .future-kpi-card{display:flex!important;align-items:center!important;height:36px!important;min-height:36px!important;padding:2px 5px!important;border:1px solid #d9e5f3!important;border-radius:8px!important;box-shadow:none!important;overflow:hidden!important}.gs-toolbar-metrics .module-processing{background:#f2f7ff!important;border-left:3px solid #1f6feb!important}.gs-toolbar-metrics .module-abd{background:#f1fbf5!important;border-left:3px solid #16a34a!important}.gs-toolbar-metrics .future-kpi-icon,.gs-toolbar-metrics .future-kpi-heading small,.gs-toolbar-metrics .future-kpi-spark{display:none!important}.gs-toolbar-metrics .future-kpi-main{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;gap:4px!important}.gs-toolbar-metrics .future-kpi-heading{flex:0 0 34px!important;width:34px!important;min-width:34px!important}.gs-toolbar-metrics .future-kpi-heading strong{font-size:10px!important;color:#172033!important}.gs-toolbar-metrics .header-performance-values{display:grid!important;grid-template-columns:repeat(7,minmax(28px,1fr))!important;gap:1px!important;flex:1!important;min-width:0!important}.gs-toolbar-metrics .header-performance-chip{height:28px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:1px 2px!important;border:0!important;border-left:1px solid rgba(148,163,184,.23)!important;background:transparent!important}.gs-toolbar-metrics .header-performance-chip small{font-size:5.8px!important;line-height:1!important;letter-spacing:.025em!important;color:#718096!important;font-weight:850!important}.gs-toolbar-metrics .header-performance-chip b{font-size:10px!important;line-height:1.1!important;font-weight:950!important}
.gs-density-control{display:flex!important;align-items:center!important;gap:5px!important;padding-right:3px!important}.gs-density-control span{font-size:7px!important;color:#64748b!important}.gs-density-control select{height:24px!important;border:0!important;background:transparent!important;padding:0 20px 0 2px!important;font-size:8px!important;font-weight:900!important}.gs-toolbar-utilities{justify-content:flex-end!important}.gs-filter-button svg,.gs-admin-controls>summary svg{width:13px!important;height:13px!important}.gs-filter-button b{font-size:7px!important;background:#1769d1!important;color:#fff!important;border-radius:9px!important;padding:1px 4px!important}
.gs-date-picker{position:relative!important}.gs-date-picker>summary{list-style:none!important}.gs-date-picker>summary::-webkit-details-marker{display:none}.gs-date-popover{position:absolute!important;top:36px!important;left:0!important;z-index:900!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:286px!important;padding:10px!important;border:1px solid #d9e2ee!important;border-radius:10px!important;background:#fff!important;box-shadow:0 16px 40px rgba(15,23,42,.18)!important}.gs-date-popover label{display:flex!important;flex-direction:column!important;gap:4px!important}.gs-date-popover label span{font-size:8px!important;color:#64748b!important;font-weight:850!important}.gs-date-popover input{height:32px!important;border:1px solid #d9e2ee!important;border-radius:7px!important;padding:0 7px!important;font-size:10px!important}.gs-date-popover button{grid-column:1/-1!important;height:32px!important;border:0!important;border-radius:7px!important;background:#1769d1!important;color:#fff!important;font-size:9px!important;font-weight:900!important;cursor:pointer!important}

/* Full team strip: no clipping, no View All, hidden scrollbar with wheel/drag. */
.gs-team-panel{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;width:100%!important;height:56px!important;min-height:56px!important;max-height:56px!important;padding:5px 10px!important;background:#fff!important;border-bottom:1px solid #e1e8f0!important;overflow:hidden!important}
.gs-team-panel.is-collapsed{display:none!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important}.gs-team-panel-head{height:44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;min-width:0!important}.gs-team-panel-head>span{display:block!important}.gs-team-panel-head b{display:block!important;font-size:9px!important;color:#263449!important}.gs-team-panel-head small{display:none!important}.gs-team-panel-head button{height:20px!important;padding:0 5px!important;border:0!important;border-radius:5px!important;background:#f1f5f9!important;color:#64748b!important;font-size:7px!important;cursor:pointer!important}
.gs-team-panel .future-team-strip{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;height:46px!important;min-height:46px!important;padding:1px 0!important;border:0!important;background:transparent!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;overscroll-behavior-inline:contain!important;cursor:grab!important}.gs-team-panel .future-team-strip::-webkit-scrollbar{display:none!important}.gs-team-panel .future-team-strip.is-dragging{cursor:grabbing!important;user-select:none!important;scroll-behavior:auto!important}.gs-team-panel .team-view-all-card{display:none!important}
.gs-team-panel .worker-chip{flex:0 0 158px!important;width:158px!important;min-width:158px!important;max-width:158px!important;height:44px!important;min-height:44px!important;padding:5px 7px!important;gap:7px!important;border:1px solid #dfe6ef!important;border-radius:9px!important;background:#fff!important;box-shadow:0 2px 6px rgba(15,23,42,.035)!important;opacity:1!important;overflow:hidden!important;text-decoration:none!important}.gs-team-panel .worker-avatar{width:30px!important;height:30px!important;min-width:30px!important;filter:none!important;opacity:1!important}.gs-team-panel .worker-chip-meta{display:flex!important;flex:1!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;min-width:0!important;overflow:hidden!important}.gs-team-panel .worker-name-row,.gs-team-panel .worker-card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;width:100%!important;min-width:0!important;overflow:hidden!important}.gs-team-panel .worker-name-row b{font-size:9px!important;line-height:1!important;color:#172033!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.gs-team-panel .presence-state{display:inline-flex!important;align-items:center!important;height:15px!important;padding:0 5px!important;border-radius:8px!important;font-size:6px!important;line-height:1!important;font-weight:950!important;flex:0 0 auto!important}.gs-team-panel .worker-role-line{display:none!important}.gs-team-panel .worker-last-activity{font-size:7.5px!important;line-height:1!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.gs-team-panel .live-timer{display:inline-flex!important;align-items:center!important;height:15px!important;padding:0 5px!important;border-radius:8px!important;background:#dcfce7!important;color:#166534!important;font-size:7px!important;font-weight:950!important;flex:0 0 auto!important}.gs-team-panel .worker-state-working{background:#effcf4!important;border-color:#5bc77d!important;box-shadow:inset 3px 0 0 #16a34a,0 2px 7px rgba(22,163,74,.08)!important}.gs-team-panel .worker-state-working .presence-state{background:#16a34a!important;color:#fff!important}.gs-team-panel .worker-state-idle{background:#fffaf0!important;border-color:#f3c86b!important;box-shadow:inset 3px 0 0 #e8a317!important}.gs-team-panel .worker-state-idle .presence-state{background:#fef3c7!important;color:#9a6500!important}.gs-team-panel .worker-state-offline{background:#fff!important;border-color:#e2e8f0!important;color:#334155!important}.gs-team-panel .worker-state-offline .worker-avatar{filter:grayscale(.32)!important;opacity:.78!important}.gs-team-panel .worker-state-offline .presence-state{background:#f1f5f9!important;color:#64748b!important}.gs-team-panel .worker-self{border-color:#6ea2f2!important;background:#f3f7ff!important}

/* One footer contains only Processing/ABD and complete pagination. */
body.gs-workspace .calling-pagination-card{display:none!important}.gs-grid-footer{position:sticky!important;bottom:0!important;z-index:100!important;display:grid!important;grid-template-columns:max-content minmax(130px,.55fr) max-content max-content!important;align-items:center!important;gap:12px!important;width:100%!important;height:46px!important;min-height:46px!important;padding:5px 9px!important;border:1px solid #dfe6ef!important;border-top:0!important;border-radius:0 0 9px 9px!important;background:#fff!important;box-shadow:0 -5px 16px rgba(15,23,42,.045)!important;overflow:visible!important}.gs-footer-modules{display:flex!important;align-items:center!important;gap:3px!important}.gs-footer-modules a{height:34px!important;padding:0 12px!important;font-size:9px!important;font-weight:850!important}.gs-footer-summary{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;color:#64748b!important;font-size:8px!important}.gs-footer-summary b{color:#172033!important;font-size:9px!important}.gs-footer-summary small{margin-left:4px!important;color:#94a3b8!important;white-space:nowrap!important}.gs-footer-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important}.gs-footer-pagination a,.gs-footer-pagination span{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;min-width:30px!important;border:1px solid #dfe6ef!important;border-radius:7px!important;background:#fff!important;color:#475569!important;text-decoration:none!important;font-size:8.5px!important;font-weight:850!important;padding:0 7px!important}.gs-footer-pagination .gs-page-number.is-current{background:#172033!important;border-color:#172033!important;color:#fff!important}.gs-footer-pagination .gs-page-gap{border-color:transparent!important;min-width:20px!important;padding:0!important}.gs-footer-pagination .is-disabled{opacity:.38!important;background:#f8fafc!important;cursor:not-allowed!important}.gs-footer-limit{display:flex!important;align-items:center!important;gap:5px!important;font-size:8px!important;color:#64748b!important}.gs-footer-limit select{height:30px!important;min-width:54px!important;border:1px solid #dfe6ef!important;border-radius:7px!important;padding:0 20px 0 7px!important;font-size:8.5px!important;font-weight:850!important;background:#fff!important}

/* Selected order remains compact and never collides with the inline workspace. */
.gs-selected-order-bar{position:relative!important;z-index:20!important;grid-template-columns:minmax(170px,1fr) repeat(4,minmax(58px,.42fr)) auto!important;gap:6px!important;min-height:46px!important;padding:5px 9px!important;border-top:0!important}.gs-selected-field:nth-of-type(6),.gs-selected-field:nth-of-type(7){display:none!important}.gs-selected-actions{gap:3px!important}.gs-selected-actions button{height:27px!important;padding:0 6px!important;font-size:7px!important}

@media(max-width:1560px){
  .gs-brand{flex-basis:176px!important;min-width:176px!important}.gs-appbar .gs-primary-nav a{padding:0 7px!important;font-size:9px!important}.gs-team-toggle{min-width:112px!important}.gs-team-toggle>span:first-child{display:none!important}.gs-appbar .future-time-card,.gs-appbar .future-working-card{min-width:76px!important}.gs-user-menu>summary{min-width:96px!important}
  .gs-toolbar{grid-template-columns:max-content minmax(460px,1fr) max-content!important}.gs-tool-btn{padding:0 6px!important}.gs-toolbar-metrics .header-performance-chip small{font-size:5.4px!important}
}
@media(max-width:1260px){
  .gs-appbar{overflow-x:auto!important;scrollbar-width:none!important}.gs-appbar::-webkit-scrollbar{display:none!important}.gs-brand{flex-basis:164px!important;min-width:164px!important}.gs-brand-copy b{font-size:12px!important}.gs-appbar .gs-primary-nav{flex:0 0 auto!important}.gs-appbar .gs-primary-nav a{padding:0 6px!important}.gs-collaborators{margin-left:0!important}.gs-appbar .future-header-tools{display:none!important}
  .gs-toolbar{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.gs-toolbar::-webkit-scrollbar{display:none!important}.gs-toolbar-actions{flex:0 0 auto!important}.gs-toolbar-metrics{flex:1 0 580px!important}.gs-toolbar-utilities{flex:0 0 auto!important}
  .gs-grid-footer{grid-template-columns:max-content max-content 1fr max-content!important}.gs-footer-summary small{display:none!important}
}
@media(max-width:900px){
  .gs-brand{flex-basis:48px!important;min-width:48px!important}.gs-brand-copy{display:none!important}.gs-appbar .gs-primary-nav a span{display:none!important}.gs-appbar .gs-primary-nav a svg{width:17px!important;height:17px!important}.gs-collaborators{margin-left:auto!important}.gs-user-menu>summary{min-width:40px!important}.gs-user-menu>summary>span:not(.gs-user-avatar){display:none!important}
  .gs-team-panel{grid-template-columns:68px minmax(0,1fr)!important}.gs-team-panel .worker-chip{flex-basis:148px!important;width:148px!important;min-width:148px!important}.gs-toolbar-metrics{flex-basis:540px!important}
  .gs-grid-footer{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.gs-footer-summary{display:none!important}.gs-footer-pagination{min-width:max-content!important}.gs-footer-limit{margin-left:auto!important}
}