/* Final site-wide navy, gold, white overrides */
body{background:#f4f7fb!important;color:#10213d!important}.demo-site-shell{background:#f4f7fb!important}.demo-sidebar,.ops-nav,.local-login-card,.editor-bar{background:#0c1f3d!important;border-color:#294466!important}.demo-sidebar h1,.ops-nav h1,.local-login-card h1,.local-login-card h2{color:#fff!important}.demo-workspace h2,.ops-top h2,.dashboard-panel h2,.supervisor-shell>.supervisor-header h1{color:#0c1f3d!important}.demo-tile,.ops-card,.dashboard-panel,.metric-card{background:#fff!important;border-color:#dbe2ec!important;color:#10213d!important;box-shadow:0 8px 24px rgba(12,31,61,.06)!important}.demo-tile span,.ops-card p{color:#68768d!important}.ops-nav button:hover,.ops-nav a:hover,.ops-nav button.active{background:#19365f!important;color:#fff!important}.ops-nav button.active{box-shadow:inset 3px 0 #c89840!important}.· 1st {color:#a47725!important}.demo-sidebar .· 1st ,.ops-nav .· 1st {color:#d5aa54!important}.demo-form input,.demo-form select,.local-login-card input{background:#091831!important;border-color:#395273!important;color:#fff!important}button{background:#b8872d!important;color:#fff!important}.secondary{background:#e8edf5!important;color:#10213d!important}
.demo-brand-logo{display:block;width:100%;max-width:190px;aspect-ratio:1.04/1;object-fit:cover;border-radius:10px;border:1px solid #355176;box-shadow:0 12px 28px rgba(0,0,0,.22);margin-bottom:24px}.demo-session{background:#142d53!important;border:1px solid #355176!important;border-radius:11px!important;padding:17px!important}.demo-session span{color:#aebcd0!important;font-size:.73rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.1em!important}.demo-session strong{color:#fff!important;font-size:1.18rem!important;line-height:1.2!important}.demo-session small{color:#d9e2ef!important;font-size:.86rem!important}.demo-session .secondary{margin-top:8px!important;padding:9px 12px!important;background:#fff!important;color:#0c1f3d!important}.site-credit{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dbe2ec;margin-top:56px;padding:20px 2px 0;color:#68768d}.site-credit span{color:#10213d;font-size:.72rem;font-weight:750;letter-spacing:.04em}.site-credit small{font-size:.68rem;color:#7d889b}@media(max-width:650px){.site-credit{align-items:flex-start;flex-direction:column;gap:7px}.demo-brand-logo{max-width:160px}}
.demo-logo{width:190px!important;height:183px!important;max-width:100%!important;border-radius:10px!important;background:url('lightstone-logo.png') center/cover no-repeat!important;border:1px solid #355176!important;box-shadow:0 12px 28px rgba(0,0,0,.22)!important;color:transparent!important;font-size:0!important;margin-bottom:24px!important}.demo-workspace:after{content:'LightStone Protection Group™    ·    Made and hosted by Warion Digital';display:block;border-top:1px solid #dbe2ec;margin-top:56px;padding:20px 2px 0;color:#6f7c91;font-size:.68rem;letter-spacing:.025em}.demo-workspace .site-credit+.demo-workspace:after{display:none}
.mobile-site-notice{position:fixed;z-index:9999;right:12px;bottom:12px;left:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#0c1f3d;color:#fff;border:1px solid #b8872d;border-radius:10px;padding:13px 15px;text-decoration:none;box-shadow:0 12px 36px rgba(12,31,61,.3)}.mobile-site-notice span{color:#e7c67f;font-size:.78rem}@media(min-width:701px){.mobile-site-notice{display:none}}
.demo-locked body>*:not(.demo-access-gate){visibility:hidden!important}.demo-access-gate{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:linear-gradient(145deg,#07162d,#102b52);padding:22px}.demo-access-card{width:min(390px,100%);display:grid;gap:14px;background:#fff;border-top:4px solid #b8872d;border-radius:14px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.35);color:#10213d}.demo-access-card img{width:86px;height:82px;object-fit:cover;border-radius:9px}.demo-access-card p{margin:4px 0 -5px;color:#9a7024;font-size:.66rem;font-weight:850;letter-spacing:.13em}.demo-access-card h1{margin:0;color:#0c1f3d;font-size:1.8rem}.demo-access-card>span{color:#67748a;font-size:.85rem}.demo-access-card label{display:grid;gap:7px;margin:4px 0 0;color:#354761;font-size:.78rem;font-weight:750}.demo-access-card input{height:54px;text-align:center;font-size:1.5rem;letter-spacing:.35em;border:1px solid #c8d2e0;color:#0c1f3d}.demo-access-card button{min-height:49px}.demo-access-card small{min-height:17px;color:#ad342b;font-weight:700}
.demo-workspace:after{display:none!important;content:none!important}.site-credit{margin-top:44px!important;padding-top:16px!important;border-top:1px solid #dbe2ec!important}.site-credit span{font-size:.68rem!important}.site-credit small{font-size:.68rem!important}
/* Staging portal polish */
.ops-nav nav{gap:8px!important}.ops-nav button,.ops-nav nav>a{min-height:46px;padding:12px 15px!important;align-items:center;border-radius:9px!important}.ops-nav nav>a{background:rgba(255,255,255,.035)!important}.ops-nav nav>a:hover{background:#19365f!important}.dashboard-panel{padding:32px 36px!important;margin-top:22px!important;overflow:hidden}.dashboard-panel .· 1st {margin:0 0 10px!important}.dashboard-panel h2{font-size:clamp(1.8rem,3vw,2.65rem)!important;line-height:1.08!important;margin:0 0 14px!important}.dashboard-panel>p:not(.· 1st ){font-size:1.05rem;line-height:1.6;margin:0 0 20px;color:#53637c!important}.dashboard-panel>.demo-button{display:inline-flex!important;align-items:center;justify-content:center;width:auto;min-height:48px;padding:12px 18px!important;margin:0 0 22px;border:1px solid #b8872d!important;background:#b8872d!important;color:#fff!important;font-weight:800;white-space:normal}.dashboard-panel>.demo-button:hover{background:#956b20!important}.dashboard-panel .demo-tiles{clear:both;margin-top:4px!important}.dashboard-panel .demo-tile{min-height:118px!important}@media(max-width:700px){.dashboard-panel{padding:24px 20px!important}.dashboard-panel>.demo-button{width:100%}.ops-nav nav{gap:6px!important}}
body .dashboard-panel a.demo-button,body .dashboard-panel button.demo-button{background:#b8872d!important;border-color:#b8872d!important;color:#fff!important;font-weight:800!important}body .dashboard-panel a.demo-button:hover,body .dashboard-panel button.demo-button:hover{background:#956b20!important;color:#fff!important}body .ops-nav button,body .ops-nav a{color:#fff!important}.demo-form select option{background:#091831!important;color:#fff!important}













































.qr-dashboard-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}.qr-dashboard-head h3{font-size:clamp(1.7rem,3vw,2.45rem);margin:4px 0 6px;color:#fff}.qr-dashboard-head p{margin:0;color:#c9d4e4}.qr-summary{display:flex;gap:10px;flex-wrap:wrap}.qr-summary span{background:#fff;border:1px solid #d9e2ef;border-radius:10px;color:#102b52;padding:10px 14px;white-space:nowrap}.qr-summary b{color:#b47b18}.qr-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.qr-filter button{background:#fff!important;color:#102b52!important;border:1px solid #cdd8e7!important;padding:9px 16px!important;border-radius:999px!important}.qr-filter button.active{background:#c9942d!important;color:#fff!important;border-color:#c9942d!important}.supervisor-checkpoint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.qr-status-card{background:#fff;border:1px solid #d5dfeb;border-left:5px solid #2ebd76;border-radius:14px;padding:18px;color:#102b52;box-shadow:0 8px 24px rgba(11,37,72,.08)}.qr-status-card>div{display:flex;justify-content:space-between;align-items:center}.qr-status-card strong{font-size:1.45rem}.qr-status-card h4{margin:13px 0 6px;font-size:1.05rem;color:#102b52}.qr-status-card p,.qr-status-card small{display:block;margin:0 0 5px;color:#52677f}.qr-status-card.due{border-left-color:#e1a62f}.qr-status-card.overdue{border-left-color:#d9574e}.qr-status-pill{font-size:.78rem;font-weight:800;padding:6px 10px;border-radius:999px;background:#dff7ea;color:#147445}.due .qr-status-pill{background:#fff1d2;color:#8a5a00}.overdue .qr-status-pill{background:#ffe4e1;color:#a53029}@media(max-width:900px){.supervisor-checkpoint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-dashboard-head{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.supervisor-checkpoint-grid{grid-template-columns:1fr}.qr-summary{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.qr-summary span{text-align:center;padding:8px 5px;font-size:.78rem}.qr-filter button{flex:1;padding:8px!important}}











































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































.site-credit{display:none!important}
.demo-workspace:after{display:block!important;content:'LightStone Protection Group™ · Made and hosted by Warion Digital'!important;border-top:1px solid #dbe2ec;margin-top:44px;padding-top:16px;color:#6f7c91;font-size:.68rem;letter-spacing:.025em}

body .dashboard-panel a.demo-button,body .dashboard-panel button.demo-button{background:#b8872d!important;border-color:#b8872d!important;color:#fff!important;font-weight:800!important}body .ops-nav button,body .ops-nav a{color:#fff!important}.demo-form select option{background:#091831!important;color:#fff!important}

.supervisor-shell>.dashboard-panel{background:linear-gradient(135deg,#0c1f3d 0%,#15365f 100%)!important;border:1px solid #294a72!important;border-top:4px solid #b8872d!important;box-shadow:0 16px 38px rgba(12,31,61,.14)!important}.supervisor-shell>.dashboard-panel .eyebrow{color:#e0b45a!important}.supervisor-shell>.dashboard-panel h2,.supervisor-shell>.dashboard-panel>p{color:#fff!important}.supervisor-shell>.dashboard-panel .demo-tiles{gap:16px}.supervisor-shell>.dashboard-panel .demo-tile{background:#fff!important;border:1px solid #d6dfeb!important;border-top:3px solid #b8872d!important;box-shadow:0 10px 24px rgba(0,0,0,.15)!important}.supervisor-shell>.dashboard-panel .demo-tile strong{color:#0c1f3d!important}.supervisor-shell>.dashboard-panel .demo-tile span{color:#5d6f88!important}

.checkpoint-widget-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.checkpoint-widget-head h2{margin-bottom:18px!important}.checkpoint-widget-head .demo-button{margin:0 0 18px!important}.checkpoint-table-wrap{overflow:auto;border-radius:10px;background:#fff}.checkpoint-widget table{width:100%;border-collapse:collapse;color:#10213d}.checkpoint-widget th{background:#e9eff6;color:#10213d;text-align:left;font-weight:850;padding:16px}.checkpoint-widget td{background:#fff;color:#10213d;padding:15px 16px;border-top:1px solid #e4eaf2;white-space:nowrap}.checkpoint-widget tbody tr:hover td{background:#f7f9fc}@media(max-width:700px){.checkpoint-widget-head{align-items:flex-start;flex-direction:column}.checkpoint-widget-head .demo-button{width:100%}}

.qr-dashboard-head{background:#0c1f3d!important;border-top:4px solid #c5943c!important;border-radius:16px;padding:24px;display:flex;justify-content:space-between;gap:24px;background:#0c1f3d;padding:24px}.qr-dashboard-head h3{font-size:clamp(1.7rem,3vw,2.45rem);margin:4px 0 6px;color:#fff}.qr-dashboard-head p{margin:0;color:#c9d4e4}.qr-summary{display:flex;gap:10px;flex-wrap:wrap}.qr-summary span{background:#fff;border:1px solid #d9e2ef;border-radius:10px;color:#102b52;padding:10px 14px;white-space:nowrap}.qr-summary b{color:#b47b18}.qr-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.qr-filter button{background:#fff!important;color:#102b52!important;border:1px solid #cdd8e7!important;padding:9px 16px!important;border-radius:999px!important}.qr-filter button.active{background:#c9942d!important;color:#fff!important;border-color:#c9942d!important}.supervisor-checkpoint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.qr-status-card{background:#fff;border:1px solid #d5dfeb;border-left:5px solid #2ebd76;border-radius:14px;padding:18px;color:#102b52;box-shadow:0 8px 24px rgba(11,37,72,.08)}.qr-status-card>div{display:flex;justify-content:space-between;align-items:center}.qr-status-card strong{font-size:1.45rem}.qr-status-card h4{margin:13px 0 6px;font-size:1.05rem;color:#102b52}.qr-status-card p,.qr-status-card small{display:block;margin:0 0 5px;color:#52677f}.qr-status-card.due{border-left-color:#e1a62f}.qr-status-card.overdue{border-left-color:#d9574e}.qr-status-pill{font-size:.78rem;font-weight:800;padding:6px 10px;border-radius:999px;background:#dff7ea;color:#147445}.due .qr-status-pill{background:#fff1d2;color:#8a5a00}.overdue .qr-status-pill{background:#ffe4e1;color:#a53029}@media(max-width:900px){.supervisor-checkpoint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-dashboard-head{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.supervisor-checkpoint-grid{grid-template-columns:1fr}.qr-summary{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.qr-summary span{text-align:center;padding:8px 5px;font-size:.78rem}.qr-filter button{flex:1;padding:8px!important}}

.supervisor-shell>.dashboard-panel .demo-tiles~.demo-button{display:inline-flex!important;align-items:center;justify-content:center;min-width:220px;min-height:52px;margin:28px 12px 0 0!important;padding:13px 20px!important;border-radius:10px!important;vertical-align:top;line-height:1.2;text-align:center}.supervisor-shell>.dashboard-panel .demo-tiles~.demo-button:last-child{margin-right:0!important}@media(max-width:760px){.supervisor-shell>.dashboard-panel .demo-tiles~.demo-button{display:flex!important;width:100%;margin:12px 0 0!important}.supervisor-shell>.dashboard-panel .demo-tiles+.demo-button{margin-top:24px!important}}

body .ops-nav #opsNav>button,body .ops-nav #opsNav>a{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:58px!important;margin:0!important;padding:14px 20px!important;border:0!important;border-radius:12px!important;background:#c18d2c!important;color:#fff!important;font-size:1rem!important;font-weight:800!important;line-height:1.2!important;box-shadow:none!important}body .ops-nav #opsNav>button:hover,body .ops-nav #opsNav>a:hover{background:#a97820!important;color:#fff!important}body .ops-nav #opsNav>button.active{background:#1d416f!important;color:#fff!important;box-shadow:inset 4px 0 #d3a23c!important}@media(max-width:700px){body .ops-nav #opsNav>button,body .ops-nav #opsNav>a{min-height:52px!important;padding:12px 15px!important;font-size:.9rem!important}}

.ops-page[data-page="checkpoints"]{font-family:inherit!important}.ops-page[data-page="checkpoints"] .qr-dashboard-head{background:#0c1f3d!important;border:1px solid #294466!important;border-top:4px solid #c5943c!important;border-radius:16px!important;padding:24px 26px!important;margin:0 0 22px!important;box-shadow:0 12px 30px rgba(12,31,61,.12)!important}.ops-page[data-page="checkpoints"] .qr-dashboard-head .eyebrow{color:#d5aa54!important;font-size:.72rem!important;font-weight:850!important;letter-spacing:.13em!important;margin:0 0 7px!important}.ops-page[data-page="checkpoints"] .qr-dashboard-head h3{color:#fff!important;font-family:inherit!important;font-size:clamp(1.8rem,3vw,2.55rem)!important;line-height:1.05!important;letter-spacing:-.035em!important;margin:0 0 9px!important}.ops-page[data-page="checkpoints"] .qr-dashboard-head p{color:#d7e1ee!important;font-family:inherit!important;font-size:1rem!important;line-height:1.5!important}.ops-page[data-page="checkpoints"] .qr-summary span{font-family:inherit!important;border-color:#d9e2ef!important;box-shadow:0 5px 16px rgba(0,0,0,.12)!important}.ops-page[data-page="checkpoints"] .qr-filter{margin:0 0 20px!important}@media(max-width:700px){.ops-page[data-page="checkpoints"] .qr-dashboard-head{padding:20px 18px!important}.ops-page[data-page="checkpoints"] .qr-summary{width:100%!important}}
.ops-page[data-page="checkpoints"] .qr-dashboard-head{background:#0c1f3d!important;border:1px solid #294466!important;border-top:4px solid #c5943c!important;border-radius:16px!important;padding:24px!important}.ops-page[data-page="checkpoints"] .qr-dashboard-head h3{color:#fff!important;font-family:inherit!important}.ops-page[data-page="checkpoints"] .qr-dashboard-head p{color:#d7e1ee!important}.ops-page[data-page="checkpoints"] .qr-dashboard-head .eyebrow{color:#d5aa54!important}
/* navy-card-surfaces-v1 */
.ops-page .ops-card,.ops-page .record-list article,.ops-page .audit-list article,.ops-page .metric-card,.ops-page .checkpoint-card{background:linear-gradient(135deg,#0c1f3d 0%,#15365f 100%)!important;border:1px solid #294a72!important;border-top:3px solid #c5943c!important;color:#fff!important;box-shadow:0 12px 28px rgba(12,31,61,.16)!important}.ops-page .ops-card h3,.ops-page .ops-card strong,.ops-page .ops-card b,.ops-page .record-list article b,.ops-page .record-list article strong,.ops-page .audit-list article b,.ops-page .checkpoint-card strong,.ops-page .checkpoint-number,.ops-page .metric-card strong{color:#fff!important}.ops-page .ops-card p,.ops-page .ops-card span,.ops-page .record-list article p,.ops-page .record-list article span,.ops-page .record-list article label,.ops-page .audit-list article time,.ops-page .audit-list article span,.ops-page .checkpoint-card span,.ops-page .checkpoint-card time,.ops-page .metric-card span{color:#d7e1ee!important}.ops-page .ops-card table{color:#eef4fb!important}.ops-page .ops-card thead{background:#19365f!important}.ops-page .ops-card th{color:#fff!important}.ops-page .ops-card td{color:#d7e1ee!important;border-color:#294a72!important}.ops-page .ops-card input,.ops-page .ops-card select,.ops-page .ops-card textarea,.ops-page .record-list article input,.ops-page .record-list article select,.ops-page .record-list article textarea{background:#091831!important;border-color:#395273!important;color:#fff!important}.ops-page .record-list article.critical{border-left:4px solid #e16657!important}.ops-page .record-list article.warning{border-left:4px solid #dfaa4d!important}

/* navy-surfaces-sitewide-v1 */
.demo-tile,.dashboard-panel,.metric-card,.ops-card,.record-list article,.audit-list article,.checkpoint-card,.shift-row,.local-login-card,.form-panel,.form-card,.mobile-card,.form-preview,.preview-row,.map-stage-wrap,.map-legend,.map-policy,.policy-note,.editor-bar{background:linear-gradient(135deg,#0c1f3d 0%,#15365f 100%)!important;border:1px solid #294a72!important;border-top:3px solid #c5943c!important;color:#fff!important;box-shadow:0 12px 28px rgba(12,31,61,.16)!important}.demo-tile h2,.demo-tile h3,.demo-tile strong,.dashboard-panel h2,.dashboard-panel h3,.dashboard-panel strong,.metric-card strong,.ops-card h2,.ops-card h3,.ops-card strong,.ops-card b,.record-list article strong,.record-list article b,.audit-list article b,.checkpoint-card strong,.shift-row strong,.local-login-card h1,.local-login-card h2,.local-login-card h3,.form-panel h1,.form-panel h2,.form-panel h3,.form-card h2,.form-card h3,.mobile-card h2,.mobile-card h3,.form-preview h2,.form-preview h3,.preview-row strong,.map-legend h2,.map-legend h3,.map-policy strong,.policy-note strong,.editor-bar h1,.editor-bar h2{color:#fff!important}.demo-tile p,.demo-tile span,.dashboard-panel p:not(.eyebrow),.dashboard-panel span,.metric-card span,.ops-card p,.ops-card span,.record-list article p,.record-list article span,.record-list article label,.audit-list article time,.audit-list article span,.checkpoint-card span,.checkpoint-card time,.shift-row span,.shift-row time,.local-login-card p,.local-login-card label,.form-panel p,.form-panel label,.form-card p,.form-card label,.mobile-card p,.mobile-card span,.form-preview p,.preview-row span,.map-legend p,.map-legend span,.map-policy,.policy-note,.editor-bar p{color:#d7e1ee!important}.local-login-card input,.local-login-card select,.local-login-card textarea,.form-panel input,.form-panel select,.form-panel textarea,.form-card input,.form-card select,.form-card textarea,.ops-card input,.ops-card select,.ops-card textarea,.record-list article input,.record-list article select,.record-list article textarea{background:#091831!important;border-color:#395273!important;color:#fff!important}.demo-tile{border-top-color:#c5943c!important}.demo-tile:hover{background:linear-gradient(135deg,#132b50 0%,#1b477a 100%)!important}.ops-card table,.form-panel table{color:#eef4fb!important}.ops-card thead,.form-panel thead{background:#19365f!important}.ops-card th,.form-panel th{color:#fff!important}.ops-card td,.form-panel td{color:#d7e1ee!important;border-color:#294a72!important}

/* font-contrast-sitewide-v1 */
.demo-tile a,.dashboard-panel a,.ops-card a,.record-list article a,.audit-list article a,.checkpoint-card a,.shift-row a,.local-login-card a,.form-panel a,.form-card a,.mobile-card a,.form-preview a,.preview-row a,.map-legend a,.map-policy a,.policy-note a,.editor-bar a{color:#f1c76f!important}.demo-tile li,.dashboard-panel li,.ops-card li,.record-list article li,.audit-list article li,.local-login-card li,.form-panel li,.form-card li,.mobile-card li,.form-preview li,.map-legend li,.map-policy li,.policy-note li{color:#d7e1ee!important}.demo-tile small,.dashboard-panel small,.ops-card small,.record-list article small,.audit-list article small,.checkpoint-card small,.shift-row small,.local-login-card small,.form-panel small,.form-card small,.mobile-card small,.form-preview small,.preview-row small,.map-legend small,.map-policy small,.policy-note small,.editor-bar small{color:#b9c8dc!important}body .supervisor-shell>.dashboard-panel .demo-tile strong,body .supervisor-shell>.dashboard-panel .demo-tile h3{color:#fff!important}body .supervisor-shell>.dashboard-panel .demo-tile span,body .supervisor-shell>.dashboard-panel .demo-tile p{color:#d7e1ee!important}.demo-sidebar h1,.demo-sidebar h2,.demo-sidebar h3,.demo-sidebar strong,.ops-nav h1,.ops-nav h2,.ops-nav h3,.ops-nav strong,.editor-bar h1,.editor-bar h2,.editor-bar h3{color:#fff!important}.demo-sidebar p,.demo-sidebar span,.ops-nav p,.ops-nav span,.editor-bar p,.editor-bar span{color:#d7e1ee!important}.demo-sidebar a,.ops-nav a{color:#fff!important}.local-login-card input::placeholder,.local-login-card textarea::placeholder,.form-panel input::placeholder,.form-panel textarea::placeholder,.form-card input::placeholder,.form-card textarea::placeholder,.ops-card input::placeholder,.ops-card textarea::placeholder,.record-list article input::placeholder,.record-list article textarea::placeholder{color:#aebdd1!important;opacity:1!important}.local-login-card select option,.form-panel select option,.form-card select option,.ops-card select option,.record-list article select option{background:#091831!important;color:#fff!important}.selected-info,.selected-info strong,.selected-info span,.selected-info small{color:#fff!important}.map-legend .eyebrow,.dashboard-panel .eyebrow,.ops-card .eyebrow,.local-login-card .eyebrow,.form-panel .eyebrow,.form-card .eyebrow,.mobile-card .eyebrow,.form-preview .eyebrow{color:#e0b45a!important}

/* nested-contrast-fixes-v1 */
body .ops-card .alert-list p{background:#19365f!important;border:1px solid #38577c!important;color:#fff!important}body .ops-card .alert-list p b{color:#fff!important}body .ops-card .alert-list p span{color:#d7e1ee!important}.dar-quick-summary,.review-quick-summary{background:#19365f!important;border-color:#38577c!important}.dar-quick-summary>span,.review-quick-summary>span{color:#e0b45a!important}.dar-quick-summary p,.review-quick-summary p{color:#d7e1ee!important}body .demo-sidebar .portal-buttons .demo-button{background:#b8872d!important;border-color:#b8872d!important;color:#fff!important}body .demo-sidebar .portal-buttons .demo-button:hover{background:#956b20!important;color:#fff!important}body .supervisor-shell>.dashboard-panel .demo-tiles .demo-tile{background:linear-gradient(135deg,#132b50 0%,#193f6d 100%)!important;border:1px solid #38577c!important;border-top:3px solid #c5943c!important}body .supervisor-shell>.dashboard-panel .demo-tiles .demo-tile strong{color:#fff!important}body .supervisor-shell>.dashboard-panel .demo-tiles .demo-tile span{color:#d7e1ee!important}

/* coverage-typein-v1 */
.coverage-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:8px}.coverage-entry input{min-width:0;width:100%;padding:11px 12px;border:1px solid #395273;border-radius:9px;background:#091831;color:#fff;font:inherit}.coverage-entry input::placeholder{color:#aebdd1;opacity:1}.coverage-entry button{padding:11px 15px;border:0;border-radius:9px;background:#b8872d;color:#fff;font-weight:800}.coverage-entry button:disabled{opacity:.72}@media(max-width:520px){.coverage-entry{grid-template-columns:1fr}}

/* coverage-move-post-v1 */
.coverage-move{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:9px}.coverage-move select{min-width:0;width:100%;padding:10px 11px;border:1px solid #395273;border-radius:9px;background:#132b50;color:#fff;font:inherit}.coverage-move select option{background:#091831;color:#fff}.coverage-move button{padding:10px 15px;border:1px solid #c5943c;border-radius:9px;background:transparent;color:#f1c76f;font-weight:800}@media(max-width:520px){.coverage-move{grid-template-columns:1fr}}

/* equipment-typein-move-v1 */
body .ops-page[data-page="equipment"] .equipment-grid article{background:linear-gradient(135deg,#0c1f3d 0%,#15365f 100%)!important;border:1px solid #294a72!important;border-top:3px solid #c5943c!important;color:#fff!important;box-shadow:0 12px 28px rgba(12,31,61,.16)!important}body .ops-page[data-page="equipment"] .equipment-grid article>b{color:#fff!important}body .ops-page[data-page="equipment"] .equipment-grid article>span,body .ops-page[data-page="equipment"] .equipment-grid article>small{color:#d7e1ee!important}.equipment-entry,.equipment-move{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px}.equipment-entry input,.equipment-move select{min-width:0;width:100%;padding:10px 11px;border:1px solid #395273;border-radius:9px;background:#091831;color:#fff;font:inherit}.equipment-entry input::placeholder{color:#aebdd1;opacity:1}.equipment-move select option{background:#091831;color:#fff}.equipment-entry button{padding:10px 14px;border:0;border-radius:9px;background:#b8872d;color:#fff;font-weight:800}.equipment-move button{padding:10px 14px;border:1px solid #c5943c;border-radius:9px;background:transparent;color:#f1c76f;font-weight:800}@media(max-width:520px){.equipment-entry,.equipment-move{grid-template-columns:1fr}}

/* equipment-registry-v2 */
.ops-page[data-page="equipment"] .equipment-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))!important;align-items:start}.ops-page[data-page="equipment"] .equipment-record{display:grid!important;gap:12px!important;background:linear-gradient(135deg,#0c1f3d 0%,#15365f 100%)!important;border:1px solid #294a72!important;border-top:3px solid #c5943c!important;color:#fff!important}.ops-page[data-page="equipment"] .equipment-record.missing{border-color:#d85b50!important;border-top-color:#d85b50!important}.equipment-record-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.equipment-record-head h3{margin:0;color:#fff!important}.equipment-status{display:inline-flex!important;width:auto!important;padding:5px 9px;border-radius:999px;background:#19365f;color:#d7e1ee!important;font-size:.7rem!important;font-weight:800}.equipment-status.issued{background:#17452f;color:#8de1b3!important}.equipment-status.available{background:#19365f;color:#c5d6eb!important}.equipment-status.missing{background:#572723;color:#ffaaa2!important}.equipment-status.maintenance{background:#503b1d;color:#f2c875!important}.equipment-record label,.equipment-add-panel label{display:grid;gap:6px;color:#d7e1ee!important;font-size:.78rem;font-weight:750}.equipment-record input,.equipment-record select,.equipment-add-panel input,.equipment-add-panel select{width:100%;min-width:0;padding:10px 11px;border:1px solid #395273;border-radius:9px;background:#091831;color:#fff;font:inherit}.equipment-record input::placeholder,.equipment-add-panel input::placeholder{color:#aebdd1;opacity:1}.equipment-record select option,.equipment-add-panel select option{background:#091831;color:#fff}.equipment-actions{display:flex;flex-wrap:wrap;gap:9px}.equipment-actions button,.equipment-add-panel button{padding:10px 14px;border:0;border-radius:9px;background:#b8872d;color:#fff;font-weight:800}.equipment-actions button.secondary,.equipment-add-panel button.secondary{background:#e8edf5;color:#10213d}.missing-equipment-alert{margin:0;padding:10px 12px;border-radius:8px;background:#572723;color:#ffcbc6!important;font-weight:800}.equipment-add-panel{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;padding:18px;margin:12px 0 18px;border:1px solid #294a72;border-top:3px solid #c5943c;border-radius:12px;background:linear-gradient(135deg,#0c1f3d,#15365f)}.equipment-add-panel>div{grid-column:1/-1;display:flex;gap:9px}.equipment-add-panel.hidden{display:none!important}@media(max-width:900px){.equipment-add-panel{grid-template-columns:1fr 1fr}}@media(max-width:560px){.equipment-add-panel{grid-template-columns:1fr}}

/* equipment-form-permanent-v1 */
.ops-page[data-page="equipment"] .equipment-add-panel,.ops-page[data-page="equipment"] .equipment-add-panel.hidden{display:grid!important;margin-top:0!important}.ops-page[data-page="equipment"]>.toolbar:empty{display:none!important}

/* equipment-collapse-v1 */
.equipment-record-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important}.equipment-toggle{padding:7px 11px!important;border:1px solid #c5943c!important;border-radius:8px!important;background:transparent!important;color:#f1c76f!important;font-weight:800!important}.equipment-record.collapsed>label,.equipment-record.collapsed>.equipment-actions{display:none!important}.equipment-record.collapsed{gap:0!important;min-height:0!important}.equipment-record.collapsed .missing-equipment-alert{margin-top:10px!important}.equipment-record:not(.collapsed) .equipment-record-head{margin-bottom:2px}

/* equipment-collapse-compact-v2 */
.ops-page[data-page="equipment"] .equipment-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:10px!important}.ops-page[data-page="equipment"] .equipment-record.collapsed{padding:10px 12px!important;border-top-width:2px!important;border-radius:10px!important;box-shadow:0 5px 14px rgba(12,31,61,.12)!important}.equipment-record.collapsed .equipment-record-head{grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px!important;align-items:center!important}.equipment-record.collapsed .equipment-record-head h3{font-size:1rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equipment-record.collapsed .equipment-status{padding:3px 7px!important;font-size:.62rem!important}.equipment-record.collapsed .equipment-toggle{padding:5px 8px!important;font-size:.72rem!important}.equipment-record.collapsed>.missing-equipment-alert{display:none!important}

/* equipment-accordion-layout-v1 */
.ops-page[data-page="equipment"] .equipment-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:12px!important}.ops-page[data-page="equipment"] .equipment-record:not(.collapsed){grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;padding:20px 22px!important}.equipment-record:not(.collapsed) .equipment-record-head{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important}.equipment-record:not(.collapsed) .equipment-record-head h3{font-size:1.35rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.equipment-record:not(.collapsed)>.equipment-actions,.equipment-record:not(.collapsed)>.missing-equipment-alert{grid-column:1/-1!important}.equipment-record:not(.collapsed)>label{align-content:start!important}.equipment-record:not(.collapsed) .equipment-actions{padding-top:2px!important}.equipment-record.collapsed .equipment-record-head h3{max-width:100%!important}@media(max-width:800px){.ops-page[data-page="equipment"] .equipment-record:not(.collapsed){grid-template-columns:1fr!important}.equipment-record:not(.collapsed) .equipment-record-head,.equipment-record:not(.collapsed)>.equipment-actions,.equipment-record:not(.collapsed)>.missing-equipment-alert{grid-column:1!important}}

/* qr-checkpoint-theme-v3 */
.supervisor-checkpoint-grid .qr-status-card,
.checkpoint-grid .checkpoint-card{
  background:linear-gradient(145deg,#17385f,#102846)!important;
  border:1px solid #31547d!important;
  border-top:3px solid #c7922b!important;
  border-left:4px solid #c7922b!important;
  border-radius:16px!important;
  box-shadow:0 12px 28px rgba(7,24,48,.18)!important;
}
.supervisor-checkpoint-grid .qr-status-card strong,
.supervisor-checkpoint-grid .qr-status-card h4,
.checkpoint-grid .checkpoint-card strong,
.checkpoint-grid .checkpoint-card .checkpoint-number{color:#fff!important}
.supervisor-checkpoint-grid .qr-status-card p,
.supervisor-checkpoint-grid .qr-status-card small,
.checkpoint-grid .checkpoint-card>span,
.checkpoint-grid .checkpoint-card time{color:#d7e4f2!important}
.supervisor-checkpoint-grid .qr-status-card.complete,
.checkpoint-grid .checkpoint-card.active{border-left-color:#36c57a!important}
.supervisor-checkpoint-grid .qr-status-card.due,
.checkpoint-grid .checkpoint-card.due{border-left-color:#e7ad35!important}
.supervisor-checkpoint-grid .qr-status-card.overdue,
.checkpoint-grid .checkpoint-card.overdue{border-left-color:#e45e55!important}
.supervisor-checkpoint-grid .qr-status-pill,
.checkpoint-grid .status-pill{font-weight:800!important}
.supervisor-checkpoint-grid .qr-status-card.complete .qr-status-pill,
.checkpoint-grid .status-pill.active{background:#dff7e9!important;color:#08733d!important}
.supervisor-checkpoint-grid .qr-status-card.due .qr-status-pill,
.checkpoint-grid .status-pill.due{background:#fff0cd!important;color:#8b5b00!important}
.supervisor-checkpoint-grid .qr-status-card.overdue .qr-status-pill,
.checkpoint-grid .status-pill.overdue{background:#ffe0dc!important;color:#a52b25!important}
/* monday-production-readiness-v1 */
.delete-unsubmitted{display:inline-flex!important;align-items:center;gap:7px;margin-top:12px;padding:9px 12px!important;background:#7f2727!important;border:1px solid #e5756d!important;color:#fff!important;border-radius:9px!important;font-weight:800!important}
.coverage-add-controls{margin:0 0 16px}.coverage-post-form{display:grid;grid-template-columns:1fr 1fr .8fr auto auto;gap:12px;align-items:end;padding:16px;background:#17385f;border:1px solid #31547d;border-top:3px solid #c7922b;border-radius:14px}.coverage-post-form label{color:#fff}.coverage-post-form input,.coverage-post-form select{margin-top:6px;background:#0d2340!important;color:#fff!important;border-color:#42668e!important}.coverage-board article{position:relative}.post-remove{position:absolute;right:10px;top:10px;width:30px;height:30px;padding:0!important;border-radius:50%!important;background:#7f2727!important;color:#fff!important;border:1px solid #e5756d!important}.admin-quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px}.draft{position:relative;padding-right:54px!important}.draft-trash{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0!important;border-radius:9px!important;background:#7f2727!important;border:1px solid #e5756d!important;color:#fff!important;z-index:2}.demo-tile[data-vehicle-reports]{text-decoration:none}
@media(max-width:900px){.coverage-post-form{grid-template-columns:1fr 1fr}.coverage-post-form button{width:100%}}
@media(max-width:560px){.coverage-post-form{grid-template-columns:1fr}}

/* supervisor-layout-polish-v1 */

/*
 * Desktop navigation:
 * keep the sidebar attached to the page without creating
 * a second vertical scrollbar.
 */
@media (min-width:701px) {
  body .ops-shell {
    align-items:start;
  }

  body .ops-nav {
    position:sticky;
    top:0;
    height:auto;
    min-height:100vh;
    overflow:visible;
  }

  body .ops-main {
    width:100%;
    min-width:0;
    padding-left:38px;
    padding-right:38px;
  }

  body .ops-page {
    width:100%;
    min-width:0;
  }
}

/*
 * Toolbars:
 * prevent Search & Reports controls from squeezing
 * the action button against the right edge.
 */
body .ops-page[data-page="reports"] .toolbar {
  display:grid;
  grid-template-columns:
    minmax(220px,2fr)
    minmax(160px,1fr)
    minmax(160px,1fr)
    auto;
  gap:12px;
  align-items:center;
}

body .ops-page[data-page="reports"] .toolbar input,
body .ops-page[data-page="reports"] .toolbar select {
  width:100%;
  min-width:0;
}

body .ops-page[data-page="reports"] .toolbar button {
  min-width:120px;
  white-space:nowrap;
}

/*
 * Medium screens.
 */
@media (max-width:1100px) and (min-width:701px) {
  body .ops-page[data-page="reports"] .toolbar {
    grid-template-columns:1fr 1fr;
  }

  body .ops-page[data-page="reports"] .toolbar button {
    width:100%;
  }
}

/*
 * Mobile keeps the existing stacked navigation behavior.
 */
@media (max-width:700px) {
  body .ops-nav {
    height:auto;
    min-height:0;
    overflow:visible;
  }

  body .ops-page[data-page="reports"] .toolbar {
    display:grid;
    grid-template-columns:1fr;
  }

  body .ops-page[data-page="reports"] .toolbar button {
    width:100%;
  }
}


/* =========================================================
   QR LIVE ACTIVITY + ISSUE REPORTING
   ========================================================= */

.checkpoint-card.issue {
  border-left: 4px solid #e45e55 !important;
  border-top-color: #e45e55 !important;
}

.status-pill.issue {
  background: #572723 !important;
  color: #ffb4ad !important;
}

.status-pill.issue i {
  background: #ff7066 !important;
}

.qr-issue-type {
  color: #ffb4ad !important;
  font-weight: 850 !important;
}

.qr-resolve-button,
.qr-report-button {
  width: 100%;
  margin-top: 5px;
  padding: 7px 9px;
  border: 0;
  border-radius: 7px;
  font-size: .72rem;
  font-weight: 850;
}

.qr-report-button {
  background: #b8872d;
  color: #fff;
}

.qr-resolve-button {
  background: #e8edf5;
  color: #10213d;
}

.qr-await-admin {
  margin-top: 3px;
  padding: 5px 7px;
  border-radius: 6px;
  background: #572723;
  color: #ffb4ad !important;
  font-weight: 800;
}

.qr-supervisor-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 20px 22px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: linear-gradient(
    135deg,
    #0c1f3d,
    #15365f
  );
  border: 1px solid #294a72;
  border-top: 3px solid #c5943c;
}

.qr-supervisor-head h3 {
  margin: 2px 0 5px;
  color: #fff;
  font-size: 1.7rem;
}

.qr-supervisor-head p:not(.eyebrow) {
  margin: 0;
  color: #d7e1ee;
}

.qr-live-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
}

.qr-live-summary span {
  display: grid;
  min-width: 82px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #19365f;
  color: #d7e1ee;
  font-size: .68rem;
  text-align: center;
}

.qr-live-summary b {
  display: block;
  color: #fff;
  font-size: 1.05rem;
}

.qr-live-summary .issue-count {
  background: #572723;
}

.qr-issue-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(4, 13, 28, .72);
}

.qr-issue-modal.hidden {
  display: none !important;
}

.qr-issue-dialog {
  width: min(520px, 100%);
  padding: 22px;
  border-radius: 14px;
  background: linear-gradient(
    135deg,
    #0c1f3d,
    #15365f
  );
  border: 1px solid #395273;
  border-top: 4px solid #c5943c;
  box-shadow: 0 28px 70px rgba(0,0,0,.35);
}

.qr-issue-dialog-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
  margin-bottom: 16px;
}

.qr-issue-dialog h3 {
  margin: 2px 0 0;
  color: #fff;
}

.qr-modal-close {
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 0;
  font-size: 1.25rem;
}

#qrIssueForm {
  display: grid;
  gap: 12px;
}

#qrIssueForm label {
  display: grid;
  gap: 5px;
  color: #d7e1ee;
  font-size: .78rem;
  font-weight: 800;
}

#qrIssueForm input,
#qrIssueForm select,
#qrIssueForm textarea {
  width: 100%;
  padding: 10px 11px;
  border: 1px solid #395273;
  border-radius: 8px;
  background: #091831;
  color: #fff;
  font: inherit;
  box-sizing: border-box;
}

#qrIssueForm textarea {
  resize: vertical;
  min-height: 95px;
}

.qr-issue-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

@media (max-width: 800px) {
  .qr-supervisor-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .qr-live-summary {
    justify-content: flex-start;
  }
}

/* =========================================================
   SUPERVISOR QR DASHBOARD — VISUAL POLISH V1
   Scoped ONLY to the new live QR dashboard.
   ========================================================= */

/* ---------- PAGE HEADER ---------- */

.ops-page[data-page="qr-dashboard"] .qr-supervisor-head {
  padding: 18px 20px !important;
  margin-bottom: 14px !important;
  border: 1px solid #294a72 !important;
  border-top: 1px solid #294a72 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgba(7,24,48,.14) !important;
}

.ops-page[data-page="qr-dashboard"] .qr-supervisor-head h3 {
  margin: 2px 0 4px !important;
  font-size: 1.55rem !important;
}

.ops-page[data-page="qr-dashboard"] .qr-supervisor-head .eyebrow {
  margin: 0 0 3px !important;
  font-size: .68rem !important;
  letter-spacing: .11em !important;
}

.ops-page[data-page="qr-dashboard"]
.qr-supervisor-head p:not(.eyebrow) {
  font-size: .88rem !important;
}


/* ---------- SUMMARY COUNTERS ---------- */

.ops-page[data-page="qr-dashboard"] .qr-live-summary {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  justify-content: flex-end !important;
}

.ops-page[data-page="qr-dashboard"] .qr-live-summary span {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 6px 9px !important;
  border: 1px solid #31547d !important;
  border-radius: 999px !important;
  background: #19365f !important;
  font-size: .68rem !important;
  line-height: 1 !important;
}

.ops-page[data-page="qr-dashboard"] .qr-live-summary b {
  display: inline !important;
  margin: 0 !important;
  font-size: .9rem !important;
  line-height: 1 !important;
}

.ops-page[data-page="qr-dashboard"] .qr-live-summary .issue-count {
  background: #572723 !important;
  border-color: #8d3e37 !important;
}


/* ---------- LIVE ACTIVITY PANEL ---------- */

.ops-page[data-page="qr-dashboard"] > .ops-card,
.ops-page[data-page="qr-dashboard"] .ops-card {
  border-top: 1px solid #294a72 !important;
}

.ops-page[data-page="qr-dashboard"] .card-head {
  align-items: center !important;
  margin-bottom: 14px !important;
}

.ops-page[data-page="qr-dashboard"] .card-head h3 {
  margin-bottom: 2px !important;
}

.ops-page[data-page="qr-dashboard"] .card-head > div > span {
  font-size: .82rem !important;
}

.ops-page[data-page="qr-dashboard"] #refreshSupervisorQr {
  width: auto !important;
  min-width: 92px !important;
  padding: 9px 15px !important;
  border-radius: 9px !important;
}


/* ---------- CHECKPOINT GRID ---------- */

.ops-page[data-page="qr-dashboard"] .supervisor-live-qr-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}


/* ---------- BASE CHECKPOINT CARD ---------- */

.ops-page[data-page="qr-dashboard"]
.supervisor-live-qr-grid .checkpoint-card {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;

  min-width: 0 !important;
  min-height: 0 !important;

  padding: 13px 14px 12px !important;

  background:
    linear-gradient(145deg,#17385f,#102846) !important;

  border: 1px solid #31547d !important;
  border-top: 1px solid #31547d !important;
  border-left: 4px solid #31547d !important;

  border-radius: 13px !important;

  box-shadow:
    0 6px 16px rgba(7,24,48,.16) !important;
}


/* ---------- STATUS EDGE COLORS ---------- */

.ops-page[data-page="qr-dashboard"]
.checkpoint-card.working {
  border-left-color: #36c57a !important;
}

.ops-page[data-page="qr-dashboard"]
.checkpoint-card.attention {
  border-left-color: #e7ad35 !important;
}

.ops-page[data-page="qr-dashboard"]
.checkpoint-card.overdue {
  border-left-color: #e45e55 !important;
}

.ops-page[data-page="qr-dashboard"]
.checkpoint-card.issue {
  border-left-color: #ff7066 !important;
  border-top-color: #31547d !important;

  background:
    linear-gradient(
      145deg,
      #2c2738,
      #162b49
    ) !important;
}


/* ---------- CARD HEADER ---------- */

.ops-page[data-page="qr-dashboard"]
.checkpoint-card > div:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-bottom: 2px !important;
}

.ops-page[data-page="qr-dashboard"]
.checkpoint-number {
  font-size: 1.15rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


/* ---------- STATUS PILLS ---------- */

.ops-page[data-page="qr-dashboard"]
.status-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;

  width: auto !important;

  padding: 4px 8px !important;
  border-radius: 999px !important;

  font-size: .66rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.ops-page[data-page="qr-dashboard"]
.status-pill i {
  width: 6px !important;
  height: 6px !important;
  flex: 0 0 6px !important;
  border-radius: 50% !important;
}

.ops-page[data-page="qr-dashboard"]
.status-pill.working {
  background: #17452f !important;
  color: #8de1b3 !important;
}

.ops-page[data-page="qr-dashboard"]
.status-pill.working i {
  background: #43db8d !important;
}

.ops-page[data-page="qr-dashboard"]
.status-pill.attention {
  background: #503b1d !important;
  color: #f2c875 !important;
}

.ops-page[data-page="qr-dashboard"]
.status-pill.attention i {
  background: #e7ad35 !important;
}

.ops-page[data-page="qr-dashboard"]
.status-pill.overdue {
  background: #572723 !important;
  color: #ffaaa2 !important;
}

.ops-page[data-page="qr-dashboard"]
.status-pill.overdue i {
  background: #ff7066 !important;
}

.ops-page[data-page="qr-dashboard"]
.status-pill.issue {
  background: #672b27 !important;
  color: #ffc0ba !important;
}

.ops-page[data-page="qr-dashboard"]
.status-pill.issue i {
  background: #ff7066 !important;
}


/* ---------- CARD TEXT ---------- */

.ops-page[data-page="qr-dashboard"]
.checkpoint-card > span,
.ops-page[data-page="qr-dashboard"]
.checkpoint-card > time {
  font-size: .78rem !important;
  line-height: 1.28 !important;
}

.ops-page[data-page="qr-dashboard"]
.checkpoint-card > strong {
  line-height: 1.25 !important;
}


/* ---------- REPORT ISSUE BUTTON ---------- */

.ops-page[data-page="qr-dashboard"]
.qr-report-button {
  width: 100% !important;

  margin-top: auto !important;

  padding: 7px 9px !important;

  border: 0 !important;
  border-radius: 7px !important;

  background: #b8872d !important;
  color: #fff !important;

  font-size: .70rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;

  box-shadow: none !important;
}

.ops-page[data-page="qr-dashboard"]
.qr-report-button:hover {
  background: #9f7324 !important;
}


/* ---------- ACTIVE ISSUE ---------- */

.ops-page[data-page="qr-dashboard"]
.qr-issue-type {
  display: block !important;

  margin: 2px 0 0 !important;

  color: #ffaaa2 !important;

  font-size: .82rem !important;
  font-weight: 900 !important;
}

.ops-page[data-page="qr-dashboard"]
.qr-issue-description {
  padding: 7px 8px !important;

  border: 1px solid #70413e !important;
  border-radius: 7px !important;

  background: rgba(87,39,35,.42) !important;

  color: #ffd0cc !important;

  font-size: .75rem !important;
  line-height: 1.3 !important;
}

.ops-page[data-page="qr-dashboard"]
.qr-await-admin {
  display: block !important;

  margin-top: auto !important;
  padding: 6px 8px !important;

  border: 1px solid #8d3e37 !important;
  border-radius: 7px !important;

  background: #572723 !important;
  color: #ffb4ad !important;

  font-size: .69rem !important;
  font-weight: 850 !important;

  text-align: center !important;
}


/* ---------- RESPONSIVE ---------- */

@media (max-width: 1250px) {

  .ops-page[data-page="qr-dashboard"]
  .supervisor-live-qr-grid {
    grid-template-columns:
      repeat(4,minmax(0,1fr)) !important;
  }

}

@media (max-width: 1000px) {

  .ops-page[data-page="qr-dashboard"]
  .supervisor-live-qr-grid {
    grid-template-columns:
      repeat(3,minmax(0,1fr)) !important;
  }

}

@media (max-width: 800px) {

  .ops-page[data-page="qr-dashboard"]
  .qr-supervisor-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .ops-page[data-page="qr-dashboard"]
  .qr-live-summary {
    justify-content: flex-start !important;
  }

  .ops-page[data-page="qr-dashboard"]
  .supervisor-live-qr-grid {
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

}

@media (max-width: 540px) {

  .ops-page[data-page="qr-dashboard"]
  .supervisor-live-qr-grid {
    grid-template-columns: 1fr !important;
  }

  .ops-page[data-page="qr-dashboard"]
  .qr-live-summary {
    width: 100% !important;
  }

}

