:root{
  --bg:#020405;--panel:#070b0e;--panel2:#0a0f13;--line:#26323a;--line2:#172128;
  --text:#f5f7f8;--muted:#aeb8be;--blue:#1598ff;--blue2:#0b6fc2;--red:#ff2b24;
  --orange:#ff7900;--yellow:#ffc400;--green:#5fba24;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}
.app-shell{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at 70% 25%,#071015 0,#020405 48%)}
.sidebar{position:relative;border-right:1px solid #182229;background:#000;padding:17px 10px 54px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:2px 0 14px;margin-left:-3px}.brand-image{display:block;width:168px;max-width:100%;height:auto;filter:drop-shadow(0 0 10px rgba(0,0,0,.22))}
#nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#d7dde1;padding:10px 13px;border-radius:5px;text-align:left;cursor:pointer;font-size:13px}.nav-item:hover,.nav-item.active{background:#093d73;color:white}.nav-icon{width:18px;text-align:center;color:#eef2f4}.safety-card{margin-top:auto;border:1px solid #17242b;border-radius:6px;padding:12px 13px;color:#e9eef1}.safety-title{font-size:11px;letter-spacing:.5px}.safety-card p{margin:7px 0 0 28px;font-size:10px;line-height:1.8;color:#b9c2c7}.copyright{position:absolute;bottom:12px;left:10px;color:#828d93;font-size:8px}
.main-shell{min-width:0}.topbar{height:58px;border-bottom:1px solid #182229;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.top-select,.search-wrap,input,select,textarea{background:#030607;border:1px solid #24313a;color:#e6ecef;border-radius:4px}.top-select{padding:8px 12px;min-width:99px}.search-wrap{display:flex;align-items:center;width:405px;padding-left:10px}.search-wrap input{border:0;background:transparent;width:100%;padding:9px 10px;outline:0}.icon-btn,.user-btn{border:0;background:transparent;color:#eef2f4;position:relative;padding:7px 8px;cursor:pointer}.notification{position:absolute;right:-1px;top:-2px;background:#ed251f;color:white;border-radius:999px;padding:1px 5px;font-size:9px}
#content{padding:13px 13px 22px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.page-heading h1{font-size:18px;margin:0 0 2px}.page-heading p{margin:0;color:#b9c1c6;font-size:11px}.page-actions{display:flex;gap:8px;position:relative}.btn,.primary,.secondary{border:1px solid #29363f;color:#f3f6f7;background:#070b0e;padding:9px 14px;border-radius:4px;cursor:pointer}.primary{background:#0868be;border-color:#1487ee}.secondary{background:#080b0d}.split{display:inline-grid;grid-template-columns:1fr auto;padding:0}.split span{padding:9px 13px;border-right:1px solid #0d84e6}.split b{padding:9px 10px}.new-menu{position:absolute;right:0;top:42px;width:210px;background:#111920;border:1px solid #384650;border-radius:6px;z-index:20;overflow:hidden}.new-menu button{width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:11px 12px}.new-menu button:hover{background:#17242c}.new-menu small{display:block;color:#a9b2b8;margin:3px 0 0 22px}.hidden{display:none!important}
.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:10px}.kpi{min-height:92px;border:1px solid #202c33;background:linear-gradient(130deg,#080d10,#040708);border-radius:6px;padding:12px 13px;display:flex;justify-content:space-between;align-items:center}.kpi-label{font-size:10px;font-weight:800}.kpi-value{font-size:26px;font-weight:800;margin:6px 0 3px}.kpi small{font-size:10px;color:#bdc4c8}.kpi-icon{font-size:31px;line-height:1}.red-text{color:var(--red)}.orange-text{color:var(--orange)}.yellow-text{color:var(--yellow)}.green-text{color:var(--green)}.blue-text{color:var(--blue)}
.info-bar{display:flex;align-items:center;justify-content:space-between;border:1px solid #0f71bd;background:#06192a;color:#bfe2ff;border-radius:5px;padding:9px 12px;font-size:11px;margin-bottom:8px}.info-left{display:flex;gap:9px;align-items:center}.info-dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#46a8f6;color:#00111d;font-weight:800}.override{display:flex;align-items:center;gap:8px}.toggle-pill{border-radius:999px;background:#2b343a;padding:4px 8px;color:#ddd;font-size:9px}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:12px;align-items:start}.work-panel,.account-card,.generic-card{border:1px solid #1f2b32;background:linear-gradient(145deg,#080c0f,#040708);border-radius:6px;overflow:hidden}.tabs-row{display:flex;align-items:center;gap:24px;height:46px;border-bottom:1px solid #27333a;padding:0 10px}.tab{height:46px;display:flex;align-items:center;font-size:11px;color:#cfd5d8;white-space:nowrap;background:none;border:none;cursor:pointer;padding:0}.tab.active{border-bottom:2px solid var(--blue);color:#fff}.filter-row{display:flex;gap:7px;margin-left:auto;align-items:center}.filter-row select{padding:7px 25px 7px 10px;font-size:10px}.clear-filters{font-size:10px;color:#c7cdd0;white-space:nowrap;cursor:pointer}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}thead th{height:35px;border-bottom:1px solid #26333a;text-align:left;color:#dce1e4;font-size:9px;font-weight:600;padding:0 10px}tbody td{height:68px;border-bottom:1px solid #243037;padding:7px 10px;vertical-align:middle;font-size:11px}tbody tr{cursor:pointer}tbody tr:hover td:not(.rank-cell){background:#081219}.selected-row td:not(.rank-cell){box-shadow:inset 0 1px #0b9cff,inset 0 -1px #0b9cff}.selected-row td:nth-child(2){box-shadow:inset 1px 0 #0b9cff,inset 0 1px #0b9cff,inset 0 -1px #0b9cff}.selected-row td:last-child{box-shadow:inset -1px 0 #0b9cff,inset 0 1px #0b9cff,inset 0 -1px #0b9cff}
.rank-cell{padding:0!important;width:49px;min-width:49px;text-align:center;color:white;font-size:19px!important;font-weight:800;border-bottom-color:#172128!important}.rank-immediate{background:linear-gradient(90deg,#cb1711,#ef251d)}.rank-high{background:linear-gradient(90deg,#c65b00,#ec7a00)}.rank-normal{background:linear-gradient(90deg,#c29000,#eab500)}.rank-low{background:linear-gradient(90deg,#1265a8,#238ce3)}.rank-completed{background:linear-gradient(90deg,#2c5920,#477d2d)}
.wo-title{font-size:13px;color:#f2f5f6;margin-bottom:3px}.wo-sub{font-size:10px;color:#c4cbce}.downtime{font-size:10px;color:var(--red);margin-top:4px}.person-icon{display:inline-grid;place-items:center;border:1px solid #eef2f4;border-radius:50%;width:21px;height:21px;margin-right:7px}.status-open{color:var(--blue)}.status-immediate{color:var(--red)}.status-completed{color:var(--green)}.timeline-blue{color:var(--blue)}.timeline-red{color:var(--red)}.timeline-green{color:var(--green)}.priority-select{border:0;font-size:9px;font-weight:800;padding:6px 8px;border-radius:4px}.priority-select.immediate{background:#f51f18;color:white}.priority-select.high{background:#e46e00;color:white}.priority-select.normal{background:#efb800;color:#121212}.priority-select.low{background:#238ce3;color:white}.priority-select.completed{background:#4c872f;color:white}.loss-cell strong{font-size:11px}.loss-meta{display:block;color:#b6bec3;font-size:9px;margin-top:3px;line-height:1.25}.loss-meta b{font-size:11px}.row-action{position:relative}.dots-btn{background:none;border:0;color:#fff;font-size:19px;cursor:pointer}.row-menu{position:absolute;right:28px;top:12px;background:#111820;border:1px solid #36434c;border-radius:4px;z-index:15;width:100px}.row-menu button{display:block;width:100%;border:0;background:transparent;color:white;text-align:left;padding:8px}.row-menu button:hover{background:#1a252d}
.account-card{padding:0;min-height:0}.account-title{padding:12px 13px;border-bottom:1px solid #2b363d;font-size:10px;font-weight:800}.account-body{padding:10px 12px 12px}.account-body label{display:block;font-size:10px;margin-bottom:10px}.account-body select{display:block;width:100%;margin-top:6px;padding:7px 8px}.account-help{display:block;color:#909aa0;font-size:8px;margin-top:5px}.account-row{margin-top:12px}.account-label{font-size:10px;display:flex;justify-content:space-between;align-items:center}.repeat-count{font-size:13px;color:var(--red);font-weight:800}.comments-btn{width:100%;margin-top:12px;background:transparent;border:1px solid #078df4;color:#2ca6ff;padding:9px 8px;border-radius:4px;cursor:pointer}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.save-account-btn,.print-account-btn{width:100%;margin-top:0;padding:9px 6px;border-radius:4px;font-size:9px;font-weight:700;cursor:pointer;white-space:nowrap}.save-account-btn{background:#0868be;border:1px solid #1487ee;color:#fff}.save-account-btn:hover{background:#0a78d7}.print-account-btn{background:transparent;border:1px solid #1487ee;color:#2ca6ff}.print-account-btn:hover{background:#07192a}.account-save-status{min-height:13px;margin-top:5px;text-align:center;color:#a6b0b6;font-size:8px}.account-save-status.saved{color:var(--green)}.account-note{color:#879198;font-size:8px;line-height:1.5;margin-top:10px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;z-index:100}.modal-card{position:relative;width:min(620px,92vw);background:#0a0f12;border:1px solid #394750;border-radius:8px;padding:20px}.close-btn{position:absolute;right:12px;top:8px;border:0;background:none;color:#fff;font-size:25px;cursor:pointer}.modal-card h2{font-size:17px;margin:0 0 16px}.task-modal-card form,.comment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-card label{font-size:11px}.modal-card input,.modal-card select,.modal-card textarea{width:100%;padding:9px;margin-top:5px}.modal-card textarea{min-height:85px;resize:vertical}.span-2{grid-column:1/-1}.history-box{border-top:1px solid #26323a;margin-top:14px;padding-top:12px;font-size:10px}.history-title{margin:9px 0 6px;font-weight:700}.history-list{color:#bfc7cb;display:grid;gap:5px}.history-item{display:grid;grid-template-columns:72px 85px 1fr;gap:8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.placeholder{padding:40px;text-align:center;color:#9fa9ae}.generic-card{padding:18px}.asset-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:12px}.asset-table{min-width:800px}.asset-summary{display:grid;gap:12px}.footer-space{height:4px}
@media(max-width:1200px){.content-grid{grid-template-columns:minmax(0,1fr) 190px}.search-wrap{width:300px}.filter-row{display:none}.kpi-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.app-shell{grid-template-columns:170px minmax(0,1fr)}.content-grid{grid-template-columns:1fr}.account-card{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.search-wrap{width:230px}}


/* Users & Operators page — added in v8, preserving the v7 visual baseline */
.people-toolbar{display:flex;gap:8px;align-items:center;justify-content:flex-end}.db-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #1d6f48;background:#061811;color:#72d8a5;border-radius:999px;padding:6px 9px;font-size:9px}.people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.people-stat{border:1px solid #202c33;background:linear-gradient(130deg,#080d10,#040708);border-radius:6px;padding:13px}.people-stat .label{font-size:9px;color:#aeb8be;text-transform:uppercase}.people-stat .value{font-size:23px;font-weight:800;margin-top:5px}.operators-card{border:1px solid #1f2b32;background:linear-gradient(145deg,#080c0f,#040708);border-radius:6px;overflow:hidden}.operators-card-header{min-height:48px;border-bottom:1px solid #27333a;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.operators-card-header h3{margin:0;font-size:12px}.operator-search{width:260px;padding:8px 10px}.operators-table{min-width:920px}.operators-table tbody td{height:58px}.operator-name{font-size:12px;font-weight:700}.operator-meta{font-size:9px;color:#929da3;margin-top:3px}.status-badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:700}.status-active{background:#0d3a25;color:#77dea9;border:1px solid #1a6943}.status-inactive{background:#322116;color:#d9a06e;border:1px solid #654123}.score-chip{display:inline-block;min-width:42px;text-align:center;padding:5px 7px;border-radius:4px;background:#0b2132;color:#43aefc;border:1px solid #153f5d;font-weight:700}.operator-actions{display:flex;gap:5px;justify-content:flex-end}.mini-btn{border:1px solid #2a3942;background:#070b0e;color:#dce3e7;border-radius:4px;padding:6px 8px;font-size:9px;cursor:pointer}.mini-btn:hover{background:#101820}.mini-btn.danger{border-color:#62231f;color:#ff756d}.operator-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.operator-form-grid label{font-size:11px}.operator-form-grid input,.operator-form-grid select{width:100%;padding:9px;margin-top:5px}.db-note{font-size:9px;color:#8e999f;margin-top:9px}.empty-row{text-align:center;color:#89949a;padding:28px!important}.server-warning{border:1px solid #85560b;background:#201405;color:#ffc66d;border-radius:5px;padding:10px 12px;margin-bottom:10px;font-size:10px;display:none}.server-warning.show{display:block}
@media(max-width:900px){.people-grid{grid-template-columns:repeat(2,1fr)}.people-toolbar{flex-wrap:wrap}.operator-search{width:100%}}
@media(max-width:680px){.people-grid{grid-template-columns:1fr}.operator-form-grid{grid-template-columns:1fr}}

/* v10 Users & Operators tabs — Work Order styling intentionally unchanged */
.people-tabs{display:flex;gap:0;margin:0 0 10px;border-bottom:1px solid #27333a}.people-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#aeb8be;padding:10px 16px;cursor:pointer;font-size:11px}.people-tab.active{color:#fff;border-bottom-color:var(--blue)}.role-chip{display:inline-block;border:1px solid #2b3b46;background:#0b1217;color:#d9e1e5;border-radius:4px;padding:5px 8px;font-size:9px}.users-table{min-width:760px}


.rank-task-open{background:linear-gradient(90deg,#0b5ca1,#1188ea)}
.rank-task-progress{background:linear-gradient(90deg,#c65b00,#ec7a00)}
.rank-task-completed{background:linear-gradient(90deg,#2c5920,#477d2d)}
.status-progress{color:var(--orange)}
.task-rule-box{border:1px solid #1f2b32;background:linear-gradient(145deg,#080c0f,#040708);border-radius:6px;padding:14px 16px;color:#bac2c7;font-size:10px;line-height:1.5;margin-top:10px}.task-rule-box strong{color:#fff;font-size:11px;display:block;margin-bottom:6px}
.task-table{min-width:780px}

.task-status-select{border:1px solid #263640;border-radius:4px;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer;min-width:112px;background:#071018}.task-status-select.status-open{color:var(--blue);border-color:#17507a}.task-status-select.status-progress{color:var(--orange);border-color:#704011}.task-status-select.status-completed{color:var(--green);border-color:#37661f}

.task-tab{border:0;background:transparent;cursor:pointer;padding:0 2px;color:#cfd5d8}.task-tab.active{color:#fff;border-bottom:2px solid var(--blue)}

.sort-select{min-width:120px}

.wo-controls-row{justify-content:flex-end}.wo-filter-only{margin-left:auto}.wo-filter-only .sort-select{min-width:165px}


/* v28 Calendar */
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.calendar-nav{display:flex;align-items:center;gap:8px}.calendar-title{font-size:16px;font-weight:700;min-width:150px;text-align:center}.calendar-legend{display:flex;gap:12px;align-items:center;color:#b9c1c6;font-size:10px}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.legend-wo{background:#168fff}.legend-task{background:#ff8a18}.calendar-card{border:1px solid #1f2b32;background:linear-gradient(145deg,#080c0f,#040708);border-radius:6px;overflow:hidden}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays{border-bottom:1px solid #27333a;background:#060a0d}.calendar-weekdays div{padding:9px 8px;font-size:9px;color:#aeb8be;text-align:center;font-weight:700}.calendar-day{min-height:128px;border-right:1px solid #1d282f;border-bottom:1px solid #1d282f;padding:7px;background:#05090b}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:#030607;color:#606b71}.calendar-day.today{box-shadow:none}.calendar-day.today .calendar-day-number{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#6b4600;color:#ffd36a;border:1px solid #9b6a09}.calendar-day-number{font-size:10px;font-weight:700;color:#dbe2e6;margin-bottom:6px}.calendar-day.outside .calendar-day-number{color:#5d686e}.calendar-events{display:grid;gap:5px}.calendar-event{border:0;border-radius:4px;padding:6px 7px;text-align:left;color:#fff;cursor:pointer;font-size:9px;line-height:1.25;width:100%}.calendar-event.wo{background:#0a5f9f;border-left:3px solid #32a7ff}.calendar-event.task{background:#8a4b06;border-left:3px solid #ff9a2f}.calendar-event small{display:block;color:#d6e1e8;margin-top:2px;font-size:8px}.calendar-empty-note{padding:18px;color:#89949a;font-size:10px}.calendar-schedule-actions{display:flex;gap:8px;align-items:center}.calendar-item-menu{position:relative}.calendar-remove{background:transparent;border:0;color:#ff8b84;font-size:8px;padding:2px 0;cursor:pointer;text-align:left}
@media(max-width:900px){.calendar-day{min-height:100px}.calendar-event{font-size:8px;padding:5px}.calendar-toolbar{align-items:flex-start;flex-direction:column}.calendar-legend{flex-wrap:wrap}}


/* v29 Calendar selection + direct creation */
.calendar-day{cursor:pointer;transition:background .12s ease,box-shadow .12s ease}
.calendar-day:hover{background:#081219}
.calendar-day.selected{background:#0a1b2b;box-shadow:inset 0 0 0 2px var(--blue)}
.calendar-day.selected .calendar-day-number{color:#6fc3ff}
.calendar-event{position:relative;z-index:2}
.selected-date-banner{border:1px solid #1c6eaa;background:#061827;color:#bfe4ff;border-radius:5px;padding:9px 11px;margin:0 0 14px;font-size:11px}
.calendar-create-modal{width:min(620px,92vw)}
#schedulePriorityWrap.hidden-field,#scheduleLossWrap.hidden-field{display:none}


/* v34 Reports page */
.report-controls{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(130px,.8fr) minmax(130px,.8fr) minmax(180px,1fr) auto;gap:10px;align-items:end;border:1px solid #1f2b32;background:linear-gradient(145deg,#080c0f,#040708);border-radius:6px;padding:14px;margin-bottom:12px}.report-controls label{font-size:10px;color:#cbd3d7}.report-controls input,.report-controls select{display:block;width:100%;margin-top:6px;padding:8px 9px}.report-actions{display:flex;gap:7px;align-items:end}.hidden-field{display:none!important}.report-document{border:1px solid #1f2b32;background:linear-gradient(145deg,#080c0f,#040708);border-radius:6px;overflow:hidden}.report-doc-head{display:flex;justify-content:space-between;gap:18px;padding:18px;border-bottom:1px solid #26323a}.report-brand-small{font-size:9px;letter-spacing:1px;color:#ff7a00;font-weight:800}.report-doc-head h2{margin:4px 0 3px;font-size:17px}.report-doc-head p{margin:0;color:#9fabb1;font-size:10px}.report-generated{color:#8e999f;font-size:9px;text-align:right}.report-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border-bottom:1px solid #202a31}.report-summary-item{border:1px solid #27343c;background:#05090b;border-radius:5px;padding:10px}.report-summary-item span{display:block;color:#9ca7ad;font-size:8px;text-transform:uppercase;letter-spacing:.3px}.report-summary-item strong{display:block;margin-top:4px;font-size:17px}.report-table{min-width:760px}.report-table tbody td{height:48px}.work-order-report-table{table-layout:fixed;min-width:930px}.work-order-report-table th:nth-child(1),.work-order-report-table td:nth-child(1){width:20%}.work-order-report-table th:nth-child(2),.work-order-report-table td:nth-child(2){width:12%}.work-order-report-table th:nth-child(3),.work-order-report-table td:nth-child(3){width:9%}.work-order-report-table th:nth-child(4),.work-order-report-table td:nth-child(4){width:8%}.work-order-report-table th:nth-child(5),.work-order-report-table td:nth-child(5){width:16%;white-space:nowrap}.work-order-report-table th:nth-child(6),.work-order-report-table td:nth-child(6){width:16%;white-space:nowrap}.work-order-report-table th:nth-child(7),.work-order-report-table td:nth-child(7){width:10%;white-space:nowrap}.work-order-report-table th:nth-child(8),.work-order-report-table td:nth-child(8){width:9%;white-space:nowrap}.work-order-report-table td{vertical-align:middle}.work-order-report-table th{white-space:nowrap}.report-status{display:inline-block;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:700}.report-open{border:1px solid #245579;background:#092038;color:#4fb1ff}.report-warn{border:1px solid #704315;background:#281506;color:#ff9a3d}.report-good{border:1px solid #245d31;background:#092414;color:#75d78d}.report-empty{padding:40px;text-align:center;color:#89949a}
@media(max-width:1100px){.report-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.report-actions{grid-column:1/-1}.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.report-controls{grid-template-columns:1fr}.report-actions{grid-column:auto;flex-wrap:wrap}.report-summary-grid{grid-template-columns:1fr}}

/* v35 Assets & Locations */
.asset-data-table{min-width:980px}.location-data-table{min-width:720px}.green-text{color:var(--green)}


/* v36 Inventory */
.inventory-heading{margin-bottom:14px}.inventory-eyebrow{font-size:8px;color:#ff7a00;font-weight:800;letter-spacing:1.5px;margin-bottom:4px}.inventory-new-btn{background:linear-gradient(180deg,#b71318,#861015);border-color:#d72b31;box-shadow:0 6px 18px rgba(153,10,15,.18)}.inventory-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.inventory-kpi{min-height:94px;border:1px solid #26323a;background:linear-gradient(135deg,#0b1115,#05080a);border-radius:7px;padding:14px;display:flex;align-items:center;gap:13px}.inventory-kpi-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:800;border:1px solid #2a3942;background:#080d10}.inventory-kpi-icon.inv-blue{color:#49aef6;border-color:#174d72}.inventory-kpi-icon.inv-orange{color:#ff991f;border-color:#6b4214}.inventory-kpi-icon.inv-red{color:#ff4a49;border-color:#702023}.inventory-kpi-icon.inv-green{color:#6bd886;border-color:#245e32}.inventory-kpi span{display:block;color:#aeb8be;font-size:8px;letter-spacing:.5px;font-weight:800}.inventory-kpi strong{display:block;color:#f1f5f7;font-size:24px;margin-top:3px}.inventory-kpi small{display:block;color:#79868d;font-size:8px;margin-top:3px}.inventory-toolbar{display:grid;grid-template-columns:minmax(360px,1fr) 220px;gap:12px;align-items:end;margin-bottom:10px}.inventory-search-wrap{position:relative}.inventory-search-wrap span{position:absolute;left:12px;top:9px;color:#7e8b92;font-size:17px}.inventory-search-wrap input{width:100%;height:39px;padding:8px 11px 8px 36px}.inventory-toolbar label{color:#9eaaaf;font-size:8px}.inventory-toolbar select{width:100%;height:39px;margin-top:4px}.inventory-card{border:1px solid #26323a;background:linear-gradient(150deg,#080d10,#040708);border-radius:7px;overflow:hidden}.inventory-card-title{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid #28353d;background:#070b0e}.inventory-card-title h3{font-size:10px;margin:0;letter-spacing:.6px}.inventory-card-title span{display:block;color:#77858c;font-size:8px;margin-top:3px}.inventory-db-pill{border:1px solid #22593b;background:#071b11;color:#72d8a5;border-radius:999px;padding:5px 8px;font-size:8px}.inventory-table{width:100%;min-width:1080px;border-collapse:collapse}.inventory-table th{height:37px;text-align:left;padding:0 11px;color:#aeb7bc;font-size:8px;letter-spacing:.25px;border-bottom:1px solid #303c43;background:linear-gradient(180deg,#11181d,#0a0f12)}.inventory-table td{height:66px;padding:8px 11px;border-bottom:1px solid #202b31;color:#e6ebed;font-size:10px;vertical-align:middle}.inventory-table tbody tr:hover{background:#0b1216}.inventory-item-name,.inventory-asset-name{font-weight:750;color:#f6f8f9}.inventory-sub{color:#829097;font-size:8px;margin-top:3px;line-height:1.25}.inventory-general{color:#7e8a90;font-style:italic;font-size:9px}.qty-stepper{display:flex;align-items:center;gap:6px}.qty-stepper button{width:27px;height:27px;padding:0;border:1px solid #7b2024;background:#080c0f;color:#ff5f5f;border-radius:4px;cursor:pointer;font-size:15px}.qty-stepper button:hover{background:#291013}.qty-stepper button:disabled{opacity:.35;cursor:default}.qty-stepper strong{min-width:32px;text-align:center;font-size:12px}.inventory-status{display:inline-block;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:800;white-space:nowrap}.inv-good{background:#0b2915;color:#70d68b;border:1px solid #285d35}.inv-low{background:#2b1906;color:#ff9e35;border:1px solid #6c4213}.inv-out{background:#2a090b;color:#ff6665;border:1px solid #6e2024}.inv-inactive{background:#1a1f22;color:#9aa5aa;border:1px solid #3a4449}.inventory-empty{text-align:center!important;padding:48px 20px!important;color:#819097!important}.inventory-empty strong,.inventory-empty span{display:block}.inventory-empty strong{color:#d6dde0;font-size:12px;margin-top:6px}.inventory-empty span{font-size:9px;margin-top:4px}.inventory-empty-icon{font-size:30px;color:#a42b2e}.inventory-modal-card{width:min(660px,94vw)}.inventory-asset-preview{border:1px solid #274456;background:linear-gradient(100deg,#07131a,#081016);border-radius:5px;padding:10px 12px;margin:12px 0 0}.inventory-asset-preview span{font-size:7px;letter-spacing:.6px;color:#66b8ef;font-weight:800}.inventory-asset-preview strong{display:block;font-size:12px;margin:3px 0}.inventory-asset-preview div{font-size:9px;color:#9eabb1}
@media(max-width:1100px){.inventory-kpis{grid-template-columns:repeat(2,1fr)}.inventory-toolbar{grid-template-columns:1fr 190px}}@media(max-width:700px){.inventory-kpis{grid-template-columns:1fr}.inventory-toolbar{grid-template-columns:1fr}}

/* Manuals library */
.manuals-heading{margin-bottom:18px}.manuals-shell{display:grid;grid-template-columns:minmax(285px,340px) minmax(0,1fr);gap:18px;align-items:start}.manual-machines-panel,.manual-library-panel{border:1px solid #26333c;background:linear-gradient(180deg,#0c1216,#080c0f);border-radius:12px;box-shadow:0 16px 34px rgba(0,0,0,.18);overflow:hidden}.manuals-section-head,.manual-library-toolbar{padding:17px 18px;border-bottom:1px solid #202b32}.manuals-section-head h3,.manual-library-toolbar h3{margin:0;color:#f4f7f8;font-size:14px;letter-spacing:.9px}.manuals-section-head>div:first-child span,.manual-library-toolbar>div:first-child span{color:#7f929f;font-size:12px}.manual-search-wrap{display:flex;align-items:center;gap:7px;border:1px solid #2b3942;background:#080d10;border-radius:8px;margin-top:12px;padding:0 10px;color:#758793}.manual-search-wrap input{width:100%;border:0!important;background:transparent!important;padding:9px 2px!important;color:#eaf0f3!important;outline:none}.manual-machine-list{padding:9px;display:flex;flex-direction:column;gap:7px;max-height:670px;overflow:auto}.manual-machine-card{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;text-align:left;border:1px solid transparent;background:#0b1115;color:#dce6eb;border-radius:9px;padding:11px;cursor:pointer;transition:.15s}.manual-machine-card:hover{border-color:#33434d;background:#10181d}.manual-machine-card.active{border-color:#1269e8;background:linear-gradient(90deg,rgba(18,105,232,.17),rgba(12,19,24,.88));box-shadow:inset 3px 0 #1680ff}.manual-machine-icon,.manual-hero-icon{display:grid;place-items:center;border:1px solid #263b4b;background:#0a161e;color:#1c8dff;border-radius:9px;width:40px;height:40px;font-size:19px}.manual-machine-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.manual-machine-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.manual-machine-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9aabb5;font-size:11px}.manual-machine-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#647985;font-size:10px}.manual-machine-count{min-width:45px;text-align:center;border-left:1px solid #27343b;padding-left:10px}.manual-machine-count b{display:block;color:#fff;font-size:17px}.manual-machine-count span{font-size:9px;text-transform:uppercase;color:#778b97}.manual-library-hero{min-height:112px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:15px;padding:20px 22px;background:radial-gradient(circle at 85% -20%,rgba(22,128,255,.18),transparent 45%),linear-gradient(135deg,#111a20,#0a0f12);border-bottom:1px solid #253139}.manual-hero-icon{width:52px;height:52px;font-size:24px;border-color:#174b70}.manual-library-hero span{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#1680ff}.manual-library-hero h2{margin:3px 0 3px;color:#fff;font-size:22px}.manual-library-hero p{margin:0;color:#879ba7;font-size:12px}.manual-hero-count{text-align:center;border-left:1px solid #2b373e;padding-left:24px;min-width:88px}.manual-hero-count strong{display:block;font-size:30px;color:#fff}.manual-hero-count span{font-size:10px;color:#80929d;text-transform:uppercase;letter-spacing:.8px}.manual-library-toolbar{display:flex;justify-content:space-between;align-items:center}.manual-search-wrap.library{width:280px;margin:0}.manual-files-grid{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.manual-file-card{display:grid;grid-template-columns:49px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #253139;background:linear-gradient(180deg,#10171b,#0b1013);border-radius:10px;padding:12px;min-height:82px}.manual-file-card:hover{border-color:#3b4b54}.manual-file-icon{display:grid;place-items:center;width:45px;height:52px;border-radius:7px;background:#151e23;border:1px solid #33444e;color:#e34c41;font-size:10px;font-weight:900;letter-spacing:.5px}.manual-file-main{min-width:0;display:flex;flex-direction:column;gap:3px}.manual-file-main strong{color:#edf3f5;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manual-file-main span{color:#92a4ae;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manual-file-main small{color:#657985;font-size:10px}.manual-file-actions{display:flex;flex-direction:column;gap:6px}.manual-open-btn{border:1px solid #1c78e5;background:#0c3260;color:#e7f3ff!important;text-decoration:none;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700;text-align:center}.manual-empty-library,.manual-empty-side{color:#72858f;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.manual-empty-library{grid-column:1/-1;min-height:290px}.manual-empty-library.full{min-height:520px}.manual-empty-library>div{font-size:32px;color:#304653}.manual-empty-library strong,.manual-empty-side strong{color:#b3c1c8}.manual-empty-library span,.manual-empty-side span{font-size:12px}.manual-empty-side{padding:35px 15px}.manual-upload-machine{border:1px solid #263943;background:#0a1217;border-radius:8px;padding:12px 14px;margin-bottom:15px}.manual-upload-machine span{display:block;color:#1680ff;font-size:9px;font-weight:900;letter-spacing:1px}.manual-upload-machine strong{display:block;color:#f2f6f8;margin:3px 0}.manual-upload-machine div,.manual-upload-note{color:#879ba7;font-size:11px}.manual-upload-note{margin-top:12px}.manual-modal-card input[type=file]{padding:8px;background:#080d10}.manual-modal-card input[type=file]::file-selector-button{border:1px solid #36505e;background:#152027;color:#e6eef2;border-radius:5px;padding:7px 10px;margin-right:10px;cursor:pointer}@media(max-width:1050px){.manuals-shell{grid-template-columns:1fr}.manual-machine-list{max-height:320px}.manual-files-grid{grid-template-columns:1fr}}@media(max-width:720px){.manual-library-toolbar{display:block}.manual-search-wrap.library{width:100%;margin-top:10px}.manual-library-hero{grid-template-columns:44px 1fr}.manual-hero-count{display:none}}

.site-identity{width:100%;margin-top:8px;padding:8px 10px 0;border-top:1px solid #182229;display:flex;flex-direction:column;gap:2px}.site-identity strong{font-size:11px;color:#f2f5f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:175px}.site-identity span{font-size:10px;color:#88969e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:175px}.hidden{display:none!important}
.settings-heading{margin-bottom:18px}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.settings-nav{border:1px solid #1d2a31;background:#070b0e;border-radius:8px;padding:8px;height:max-content;display:grid;gap:5px}.settings-tab{border:0;background:transparent;color:#aeb9bf;padding:13px 14px;border-radius:6px;text-align:left;font-weight:700;cursor:pointer}.settings-tab:hover{background:#10171b;color:#fff}.settings-tab.active{background:#0a4078;color:#fff;box-shadow:inset 3px 0 #ff5a1f}.settings-panel{border:1px solid #1d2a31;background:linear-gradient(180deg,#0b1013,#080c0f);border-radius:8px;min-height:500px;padding:24px}.settings-section-head{border-bottom:1px solid #202d34;padding-bottom:18px;margin-bottom:22px}.settings-section-head span{font-size:10px;color:#ff642b;font-weight:900;letter-spacing:1.1px}.settings-section-head h2{margin:4px 0 5px;font-size:22px}.settings-section-head p{margin:0;color:#8e9aa1;font-size:12px}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:840px}.settings-form-grid label{display:grid;gap:7px;color:#cbd3d7;font-size:11px;font-weight:800}.settings-form-grid input,.settings-form-grid select{background:#05090b;border:1px solid #26353d;color:#eef2f4;border-radius:6px;padding:11px 12px;outline:none}.settings-form-grid input:focus,.settings-form-grid select:focus{border-color:#1f70b8}.settings-actions{display:flex;align-items:center;gap:12px;margin-top:22px}.settings-actions span{font-size:11px;color:#71c779}.settings-callout{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;border:1px solid #26353d;border-radius:8px;padding:18px;background:#0a0f12}.settings-callout-icon{width:44px;height:44px;border:1px solid #194c78;border-radius:50%;display:grid;place-items:center;color:#48a7f3;font-size:20px}.settings-callout strong{font-size:14px}.settings-callout p{margin:4px 0 0;color:#8f9ca2;font-size:11px}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #26353d;border-radius:8px;padding:17px 18px;background:#090e11;max-width:840px;cursor:pointer}.setting-toggle div{display:grid;gap:4px}.setting-toggle strong{font-size:13px}.setting-toggle span{color:#8f9ca2;font-size:11px}.setting-toggle input{display:none}.setting-toggle i{width:42px;height:23px;background:#253038;border-radius:20px;position:relative;flex:0 0 auto;transition:.2s}.setting-toggle i:after{content:'';position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#aeb8bd;transition:.2s}.setting-toggle input:checked+i{background:#0c548e}.setting-toggle input:checked+i:after{left:22px;background:#fff}.system-setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.system-setting-card{border:1px solid #26353d;border-radius:8px;padding:18px;background:#090e11;display:flex;flex-direction:column;gap:5px}.system-setting-card>span{font-size:9px;color:#ff642b;font-weight:900;letter-spacing:1px}.system-setting-card>strong{font-size:15px}.system-setting-card>small{font-size:10px;color:#8f9ca2;min-height:24px}.button-link{display:inline-flex;text-decoration:none;width:max-content;margin-top:10px}.hide-loss-calcs .kpi-grid .kpi:nth-child(2),.hide-loss-calcs .kpi-grid .kpi:nth-child(3),.hide-loss-calcs .kpi-grid .kpi:nth-child(4){display:none}.hide-loss-calcs .work-panel th:nth-child(7),.hide-loss-calcs .work-panel td:nth-child(7){display:none}.hide-low-stock-warnings .inventory-status-low,.hide-low-stock-warnings .inventory-status-out{filter:grayscale(1);opacity:.55}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-nav{grid-template-columns:repeat(5,1fr)}.settings-tab{text-align:center;padding:10px 6px}.settings-form-grid,.system-setting-grid{grid-template-columns:1fr}}

/* v39 Work Order filters, exports, and quick task */
.wo-page-actions{position:relative}
.export-wrap{position:relative}
.wo-export-menu{position:absolute;right:0;top:calc(100% + 8px);width:285px;background:#070b0f;border:1px solid #26323b;border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.45);padding:7px;z-index:70}
.wo-export-menu button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 12px;background:transparent;border:0;border-radius:7px;color:#f4f7f9;text-align:left;cursor:pointer}
.wo-export-menu button:hover{background:#101820}
.wo-export-menu strong{font-size:13px}
.wo-export-menu small{color:#83919b;font-size:11px;line-height:1.35}
.active-filter-btn{border-color:#2d8cff!important;color:#69adff!important;background:#0c1824!important}
.wo-advanced-filter-panel{margin:0 0 16px;background:linear-gradient(180deg,#080d12,#05080b);border:1px solid #1c2a34;border-radius:11px;padding:15px 17px;box-shadow:0 10px 24px rgba(0,0,0,.16)}
.wo-filter-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px}.wo-filter-title>div{display:flex;flex-direction:column;gap:3px}.wo-filter-title strong{font-size:12px;letter-spacing:.8px}.wo-filter-title span{font-size:11px;color:#7f8c95}.icon-close-btn{border:0;background:transparent;color:#7f8c95;font-size:22px;line-height:1;cursor:pointer}.icon-close-btn:hover{color:#fff}
.wo-filter-fields{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.wo-filter-fields label{display:flex;flex-direction:column;gap:6px;color:#93a0a9;font-size:11px;font-weight:700;letter-spacing:.3px}.wo-filter-fields select{background:#0b1116;border:1px solid #26333d;color:#edf2f5;border-radius:7px;padding:9px 10px;outline:none}.wo-filter-fields select:focus{border-color:#2d8cff}
.wo-filter-footer{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid #141f27;color:#7f8c95;font-size:11px}.wo-filter-footer .secondary{padding:8px 12px}
.quick-task-modal-card{max-width:520px}.quick-task-kicker{color:#ff9a2f;font-size:11px;font-weight:900;letter-spacing:1.1px;margin-bottom:5px}.quick-task-help{margin:-4px 0 18px;color:#87949d;font-size:12px}.quick-task-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quick-task-form label{display:flex;flex-direction:column;gap:6px;color:#abb5bb;font-size:12px;font-weight:700}.quick-task-form input,.quick-task-form textarea,.quick-task-form select{width:100%;box-sizing:border-box;background:#0b1014;border:1px solid #29343d;color:#f4f7f9;border-radius:7px;padding:11px}.quick-task-form textarea{min-height:85px;resize:vertical}.quick-task-form .span-2{grid-column:1/-1}
@media(max-width:900px){.wo-filter-fields{grid-template-columns:1fr 1fr}.wo-export-menu{right:auto;left:0}}

/* Dashboard v40 */
.dashboard-heading{align-items:flex-end}.dashboard-eyebrow{font-size:10px;font-weight:900;letter-spacing:1.8px;color:#ff5b2b;margin-bottom:6px}.dashboard-date{color:#8c9ba5;font-size:12px;font-weight:700;padding-bottom:5px}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:10px 0 14px}.dashboard-kpi{position:relative;text-align:left;border:1px solid #26343c;background:linear-gradient(145deg,#0b1115,#080c0f);border-radius:10px;padding:17px 18px 15px;color:#f3f6f8;cursor:pointer;min-height:118px;overflow:hidden}.dashboard-kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:currentColor;opacity:.9}.dashboard-kpi span{display:block;font-size:10px;font-weight:900;letter-spacing:1.25px;color:#a9b4ba}.dashboard-kpi strong{display:block;font-size:40px;line-height:1;margin:12px 0 8px;color:currentColor}.dashboard-kpi small{font-size:10px;color:#7e8b92}.dashboard-kpi.dash-red{color:#ff4b43}.dashboard-kpi.dash-orange{color:#ff8728}.dashboard-kpi.dash-blue{color:#4ba4ff}.dashboard-kpi.dash-yellow{color:#e8c72d}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:14px}.dashboard-side-stack{display:grid;gap:14px;align-content:start}.dashboard-panel{border:1px solid #26343c;background:#080d10;border-radius:10px;overflow:hidden}.dashboard-panel-head{min-height:76px;padding:16px 18px;border-bottom:1px solid #1d2a31;display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-panel-head.compact{min-height:68px}.dashboard-panel-head span{font-size:9px;font-weight:900;letter-spacing:1.2px;color:#728089}.dashboard-panel-head h2{font-size:18px;margin:3px 0 0}.dash-link{border:0;background:transparent;color:#479ff5;font-size:11px;font-weight:800;cursor:pointer}.dashboard-list{display:grid}.dashboard-work-row{display:grid;grid-template-columns:42px minmax(0,1fr) 92px 126px;gap:12px;align-items:center;text-align:left;border:0;border-bottom:1px solid #172228;background:transparent;color:#f0f3f5;padding:11px 15px;cursor:pointer}.dashboard-work-row:last-child{border-bottom:0}.dashboard-work-row:hover,.dash-schedule-item:hover{background:#0c1419}.dash-rank{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:7px;font-size:13px;background:#14222d}.dash-work-main{min-width:0}.dash-work-main strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-work-main span{display:block;color:#829099;font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-work-status{font-size:9px;font-weight:900;text-align:center;padding:6px;border:1px solid currentColor;border-radius:99px}.dash-work-meta{text-align:right;min-width:0}.dash-work-meta strong,.dash-work-meta span{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-work-meta span{color:#7f8d95;margin-top:4px}.dash-red{color:#ff5148}.dash-orange{color:#ff8b2b}.dash-blue{color:#4ba4ff}.dash-green{color:#61b83a}.dash-schedule-list{display:grid}.dash-schedule-item{border:0;border-bottom:1px solid #172228;background:transparent;color:#f0f3f5;display:grid;grid-template-columns:42px minmax(0,1fr) 54px;gap:9px;align-items:center;text-align:left;padding:11px 14px;cursor:pointer}.dash-schedule-item:last-child{border-bottom:0}.dash-kind{display:flex;align-items:center;justify-content:center;height:24px;border-radius:5px;font-size:8px;font-weight:900}.dash-kind.wo{background:#102d4d;color:#57abff}.dash-kind.task{background:#432711;color:#ff982f}.dash-schedule-item strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-schedule-item small{display:block;color:#78868e;font-size:9px;margin-top:3px}.dash-schedule-item time{font-size:10px;color:#aeb8bd;text-align:right}.plant-status-grid{display:grid;grid-template-columns:1fr 1fr}.plant-status-grid button{border:0;border-right:1px solid #172228;border-bottom:1px solid #172228;background:transparent;color:#f1f4f6;padding:18px 10px;cursor:pointer}.plant-status-grid button:nth-child(even){border-right:0}.plant-status-grid button:nth-last-child(-n+2){border-bottom:0}.plant-status-grid strong{display:block;font-size:24px}.plant-status-grid span{display:block;color:#7f8c94;font-size:9px;margin-top:4px}.dashboard-empty{padding:28px;color:#7d8a92;text-align:center;font-size:11px}.dashboard-empty.small{padding:20px}@media(max-width:1050px){.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.dashboard-work-row{grid-template-columns:38px minmax(0,1fr) 82px 110px}}

/* Dashboard productivity trend v41 */
.productivity-section{border:1px solid #26343c;background:#080d10;border-radius:10px;margin:0 0 14px;overflow:hidden}.productivity-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:16px 18px 14px;border-bottom:1px solid #1d2a31}.productivity-heading>div>span{display:block;font-size:9px;font-weight:900;letter-spacing:1.25px;color:#728089}.productivity-heading h2{font-size:19px;margin:3px 0 4px}.productivity-heading p{margin:0;color:#7f8d95;font-size:10px}.productivity-heading label{display:flex;align-items:center;gap:8px;color:#83939d;font-size:10px;font-weight:800;white-space:nowrap}.productivity-heading select{min-width:108px;border:1px solid #33414a;background:#0c1317;color:#eef3f5;border-radius:7px;padding:8px 28px 8px 10px;font-size:11px}.productivity-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1a252c}.productivity-card{position:relative;background:#080d10;padding:14px 16px 9px;min-width:0;--trend:#4ba4ff;--trend-fill:rgba(75,164,255,.11)}.productivity-card.task-trend{--trend:#ff8b2b;--trend-fill:rgba(255,139,43,.11)}.productivity-card.wo-trend{--trend:#4ba4ff;--trend-fill:rgba(75,164,255,.11)}.productivity-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.productivity-card-head strong{display:block;color:#f0f4f6;font-size:13px}.productivity-card-head span{display:block;color:#73838d;font-size:9px;margin-top:3px;text-transform:capitalize}.trend-badge{border:1px solid #3a4952;background:#10181d;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:900}.trend-badge.up{color:#63c45a;border-color:#315d35;background:#0f2113}.trend-badge.down{color:#ff665e;border-color:#613632;background:#27110f}.trend-badge.steady{color:#9fb0ba}.productivity-total{display:flex;align-items:baseline;gap:7px;margin-top:7px}.productivity-total b{color:var(--trend);font-size:24px}.productivity-total span{color:#75858e;font-size:9px}.productivity-chart{display:block;width:100%;height:auto;margin-top:3px;overflow:visible}.chart-axis{stroke:#3a474f;stroke-width:1}.chart-grid{stroke:#202b31;stroke-width:1;stroke-dasharray:3 5}.chart-x-label,.chart-y-label{fill:#687983;font-size:8px;font-family:Arial,sans-serif}.productivity-line{fill:none;stroke:var(--trend);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.productivity-area{fill:var(--trend-fill)}.productivity-dot{fill:#080d10;stroke:var(--trend);stroke-width:2}.productivity-dot:hover{fill:var(--trend)}
@media(max-width:1050px){.productivity-grid{grid-template-columns:1fr}.productivity-heading{align-items:flex-start}.productivity-heading p{max-width:620px}}
@media(max-width:700px){.productivity-heading{display:block}.productivity-heading label{margin-top:12px}.productivity-grid{grid-template-columns:1fr}}


/* PM Schedule draft v43 */
.pm-heading{align-items:flex-end}.pm-eyebrow{font-size:10px;font-weight:900;letter-spacing:1.6px;color:#ff4c42;margin-bottom:6px}.pm-draft-note{display:flex;align-items:center;gap:12px;border:1px solid #47351c;background:#171109;color:#cbbda8;border-radius:8px;padding:9px 12px;margin:3px 0 12px;font-size:10px}.pm-draft-note strong{color:#ffad45;letter-spacing:1px;font-size:9px}.pm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px}.pm-kpi{position:relative;border:1px solid #243039;background:linear-gradient(145deg,#0a1014,#070a0d);border-radius:9px;padding:14px 15px;min-height:100px;overflow:hidden}.pm-kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:currentColor}.pm-kpi span{display:block;color:#9ba8af;font-size:9px;font-weight:900;letter-spacing:1px}.pm-kpi strong{display:block;font-size:34px;line-height:1;margin:10px 0 7px;color:currentColor}.pm-kpi small{color:#718088;font-size:9px}.pm-kpi.red{color:#ff4d45}.pm-kpi.orange{color:#ff902e}.pm-kpi.blue{color:#4aa5ff}.pm-board{border:1px solid #26343c;background:#070b0e;border-radius:10px;overflow:hidden}.pm-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px;gap:12px;padding:14px 16px;border-bottom:1px solid #1b252b}.pm-search{display:flex;align-items:center;gap:8px;border:1px solid #28363f;background:#0a1014;border-radius:7px;padding:0 10px;color:#74828a}.pm-search input{width:100%;border:0;outline:0;background:transparent;color:#edf2f5;padding:9px 0;font-size:11px}.pm-toolbar label{display:flex;align-items:center;gap:8px;color:#82919a;font-size:10px;font-weight:800}.pm-toolbar select{flex:1;border:1px solid #28363f;background:#0a1014;color:#edf2f5;border-radius:7px;padding:9px}.pm-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding:14px 16px 10px}.pm-section-title span{font-size:8px;font-weight:900;letter-spacing:1.2px;color:#687780}.pm-section-title h2{margin:3px 0 0;font-size:17px}.pm-legend{display:flex;align-items:center;gap:6px;color:#7f8e97;font-size:8px;white-space:nowrap}.pm-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:5px}.pm-legend .overdue{background:#ff5148}.pm-legend .today{background:#ff8d2c}.pm-legend .soon{background:#e0bd36}.pm-legend .upcoming{background:#4a9df3}.pm-table-wrap{border-top:1px solid #172128}.pm-table{width:100%;border-collapse:collapse;font-size:10px}.pm-table th{background:#0c1216;color:#8e9aa1;font-size:8px;letter-spacing:.5px;text-align:left;padding:10px;border-bottom:1px solid #26323a}.pm-table td{padding:10px;border-bottom:1px solid #172128;color:#d7dde1;vertical-align:middle}.pm-table tbody tr:hover{background:#0b1419}.pm-name{display:flex;align-items:center;gap:9px}.pm-name strong{display:block;color:#f2f5f6;font-size:10.5px}.pm-name small{display:block;color:#65737b;font-size:8px;margin-top:2px}.pm-calendar-icon{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #37444c;border-radius:6px;color:#ff5148;background:#0d1216}.pm-frequency{display:inline-block;border:1px solid #34434d;border-radius:99px;padding:4px 7px;color:#bac4c9;font-size:8px}.pm-status{display:inline-block;min-width:72px;text-align:center;border:1px solid currentColor;border-radius:5px;padding:5px 6px;font-size:8px;font-weight:900}.pm-status.overdue{color:#ff5a51;background:#24100e}.pm-status.today{color:#ff9837;background:#25170c}.pm-status.soon{color:#e4c84a;background:#201c0b}.pm-status.upcoming{color:#55a8ff;background:#0c1c2d}.pm-more{font-size:9px;padding:5px 7px}.pm-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 16px;color:#7b8991;font-size:9px}.pm-bottom strong{color:#b8c1c6}@media(max-width:1050px){.pm-kpis{grid-template-columns:1fr 1fr}.pm-table{min-width:950px}.pm-section-title{align-items:flex-start;flex-direction:column}.pm-legend{flex-wrap:wrap}}@media(max-width:700px){.pm-kpis{grid-template-columns:1fr}.pm-toolbar{grid-template-columns:1fr}}

/* Functional PM scheduling v44 */
.calendar-event.pm{background:#185d3c;border-left:3px solid #39d98a}.legend-pm{background:#39d98a}.dash-kind.pm{background:#123d2d;color:#65e6a8;border-color:#236d4c}.pm-kpi{cursor:pointer;text-align:left}.pm-kpi:hover{border-color:#3a4c57}.pm-status.inactive{color:#8e9aa1;background:#11171b}.pm-cell-sub{display:block;color:#74828a;font-size:8px;margin-top:3px}.pm-actions{display:flex;gap:5px;align-items:center;white-space:nowrap}.pm-actions .mini-btn{font-size:8px;padding:5px 7px}.pm-actions .pm-complete{color:#7de8a5;border-color:#245c39}.pm-actions .pm-complete:hover{background:#10251a}.pm-actions button:disabled{opacity:.35;cursor:not-allowed}.pm-modal-card{width:min(720px,94vw)}.pm-modal-card textarea{min-height:110px}

/* ===== Mobile application shell — v49 ===== */
.mobile-topbar,.mobile-nav-overlay{display:none}
@media(max-width:760px){
  html,body{overflow-x:hidden}
  body.mobile-nav-open{overflow:hidden}
  .app-shell{display:block;min-height:100vh}
  .main-shell{width:100%;min-width:0}
  .sidebar{display:flex;position:fixed;z-index:1002;left:0;top:0;bottom:0;width:min(82vw,320px);min-height:100dvh;transform:translateX(-102%);transition:transform .22s ease;box-shadow:18px 0 40px rgba(0,0,0,.52);padding:14px 12px 54px;overflow-y:auto}
  body.mobile-nav-open .sidebar{transform:translateX(0)}
  .mobile-nav-overlay{display:block;position:fixed;z-index:1001;inset:0;background:rgba(0,0,0,.68);opacity:0;pointer-events:none;transition:opacity .2s ease}
  body.mobile-nav-open .mobile-nav-overlay{opacity:1;pointer-events:auto}
  .brand{padding:3px 0 16px;margin-left:-3px}.brand-image{width:172px}
  #nav{gap:5px}.nav-item{font-size:15px;padding:13px 14px;min-height:46px}.nav-icon{width:22px}
  .safety-card{margin-top:24px}.copyright{position:static;margin:18px 4px 0}
  .topbar{height:54px;padding:0 10px;position:sticky;top:0;z-index:900;background:#020405;border-bottom:1px solid #1e2a31}
  .mobile-topbar{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;width:100%;gap:8px}
  .topbar-spacer{display:none}
  .mobile-menu-btn,.mobile-actions-btn{height:40px;width:42px;border:1px solid #26343d;background:#05090b;color:#f5f7f8;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer}
  .mobile-menu-btn{flex-direction:column;gap:4px}.mobile-menu-btn span{display:block;width:19px;height:2px;background:#f4f7f8;border-radius:2px}
  .mobile-actions-btn{font-size:15px;font-weight:700}
  .mobile-page-title{text-align:center;font-size:14px;font-weight:800;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar-actions{display:none;position:absolute;top:53px;left:8px;right:8px;margin:0;padding:10px;background:#060a0d;border:1px solid #26343d;border-radius:0 0 7px 7px;box-shadow:0 16px 30px rgba(0,0,0,.45);z-index:901;grid-template-columns:1fr auto auto;gap:8px}
  .topbar-actions.mobile-open{display:grid}
  .top-select{display:block;grid-column:1/-1;width:100%;min-width:0;height:42px}
  .search-wrap{grid-column:1/-1;width:100%;height:42px}
  .icon-btn,.user-btn{min-height:40px;border:1px solid #26343d;background:#080d10;border-radius:4px}.user-btn{grid-column:1/-1;text-align:left}
  #content{padding:10px 9px 22px}
  .page-heading{gap:10px;align-items:flex-start;flex-direction:column}.page-heading h1{font-size:19px}.page-heading p{font-size:10px;line-height:1.45}.page-actions{width:100%;flex-wrap:wrap}.page-actions>.btn,.page-actions>.primary,.page-actions>.secondary,.page-actions>.split{flex:1 1 auto;min-height:42px}
  .kpi-grid,.inventory-kpis,.pm-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi,.inventory-kpi,.pm-kpi{min-height:84px;padding:10px}.kpi-value,.inventory-kpi strong{font-size:22px}.kpi-icon{font-size:25px}
  .content-grid,.dashboard-grid,.dashboard-lower-grid,.manuals-layout,.assets-layout{grid-template-columns:1fr!important}
  .account-card{order:2}
  .info-bar{align-items:flex-start;gap:8px;flex-direction:column}.override{width:100%;justify-content:space-between}
  .tabs-row{overflow-x:auto;gap:18px;scrollbar-width:none}.tabs-row::-webkit-scrollbar{display:none}.tab{flex:0 0 auto}
  .filter-row,.inventory-toolbar,.asset-toolbar,.pm-toolbar,.calendar-toolbar,.report-controls{display:flex!important;flex-direction:column;align-items:stretch!important;gap:8px}.filter-row>*{width:100%!important;max-width:none!important}.inventory-toolbar{grid-template-columns:1fr!important}.inventory-search-wrap{width:100%}
  .table-wrap,.inventory-card,.calendar-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:850px}.inventory-table{min-width:1050px}.report-table{min-width:760px}
  .calendar-card{border-radius:5px}.calendar-weekdays,.calendar-grid{min-width:760px}.calendar-day{min-height:105px}.calendar-toolbar .calendar-nav{width:100%;justify-content:space-between}.calendar-title{min-width:0}.calendar-legend{flex-wrap:wrap}
  .modal{padding:8px;align-items:flex-end}.modal-card{width:100%!important;max-width:100%!important;max-height:92dvh;overflow-y:auto;border-radius:10px 10px 0 0}.task-modal-card form,.quick-task-form,.comment-grid,.asset-form,.location-form,.inventory-form,.pm-form{grid-template-columns:1fr!important}.span-2{grid-column:auto!important}
  input,select,textarea,.btn,.primary,.secondary{font-size:16px} /* prevents iOS zoom on form focus */
  .new-menu{position:fixed;left:10px;right:10px;top:auto;width:auto;z-index:1200}
  .dashboard-trend-grid,.productivity-grid{grid-template-columns:1fr!important}
  .report-doc-head{flex-direction:column}.report-generated{text-align:left}.report-summary-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
  .kpi-grid,.inventory-kpis,.pm-kpis{grid-template-columns:1fr 1fr}
  .kpi-label{font-size:9px}.kpi-value{font-size:20px}.kpi small,.inventory-kpi small{font-size:8px}
  .inventory-kpi{gap:8px}.inventory-kpi-icon{width:38px;height:38px;font-size:18px}
  .report-summary-grid{grid-template-columns:1fr}
}
.wo-status-action{min-width:118px;border:1px solid #263640;border-radius:4px;padding:7px 9px;background:#071018;font-size:10px;font-weight:800;cursor:pointer;text-transform:uppercase}.wo-status-action.status-open{color:var(--blue);border-color:#17507a}.wo-status-action.status-progress{color:var(--orange);border-color:#8a5113}.wo-status-action.status-paused{color:#f1c84b;border-color:#8a6a16}.wo-status-action.status-stopped{color:#c7d0d6;border-color:#46535c}.wo-status-action.status-completed{color:var(--green);border-color:#37661f}.wo-status-action:disabled{opacity:.65;cursor:wait}
@media(max-width:700px){.wo-status-action{min-width:104px;padding:7px 6px;font-size:9px}}

.account-wrap{position:relative}.account-menu{position:absolute;right:0;top:42px;min-width:220px;background:#0b1115;border:1px solid #2b3942;border-radius:6px;z-index:1200;box-shadow:0 14px 30px #0008;overflow:hidden}.account-menu button{display:block;width:100%;padding:11px 13px;text-align:left;background:transparent;border:0;color:#eef2f4}.account-menu button:not(:disabled):hover{background:#152028}.account-menu button:disabled{color:#8f9aa1}.auth-modal{z-index:3000;background:#000d}.auth-card{width:min(430px,92vw)}.auth-brand{margin-bottom:20px}.auth-brand img{display:block;width:210px;max-width:72vw;height:auto;margin:0 auto}.auth-card form{display:grid;grid-template-columns:1fr;gap:14px}.auth-card label{display:grid;gap:6px}.auth-card .primary{width:100%;margin-top:4px}.auth-error{min-height:22px;color:#ff6b66;margin-top:10px;font-size:13px}.operator-form-grid small{color:#89959d;font-size:11px}.hidden{display:none!important}

/* v55 account, notifications, and support cleanup */
.notification-wrap{position:relative}.notification-menu{position:absolute;right:0;top:42px;width:310px;max-height:360px;overflow:auto;background:#0b1115;border:1px solid #2b3942;border-radius:6px;z-index:1300;box-shadow:0 14px 30px #0008}.notification-head{padding:12px 14px;border-bottom:1px solid #26343d;font-weight:800;font-size:12px}.notification-item{display:grid;gap:3px;padding:11px 14px;border-bottom:1px solid #1d282f}.notification-item strong{font-size:11px}.notification-item span,.notification-empty{font-size:10px;color:#9da8ae}.notification-empty{padding:18px 14px}.support-card{max-width:600px}.support-help{color:#929da4;margin-top:-6px}.support-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.support-form label{display:grid;gap:6px;font-size:12px}.support-form .span-2{grid-column:1/-1}.support-form input,.support-form select,.support-form textarea{padding:10px}.support-form textarea{min-height:130px;resize:vertical}@media(max-width:720px){.support-form{grid-template-columns:1fr}.support-form .span-2{grid-column:auto}.notification-menu{position:fixed;left:12px;right:12px;top:64px;width:auto}}

/* v56 mobile authentication placement */
@media(max-width:720px){.auth-modal{place-items:start center;padding:clamp(64px,12svh,110px) 12px 24px;overflow:auto;min-height:100dvh;box-sizing:border-box}.auth-card{width:min(430px,94vw);margin:0 auto}.mobile-actions-btn{font-size:22px;line-height:1}}


/* ===== Mobile Dashboard Shell — v64 (desktop intentionally untouched) ===== */
.mobile-bottom-nav,.mobile-dashboard-quick{display:none}
@media(max-width:760px){
  :root{--mobile-bottom-h:70px}
  body{padding-bottom:var(--mobile-bottom-h);background:#05090d}
  .topbar{height:72px;padding:0 18px;background:linear-gradient(180deg,#070c11,#060a0e);border-bottom:1px solid #1b2730}
  .mobile-topbar{grid-template-columns:48px 1fr 48px;gap:10px}
  .mobile-menu-btn,.mobile-actions-btn{border:0;background:transparent;border-radius:0;width:48px;height:48px}
  .mobile-menu-btn{gap:6px}.mobile-menu-btn span{width:25px;height:3px}
  .mobile-brand{display:flex;align-items:center;justify-content:center;min-width:0}
  .mobile-brand img{display:block;width:min(190px,55vw);height:48px;object-fit:contain}
  .mobile-bell-btn{font-size:24px;position:relative;filter:grayscale(1);font-family:Arial,sans-serif}
  #content{padding:18px 16px 26px}
  .dashboard-heading{display:block;margin-bottom:18px}
  .dashboard-heading>div:first-child{display:block}
  .dashboard-heading .dashboard-eyebrow,.dashboard-heading p{display:none}
  .dashboard-heading h1{font-size:26px;line-height:1.1;margin:4px 0 13px}
  .dashboard-date{font-size:13px;color:#aab4bb;justify-content:flex-start;text-align:left}
  .dashboard-date:before{content:"▣";margin-right:10px;color:#7d8a93}
  .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
  .dashboard-kpi{min-height:144px;padding:16px 14px 18px;border-radius:10px;text-align:left;border:1px solid #27343d;background:radial-gradient(circle at 95% 50%,rgba(55,72,84,.14),transparent 38%),#0a1015}
  .dashboard-kpi span{font-size:10px;letter-spacing:1.15px}
  .dashboard-kpi strong{font-size:38px;margin:18px 0 13px}
  .dashboard-kpi small{font-size:10px;line-height:1.25}
  .dashboard-kpi:before{right:13px;top:50%;font-size:34px;opacity:.28}
  .productivity-section{margin:0 0 18px;padding:16px 14px;border-radius:10px}
  .productivity-heading{display:grid!important;grid-template-columns:1fr auto;gap:10px;align-items:start}
  .productivity-heading span{font-size:9px;letter-spacing:1.2px}
  .productivity-heading h2{font-size:20px;margin:5px 0 9px}
  .productivity-heading p{font-size:10px;line-height:1.55;max-width:none}
  .productivity-heading label{margin:0!important;font-size:0}
  .productivity-heading select{font-size:12px;min-width:105px;padding:9px 28px 9px 11px}
  .productivity-grid{display:block!important}
  .productivity-grid>*:nth-child(n+2){display:none!important}
  .productivity-chart-card{border:0!important;background:transparent!important;padding:10px 0 0!important}
  .mobile-dashboard-quick{display:block;margin:19px 0 4px}
  .mobile-section-label{font-size:10px;font-weight:900;letter-spacing:1.35px;color:#9ba7ae;margin:0 2px 10px}
  .mobile-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .mobile-quick-grid button{min-height:112px;border:1px solid #293640;border-radius:9px;background:#0a1015;color:#edf2f5;padding:10px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}
  .mobile-quick-grid button span{font-size:29px;line-height:1;color:#4aa5ff}
  .mobile-quick-grid button:first-child span{color:#ff4d45}
  .mobile-quick-grid button:nth-child(3) span{color:#f0ca27}
  .mobile-quick-grid button:nth-child(4) span{color:#39ca74}
  .mobile-quick-grid strong{font-size:10px;line-height:1.25;font-weight:700}
  .dashboard-grid{display:none!important}
  .mobile-bottom-nav{display:grid;position:fixed;z-index:980;left:0;right:0;bottom:0;height:var(--mobile-bottom-h);grid-template-columns:repeat(5,1fr);background:#070b0f;border-top:1px solid #23313a;padding:0 max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left));box-shadow:0 -8px 24px rgba(0,0,0,.28)}
  .mobile-bottom-nav button{border:0;background:transparent;color:#89959d;min-width:0;padding:7px 2px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;position:relative}
  .mobile-bottom-nav .mobile-nav-icon{font-size:23px;line-height:1}
  .mobile-bottom-nav button.active{color:#ff4d45}
  .mobile-bottom-nav button.active:before{content:"";position:absolute;left:9px;right:9px;top:0;height:2px;background:#ff4d45}
  .sidebar{padding-bottom:calc(var(--mobile-bottom-h) + 18px)}
  .topbar-actions{top:71px}
  .auth-modal{padding-bottom:calc(var(--mobile-bottom-h) + 20px)}
}
@media(max-width:410px){
  .dashboard-kpi{min-height:128px;padding:13px 11px}.dashboard-kpi strong{font-size:34px;margin:14px 0 10px}
  .mobile-quick-grid{gap:6px}.mobile-quick-grid button{min-height:100px}.mobile-quick-grid strong{font-size:9px}
}

/* ===== Mobile interaction fixes — v65 (desktop untouched) ===== */
@media(max-width:760px){
  .mobile-actions-btn{width:auto;min-width:58px;max-width:92px;padding:0 8px;font-size:11px!important;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f2f5f7;border:1px solid #293640!important;border-radius:7px!important;background:#0a1015!important}
  .mobile-topbar{grid-template-columns:48px 1fr minmax(58px,92px)}
  .topbar-actions.mobile-open{display:grid}
  .topbar-actions .account-wrap{grid-column:1/-1}
  .topbar-actions .account-menu{position:static;margin-top:8px;width:100%;min-width:0;border-radius:6px}
  #taskModal,#quickTaskModal{align-items:flex-start!important;padding:12px 8px max(12px,env(safe-area-inset-bottom))!important;overflow-y:auto}
  #taskModal .modal-card,#quickTaskModal .modal-card{margin:0 auto!important;max-height:calc(100dvh - 24px)!important;border-radius:10px!important;overflow-y:auto!important}
  #taskModal .modal-actions,#quickTaskModal .modal-actions{position:sticky;bottom:0;background:#0b1115;padding-top:10px;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:2}
  #taskModal form,#quickTaskModal form{padding-bottom:8px}
}

/* ===== Mobile usability repairs — v66 (desktop intentionally unchanged) ===== */
.mobile-account-menu{display:none}
@media(max-width:760px){
  #topbarActions{display:none!important}
  .mobile-account-menu{display:block;position:fixed;z-index:1400;right:10px;top:68px;width:min(250px,calc(100vw - 20px));background:#0b1115;border:1px solid #2a3943;border-radius:9px;box-shadow:0 16px 34px rgba(0,0,0,.52);overflow:hidden}
  .mobile-account-menu.hidden{display:none!important}
  .mobile-account-copy{display:grid;gap:4px;padding:13px 14px;border-bottom:1px solid #202c34}
  .mobile-account-copy strong{font-size:13px;color:#f1f5f7}
  .mobile-account-copy span{font-size:10px;color:#89969e}
  .mobile-account-menu>button{display:block;width:100%;border:0;background:transparent;color:#ff746d;text-align:left;padding:13px 14px;font-size:12px;font-weight:800}
  .modal:not(.auth-modal){align-items:flex-start!important;justify-content:center!important;padding:12px 8px max(12px,env(safe-area-inset-bottom))!important;overflow-y:auto!important}
  .modal:not(.auth-modal)>.modal-card{margin:0 auto!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;border-radius:10px!important}
  .modal:not(.auth-modal) form{padding-bottom:max(10px,env(safe-area-inset-bottom))}
  #quickTaskModal .quick-task-form>button[type="submit"],#simpleTaskModal form>button[type="submit"],#taskModal form>button[type="submit"]{position:sticky;bottom:0;z-index:3;margin-top:6px;box-shadow:0 -10px 18px rgba(7,11,14,.86)}
  .mobile-dashboard-quick{margin-top:4px;margin-bottom:18px}
}

/* ===== Work Order pagination — v69 ===== */
.wo-controls-row{justify-content:space-between;align-items:center}
.wo-per-page{display:flex;align-items:center;gap:8px;margin-left:auto;color:#8f9ca4;font-size:10px;font-weight:800;white-space:nowrap}
.wo-per-page select{min-width:66px;border:1px solid #2c3941;background:#0a1014;color:#edf2f5;border-radius:5px;padding:7px 8px}
.wo-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid #202b32;color:#839099;font-size:10px}
.wo-page-controls{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.wo-page-btn{min-width:31px;height:30px;padding:0 8px;border:1px solid #2b3942;border-radius:5px;background:#0b1115;color:#aeb9bf;font-size:10px;font-weight:800;cursor:pointer}
.wo-page-btn.active{background:#17324a;border-color:#347ec0;color:#fff}.wo-page-btn:disabled{opacity:.35;cursor:default}
@media(max-width:760px){.wo-controls-row{align-items:stretch}.wo-per-page{width:100%;justify-content:space-between;margin:4px 0 0}.wo-pagination{align-items:flex-start;flex-direction:column}.wo-page-controls{justify-content:flex-start}}

/* v69 Work Order settings */
.settings-work-grid{margin-top:14px}
.settings-work-grid label{display:grid;gap:7px;color:#aab4ba;font-size:11px}
.settings-work-grid small{color:#77858d;font-size:9px;line-height:1.4}

/* ===== v70 DOWN styling + live Active Downtime timer ===== */
.priority-select.immediate,.priority.immediate{background:#f51f18!important;color:#fff!important;border-color:#f51f18!important;font-weight:900}
.dashboard-downtime-main{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:2px}
.dashboard-downtime-main>div{display:grid;gap:2px;text-align:left}
.dashboard-downtime-main>div>strong{line-height:1}
.dashboard-downtime-main>div>small{font-size:9px;font-weight:800;letter-spacing:.5px;color:#98a4ab}
#activeDowntimeTimer{font-size:clamp(18px,2vw,28px);line-height:1;font-variant-numeric:tabular-nums;color:#ff9b3d;letter-spacing:.5px}
@media(max-width:760px){
  .dashboard-downtime-main{align-items:center;gap:8px}
  #activeDowntimeTimer{font-size:17px}
  .dashboard-downtime-main>div>small{font-size:8px}
}

/* ===== v71 Work Orders live downtime KPI ===== */
.wo-downtime-kpi-main{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;width:100%}
.wo-downtime-kpi-main>div{display:grid;gap:2px}
#workOrdersActiveDowntimeTimer{font-size:clamp(18px,2vw,28px);line-height:1;font-variant-numeric:tabular-nums;color:#ff3b30;letter-spacing:.5px}
@media(max-width:760px){
  .wo-downtime-kpi-main{align-items:center;gap:8px}
  #workOrdersActiveDowntimeTimer{font-size:17px}
}

/* v73 Production Requests */
.production-submit-card{max-width:820px;margin-top:18px}.production-success{margin-top:14px;padding:14px 16px;border:1px solid #2f9e61;border-radius:8px;font-weight:700}.production-submit-card textarea{width:100%;resize:vertical}

/* v118 / signed-out presentation gate.
   Authentication/session behavior is intentionally unchanged. Signed-out users
   see only the login experience; authenticated application chrome never sits
   behind it or appears as a blank shell. */
body.role-pending .app-shell{visibility:hidden!important}
body.signed-out .app-shell{display:none!important}
body.signed-out .auth-modal{background:#020405}

/* v115 / Build 2: prevent privileged chrome from painting before the current role is known.
   Role/session behavior is unchanged; this only prevents the Production Requests refresh flash. */
body.role-pending #askBaeBtn,
body.role-pending #viewsSelect,
body.role-pending .search-wrap,
body.role-pending .notification-wrap,
body.role-pending #helpBtn,
body.role-pending #mobileBaeBtn,
body.role-pending #mobileMenuBtn,
body.role-pending #mobileBottomNav,
body.role-pending .sidebar nav,
body.role-pending .sidebar .safety-card,
body.role-pending .sidebar .copyright{visibility:hidden!important}

/* v76: Level 3 Production Requests portal is submission-only. */
.sidebar.production-locked nav,
.sidebar.production-locked .safety-card,
.sidebar.production-locked .copyright{display:none!important}


/* v98 — BAE + Resolutions prototype */
.bae-launch{display:flex;align-items:center;gap:7px;margin-left:4px;padding:8px 13px;border:1px solid #21565a;border-radius:999px;background:linear-gradient(180deg,#071617,#041011);color:#dffdfb;font-size:12px;font-weight:900;letter-spacing:.02em;cursor:pointer;box-shadow:0 0 16px rgba(40,216,207,.08)}
.bae-launch:hover{border-color:#36a8a5;background:#092021}.bae-spark{color:#5df0e8;font-size:15px;text-shadow:0 0 10px #34d8d1}.topbar-spacer{flex:1}
.resolutions-heading{align-items:center}.bae-page-btn{border:1px solid #2b7776;background:#08201f;color:#dffdfb;border-radius:5px;padding:10px 15px;font-weight:800;cursor:pointer}.bae-page-btn span{color:#55ebe4;margin-right:6px}
.resolution-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.resolution-kpis>div{border:1px solid #223039;background:linear-gradient(145deg,#070c0f,#030607);border-radius:6px;padding:14px 16px}.resolution-kpis strong{display:block;color:#62e2dc;font-size:27px}.resolution-kpis span{color:#99a5ab;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.resolutions-card{border:1px solid #202c33;background:#030607;border-radius:6px;overflow:hidden}.resolutions-toolbar{display:flex;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #202c33}.resolution-search{display:flex;align-items:center;flex:1;max-width:620px;border:1px solid #26343c;border-radius:4px;background:#020405;padding-left:10px}.resolution-search input{width:100%;border:0;background:transparent;padding:9px;outline:0}.resolutions-toolbar select{padding:8px 10px;min-width:180px}.resolution-table{min-width:760px}.resolution-table td{vertical-align:middle;padding-top:12px;padding-bottom:12px}.resolution-wo strong{display:block;font-size:12px;color:#f0f4f5}.resolution-wo span{display:block;margin-top:4px;font-size:9px;color:#7f8d94}.wo-resolution-status,.resolution-state{display:inline-block;padding:5px 9px;border-radius:999px;font-size:8px;font-weight:900;border:1px solid #34434a}.resolution-state.saved{color:#64dd82;border-color:#285f38;background:#082111}.resolution-state.none{color:#748188;border-color:#303a3f;background:#0a0e10}.resolution-status-btn{font:inherit;letter-spacing:inherit;cursor:pointer}.resolution-status-btn:hover{border-color:#4c9b62;background:#0c2a16}.resolution-edit-btn{white-space:nowrap}.resolution-highlight{animation:resolutionFlash 1.8s ease}@keyframes resolutionFlash{0%,100%{box-shadow:none}35%{box-shadow:inset 0 0 0 2px #45dcd5;background:#09201f}}
.resolution-modal-card{width:min(720px,94vw)}.resolution-kicker{color:#56dcd6;font-size:9px;letter-spacing:.12em;font-weight:900;margin-bottom:6px}.resolution-wo-label{border:1px solid #25343b;background:#05090b;border-radius:5px;padding:10px 12px;margin:0 0 14px}.resolution-wo-label strong{display:block;font-size:13px}.resolution-wo-label span{display:block;margin-top:3px;font-size:10px;color:#8d9aa0}.resolution-form-grid textarea{resize:vertical}.resolution-prompt-card{width:min(480px,92vw);text-align:center}.resolution-prompt-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#0b2a15;border:1px solid #2f7b43;color:#73e58d;font-size:25px;font-weight:900}.resolution-prompt-card p{color:#aeb8bd;line-height:1.5}.resolution-prompt-wo{text-align:left;border:1px solid #26343b;background:#05090b;border-radius:5px;padding:10px 12px;margin:14px 0}.resolution-prompt-wo strong,.resolution-prompt-wo span{display:block}.resolution-prompt-wo span{color:#829097;font-size:10px;margin-top:3px}
.bae-modal{z-index:2600}.bae-card{width:min(720px,94vw);height:min(720px,88vh);display:flex;flex-direction:column;padding:0;overflow:hidden;border-color:#245255;background:radial-gradient(circle at 20% 0%,#082021 0,#050a0d 36%,#020405 75%)}.bae-card>.close-btn{top:14px;right:14px}.bae-head{display:flex;align-items:center;gap:12px;padding:20px 22px 14px;border-bottom:1px solid #1d3638}.bae-mark{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#0d3938,#08201f);border:1px solid #317d79;color:#76fff5;font-size:16px;font-weight:1000;letter-spacing:.07em;box-shadow:0 0 22px rgba(57,218,209,.12)}.bae-head h2{margin:0;font-size:20px}.bae-head p{margin:3px 0 0;color:#8ea1a7;font-size:10px}.bae-context-note{margin:12px 16px 0;padding:9px 11px;border:1px solid #1c3d3f;background:#061314;border-radius:5px;color:#8fa4a8;font-size:10px;line-height:1.4}.bae-context-note span{color:#5de7df;font-weight:900;margin-right:7px}.bae-conversation{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:11px}.bae-message{max-width:88%;border-radius:8px;padding:11px 13px}.bae-message strong{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.bae-message p{margin:5px 0;font-size:12px;line-height:1.5}.bae-answer{align-self:flex-start;border:1px solid #24494a;background:#071516}.bae-answer strong{color:#62e9e2}.bae-user{align-self:flex-end;background:#14212a;border:1px solid #2a3d49}.bae-user strong{color:#9fc5df}.bae-results{display:grid;gap:7px;margin:9px 0}.bae-result{text-align:left;border:1px solid #265153;background:#061112;border-radius:5px;color:#e7eeee;padding:9px 10px;cursor:pointer}.bae-result:hover{background:#092021;border-color:#3b7776}.bae-result b,.bae-result span,.bae-result em{display:block}.bae-result b{font-size:11px;color:#f2f7f7}.bae-result span{font-size:9px;color:#8fa0a5;margin:3px 0 6px}.bae-result em{font-size:10px;color:#67ddd7;font-style:normal;line-height:1.4}.bae-footnote{color:#73858b;font-size:9px!important}.bae-compose{display:grid;grid-template-columns:1fr auto;gap:9px;padding:13px 16px 16px;border-top:1px solid #1c3133;background:#030809}.bae-compose textarea{resize:none;min-height:58px;padding:10px}.bae-compose button{align-self:stretch;padding:0 18px}

.bae-subtitle{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.bae-fireproof-ai{color:#91a4aa;font-weight:600;letter-spacing:.02em}.bae-subtitle-dot{color:#4f7777;font-weight:900}.bae-engine-name{color:#76fff5;font-style:normal;font-weight:900;letter-spacing:.025em;text-shadow:0 0 12px rgba(118,255,245,.14)}.bae-context-note strong{color:#b9fff9;font-style:normal;font-weight:900;letter-spacing:.02em;margin-right:4px}
@media(max-width:760px){.bae-launch{display:none}.resolution-kpis{grid-template-columns:1fr}.resolutions-toolbar{flex-direction:column}.bae-card{height:92vh;width:96vw}.bae-compose{grid-template-columns:1fr}.bae-compose button{min-height:42px}.resolutions-heading .bae-page-btn{display:none}}

.mobile-bae-btn{display:none}
@media(max-width:760px){
  .mobile-topbar{grid-template-columns:42px minmax(0,1fr) 42px minmax(58px,92px)!important;gap:6px}
  .mobile-bae-btn{display:block;border:1px solid #286d6b;border-radius:999px;background:#071a1b;color:#6ef1e9;font-size:9px;font-weight:1000;letter-spacing:.08em;height:30px;padding:0 7px;cursor:pointer}
  .mobile-brand img{width:min(160px,44vw)!important}
}


/* v99 — expanded BAE */
.bae-answer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.bae-mode{font-size:8px;font-weight:900;letter-spacing:.08em;color:#62e2dc;border:1px solid #285956;background:#061716;border-radius:999px;padding:3px 7px}.bae-thinking{opacity:.72}.bae-found{margin-top:12px;padding-top:10px;border-top:1px solid #203034}.bae-found>b{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#85969d;margin-bottom:7px}.bae-found .bae-result{width:100%;display:grid;grid-template-columns:minmax(120px,.7fr) minmax(180px,1.3fr);gap:10px;text-align:left;align-items:start}.bae-found .bae-result span{font-weight:800;color:#eef4f4}.bae-found .bae-result em{font-style:normal;color:#75d9d4}.bae-message p{line-height:1.48}.bae-context-note span{background:#0d302d;color:#69ebe4;border-color:#2f6f6b}


/* v100 — leaner BAE composer + keyboard send */
.bae-compose{gap:7px;padding:9px 12px 11px}
.bae-compose textarea{min-height:42px;height:42px;padding:8px 10px;line-height:1.35;border-radius:6px}
.bae-compose button{align-self:stretch;min-height:42px;padding:0 14px;border-radius:6px;font-size:11px;white-space:nowrap}
@media(max-width:760px){.bae-compose{gap:7px;padding:9px 10px 11px}.bae-compose textarea{min-height:42px;height:42px}.bae-compose button{min-height:38px;padding:0 13px}}

/* v101 — cleaner BAE response formatting handled by prompt + display sanitizer */


/* v102 — cleaner BAE composer finish */
.bae-compose{padding:10px 14px 18px;gap:8px;background:#030809}
.bae-compose textarea{min-height:42px;height:42px;padding:8px 11px;border-radius:7px}
.bae-compose .bae-send-btn{align-self:stretch;min-height:42px;padding:0 15px;border:1px solid #2c7775;border-radius:7px;background:linear-gradient(180deg,#0a2928,#061c1c);color:#dffdfb;font-size:10px;font-weight:900;letter-spacing:.02em;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 12px rgba(60,225,215,.05)}
.bae-compose .bae-send-btn:hover{background:linear-gradient(180deg,#0d3332,#082323);border-color:#45aaa6;color:#fff}
.bae-compose .bae-send-btn:disabled{opacity:.55;cursor:default}
@media(max-width:760px){.bae-compose{gap:8px;padding:10px 11px 17px}.bae-compose .bae-send-btn{min-height:38px;padding:0 13px}}


/* v103 — desktop BAE readability + sizing */
@media(min-width:761px){
  .bae-card{width:min(900px,94vw);height:min(850px,90vh)}
  .bae-head{padding:24px 27px 18px;gap:15px}
  .bae-mark{width:56px;height:56px;border-radius:14px;font-size:19px}
  .bae-head h2{font-size:25px}
  .bae-head p{font-size:12px;margin-top:4px}
  .bae-context-note{margin:15px 20px 0;padding:11px 14px;font-size:12px;line-height:1.45}
  .bae-conversation{padding:20px;gap:14px}
  .bae-message{padding:14px 16px;border-radius:10px}
  .bae-message strong{font-size:11px;margin-bottom:6px}
  .bae-message p{font-size:15px;line-height:1.5}
  .bae-mode{font-size:10px;padding:4px 8px}
  .bae-result b{font-size:13px}
  .bae-result span{font-size:11px}
  .bae-result em{font-size:12px}
  .bae-footnote{font-size:11px!important}
  .bae-found>b{font-size:11px}
  .bae-compose{padding:13px 18px 22px;gap:10px}
  .bae-compose textarea{min-height:50px;height:50px;padding:10px 13px;font-size:14px}
  .bae-compose .bae-send-btn{min-height:50px;padding:0 19px;font-size:13px}
}

/* v104 — BAE voice input + action feedback */
.bae-input-wrap{position:relative;flex:1;min-width:0;display:flex}
.bae-input-wrap textarea{width:100%;padding-right:44px!important}
.bae-mic-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:1px solid #29464a;border-radius:7px;background:#0a1416;color:#c8d9dc;font-size:15px;display:grid;place-items:center;cursor:pointer;padding:0}
.bae-mic-btn:hover{border-color:#4a8587;color:#fff;background:#102124}
.bae-mic-btn.listening{border-color:#e35f5f;background:#351313;color:#fff;box-shadow:0 0 0 3px rgba(227,95,95,.12)}
.bae-action-done{margin-top:10px;padding:8px 10px;border:1px solid #24645f;border-radius:7px;background:#08211f;color:#8cf0e8;font-size:11px;font-weight:800}
@media(max-width:760px){.bae-mic-btn{width:30px;height:30px;right:6px;font-size:14px}.bae-input-wrap textarea{padding-right:41px!important}}

/* v104 — BAE voice input + action feedback */
.bae-input-wrap{position:relative;flex:1;min-width:0;display:flex}
.bae-input-wrap textarea{width:100%;padding-right:44px!important}
.bae-mic-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:1px solid #29464a;border-radius:7px;background:#0a1416;color:#c8d9dc;font-size:15px;display:grid;place-items:center;cursor:pointer;padding:0}
.bae-mic-btn:hover{border-color:#4a8587;color:#fff;background:#102124}
.bae-mic-btn.listening{border-color:#e35f5f;background:#351313;color:#fff;box-shadow:0 0 0 3px rgba(227,95,95,.12)}
.bae-action-done{margin-top:10px;padding:8px 10px;border:1px solid #24645f;border-radius:7px;background:#08211f;color:#8cf0e8;font-size:11px;font-weight:800}
@media(max-width:760px){.bae-mic-btn{width:30px;height:30px;right:6px;font-size:14px}.bae-input-wrap textarea{padding-right:41px!important}}


/* v105 — BAE hands-free voice mode */
.bae-mic-btn{overflow:visible}
.bae-mic-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}
.bae-mic-btn .bae-mic-pulse{display:none;position:absolute;inset:-5px;border:2px solid rgba(232,83,83,.45);border-radius:10px;pointer-events:none}
.bae-mic-btn.listening{background:#3a1113;border-color:#f06a6a;color:#fff}
.bae-mic-btn.listening .bae-mic-pulse{display:block;animation:baeMicPulse 1.35s ease-out infinite}
@keyframes baeMicPulse{0%{opacity:.9;transform:scale(.86)}70%,100%{opacity:0;transform:scale(1.25)}}
@media(max-width:760px){.bae-mic-btn svg{width:18px;height:18px}}
\n\n/* v106 — BAE voice cleanup: stable transcript + Fire Proof mic control */\n.bae-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:center}\n.bae-input-wrap textarea{padding-right:13px!important;min-width:0}\n.bae-mic-btn{position:relative;right:auto;top:auto;transform:none;width:40px;height:40px;align-self:center;justify-self:center;border:1px solid #2d5556;border-radius:10px;background:linear-gradient(180deg,#102426,#091719);color:#a9d8d5;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 2px 8px rgba(0,0,0,.22)}\n.bae-mic-btn::before{content:'';position:absolute;inset:4px;border:1px solid rgba(83,176,171,.18);border-radius:7px;pointer-events:none}\n.bae-mic-btn:hover{border-color:#5aa4a2;background:linear-gradient(180deg,#173234,#0d2022);color:#e7ffff}\n.bae-mic-btn svg{width:18px;height:18px;position:relative;z-index:1}\n.bae-mic-btn .bae-mic-pulse{inset:-4px;border-radius:12px}\n.bae-mic-btn.listening{background:linear-gradient(180deg,#4a1719,#2a0d0f);border-color:#ef6a6a;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 2px rgba(239,106,106,.08)}\n.bae-mic-btn.listening::before{border-color:rgba(255,255,255,.16)}\n@media(max-width:760px){.bae-input-wrap{grid-template-columns:minmax(0,1fr) 40px;gap:7px}.bae-input-wrap textarea{padding-right:12px!important}.bae-mic-btn{width:38px;height:38px;right:auto}.bae-mic-btn svg{width:17px;height:17px}}\n

/* v107 — BAE voice stop control + centered mic */
.bae-compose{align-items:center}
.bae-input-wrap{display:grid !important;grid-template-columns:minmax(0,1fr) 46px !important;column-gap:8px;align-items:center;justify-items:center}
.bae-input-wrap textarea{width:100%;min-width:0;padding-right:13px !important}
.bae-mic-btn{position:relative !important;top:auto !important;right:auto !important;left:auto !important;transform:none !important;display:flex !important;align-items:center;justify-content:center;justify-self:center;align-self:center;margin:0 auto;padding:0;width:42px;height:42px;line-height:1}
.bae-mic-btn svg{display:block;margin:0 auto;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bae-mic-btn.speaking{opacity:.7}
.bae-compose .bae-send-btn{transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
.bae-compose .bae-send-btn.voice-stop{border-color:#b74c4c;background:linear-gradient(180deg,#471617,#2d0d0e);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 12px rgba(227,95,95,.09)}
.bae-compose .bae-send-btn.voice-stop:hover{border-color:#ef7777;background:linear-gradient(180deg,#592021,#341011)}
@media(max-width:760px){
  .bae-input-wrap{grid-template-columns:minmax(0,1fr) 44px !important;column-gap:7px}
  .bae-mic-btn{width:38px;height:38px}
  .bae-mic-btn svg{width:17px;height:17px}
}


/* v123 — phone BAE header fit + BAE-generated image display */
.bae-generated-image{margin-top:10px;border:1px solid #23494a;background:#030809;border-radius:8px;padding:8px;display:grid;gap:8px}
.bae-generated-image img{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:6px;background:#000}
.bae-generated-image a{justify-self:start;color:#76fff5;font-size:10px;font-weight:800;text-decoration:none}
@media(max-width:760px){
  .mobile-topbar{grid-template-columns:40px minmax(0,1fr) 38px minmax(56px,78px)!important;gap:5px!important}
  .mobile-bae-btn{width:38px!important;min-width:38px!important;max-width:38px!important;height:28px!important;padding:0!important;font-size:8px!important;letter-spacing:.04em!important;justify-self:end}
  .mobile-brand img{width:min(148px,42vw)!important;max-width:100%!important;height:44px!important}
  .mobile-actions-btn{min-width:0!important;padding-left:7px!important;padding-right:7px!important;font-size:9px!important}
  .bae-generated-image img{max-height:52vh}
}


/* v124 — BAE cancel, mobile account match, cleanup */
.bae-compose .bae-send-btn.request-stop{border-color:#c44f4f;background:linear-gradient(180deg,#55191b,#330d0f);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 14px rgba(227,95,95,.12)}
.bae-compose .bae-send-btn.request-stop:hover{border-color:#f27b7b;background:linear-gradient(180deg,#681f22,#401114)}
@media(max-width:760px){
  #mobileActionsBtn.mobile-actions-btn{height:28px!important;border:1px solid #286d6b!important;border-radius:999px!important;background:#071a1b!important;color:#dffdfb!important;font-weight:900!important;box-shadow:none!important}
}
.backup-management-block{margin-top:18px;border:1px solid #26353d;border-radius:8px;background:#090e11;padding:18px}.backup-management-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.backup-management-head span{font-size:9px;color:#ff642b;font-weight:900;letter-spacing:1px}.backup-management-head h3{margin:4px 0 5px;font-size:16px}.backup-management-head p{margin:0;color:#8f9ca2;font-size:11px;max-width:760px}.backup-list{display:grid;gap:8px}.backup-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #202d34;border-radius:6px;padding:12px;background:#060a0c}.backup-row>div:first-child{display:grid;gap:4px}.backup-row strong{font-size:12px}.backup-row span{font-size:9px;color:#8f9ca2}.backup-row-actions{display:flex;gap:7px;align-items:center}.backup-row-actions .button-link{margin-top:0}.backup-empty{color:#8f9ca2;font-size:11px;padding:12px 2px}.danger-zone{border-color:#552721}.data-clear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.data-clear-grid button{width:100%}.secondary.danger,.danger.secondary{border-color:#73312a;color:#ff8578}.secondary.danger:hover,.danger.secondary:hover{background:#28110f}.danger-note{display:block;color:#9a7f7c;margin-top:12px;line-height:1.45}@media(max-width:900px){.backup-row{align-items:flex-start;flex-direction:column}.backup-row-actions{width:100%;flex-wrap:wrap}.data-clear-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.data-clear-grid{grid-template-columns:1fr}.backup-management-head{flex-direction:column}}


/* v144 AI Bench Test */
.ai-bench-warning{border:1px solid #654519;background:#171106;border-radius:8px;padding:13px 15px;margin-bottom:16px;color:#d7c7aa;font-size:12px}.ai-bench-warning strong{color:#ffb34d}.ai-bench-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.ai-bench-card{border:1px solid #26353d;background:#090e11;border-radius:8px;padding:18px}.ai-bench-card h3{margin:0 0 10px}.ai-bench-card p{color:#8f9ca2;font-size:11px;line-height:1.5}.ai-bench-card textarea{width:100%;box-sizing:border-box;background:#05090b;border:1px solid #26353d;color:#eef2f4;border-radius:6px;padding:12px;resize:vertical}.ai-bench-actions{display:flex;gap:8px;margin-top:10px}.ai-bench-live{margin-top:14px;max-width:none}.ai-bench-summary{margin:16px 0 8px;color:#9eabb1;font-size:11px}.ai-bench-results{display:grid;gap:9px}.ai-bench-result{border:1px solid #26353d;border-radius:8px;background:#070b0d;padding:13px}.ai-bench-result.failed{border-color:#71352d}.ai-bench-result-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.ai-bench-result-head strong{font-size:12px}.ai-bench-result-head span{white-space:nowrap;color:#79c5ff;font-size:10px}.ai-bench-meta{font-size:9px;color:#7f8c92;margin:5px 0}.ai-bench-result p{margin:7px 0 0;white-space:pre-wrap;font-size:11px;line-height:1.5}.ai-bench-result details{margin-top:10px}.ai-bench-result summary{cursor:pointer;color:#ff9b70;font-size:10px}.ai-bench-result pre{white-space:pre-wrap;word-break:break-word;background:#020405;border:1px solid #1c282e;border-radius:6px;padding:10px;font-size:9px;max-height:280px;overflow:auto}.ai-bench-callout{margin-bottom:16px}@media(max-width:800px){.ai-bench-grid{grid-template-columns:1fr}.ai-bench-result-head{display:grid;gap:4px}.ai-bench-result-head span{white-space:normal}}

/* v146 AI Bench export placement */
.ai-bench-stack{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ai-bench-stack #aiBenchExport{margin-top:2px}

.ai-bench-stack #aiBenchExport{display:inline-block;text-decoration:none}.ai-bench-stack #aiBenchExport.disabled{opacity:.45;cursor:not-allowed}


/* v148 — unmistakable AI Bench progress */
.ai-bench-progress-panel{margin:16px 0 12px;border:1px solid #26353d;border-radius:10px;background:#070b0d;padding:16px}.ai-bench-progress-panel.running{border-color:#277b78;box-shadow:0 0 0 1px rgba(39,123,120,.18),0 0 20px rgba(39,123,120,.08)}.ai-bench-progress-panel.complete{border-color:#2e7045}.ai-bench-progress-panel.failed{border-color:#7a3a31}.ai-bench-progress-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.ai-bench-progress-top strong{font-size:18px;letter-spacing:1.5px}.ai-bench-progress-panel.running .ai-bench-progress-top strong{color:#7ee5df}.ai-bench-progress-panel.complete .ai-bench-progress-top strong{color:#81dc9c}.ai-bench-progress-panel.failed .ai-bench-progress-top strong{color:#ff8c7d}.ai-bench-progress-top span{font-variant-numeric:tabular-nums;color:#9fb0b6;font-size:14px;font-weight:800}.ai-bench-progress-track{height:14px;border:1px solid #2b3a41;border-radius:999px;background:#020405;overflow:hidden}.ai-bench-progress-bar{height:100%;background:linear-gradient(90deg,#176b68,#36aaa4);transition:width .25s ease}.ai-bench-progress-stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;font-size:11px;font-weight:800;color:#aeb9bd}.ai-bench-current{margin-top:13px;border-top:1px solid #1d292e;padding-top:11px;display:grid;gap:4px}.ai-bench-current span{font-size:8px;letter-spacing:1.2px;color:#718188;font-weight:900}.ai-bench-current strong{font-size:12px;line-height:1.45;color:#edf3f5}.ai-bench-summary{margin:10px 0 0}.ai-bench-stack button:disabled{opacity:.55;cursor:wait}.ai-bench-stack #aiBenchExport.disabled{pointer-events:none}@media(max-width:600px){.ai-bench-progress-stats{display:grid;gap:5px}.ai-bench-progress-top strong{font-size:16px}}

.ai-bench-result.degraded{border-color:#9a6b18;}
.ai-bench-result.degraded .ai-bench-result-head span{color:#f3bd55;}
.ai-cost-monitor{margin:16px 0}.ai-cost-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ai-cost-head h3{margin:0 0 5px}.ai-cost-head p{margin:0;color:#91a0a6;max-width:760px}.ai-usage-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}.ai-usage-summary>div{border:1px solid #26353d;background:#070b0d;border-radius:9px;padding:12px;display:grid;gap:4px}.ai-usage-summary b{font-size:17px;color:#e9f1f3}.ai-usage-summary span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#75858b;font-weight:900}.ai-usage-breakdown details,.ai-usage-recent details{border-top:1px solid #223038;padding:10px 0}.ai-usage-breakdown summary,.ai-usage-recent summary{cursor:pointer;font-weight:800;color:#cbd7da}.ai-usage-table{margin-top:9px;border:1px solid #243239;border-radius:8px;overflow:hidden}.ai-usage-tr{display:grid;grid-template-columns:minmax(120px,1.5fr) .6fr .8fr .8fr .7fr;gap:8px;padding:7px 10px;border-top:1px solid #1c282e;font-size:10px}.ai-usage-tr:first-child{border-top:0}.ai-usage-tr.head{background:#0d1519;color:#829198;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.ai-usage-tr span:last-child{text-align:right}.ai-usage-note,.ai-usage-empty{font-size:10px;color:#7f8e94}.ai-usage-recent-list{display:grid;gap:7px;margin-top:9px}.ai-usage-recent-list>div{display:grid;grid-template-columns:135px 100px 1fr 70px;gap:8px;align-items:center;border:1px solid #223038;border-radius:7px;padding:8px 10px;font-size:10px}.ai-usage-recent-list small{grid-column:1/-1;color:#86959b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-usage-recent-list b{text-align:right}@media(max-width:760px){.ai-usage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-cost-head{display:grid}.ai-usage-tr{grid-template-columns:1.4fr .5fr .7fr .7fr}.ai-usage-tr span:nth-child(4){display:none}.ai-usage-recent-list>div{grid-template-columns:1fr 1fr}.ai-usage-recent-list>div span:nth-child(3){grid-column:1/-1}.ai-usage-recent-list b{text-align:left}}

/* v156 — Sasha header badge containment */
.bae-mark{box-sizing:border-box;flex:0 0 auto;overflow:hidden;white-space:nowrap;font-size:11px;letter-spacing:.035em;line-height:1}
@media(min-width:761px){.bae-mark{width:60px;height:56px;font-size:11px;letter-spacing:.04em}}


/* v173 — desktop calendar one-screen fit */
@media(min-width:901px){
  .calendar-card{height:calc(100vh - 235px);min-height:420px;display:grid;grid-template-rows:auto minmax(0,1fr)}
  .calendar-grid{height:100%;grid-template-rows:repeat(6,minmax(0,1fr));min-height:0}
  .calendar-day{min-height:0;padding:5px 6px;overflow:hidden}
  .calendar-day-number{margin-bottom:3px}
  .calendar-events{gap:3px;max-height:calc(100% - 20px);overflow:hidden}
  .calendar-event{padding:4px 6px;line-height:1.15}
}

/* v173 — Quick Start Import */
.quickstart-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #29413d;background:linear-gradient(145deg,#07110f,#040807);border-radius:8px;padding:16px;margin-bottom:14px}.quickstart-hero strong{font-size:16px;color:#eef5f3}.quickstart-hero p{margin:5px 0 0;color:#8e9e9a;font-size:10px;line-height:1.45}.quickstart-hero>span{border:1px solid #30746a;color:#63d9c6;border-radius:99px;padding:5px 9px;font-size:8px;font-weight:900;white-space:nowrap}.quickstart-actions{display:flex;gap:9px;margin-bottom:12px}.quickstart-options{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-bottom:12px}.quickstart-options label{display:grid;gap:6px}.quickstart-options label>span{font-size:9px;color:#91a09c;font-weight:800;letter-spacing:.04em}.quickstart-options select{width:100%;padding:9px;border:1px solid #2a3a3f;background:#071013;color:#e5eeee;border-radius:5px}.quickstart-scan{border:1px solid #26363a;background:#030708;border-radius:7px;padding:13px;min-height:88px}.quickstart-scan.empty{display:flex;flex-direction:column;justify-content:center;color:#7c8986}.quickstart-scan.empty strong{color:#b4c0bd}.quickstart-scan.empty span{font-size:9px;margin-top:5px}.quickstart-summary{display:flex;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #172326}.quickstart-summary strong{font-size:13px}.quickstart-summary span{font-size:9px;color:#86a19b}.quickstart-preview{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.quickstart-preview>div{border:1px solid #1c2b2e;background:#050b0d;border-radius:5px;padding:8px}.quickstart-preview span{display:block;font-size:7px;font-weight:900;color:#55cfc0}.quickstart-preview strong{display:block;margin-top:3px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quickstart-preview small{display:block;color:#7e918c;margin-top:3px;font-size:8px}.quickstart-more{display:grid;place-items:center;color:#7f918d!important}.quickstart-detected{margin-top:10px;padding:9px;border:1px solid #5b481c;background:#161006;color:#c8b37a;border-radius:5px;font-size:9px;line-height:1.4}.quickstart-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:12px}.quickstart-foot>div{display:grid;gap:3px}.quickstart-foot strong{font-size:10px}.quickstart-foot span{font-size:9px;color:#7d8986;line-height:1.4;max-width:700px}.quickstart-progress{margin-top:12px;border:1px solid #2a5048;background:#04100d;border-radius:7px;padding:12px}.quickstart-progress>strong,.quickstart-progress>span{display:block}.quickstart-progress>span{font-size:9px;color:#8fa39e;margin:4px 0 8px}.quickstart-progress .ok{color:#6edb91;font-size:9px;padding:3px 0}.quickstart-progress .fail{color:#ff7770;font-size:9px;padding:3px 0}
@media(max-width:760px){.quickstart-options{grid-template-columns:1fr}.quickstart-actions,.quickstart-foot,.quickstart-summary{align-items:stretch;flex-direction:column}.quickstart-preview{grid-template-columns:1fr}}


/* v174 — functional Quick Start job controls */
.quickstart-controls{display:flex;gap:8px;align-items:center;margin-top:12px}.quickstart-controls .danger{border-color:#6d2929;color:#ff8585}.quickstart-job-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.quickstart-job-head strong{font-size:12px;color:#dff7f1}.quickstart-job-head span{display:block;font-size:9px;color:#87a099;margin-top:3px}.quickstart-job-head b{font-size:18px;color:#62d7c6}.quickstart-meter{height:6px;border-radius:99px;background:#10201d;overflow:hidden;margin:9px 0 10px}.quickstart-meter i{display:block;height:100%;background:#4fc7b3;transition:width .2s ease}.quickstart-current{font-size:9px;color:#9caeaa;margin-bottom:8px}.quickstart-status-list{max-height:300px;overflow:auto;border-top:1px solid #19302c}.quickstart-status-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 2px;border-bottom:1px solid #14231f;align-items:center}.quickstart-status-row span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quickstart-status-row b{font-size:8px;letter-spacing:.04em}.quickstart-status-row small{grid-column:1 / -1;color:#758984;font-size:8px}.quickstart-status-row.completed b{color:#66d98e}.quickstart-status-row.uploading b{color:#65d8cc}.quickstart-status-row.failed b{color:#ff7770}.quickstart-status-row.paused b{color:#e7c76b}.quickstart-status-row.stopped b{color:#b98080}


/* v175 Sasha attachment parity — same capability desktop/mobile, permission-gated in UI + server */
.bae-compose{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"attachments attachments" "input send"}
.bae-attachments{grid-area:attachments;display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.bae-input-wrap{grid-area:input;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px;align-items:center}
.bae-input-actions{display:flex;gap:6px;align-items:center}
.bae-attach-btn{width:40px;height:40px;border:1px solid #2d5556;border-radius:10px;background:linear-gradient(180deg,#102426,#091719);color:#9fe4df;font-size:21px;line-height:1;cursor:pointer}
.bae-attach-btn:hover{border-color:#5aa4a2;background:linear-gradient(180deg,#173234,#0d2022);color:#fff}
.bae-attachment-chip{display:inline-flex;align-items:center;gap:5px;max-width:220px;padding:5px 7px;border:1px solid #285254;border-radius:6px;background:#071719;color:#b8d8d6;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bae-attachment-chip button{min-height:0!important;padding:0!important;width:18px;height:18px;border:0;background:transparent;color:#8ca4a5;cursor:pointer;font-size:15px}
.bae-send-btn{grid-area:send}
@media(max-width:760px){.bae-compose{grid-template-columns:1fr;grid-template-areas:"attachments" "input" "send"}.bae-input-wrap{grid-template-columns:minmax(0,1fr) auto!important}.bae-attach-btn,.bae-mic-btn{width:38px;height:38px}.bae-attachment-chip{max-width:180px}}


/* v177: dedicated mobile Sasha camera capture */
.bae-camera-btn{display:none;width:40px;height:40px;border:1px solid #2d5556;border-radius:10px;background:linear-gradient(180deg,#102426,#091719);color:#9fe4df;font-size:18px;line-height:1;cursor:pointer;align-items:center;justify-content:center}
.bae-camera-btn:hover{border-color:#5aa4a2;background:linear-gradient(180deg,#173234,#0d2022);color:#fff}
@media(max-width:760px){.bae-camera-btn:not(.hidden){display:inline-flex}.bae-camera-btn{width:38px;height:38px}}

/* v178 — unified Sasha image attachment UX and desktop/mobile parity */
.bae-attachments{align-items:center}
.bae-attachment-chip{max-width:260px;min-height:42px;padding:5px 7px;overflow:visible}
.bae-attachment-chip.image{padding:4px 6px 4px 4px}
.bae-attachment-thumb{width:42px;height:42px;object-fit:cover;border-radius:5px;border:1px solid #285254;background:#020708;flex:0 0 auto}
.bae-attachment-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bae-attachment-file-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #285254;border-radius:5px;flex:0 0 auto}
.bae-message-attachments{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}
.bae-message-attachments img{display:block;max-width:180px;max-height:140px;object-fit:cover;border:1px solid #2a5555;border-radius:7px}
.bae-message-attachments span{display:inline-flex;padding:5px 8px;border:1px solid #2a5555;border-radius:6px}
/* Keep the camera affordance visible on desktop too. On phones capture=environment
   opens the rear camera; desktop browsers may present the attached camera/file source. */
.bae-camera-btn:not(.hidden){display:inline-flex}
@media(max-width:760px){.bae-attachment-chip{max-width:220px}.bae-attachment-thumb{width:46px;height:46px}.bae-message-attachments img{max-width:150px;max-height:120px}}


/* v182 — Resolutions classification + mobile Operator Error entry.
   Intentionally scoped to Resolutions; Sasha AI voice/recognition styles and behavior are untouched. */
.resolution-classification select{width:100%;margin-top:5px;padding:9px}
.resolution-operator-fields{border:1px solid #2a4545;background:#061011;border-radius:7px;padding:12px}
.resolution-operator-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}
.resolution-operator-head strong{font-size:11px;color:#71e2dc}
.resolution-operator-head span{font-size:9px;color:#7f9196;text-align:right;line-height:1.35}
.resolution-operator-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.resolution-operator-grid label{font-size:11px}
.resolution-operator-grid select,.resolution-operator-grid textarea{width:100%;margin-top:5px;padding:9px;box-sizing:border-box}
.resolution-operator-grid textarea{resize:vertical}
@media(max-width:680px){
  .resolution-modal-card{width:min(96vw,720px);padding:16px 14px}
  .resolution-form-grid{gap:10px}
  .resolution-form-grid textarea{min-height:72px}
  #resolutionSolution{min-height:108px}
  .resolution-operator-fields{padding:10px}
  .resolution-operator-head{display:grid;gap:3px}
  .resolution-operator-head span{text-align:left}
  .resolution-operator-grid{grid-template-columns:1fr}
  .resolution-operator-grid .span-2{grid-column:auto}
  .resolution-modal-card .modal-actions{position:sticky;bottom:-1px;z-index:3;background:linear-gradient(180deg,rgba(4,8,10,0),#04080a 24%);padding-top:14px;padding-bottom:max(2px,env(safe-area-inset-bottom))}
}


/* v184 — Mobile Resolutions reachability + operator list support UI.
   Scoped to the Resolutions modal; Sasha AI styles/behavior are intentionally untouched. */
@media(max-width:680px){
  #resolutionModal{z-index:1500;padding:8px;align-items:flex-end}
  #resolutionModal .resolution-modal-card{
    max-height:calc(100dvh - 16px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding-bottom:calc(18px + env(safe-area-inset-bottom));
  }
  #resolutionModal .resolution-modal-card .modal-actions{
    bottom:0;
    padding-bottom:calc(10px + env(safe-area-inset-bottom));
  }
}
\n\n/* v185 — Sasha dialog visual-state prototype. UI-only; no recognition/reasoning changes. */
.bae-card{position:relative;isolation:isolate}
.bae-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;z-index:8;background:conic-gradient(from 0deg,transparent 0 20%,rgba(75,255,242,.08) 28%,rgba(103,255,247,.95) 36%,rgba(35,159,161,.2) 44%,transparent 55% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .22s ease}
.bae-card::after{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%,-48%);z-index:10;padding:4px 13px;border-radius:999px;border:1px solid rgba(73,218,211,.4);background:#061112;color:#82f5ef;font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;opacity:0;pointer-events:none;box-shadow:0 0 18px rgba(66,232,221,.11);transition:opacity .18s ease}
.bae-card.bae-state-thinking::before{opacity:1;animation:baeThinkingBorder 2.1s linear infinite}
.bae-card.bae-state-thinking::after{content:"Thinking…";opacity:1;animation:baeThinkingText 1.25s ease-in-out infinite}
.bae-card.bae-state-listening::before{opacity:.62;background:conic-gradient(from 0deg,transparent 0 26%,rgba(239,106,106,.08) 30%,rgba(255,113,113,.8) 36%,rgba(239,106,106,.16) 43%,transparent 50% 100%);animation:baeListeningBorder 1.7s linear infinite}
.bae-card.bae-state-speaking::before{opacity:.45;animation:baeThinkingBorder 3.1s linear infinite}
.bae-mic-btn{position:relative}
.bae-mic-eq{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);height:9px;display:flex;align-items:flex-end;gap:2px;opacity:0;pointer-events:none;transition:opacity .15s ease}
.bae-mic-eq i{display:block;width:2px;height:3px;border-radius:2px;background:#ff8585;transform-origin:bottom}
.bae-mic-btn.listening .bae-mic-eq{opacity:1}
.bae-mic-btn.listening .bae-mic-eq i:nth-child(1){animation:baeEqBar .63s ease-in-out infinite alternate}
.bae-mic-btn.listening .bae-mic-eq i:nth-child(2){animation:baeEqBar .42s ease-in-out .08s infinite alternate}
.bae-mic-btn.listening .bae-mic-eq i:nth-child(3){animation:baeEqBar .71s ease-in-out .03s infinite alternate}
.bae-mic-btn.listening .bae-mic-eq i:nth-child(4){animation:baeEqBar .47s ease-in-out .12s infinite alternate}
.bae-mic-btn.listening .bae-mic-eq i:nth-child(5){animation:baeEqBar .58s ease-in-out .06s infinite alternate}
.bae-thinking p{position:relative;padding-left:20px}
.bae-thinking p::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:5px;border-radius:999px;background:linear-gradient(90deg,rgba(90,239,230,.18),#67eee6,rgba(90,239,230,.18));animation:baeThoughtWave 1.05s ease-in-out infinite}
@keyframes baeThinkingBorder{to{transform:rotate(360deg)}}
@keyframes baeListeningBorder{to{transform:rotate(-360deg)}}
@keyframes baeThinkingText{0%,100%{filter:brightness(.8);letter-spacing:.1em}50%{filter:brightness(1.25);letter-spacing:.14em}}
@keyframes baeEqBar{0%{height:2px;opacity:.48}100%{height:9px;opacity:1}}
@keyframes baeThoughtWave{0%,100%{transform:scaleX(.45);opacity:.45}50%{transform:scaleX(1);opacity:1}}
@media(max-width:760px){.bae-card::after{top:1px;font-size:8px;padding:3px 10px}.bae-mic-eq{bottom:-10px}}
@media(prefers-reduced-motion:reduce){.bae-card::before,.bae-card::after,.bae-mic-eq i,.bae-thinking p::before{animation:none!important}.bae-card.bae-state-thinking::before,.bae-card.bae-state-listening::before,.bae-card.bae-state-speaking::before{opacity:.45}}
\n\n/* v187 — Sasha waveform placement repair. Visual-state only; AI/transcription logic untouched. */
/* The waveform now owns a dedicated full-width frame between results and the composer.
   Keeping it outside the form restores the proven v185/v175 composer grid and button layout. */
.bae-wave-strip{position:relative;flex:0 0 48px;width:100%;height:48px;min-width:0;box-sizing:border-box;overflow:hidden;border-top:1px solid rgba(57,112,113,.24);border-bottom:1px solid rgba(57,112,113,.24);background:linear-gradient(180deg,rgba(4,13,15,.34),rgba(5,17,19,.78),rgba(4,11,13,.34));opacity:.8;transition:opacity .18s ease,border-color .18s ease,background .18s ease}
.bae-wave-strip svg{display:block;width:100%;height:100%}
.bae-wave-line{fill:none;stroke-width:1.55;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;opacity:.72;filter:drop-shadow(0 0 3px currentColor)}
.bae-wave-line.wave-low{stroke:#43d9c8;color:#43d9c8;opacity:.62}
.bae-wave-line.wave-mid{stroke:#6ea8ff;color:#6ea8ff;opacity:.72}
.bae-wave-line.wave-high{stroke:#b178ff;color:#b178ff;opacity:.72}
.bae-wave-label{position:absolute;inset:0;display:grid;place-items:center;color:#bafcf8;font-size:9px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 10px rgba(72,235,224,.45);opacity:0;transition:opacity .16s ease;pointer-events:none}
.bae-card.bae-state-thinking .bae-wave-strip{opacity:1;border-color:rgba(76,222,213,.38);background:linear-gradient(180deg,rgba(5,20,22,.58),rgba(6,27,29,.9),rgba(5,17,19,.54))}
.bae-card.bae-state-thinking .bae-wave-label{opacity:1}
.bae-card.bae-state-listening .bae-wave-strip{opacity:1;border-color:rgba(239,106,106,.3)}
.bae-card.bae-state-speaking .bae-wave-strip{opacity:.94}
/* Explicitly restore the composer layout after the v186 experiment. */
.bae-compose{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"attachments attachments" "input send"!important;align-items:center}
.bae-attachments{grid-area:attachments}
.bae-input-wrap{grid-area:input;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px;align-items:center}
.bae-input-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}
.bae-send-btn{grid-area:send}
@media(max-width:760px){
  .bae-wave-strip{flex-basis:44px;height:44px}
  .bae-wave-label{font-size:8px}
  .bae-compose{grid-template-columns:1fr!important;grid-template-areas:"attachments" "input" "send"!important}
  .bae-input-wrap{grid-template-columns:minmax(0,1fr) auto!important}
  .bae-input-actions{gap:5px}
}
@media(prefers-reduced-motion:reduce){.bae-wave-strip{opacity:.65}.bae-wave-line{filter:none}}


/* v189 — Keep only the full-width waveform visualization; retire earlier visual experiments. */
.bae-card::before,.bae-card::after{display:none!important;content:none!important;animation:none!important}
.bae-mic-eq{display:none!important}
.bae-thinking p{padding-left:0!important}
.bae-thinking p::before{display:none!important;content:none!important;animation:none!important}
/* Slightly stronger waveform presence while listening so pitch-band changes are easy to see. */
.bae-card.bae-state-listening .bae-wave-line{stroke-width:1.8;opacity:.86}
.bae-card.bae-state-listening .bae-wave-line.wave-low{opacity:.82}
.bae-card.bae-state-listening .bae-wave-line.wave-mid{opacity:.9}
.bae-card.bae-state-listening .bae-wave-line.wave-high{opacity:.88}


/* v190 — waveform-only Sasha visual cleanup + stronger mic response. */
.bae-card::before,.bae-card::after{display:none!important;visibility:hidden!important;opacity:0!important;content:none!important;animation:none!important;background:none!important;border:0!important;box-shadow:none!important}
.bae-mic-eq,.bae-mic-pulse{display:none!important;visibility:hidden!important;opacity:0!important;animation:none!important}
.bae-thinking p::before{display:none!important;content:none!important;animation:none!important}
.bae-card.bae-state-listening .bae-wave-strip{opacity:1;border-color:rgba(89,230,220,.46)}
.bae-card.bae-state-listening .bae-wave-line{stroke-width:2.05;opacity:.94}
.bae-card.bae-state-listening .bae-wave-line.wave-low{opacity:.92}
.bae-card.bae-state-listening .bae-wave-line.wave-mid{opacity:.98}
.bae-card.bae-state-listening .bae-wave-line.wave-high{opacity:.96}


/* v193 — three-band human-voice waveform + mobile speech-protection pass. */
.bae-wave-line.wave-low{stroke:#43d9c8;color:#43d9c8;opacity:.84}
.bae-wave-line.wave-mid{stroke:#6ea8ff;color:#6ea8ff;opacity:.98}
.bae-wave-line.wave-high{stroke:#b178ff;color:#b178ff;opacity:.94}
.bae-card.bae-state-listening .bae-wave-line{stroke-width:1.9}
.bae-card.bae-state-listening .bae-wave-line.wave-low{opacity:.88}
.bae-card.bae-state-listening .bae-wave-line.wave-mid{opacity:1}
.bae-card.bae-state-listening .bae-wave-line.wave-high{opacity:.98}


/* v194 — Mobile Sasha dialog: 20% shorter height only. */
@media(max-width:760px){
  .bae-modal .bae-card{height:74vh!important;max-height:74vh!important}
}
\n/* v196 — tighter speech loops + polished Thinking label. */
.bae-card.bae-state-thinking .bae-wave-label{
  font-size:10px;
  font-weight:900;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:transparent;
  background:linear-gradient(90deg,#8ff6ee 0%,#d7fffb 42%,#86bfff 58%,#8ff6ee 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 0 12px rgba(92,236,226,.22),0 0 22px rgba(110,168,255,.10);
  animation:baeThinkingLabelSweep 1.55s linear infinite,baeThinkingLabelBreath 1.35s ease-in-out infinite;
}
.bae-card.bae-state-speaking .bae-wave-label{
  font-weight:850;
  letter-spacing:.18em;
  text-shadow:0 0 10px rgba(110,168,255,.34);
}
@keyframes baeThinkingLabelSweep{from{background-position:100% 50%}to{background-position:-120% 50%}}
@keyframes baeThinkingLabelBreath{0%,100%{opacity:.72;transform:scale(.985)}50%{opacity:1;transform:scale(1)}}
@media(max-width:760px){.bae-card.bae-state-thinking .bae-wave-label{font-size:9px;letter-spacing:.20em}}
@media(prefers-reduced-motion:reduce){.bae-card.bae-state-thinking .bae-wave-label{animation:none;color:#bafcf8;background:none;-webkit-text-fill-color:currentColor}}

/* v197 — Match Ask Sasha AI submit button height to the three composer action buttons. */
.bae-compose .bae-send-btn{height:40px!important;min-height:40px!important;align-self:center!important;padding-top:0!important;padding-bottom:0!important}
@media(max-width:760px){.bae-compose .bae-send-btn{height:38px!important;min-height:38px!important}}

/* v199 — Slightly larger microphone glyph only; preserve button size/layout. */
.bae-mic-btn svg{width:21px!important;height:21px!important}
@media(max-width:760px){.bae-mic-btn svg{width:20px!important;height:20px!important}}


/* v201 — Increase all three Sasha composer action glyphs by 3px; buttons remain unchanged. */
.bae-camera-btn{font-size:21px!important}
.bae-attach-btn{font-size:24px!important}
.bae-mic-btn svg{width:24px!important;height:24px!important}
@media(max-width:760px){
  .bae-camera-btn{font-size:21px!important}
  .bae-attach-btn{font-size:24px!important}
  .bae-mic-btn svg{width:23px!important;height:23px!important}
}


/* v202 — Normalize Sasha composer action icons after the v201 glyph mismatch.
   Keep the buttons unchanged; use one centered SVG system for camera, attach, and mic. */
.bae-input-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:nowrap!important}
.bae-camera-btn,.bae-attach-btn,.bae-mic-btn{
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  padding:0!important;margin:0!important;line-height:0!important;box-sizing:border-box!important;
  align-items:center!important;justify-content:center!important;place-items:center!important;
  vertical-align:middle!important;font-size:0!important;
}
.bae-camera-btn:not(.hidden){display:inline-flex!important}
.bae-attach-btn{display:inline-flex!important}
.bae-mic-btn{display:inline-flex!important;position:relative!important;top:auto!important;right:auto!important;left:auto!important;transform:none!important;justify-self:auto!important;align-self:auto!important}
.bae-camera-btn .bae-action-icon,.bae-attach-btn .bae-action-icon,.bae-mic-btn .bae-action-icon{
  display:block!important;margin:0!important;fill:none!important;stroke:currentColor!important;
  stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  flex:0 0 auto!important;position:relative!important;z-index:1!important;
}
.bae-camera-btn .bae-action-icon,.bae-attach-btn .bae-action-icon{width:25px!important;height:25px!important}
.bae-mic-btn .bae-action-icon{width:27px!important;height:27px!important;stroke-width:2.05!important}
@media(max-width:760px){
  .bae-input-actions{gap:5px!important}
  .bae-camera-btn,.bae-attach-btn,.bae-mic-btn{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  .bae-camera-btn .bae-action-icon,.bae-attach-btn .bae-action-icon{width:24px!important;height:24px!important}
  .bae-mic-btn .bae-action-icon{width:26px!important;height:26px!important}
}


/* v211 — Sasha stays vertically centered in the viewport on mobile too.
   Preserve the shorter mobile dialog and all existing composer/waveform behavior. */
@media(max-width:760px){
  #baeModal.bae-modal{align-items:center!important;justify-content:center!important;padding:8px!important;overflow:hidden!important}
  #baeModal.bae-modal>.bae-card{margin:auto!important}
}

/* v214 main-dashboard reliability trend: replaces Task productivity chart only; TV views unchanged. */
.productivity-card.issue-trend{--trend:#59d98a;--trend-fill:rgba(185,140,255,.10)}
.issue-legend{display:flex;flex-wrap:wrap;gap:7px 13px;margin:3px 0 -1px;color:#8b9aa3;font-size:8.5px;font-weight:800}
.issue-legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.issue-legend span b{color:#cbd5da;font-size:8.5px}
.issue-legend i{display:inline-block;width:14px;height:3px;border-radius:99px;background:currentColor}.issue-legend .machine{color:#ff665e}.issue-legend .operator{color:#ffad42}.issue-legend .material{color:#a7b0b6}
.issue-line{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.issue-line.machine{stroke:#ff665e}.issue-line.operator{stroke:#ffad42}.issue-line.material{stroke:#a7b0b6}
.issue-dot{fill:#080d10;stroke-width:2}.issue-dot.machine{stroke:#ff665e}.issue-dot.operator{stroke:#ffad42}.issue-dot.material{stroke:#a7b0b6}
.issue-dot.machine:hover{fill:#ff665e}.issue-dot.operator:hover{fill:#ffad42}.issue-dot.material:hover{fill:#a7b0b6}
@media(max-width:700px){.issue-legend{gap:5px 9px}.issue-legend span{font-size:8px}}


/* v221 Inventory procurement workflow */
.inventory-workflow-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;margin:0 0 12px;border:1px solid #26343c;background:#081015;border-radius:8px;color:#92a0a8;font-size:10px}.inventory-workflow-strip b{color:#e9f1f5;font-size:9px;letter-spacing:.5px}.inventory-v221{min-width:1180px}.inventory-v221 th{white-space:nowrap}.inventory-v221 td{vertical-align:middle}.inventory-order-status,.inventory-priority{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;white-space:nowrap;border:1px solid transparent}.order-unordered{color:#ffc56f;background:#2a1c09;border-color:#6a4514}.order-ordered{color:#8ecaff;background:#071f34;border-color:#174c70}.order-received{color:#78e59b;background:#092519;border-color:#1c6a3b}.priority-normal{color:#aeb8be;background:#151b1f;border-color:#303a40}.priority-urgent{color:#ffbd69;background:#2b1a06;border-color:#74420e}.priority-hot{color:#fff;background:#741617;border-color:#ff4f52;box-shadow:0 0 10px rgba(255,48,52,.18)}.inventory-hot-row{background:linear-gradient(90deg,rgba(130,18,20,.18),rgba(0,0,0,0) 38%)}.inventory-hot-row td:first-child{box-shadow:inset 3px 0 #f04444}.inventory-order-qty{margin-top:4px;color:#ffbd69;font-size:9px;font-weight:800}.inventory-action-stack{display:flex;flex-direction:column;gap:5px;min-width:112px}.inventory-action-stack .operator-actions{display:flex;gap:4px}.mini-btn.order-now{border-color:#2d7fbd;color:#88c9ff}.mini-btn.receive-now{border-color:#46545c;color:#c8d1d6;background:#0b1013}.mini-btn.receive-now:hover{border-color:#677780;color:#eef3f5;background:#12191d}.inv-needs{color:#ffbd69!important;background:#2a1b08!important;border-color:#6e4817!important}.inventory-order-fields{border:1px solid #34424a;background:#081116;border-radius:8px;padding:12px}.inventory-order-field-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.inventory-order-field-head strong{font-size:10px;letter-spacing:.8px;color:#ffb24b}.inventory-order-field-head span{font-size:9px;color:#9aa7ae}.inventory-order-fields .operator-form-grid{margin:0}.inventory-order-fields label{margin:0}@media(max-width:900px){.inventory-workflow-strip{font-size:9px}.inventory-order-field-head{align-items:flex-start;flex-direction:column}.inventory-v221{min-width:1050px}}

/* v222 inventory cleanup */
.inventory-qty-value{display:inline-block;min-width:28px;font-size:12px;font-weight:800;color:#f2f5f6}.inventory-modal-card .operator-form-grid{align-items:start}


/* v223 Inventory: incomplete purchasing queue + stocked parts database */
.inventory-incomplete-card{margin-bottom:22px;border-color:#4b351b}.inventory-incomplete-card .inventory-card-title{background:linear-gradient(90deg,#181006,#080b0d)}.inventory-incomplete-pill{color:#ffc56f;border-color:#6a4514;background:#1e1407}.inventory-stock-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:22px 2px 10px}.inventory-stock-section-head>div:first-child>span{display:block;color:#58b8f0;font-size:8px;font-weight:900;letter-spacing:1.1px}.inventory-stock-section-head h2{margin:3px 0 3px;font-size:18px}.inventory-stock-section-head p{margin:0;color:#89969d;font-size:10px}.inventory-stock-filters{display:grid;grid-template-columns:minmax(300px,1.5fr) minmax(180px,.9fr) minmax(150px,.65fr) minmax(180px,.8fr);gap:10px;align-items:end;margin-bottom:10px}.inventory-stock-filters label{color:#9eaaaf;font-size:8px}.inventory-stock-filters select{width:100%;height:39px;margin-top:4px}.inventory-v223{min-width:1120px}.inventory-order-table{min-width:1080px}.inventory-stock-table{min-width:1020px}.inventory-order-table th:nth-child(3){min-width:90px}.inventory-order-table th:nth-child(5){min-width:100px}.inventory-order-table th:nth-child(6){min-width:135px}.inventory-stock-table th:nth-child(3){min-width:70px}.inventory-stock-table th:nth-child(7){min-width:120px}@media(max-width:1100px){.inventory-stock-filters{grid-template-columns:1fr 1fr}.inventory-stock-filters .inventory-search-wrap{grid-column:1/-1}}@media(max-width:700px){.inventory-stock-section-head{align-items:flex-start;flex-direction:column}.inventory-stock-filters{grid-template-columns:1fr}.inventory-stock-filters .inventory-search-wrap{grid-column:auto}.inventory-v223{min-width:980px}}

/* v224 inventory two-section layout */
.inventory-section-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 18px}.inventory-section-tab{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 12px;text-align:left;border:1px solid #26353d;background:linear-gradient(180deg,#0b1115,#080c0f);color:#dce3e7;border-radius:9px;padding:14px 16px;cursor:pointer;transition:.15s}.inventory-section-tab:hover{border-color:#3d5663;background:#0d151a}.inventory-section-tab.active{border-color:#2b78ad;box-shadow:inset 3px 0 #ff642b,0 0 0 1px rgba(43,120,173,.12);background:linear-gradient(180deg,#0b1820,#090f13)}.inventory-section-tab span{font-size:11px;letter-spacing:.8px;font-weight:900}.inventory-section-tab strong{grid-row:1/3;grid-column:2;font-size:25px;line-height:1;color:#f1f5f7}.inventory-section-tab small{font-size:9px;color:#839199}.inventory-section-tab.active small{color:#a7b6be}.inventory-section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:2px 2px 10px}.inventory-section-intro>div:first-child>span{display:block;color:#ff752e;font-size:8px;font-weight:900;letter-spacing:1.1px}.inventory-section-intro h2{margin:3px 0;font-size:19px}.inventory-section-intro p{margin:0;color:#89969d;font-size:10px}.inventory-v224{min-width:1120px}@media(max-width:700px){.inventory-section-tabs{grid-template-columns:1fr}.inventory-section-intro{align-items:flex-start;flex-direction:column}.inventory-section-tab strong{font-size:22px}}
/* v226 inventory part photos */
.inventory-table tbody tr[data-inventory-row]{cursor:pointer}
.inventory-photo-field{border:1px solid #2a3941;background:#070c0f;border-radius:7px;padding:11px 12px;margin-top:2px}
.inventory-photo-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.inventory-photo-head strong{font-size:9px;letter-spacing:.7px;color:#dfe7ea}.inventory-photo-head span{font-size:8px;color:#7f8d94}.inventory-photo-controls{display:flex;gap:8px;flex-wrap:wrap}.inventory-photo-preview{display:block;margin-top:10px;padding:0;border:1px solid #38515e;background:#05080a;border-radius:7px;overflow:hidden;cursor:zoom-in;width:120px;height:90px}.inventory-photo-preview img{display:block;width:100%;height:100%;object-fit:cover}.inventory-photo-preview:hover{border-color:#5d879c;box-shadow:0 0 0 1px rgba(93,135,156,.2)}
@media(max-width:700px){.inventory-photo-head{align-items:flex-start;flex-direction:column;gap:3px}.inventory-photo-preview{width:104px;height:78px}}

/* v227 Inventory mobile camera capture */
.inventory-camera-btn{display:none}
@media(max-width:700px){.inventory-camera-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.inventory-photo-controls .secondary{min-height:44px}}

/* v228 mobile inventory modal + storage selector */
@media(max-width:700px){
  #inventoryModal{padding:0;align-items:flex-end}
  #inventoryModal .inventory-modal-card{max-height:calc(100dvh - 8px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:0}
  #inventoryModal .operator-form-grid{padding-bottom:8px}
  #inventoryModal .modal-actions{position:sticky;bottom:0;z-index:20;margin:12px -16px 0;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(8,12,15,.94),#080c0f 28%);border-top:1px solid #2a3941;box-shadow:0 -10px 18px rgba(0,0,0,.28)}
  #inventoryModal .modal-actions button{min-height:46px}
  #inventoryStorage{min-height:44px;width:100%}
}

/* v230 mobile Inventory modal: keep Save/Submit reachable above app/browser chrome */
@media(max-width:700px){
  #inventoryModal{
    z-index:1200;
    display:block;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding:8px 8px calc(20px + env(safe-area-inset-bottom));
  }
  #inventoryModal.hidden{display:none}
  #inventoryModal .inventory-modal-card{
    width:100%;
    max-width:660px;
    max-height:none;
    min-height:0;
    margin:0 auto;
    overflow:visible;
    padding:16px;
    padding-bottom:calc(18px + env(safe-area-inset-bottom));
  }
  #inventoryModal .operator-form-grid{padding-bottom:0}
  #inventoryModal .modal-actions{
    position:static;
    margin:16px -16px 0;
    padding:14px 16px calc(16px + env(safe-area-inset-bottom));
    background:#080c0f;
    border-top:1px solid #2a3941;
    box-shadow:none;
  }
  #inventoryModal .modal-actions button{min-height:48px}
  #inventoryModal .modal-actions::after{content:"";display:block;width:0;height:72px;flex:0 0 72px}
}

/* v234 regular recurring calendar items */
.calendar-event.cal{border-color:#2d7d55;background:#0a2118;color:#8ee9ae}.legend-cal{background:#59d98a}

/* v235 support status polish */
.support-status{grid-column:1/-1;min-height:18px;font-size:11px;line-height:1.35;color:#9da8ae}.support-status.success{color:#7fd99a}.support-status.error{color:#ff8f87}


/* v236 public platform entry + account request */
.public-landing{position:fixed;inset:0;z-index:2900;display:grid;place-items:center;padding:24px;background:url("/assets/landing-industrial-reference.jpg") center center/cover no-repeat;overflow:auto;isolation:isolate}
.public-landing::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(2,6,9,.97) 0%,rgba(2,6,9,.94) 24%,rgba(2,6,9,.82) 42%,rgba(2,6,9,.48) 60%,rgba(2,6,9,.12) 78%,rgba(2,6,9,.18) 100%)}
.public-landing::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18%;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(2,6,9,.72) 72%,rgba(2,6,9,.92))}
.public-landing-card{width:min(760px,94vw);text-align:center;padding:clamp(24px,5vw,48px);border:0;border-radius:0;background:transparent;box-shadow:none}
.public-landing-logo{display:block;width:min(310px,66%);max-height:178px;object-fit:contain;margin:0 auto 16px;filter:drop-shadow(0 10px 24px #0009)}
.public-landing-kicker,.request-eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;color:#f06445;margin:0 0 12px}
.public-landing h1{font-size:clamp(16px,2.2vw,22px);line-height:1.25;margin:0 auto 16px;max-width:620px;color:#f5f7f8;font-weight:700;letter-spacing:.02em}
.public-landing-copy{max-width:610px;margin:0 auto;color:#eef1f2;font-size:15px;line-height:1.65;text-shadow:0 2px 10px #000}
.public-landing-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:460px;margin:30px auto 0}
.public-landing-actions button{min-height:52px;font-size:15px;font-weight:900;border-radius:8px}
.public-primary{background:linear-gradient(135deg,#ff6a21,#f24b19)!important;border-color:#ff6a21!important;box-shadow:0 10px 30px #e4512d38}.public-secondary{border-color:#ff5a24!important;background:rgba(5,9,12,.62)!important}
.public-landing-foot{margin-top:34px;font-size:11px;letter-spacing:.08em;color:#d1d5d7;text-transform:none;text-shadow:0 2px 10px #000}
.public-modal-close{top:14px!important;right:14px!important}
.account-request-card{width:min(520px,94vw);max-height:min(760px,92dvh);overflow:auto}
.account-request-card h2{margin-bottom:8px}.account-request-help{color:#9da9b0;line-height:1.5;margin:0 0 20px}.account-request-form{display:grid;gap:13px}.account-request-form label{display:grid;gap:6px}.request-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-request-form textarea{resize:vertical}.account-request-form .primary{width:100%;margin-top:4px}.account-request-status{min-height:22px;margin-top:11px;font-size:13px}.account-request-status.error{color:#ff6b66}.account-request-status.success{color:#67d79a}.account-request-admin{margin-top:18px;border:1px solid #26343d;border-radius:10px;overflow:hidden}.account-request-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#0c1318}.account-request-admin-head span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#f06445}.account-request-list{display:grid}.account-request-row{display:grid;grid-template-columns:minmax(170px,1.3fr) minmax(180px,1fr) 110px minmax(190px,auto);gap:12px;align-items:center;padding:13px 16px;border-top:1px solid #1c2830}.account-request-row:first-child{border-top:0}.account-request-company strong,.account-request-contact strong{display:block;color:#eef2f4}.account-request-company span,.account-request-contact span{display:block;color:#89969e;font-size:12px;margin-top:3px}.request-status-pill{display:inline-flex;justify-content:center;padding:5px 8px;border:1px solid #34434d;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.06em}.request-status-pill.APPROVED{color:#6fdb9d;border-color:#2b7d50}.request-status-pill.DECLINED{color:#ff7b72;border-color:#8a3b37}.request-status-pill.CONTACTED{color:#edbe63;border-color:#80652f}.account-request-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.account-request-actions button{padding:7px 9px;font-size:11px}.account-request-empty{padding:22px;color:#87949c;text-align:center}
body:not(.signed-out) #publicLanding{display:none!important}
@media(max-width:720px){.public-landing{padding:16px}.public-landing-card{padding:32px 20px}.public-landing-actions{grid-template-columns:1fr}.request-grid{grid-template-columns:1fr 1fr}.account-request-row{grid-template-columns:1fr}.account-request-actions{justify-content:flex-start}.account-request-card{max-height:calc(100dvh - 32px)}}

/* v241 landing cleanup */
body.signed-out .sidebar .copyright{display:none!important}

/* v242 splash cleanup: clean 80% image stage on black, live UI only */
.public-landing{
  background:#000!important;
  padding:0!important;
  overflow:auto;
}
.public-landing::before,.public-landing::after{display:none!important}
.public-landing-card{
  position:relative;
  width:80vw!important;
  height:80vh!important;
  min-height:560px;
  max-width:1500px;
  max-height:900px;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:clamp(28px,4vw,56px)!important;
  overflow:hidden;
  border:0!important;
  border-radius:14px!important;
  background:url('/assets/landing-industrial-clean.jpg') center center/cover no-repeat!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.035),0 22px 70px rgba(0,0,0,.62)!important;
  isolation:isolate;
}
.public-landing-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(ellipse at center,rgba(3,8,11,.88) 0%,rgba(3,8,11,.74) 30%,rgba(3,8,11,.40) 58%,rgba(3,8,11,.18) 100%);
}
.public-landing-logo{
  width:min(310px,42%)!important;
  max-height:176px!important;
  margin:0 auto 14px!important;
  image-rendering:auto;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.58))!important;
}
.public-landing-kicker{margin-bottom:12px!important}
.public-landing-copy{max-width:650px!important}
.public-landing-actions{margin-top:28px!important}
.public-landing-foot{margin-top:28px!important}
body.signed-out .sidebar .copyright{display:none!important}
@media(max-width:720px){
  .public-landing{padding:0!important}
  .public-landing-card{width:90vw!important;height:auto!important;min-height:78vh;max-height:none;padding:30px 20px!important;border-radius:10px!important}
  .public-landing-logo{width:min(280px,72%)!important}
}

/* v243 splash refinement: full-bleed industrial background, transparent live branding */
.public-landing{
  background:#000 url('/assets/landing-industrial-clean.jpg') center center/cover no-repeat!important;
  padding:24px!important;
  overflow:auto;
  isolation:isolate;
}
.public-landing::before{
  display:block!important;
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(2,6,9,.48) 0%,rgba(2,6,9,.36) 36%,rgba(2,6,9,.22) 64%,rgba(2,6,9,.34) 100%);
}
.public-landing::after{display:none!important}
.public-landing-card{
  position:relative;
  width:min(820px,94vw)!important;
  height:auto!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  padding:clamp(24px,4vw,48px)!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  isolation:auto!important;
}
.public-landing-card::before{display:none!important}
.public-landing-logo{
  width:min(320px,58%)!important;
  max-height:185px!important;
  margin:0 auto 16px!important;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.72))!important;
}
.public-landing-kicker,.public-landing-copy,.public-landing-foot{text-shadow:0 2px 12px #000,0 1px 3px #000!important}
.public-landing-copy{max-width:650px!important}
.public-landing-actions{margin-top:28px!important}
.public-landing-foot{margin-top:28px!important}
@media(max-width:720px){
  .public-landing{padding:16px!important}
  .public-landing-card{width:100%!important;height:auto!important;min-height:0!important;padding:26px 16px!important;border-radius:0!important}
  .public-landing-logo{width:min(290px,78%)!important}
}

/* v244 splash: remove contaminated blurred-box background; keep only a seamless center readability fade */
.public-landing{
  background:#000 url('/assets/landing-industrial-reference.jpg') center center/cover no-repeat!important;
  padding:24px!important;
}
.public-landing::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    rgba(0,0,0,.08) 0%,
    rgba(0,0,0,.28) 18%,
    rgba(0,0,0,.72) 30%,
    rgba(0,0,0,.96) 40%,
    rgba(0,0,0,.97) 60%,
    rgba(0,0,0,.72) 70%,
    rgba(0,0,0,.28) 82%,
    rgba(0,0,0,.08) 100%)!important;
}
.public-landing::after{display:none!important}
.public-landing-card{
  width:min(760px,94vw)!important;
  height:auto!important;
  min-height:0!important;
  padding:clamp(24px,5vw,48px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.public-landing-card::before,.public-landing-card::after{display:none!important}
@media(max-width:720px){
  .public-landing{padding:16px!important}
  .public-landing::before{background:rgba(0,0,0,.72)!important}
}

/* v245 splash: match approved reference exactly on desktop; no duplicate live artwork */
.public-landing{
  background:#000 url('/assets/landing-goal-v245.png') center center/cover no-repeat!important;
  padding:0!important;
  overflow:hidden!important;
}
.public-landing::before,.public-landing::after{display:none!important}
.public-landing-card{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.public-landing-logo,.public-landing-kicker,.public-landing-copy,.public-landing-foot{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.public-landing-actions{
  position:absolute!important;
  left:50%!important;
  top:63.45%!important;
  transform:translate(-50%,-50%)!important;
  width:min(524px,31.8vw)!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:1fr 1.16fr!important;
  gap:min(22px,1.35vw)!important;
  margin:0!important;
  z-index:2!important;
}
.public-landing-actions button{
  min-height:0!important;
  height:clamp(48px,6.35vh,59px)!important;
  padding:0!important;
  color:transparent!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:8px!important;
  cursor:pointer!important;
}
.public-landing-actions button:hover{background:rgba(255,255,255,.035)!important}
.public-landing-actions button:focus-visible{outline:2px solid #ff5a1f!important;outline-offset:3px!important}
@media(max-width:720px){
  .public-landing{background-position:center center!important}
  .public-landing-actions{
    top:63.5%!important;
    width:72vw!important;
    gap:3vw!important;
  }
  .public-landing-actions button{height:52px!important}
}

/* v246 splash polish: edge fade, tighter vertical balance, responsive mobile fit */
.public-landing{
  background-color:#000!important;
  background-image:url('/assets/landing-goal-v245.png')!important;
  background-repeat:no-repeat!important;
  background-position:center 50%!important;
  background-size:98% auto!important;
  padding:0!important;
  overflow:hidden!important;
}
.public-landing::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:1!important;
  background:
    linear-gradient(to right,rgba(0,0,0,.98) 0,rgba(0,0,0,.72) 72px,rgba(0,0,0,.18) 150px,transparent 205px),
    linear-gradient(to left,rgba(0,0,0,.98) 0,rgba(0,0,0,.72) 72px,rgba(0,0,0,.18) 150px,transparent 205px),
    linear-gradient(to bottom,rgba(0,0,0,.88) 0,rgba(0,0,0,.34) 70px,transparent 145px),
    linear-gradient(to top,rgba(0,0,0,.94) 0,rgba(0,0,0,.44) 75px,transparent 150px)!important;
}
.public-landing::after{display:none!important}
.public-landing-card{z-index:2!important}
.public-landing-actions{
  top:63.0%!important;
  width:min(514px,31.2vw)!important;
}

/* Phone/tablet splash: detect narrow screens and scale the entire approved visual down
   instead of cropping it like a desktop cover image. */
@media(max-width:720px){
  .public-landing{
    background-color:#000!important;
    background-image:url('/assets/landing-goal-v245.png')!important;
    background-repeat:no-repeat!important;
    background-size:auto 74%!important;
    background-position:center 50%!important;
    min-height:100dvh!important;
  }
  .public-landing::before{
    background:
      linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,.62) 24px,transparent 72px),
      linear-gradient(to left,rgba(0,0,0,1) 0,rgba(0,0,0,.62) 24px,transparent 72px),
      linear-gradient(to bottom,rgba(0,0,0,.98) 0,rgba(0,0,0,.45) 8%,transparent 19%),
      linear-gradient(to top,rgba(0,0,0,.98) 0,rgba(0,0,0,.48) 8%,transparent 19%)!important;
  }
  .public-landing-actions{
    top:60.9%!important;
    width:min(88vw,390px)!important;
    grid-template-columns:1fr 1.16fr!important;
    gap:3.4vw!important;
  }
  .public-landing-actions button{height:46px!important}
}

@media(max-width:430px){
  .public-landing{background-size:auto 70%!important}
  .public-landing-actions{
    top:60.1%!important;
    width:86vw!important;
    gap:3vw!important;
  }
  .public-landing-actions button{height:44px!important}
}

/* v247 splash polish: rounded all-around fade with stronger top/bottom falloff */
.public-landing::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:1!important;
  background:
    radial-gradient(ellipse 86% 68% at 50% 50%,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 48%,
      rgba(0,0,0,.16) 61%,
      rgba(0,0,0,.42) 73%,
      rgba(0,0,0,.72) 86%,
      rgba(0,0,0,.97) 100%)!important;
}

@media(max-width:720px){
  .public-landing::before{
    background:
      radial-gradient(ellipse 92% 70% at 50% 50%,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 44%,
        rgba(0,0,0,.18) 58%,
        rgba(0,0,0,.48) 72%,
        rgba(0,0,0,.78) 86%,
        rgba(0,0,0,.98) 100%)!important;
  }
}

/* v248 splash edge treatment: stronger rounded fade-to-black, especially top/bottom */
.public-landing::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:1!important;
  background:
    radial-gradient(ellipse 76% 54% at 50% 50%,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 34%,
      rgba(0,0,0,.12) 45%,
      rgba(0,0,0,.34) 56%,
      rgba(0,0,0,.62) 68%,
      rgba(0,0,0,.84) 80%,
      rgba(0,0,0,.96) 91%,
      rgba(0,0,0,1) 100%)!important;
}

@media(max-width:720px){
  .public-landing::before{
    background:
      radial-gradient(ellipse 88% 56% at 50% 50%,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 31%,
        rgba(0,0,0,.14) 43%,
        rgba(0,0,0,.38) 55%,
        rgba(0,0,0,.66) 68%,
        rgba(0,0,0,.86) 81%,
        rgba(0,0,0,.97) 92%,
        rgba(0,0,0,1) 100%)!important;
  }
}

/* v249 splash polish: preserve dark ring, reveal more side detail, move composition slightly down */
.public-landing{
  background-position:center 52.2%!important;
}
.public-landing::before{
  background:
    radial-gradient(ellipse 82% 54% at 50% 52%,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 34%,
      rgba(0,0,0,.12) 45%,
      rgba(0,0,0,.34) 56%,
      rgba(0,0,0,.62) 68%,
      rgba(0,0,0,.84) 80%,
      rgba(0,0,0,.96) 91%,
      rgba(0,0,0,1) 100%)!important;
}
.public-landing-actions{
  top:65.2%!important;
}

@media(max-width:720px){
  .public-landing{background-position:center 52%!important}
  .public-landing::before{
    background:
      radial-gradient(ellipse 94% 56% at 50% 52%,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 31%,
        rgba(0,0,0,.14) 43%,
        rgba(0,0,0,.38) 55%,
        rgba(0,0,0,.66) 68%,
        rgba(0,0,0,.86) 81%,
        rgba(0,0,0,.97) 92%,
        rgba(0,0,0,1) 100%)!important;
  }
  .public-landing-actions{top:62.9%!important}
}

@media(max-width:430px){
  .public-landing-actions{top:62.1%!important}
}

/* v250 — desktop Request Account modal refinement; mobile intentionally unchanged */
@media (min-width:721px){
  #accountRequestModal .account-request-card{
    width:min(760px,90vw);
    max-height:calc(100dvh - 72px);
    padding:28px 34px 30px;
    overflow-y:auto;
  }
  #accountRequestModal .auth-brand{margin-bottom:18px}
  #accountRequestModal .auth-brand img{width:230px;max-width:42vw}
  #accountRequestModal .account-request-help{margin-bottom:18px}
  #accountRequestModal .account-request-form{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:14px 18px;
  }
  #accountRequestModal .account-request-form>label:first-child,
  #accountRequestModal .account-request-form>label:nth-of-type(5),
  #accountRequestModal .account-request-form>.primary{
    grid-column:1/-1;
  }
  #accountRequestModal .request-grid{
    grid-template-columns:1fr 1fr;
    align-self:end;
  }
  #accountRequestModal .account-request-form textarea{min-height:100px}
}

/* v251 — desktop Request Account height refinement; mobile intentionally unchanged */
@media (min-width:721px){
  #accountRequestModal .account-request-card{
    width:min(760px,90vw);
    max-height:calc(100dvh - 24px);
    padding:28px 34px 30px;
    overflow-y:auto;
  }
}

/* v252 — desktop Request Account modal taller fit; mobile intentionally unchanged */
@media (min-width:721px){
  #accountRequestModal .account-request-card{
    width:min(760px,90vw);
    max-height:calc(100dvh - 8px);
    min-height:min(820px,calc(100dvh - 8px));
    padding:24px 34px 26px;
    overflow-y:auto;
  }
  #accountRequestModal .auth-brand{margin-bottom:14px}
  #accountRequestModal .account-request-help{margin-bottom:14px}
  #accountRequestModal .account-request-form{gap:12px 18px}
  #accountRequestModal .account-request-form textarea{min-height:92px}
}

/* v253 — approved Fire Proof shield/flame lockup rolled out site-wide */
.brand-image{width:184px;max-width:100%;height:auto;object-fit:contain}
.auth-brand img{width:270px;max-width:78vw;height:auto;object-fit:contain}
@media(max-width:760px){
  .brand-image{width:190px}
  .mobile-brand img{width:min(220px,62vw);height:48px;object-fit:contain}
}
@media(max-width:430px){
  .mobile-brand img{width:min(190px,55vw)!important;height:44px!important}
}
@media(min-width:721px){
  #accountRequestModal .auth-brand img{width:290px;max-width:46vw}
}

/* v254 — splash logo scale/background cleanup + copyright visibility */
.public-landing{
  background-image:url('/assets/landing-goal-v254.jpg')!important;
}
.public-landing-logo{
  position:absolute!important;
  display:block!important;
  left:50%!important;
  top:35.2%!important;
  transform:translate(-50%,-50%)!important;
  width:min(385px,25vw)!important;
  height:auto!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:normal!important;
  border:0!important;
  background:transparent!important;
  z-index:3!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.58))!important;
}
.public-landing-foot{
  position:absolute!important;
  left:50%!important;
  bottom:5.8%!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:nowrap!important;
  border:0!important;
  z-index:4!important;
  color:rgba(238,241,243,.9)!important;
  font-size:11px!important;
  letter-spacing:.04em!important;
  text-shadow:0 2px 8px #000,0 0 3px #000!important;
}
@media(max-width:720px){
  .public-landing-logo{
    top:38.1%!important;
    width:min(320px,58vw)!important;
  }
  .public-landing-foot{
    bottom:16.5%!important;
    font-size:9px!important;
    color:rgba(238,241,243,.86)!important;
  }
}
@media(max-width:430px){
  .public-landing-logo{width:min(285px,62vw)!important;top:39.2%!important}
  .public-landing-foot{bottom:17.5%!important;font-size:8px!important}
}

/* v255 — approved wide factory splash implemented on desktop.
   Preserve the accepted foreground artwork exactly as baked into the approved image;
   keep only transparent live hit areas over Login / Request Account. Mobile remains v254. */
@media (min-width:721px){
  .public-landing{
    background-color:#000!important;
    background-image:url('/assets/landing-goal-v255.jpg')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:98% auto!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .public-landing::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    z-index:1!important;
    background:radial-gradient(ellipse 88% 82% at 50% 50%,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 66%,
      rgba(0,0,0,.12) 76%,
      rgba(0,0,0,.42) 88%,
      rgba(0,0,0,.88) 100%)!important;
  }
  .public-landing::after{display:none!important}
  .public-landing-card{z-index:2!important}
  .public-landing-logo,
  .public-landing-kicker,
  .public-landing-copy,
  .public-landing-foot{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .public-landing-actions{
    position:absolute!important;
    left:50%!important;
    top:58.6%!important;
    transform:translate(-50%,-50%)!important;
    width:min(500px,29.7vw)!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:234fr 242fr!important;
    gap:min(20px,1.2vw)!important;
    margin:0!important;
    z-index:3!important;
  }
  .public-landing-actions button{
    min-height:0!important;
    height:clamp(52px,5.95vh,58px)!important;
    padding:0!important;
    color:transparent!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:8px!important;
    cursor:pointer!important;
  }
  .public-landing-actions button:hover{background:rgba(255,255,255,.035)!important}
  .public-landing-actions button:focus-visible{outline:2px solid #ff5a1f!important;outline-offset:3px!important}
}

/* v256 — roll out the saved no-shield flame-in-FIRE logo site-wide,
   and shrink the approved desktop splash artwork so it is not stretched edge-to-edge.
   Strengthen the all-around fade-to-black blend while keeping the click targets aligned. */
.brand-image{width:198px!important;max-width:100%;height:auto;object-fit:contain}
.auth-brand img{width:290px!important;max-width:78vw;height:auto;object-fit:contain}
@media(max-width:760px){
  .brand-image{width:206px!important}
  .mobile-brand img{width:min(228px,62vw)!important;height:48px!important;object-fit:contain!important}
}
@media(max-width:430px){
  .mobile-brand img{width:min(196px,56vw)!important;height:44px!important}
}
@media(min-width:721px){
  #accountRequestModal .auth-brand img{width:308px!important;max-width:46vw!important}
  .public-landing{
    background-color:#000!important;
    background-image:url('/assets/landing-goal-v255.jpg')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:min(86vw, 1460px) auto!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .public-landing::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    z-index:1!important;
    background:
      radial-gradient(ellipse 76% 70% at 50% 50%,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 53%,
        rgba(0,0,0,.14) 63%,
        rgba(0,0,0,.38) 74%,
        rgba(0,0,0,.72) 86%,
        rgba(0,0,0,.96) 100%),
      linear-gradient(to right,
        rgba(0,0,0,.82) 0%,
        rgba(0,0,0,.42) 7%,
        rgba(0,0,0,0) 16%,
        rgba(0,0,0,0) 84%,
        rgba(0,0,0,.42) 93%,
        rgba(0,0,0,.82) 100%),
      linear-gradient(to bottom,
        rgba(0,0,0,.84) 0%,
        rgba(0,0,0,.28) 8%,
        rgba(0,0,0,0) 18%,
        rgba(0,0,0,0) 82%,
        rgba(0,0,0,.34) 91%,
        rgba(0,0,0,.88) 100%)!important;
  }
  .public-landing::after{display:none!important}
  .public-landing-card{z-index:2!important}
  .public-landing-logo,
  .public-landing-kicker,
  .public-landing-copy,
  .public-landing-foot{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .public-landing-actions{
    position:absolute!important;
    left:50%!important;
    top:57.5%!important;
    transform:translate(-50%,-50%)!important;
    width:min(438px,25.8vw)!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:234fr 242fr!important;
    gap:min(17px,1vw)!important;
    margin:0!important;
    z-index:3!important;
  }
  .public-landing-actions button{
    min-height:0!important;
    height:clamp(46px,5.2vh,52px)!important;
    padding:0!important;
    color:transparent!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:8px!important;
    cursor:pointer!important;
  }
  .public-landing-actions button:hover{background:rgba(255,255,255,.03)!important}
  .public-landing-actions button:focus-visible{outline:2px solid #ff5a1f!important;outline-offset:3px!important}
}

/* v257 — corrected site-wide no-shield logo asset and scaled desktop splash down another 20%. */
.brand-image{width:208px!important;max-width:100%;height:auto;object-fit:contain}
.auth-brand img{width:302px!important;max-width:78vw;height:auto;object-fit:contain}
@media(max-width:760px){
  .brand-image{width:212px!important}
  .mobile-brand img{width:min(232px,63vw)!important;height:48px!important;object-fit:contain!important}
}
@media(max-width:430px){
  .mobile-brand img{width:min(198px,57vw)!important;height:44px!important}
}
@media(min-width:721px){
  #accountRequestModal .auth-brand img{width:320px!important;max-width:46vw!important}
  .public-landing{
    background-size:min(78vw,1325px) auto!important;
  }
  .public-landing::before{
    background:
      radial-gradient(ellipse 72% 68% at 50% 50%,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 50%,
        rgba(0,0,0,.12) 59%,
        rgba(0,0,0,.34) 70%,
        rgba(0,0,0,.70) 84%,
        rgba(0,0,0,.97) 100%),
      linear-gradient(to right,
        rgba(0,0,0,.88) 0%,
        rgba(0,0,0,.46) 8%,
        rgba(0,0,0,0) 18%,
        rgba(0,0,0,0) 82%,
        rgba(0,0,0,.46) 92%,
        rgba(0,0,0,.88) 100%),
      linear-gradient(to bottom,
        rgba(0,0,0,.88) 0%,
        rgba(0,0,0,.32) 9%,
        rgba(0,0,0,0) 20%,
        rgba(0,0,0,0) 80%,
        rgba(0,0,0,.36) 90%,
        rgba(0,0,0,.90) 100%)!important;
  }
  .public-landing-actions{
    top:56.9%!important;
    width:min(400px,23.7vw)!important;
    gap:min(15px,.9vw)!important;
  }
  .public-landing-actions button{
    height:clamp(42px,4.5vh,47px)!important;
  }
}

/* v258 — replace the broken SVG logo with a clean approved logo crop everywhere,
   and shrink the desktop splash composition about 20% more. */
.brand{padding:6px 0 14px!important;margin-left:0!important;align-items:flex-start!important}
.brand-image{width:148px!important;max-width:100%;height:auto;object-fit:contain;display:block}
.auth-brand img{width:240px!important;max-width:78vw;height:auto;object-fit:contain;display:block}
.mobile-brand img{width:min(176px,52vw)!important;height:40px!important;object-fit:contain!important;display:block}
@media(max-width:760px){
  .brand-image{width:154px!important}
  .mobile-brand img{width:min(180px,56vw)!important;height:40px!important}
}
@media(max-width:430px){
  .mobile-brand img{width:min(168px,58vw)!important;height:38px!important}
}
@media(min-width:721px){
  #accountRequestModal .auth-brand img{width:248px!important;max-width:44vw!important}
  .public-landing{
    background-size:min(62vw,1060px) auto!important;
    background-position:center center!important;
  }
  .public-landing::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    z-index:1!important;
    background:
      radial-gradient(ellipse 66% 62% at 50% 50%,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 48%,
        rgba(0,0,0,.16) 58%,
        rgba(0,0,0,.38) 69%,
        rgba(0,0,0,.74) 84%,
        rgba(0,0,0,.98) 100%),
      linear-gradient(to right,
        rgba(0,0,0,.92) 0%,
        rgba(0,0,0,.58) 9%,
        rgba(0,0,0,.08) 20%,
        rgba(0,0,0,.08) 80%,
        rgba(0,0,0,.58) 91%,
        rgba(0,0,0,.92) 100%),
      linear-gradient(to bottom,
        rgba(0,0,0,.93) 0%,
        rgba(0,0,0,.56) 10%,
        rgba(0,0,0,.08) 20%,
        rgba(0,0,0,.08) 80%,
        rgba(0,0,0,.56) 90%,
        rgba(0,0,0,.93) 100%)!important;
  }
  .public-landing-actions{
    position:absolute!important;
    left:50%!important;
    top:55.4%!important;
    transform:translate(-50%,-50%)!important;
    width:min(312px,18.4vw)!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:234fr 242fr!important;
    gap:min(12px,.7vw)!important;
    margin:0!important;
    z-index:3!important;
  }
  .public-landing-actions button{
    min-height:0!important;
    height:clamp(34px,3.9vh,38px)!important;
    padding:0!important;
    color:transparent!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:8px!important;
    cursor:pointer!important;
  }
}
/* TV views use the same corrected logo but a touch larger for readability */
.tv-brand-image{width:166px!important;height:auto!important}
@media (min-width:1400px){
  .tv-brand-image{width:186px!important}
}

/* v259 — fix the logo globally without shrinking it everywhere.
   Keep normal logo sizing across the app, but only shrink the desktop splash composition.
   Also tone down the side fade so the approved splash doesn't wash in so hard. */
.brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:2px 0 14px!important;margin-left:-3px!important}
.brand-image{display:block;width:184px!important;max-width:100%;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 0 10px rgba(0,0,0,.22))}
.auth-brand img{display:block;width:270px!important;max-width:78vw!important;height:auto!important;object-fit:contain!important}
@media(max-width:760px){
  .brand-image{width:190px!important}
  .mobile-brand img{display:block;width:min(220px,62vw)!important;height:48px!important;object-fit:contain!important}
}
@media(max-width:430px){
  .mobile-brand img{width:min(190px,55vw)!important;height:44px!important}
}
@media(min-width:721px){
  #accountRequestModal .auth-brand img{width:290px!important;max-width:46vw!important}
  .public-landing{
    background-color:#000!important;
    background-image:url('/assets/landing-goal-v255.jpg')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:min(78vw,1325px) auto!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .public-landing::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    z-index:1!important;
    background:
      radial-gradient(ellipse 82% 78% at 50% 50%,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 54%,
        rgba(0,0,0,.10) 67%,
        rgba(0,0,0,.24) 80%,
        rgba(0,0,0,.55) 92%,
        rgba(0,0,0,.86) 100%),
      linear-gradient(to right,
        rgba(0,0,0,.34) 0%,
        rgba(0,0,0,.10) 10%,
        rgba(0,0,0,0) 19%,
        rgba(0,0,0,0) 81%,
        rgba(0,0,0,.10) 90%,
        rgba(0,0,0,.34) 100%),
      linear-gradient(to bottom,
        rgba(0,0,0,.52) 0%,
        rgba(0,0,0,.12) 12%,
        rgba(0,0,0,0) 22%,
        rgba(0,0,0,0) 79%,
        rgba(0,0,0,.16) 88%,
        rgba(0,0,0,.58) 100%)!important;
  }
  .public-landing::after{display:none!important}
  .public-landing-card{z-index:2!important}
  .public-landing-logo,
  .public-landing-kicker,
  .public-landing-copy,
  .public-landing-foot{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .public-landing-actions{
    position:absolute!important;
    left:50%!important;
    top:56.9%!important;
    transform:translate(-50%,-50%)!important;
    width:min(400px,23.7vw)!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:234fr 242fr!important;
    gap:min(15px,.9vw)!important;
    margin:0!important;
    z-index:3!important;
  }
  .public-landing-actions button{
    min-height:0!important;
    height:clamp(42px,4.5vh,47px)!important;
    padding:0!important;
    color:transparent!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:8px!important;
    cursor:pointer!important;
  }
  .public-landing-actions button:hover{background:rgba(255,255,255,.025)!important}
  .public-landing-actions button:focus-visible{outline:2px solid #ff5a1f!important;outline-offset:3px!important}
}

/* v260 — latest approved splash artwork + stronger TOP/BOTTOM-only squint fade.
   Side fade is intentionally not increased. All other v259 behavior is preserved. */
@media (min-width:721px){
  .public-landing{
    background-color:#000!important;
    background-image:url('/assets/landing-goal-v260.png')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:min(78vw,1325px) auto!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .public-landing::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    z-index:1!important;
    background:
      radial-gradient(ellipse 82% 78% at 50% 50%,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 54%,
        rgba(0,0,0,.10) 67%,
        rgba(0,0,0,.24) 80%,
        rgba(0,0,0,.55) 92%,
        rgba(0,0,0,.86) 100%),
      linear-gradient(to right,
        rgba(0,0,0,.34) 0%,
        rgba(0,0,0,.10) 10%,
        rgba(0,0,0,0) 19%,
        rgba(0,0,0,0) 81%,
        rgba(0,0,0,.10) 90%,
        rgba(0,0,0,.34) 100%),
      linear-gradient(to bottom,
        rgba(0,0,0,.985) 0%,
        rgba(0,0,0,.88) 7%,
        rgba(0,0,0,.65) 14%,
        rgba(0,0,0,.34) 21%,
        rgba(0,0,0,.08) 28%,
        rgba(0,0,0,0) 34%,
        rgba(0,0,0,0) 66%,
        rgba(0,0,0,.08) 72%,
        rgba(0,0,0,.34) 79%,
        rgba(0,0,0,.65) 86%,
        rgba(0,0,0,.88) 93%,
        rgba(0,0,0,.985) 100%)!important;
  }
  .public-landing::after{display:none!important}
  .public-landing-actions{
    top:56.8%!important;
    width:min(400px,23.7vw)!important;
    gap:min(15px,.9vw)!important;
  }
  .public-landing-actions button{height:clamp(42px,4.5vh,47px)!important}
}

/* v261 — use a clean background-only version of the approved splash image,
   then layer the real logo/copy/buttons on top. Increase top/bottom fade only
   for the squint effect and leave the sides substantially open. */
@media (min-width:721px){
  .public-landing{
    position:fixed!important;
    inset:0!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:#000 url('/assets/landing-bg-v261.png') center center/cover no-repeat!important;
  }
  .public-landing::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    background:linear-gradient(to bottom,
      rgba(0,0,0,.97) 0%,
      rgba(0,0,0,.92) 7%,
      rgba(0,0,0,.78) 14%,
      rgba(0,0,0,.46) 22%,
      rgba(0,0,0,.14) 31%,
      rgba(0,0,0,0) 39%,
      rgba(0,0,0,0) 61%,
      rgba(0,0,0,.16) 70%,
      rgba(0,0,0,.48) 79%,
      rgba(0,0,0,.79) 87%,
      rgba(0,0,0,.93) 94%,
      rgba(0,0,0,.98) 100%)!important;
  }
  .public-landing::after{display:none!important}
  .public-landing-card{
    position:relative!important;
    z-index:1!important;
    width:min(760px,60vw)!important;
    max-width:760px!important;
    min-height:0!important;
    padding:0 22px!important;
    margin:0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    border-radius:0!important;
  }
  .public-landing-logo,
  .public-landing-kicker,
  .public-landing-copy,
  .public-landing-foot{
    position:static!important;
    clip:auto!important;
    clip-path:none!important;
    overflow:visible!important;
    white-space:normal!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    border:0!important;
  }
  .public-landing-kicker{
    margin:0 0 16px!important;
    color:#edf2f4!important;
    text-transform:none!important;
    font-size:clamp(17px,1.55vw,22px)!important;
    font-weight:500!important;
    letter-spacing:.20em!important;
    text-shadow:0 2px 18px rgba(0,0,0,.74)!important;
  }
  .public-landing-logo{
    width:min(600px,43vw)!important;
    max-width:600px!important;
    margin:0 auto 26px!important;
    filter:drop-shadow(0 8px 28px rgba(0,0,0,.52))!important;
  }
  .public-landing-copy{
    max-width:760px!important;
    margin:0 auto 30px!important;
    color:#f1f4f5!important;
    font-size:clamp(16px,1.2vw,18px)!important;
    line-height:1.55!important;
    text-shadow:0 2px 18px rgba(0,0,0,.84),0 1px 4px rgba(0,0,0,.88)!important;
  }
  .public-landing-actions{
    position:static!important;
    width:min(560px,42vw)!important;
    max-width:560px!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:22px!important;
  }
  .public-landing-actions button{
    min-height:60px!important;
    height:60px!important;
    padding:0 24px!important;
    border-radius:10px!important;
    font-size:18px!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    cursor:pointer!important;
    color:#fff!important;
    box-shadow:0 10px 26px rgba(0,0,0,.35)!important;
    transition:transform .15s ease, box-shadow .15s ease!important;
  }
  .public-landing-actions button:hover{transform:translateY(-1px)!important}
  .public-primary{
    background:linear-gradient(180deg,#ff6f18 0%,#ff560e 100%)!important;
    border:1px solid rgba(255,124,40,.95)!important;
  }
  .public-secondary{
    background:rgba(9,15,20,.58)!important;
    border:1px solid rgba(255,102,27,.95)!important;
  }
  .public-landing-foot{
    margin:118px auto 0!important;
    color:rgba(233,238,241,.96)!important;
    font-size:12px!important;
    letter-spacing:.02em!important;
    text-shadow:0 2px 14px rgba(0,0,0,.9)!important;
    text-transform:none!important;
  }
}

/* v262 — stronger top/bottom "squint" fade only on the desktop splash.
   Keep the background-only factory image and real overlaid logo/text/buttons. */
@media (min-width:721px){
  .public-landing::before{
    background:linear-gradient(to bottom,
      rgba(0,0,0,.995) 0%,
      rgba(0,0,0,.985) 6%,
      rgba(0,0,0,.93) 13%,
      rgba(0,0,0,.78) 20%,
      rgba(0,0,0,.52) 28%,
      rgba(0,0,0,.20) 36%,
      rgba(0,0,0,.04) 42%,
      rgba(0,0,0,0) 47%,
      rgba(0,0,0,0) 53%,
      rgba(0,0,0,.04) 58%,
      rgba(0,0,0,.22) 65%,
      rgba(0,0,0,.54) 73%,
      rgba(0,0,0,.80) 81%,
      rgba(0,0,0,.94) 89%,
      rgba(0,0,0,.985) 95%,
      rgba(0,0,0,.997) 100%)!important;
  }
}

/* v263 — isolate the public splash layout from legacy splash rules.
   Background/fade remain v262; this fixes the live overlay alignment and button styling. */
@media (min-width:721px){
  #publicLanding .splash-v263-card{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:min(780px,62vw)!important;
    height:auto!important;
    min-height:0!important;
    max-width:780px!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0 24px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    text-align:center!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    isolation:auto!important;
    z-index:2!important;
  }
  #publicLanding .splash-v263-kicker{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0 0 14px!important;
    padding:0!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    white-space:normal!important;
    opacity:1!important;
    visibility:visible!important;
    color:#f0f3f5!important;
    font-size:clamp(16px,1.4vw,21px)!important;
    font-weight:500!important;
    letter-spacing:.18em!important;
    text-transform:none!important;
    text-shadow:0 2px 16px rgba(0,0,0,.8)!important;
  }
  #publicLanding .splash-v263-logo{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:block!important;
    width:min(520px,38vw)!important;
    height:auto!important;
    max-width:520px!important;
    max-height:none!important;
    margin:0 auto 24px!important;
    padding:0!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    white-space:normal!important;
    opacity:1!important;
    visibility:visible!important;
    object-fit:contain!important;
    background:transparent!important;
    border:0!important;
    filter:drop-shadow(0 8px 24px rgba(0,0,0,.58))!important;
  }
  #publicLanding .splash-v263-copy{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:700px!important;
    max-height:none!important;
    margin:0 auto 26px!important;
    padding:0!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    white-space:normal!important;
    opacity:1!important;
    visibility:visible!important;
    color:#f1f4f5!important;
    font-size:clamp(15px,1.1vw,17px)!important;
    line-height:1.55!important;
    text-shadow:0 2px 16px rgba(0,0,0,.9)!important;
  }
  #publicLanding .splash-v263-actions{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:18px!important;
    width:min(530px,40vw)!important;
    max-width:530px!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    z-index:3!important;
  }
  #publicLanding .splash-v263-actions #landingLoginBtn,
  #publicLanding .splash-v263-actions #landingRequestBtn{
    position:static!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:56px!important;
    height:56px!important;
    padding:0 22px!important;
    border-radius:9px!important;
    font-size:17px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:0!important;
    color:#fff!important;
    opacity:1!important;
    visibility:visible!important;
    cursor:pointer!important;
    box-shadow:0 9px 24px rgba(0,0,0,.34)!important;
  }
  #publicLanding .splash-v263-actions #landingLoginBtn{
    background:linear-gradient(180deg,#ff6f18 0%,#ff510b 100%)!important;
    border:1px solid rgba(255,130,54,.95)!important;
  }
  #publicLanding .splash-v263-actions #landingRequestBtn{
    background:rgba(8,14,19,.66)!important;
    border:1px solid rgba(255,91,18,.98)!important;
  }
  #publicLanding .splash-v263-foot{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:96px auto 0!important;
    padding:0!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    white-space:nowrap!important;
    opacity:1!important;
    visibility:visible!important;
    color:rgba(236,240,242,.92)!important;
    font-size:11px!important;
    letter-spacing:.02em!important;
    text-shadow:0 2px 12px rgba(0,0,0,.94)!important;
  }
}

/* v264 — reduce desktop splash logo size and improve paragraph readability. */
@media (min-width:721px){
  .public-landing-card{
    width:min(740px,58vw)!important;
  }
  .public-landing-logo{
    width:min(470px,34vw)!important;
    max-width:470px!important;
    margin:0 auto 22px!important;
    filter:drop-shadow(0 8px 24px rgba(0,0,0,.56))!important;
  }
  .public-landing-copy{
    max-width:690px!important;
    margin:0 auto 28px!important;
    padding:16px 22px!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(7,12,16,.54) 0%,rgba(7,12,16,.38) 100%)!important;
    border:1px solid rgba(255,255,255,.05)!important;
    box-shadow:0 8px 30px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
    text-shadow:0 2px 14px rgba(0,0,0,.86),0 1px 3px rgba(0,0,0,.92)!important;
  }
}

/* v265 — make the desktop splash logo noticeably smaller (~25% down). */
@media (min-width:721px){
  .public-landing-logo{
    width:min(352px,25.5vw)!important;
    max-width:352px!important;
    margin:0 auto 20px!important;
  }
}

/* v266 — noticeably smaller splash logo, lower placement, and better vertical centering. */
@media (min-width:721px){
  #publicLanding .splash-v263-card,
  #publicLanding .public-landing-card{
    width:min(720px,56vw)!important;
    max-width:720px!important;
    min-height:100vh!important;
    margin:0 auto!important;
    padding:54px 24px 54px!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  #publicLanding .splash-v263-kicker,
  #publicLanding .public-landing-kicker{
    margin:0 0 12px!important;
  }
  #publicLanding .splash-v263-logo,
  #publicLanding .public-landing-logo{
    width:min(274px,19.5vw)!important;
    max-width:274px!important;
    margin:10px auto 14px!important;
    filter:drop-shadow(0 8px 22px rgba(0,0,0,.58))!important;
  }
  #publicLanding .splash-v263-copy,
  #publicLanding .public-landing-copy{
    max-width:720px!important;
    margin:0 auto 26px!important;
    padding:18px 24px!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(8,13,17,.60) 0%,rgba(8,13,17,.42) 100%)!important;
    border:1px solid rgba(255,255,255,.05)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
  }
  #publicLanding .splash-v263-actions,
  #publicLanding .public-landing-actions{
    width:min(500px,36vw)!important;
    max-width:500px!important;
    gap:18px!important;
    margin:0 auto!important;
  }
  #publicLanding .splash-v263-foot,
  #publicLanding .public-landing-foot{
    margin:68px auto 0!important;
  }
}

/* v267 — lower the splash stack slightly, tighten logo-to-copy spacing, and update kicker text. */
@media (min-width:721px){
  #publicLanding .splash-v263-card,
  #publicLanding .public-landing-card{
    transform:translateY(24px)!important;
  }
  #publicLanding .splash-v263-kicker,
  #publicLanding .public-landing-kicker{
    margin:0 0 10px!important;
  }
  #publicLanding .splash-v263-logo,
  #publicLanding .public-landing-logo{
    width:min(248px,17.7vw)!important;
    max-width:248px!important;
    margin:6px auto 8px!important;
  }
  #publicLanding .splash-v263-copy,
  #publicLanding .public-landing-copy{
    margin:0 auto 24px!important;
    padding:18px 26px!important;
  }
  #publicLanding .splash-v263-foot,
  #publicLanding .public-landing-foot{
    margin:62px auto 0!important;
  }
}

/* v268 — bump splash logo about 10% and switch kicker to ampersand. */
@media (min-width:721px){
  #publicLanding .splash-v263-logo,
  #publicLanding .public-landing-logo{
    width:min(273px,19.5vw)!important;
    max-width:273px!important;
    margin:6px auto 8px!important;
  }
}


/* v274 account AI entitlement UI */
.ai-access-box{display:grid;gap:18px}.ai-access-status{padding:20px 22px;border:1px solid #28353d;border-radius:14px;background:rgba(9,15,19,.72)}.ai-access-status span{display:block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#8d9ba3;margin-bottom:6px}.ai-access-status strong{display:block;font-size:18px;color:#edf2f4}.ai-access-status p{margin:6px 0 0;color:#95a3ab;line-height:1.5}.ai-access-status.active{border-color:#266345}.ai-access-status.active span{color:#69d49a}.ai-access-status.pending{border-color:#735e2c}.ai-access-status.pending span{color:#efbf65}.ai-enable-toggle{display:flex!important;align-items:center;gap:12px;padding:16px 18px;border:1px solid #27343c;border-radius:12px;background:#0a1116;font-weight:800}.ai-enable-toggle input{width:20px;height:20px}.ai-request-options{display:grid;gap:18px}.settings-form-grid .full{grid-column:1/-1}


/* v276 calendar detail viewer */
.calendar-detail-modal{width:min(720px,94vw)!important;padding:30px!important}
.calendar-detail-type{font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#f06445;margin:0 0 8px}
.calendar-detail-modal h2{font-size:clamp(24px,3vw,34px);margin:0 36px 24px 0;line-height:1.15}
.calendar-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
.calendar-detail-grid>div,.calendar-detail-description{background:#0c141a;border:1px solid #27343d;border-radius:10px;padding:14px 16px}
.calendar-detail-grid span,.calendar-detail-description>span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#82919a;margin-bottom:5px}
.calendar-detail-grid strong{display:block;font-size:16px;color:#f3f6f7;line-height:1.35}
.calendar-detail-description p{font-size:16px;line-height:1.6;color:#e9edef;margin:0;white-space:pre-wrap}
@media(max-width:720px){.calendar-detail-modal{padding:24px 18px!important}.calendar-detail-grid{grid-template-columns:1fr}.calendar-detail-modal h2{font-size:26px}}

/* v284 — Production Request console depth without protected CMMS data */
.production-console{display:grid;gap:18px;max-width:1180px;margin:0 auto}.production-console-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;border:1px solid #27343c;border-radius:16px;background:linear-gradient(135deg,#0d171d 0%,#101b21 58%,#142129 100%);box-shadow:0 16px 34px rgba(0,0,0,.22)}.production-console-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:.18em;color:#f06445;margin-bottom:7px}.production-console-hero h1{font-size:34px;line-height:1.05;margin:0 0 8px;color:#f4f7f8}.production-console-hero p{margin:0;color:#98a6ae;font-size:15px}.production-console-badge{display:flex;align-items:center;gap:12px;min-width:160px;padding:13px 16px;border:1px solid #28523d;border-radius:12px;background:rgba(20,55,39,.2)}.production-console-badge small,.production-status-card small,.production-console-readout span,.production-side-head span{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:#81919a}.production-console-badge strong{display:block;color:#7ee0a9;font-size:15px;margin-top:2px}.prod-live-dot{width:10px;height:10px;border-radius:50%;background:#5ed18f;box-shadow:0 0 0 5px rgba(94,209,143,.1)}.production-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.production-status-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #25323a;border-radius:13px;background:#0c1419}.production-status-card>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#131f26;color:#f06445;font-size:11px;font-weight:900}.production-status-card strong{display:block;margin:2px 0;color:#eef3f5;font-size:14px}.production-status-card em{display:block;font-style:normal;color:#71818a;font-size:11px}.production-console-main{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.production-submit-card{margin:0!important}.optional-field{display:inline;margin-left:6px;color:#788891;font-weight:600;text-transform:none;letter-spacing:0}.production-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:4px}.production-form-footer>span{font-size:10px;letter-spacing:.09em;color:#73828a}.production-form-footer b{color:#aeb9be}.production-side-panel{padding:22px;border:1px solid #27343c;border-radius:14px;background:#0b1318}.production-side-head{padding-bottom:18px;border-bottom:1px solid #1e2a31;margin-bottom:18px}.production-side-head strong{display:block;margin-top:4px;color:#edf2f4;font-size:17px}.production-flow-step{display:flex;align-items:center;gap:13px}.production-flow-step>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #33434c;background:#101b21;color:#9aa8af;font-size:12px}.production-flow-step.active>b{border-color:#87412f;color:#ff8a69;background:rgba(240,100,69,.1)}.production-flow-step strong{display:block;color:#dfe6e9;font-size:12px;letter-spacing:.08em}.production-flow-step span{display:block;color:#74848d;font-size:11px;margin-top:2px}.production-flow-line{width:1px;height:28px;background:#26343c;margin:4px 0 4px 17px}.production-console-readout{margin-top:22px;padding:15px;border:1px solid #24313a;border-radius:11px;background:#091015}.production-console-readout strong{display:block;color:#f0f4f5;font-size:13px;margin:4px 0}.production-console-readout small{display:block;color:#6f7e86;line-height:1.35}.production-success{margin-top:14px;padding:13px 15px;border:1px solid #2b6749;border-radius:10px;background:rgba(37,109,72,.14);color:#7fe0aa;font-weight:800}
@media(max-width:900px){.production-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-console-main{grid-template-columns:1fr}.production-side-panel{order:-1}.production-console-hero{align-items:flex-start}.production-console-badge{min-width:auto}}
@media(max-width:620px){.production-console{gap:12px}.production-console-hero{padding:20px;flex-direction:column}.production-console-hero h1{font-size:28px}.production-status-grid{grid-template-columns:1fr 1fr;gap:8px}.production-status-card{padding:13px 11px;gap:9px}.production-status-card>span{width:30px;height:30px}.production-status-card em{display:none}.production-form-footer{align-items:stretch;flex-direction:column}.production-form-footer .primary{width:100%}.production-side-panel{padding:18px}}

/* v285 — Production DOWN escalation, restored Sasha access, mobile form-first layout */
.production-sasha-card{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}.production-sasha-card:hover{border-color:#3d5664;background:#101b21;transform:translateY(-1px)}
.production-down-alert{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border:1px solid #a63d32;border-radius:12px;background:rgba(160,38,32,.16);color:#ffb0a7;margin-bottom:14px}.production-down-alert strong{color:#ff6d61;letter-spacing:.05em}.production-down-alert span{color:#d7a29d}.production-down-chip{border-color:#b94439!important;background:rgba(185,68,57,.16)!important;color:#ff756a!important;font-weight:900}.operators-table tr:has(.production-down-chip){background:rgba(142,36,31,.08)}
@media(max-width:900px){.production-console-main{order:-1}.production-console-main .production-submit-card{order:0}.production-console-main .production-side-panel{order:1}.production-console-hero{order:0}.production-status-grid{order:1}}

/* v286 — Production page cleanup + larger mobile Fire Proof logo */
.production-console-title{display:block;padding:0 0 2px;border:0;border-radius:0;background:transparent;box-shadow:none}
.production-console-title h1{font-size:30px;letter-spacing:.02em;margin:0;color:#f4f7f8}
.production-console-readout{padding:13px 15px}
.production-console-readout small{font-size:12px;color:#82929a}
@media(max-width:900px){
  .production-console-title{order:-2;padding:0 2px 2px}
  .production-console-main{order:-1}
  .production-status-grid{order:1}
}
@media(max-width:760px){
  .mobile-brand img{width:min(300px,78vw)!important;height:64px!important;max-width:none!important}
}
@media(max-width:430px){
  .mobile-brand img{width:min(260px,76vw)!important;height:58px!important;max-width:none!important}
}

/* v291 — Dashboard Completions KPI */
.dashboard-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.dashboard-kpi.dash-green{color:#55d98b}
.dashboard-completions-kpi{display:flex;flex-direction:column;justify-content:flex-start}
.dashboard-completions-list{display:grid;gap:4px;margin:10px 0 7px}
.dashboard-completions-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 0;border-bottom:1px solid rgba(85,217,139,.12)}
.dashboard-completions-list>div:last-child{border-bottom:0}
.dashboard-completions-list small{font-size:9px!important;font-weight:900;letter-spacing:1px;color:#8c9a92!important}
.dashboard-completions-list strong{display:block!important;margin:0!important;font-size:20px!important;line-height:1!important;color:#55d98b!important}
.dashboard-completions-foot{margin-top:auto;font-size:9px!important;color:#73827a!important}
@media(max-width:1320px) and (min-width:1051px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.dashboard-kpis{grid-template-columns:1fr 1fr}}

/* v294 — Keep mobile Dashboard at four KPI panels */
@media(max-width:720px){
  .dashboard-completions-kpi{display:none!important}
}

/* v295 — Production users see only their assigned department's aggregate pitfalls. */
.production-performance{display:grid;gap:12px;padding:18px;border:1px solid #27343c;border-radius:14px;background:#0a1217}
.production-performance-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 2px}
.production-performance-head span,.production-tidiness-card>span{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:#81919a}
.production-performance-head strong{display:block;margin-top:5px;font-size:18px;color:#eef3f5}
.production-performance-head small{color:#71818a;font-size:10px}
.production-performance-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:stretch}
.production-issue-card{margin:0;min-width:0}
.production-tidiness-card{display:flex;flex-direction:column;justify-content:center;padding:22px;border:1px solid #244033;border-radius:12px;background:linear-gradient(145deg,#0a1712,#091116)}
.production-tidiness-card strong{display:block;font-size:38px;line-height:1;margin:12px 0 14px;color:#79dda5}
.production-tidiness-track{height:8px;border-radius:99px;background:#16231e;overflow:hidden;border:1px solid #253b32}
.production-tidiness-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#316b4b,#69d093)}
.production-tidiness-card p{margin:13px 0 4px;color:#aab6bb;font-size:12px;line-height:1.4}
.production-tidiness-card small{color:#65757d;font-size:10px}
.production-performance-empty{padding:18px;border:1px dashed #334149;border-radius:10px;color:#91a0a7;background:#091015;font-size:12px;line-height:1.5}
@media(max-width:900px){.production-performance-grid{grid-template-columns:1fr}.production-tidiness-card{min-height:150px}.production-performance-head{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:620px){.production-performance{padding:13px}.production-performance-head strong{font-size:16px}.production-tidiness-card strong{font-size:32px}.production-performance .issue-legend{gap:6px}.production-performance .issue-legend span{font-size:8px}}


/* v296 — Make Production department performance immediately visible. */
.production-console-main-performance{grid-template-columns:minmax(0,1.35fr) minmax(360px,.9fr)}
.production-console-main-performance>.production-performance{align-self:start;min-width:0}
.production-console-main-performance>.production-performance .production-performance-grid{grid-template-columns:1fr}
.production-console-main-performance>.production-performance .production-tidiness-card{min-height:142px}
.production-flow-panel{padding:16px 18px}
.production-flow-panel .production-side-head{padding-bottom:12px;margin-bottom:13px}
.production-flow-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.production-flow-row .production-flow-step{min-width:0}
.production-flow-panel .production-console-readout{margin-top:14px;padding:10px 12px}
@media(max-width:900px){
  .production-console-main-performance{grid-template-columns:1fr;order:-1}
  .production-console-main-performance>.production-submit-card{order:0}
  .production-console-main-performance>.production-performance{order:1}
  .production-status-grid{order:1}
  .production-flow-panel{order:2}
}
@media(max-width:620px){
  .production-flow-row{grid-template-columns:1fr}
  .production-console-main-performance>.production-performance{padding:13px}
}

/* v297 — Production can see high-level Production pitfalls across all departments. */
.production-tidiness-list{justify-content:flex-start;padding:17px 18px;min-height:0!important}
.production-tidiness-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #1f3029}
.production-tidiness-title>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#81919a}
.production-tidiness-title small{font-size:9px;color:#71818a}
.production-tidiness-rows{display:grid;gap:10px;margin-top:12px;max-height:255px;overflow:auto;padding-right:3px}
.production-tidiness-row{display:grid;gap:7px;padding:9px 10px;border:1px solid #20312a;border-radius:9px;background:#09130f}
.production-tidiness-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}
.production-tidiness-row strong{margin:0;font-size:11px;line-height:1.25;color:#dce7e2}
.production-tidiness-row span{font-size:10px;font-weight:800;color:#79dda5;white-space:nowrap}
.production-tidiness-row .production-tidiness-track{height:6px}
@media(max-width:620px){.production-tidiness-rows{max-height:none}.production-tidiness-title{align-items:flex-start;flex-direction:column;gap:4px}}

/* v298 — Tidiness is derived from the existing operator-event Equipment Care Score. */
.production-score-name{display:grid;gap:2px;min-width:0}
.production-score-name strong{overflow:hidden;text-overflow:ellipsis}
.production-score-name small{font-size:9px;color:#71818a;line-height:1.2}
.production-tidiness-row em{font-size:8px;color:#65757d;font-style:normal;letter-spacing:.02em}
.production-machine-tidiness .production-tidiness-rows{max-height:320px}
@media(max-width:620px){.production-machine-tidiness .production-tidiness-rows{max-height:none}}


/* v299 — Production layout cleanup: full-width form, larger chart, two clean rating sections. */
.production-request-main{display:block!important}
.production-request-main>.production-submit-card{width:100%;max-width:none}
.production-performance-clean{gap:16px;padding:20px}
.production-performance-clean .production-performance-head{align-items:center;padding-bottom:2px}
.production-performance-clean .production-performance-head strong{font-size:20px}
.production-performance-chart{min-width:0}
.production-performance-clean .production-issue-card{width:100%;padding:18px 20px}
.production-performance-clean .production-issue-card .productivity-chart{min-height:230px}
.production-ratings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.production-performance-clean .production-tidiness-card{padding:18px;min-height:0!important;justify-content:flex-start}
.production-performance-clean .production-tidiness-title{align-items:flex-start;padding-bottom:12px}
.production-performance-clean .production-tidiness-title>div{display:grid;gap:4px}
.production-performance-clean .production-tidiness-title>div>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#81919a}
.production-performance-clean .production-tidiness-title>div>strong{margin:0;font-size:15px;line-height:1.2;color:#e7eeea}
.production-performance-clean .production-tidiness-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;max-height:none;overflow:visible;padding-right:0}
.production-performance-clean .production-machine-rows{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none!important}
.production-performance-clean .production-tidiness-row{padding:11px 12px;min-width:0}
.production-performance-clean .production-score-name strong{font-size:12px}
.production-performance-clean .production-score-name small{font-size:9px}
.production-performance-clean .production-tidiness-row span{font-size:10px}
@media(max-width:1100px){
  .production-ratings-grid{grid-template-columns:1fr}
  .production-performance-clean .production-tidiness-rows{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .production-performance-clean{padding:13px;gap:12px}
  .production-performance-clean .production-performance-head{align-items:flex-start;flex-direction:column;gap:5px}
  .production-performance-clean .production-issue-card{padding:14px 12px}
  .production-performance-clean .production-issue-card .productivity-chart{min-height:190px}
  .production-performance-clean .production-tidiness-rows{grid-template-columns:1fr}
  .production-ratings-grid{gap:12px}
}

/* v300 — Production page redesign: two-chart performance row + cleaner score cards. */
.production-console-v300{max-width:1240px;gap:20px}
.production-v300-title{display:flex!important;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px!important;border:1px solid #27343c!important;border-radius:16px!important;background:linear-gradient(120deg,#0b1318 0%,#101b21 58%,#14232a 100%)!important;box-shadow:0 18px 38px rgba(0,0,0,.22)!important;position:relative;overflow:hidden}
.production-v300-title:after{content:"";position:absolute;inset:auto -90px -120px auto;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(240,100,69,.14),rgba(240,100,69,0) 70%);pointer-events:none}
.production-v300-title>div{position:relative;z-index:1}
.production-v300-kicker{display:block;font-size:9px;font-weight:900;letter-spacing:.18em;color:#f06445;margin-bottom:6px}
.production-v300-title h1{margin:0 0 6px;font-size:30px}
.production-v300-title p{margin:0;color:#82929a;font-size:13px}
.production-sasha-launch{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-width:205px;padding:12px 14px;border:1px solid #2a513e;border-radius:12px;background:linear-gradient(145deg,rgba(19,52,38,.72),rgba(11,24,20,.86));color:#eef6f1;text-align:left;cursor:pointer;transition:.16s ease}
.production-sasha-launch:hover{transform:translateY(-1px);border-color:#3a7354;background:linear-gradient(145deg,rgba(24,67,47,.78),rgba(12,29,23,.9))}
.production-sasha-launch small{display:block;font-size:8px;font-weight:900;letter-spacing:.14em;color:#7aa58d}
.production-sasha-launch strong{display:block;margin-top:2px;font-size:13px;color:#a8efc5}
.production-sasha-launch>b{margin-left:auto;color:#78dba2;font-size:20px;line-height:1}
.production-v300-form-card{padding:20px!important;border-color:#2b3941!important;background:linear-gradient(180deg,#0b1419,#091116)!important;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.production-v300-form-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid #1f2c33}
.production-v300-form-head>div{display:grid;gap:3px}
.production-v300-form-head span{font-size:9px;font-weight:900;letter-spacing:.15em;color:#f06445}
.production-v300-form-head strong{font-size:16px;color:#edf2f4}
.production-v300-form-head small{font-size:10px;color:#71818a}
.production-v300-form-footer{margin-top:2px;padding-top:12px;border-top:1px solid #1f2c33}
.production-v300-form-footer>span{font-size:10px;letter-spacing:.02em;color:#78878f}
.production-performance-v300{gap:16px;padding:20px;border:1px solid #2a3942;background:linear-gradient(180deg,#0b1419 0%,#091116 100%);box-shadow:0 18px 36px rgba(0,0,0,.16)}
.production-performance-v300-head{align-items:center;padding:0 2px 2px}
.production-performance-v300-head strong{font-size:21px}
.production-performance-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.production-performance-chips span{padding:6px 8px;border:1px solid #2a3942;border-radius:999px;background:#0d171c;color:#81919a!important;font-size:8px!important;letter-spacing:.11em!important}
.production-chart-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:16px;align-items:stretch}
.production-chart-card{min-width:0;border:1px solid #27363e;border-radius:13px;background:linear-gradient(145deg,#0b151a,#091116);box-shadow:0 10px 22px rgba(0,0,0,.12)}
.production-chart-grid .production-issue-card{margin:0;padding:18px 18px 14px}
.production-chart-grid .production-issue-card .productivity-chart{min-height:230px}
.production-average-card{padding:18px;display:flex;flex-direction:column}
.production-average-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid #1f2d33}
.production-average-head>div{display:grid;gap:4px}
.production-average-head strong{font-size:15px;color:#edf2f4}
.production-average-head span{font-size:10px;color:#71818a;line-height:1.3}
.production-average-head>b{display:grid;place-items:center;min-width:58px;height:43px;padding:0 10px;border-radius:11px;border:1px solid #2e5d44;background:rgba(39,104,71,.14);color:#7de0a7;font-size:22px}
.production-average-scale{display:flex;justify-content:space-between;padding:11px 2px 5px;color:#56666f;font-size:8px;font-weight:800}
.production-average-bars{display:grid;gap:10px;margin-top:2px}
.production-average-bar{display:grid;gap:6px;padding:8px 9px;border:1px solid #1f2e34;border-radius:9px;background:#091216}
.production-average-label{display:flex;align-items:center;justify-content:space-between;gap:12px}
.production-average-label strong{font-size:10px;line-height:1.2;color:#cdd8dc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.production-average-label b{font-size:12px;color:#98a7ae}
.production-average-track,.production-score-meter{height:7px;border:1px solid #26373e;border-radius:999px;background:#111d22;overflow:hidden}
.production-average-track i,.production-score-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#43616d,#7f9aa4)}
.production-average-bar.good .production-average-track i,.production-score-card.good .production-score-meter i{background:linear-gradient(90deg,#347454,#71d49a)}
.production-average-bar.watch .production-average-track i,.production-score-card.watch .production-score-meter i{background:linear-gradient(90deg,#82683d,#d0a85b)}
.production-average-bar.low .production-average-track i,.production-score-card.low .production-score-meter i{background:linear-gradient(90deg,#7b4034,#da6a52)}
.production-score-section{padding:17px;border:1px solid #26353d;border-radius:13px;background:#0a1318}
.production-score-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid #1d2a31}
.production-score-section-head>div{display:grid;gap:3px}
.production-score-section-head span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#81919a}
.production-score-section-head strong{font-size:15px;color:#e9eff1}
.production-score-section-head small{font-size:9px;color:#66767e}
.production-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}
.production-score-card{display:grid;gap:9px;padding:11px 12px;border:1px solid #213038;border-radius:10px;background:linear-gradient(145deg,#0b151a,#091115);min-width:0}
.production-score-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.production-score-card-top>b{flex:0 0 auto;display:grid;place-items:center;min-width:40px;height:34px;padding:0 7px;border-radius:9px;border:1px solid #2a3941;background:#111d22;color:#98a7ae;font-size:17px}
.production-score-card.good .production-score-card-top>b{border-color:#2b5f44;background:rgba(41,110,75,.14);color:#72d69b}
.production-score-card.watch .production-score-card-top>b{border-color:#65552f;background:rgba(117,92,43,.14);color:#d3aa58}
.production-score-card.low .production-score-card-top>b{border-color:#663f36;background:rgba(119,59,45,.14);color:#df725a}
.production-score-name strong{font-size:11px!important;line-height:1.25;color:#dbe5e8!important}
.production-score-name small{font-size:8px!important;color:#6c7b83!important;line-height:1.25}
.production-score-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#66767e;font-size:8px}
.production-score-card-foot em{font-style:normal;color:#72818a}
.production-machine-score-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){
  .production-chart-grid{grid-template-columns:1fr}
  .production-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .production-machine-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .production-v300-title{align-items:stretch;flex-direction:column;padding:18px!important}
  .production-sasha-launch{width:100%;min-width:0}
  .production-v300-form-head,.production-performance-v300-head,.production-score-section-head{align-items:flex-start;flex-direction:column;gap:7px}
  .production-performance-v300{padding:13px}
  .production-chart-grid{gap:12px}
  .production-chart-grid .production-issue-card{padding:14px 12px}
  .production-chart-grid .production-issue-card .productivity-chart{min-height:190px}
  .production-average-card{padding:14px}
  .production-score-grid,.production-machine-score-grid{grid-template-columns:1fr}
  .production-score-section{padding:13px}
  .production-v300-form-card{padding:15px!important}
}

/* v301 — Tidiness becomes an 8-week colored line trend beside Trending Issues. */
.production-chart-grid-v301{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.production-tidiness-trend-card{min-width:0;padding:18px 18px 12px;display:flex;flex-direction:column;background:linear-gradient(145deg,#0a1714,#091116);border-color:#284038;overflow:hidden}
.production-tidiness-trend-head{margin-bottom:2px}
.production-tidiness-legend{gap:16px;margin:7px 0 0}
.production-tidiness-legend span{font-size:9px;font-weight:800}
.production-tidiness-legend .tidiness-department{color:#6edb99}
.production-tidiness-legend .tidiness-machine{color:#62aef5}
.production-tidiness-legend i{width:16px;height:3px}
.tidiness-trend-chart{min-height:230px}
.tidiness-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(0,0,0,.22))}
.tidiness-line.tidiness-department{stroke:#6edb99}
.tidiness-line.tidiness-machine{stroke:#62aef5}
.tidiness-dot{fill:#091116;stroke-width:2.2}
.tidiness-dot.tidiness-department{stroke:#6edb99}
.tidiness-dot.tidiness-machine{stroke:#62aef5}
.tidiness-dot.tidiness-department:hover{fill:#6edb99}
.tidiness-dot.tidiness-machine:hover{fill:#62aef5}
.production-trend-note{margin-top:2px;padding:8px 9px;border-top:1px solid #1d3028;color:#667a71;font-size:8px;line-height:1.35;letter-spacing:.01em}
@media(max-width:980px){.production-chart-grid-v301{grid-template-columns:1fr}.production-tidiness-trend-card,.production-chart-grid-v301 .production-issue-card{min-height:0}}
@media(max-width:620px){.production-tidiness-trend-card{padding:14px 12px 10px}.tidiness-trend-chart{min-height:190px}.production-tidiness-legend{gap:8px;flex-wrap:wrap}.production-trend-note{font-size:7px}}


/* v304 — Mobile Production request compaction + logo alignment correction. */
@media(max-width:760px){
  /* Keep the approved mobile logo size; only nudge it right so its left edge is not clipped. */
  .mobile-brand img{transform:translateX(14px)}

  /* Make the Production request experience much shorter without shrinking tap targets. */
  .production-console-v300{gap:10px}
  .production-v300-title{padding:13px 14px!important;gap:10px;border-radius:13px!important}
  .production-v300-kicker{margin-bottom:3px;font-size:8px}
  .production-v300-title h1{font-size:24px;line-height:1.03;margin:0 0 4px}
  .production-v300-title p{font-size:11px;line-height:1.35}
  .production-sasha-launch{padding:9px 11px;gap:10px;border-radius:10px;min-height:50px}
  .production-sasha-launch small{font-size:7px}
  .production-sasha-launch strong{font-size:12px}
  .production-sasha-launch>b{font-size:18px}

  .production-v300-form-card{padding:12px!important;border-radius:12px!important}
  .production-v300-form-head{margin-bottom:10px;padding-bottom:9px;gap:3px!important}
  .production-v300-form-head span{font-size:8px}
  .production-v300-form-head strong{font-size:15px}
  .production-v300-form-head small{font-size:9px}
  .production-v300-form{gap:8px}
  .production-v300-form label{font-size:10px}
  .production-v300-form input,.production-v300-form select{margin-top:4px;padding:8px 10px;min-height:42px}
  .production-v300-form textarea{margin-top:4px;padding:8px 10px;min-height:78px;height:78px;line-height:1.3;resize:vertical}
  .production-v300-form-footer{margin-top:0;padding-top:8px;justify-content:flex-end;border-top:1px solid #1f2c33}
  .production-v300-form-footer .primary{min-height:42px;padding:9px 14px}
}
@media(max-width:430px){
  /* Same existing logo size from v286; translation only. */
  .mobile-brand img{transform:translateX(12px)}
  .production-v300-title{padding:12px 13px!important}
  .production-v300-title h1{font-size:23px}
  .production-v300-form-card{padding:11px!important}
}

/* v305 — Production mobile header + genuinely compact request form. */
@media(max-width:760px){
  /* Production hides the hamburger. Rebuild the grid so the large approved logo
     gets a real full-width column instead of overflowing a hidden 40px menu column. */
  .mobile-topbar.production-mobile{
    grid-template-columns:minmax(0,1fr) 38px minmax(56px,78px)!important;
    gap:7px!important;
  }
  .mobile-topbar.production-mobile .mobile-brand{
    justify-content:flex-start!important;
    padding-left:16px!important;
    overflow:visible!important;
  }
  .mobile-topbar.production-mobile .mobile-brand img{
    transform:none!important;
    /* Size intentionally unchanged from the approved v286 mobile logo. */
  }

  /* Cut the Production hero footprint roughly in half. */
  .production-console.production-console-v300{gap:9px!important}
  .production-console-v300 .production-v300-title{
    padding:11px 12px!important;
    gap:8px!important;
    border-radius:12px!important;
  }
  .production-console-v300 .production-v300-title h1{
    font-size:22px!important;
    line-height:1!important;
    margin:0 0 3px!important;
    white-space:nowrap;
  }
  .production-console-v300 .production-v300-title p{
    font-size:10px!important;
    line-height:1.25!important;
  }
  .production-console-v300 .production-v300-kicker{
    font-size:7px!important;
    margin-bottom:3px!important;
  }
  .production-console-v300 .production-sasha-launch{
    min-height:42px!important;
    padding:7px 10px!important;
    gap:8px!important;
    border-radius:9px!important;
  }
  .production-console-v300 .production-sasha-launch .prod-live-dot{width:9px;height:9px}
  .production-console-v300 .production-sasha-launch small{font-size:7px!important}
  .production-console-v300 .production-sasha-launch strong{font-size:11px!important;margin-top:1px!important}
  .production-console-v300 .production-sasha-launch>b{font-size:17px!important}

  /* Compact request card. Location + urgency stay side-by-side on phones. */
  .production-console-v300 .production-v300-form-card{
    padding:10px!important;
    border-radius:11px!important;
  }
  .production-console-v300 .production-v300-form-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:2px!important;
    margin-bottom:7px!important;
    padding-bottom:7px!important;
  }
  .production-console-v300 .production-v300-form-head span{font-size:7px!important}
  .production-console-v300 .production-v300-form-head strong{font-size:14px!important;line-height:1.15!important}
  .production-console-v300 .production-v300-form-head small{font-size:8px!important;line-height:1.2!important}
  .production-console-v300 .production-v300-form{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px 8px!important;
  }
  .production-console-v300 .production-v300-form .span-2{grid-column:1 / -1!important}
  .production-console-v300 .production-v300-form label{
    font-size:9px!important;
    line-height:1.1!important;
  }
  .production-console-v300 .production-v300-form .optional-field{
    font-size:8px!important;
    margin-left:3px!important;
  }
  .production-console-v300 .production-v300-form input,
  .production-console-v300 .production-v300-form select{
    box-sizing:border-box!important;
    height:38px!important;
    min-height:38px!important;
    margin-top:3px!important;
    padding:6px 9px!important;
    font-size:13px!important;
    line-height:1.15!important;
  }
  .production-console-v300 .production-v300-form textarea{
    box-sizing:border-box!important;
    height:60px!important;
    min-height:60px!important;
    margin-top:3px!important;
    padding:7px 9px!important;
    font-size:12px!important;
    line-height:1.25!important;
    resize:vertical;
  }
  .production-console-v300 .production-v300-form-footer{
    margin-top:0!important;
    padding-top:7px!important;
  }
  .production-console-v300 .production-v300-form-footer .primary{
    width:100%!important;
    min-height:40px!important;
    padding:7px 12px!important;
    font-size:13px!important;
  }
}
@media(max-width:430px){
  .mobile-topbar.production-mobile .mobile-brand{padding-left:18px!important}
  .production-console-v300 .production-v300-title h1{font-size:20px!important}
  .production-console-v300 .production-v300-form{gap:6px 7px!important}
}