/* INF Rescue v5.9.162.22.7.11 - Closing Team Lead V2 */ #closingTeamLeadV2{ --ctl-red:#cc0000; --ctl-red-dark:#9f0000; --ctl-green:#177a3d; --ctl-amber:#a15c00; --ctl-blue:#2368c4; --ctl-risk:#b42318; --ctl-border:var(--schedule-border,#d7dee8); --ctl-panel:var(--schedule-surface,#fff); --ctl-soft:var(--schedule-panel,#f3f6fa); --ctl-text:var(--schedule-text,#18202c); --ctl-muted:var(--schedule-muted,#5f6d80); color:var(--ctl-text); } #closingTeamLeadV2 .ctl-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px} #closingTeamLeadV2 .ctl-page-head h2{margin:2px 0 5px} #closingTeamLeadV2 .ctl-head-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end} #closingTeamLeadV2 .ctl-subnav{display:flex;gap:7px;overflow:auto;padding:2px 0 14px;scrollbar-width:thin} #closingTeamLeadV2 .ctl-subnav button{flex:0 0 auto;border:1px solid var(--ctl-border);background:var(--ctl-panel);color:var(--ctl-text);border-radius:999px;padding:9px 12px;font-weight:850} #closingTeamLeadV2 .ctl-subnav button.active{background:var(--ctl-red);border-color:var(--ctl-red);color:#fff} #closingTeamLeadV2 .ctl-view{display:none} #closingTeamLeadV2 .ctl-view.active{display:block} #closingTeamLeadV2 .ctl-card{margin:0 0 14px;padding:16px;border:1px solid var(--ctl-border);border-radius:16px;background:var(--ctl-panel);box-shadow:0 5px 18px rgba(15,23,42,.05)} #closingTeamLeadV2 .ctl-card h3{margin:0 0 8px} #closingTeamLeadV2 .ctl-card p{line-height:1.45} #closingTeamLeadV2 .ctl-card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px} #closingTeamLeadV2 .ctl-grid{display:grid;gap:12px} #closingTeamLeadV2 .ctl-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))} #closingTeamLeadV2 .ctl-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))} #closingTeamLeadV2 .ctl-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))} #closingTeamLeadV2 label{display:grid;gap:5px;font-size:.82rem;font-weight:850;color:var(--ctl-muted);letter-spacing:.01em} #closingTeamLeadV2 input,#closingTeamLeadV2 select,#closingTeamLeadV2 textarea{ width:100%;min-width:0;border:1px solid var(--ctl-border);border-radius:11px;background:var(--ctl-panel);color:var(--ctl-text);padding:10px 11px;font:inherit } #closingTeamLeadV2 textarea{resize:vertical;min-height:78px} #closingTeamLeadV2 .ctl-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:rgba(100,116,139,.1);color:var(--ctl-muted);font-size:.73rem;font-weight:900;white-space:nowrap} #closingTeamLeadV2 .ctl-pill.red{background:rgba(204,0,0,.11);color:var(--ctl-red)} #closingTeamLeadV2 .ctl-pill.green{background:rgba(23,122,61,.12);color:var(--ctl-green)} #closingTeamLeadV2 .ctl-pill.amber{background:rgba(161,92,0,.13);color:var(--ctl-amber)} #closingTeamLeadV2 .ctl-pill.blue{background:rgba(35,104,196,.12);color:var(--ctl-blue)} #closingTeamLeadV2 .ctl-hero{display:grid;grid-template-columns:1.4fr .8fr;gap:14px} #closingTeamLeadV2 .ctl-hero-main{background:linear-gradient(135deg,color-mix(in srgb,var(--ctl-panel) 90%,#fff 10%),color-mix(in srgb,var(--ctl-red) 6%,var(--ctl-panel)));border-left:5px solid var(--ctl-red)} #closingTeamLeadV2 .ctl-phase{font-size:1.75rem;font-weight:950;line-height:1.05;margin:8px 0 5px} #closingTeamLeadV2 .ctl-countdown{font-size:1.2rem;font-weight:900} #closingTeamLeadV2 .ctl-now{font-size:.83rem;color:var(--ctl-muted)} #closingTeamLeadV2 .ctl-score-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center} #closingTeamLeadV2 .ctl-score{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;border:9px solid rgba(100,116,139,.16);font-size:1.9rem;font-weight:950} #closingTeamLeadV2 .ctl-score.good{border-color:rgba(23,122,61,.32);color:var(--ctl-green)} #closingTeamLeadV2 .ctl-score.watch{border-color:rgba(161,92,0,.35);color:var(--ctl-amber)} #closingTeamLeadV2 .ctl-score.risk{border-color:rgba(180,35,24,.36);color:var(--ctl-risk)} #closingTeamLeadV2 .ctl-attention-list{display:grid;gap:8px} #closingTeamLeadV2 .ctl-attention{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:11px;border:1px solid var(--ctl-border);border-radius:12px;background:var(--ctl-soft)} #closingTeamLeadV2 .ctl-attention .dot{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#64748b} #closingTeamLeadV2 .ctl-attention.risk .dot{background:var(--ctl-risk)} #closingTeamLeadV2 .ctl-attention.watch .dot{background:var(--ctl-amber)} #closingTeamLeadV2 .ctl-attention.good .dot{background:var(--ctl-green)} #closingTeamLeadV2 .ctl-attention strong{display:block} #closingTeamLeadV2 .ctl-attention small{display:block;margin-top:2px;color:var(--ctl-muted);line-height:1.35} #closingTeamLeadV2 .ctl-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #closingTeamLeadV2 .ctl-status{padding:13px;border:1px solid var(--ctl-border);border-radius:14px;background:var(--ctl-panel)} #closingTeamLeadV2 .ctl-status-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start} #closingTeamLeadV2 .ctl-status strong{font-size:.92rem} #closingTeamLeadV2 .ctl-status select{margin-top:10px;font-weight:850} #closingTeamLeadV2 .ctl-status.good{border-left:5px solid var(--ctl-green)} #closingTeamLeadV2 .ctl-status.watch{border-left:5px solid var(--ctl-amber)} #closingTeamLeadV2 .ctl-status.risk{border-left:5px solid var(--ctl-risk)} #closingTeamLeadV2 .ctl-status.unknown{border-left:5px solid #64748b} #closingTeamLeadV2 .ctl-next-card{border-left:5px solid var(--ctl-blue)} #closingTeamLeadV2 .ctl-button-row{display:flex;flex-wrap:wrap;gap:8px} #closingTeamLeadV2 .ctl-btn{border:1px solid var(--ctl-border);border-radius:10px;padding:9px 12px;background:var(--ctl-panel);color:var(--ctl-text);font-weight:850;cursor:pointer} #closingTeamLeadV2 .ctl-btn.primary{background:var(--ctl-red);border-color:var(--ctl-red);color:#fff} #closingTeamLeadV2 .ctl-btn.primary:hover{background:var(--ctl-red-dark)} #closingTeamLeadV2 .ctl-btn.danger{border-color:rgba(180,35,24,.35);color:var(--ctl-risk)} #closingTeamLeadV2 .ctl-btn.small{padding:7px 10px;font-size:.82rem} #closingTeamLeadV2 .ctl-progress{height:10px;border-radius:999px;background:rgba(100,116,139,.14);overflow:hidden;margin:10px 0 14px} #closingTeamLeadV2 .ctl-progress>span{display:block;height:100%;background:var(--ctl-red);width:0;transition:width .2s} #closingTeamLeadV2 .ctl-check-group{border:1px solid var(--ctl-border);border-radius:14px;overflow:hidden;margin-bottom:12px;background:var(--ctl-panel)} #closingTeamLeadV2 .ctl-check-group>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 15px;font-weight:900;background:var(--ctl-soft)} #closingTeamLeadV2 .ctl-check-group>summary::-webkit-details-marker{display:none} #closingTeamLeadV2 .ctl-check-items{display:grid} #closingTeamLeadV2 .ctl-check-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:11px 14px;border-top:1px solid var(--ctl-border);color:var(--ctl-text);font-weight:650;font-size:.91rem} #closingTeamLeadV2 .ctl-check-item input{width:auto;margin:2px 0 0} #closingTeamLeadV2 .ctl-check-item.done span{text-decoration:line-through;color:var(--ctl-muted)} #closingTeamLeadV2 .ctl-timeline{display:grid;gap:9px} #closingTeamLeadV2 .ctl-timeline-step{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:start;padding:12px;border-left:4px solid #94a3b8;border-radius:0 12px 12px 0;background:var(--ctl-soft)} #closingTeamLeadV2 .ctl-timeline-step.current{border-left-color:var(--ctl-red);background:color-mix(in srgb,var(--ctl-red) 6%,var(--ctl-soft))} #closingTeamLeadV2 .ctl-timeline-step.complete{border-left-color:var(--ctl-green)} #closingTeamLeadV2 .ctl-timeline-time{font-weight:900} #closingTeamLeadV2 .ctl-team-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px} #closingTeamLeadV2 .ctl-team-list{display:grid;gap:10px} #closingTeamLeadV2 .ctl-person{border:1px solid var(--ctl-border);border-radius:14px;padding:12px;background:var(--ctl-panel)} #closingTeamLeadV2 .ctl-person.calloff{opacity:.65;border-left:5px solid var(--ctl-risk)} #closingTeamLeadV2 .ctl-person-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start} #closingTeamLeadV2 .ctl-person-name{font-weight:950;font-size:1rem} #closingTeamLeadV2 .ctl-person-meta{margin-top:3px;color:var(--ctl-muted);font-size:.82rem} #closingTeamLeadV2 .ctl-person-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px} #closingTeamLeadV2 .ctl-person-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} #closingTeamLeadV2 .ctl-flex-badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:rgba(35,104,196,.12);color:var(--ctl-blue);font-size:.7rem;font-weight:900} #closingTeamLeadV2 .ctl-empty{padding:18px;border:1px dashed var(--ctl-border);border-radius:12px;color:var(--ctl-muted);text-align:center} #closingTeamLeadV2 .ctl-knowledge details{border:1px solid var(--ctl-border);border-radius:13px;margin-bottom:9px;background:var(--ctl-panel);overflow:hidden} #closingTeamLeadV2 .ctl-knowledge summary{padding:13px 15px;cursor:pointer;font-weight:900} #closingTeamLeadV2 .ctl-knowledge .inside{padding:0 15px 14px;line-height:1.5} #closingTeamLeadV2 .ctl-warning{border-left:5px solid var(--ctl-amber);background:color-mix(in srgb,#f59e0b 7%,var(--ctl-panel))} #closingTeamLeadV2 .ctl-training-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px} #closingTeamLeadV2 .ctl-train-item{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:9px 0;border-bottom:1px solid var(--ctl-border);font-size:.9rem} #closingTeamLeadV2 .ctl-train-item:last-child{border-bottom:0} #closingTeamLeadV2 .ctl-train-item input{width:auto;margin:2px 0 0} #closingTeamLeadV2 .ctl-scenario-option{width:100%;text-align:left;margin-top:7px} #closingTeamLeadV2 .ctl-scenario-result{margin-top:12px;padding:12px;border-radius:12px;background:var(--ctl-soft);line-height:1.45} #closingTeamLeadV2 .ctl-handoff-output{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem} #closingTeamLeadV2 .ctl-note{font-size:.8rem;color:var(--ctl-muted)} #closingTeamLeadV2 .ctl-divider{height:1px;background:var(--ctl-border);margin:14px 0} #closingTeamLeadV2 .ctl-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} #closingTeamLeadV2 .ctl-kpi{padding:11px;border-radius:12px;background:var(--ctl-soft)} #closingTeamLeadV2 .ctl-kpi span{display:block;font-size:.69rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ctl-muted);font-weight:850} #closingTeamLeadV2 .ctl-kpi strong{display:block;margin-top:3px;font-size:1.2rem} #closingTeamLeadV2 .ctl-toast{position:fixed;right:16px;bottom:20px;z-index:9999;max-width:min(420px,calc(100vw - 32px));padding:11px 14px;border-radius:12px;background:#111827;color:#fff;font-weight:750;box-shadow:0 10px 35px rgba(0,0,0,.3)} body.dark-mode #closingTeamLeadV2 .ctl-score-card, body.dark-mode #closingTeamLeadV2 .ctl-card{box-shadow:0 6px 18px rgba(0,0,0,.18)} @media(max-width:900px){ #closingTeamLeadV2 .ctl-grid.three,#closingTeamLeadV2 .ctl-grid.four,#closingTeamLeadV2 .ctl-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #closingTeamLeadV2 .ctl-hero{grid-template-columns:1fr} } @media(max-width:650px){ #closingTeamLeadV2 .ctl-page-head{display:block} #closingTeamLeadV2 .ctl-head-actions{justify-content:flex-start;margin-top:10px} #closingTeamLeadV2 .ctl-grid.two,#closingTeamLeadV2 .ctl-grid.three,#closingTeamLeadV2 .ctl-grid.four,#closingTeamLeadV2 .ctl-status-grid,#closingTeamLeadV2 .ctl-training-columns{grid-template-columns:1fr} #closingTeamLeadV2 .ctl-timeline-step{grid-template-columns:78px 1fr} #closingTeamLeadV2 .ctl-timeline-step>.ctl-pill{grid-column:2} #closingTeamLeadV2 .ctl-person-grid{grid-template-columns:1fr} #closingTeamLeadV2 .ctl-kpi-grid{grid-template-columns:1fr 1fr} #closingTeamLeadV2 .ctl-btn{min-height:44px} } /* v5.9.162.21 Tonight expansion */ #closingTeamLeadV2 .ctl-tonight-top{align-items:start} #closingTeamLeadV2 .ctl-tonight-field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} #closingTeamLeadV2 .ctl-tonight-field-grid label{display:grid;gap:6px} #closingTeamLeadV2 .ctl-tonight-field-grid label>span{font-weight:900;font-size:.82rem} #closingTeamLeadV2 .ctl-tonight-field-grid textarea{min-height:82px;resize:vertical} #closingTeamLeadV2 .ctl-night-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #closingTeamLeadV2 .ctl-night-check{display:flex;align-items:flex-start;gap:9px;min-height:48px;padding:10px 11px;border:1px solid var(--ctl-border,#d7dee8);border-radius:11px;background:var(--ctl-soft,#f3f6fa);cursor:pointer} #closingTeamLeadV2 .ctl-night-check input[type="checkbox"]{ appearance:auto; -webkit-appearance:checkbox; width:18px!important; height:18px!important; min-width:18px!important; max-width:18px!important; min-height:18px!important; padding:0!important; margin:1px 0 0!important; border-radius:3px!important; flex:0 0 18px!important; align-self:flex-start; accent-color:#cc0000; } #closingTeamLeadV2 .ctl-night-check span{ display:block; min-width:0; width:auto; line-height:1.35; font-weight:800; overflow-wrap:anywhere; word-break:normal; } #closingTeamLeadV2 .ctl-night-check.done{opacity:.62} #closingTeamLeadV2 .ctl-night-check.done span{text-decoration:line-through;text-decoration-thickness:2px} #closingTeamLeadV2 .ctl-pfill-order{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px} #closingTeamLeadV2 .ctl-pfill-order span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--ctl-soft,#f3f6fa);border:1px solid var(--ctl-border,#d7dee8);font-size:1.05rem;font-weight:950} #closingTeamLeadV2 .ctl-security-list{display:grid;gap:9px} #closingTeamLeadV2 .ctl-security-list>div{display:grid;grid-template-columns:18px 70px 1fr;gap:9px;align-items:center;padding:10px 11px;border:1px solid var(--ctl-border,#d7dee8);border-radius:11px} #closingTeamLeadV2 .ctl-security-list>div>span{width:14px;height:14px;border-radius:50%} #closingTeamLeadV2 .ctl-security-list .yellow>span{background:#eab308} #closingTeamLeadV2 .ctl-security-list .green>span{background:#16a34a} #closingTeamLeadV2 .ctl-security-list .red>span{background:#dc2626} #closingTeamLeadV2 .ctl-security-list small{color:var(--ctl-muted,#64748b)} @media(max-width:900px){ #closingTeamLeadV2 .ctl-tonight-field-grid{grid-template-columns:1fr 1fr} #closingTeamLeadV2 .ctl-night-checks{grid-template-columns:1fr 1fr} } @media(max-width:600px){ #closingTeamLeadV2 .ctl-tonight-field-grid,#closingTeamLeadV2 .ctl-night-checks{grid-template-columns:1fr} } /* v5.9.162.21.1 — compact Nightly/Alarm checkbox hotfix */ #closingTeamLeadV2 .ctl-night-check{ display:flex!important; grid-template-columns:none!important; align-items:flex-start!important; justify-content:flex-start; min-width:0; min-height:46px; padding:10px 11px; gap:9px; } #closingTeamLeadV2 .ctl-night-checks{ align-items:stretch; } #closingTeamLeadV2 .ctl-night-check.done input[type="checkbox"]{ accent-color:#177a3d; } #closingTeamLeadV2 .ctl-night-check.done span{ color:var(--ctl-muted,#64748b); } /* v5.9.162.21.2 — completion tracking, photos, print documentation */ #closingTeamLeadV2 .ctl-completed-at{ display:block; margin-top:3px; color:var(--ctl-muted,#64748b); font-size:.72rem; font-weight:700; text-decoration:none!important; } #closingTeamLeadV2 .ctl-night-check.done span strong, #closingTeamLeadV2 .ctl-check-item.done span strong{ text-decoration:line-through; text-decoration-thickness:2px; } #closingTeamLeadV2 .ctl-night-check.done span{ text-decoration:none!important; } #closingTeamLeadV2 .ctl-photo-toolbar{ display:grid; grid-template-columns:minmax(180px,1fr) auto auto; gap:9px; align-items:end; margin-bottom:12px; } #closingTeamLeadV2 .ctl-photo-toolbar label{display:grid;gap:5px;font-weight:850;color:var(--ctl-muted,#64748b);font-size:.78rem} #closingTeamLeadV2 .ctl-photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #closingTeamLeadV2 .ctl-photo-item{display:grid;gap:8px;padding:9px;border:1px solid var(--ctl-border,#d7dee8);border-radius:12px;background:var(--ctl-soft,#f3f6fa);min-width:0} #closingTeamLeadV2 .ctl-photo-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;background:#111} #closingTeamLeadV2 .ctl-photo-meta{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center} #closingTeamLeadV2 .ctl-photo-meta select{min-width:0} #closingTeamLeadV2 .ctl-photo-meta small{color:var(--ctl-muted,#64748b);font-weight:750;white-space:nowrap} #closingTeamLeadV2 .ctl-photo-item textarea{min-height:64px;resize:vertical} @media(max-width:850px){#closingTeamLeadV2 .ctl-photo-gallery{grid-template-columns:1fr 1fr}} @media(max-width:600px){#closingTeamLeadV2 .ctl-photo-toolbar{grid-template-columns:1fr}#closingTeamLeadV2 .ctl-photo-gallery{grid-template-columns:1fr}} #ctlPrintReport{display:none} @media print{ @page{margin:.45in} body>*:not(#ctlPrintReport){display:none!important} #ctlPrintReport{display:block!important;color:#111;background:#fff;font:10.5pt/1.35 Arial,sans-serif} #ctlPrintReport *{box-sizing:border-box} #ctlPrintReport header{border-bottom:2px solid #111;padding-bottom:8px;margin-bottom:12px} #ctlPrintReport h1{font-size:18pt;margin:0 0 5px} #ctlPrintReport h2{font-size:12.5pt;margin:12px 0 6px;border-bottom:1px solid #999;padding-bottom:3px} #ctlPrintReport h3{font-size:10.5pt;margin:9px 0 4px} #ctlPrintReport p{margin:4px 0;white-space:pre-wrap} #ctlPrintReport .print-grid{display:grid;gap:14px} #ctlPrintReport .print-grid.two{grid-template-columns:1fr 1fr} #ctlPrintReport table{width:100%;border-collapse:collapse} #ctlPrintReport th,#ctlPrintReport td{border:1px solid #bbb;padding:4px 5px;text-align:left;vertical-align:top} #ctlPrintReport .print-checks,#ctlPrintReport .print-check-group ul{list-style:none;padding:0;margin:0} #ctlPrintReport .print-checks li,#ctlPrintReport .print-check-group li{display:grid;grid-template-columns:18px 1fr auto;gap:5px;padding:3px 0;border-bottom:1px dotted #ccc;align-items:start} #ctlPrintReport li.done strong{text-decoration:line-through;color:#555} #ctlPrintReport li small{font-size:8.5pt;color:#555;white-space:nowrap} #ctlPrintReport .print-check-group{break-inside:avoid} #ctlPrintReport .print-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px} #ctlPrintReport figure{margin:0;break-inside:avoid;border:1px solid #bbb;padding:6px} #ctlPrintReport figure img{display:block;width:100%;max-height:4.2in;object-fit:contain;background:#eee} #ctlPrintReport figcaption{font-size:9pt;margin-top:5px} } /* v5.9.162.21.3 — server documentation archive */ #closingTeamLeadV2 .ctl-doc-archive-toolbar{ display:grid; grid-template-columns:minmax(150px,.8fr) minmax(180px,1fr) auto auto auto; gap:8px; align-items:end; margin:0 0 12px; padding:11px; border:1px solid var(--ctl-border,#d7dee8); border-radius:12px; background:var(--ctl-soft,#f3f6fa); } #closingTeamLeadV2 .ctl-doc-archive-toolbar label{display:grid;gap:5px;color:var(--ctl-muted,#64748b);font-size:.76rem;font-weight:850} #closingTeamLeadV2 .ctl-doc-viewing{margin:-4px 0 10px;color:var(--ctl-muted,#64748b);font-size:.78rem;font-weight:800} #closingTeamLeadV2 .ctl-photo-item img{min-height:120px} @media(max-width:1000px){#closingTeamLeadV2 .ctl-doc-archive-toolbar{grid-template-columns:1fr 1fr auto}} @media(max-width:650px){#closingTeamLeadV2 .ctl-doc-archive-toolbar{grid-template-columns:1fr}#closingTeamLeadV2 .ctl-doc-archive-toolbar .ctl-btn{width:100%}} /* v5.9.162.21.4 — server photo upload status */ #closingTeamLeadV2 .ctl-photo-server-status{ margin:10px 0 0; padding:8px 10px; border-radius:10px; border:1px solid var(--ctl-border,#d7dee8); font-size:.78rem; font-weight:800; background:var(--ctl-soft,#f3f6fa); color:var(--ctl-muted,#64748b); } #closingTeamLeadV2 .ctl-photo-server-status.ok{ border-color:rgba(23,122,61,.35); background:rgba(23,122,61,.08); color:#177a3d; } #closingTeamLeadV2 .ctl-photo-server-status.uploading, #closingTeamLeadV2 .ctl-photo-server-status.checking{ border-color:rgba(35,104,196,.35); background:rgba(35,104,196,.08); color:#2368c4; } #closingTeamLeadV2 .ctl-photo-server-status.warn{ border-color:rgba(217,119,6,.35); background:rgba(217,119,6,.08); color:#a15c00; } #closingTeamLeadV2 .ctl-photo-server-status.error{ border-color:rgba(180,35,24,.35); background:rgba(180,35,24,.08); color:#b42318; } /* v5.9.162.22.1 — historical Closing day state */ #closingTeamLeadV2 .ctl-archive-day-banner{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 14px; align-items:center; margin:0 0 12px; padding:12px 14px; border:1px solid rgba(217,119,6,.35); border-left:5px solid #d97706; border-radius:12px; background:rgba(217,119,6,.08); } #closingTeamLeadV2 .ctl-archive-day-banner>strong{ color:#a15c00; font-size:.95rem; } #closingTeamLeadV2 .ctl-archive-day-banner>span{ grid-column:1/2; color:var(--ctl-muted,#64748b); font-size:.82rem; line-height:1.35; } #closingTeamLeadV2 .ctl-archive-day-banner>button{ grid-column:2; grid-row:1/3; } @media(max-width:650px){ #closingTeamLeadV2 .ctl-archive-day-banner{ grid-template-columns:1fr; } #closingTeamLeadV2 .ctl-archive-day-banner>span, #closingTeamLeadV2 .ctl-archive-day-banner>button{ grid-column:1; grid-row:auto; } } /* v5.9.162.22.2 — condensed Tonight + custom checks + preview-first printing */ #closingTeamLeadV2 #ctlCommand .ctl-card{ margin-bottom:8px; padding:11px 12px; border-radius:12px; } #closingTeamLeadV2 #ctlCommand .ctl-card h3{ margin-bottom:5px; font-size:.98rem; } #closingTeamLeadV2 #ctlCommand .ctl-note{ margin:2px 0 5px; font-size:.75rem; line-height:1.3; } #closingTeamLeadV2 #ctlCommand .ctl-grid{ gap:8px; } #closingTeamLeadV2 #ctlCommand label{ gap:3px; font-size:.75rem; } #closingTeamLeadV2 #ctlCommand input, #closingTeamLeadV2 #ctlCommand select, #closingTeamLeadV2 #ctlCommand textarea{ padding:7px 8px; border-radius:9px; } #closingTeamLeadV2 #ctlCommand .ctl-compact-textarea{ min-height:50px; } #closingTeamLeadV2 #ctlCommand .ctl-tonight-field-grid{ gap:6px; grid-template-columns:repeat(2,minmax(0,1fr)); } #closingTeamLeadV2 #ctlCommand .ctl-tonight-field-grid textarea{ min-height:48px; } #closingTeamLeadV2 #ctlCommand .ctl-kpi-grid-compact{ grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:6px; } #closingTeamLeadV2 #ctlCommand .ctl-kpi-grid-compact .ctl-kpi{ padding:7px; } #closingTeamLeadV2 .ctl-recognition-compact{ display:grid; grid-template-columns:1.2fr .55fr 1.2fr; gap:7px; align-items:end; } #closingTeamLeadV2 .ctl-pfill-order-compact{ padding:4px 0 7px; } #closingTeamLeadV2 .ctl-pfill-order-compact span{ width:40px; height:40px; font-size:.9rem; } #closingTeamLeadV2 .ctl-security-inline{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; padding-top:7px; border-top:1px solid var(--ctl-border,#d7dee8); font-size:.76rem; } #closingTeamLeadV2 .ctl-security-inline>span{ display:inline-flex; align-items:center; gap:5px; white-space:nowrap; } #closingTeamLeadV2 .ctl-security-inline i{ display:inline-block; width:9px; height:9px; border-radius:50%; } #closingTeamLeadV2 .ctl-security-inline .yellow i{background:#eab308} #closingTeamLeadV2 .ctl-security-inline .green i{background:#16a34a} #closingTeamLeadV2 .ctl-security-inline .red i{background:#dc2626} #closingTeamLeadV2 #ctlCommand .ctl-night-checks{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; } #closingTeamLeadV2 #ctlCommand .ctl-night-check{ min-height:40px; padding:7px 8px; gap:7px; } #closingTeamLeadV2 #ctlCommand .ctl-completed-at{ font-size:.66rem; margin-top:1px; } #closingTeamLeadV2 .ctl-custom-section-title{ margin:8px 0 5px; padding-top:7px; border-top:1px solid var(--ctl-border,#d7dee8); color:var(--ctl-muted,#64748b); font-size:.7rem; font-weight:900; text-transform:uppercase; letter-spacing:.04em; } #closingTeamLeadV2 .ctl-custom-checks{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; } #closingTeamLeadV2 .ctl-custom-check{ display:grid; grid-template-columns:18px minmax(0,1fr); gap:7px; align-items:start; padding:7px 8px; border:1px solid var(--ctl-border,#d7dee8); border-radius:9px; background:var(--ctl-soft,#f3f6fa); min-width:0; } #closingTeamLeadV2 .ctl-custom-check>input[type="checkbox"]{ appearance:auto; -webkit-appearance:checkbox; width:18px!important; height:18px!important; min-width:18px!important; max-width:18px!important; min-height:18px!important; margin:5px 0 0!important; padding:0!important; accent-color:#cc0000; } #closingTeamLeadV2 .ctl-custom-check.done>input[type="checkbox"]{ accent-color:#177a3d; } #closingTeamLeadV2 .ctl-custom-check-body{ min-width:0; } #closingTeamLeadV2 .ctl-custom-check-body>input{ min-height:30px!important; padding:5px 6px!important; font-size:.78rem!important; } #closingTeamLeadV2 .ctl-custom-check.done .ctl-custom-check-body>input{ text-decoration:line-through; color:var(--ctl-muted,#64748b); } /* Preview-first printing. The hidden body-level #ctlPrintReport remains the actual print source; this modal is the phone/desktop review surface. */ body.ctl-print-preview-open{overflow:hidden} .ctl-print-preview-modal{ position:fixed; inset:0; z-index:20000; display:flex; align-items:stretch; justify-content:center; padding:12px; } .ctl-print-preview-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.72); } .ctl-print-preview-shell{ position:relative; z-index:1; width:min(900px,100%); height:calc(100dvh - 24px); display:grid; grid-template-rows:auto minmax(0,1fr); background:#e8edf3; border-radius:16px; overflow:hidden; box-shadow:0 20px 70px rgba(0,0,0,.35); } .ctl-print-preview-bar{ display:flex; justify-content:space-between; gap:10px; align-items:center; padding:10px 12px; background:#fff; border-bottom:1px solid #cfd6df; } .ctl-print-preview-bar>div:first-child{ display:grid; gap:1px; } .ctl-print-preview-bar small{ color:#64748b; } .ctl-print-preview-actions{ display:flex; gap:7px; } .ctl-phone-preview-frame{ overflow:auto; padding:12px; } .ctl-print-preview-report{ width:min(760px,100%); margin:0 auto; padding:22px; background:#fff; color:#111; box-shadow:0 4px 22px rgba(0,0,0,.15); font:13px/1.38 Arial,sans-serif; } .ctl-print-preview-report *{box-sizing:border-box} .ctl-print-preview-report header{ border-bottom:2px solid #111; padding-bottom:8px; margin-bottom:10px; } .ctl-print-preview-report h1{font-size:20px;margin:0 0 4px} .ctl-print-preview-report h2{font-size:15px;margin:11px 0 5px;border-bottom:1px solid #bbb;padding-bottom:2px} .ctl-print-preview-report h3{font-size:13px;margin:8px 0 4px} .ctl-print-preview-report p{white-space:pre-wrap;margin:4px 0} .ctl-print-preview-report .print-grid{display:grid;gap:10px} .ctl-print-preview-report .print-grid.two{grid-template-columns:1fr 1fr} .ctl-print-preview-report table{width:100%;border-collapse:collapse} .ctl-print-preview-report th,.ctl-print-preview-report td{border:1px solid #ccc;padding:4px;text-align:left;vertical-align:top} .ctl-print-preview-report .print-checks, .ctl-print-preview-report .print-check-group ul{list-style:none;padding:0;margin:0} .ctl-print-preview-report .print-checks li, .ctl-print-preview-report .print-check-group li{ display:grid; grid-template-columns:18px minmax(0,1fr) auto; gap:5px; padding:4px 0; border-bottom:1px dotted #ccc; align-items:start; } .ctl-print-preview-report li.done strong{text-decoration:line-through;color:#555} .ctl-print-preview-report li small{font-size:11px;color:#555;white-space:nowrap} .ctl-print-preview-report .print-photos{ display:grid; grid-template-columns:1fr 1fr; gap:10px; } .ctl-print-preview-report figure{margin:0;border:1px solid #bbb;padding:5px} .ctl-print-preview-report figure img{display:block;width:100%;max-height:420px;object-fit:contain;background:#eee} .ctl-print-preview-report figcaption{font-size:11px;margin-top:4px} @media(max-width:800px){ #closingTeamLeadV2 .ctl-recognition-compact{grid-template-columns:1fr 1fr} #closingTeamLeadV2 .ctl-recognition-compact label:first-child{grid-column:1/-1} #closingTeamLeadV2 #ctlCommand .ctl-night-checks, #closingTeamLeadV2 .ctl-custom-checks{grid-template-columns:1fr 1fr} } @media(max-width:600px){ #closingTeamLeadV2 #ctlCommand .ctl-card{padding:9px 10px;margin-bottom:7px} #closingTeamLeadV2 #ctlCommand .ctl-grid.two{grid-template-columns:1fr} #closingTeamLeadV2 #ctlCommand .ctl-tonight-field-grid{grid-template-columns:1fr 1fr} #closingTeamLeadV2 .ctl-recognition-compact{grid-template-columns:1fr} #closingTeamLeadV2 .ctl-recognition-compact label:first-child{grid-column:auto} #closingTeamLeadV2 #ctlCommand .ctl-night-checks, #closingTeamLeadV2 .ctl-custom-checks{grid-template-columns:1fr} #closingTeamLeadV2 .ctl-pfill-order-compact span{width:36px;height:36px} .ctl-print-preview-modal{padding:0} .ctl-print-preview-shell{height:100dvh;border-radius:0} .ctl-print-preview-bar{align-items:flex-start} .ctl-print-preview-bar>div:first-child{min-width:0} .ctl-print-preview-actions{flex-direction:column} .ctl-print-preview-actions .ctl-btn{min-height:38px;padding:7px 9px} .ctl-phone-preview-frame{padding:8px} .ctl-print-preview-report{ width:100%; padding:13px 11px; box-shadow:none; font-size:12px; } .ctl-print-preview-report .print-grid.two{grid-template-columns:1fr} .ctl-print-preview-report .print-checks li, .ctl-print-preview-report .print-check-group li{ grid-template-columns:16px minmax(0,1fr); } .ctl-print-preview-report .print-checks li small, .ctl-print-preview-report .print-check-group li small{ grid-column:2; white-space:normal; } .ctl-print-preview-report .print-photos{grid-template-columns:1fr} } @media print{ .ctl-print-preview-modal{display:none!important} } /* v5.9.162.22.2.1 — auto-expanding Closing TL free-form fields */ #closingTeamLeadV2 textarea{ overflow-y:hidden!important; resize:none; box-sizing:border-box; } #closingTeamLeadV2 .ctl-custom-check-body>textarea{ display:block; width:100%; min-height:32px!important; padding:5px 6px!important; font:inherit; font-size:.78rem!important; line-height:1.35; border:1px solid var(--ctl-border,#d7dee8); border-radius:7px; background:var(--ctl-panel,#fff); color:inherit; } #closingTeamLeadV2 .ctl-custom-check.done .ctl-custom-check-body>textarea{ text-decoration:line-through; color:var(--ctl-muted,#64748b); } /* v5.9.162.22.3 — whole Closing record cloud-sync status */ #closingTeamLeadV2 .ctl-cloud-status{ display:inline-flex; align-items:center; min-height:34px; padding:7px 10px; border:1px solid var(--ctl-border,#d7dee8); border-radius:999px; font-size:.74rem; font-weight:900; white-space:nowrap; } #closingTeamLeadV2 .ctl-cloud-status.checking{ color:#2368c4; background:rgba(35,104,196,.08); border-color:rgba(35,104,196,.28); } #closingTeamLeadV2 .ctl-cloud-status.saving{ color:#a15c00; background:rgba(217,119,6,.08); border-color:rgba(217,119,6,.28); } #closingTeamLeadV2 .ctl-cloud-status.saved{ color:#177a3d; background:rgba(23,122,61,.08); border-color:rgba(23,122,61,.28); } #closingTeamLeadV2 .ctl-cloud-status.error{ color:#b42318; background:rgba(180,35,24,.08); border-color:rgba(180,35,24,.28); } @media(max-width:600px){ #closingTeamLeadV2 .ctl-cloud-status{ width:100%; justify-content:center; order:-1; } } /* v5.9.162.22.4 — N/A controls */ #closingTeamLeadV2 .ctl-night-check{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px} #closingTeamLeadV2 .ctl-night-main{display:flex;gap:7px;align-items:flex-start;min-width:0} #closingTeamLeadV2 .ctl-na-toggle{display:inline-flex!important;align-items:center;gap:4px!important;white-space:nowrap;font-size:.7rem!important;font-weight:900} #closingTeamLeadV2 .ctl-na-toggle input[type="checkbox"]{width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important;padding:0!important;margin:1px 0 0!important} #closingTeamLeadV2 .ctl-night-check>textarea,#closingTeamLeadV2 .ctl-custom-check .ctl-na-note{grid-column:1/-1;min-height:32px!important;padding:5px 6px!important;font-size:.75rem!important} #closingTeamLeadV2 .ctl-night-check.na,#closingTeamLeadV2 .ctl-custom-check.na{opacity:.86;border-style:dashed} #closingTeamLeadV2 .ctl-custom-check .ctl-na-toggle{margin-top:5px} /* v5.9.162.22.5 — ultra-condensed Closing Tonight */ #closingTeamLeadV2 #ctlCommand .ctl-card{ margin-bottom:5px!important; padding:8px 9px!important; border-radius:10px!important; } #closingTeamLeadV2 #ctlCommand .ctl-card-title{ margin-bottom:3px!important; min-height:0!important; } #closingTeamLeadV2 #ctlCommand .ctl-card h3{ margin:0!important; font-size:.92rem!important; line-height:1.2!important; } #closingTeamLeadV2 #ctlCommand .ctl-note{ margin:1px 0 3px!important; font-size:.7rem!important; } #closingTeamLeadV2 #ctlCommand .ctl-grid{ gap:5px!important; } #closingTeamLeadV2 #ctlCommand input, #closingTeamLeadV2 #ctlCommand select, #closingTeamLeadV2 #ctlCommand textarea{ padding:5px 6px!important; min-height:30px!important; } #closingTeamLeadV2 #ctlCommand .ctl-compact-textarea, #closingTeamLeadV2 #ctlCommand .ctl-tonight-field-grid textarea{ min-height:38px!important; } #closingTeamLeadV2 #ctlCommand .ctl-tonight-field-grid{ gap:4px!important; } #closingTeamLeadV2 #ctlCommand .ctl-tonight-field-grid label{ gap:2px!important; } #closingTeamLeadV2 #ctlCommand .ctl-tonight-field-grid label>span{ font-size:.7rem!important; } /* Built-in rows: checkbox stays immediately next to the wording. */ #closingTeamLeadV2 #ctlCommand .ctl-night-checks{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:4px!important; } #closingTeamLeadV2 #ctlCommand .ctl-night-check{ min-height:0!important; padding:5px 6px!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:3px 6px!important; align-items:start!important; } #closingTeamLeadV2 #ctlCommand .ctl-night-main{ display:flex!important; align-items:flex-start!important; justify-content:flex-start!important; gap:5px!important; min-width:0!important; margin:0!important; } #closingTeamLeadV2 #ctlCommand .ctl-night-main>input[type="checkbox"]{ width:16px!important; height:16px!important; min-width:16px!important; max-width:16px!important; flex:0 0 16px!important; padding:0!important; margin:1px 0 0!important; } #closingTeamLeadV2 #ctlCommand .ctl-night-main>span{ display:block!important; min-width:0!important; width:auto!important; font-size:.73rem!important; line-height:1.18!important; } #closingTeamLeadV2 #ctlCommand .ctl-na-toggle{ margin:0!important; align-self:start!important; font-size:.65rem!important; line-height:1!important; } #closingTeamLeadV2 #ctlCommand .ctl-na-toggle input[type="checkbox"]{ width:13px!important; height:13px!important; min-width:13px!important; max-width:13px!important; padding:0!important; } #closingTeamLeadV2 #ctlCommand .ctl-night-check>textarea{ grid-column:1/-1!important; min-height:28px!important; padding:4px 5px!important; font-size:.7rem!important; } #closingTeamLeadV2 #ctlCommand .ctl-night-check.no-na{ grid-template-columns:1fr!important; } #closingTeamLeadV2 #ctlCommand .ctl-completed-at{ font-size:.61rem!important; margin-top:1px!important; } /* Additional Nightly + Alarm rows: compact, no N/A. */ #closingTeamLeadV2 #ctlCommand .ctl-custom-section-title{ margin:5px 0 3px!important; padding-top:4px!important; font-size:.64rem!important; } #closingTeamLeadV2 #ctlCommand .ctl-custom-checks{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:4px!important; } #closingTeamLeadV2 #ctlCommand .ctl-custom-check{ min-height:0!important; padding:4px 5px!important; display:block!important; } #closingTeamLeadV2 #ctlCommand .ctl-custom-main{ display:grid!important; grid-template-columns:16px minmax(0,1fr)!important; gap:5px!important; align-items:start!important; } #closingTeamLeadV2 #ctlCommand .ctl-custom-main>input[type="checkbox"]{ width:16px!important; height:16px!important; min-width:16px!important; max-width:16px!important; padding:0!important; margin:5px 0 0!important; } #closingTeamLeadV2 #ctlCommand .ctl-custom-main>textarea{ min-height:28px!important; padding:4px 5px!important; font-size:.72rem!important; line-height:1.15!important; } #closingTeamLeadV2 #ctlCommand .ctl-custom-check>.ctl-completed-at{ display:block!important; margin-left:21px!important; } /* Bottom reference cards */ #closingTeamLeadV2 #ctlCommand .ctl-pfill-order-compact{ padding:2px 0 4px!important; gap:5px!important; } #closingTeamLeadV2 #ctlCommand .ctl-pfill-order-compact span{ width:32px!important; height:32px!important; font-size:.76rem!important; } #closingTeamLeadV2 #ctlCommand .ctl-security-inline{ padding-top:4px!important; gap:4px 8px!important; font-size:.68rem!important; } #closingTeamLeadV2 #ctlCommand ol{ margin:3px 0 3px 18px!important; padding:0!important; } #closingTeamLeadV2 #ctlCommand ol li{ padding:1px 0!important; font-size:.75rem!important; } @media(max-width:800px){ #closingTeamLeadV2 #ctlCommand .ctl-night-checks, #closingTeamLeadV2 #ctlCommand .ctl-custom-checks{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:600px){ #closingTeamLeadV2 #ctlCommand .ctl-card{ padding:7px 8px!important; margin-bottom:4px!important; } #closingTeamLeadV2 #ctlCommand .ctl-night-checks, #closingTeamLeadV2 #ctlCommand .ctl-custom-checks{ grid-template-columns:1fr!important; } } /* v5.9.162.22.7.2 — Tonight layout / photo timestamp */ #closingTeamLeadV2 #ctlCommand .ctl-store-status-title{align-items:flex-start!important} #closingTeamLeadV2 #ctlCommand .ctl-health-inline{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:170px;justify-content:flex-end;text-align:right} #closingTeamLeadV2 #ctlCommand .ctl-health-inline-score{width:50px;height:50px;flex:0 0 50px;border-radius:50%;display:grid;place-items:center;border:6px solid rgba(100,116,139,.16);font-size:1rem;font-weight:950} #closingTeamLeadV2 #ctlCommand .ctl-health-inline-score.good{border-color:rgba(23,122,61,.32);color:var(--ctl-green)} #closingTeamLeadV2 #ctlCommand .ctl-health-inline-score.watch{border-color:rgba(161,92,0,.35);color:var(--ctl-amber)} #closingTeamLeadV2 #ctlCommand .ctl-health-inline-score.risk{border-color:rgba(180,35,24,.36);color:var(--ctl-risk)} #closingTeamLeadV2 #ctlCommand .ctl-health-inline strong{display:block;font-size:.76rem;line-height:1.1} #closingTeamLeadV2 #ctlCommand .ctl-health-inline small{display:block;font-size:.64rem;color:var(--ctl-muted)} #closingTeamLeadV2 #ctlCommand .ctl-reference-card{padding-bottom:10px!important} #closingTeamLeadV2 #ctlCommand .ctl-reference-grid{align-items:start!important;gap:12px!important} #closingTeamLeadV2 #ctlCommand .ctl-reference-block h3{margin-bottom:6px!important} #closingTeamLeadV2 #ctlCommand .ctl-reference-actions{margin-top:8px!important} #closingTeamLeadV2 #ctlCommand .ctl-security-inline-stacked{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding-top:2px!important} #closingTeamLeadV2 #ctlCommand .ctl-security-inline-stacked>span{margin:0!important} @media(max-width:900px){ #closingTeamLeadV2 #ctlCommand .ctl-reference-grid{grid-template-columns:1fr!important} } @media(max-width:600px){ #closingTeamLeadV2 #ctlCommand .ctl-health-inline{min-width:0;gap:6px} #closingTeamLeadV2 #ctlCommand .ctl-health-inline-score{width:42px;height:42px;flex-basis:42px;border-width:5px;font-size:.92rem} } /* v5.9.162.22.7.3 — Recognition metrics + YST help */ #closingTeamLeadV2 #ctlCommand .ctl-recognition-title{align-items:center!important} #closingTeamLeadV2 #ctlCommand .ctl-info-btn{ width:25px;height:25px;min-width:25px;padding:0!important;border-radius:50%; border:1px solid var(--ctl-border);background:var(--ctl-soft);color:var(--ctl-blue); font-weight:950;font-size:.78rem;line-height:1;cursor:pointer;display:grid;place-items:center; } #closingTeamLeadV2 #ctlCommand .ctl-yst-help{ margin:4px 0 7px;padding:7px 8px;border:1px solid rgba(35,104,196,.24);border-radius:8px; background:rgba(35,104,196,.06);font-size:.7rem;line-height:1.35; } #closingTeamLeadV2 #ctlCommand .ctl-yst-help:not([hidden]){display:grid;gap:2px} #closingTeamLeadV2 #ctlCommand .ctl-recognition-metrics{ display:grid!important;grid-template-columns:1.4fr .7fr .65fr .65fr;gap:5px!important; } #closingTeamLeadV2 #ctlCommand .ctl-recognition-notes{grid-column:1/-1} #closingTeamLeadV2 #ctlCommand .ctl-recognition-metrics input{min-height:30px!important} @media(max-width:760px){ #closingTeamLeadV2 #ctlCommand .ctl-recognition-metrics{grid-template-columns:1fr 1fr!important} #closingTeamLeadV2 #ctlCommand .ctl-recognition-metrics label:first-child, #closingTeamLeadV2 #ctlCommand .ctl-recognition-notes{grid-column:1/-1} } /* v5.9.162.22.7.5 — full-screen documentation photo viewer */ #closingTeamLeadV2 .ctl-photo-preview-btn{ width:100%; display:block; position:relative; padding:0; border:0; border-radius:10px; overflow:hidden; background:#0b0f14; cursor:zoom-in; } #closingTeamLeadV2 .ctl-photo-preview-btn img{ width:100%; display:block; aspect-ratio:4/3; object-fit:cover; } #closingTeamLeadV2 .ctl-photo-preview-btn span{ position:absolute; left:7px; bottom:7px; padding:4px 7px; border-radius:999px; background:rgba(0,0,0,.68); color:#fff; font-size:.62rem; font-weight:900; pointer-events:none; } #closingTeamLeadV2 .ctl-photo-item-actions{ display:flex; gap:6px; flex-wrap:wrap; } body.ctl-photo-viewer-open{ overflow:hidden!important; } .ctl-photo-viewer{ position:fixed; inset:0; z-index:40000; display:flex; align-items:stretch; justify-content:stretch; } .ctl-photo-viewer-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.94); } .ctl-photo-viewer-shell{ position:relative; z-index:1; width:100%; height:100dvh; display:grid; grid-template-rows:auto minmax(0,1fr); background:#05070a; color:#fff; } .ctl-photo-viewer-head{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 12px; padding-top:max(10px,env(safe-area-inset-top)); border-bottom:1px solid rgba(255,255,255,.14); background:rgba(5,7,10,.98); } .ctl-photo-viewer-head>div:first-child{ min-width:0; } .ctl-photo-viewer-head strong{ display:block; font-size:.9rem; } .ctl-photo-viewer-head small{ display:block; max-width:70vw; margin-top:2px; color:#b9c2cf; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ctl-photo-viewer-actions{ display:flex; gap:7px; align-items:center; flex:0 0 auto; } .ctl-photo-viewer-actions .ctl-btn{ background:#fff; border-color:#fff; color:#111827; } .ctl-photo-viewer-close{ background:rgba(255,255,255,.12)!important; border-color:rgba(255,255,255,.28)!important; color:#fff!important; } .ctl-photo-viewer-stage{ min-height:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; overflow:auto; padding:10px; padding-bottom:max(10px,env(safe-area-inset-bottom)); -webkit-overflow-scrolling:touch; } .ctl-photo-viewer-stage img{ display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; user-select:none; -webkit-user-drag:none; } @media(max-width:600px){ .ctl-photo-viewer-head{ align-items:flex-start; } .ctl-photo-viewer-actions .ctl-btn{ padding:8px 9px; font-size:.72rem; } .ctl-photo-viewer-head small{ max-width:48vw; } #closingTeamLeadV2 .ctl-photo-item-actions .ctl-btn{ flex:1 1 120px; } } @media print{ .ctl-photo-viewer{display:none!important} } /* v5.9.162.22.7.6 — Lead Checklist step-by-step wizard */ #closingTeamLeadV2 .ctl-lead-wizard-top{ position:sticky; top:0; z-index:30; padding:6px 0 8px; background:transparent; } #closingTeamLeadV2 .ctl-next-alarm-dock{ margin-bottom:6px; } #closingTeamLeadV2 .ctl-lead-top-tools{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-bottom:6px; } #closingTeamLeadV2 .ctl-lead-top-tools .ctl-btn{ width:100%; justify-content:center; font-weight:900; } #closingTeamLeadV2 .ctl-lead-section-map{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; padding:5px; border:1px solid var(--ctl-border,#d8dee8); border-radius:12px; background:var(--ctl-panel,#fff); } #closingTeamLeadV2 .ctl-lead-section-map button{ min-width:0; border:0; border-radius:9px; background:transparent; color:inherit; padding:6px 4px; display:flex; align-items:center; justify-content:center; gap:5px; cursor:pointer; } #closingTeamLeadV2 .ctl-lead-section-map button span{ width:20px;height:20px;flex:0 0 20px; border-radius:50%; display:grid;place-items:center; background:var(--ctl-soft,#eef2f7); font-size:.66rem;font-weight:950; } #closingTeamLeadV2 .ctl-lead-section-map button strong{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.67rem; } #closingTeamLeadV2 .ctl-lead-section-map button.active{ background:rgba(204,0,0,.08); color:#b80000; } #closingTeamLeadV2 .ctl-lead-section-map button.active span{ background:#cc0000;color:#fff; } #closingTeamLeadV2 .ctl-lead-wizard-body{ padding-top:6px; } #closingTeamLeadV2 .ctl-lead-step-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin:4px 0 7px; } #closingTeamLeadV2 .ctl-lead-step-head h2{ margin:0; font-size:1.15rem; } #closingTeamLeadV2 .ctl-lead-eyebrow{ display:block; color:#cc0000; font-size:.62rem; font-weight:950; letter-spacing:.08em; } #closingTeamLeadV2 .ctl-lead-wizard-nav{ position:sticky; bottom:0; z-index:25; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; margin-top:8px; padding:8px; border:1px solid var(--ctl-border,#d8dee8); border-radius:12px; background:var(--ctl-panel,#fff); box-shadow:0 -8px 28px rgba(15,23,42,.08); } #closingTeamLeadV2 .ctl-lead-wizard-nav>span{ text-align:center; font-size:.72rem; font-weight:850; color:var(--ctl-muted,#64748b); } #closingTeamLeadV2 .ctl-photo-focus-actions{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px; } #closingTeamLeadV2 .ctl-photo-big-action{ min-height:52px!important; font-size:.9rem!important; font-weight:950!important; } #closingTeamLeadV2 .ctl-photo-archive-details{ margin:8px 0; border:1px solid var(--ctl-border,#d8dee8); border-radius:9px; padding:6px 8px; } #closingTeamLeadV2 .ctl-photo-archive-details summary{ cursor:pointer; font-size:.72rem; font-weight:900; } body.ctl-target-info-open{ overflow:hidden!important; } .ctl-target-info-modal{ position:fixed;inset:0;z-index:39000; display:flex;align-items:center;justify-content:center; padding:14px; } .ctl-target-info-backdrop{ position:absolute;inset:0;background:rgba(0,0,0,.72); } .ctl-target-info-shell{ position:relative;z-index:1; width:min(960px,100%); max-height:calc(100dvh - 28px); overflow:auto; padding:14px; border-radius:16px; background:#f6f7f9; color:#172033; box-shadow:0 24px 80px rgba(0,0,0,.38); } .ctl-target-info-head{ display:flex;align-items:center;justify-content:space-between;gap:10px; margin-bottom:8px; } .ctl-target-info-head h2{margin:0} .ctl-target-info-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } .ctl-target-info-grid #ctlTargetInfoDaily{ grid-column:1/-1; } @media(max-width:760px){ #closingTeamLeadV2 .ctl-lead-section-map{ grid-template-columns:repeat(5,1fr); } #closingTeamLeadV2 .ctl-lead-section-map button{ display:grid; gap:2px; } #closingTeamLeadV2 .ctl-lead-section-map button span{margin:auto} #closingTeamLeadV2 .ctl-lead-section-map button strong{font-size:.58rem} .ctl-target-info-grid{grid-template-columns:1fr} .ctl-target-info-grid #ctlTargetInfoDaily{grid-column:auto} } @media(max-width:560px){ #closingTeamLeadV2 .ctl-lead-top-tools{ grid-template-columns:repeat(3,1fr); } #closingTeamLeadV2 .ctl-lead-top-tools .ctl-btn{ padding:8px 5px!important; font-size:.68rem!important; } #closingTeamLeadV2 .ctl-lead-section-map{ gap:2px;padding:4px; } #closingTeamLeadV2 .ctl-lead-section-map button{ padding:5px 1px; } #closingTeamLeadV2 .ctl-lead-wizard-nav{ grid-template-columns:auto auto; } #closingTeamLeadV2 .ctl-lead-wizard-nav>span{ grid-column:1/-1; grid-row:1; } #closingTeamLeadV2 .ctl-lead-wizard-nav .ctl-btn:first-child{grid-column:1} #closingTeamLeadV2 .ctl-lead-wizard-nav .ctl-btn:last-child{grid-column:2} #closingTeamLeadV2 .ctl-photo-focus-actions{grid-template-columns:1fr} } /* v5.9.162.22.7.7 — Lead Checklist wizard dark-mode hotfix */ #closingTeamLeadV2 .ctl-lead-section-map{ background:var(--ctl-panel,#fff)!important; color:var(--ctl-text,#18202c)!important; } #closingTeamLeadV2 .ctl-lead-section-map button{ color:var(--ctl-text,#18202c)!important; } #closingTeamLeadV2 .ctl-lead-section-map button strong{ color:inherit!important; opacity:1!important; } #closingTeamLeadV2 .ctl-lead-section-map button:not(.active) span{ color:var(--ctl-text,#18202c)!important; background:var(--ctl-soft,#eef2f7)!important; } #closingTeamLeadV2 .ctl-lead-section-map button.active{ color:var(--ctl-red,#cc0000)!important; background:color-mix(in srgb,var(--ctl-red,#cc0000) 11%,var(--ctl-panel,#fff))!important; } #closingTeamLeadV2 .ctl-lead-section-map button.active span{ color:#fff!important; background:var(--ctl-red,#cc0000)!important; } #closingTeamLeadV2 .ctl-lead-wizard-nav{ background:var(--ctl-panel,#fff)!important; color:var(--ctl-text,#18202c)!important; border-color:var(--ctl-border,#d8dee8)!important; } #closingTeamLeadV2 .ctl-lead-wizard-nav>span{ color:var(--ctl-muted,#64748b)!important; opacity:1!important; } #closingTeamLeadV2 .ctl-lead-wizard-top{ background:transparent!important; } body.dark-mode #closingTeamLeadV2 .ctl-lead-section-map, body.dark-mode #closingTeamLeadV2 .ctl-lead-wizard-nav{ background:var(--ctl-panel,#171d27)!important; border-color:var(--ctl-border,#354052)!important; } body.dark-mode #closingTeamLeadV2 .ctl-lead-section-map button{ color:var(--ctl-text,#f3f6fb)!important; } body.dark-mode #closingTeamLeadV2 .ctl-lead-section-map button:not(.active) span{ color:var(--ctl-text,#f3f6fb)!important; background:var(--ctl-soft,#242d3a)!important; } body.dark-mode #closingTeamLeadV2 .ctl-lead-section-map button.active{ color:#ff6b6b!important; background:rgba(204,0,0,.18)!important; } body.dark-mode #closingTeamLeadV2 .ctl-lead-wizard-nav>span{ color:var(--ctl-muted,#aeb8c6)!important; } body.dark-mode #closingTeamLeadV2 .ctl-lead-wizard-nav{ box-shadow:0 -8px 28px rgba(0,0,0,.26)!important; } /* INF Rescue v5.9.162.22.7.9 — Target Info modal styling hotfix The modal is mounted directly under , outside #closingTeamLeadV2. Keep all Target Info styles unscoped so the dashboard card/button rules still apply. */ .ctl-target-info-shell{ --ti-red:#cc0000; --ti-blue:#2368c4; --ti-green:#169b62; --ti-yellow:#d9a514; --ti-danger:#dc3545; --ti-panel:#ffffff; --ti-soft:#f4f6f9; --ti-soft-2:#eef2f7; --ti-text:#172033; --ti-muted:#64748b; --ti-border:#d7dee8; width:min(1100px,100%); padding:20px; border:1px solid var(--ti-border); border-radius:18px; background:var(--ti-panel); color:var(--ti-text); box-shadow:0 30px 90px rgba(0,0,0,.42); } body.dark-mode .ctl-target-info-shell{ --ti-panel:#111820; --ti-soft:#161f29; --ti-soft-2:#1b2632; --ti-text:#f4f7fb; --ti-muted:#9aa8bb; --ti-border:#334155; background:linear-gradient(180deg,#121b25 0%,#0f1720 100%); color:var(--ti-text); box-shadow:0 34px 100px rgba(0,0,0,.65); } .ctl-target-info-backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(1.5px)} .ctl-target-info-head{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--ti-border)} .ctl-target-info-title{display:grid;gap:2px} .ctl-target-info-shell .ctl-lead-eyebrow{ display:block; color:var(--ti-muted); font-size:.7rem; font-weight:950; letter-spacing:.095em; line-height:1.2; } .ctl-target-info-head h2{margin:0;font-size:1.55rem;line-height:1.1;color:var(--ti-text)} .ctl-target-info-shell .ctl-icon-btn{ width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px; border:1px solid var(--ti-border);border-radius:11px; background:var(--ti-soft);color:var(--ti-text); font-size:1.4rem;line-height:1;cursor:pointer; } .ctl-target-info-shell .ctl-icon-btn:hover{background:var(--ti-soft-2)} .ctl-target-info-grid{ display:grid; grid-template-columns:minmax(230px,.72fr) minmax(0,1.75fr) minmax(220px,.68fr); gap:14px; align-items:stretch; } .ctl-target-info-shell .ctl-card{ min-width:0; margin:0; padding:16px; border:1px solid var(--ti-border); border-radius:14px; background:var(--ti-soft); color:var(--ti-text); box-shadow:none; } .ctl-target-info-card{min-height:0} .ctl-target-info-shell .ctl-card h3{ margin:0 0 12px; color:var(--ti-text); font-size:1rem; line-height:1.25; } .ctl-target-priority-list{ margin:0; padding-left:1.4rem; display:grid; gap:6px; color:var(--ti-text); font-size:.86rem; line-height:1.28; } .ctl-target-priority-list li{padding-left:1px} .ctl-target-pfill-card{padding:14px 16px!important} .ctl-target-pfill-card h3{margin-bottom:9px!important} .ctl-target-pfill-route{ display:grid; gap:8px; margin-top:0; } .ctl-target-pfill-sequence{ display:flex; align-items:center; justify-content:flex-start; gap:6px; padding:6px 8px; border:1px solid var(--ti-border); border-radius:11px; background:var(--ti-soft-2); } .ctl-target-pfill-sequence span{ display:grid; place-items:center; min-width:42px; height:32px; padding:0 8px; border:1px solid var(--ti-border); border-radius:9px; background:var(--ti-panel); color:var(--ti-text); font-size:.82rem; font-weight:950; } .ctl-target-pfill-sequence b{ color:var(--ti-muted); font-size:.92rem; line-height:1; } .ctl-target-pfill-groups{ display:grid; grid-template-columns:1fr; gap:6px; } .ctl-target-pfill-stop{ min-width:0; display:grid; grid-template-columns:46px minmax(0,1fr); align-items:center; gap:11px; padding:8px 10px; border:1px solid var(--ti-border); border-radius:10px; background:var(--ti-panel); } .ctl-target-pfill-code{ display:grid; place-items:center; width:46px; height:34px; border:1px solid var(--ti-border); border-radius:9px; background:var(--ti-soft-2); color:var(--ti-text); font-size:.82rem; font-weight:950; } .ctl-target-pfill-stop ul{ min-width:0; margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; align-items:center; gap:4px 0; } .ctl-target-pfill-stop li{ display:inline-flex; align-items:center; min-width:0; color:var(--ti-text); font-size:.76rem; font-weight:720; line-height:1.28; white-space:normal; overflow-wrap:normal; word-break:normal; } .ctl-target-pfill-stop li:not(:last-child)::after{ content:"•"; flex:0 0 auto; margin:0 8px; color:var(--ti-muted); font-size:.68rem; opacity:.72; } @media (max-width:960px){ .ctl-target-info-grid{grid-template-columns:1fr} .ctl-target-info-grid #ctlTargetInfoDaily{grid-column:auto} .ctl-target-info-card{min-height:0} } @media (max-width:560px){ .ctl-target-pfill-card{padding:13px!important} .ctl-target-pfill-sequence{justify-content:space-between;gap:4px;padding:6px} .ctl-target-pfill-sequence span{min-width:38px;height:31px;padding:0 6px} .ctl-target-pfill-sequence b{font-size:.82rem} .ctl-target-pfill-stop{grid-template-columns:42px minmax(0,1fr);gap:9px;padding:8px} .ctl-target-pfill-code{width:42px;height:32px} .ctl-target-pfill-stop li{font-size:.73rem} .ctl-target-pfill-stop li:not(:last-child)::after{margin:0 6px} } @media (max-width:380px){ .ctl-target-pfill-stop{grid-template-columns:1fr;gap:6px} .ctl-target-pfill-code{width:100%;height:30px} } .ctl-target-info-shell .ctl-security-inline{ display:grid; gap:11px; } .ctl-target-info-shell .ctl-security-inline span{ display:flex; align-items:center; gap:9px; min-width:0; color:var(--ti-text); font-size:.9rem; line-height:1.3; } .ctl-target-info-shell .ctl-security-inline i{ width:12px;height:12px;border-radius:50%;display:block;flex:0 0 12px; box-shadow:0 0 0 3px rgba(255,255,255,.04); } .ctl-target-info-shell .ctl-security-inline .yellow i{background:#f0c22b} .ctl-target-info-shell .ctl-security-inline .green i{background:#27c97b} .ctl-target-info-shell .ctl-security-inline .red i{background:#ff4b4b} .ctl-target-info-grid #ctlTargetInfoDaily{ grid-column:1/-1; min-width:0; } .ctl-target-info-shell .ctl-empty{ padding:18px; border:1px dashed var(--ti-border); border-radius:12px; color:var(--ti-muted); text-align:center; } .ctl-target-info-shell .ctl-daily-guest-card{ display:grid; gap:12px; padding:0; border:0; background:transparent; } .ctl-target-info-shell .ctl-daily-section-label{ padding:4px 2px 0; color:var(--ti-muted); font-size:.72rem; font-weight:950; letter-spacing:.08em; } .ctl-target-info-shell .ctl-daily-greeting-panel, .ctl-target-info-shell .ctl-retail-fact-box{ border:1px solid var(--ti-border); border-radius:14px; background:var(--ti-soft); padding:15px 16px; } .ctl-target-info-shell .ctl-daily-content-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; } .ctl-target-info-shell .ctl-daily-content-head h3{margin:0} .ctl-target-info-shell .ctl-pill{ display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border-radius:999px; background:rgba(100,116,139,.14); color:var(--ti-muted); font-size:.72rem; font-weight:900; white-space:nowrap; } .ctl-target-info-shell .ctl-pill.blue{background:rgba(35,104,196,.14);color:#4a8ce6} body.dark-mode .ctl-target-info-shell .ctl-pill.blue{color:#7eb3ff} .ctl-target-info-shell .ctl-daily-message{ margin:10px 0 0; padding:12px 14px; border:1px solid color-mix(in srgb,var(--ti-blue) 35%,var(--ti-border)); border-radius:11px; background:color-mix(in srgb,var(--ti-blue) 8%,var(--ti-panel)); color:var(--ti-text); font-size:.94rem; line-height:1.45; font-weight:650; font-style:italic; } .ctl-target-info-shell .ctl-daily-fact-title{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; } .ctl-target-info-shell .ctl-retail-fact-box p{ margin:12px 0; color:var(--ti-text); font-size:.9rem; line-height:1.45; } .ctl-target-info-shell .ctl-daily-button-row{display:flex;gap:7px;flex-wrap:wrap} .ctl-target-info-shell .ctl-btn{ border:1px solid var(--ti-border); border-radius:9px; padding:8px 11px; background:var(--ti-panel); color:var(--ti-text); font:inherit; font-size:.8rem; font-weight:850; cursor:pointer; } .ctl-target-info-shell .ctl-btn:hover{background:var(--ti-soft-2)} .ctl-target-info-shell .ctl-retail-source{ display:flex; align-items:center; justify-content:space-between; gap:8px 14px; flex-wrap:wrap; padding-top:10px; border-top:1px solid var(--ti-border); color:var(--ti-muted); font-size:.72rem; line-height:1.35; } .ctl-target-info-shell .ctl-retail-source a{ color:#2f75d6; font-weight:850; text-decoration:underline; text-underline-offset:2px; } body.dark-mode .ctl-target-info-shell .ctl-retail-source a{color:#6da7f4} .ctl-target-info-shell .ctl-daily-content-status{ min-height:0; margin:0 2px; color:var(--ti-muted); font-size:.7rem; font-weight:800; } .ctl-target-info-shell .ctl-daily-content-status:empty{display:none} .ctl-target-info-shell .ctl-daily-content-status.ok{color:#1f9d5b} .ctl-target-info-shell .ctl-daily-content-status.checking{color:#3d7fd7} .ctl-target-info-shell .ctl-daily-content-status.error{color:#d14343} @media(max-width:760px){ .ctl-target-info-modal{align-items:flex-start;padding:8px} .ctl-target-info-shell{padding:14px;max-height:calc(100dvh - 16px);border-radius:14px} .ctl-target-info-grid{grid-template-columns:1fr;gap:10px} .ctl-target-info-grid #ctlTargetInfoDaily{grid-column:auto} .ctl-target-info-card{min-height:0} .ctl-target-info-head{margin-bottom:12px;padding-bottom:11px} .ctl-target-info-head h2{font-size:1.35rem} .ctl-target-info-shell .ctl-daily-greeting-panel, .ctl-target-info-shell .ctl-retail-fact-box{padding:12px} } @media(max-width:460px){ .ctl-target-info-shell .ctl-daily-content-head{align-items:flex-start} .ctl-target-info-shell .ctl-daily-button-row{width:100%} .ctl-target-info-shell .ctl-daily-button-row .ctl-btn{flex:1} .ctl-target-info-shell .ctl-retail-source{display:grid;gap:5px} } /* INF Rescue v5.9.162.22.7.10 — Load Previous Days */ body.ctl-previous-day-open{overflow:hidden} .ctl-previous-day-modal{position:fixed;inset:0;z-index:100090;display:flex;align-items:center;justify-content:center;padding:18px} .ctl-previous-day-backdrop{position:absolute;inset:0;background:rgba(6,10,17,.68);backdrop-filter:blur(2px)} .ctl-previous-day-shell{--pd-bg:#fff;--pd-text:#172033;--pd-muted:#667085;--pd-border:#d8dee8;--pd-soft:#f6f8fb;position:relative;width:min(520px,100%);border:1px solid var(--pd-border);border-radius:18px;background:var(--pd-bg);color:var(--pd-text);box-shadow:0 28px 90px rgba(0,0,0,.32);padding:20px;display:grid;gap:16px} body.dark-mode .ctl-previous-day-shell{--pd-bg:#111923;--pd-text:#eef4ff;--pd-muted:#a7b3c6;--pd-border:#334155;--pd-soft:#182331;box-shadow:0 30px 95px rgba(0,0,0,.62)} .ctl-previous-day-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .ctl-previous-day-head h2{margin:2px 0 0;font-size:1.45rem;line-height:1.15;color:var(--pd-text)} .ctl-previous-day-eyebrow{display:block;font-size:.72rem;font-weight:900;letter-spacing:.09em;color:#b42318} body.dark-mode .ctl-previous-day-eyebrow{color:#ff6259} .ctl-previous-day-copy{margin:0;color:var(--pd-muted);line-height:1.5} .ctl-previous-day-date-label{display:grid;gap:7px;font-size:.85rem;font-weight:800;color:var(--pd-text)} .ctl-previous-day-date-label input{width:100%;box-sizing:border-box;border:1px solid var(--pd-border);border-radius:12px;background:var(--pd-soft);color:var(--pd-text);font:inherit;font-size:1rem;padding:12px 13px;outline:none;color-scheme:light} body.dark-mode .ctl-previous-day-date-label input{color-scheme:dark} .ctl-previous-day-date-label input:focus{border-color:#c72b22;box-shadow:0 0 0 3px rgba(199,43,34,.16)} .ctl-previous-day-loads{display:flex;flex-wrap:wrap;gap:7px} .ctl-previous-day-loads span{border:1px solid var(--pd-border);border-radius:999px;background:var(--pd-soft);color:var(--pd-muted);font-size:.78rem;font-weight:800;padding:6px 9px} .ctl-previous-day-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:3px} .ctl-previous-day-shell .ctl-btn,.ctl-previous-day-shell .ctl-icon-btn{appearance:none;border:1px solid var(--pd-border);background:var(--pd-soft);color:var(--pd-text);font:inherit;font-weight:800;cursor:pointer} .ctl-previous-day-shell .ctl-btn{border-radius:10px;padding:10px 14px} .ctl-previous-day-shell .ctl-btn.primary{border-color:#b42318;background:#cc0000;color:#fff} .ctl-previous-day-shell .ctl-btn:disabled{opacity:.6;cursor:wait} .ctl-previous-day-shell .ctl-icon-btn{width:38px;height:38px;border-radius:10px;font-size:1.35rem;line-height:1;display:grid;place-items:center} .ctl-previous-day-shell .ctl-btn:hover:not(:disabled),.ctl-previous-day-shell .ctl-icon-btn:hover{filter:brightness(1.05)} #closingTeamLeadV2 .ctl-history-btn{white-space:nowrap} @media (max-width:640px){ .ctl-previous-day-modal{align-items:flex-start;padding:10px} .ctl-previous-day-shell{margin-top:7vh;border-radius:15px;padding:16px;gap:14px} .ctl-previous-day-actions{display:grid;grid-template-columns:1fr 1fr} .ctl-previous-day-shell .ctl-btn{width:100%} } /* INF Rescue v5.9.162.22.7.11 — mobile compact Closing Command Center */ #closingTeamLeadV2 .ctl-short-label{display:none} @media(max-width:650px){ /* Remove nonessential intro copy and tighten the command-center header. */ #closingTeamLeadV2 .ctl-page-head{ display:block; margin:0 0 6px; } #closingTeamLeadV2 .ctl-page-title .eyebrow{ margin:0 0 2px; font-size:.58rem; line-height:1.1; letter-spacing:.055em; } #closingTeamLeadV2 .ctl-page-head h2{ margin:0 0 6px; font-size:1.42rem; line-height:1.05; } #closingTeamLeadV2 .ctl-head-actions{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; margin-top:0; align-items:stretch; } #closingTeamLeadV2 .ctl-head-actions .ctl-cloud-status{ grid-column:1/-1; width:auto; min-height:26px; padding:3px 8px; justify-content:center; font-size:.62rem; line-height:1; } #closingTeamLeadV2 .ctl-head-actions .ctl-btn{ min-height:34px; padding:5px 4px; border-radius:9px; font-size:.69rem; line-height:1.05; white-space:nowrap; } #closingTeamLeadV2 .ctl-wide-label{display:none} #closingTeamLeadV2 .ctl-short-label{display:inline} /* Keep all five views visible at once instead of horizontally scrolling. */ #closingTeamLeadV2 .ctl-subnav{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; overflow:visible; padding:2px 0 6px; } #closingTeamLeadV2 .ctl-subnav button{ min-width:0; min-height:34px; padding:5px 2px; border-radius:10px; font-size:.66rem; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* Compress the sticky lead controls. */ #closingTeamLeadV2 .ctl-lead-wizard-top{ padding:3px 0 4px; } #closingTeamLeadV2 .ctl-next-alarm-dock{margin-bottom:4px} #closingTeamLeadV2 .ctl-lead-top-tools{ gap:4px; margin-bottom:4px; } #closingTeamLeadV2 .ctl-lead-top-tools .ctl-btn{ min-height:32px!important; padding:4px 2px!important; border-radius:9px; font-size:.64rem!important; line-height:1!important; } #closingTeamLeadV2 .ctl-lead-section-map{ gap:1px; padding:3px; border-radius:10px; } #closingTeamLeadV2 .ctl-lead-section-map button{ min-height:42px; padding:3px 0; gap:1px; border-radius:8px; } #closingTeamLeadV2 .ctl-lead-section-map button span{ width:17px; height:17px; flex-basis:17px; font-size:.58rem; } #closingTeamLeadV2 .ctl-lead-section-map button strong{ font-size:.53rem; line-height:1; } #closingTeamLeadV2 .ctl-lead-wizard-body{padding-top:2px} #closingTeamLeadV2 .ctl-lead-step-head{ margin:2px 0 4px; gap:5px; } #closingTeamLeadV2 .ctl-lead-step-head h2{ font-size:.95rem; line-height:1.08; } #closingTeamLeadV2 .ctl-lead-eyebrow{font-size:.52rem} /* Reduce card chrome and form whitespace without making controls hard to tap. */ #closingTeamLeadV2 .ctl-card{ margin-bottom:7px; padding:10px; border-radius:12px; } #closingTeamLeadV2 .ctl-card h3{ margin-bottom:5px; font-size:.88rem; } #closingTeamLeadV2 .ctl-grid{gap:6px} #closingTeamLeadV2 label{ gap:3px; font-size:.68rem; } #closingTeamLeadV2 input, #closingTeamLeadV2 select, #closingTeamLeadV2 textarea{ padding:7px 8px; border-radius:8px; font-size:.78rem; } #closingTeamLeadV2 textarea{min-height:52px} #closingTeamLeadV2 .ctl-kpi{padding:6px 7px;border-radius:9px} #closingTeamLeadV2 .ctl-kpi span{font-size:.56rem} #closingTeamLeadV2 .ctl-kpi strong{margin-top:1px;font-size:.95rem} /* Keep the step navigation to one compact row on phones. */ #closingTeamLeadV2 .ctl-lead-wizard-nav{ grid-template-columns:1fr 1fr; gap:5px; margin-top:5px; padding:5px; border-radius:10px; } #closingTeamLeadV2 .ctl-lead-wizard-nav>span{display:none} #closingTeamLeadV2 .ctl-lead-wizard-nav .ctl-btn{ min-height:34px; padding:5px 8px; font-size:.75rem; } #closingTeamLeadV2 .ctl-lead-wizard-nav .ctl-btn:first-child, #closingTeamLeadV2 .ctl-lead-wizard-nav .ctl-btn:last-child{ grid-column:auto; grid-row:auto; } } @media(max-width:420px){ #closingTeamLeadV2 .ctl-page-head h2{font-size:1.28rem} #closingTeamLeadV2 .ctl-head-actions .ctl-btn{font-size:.63rem} #closingTeamLeadV2 .ctl-subnav button{font-size:.61rem} #closingTeamLeadV2 .ctl-lead-top-tools .ctl-btn{font-size:.60rem!important} } /* INF Rescue v5.9.162.22.7.13 — progressive custom-row visibility fix. Author display:grid rules can override the browser's default [hidden] display:none, so enforce hidden state explicitly for Additional nightly/alarm rows. */ #closingTeamLeadV2 #ctlCommand .ctl-custom-check[hidden], #closingTeamLeadV2 #ctlCommand .ctl-custom-check.ctl-progressive-hidden { display: none !important; } #closingTeamLeadV2 #ctlCommand .ctl-custom-check.ctl-progressive-visible { display: grid; } #closingTeamLeadV2 .ctl-lead-wizard-nav-mobile{display:none;} #closingTeamLeadV2 .ctl-lead-wizard-nav-bottom{display:grid;} /* v5.9.162.22.7.28 — iPhone-safe one-section Closing Lead flow */ #closingTeamLeadV2 .ctl-lead-single-section{ width:100%; } #closingTeamLeadV2 .ctl-mobile-step-card{ max-width:100%; } #closingTeamLeadV2 .ctl-photo-gallery-details, #closingTeamLeadV2 .ctl-mobile-attention-details{ border:1px solid var(--ctl-border,#d7dee8); border-radius:12px; background:var(--ctl-panel,#fff); } #closingTeamLeadV2 .ctl-photo-gallery-details{margin-top:8px;padding:7px 8px} #closingTeamLeadV2 .ctl-photo-gallery-details summary, #closingTeamLeadV2 .ctl-mobile-attention-details summary{ cursor:pointer; font-weight:900; } #closingTeamLeadV2 .ctl-mobile-attention-details{ padding:9px 10px; } #closingTeamLeadV2 .ctl-mobile-attention-details summary{ display:flex; align-items:center; justify-content:space-between; gap:8px; list-style:none; } #closingTeamLeadV2 .ctl-mobile-attention-details summary::-webkit-details-marker{display:none} #closingTeamLeadV2 .ctl-mobile-attention-details[open] summary{margin-bottom:8px} @media(max-width:760px){ /* iPhone/PWA-safe navigation: keep Back/Next directly below the five quick buttons inside the existing sticky top area. Do not use position:fixed; Safari can place a fixed descendant outside the visible PWA viewport. */ #closingTeamLeadV2 .ctl-lead-wizard-nav-mobile{ display:grid!important; position:static!important; grid-template-columns:1fr 1fr!important; gap:5px!important; margin:5px 0 0!important; padding:5px!important; border-radius:10px!important; box-shadow:none!important; background:var(--ctl-panel,#fff)!important; } #closingTeamLeadV2 .ctl-lead-wizard-nav-mobile>span{display:none!important;} #closingTeamLeadV2 .ctl-lead-wizard-nav-mobile .ctl-btn{ display:flex!important; visibility:visible!important; opacity:1!important; min-height:38px!important; width:100%!important; justify-content:center!important; padding:6px 8px!important; font-size:.76rem!important; } #closingTeamLeadV2 .ctl-lead-wizard-nav-bottom{display:none!important;} /* The five buttons remain the permanent section map; Next/Back moves through the smaller screens inside each numbered group. */ #closingTeamLeadV2 .ctl-lead-wizard-top{ padding-top:2px; } #closingTeamLeadV2 .ctl-lead-wizard-body{ padding-bottom:50px; } #closingTeamLeadV2 .ctl-lead-step-head{ margin:2px 0 5px; } #closingTeamLeadV2 .ctl-lead-step-head h2{ font-size:1rem; } #closingTeamLeadV2 .ctl-mobile-step-card{ margin-bottom:5px!important; padding:9px 10px!important; } #closingTeamLeadV2 .ctl-mobile-shift-grid, #closingTeamLeadV2 .ctl-mobile-coverage-grid{ grid-template-columns:1fr 1fr!important; } #closingTeamLeadV2 .ctl-mobile-recognition-grid{ grid-template-columns:1fr 1fr 1fr!important; } #closingTeamLeadV2 .ctl-mobile-recognition-grid label:first-child, #closingTeamLeadV2 .ctl-mobile-recognition-grid .ctl-recognition-notes{ grid-column:1/-1!important; } #closingTeamLeadV2 .ctl-mobile-recognition-grid textarea{ min-height:44px!important; } #closingTeamLeadV2 #ctlCommand .ctl-tonight-field-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:5px!important; } #closingTeamLeadV2 #ctlCommand .ctl-tonight-field-grid textarea{ min-height:42px!important; max-height:70px; } #closingTeamLeadV2 .ctl-photo-gallery-details:not([open]){ padding-bottom:7px; } #closingTeamLeadV2 .ctl-status-grid{ gap:6px!important; } #closingTeamLeadV2 .ctl-status{ padding:7px!important; } #closingTeamLeadV2 .ctl-status input, #closingTeamLeadV2 .ctl-status select{ min-height:32px!important; } } @media(max-width:480px){ #closingTeamLeadV2 .ctl-lead-section-map button{ min-height:39px; } #closingTeamLeadV2 .ctl-lead-section-map button strong{ font-size:.55rem!important; } #closingTeamLeadV2 .ctl-mobile-shift-grid{ grid-template-columns:1fr 1fr!important; } #closingTeamLeadV2 .ctl-mobile-coverage-grid{ grid-template-columns:1fr!important; } #closingTeamLeadV2 .ctl-mobile-recognition-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } #closingTeamLeadV2 .ctl-mobile-recognition-grid label{ min-width:0; } #closingTeamLeadV2 .ctl-mobile-recognition-grid input{ min-width:0; width:100%; } #closingTeamLeadV2 .ctl-lead-wizard-nav-mobile{ padding-bottom:max(5px,env(safe-area-inset-bottom,0px))!important; } #closingTeamLeadV2 .ctl-lead-wizard-body{ padding-bottom:12px; } } @supports (-webkit-touch-callout:none){ @media(max-width:650px){ #closingTeamLeadV2 .ctl-lead-wizard-top{ position:-webkit-sticky; position:sticky; top:0; z-index:45; background:var(--ctl-bg,#f7f8fa); padding-bottom:5px; } #closingTeamLeadV2 .ctl-lead-wizard-nav-mobile{ -webkit-transform:translateZ(0); transform:translateZ(0); } } } /* INF Rescue v5.9.162.22.7.29 — mobile execution view Desktop remains the Closing Command Center. Phones prioritize the current checklist task and collapse command-center utilities behind one Tools control. */ #closingTeamLeadV2 .ctl-mobile-tools{display:none} @media(max-width:760px){ /* The global INF Rescue header already identifies the page. Remove the second large command-center header and the legacy command/subview bars on phones. */ #closingTeamLeadV2 .ctl-page-head, #closingTeamLeadV2 .ctl-subnav, #closingTeamLeadV2 .ctl-lead-top-tools{ display:none!important; } /* Current task begins immediately below the time-sensitive alarm + section map. */ #closingTeamLeadV2 .ctl-lead-wizard-top{ position:static!important; padding:2px 0 4px!important; background:transparent!important; } #closingTeamLeadV2 .ctl-next-alarm-dock{ margin:0 0 6px!important; } #closingTeamLeadV2 .ctl-next-alarm-pill{ min-height:42px!important; padding:7px 12px!important; border-radius:14px!important; font-size:.82rem!important; } /* Five permanent quick buttons stay readable but compact. */ #closingTeamLeadV2 .ctl-lead-section-map{ gap:2px!important; padding:3px!important; margin:0!important; border-radius:12px!important; } #closingTeamLeadV2 .ctl-lead-section-map button{ min-height:42px!important; padding:4px 1px!important; display:grid!important; grid-template-rows:18px auto!important; place-items:center!important; gap:2px!important; } #closingTeamLeadV2 .ctl-lead-section-map button span{ width:18px!important; height:18px!important; flex-basis:18px!important; font-size:.59rem!important; } #closingTeamLeadV2 .ctl-lead-section-map button strong{ font-size:.60rem!important; line-height:1!important; } /* Navigation becomes a simple control row, not another card. */ #closingTeamLeadV2 .ctl-lead-wizard-nav-mobile{ margin:5px 0 0!important; padding:0!important; gap:6px!important; border:0!important; background:transparent!important; box-shadow:none!important; } #closingTeamLeadV2 .ctl-lead-wizard-nav-mobile .ctl-btn{ min-height:42px!important; border-radius:12px!important; padding:7px 10px!important; font-size:.80rem!important; } /* All secondary command-center controls live here on mobile. */ #closingTeamLeadV2 .ctl-mobile-tools{ display:block!important; margin:5px 0 0; border:1px solid var(--ctl-border,#d7dee8); border-radius:11px; background:var(--ctl-panel,#fff); overflow:hidden; } #closingTeamLeadV2 .ctl-mobile-tools>summary{ min-height:34px; box-sizing:border-box; padding:6px 10px; display:flex; align-items:center; justify-content:space-between; gap:8px; list-style:none; cursor:pointer; font-size:.68rem; font-weight:900; color:var(--ctl-text,#172033); } #closingTeamLeadV2 .ctl-mobile-tools>summary::-webkit-details-marker{display:none} #closingTeamLeadV2 .ctl-mobile-tools>summary::after{ content:"⌄"; color:var(--ctl-muted,#64748b); font-size:.8rem; margin-left:auto; } #closingTeamLeadV2 .ctl-mobile-tools[open]>summary::after{content:"⌃"} #closingTeamLeadV2 .ctl-mobile-tools>summary small{ margin-left:auto; font-size:.58rem; font-weight:800; color:var(--ctl-muted,#64748b); } #closingTeamLeadV2 .ctl-mobile-cloud-status.saved{color:var(--ctl-green,#177a3d)!important} #closingTeamLeadV2 .ctl-mobile-cloud-status.saving{color:var(--ctl-amber,#a15c00)!important} #closingTeamLeadV2 .ctl-mobile-cloud-status.error{color:var(--ctl-risk,#b42318)!important} #closingTeamLeadV2 .ctl-mobile-tools-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; padding:7px; border-top:1px solid var(--ctl-border,#d7dee8); } #closingTeamLeadV2 .ctl-mobile-tools-grid .ctl-btn{ min-width:0; min-height:36px; padding:5px 4px; border-radius:9px; font-size:.65rem; line-height:1.05; } /* One title only: STEP x · y/z + task name. */ #closingTeamLeadV2 .ctl-lead-wizard-body{ padding-top:7px!important; padding-bottom:10px!important; } #closingTeamLeadV2 .ctl-lead-step-head{ margin:0 0 6px!important; } #closingTeamLeadV2 .ctl-lead-step-head>div{ display:grid; grid-template-columns:auto 1fr; align-items:baseline; gap:5px 8px; width:100%; } #closingTeamLeadV2 .ctl-lead-step-head .ctl-lead-eyebrow{ grid-column:1; font-size:.56rem!important; line-height:1!important; white-space:nowrap; } #closingTeamLeadV2 .ctl-lead-step-head h2{ grid-column:2; margin:0!important; font-size:1.08rem!important; line-height:1.05!important; } #closingTeamLeadV2 .ctl-lead-step-head .ctl-note{ grid-column:1/-1; display:none!important; } /* The work card should read like a mobile form, not a nested dashboard card. */ #closingTeamLeadV2 .ctl-mobile-step-card{ margin:0!important; padding:8px!important; border-radius:13px!important; } #closingTeamLeadV2 .ctl-mobile-no-duplicate-title>.ctl-card-title{ display:none!important; } #closingTeamLeadV2 .ctl-mobile-check-card>.ctl-card-title h3{ display:none!important; } #closingTeamLeadV2 .ctl-mobile-check-card>.ctl-card-title{ justify-content:flex-end!important; margin:0 0 4px!important; } #closingTeamLeadV2 .ctl-recognition-title h3{ display:none!important; } #closingTeamLeadV2 .ctl-recognition-title{ justify-content:flex-end!important; margin-bottom:2px!important; } #closingTeamLeadV2 .ctl-store-status-title>div:first-child>h3, #closingTeamLeadV2 .ctl-store-status-title>div:first-child>p{ display:none!important; } /* Inputs: smaller visual footprint but preserve practical iPhone tap targets. */ #closingTeamLeadV2 #ctlCommand label{ font-size:.68rem!important; line-height:1.08!important; } #closingTeamLeadV2 #ctlCommand input, #closingTeamLeadV2 #ctlCommand select{ min-height:42px!important; padding:7px 9px!important; font-size:.82rem!important; border-radius:10px!important; } #closingTeamLeadV2 #ctlCommand textarea{ min-height:46px!important; padding:7px 9px!important; font-size:.80rem!important; border-radius:10px!important; } #closingTeamLeadV2 .ctl-mobile-shift-grid{ gap:6px!important; } #closingTeamLeadV2 .ctl-mobile-coverage-grid{ gap:6px!important; } #closingTeamLeadV2 .ctl-kpi-grid-compact{ gap:5px!important; margin-top:5px!important; } /* Checklist rows become single-line execution rows wherever possible. */ #closingTeamLeadV2 #ctlCommand .ctl-night-checks{ gap:4px!important; } #closingTeamLeadV2 #ctlCommand .ctl-night-check{ min-height:48px!important; padding:6px 8px!important; border-radius:11px!important; align-items:center!important; } #closingTeamLeadV2 #ctlCommand .ctl-night-main{ align-items:center!important; gap:7px!important; } #closingTeamLeadV2 #ctlCommand .ctl-night-main>input[type="checkbox"]{ width:22px!important; height:22px!important; min-width:22px!important; max-width:22px!important; flex-basis:22px!important; margin:0!important; } #closingTeamLeadV2 #ctlCommand .ctl-night-main>span{ font-size:.76rem!important; line-height:1.12!important; } #closingTeamLeadV2 #ctlCommand .ctl-na-toggle{ align-self:center!important; font-size:.66rem!important; } #closingTeamLeadV2 #ctlCommand .ctl-na-toggle input[type="checkbox"]{ width:18px!important; height:18px!important; min-width:18px!important; max-width:18px!important; } #closingTeamLeadV2 #ctlCommand .ctl-custom-section-title{ margin:6px 0 3px!important; padding-top:2px!important; } /* Bottom app navigation already occupies the safe area. Don't create a second pseudo-footer or excessive spacer above it. */ #closingTeamLeadV2 .ctl-lead-wizard-body{ margin-bottom:0!important; } } @media(max-width:430px){ #closingTeamLeadV2 .ctl-mobile-tools-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } #closingTeamLeadV2 .ctl-lead-section-map button strong{ font-size:.57rem!important; } #closingTeamLeadV2 .ctl-lead-step-head h2{ font-size:1rem!important; } } @supports (-webkit-touch-callout:none){ @media(max-width:760px){ /* Override 22.7.28 sticky rule: iOS gets a normal document flow so the current form is not pushed below a tall stack of persistent controls. */ #closingTeamLeadV2 .ctl-lead-wizard-top{ position:static!important; top:auto!important; z-index:auto!important; -webkit-transform:none!important; transform:none!important; } } } /* v5.9.162.22.7.33 — alarm verification capture state */ #closingTeamLeadV2 .ctl-night-check.photo-pending{ outline:2px solid color-mix(in srgb, #2563eb 35%, transparent); background:color-mix(in srgb, #2563eb 7%, var(--ctl-panel,#fff)); } #closingTeamLeadV2 .ctl-night-check.photo-pending .ctl-completed-at{ color:#2563eb; font-weight:800; } /* v5.9.162.22.7.34 — native iOS Alarm Check camera control */ #closingTeamLeadV2 .ctl-alarm-native-file{ position:absolute!important; width:1px!important; height:1px!important; opacity:0!important; pointer-events:none!important; overflow:hidden!important; } #closingTeamLeadV2 .ctl-alarm-native-trigger{ cursor:pointer; } #closingTeamLeadV2 .ctl-alarm-fake-check{ width:22px; height:22px; min-width:22px; border:2px solid #8a8f98; border-radius:6px; background:#fff; box-sizing:border-box; display:inline-block; } #closingTeamLeadV2 .ctl-alarm-native-trigger:active .ctl-alarm-fake-check{ transform:scale(.96); } #closingTeamLeadV2 .ctl-alarm-native-trigger .ctl-completed-at{ color:#2563eb; font-weight:800; } /* 22.7.35: save state is separate from the checklist layout. */ .ctl-proof-input{position:fixed!important;left:-9999px!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;} #closingTeamLeadV2 .ctl-save-details{margin-top:8px;border:1px solid var(--ctl-border,#d7dee8);border-radius:12px;background:var(--ctl-panel,#fff);color:var(--ctl-text,#172033);} #closingTeamLeadV2 .ctl-save-details>summary{padding:10px 12px;min-height:44px;box-sizing:border-box;cursor:pointer;font-size:14px;font-weight:750;} #closingTeamLeadV2 [data-reliable-queue]{padding:0 12px 12px;} #closingTeamLeadV2 .ctl-save-job{border-top:1px solid var(--ctl-border,#d7dee8);padding:12px 0;} #closingTeamLeadV2 .ctl-save-job-head{display:flex;gap:10px;align-items:flex-start;} #closingTeamLeadV2 .ctl-save-job-head>img{width:64px;height:64px;object-fit:cover;border-radius:9px;flex-shrink:0;} #closingTeamLeadV2 .ctl-save-job-head>div{min-width:0;overflow-wrap:anywhere;} #closingTeamLeadV2 .ctl-save-job small,#closingTeamLeadV2 .ctl-save-job span,#closingTeamLeadV2 .ctl-save-conflict small{display:block;font-size:13px;line-height:1.4;margin:3px 0;} #closingTeamLeadV2 .ctl-save-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;} #closingTeamLeadV2 .ctl-save-actions .ctl-btn,#closingTeamLeadV2 .ctl-save-conflict .ctl-btn{min-height:44px!important;font-size:14px!important;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;} #closingTeamLeadV2 .ctl-save-error{color:var(--ctl-risk,#b42318);font-size:14px;line-height:1.4;overflow-wrap:anywhere;} #closingTeamLeadV2 .ctl-save-footnote{font-size:12px;line-height:1.45;color:var(--ctl-muted,#64748b);margin-top:12px;} #closingTeamLeadV2 .ctl-save-conflict{border-left:3px solid var(--ctl-risk,#b42318);padding:8px;} #closingTeamLeadV2 .ctl-save-conflict>div{padding:6px 0;overflow-wrap:anywhere;max-height:170px;overflow:auto;} #closingTeamLeadV2 .ctl-proof-trigger{cursor:pointer;min-height:44px;} #closingTeamLeadV2 .ctl-proof-trigger small{display:block;font-size:12px;line-height:1.3;color:var(--ctl-muted,#64748b);font-weight:500;} #closingTeamLeadV2 .ctl-alarm-proof{grid-column:1/-1;min-width:0;} #closingTeamLeadV2 .ctl-alarm-proof:empty{display:none;} #closingTeamLeadV2 .ctl-alarm-proof small{display:block;font-size:12px;line-height:1.35;} #closingTeamLeadV2 .ctl-proof-view{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:8px;text-align:left;min-height:44px;padding:6px 0;cursor:pointer;} #closingTeamLeadV2 .ctl-proof-view img{width:44px;height:44px;border-radius:7px;object-fit:cover;} #closingTeamLeadV2 .ctl-proof-view span{font-size:13px;line-height:1.3;} #closingTeamLeadV2 .ctl-capture-recovery{border-left:3px solid #2563eb;padding:8px;font-size:14px;} #closingTeamLeadV2 .ctl-custom-main:has([data-alarm-proof]){display:grid;grid-template-columns:1fr;gap:8px;} #closingTeamLeadV2 [data-proof-normal]{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:44px;} @media (prefers-reduced-motion:reduce){#closingTeamLeadV2 .ctl-save-details *{scroll-behavior:auto!important;}} /* Keep controls aligned with the older compact-checklist cascade. */ #closingTeamLeadV2 #ctlCommand .ctl-proof-trigger>span.ctl-alarm-fake-check{ width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important; flex:0 0 22px!important;display:block!important;box-sizing:border-box!important; } #closingTeamLeadV2 #ctlCommand .ctl-alarm-row>.ctl-na-toggle{grid-column:2!important;grid-row:1!important;} #closingTeamLeadV2 #ctlCommand .ctl-alarm-row>.ctl-alarm-proof{grid-column:1/-1!important;grid-row:2!important;} #closingTeamLeadV2 #ctlCommand .ctl-alarm-row.done{opacity:1!important;} #closingTeamLeadV2 #ctlCommand .ctl-custom-main.ctl-custom-alarm-grid{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;} #closingTeamLeadV2 #ctlCommand .ctl-custom-alarm-grid>label{min-width:0;display:block;} #closingTeamLeadV2 #ctlCommand .ctl-custom-alarm-grid textarea{width:100%;box-sizing:border-box;}