*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:#f3f6fb;color:#162238}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#07152e,#12386b)}.login-card{width:min(410px,92vw);background:#fff;padding:32px;border-radius:20px;box-shadow:0 25px 80px #0005;text-align:center}.login-card img{width:90px}.login-card h1{font-size:24px;margin:12px 0 3px}.login-card p{color:#68768c;margin:0 0 25px}.login-card label{text-align:left;display:block;font-size:13px;font-weight:700;margin:13px 0}.login-card input{width:100%;padding:12px;border:1px solid #dce3ed;border-radius:10px;margin-top:7px}.login-card button,.btn{border:0;background:#0969da;color:#fff;border-radius:10px;padding:11px 15px;font-weight:700;cursor:pointer}.login-card button{width:100%;margin-top:8px}.login-card footer{font-size:11px;color:#778499;border-top:1px solid #e4e8ef;margin-top:24px;padding-top:18px;line-height:1.6}.error{color:#c62828;font-size:12px;margin-top:10px}.app{min-height:100vh}aside{position:fixed;width:260px;inset:0 auto 0 0;background:#0b1933;color:#fff;padding:22px 15px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:5px 6px 22px;border-bottom:1px solid #ffffff1a}.brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:10px}.brand b,.brand small{display:block}.brand small{color:#9cafca;margin-top:4px}.nav-btn{display:block;width:100%;border:0;color:#aebbd0;background:transparent;text-align:left;padding:13px;border-radius:10px;margin-top:7px;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:#ffffff18;color:#fff}.aside-foot{margin-top:auto;border-top:1px solid #ffffff1a;padding:15px 7px}.aside-foot span,.aside-foot small{display:block}.aside-foot small{color:#9cafca;margin:4px 0 12px}.aside-foot button{background:#ffffff12;border:1px solid #ffffff24;color:#fff;padding:8px 12px;border-radius:8px}.app main{margin-left:260px}.app header{height:85px;background:#fff;border-bottom:1px solid #e3e8f0;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.app header h1{margin:0;font-size:22px}.app header p{margin:4px 0;color:#718096;font-size:12px}.online{background:#e7f8f0;color:#087c50;padding:8px 11px;border-radius:20px;font-size:12px;font-weight:700}#content{padding:25px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.kpi,.panel{background:#fff;border:1px solid #e3e8f0;border-radius:15px;box-shadow:0 8px 25px #172b4d0b}.kpi{padding:18px}.kpi span{color:#718096;font-size:12px}.kpi b{display:block;font-size:27px;margin-top:6px}.panel{margin-top:18px;overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid #e3e8f0;display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:0}.tools{display:flex;gap:8px;flex-wrap:wrap}.tools input,.tools select{padding:9px 11px;border:1px solid #dce3ed;border-radius:9px}.btn.secondary{background:#fff;color:#25334d;border:1px solid #dce3ed}.btn.danger{background:#d9363e}table{width:100%;border-collapse:collapse}th,td{padding:11px 13px;border-bottom:1px solid #edf0f5;text-align:left;font-size:12px}th{background:#f7f9fc;color:#66758b}.badge{padding:5px 8px;border-radius:20px;font-weight:700;font-size:10px}.Input{background:#e8f2ff;color:#0969da}.Progress{background:#fff4dc;color:#9a6500}.Completed,.Running,.Available{background:#e5f8ef;color:#087c50}.Low,.Maintenance{background:#fff4dc;color:#9a6500}.Out,.Rusak{background:#ffe9ec;color:#b42332}.actions{display:flex;gap:5px}.actions button{border:1px solid #dce3ed;background:#fff;border-radius:7px;padding:6px 8px;cursor:pointer}.modal{position:fixed;inset:0;background:#07152eaa;display:grid;place-items:center;padding:20px;z-index:50}.modal-box{width:min(780px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;padding:24px;position:relative}.close{position:absolute;right:14px;top:12px;border:0;background:#eef2f7;border-radius:8px;font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:12px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:10px;border:1px solid #dce3ed;border-radius:8px;margin-top:5px}.full{grid-column:1/-1}.gallery{display:flex;gap:8px;flex-wrap:wrap}.gallery img{width:90px;height:70px;object-fit:cover;border-radius:8px;border:1px solid #ddd}@media(max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){aside{position:static;width:100%}.app main{margin-left:0}.app{display:block}.kpis{grid-template-columns:1fr}.app header{padding:0 15px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}
.user-summary{display:grid;grid-template-columns:repeat(3,minmax(160px,220px));gap:14px}.user-summary>div{background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:16px 18px;box-shadow:0 8px 25px #172b4d0b}.user-summary span{display:block;color:#718096;font-size:12px}.user-summary b{display:block;font-size:25px;margin-top:5px}.user-head p,.modal-title p{margin:5px 0 0;color:#718096;font-size:12px}.user-tools{display:flex;gap:10px;padding:14px 20px;background:#fbfcfe;border-bottom:1px solid #edf0f5}.user-tools input{flex:1;min-width:220px}.user-tools input,.user-tools select{padding:10px 12px;border:1px solid #dce3ed;border-radius:9px;background:#fff}.user-cell{display:flex;align-items:center;gap:10px}.user-cell small{display:block;color:#0969da;margin-top:3px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e8f2ff;color:#0969da;font-weight:800}.role-chip{display:inline-block;padding:5px 9px;border-radius:7px;background:#eef2f7;font-weight:700}.status-pill{display:inline-flex;align-items:center;gap:6px;font-weight:700}.status-pill i{width:8px;height:8px;border-radius:50%}.status-pill.active{color:#087c50}.status-pill.active i{background:#20a36a}.status-pill.inactive{color:#9b3440}.status-pill.inactive i{background:#d9363e}.action-edit{color:#0969da!important;border-color:#b8d5f8!important}.action-delete{color:#c62828!important;border-color:#f0c4c8!important}.actions button:disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;padding:35px;color:#718096}.modal-title{border-bottom:1px solid #edf0f5;margin:-4px 0 20px;padding-bottom:15px}.modal-title h2{margin:0}.form-grid label small{display:block;font-weight:400;color:#718096;margin-top:3px}.password-wrap{display:flex;gap:7px;margin-top:5px}.password-wrap input{margin-top:0}.password-wrap button{border:1px solid #dce3ed;background:#f7f9fc;border-radius:8px;padding:0 12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.confirm-icon{width:52px;height:52px;margin:4px auto 12px;display:grid;place-items:center;border-radius:50%;background:#ffe9ec;color:#c62828;font-size:28px;font-weight:900}.confirm-title{text-align:center;margin:0}.confirm-text{text-align:center;color:#526077;line-height:1.6}.confirm-warning{background:#fff7e6;border:1px solid #f2d39b;color:#7a5200;border-radius:10px;padding:12px;font-size:12px;margin:16px 0}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#152238;color:#fff;padding:13px 17px;border-radius:10px;box-shadow:0 15px 40px #0003;transform:translateY(20px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast.error{background:#b42332}@media(max-width:720px){.user-summary{grid-template-columns:1fr}.user-tools{flex-direction:column}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}
.role-summary{display:grid;grid-template-columns:repeat(3,minmax(160px,220px));gap:14px}.role-summary>div{background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:16px 18px;box-shadow:0 8px 25px #172b4d0b}.role-summary span{display:block;color:#718096;font-size:12px}.role-summary b{display:block;font-size:25px;margin-top:5px}.system-chip{display:inline-block;margin-top:5px;padding:4px 7px;border-radius:6px;background:#e8f2ff;color:#0969da;font-size:10px;font-weight:700}.permission-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:22px 0 12px}.permission-toolbar small{display:block;color:#718096;margin-top:4px}.matrix-btn{border:1px solid #dce3ed;background:#fff;border-radius:8px;padding:7px 10px;margin-left:6px;cursor:pointer}.permission-matrix{display:grid;gap:12px}.permission-group{border:1px solid #dfe6ef;border-radius:12px;overflow:hidden}.permission-group-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;background:#f7f9fc;border-bottom:1px solid #e8edf4}.permission-group-head small{display:block;color:#718096;margin-top:3px;font-weight:400}.group-toggle{font-size:11px;font-weight:700}.permission-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.permission-item{display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:9px;padding:10px;background:#fff;cursor:pointer}.permission-item.selected{border-color:#9bc5f5;background:#f0f7ff}.permission-item span{font-size:12px;font-weight:700}.permission-item code{margin-left:auto;color:#718096;font-size:9px}.permission-item input{accent-color:#0969da}.permission-item:has(input:disabled){cursor:default;opacity:.8}@media(max-width:850px){.permission-actions{grid-template-columns:1fr 1fr}}@media(max-width:720px){.role-summary{grid-template-columns:1fr}.permission-toolbar{align-items:flex-start;flex-direction:column}.permission-actions{grid-template-columns:1fr}.permission-item code{display:none}}
.image-upload-card{border:1px dashed #b8c5d8;background:#f8fbff;border-radius:12px;padding:14px}.image-upload-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.image-upload-head b,.image-upload-head small{display:block}.image-upload-head small{font-weight:400;color:#718096;margin-top:4px}.image-add-btn{display:inline-flex!important;align-items:center;justify-content:center;background:#eef5ff;color:#0969da;border:1px solid #bfd6f5;border-radius:9px;padding:9px 12px;cursor:pointer;white-space:nowrap}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px;margin-top:12px}.image-preview-grid.empty{display:flex;align-items:center;justify-content:center;min-height:74px;color:#8592a6;font-size:12px}.image-preview-item{position:relative;border:1px solid #dce3ed;background:#fff;border-radius:10px;padding:7px;overflow:hidden}.image-preview-item img{width:100%;height:110px;object-fit:cover;border-radius:7px;display:block}.image-preview-item div{padding:7px 2px 2px;min-width:0}.image-preview-item b,.image-preview-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-preview-item b{font-size:11px}.image-preview-item small{font-size:10px;color:#718096;margin-top:3px}.image-preview-item button{position:absolute;right:12px;top:12px;width:26px;height:26px;border:0;border-radius:50%;background:#101828cc;color:#fff;font-size:18px;line-height:1;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}
@media(max-width:600px){.image-upload-head{align-items:flex-start;flex-direction:column}.image-add-btn{width:100%}.image-preview-grid{grid-template-columns:1fr}}
.repair-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.repair-summary>div{background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:16px 18px;box-shadow:0 8px 25px #172b4d0b}.repair-summary span{display:block;color:#718096;font-size:12px}.repair-summary b{display:block;font-size:25px;margin-top:5px}.repair-tools{display:flex;gap:10px;padding:14px 20px;background:#fbfcfe;border-bottom:1px solid #edf0f5}.repair-tools input{flex:1}.repair-tools input,.repair-tools select{padding:10px 12px;border:1px solid #dce3ed;border-radius:9px;background:#fff}.subtext{display:block;color:#718096;margin-top:4px}.evidence-chip{display:inline-block;padding:4px 7px;border-radius:6px;background:#eef2f7;font-size:10px;font-weight:700}.process-status small{display:block;color:#718096;margin-top:5px}.repair-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.repair-detail-grid>div{border:1px solid #e3e8f0;border-radius:10px;padding:12px;background:#f9fbfd}.repair-detail-grid span,.repair-detail-grid b{display:block}.repair-detail-grid>div>span{font-size:10px;color:#718096;margin-bottom:6px}.detail-section{border-top:1px solid #edf0f5;padding-top:14px;margin-top:14px}.repair-timeline{position:relative;margin:10px 0 5px;padding-left:7px}.timeline-item{display:grid;grid-template-columns:20px 1fr;gap:10px;position:relative;padding-bottom:20px}.timeline-item:before{content:"";position:absolute;left:7px;top:16px;bottom:0;width:2px;background:#dce3ed}.timeline-item:last-child:before{display:none}.timeline-item i{width:16px;height:16px;border-radius:50%;background:#0969da;border:4px solid #dbeafe;z-index:1}.timeline-item.Progress i{background:#d18a00;border-color:#fff0c7}.timeline-item.Completed i{background:#14965f;border-color:#d9f5e8}.timeline-item b{font-size:13px}.timeline-item p{margin:4px 0;color:#526077;font-size:12px}.timeline-item small{color:#718096}.evidence-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #edf0f5;margin-top:15px;padding-top:10px}@media(max-width:850px){.repair-summary{grid-template-columns:1fr 1fr}.repair-detail-grid{grid-template-columns:1fr 1fr}.evidence-columns{grid-template-columns:1fr}}@media(max-width:600px){.repair-summary{grid-template-columns:1fr}.repair-tools{flex-direction:column}.repair-detail-grid{grid-template-columns:1fr}}

/* Monitoring Record Perbaikan - advanced selection, filters, and batch print */
.repair-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.repair-tools-advanced{display:grid;grid-template-columns:minmax(240px,2fr) repeat(5,minmax(130px,1fr)) auto;gap:10px;align-items:center}
.repair-tools-advanced input,.repair-tools-advanced select{width:100%;min-width:0}
.filter-reset{height:40px;padding:0 14px;border:1px solid #d7e0eb;border-radius:10px;background:#fff;color:#475569;font-weight:700;cursor:pointer}
.filter-reset:hover{background:#f8fafc;border-color:#b9c7d8}
.selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 20px 12px;padding:10px 12px;border:1px solid #dbe5f0;border-radius:10px;background:#f8fbff;color:#52657d;font-size:13px}
.selection-bar label{display:flex;align-items:center;gap:8px;font-weight:700;color:#334861;cursor:pointer}
.selection-bar input,.repair-check{width:17px;height:17px;accent-color:#163f73;cursor:pointer}
.check-col{width:42px;text-align:center!important}
#repairRows tr{transition:background .18s ease,box-shadow .18s ease}
#repairRows tr.row-selected{background:#edf5ff;box-shadow:inset 3px 0 0 #2563eb}
#repairRows tr.row-selected:hover{background:#e5f0ff}
#printSelectedRepairs:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
@media(max-width:1300px){.repair-tools-advanced{grid-template-columns:repeat(3,minmax(160px,1fr))}.repair-tools-advanced #repairSearch{grid-column:span 2}}
@media(max-width:760px){.repair-head-actions{width:100%}.repair-head-actions .btn{flex:1}.repair-tools-advanced{grid-template-columns:1fr 1fr}.repair-tools-advanced #repairSearch{grid-column:1/-1}.selection-bar{align-items:flex-start;flex-direction:column;margin-left:12px;margin-right:12px}}

/* Central Database Management */
.database-kpis{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px;margin-bottom:14px}.database-kpis>div{background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:17px 18px;box-shadow:0 8px 25px #172b4d0b}.database-kpis span,.database-kpis small{display:block}.database-kpis span{font-size:12px;color:#718096}.database-kpis b{display:block;font-size:23px;margin:7px 0 4px}.database-kpis small{font-size:11px;color:#8995a8}.db-health.healthy{color:#11845b}.db-health.warning{color:#b26a00}.database-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.database-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:14px}.panel-head p{margin:4px 0 0;color:#718096;font-size:12px}.db-table-list,.db-backup-list{padding:8px 18px 17px}.db-table-list>div,.db-backup-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 4px;border-bottom:1px solid #edf0f5}.db-table-list>div:last-child,.db-backup-list>div:last-child{border-bottom:0}.db-table-list span{display:flex;align-items:center;gap:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.db-table-list i{width:9px;height:9px;border-radius:3px;background:#3578c9;box-shadow:0 0 0 4px #e8f2ff}.db-table-list b{background:#f1f5f9;border-radius:8px;padding:5px 9px;min-width:46px;text-align:center}.db-backup-list span b,.db-backup-list span small{display:block}.db-backup-list span b{font-size:12px}.db-backup-list span small{color:#718096;margin-top:4px;font-size:10px}.db-backup-list strong{white-space:nowrap;color:#475569}.database-search{width:min(360px,100%);padding:10px 12px;border:1px solid #dce3ed;border-radius:9px}.db-action-chip{display:inline-block;padding:5px 8px;border-radius:7px;background:#eef5ff;color:#145da0;font-size:10px;font-weight:800;text-transform:capitalize}.db-detail{max-width:340px;white-space:normal;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#526077}.restore-warning{display:flex;flex-direction:column;gap:5px;background:#fff4e5;border:1px solid #f1c27d;color:#744b00;border-radius:11px;padding:13px 14px;margin-bottom:15px}.restore-warning span{font-size:12px;line-height:1.5}.database-file-drop{display:flex!important;flex-direction:column;align-items:center;text-align:center;border:2px dashed #b8c8dc;background:#f8fbff;border-radius:13px;padding:25px 18px;cursor:pointer}.database-file-drop input{position:absolute;opacity:0;pointer-events:none}.database-file-drop b{color:#174f89}.database-file-drop small{font-weight:400;color:#718096;margin:5px 0 12px}.database-file-drop span{max-width:100%;background:#fff;border:1px solid #dfe7f0;border-radius:8px;padding:7px 10px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.restore-confirm{display:flex!important;align-items:center;gap:9px;margin:14px 0;font-size:12px}.restore-confirm input{width:17px;height:17px;accent-color:#c62828}.confirm-icon.ok{background:#dcf6e9;color:#148255}@media(max-width:980px){.database-kpis{grid-template-columns:1fr 1fr}.database-grid{grid-template-columns:1fr}}@media(max-width:600px){.database-kpis{grid-template-columns:1fr}.database-actions .btn{flex:1}.database-search{width:100%}}

.category-panel{margin-top:18px}.category-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.category-toolbar .database-search{min-width:240px}.action-delete{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.action-delete:hover{background:#fecaca}@media(max-width:700px){.category-toolbar{width:100%}.category-toolbar .database-search,.category-toolbar .btn{width:100%}}

/* Overview analytics widgets */
.overview-widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.trend-widget-full{margin:18px 0}.trend-widget-full .chart-body{min-height:320px}.overview-widget{min-width:0}.overview-widget .panel-head small{display:block;margin-top:5px;color:#718096;font-weight:500}.chart-body{padding:18px 20px 22px;min-height:280px;display:flex;align-items:center}.overview-chart-svg{display:block;width:100%;height:auto;overflow:visible}.chart-grid{stroke:#e7ecf3;stroke-width:1}.chart-axis{fill:#718096;font-size:11px}.chart-value{fill:#24324a;font-size:12px;font-weight:700}.trend-line{fill:none;stroke:#2256a3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-dot{fill:#fff;stroke:#2256a3;stroke-width:3}.repair-bars{width:100%;display:grid;gap:25px}.repair-bar-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;color:#344054;font-size:14px}.repair-bar-label b{font-size:18px;color:#172033}.repair-bar-track{height:15px;border-radius:999px;background:#edf1f6;overflow:hidden}.repair-bar-fill{display:block;height:100%;border-radius:999px;transition:width .35s ease}.status-input{background:#e5a329}.status-progress{background:#2e78c7}.status-completed{background:#2b9b66}@media(max-width:1050px){.overview-widget-grid{grid-template-columns:1fr}}@media(max-width:640px){.chart-body{padding:12px;min-height:220px}.chart-axis{font-size:9px}}

/* Overview problem analytics: trend drill-down and category distribution */
.overview-widget-grid-main{grid-template-columns:minmax(0,1.25fr) minmax(360px,.85fr)}
.overview-widget .panel-head{gap:14px}
.chart-period{min-width:112px;padding:8px 10px;border:1px solid #dce3ed;border-radius:9px;background:#fff;color:#344054;font-weight:700}
.trend-point{cursor:pointer;outline:none}
.trend-point .trend-dot{transition:r .18s ease,fill .18s ease,stroke-width .18s ease}
.trend-point:hover .trend-dot,.trend-point:focus .trend-dot{r:9px;fill:#eaf2ff;stroke-width:4}
.donut-body{align-items:stretch}
.category-donut-layout{width:100%;display:grid;grid-template-columns:minmax(190px,.85fr) minmax(220px,1.15fr);gap:18px;align-items:center}
.donut-wrap{display:flex;justify-content:center;align-items:center}
.category-donut{width:min(240px,100%);height:auto;overflow:visible}
.donut-total{fill:#172033;font-size:26px;font-weight:800}
.donut-caption{fill:#718096;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}
.category-legend{display:grid;gap:9px;max-height:255px;overflow:auto;padding-right:4px}
.category-legend>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 9px;border:1px solid #edf0f5;border-radius:9px;background:#fbfcfe}
.category-legend i{width:10px;height:10px;border-radius:50%}
.category-legend span{min-width:0}
.category-legend b,.category-legend small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-legend b{font-size:12px;color:#344054}.category-legend small{font-size:10px;color:#718096;margin-top:2px}
.category-legend strong{font-size:13px;color:#172033}
.empty-chart{width:100%;padding:45px 15px;text-align:center;color:#718096}
.record-widget{margin-bottom:18px}.record-widget .chart-body{min-height:210px}
@media(max-width:1120px){.overview-widget-grid-main{grid-template-columns:1fr}.category-donut-layout{grid-template-columns:minmax(180px,.7fr) minmax(240px,1.3fr)}}
@media(max-width:680px){.overview-widget .panel-head{align-items:flex-start;flex-direction:column}.chart-period{width:100%}.category-donut-layout{grid-template-columns:1fr}.category-legend{max-height:none}.category-donut{width:210px}}


.top-unit-widget{margin:18px 0}
.top-unit-widget .chart-body{display:block;min-height:0;padding:10px 16px 14px}
.top-unit-problem-list{width:100%;display:grid;gap:5px}
.top-unit-chart-head{display:grid;grid-template-columns:26px minmax(86px,112px) minmax(150px,1fr) 98px;align-items:center;gap:8px;padding:0 8px 3px;color:#7b8799;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.top-unit-chart-head span:nth-child(3),.top-unit-chart-head span:nth-child(4){text-align:right}
.top-unit-problem-row{width:100%;display:grid;grid-template-columns:26px minmax(86px,112px) minmax(150px,1fr) 98px;align-items:center;gap:8px;border:1px solid #e7ebf1;background:#fff;border-radius:8px;padding:5px 8px;text-align:left;color:#24324a;cursor:pointer;transition:.16s ease;min-height:30px}
.top-unit-problem-row:hover{border-color:#9db9df;box-shadow:0 3px 10px rgba(26,55,94,.08);transform:translateY(-1px);background:#fbfdff}
.top-unit-rank{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#edf3fb;color:#2256a3;font-weight:800;font-size:10px}
.top-unit-name{font-weight:800;font-size:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-unit-chart{display:grid;grid-template-columns:minmax(72px,1fr) 24px;align-items:center;gap:7px;min-width:0}
.top-unit-track{height:9px;background:#edf1f6;border-radius:999px;overflow:hidden}
.top-unit-track i{display:block;height:100%;min-width:4px;border-radius:999px;background:linear-gradient(90deg,#2256a3,#4d8bd6)}
.top-unit-count{font-size:12px;font-weight:900;text-align:right;white-space:nowrap;color:#183b70}
.top-unit-duration{font-size:10.5px;font-weight:600;color:#68758a;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:820px){.top-unit-chart-head{display:none}.top-unit-problem-row{grid-template-columns:24px minmax(86px,1fr) minmax(120px,1.4fr)}.top-unit-duration{display:none}.top-unit-chart{grid-template-columns:minmax(70px,1fr) 24px}}

/* Overview analytics row: Trend Problem and Top 10 Unit in balanced 50:50 columns */
.overview-widget-grid-analysis{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.overview-widget-grid-analysis>.overview-widget{margin:0;height:100%}
.trend-widget-half .chart-body{min-height:330px}
.top-unit-widget-half .chart-body{min-height:330px;max-height:none;overflow:visible}
.top-unit-widget-half .top-unit-problem-row{grid-template-columns:26px minmax(86px,112px) minmax(150px,1fr) 98px;gap:8px;padding:5px 8px}
.top-unit-widget-half .top-unit-duration{font-size:10.5px}
@media(max-width:1120px){.overview-widget-grid-analysis{grid-template-columns:1fr}.top-unit-widget-half .chart-body{max-height:none}}


/* Reporting DMS */
.reporting-filter-panel{margin-bottom:18px}.reporting-filters{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:12px;padding:0 18px 16px}.reporting-filters label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#526077}.reporting-filters input,.reporting-filters select{width:100%;padding:10px;border:1px solid #dce3ed;border-radius:9px;background:#fff;color:#24324a}.reporting-actions{display:flex;gap:9px;flex-wrap:wrap;padding:0 18px 18px}.empty-report{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px;color:#718096}.empty-report b{font-size:16px;color:#344054;margin-bottom:6px}.report-kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:18px}.report-kpis>div{background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:16px 18px;box-shadow:0 8px 25px #172b4d0b}.report-kpis span,.report-kpis small{display:block}.report-kpis span{font-size:11px;color:#718096}.report-kpis b{display:block;font-size:21px;margin:7px 0 3px}.report-kpis small{font-size:10px;color:#8995a8}.reporting-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.report-mini-bars{display:grid;gap:10px;padding:16px 18px}.report-mini-bars>div{display:grid;grid-template-columns:minmax(110px,170px) 1fr 36px;align-items:center;gap:10px;font-size:12px}.report-mini-bars span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-mini-bars i{height:10px;border-radius:999px;background:#edf1f6;overflow:hidden}.report-mini-bars i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2256a3,#4d8bd6)}.report-mini-bars strong{text-align:right}.report-preview-table{margin-bottom:18px}.report-table-scroll{overflow:auto}.report-table-scroll table{min-width:900px}@media(max-width:1200px){.reporting-filters{grid-template-columns:repeat(3,minmax(150px,1fr))}.report-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.reporting-filters{grid-template-columns:1fr 1fr}.reporting-grid{grid-template-columns:1fr}.report-kpis{grid-template-columns:1fr 1fr}}@media(max-width:520px){.reporting-filters,.report-kpis{grid-template-columns:1fr}.reporting-actions .btn{flex:1}}
.reporting-options{display:flex;gap:18px;flex-wrap:wrap;padding:0 18px 14px;color:#44536a;font-size:12px}.reporting-options label{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #dce3ed;border-radius:9px;background:#f8fbff}.reporting-options input{width:16px;height:16px}

/* Backup Part request, replacement, evidence and validation workflow */
.part-workflow{display:grid;gap:18px}.part-request-table td{vertical-align:top}.part-status{display:inline-flex;align-items:center;justify-content:center;min-width:112px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.part-status.requested{background:#e9f0ff;color:#2457a6}.part-status.approved{background:#fff2cc;color:#8a5a00}.part-status.rejected{background:#fde4e4;color:#a11e1e}.part-status.pending-validation{background:#eee8ff;color:#6842b8}.part-status.validated{background:#dff4e8;color:#176b3a}.part-request-table .actions{min-width:210px}.part-request-table .actions button{margin:2px}.part-request-table .actions .danger{background:#fff1f1;color:#a11e1e;border-color:#efc4c4}@media(max-width:900px){.part-status{min-width:96px}.part-request-table .actions{min-width:160px}}

/* Data Unit replacement history */
.actions button[onclick*="viewPartReplacementHistory"]{white-space:nowrap}.unit-history-summary>div:nth-child(3){min-width:170px}

.overview-footer{margin:24px 0 4px;padding:15px 12px;border-top:1px solid #e3e8f0;color:#6b7280;text-align:center;font-size:12px;line-height:1.5}


/* Build 007.1 - Compact floating environment badge. */
.environment-banner{
 position:fixed!important;
 top:14px!important;
 right:14px!important;
 left:auto!important;
 bottom:auto!important;
 z-index:10050!important;
 display:flex!important;
 align-items:center!important;
 gap:10px!important;
 width:auto!important;
 min-width:0!important;
 max-width:min(260px,calc(100vw - 28px))!important;
 height:auto!important;
 min-height:0!important;
 margin:0!important;
 padding:9px 12px!important;
 overflow:visible!important;
 border:1px solid rgba(15,23,42,.14)!important;
 border-radius:12px!important;
 background:rgba(255,255,255,.94)!important;
 box-shadow:0 8px 24px rgba(15,23,42,.16)!important;
 backdrop-filter:blur(10px)!important;
 -webkit-backdrop-filter:blur(10px)!important;
 color:#0f172a!important;
 font-family:inherit!important;
 line-height:1.15!important;
 pointer-events:none!important;
 user-select:none!important;
 transform:none!important;
 box-sizing:border-box!important;
}
.environment-banner__name{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;font-size:11px!important;letter-spacing:.08em!important;white-space:nowrap!important}
.environment-banner__dot{display:block!important;width:9px!important;height:9px!important;min-width:9px!important;border-radius:50%!important;box-shadow:0 0 0 3px rgba(148,163,184,.16)!important}
.environment-banner__meta{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;white-space:nowrap!important}
.environment-banner__version{font-size:10px!important;font-weight:700!important;color:#334155!important}
.environment-banner__separator{font-size:9px!important;color:#94a3b8!important}
.environment-banner__build{font-size:10px!important;font-weight:600!important;color:#64748b!important}
.environment-banner--staging{border-color:rgba(217,119,6,.30)!important;background:rgba(255,251,235,.95)!important}
.environment-banner--staging .environment-banner__dot{background:#f59e0b!important;box-shadow:0 0 0 3px rgba(245,158,11,.16)!important}
.environment-banner--staging .environment-banner__name strong{color:#b45309!important}
.environment-banner--production{border-color:rgba(22,163,74,.28)!important;background:rgba(240,253,244,.95)!important}
.environment-banner--production .environment-banner__dot{background:#22c55e!important;box-shadow:0 0 0 3px rgba(34,197,94,.16)!important}
.environment-banner--production .environment-banner__name strong{color:#15803d!important}
@media(max-width:720px){.environment-banner{top:8px!important;right:8px!important;max-width:calc(100vw - 16px)!important;padding:7px 9px!important;gap:7px!important;border-radius:10px!important}.environment-banner__name{font-size:9px!important}.environment-banner__version,.environment-banner__build{font-size:8.5px!important}.environment-banner__separator{font-size:8px!important}}
@media(max-width:430px){.environment-banner__version{display:none!important}.environment-banner__separator{display:none!important}}
@media print{.environment-banner{display:none!important}}


/* Sprint 2 Build 002 - Enterprise Regression Engine */
.qa-page{display:grid;gap:18px}.qa-hero{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;background:linear-gradient(135deg,#f8fbff,#fff)}.qa-hero h2{margin:4px 0 7px}.qa-hero p{margin:0;color:#64748b;max-width:760px}.qa-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:#2256a3;text-transform:uppercase}.qa-build{min-width:150px;display:grid;gap:3px;text-align:right}.qa-build b{color:#b45309;font-size:13px}.qa-build span{font-weight:800}.qa-build small{color:#64748b}.qa-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.qa-summary-grid>div{background:#fff;border:1px solid #e3e8f0;border-radius:13px;padding:15px 17px;box-shadow:0 7px 20px #172b4d0a}.qa-summary-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#7b8799;margin-bottom:7px}.qa-summary-grid b{font-size:14px}.qa-pass,.qa-status.pass,.qa-test-row strong.pass{color:#15803d}.qa-fail,.qa-status.fail,.qa-test-row strong.fail{color:#b91c1c}.qa-neutral{color:#64748b}.qa-progress{display:flex;align-items:center;gap:10px;padding:13px 18px;border-top:1px solid #edf0f5;color:#526077}.qa-progress i{width:15px;height:15px;border:2px solid #d7e2f1;border-top-color:#2256a3;border-radius:50%;animation:qaSpin .8s linear infinite}@keyframes qaSpin{to{transform:rotate(360deg)}}.qa-run-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 18px;padding:13px 15px;border-radius:10px}.qa-run-summary.pass{background:#ecfdf3;border:1px solid #b7ebc8}.qa-run-summary.fail{background:#fff1f2;border:1px solid #fecdd3}.qa-run-summary b{font-size:16px}.qa-run-summary div{margin-left:auto}.qa-test-list{display:grid;padding:0 18px 18px;gap:7px}.qa-test-row{display:grid;grid-template-columns:28px minmax(0,1fr) 54px 65px;align-items:center;gap:10px;border:1px solid #e5eaf1;border-radius:9px;padding:9px 11px}.qa-test-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-weight:900}.qa-test-icon.pass{background:#dcfce7;color:#15803d}.qa-test-icon.fail{background:#fee2e2;color:#b91c1c}.qa-test-row b,.qa-test-row small{display:block}.qa-test-row b{font-size:12px}.qa-test-row small{margin-top:2px;color:#718096;font-size:10px}.qa-test-row strong{font-size:10px}.qa-test-row em{font-size:9px;color:#8995a8;text-align:right;font-style:normal}.qa-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900}.qa-status.pass{background:#dcfce7}.qa-status.fail{background:#fee2e2}@media(max-width:900px){.qa-summary-grid{grid-template-columns:1fr 1fr}.qa-hero{align-items:flex-start}.qa-build{text-align:left}}@media(max-width:560px){.qa-summary-grid{grid-template-columns:1fr}.qa-hero{display:grid;gap:15px}.qa-test-row{grid-template-columns:26px minmax(0,1fr) 48px}.qa-test-row em{display:none}}
.health-page{display:grid;gap:18px}.health-hero{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;background:linear-gradient(135deg,#f7fbff,#fff)}.health-hero h2{margin:4px 0 7px}.health-hero p{margin:0;color:#64748b;max-width:760px}.health-overall{display:grid;justify-items:end;gap:7px}.health-overall small{color:#64748b}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.health-card{background:#fff;border:1px solid #e3e8f0;border-radius:13px;padding:16px 17px;box-shadow:0 7px 20px #172b4d0a;display:grid;gap:8px;min-height:118px}.health-card>span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#7b8799}.health-card small{color:#64748b;line-height:1.55}.health-env{color:#b45309;font-size:17px}.health-badge{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.03em}.health-badge.healthy,.health-badge.online,.health-badge.pass,.health-badge.available{background:#dcfce7;color:#15803d}.health-badge.degraded,.health-badge.pending,.health-badge.low,.health-badge.unknown{background:#fef3c7;color:#b45309}.health-badge.error,.health-badge.missing,.health-badge.fail{background:#fee2e2;color:#b91c1c}.health-check-list{display:grid;padding:0 18px 18px;gap:8px}.health-check{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e5eaf1;border-radius:9px;padding:11px 13px}.health-check b,.health-check small{display:block}.health-check small{margin-top:3px;color:#718096}.health-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.health-dl{display:grid;grid-template-columns:135px minmax(0,1fr);gap:11px 16px;padding:0 18px 18px;margin:0}.health-dl dt{color:#718096;font-size:11px}.health-dl dd{margin:0;font-weight:700;font-size:12px;overflow-wrap:anywhere}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px!important}@media(max-width:1100px){.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.health-grid,.health-detail-grid{grid-template-columns:1fr}.health-hero{display:grid;gap:15px}.health-overall{justify-items:start}.health-dl{grid-template-columns:1fr}.health-dl dd{margin-bottom:5px}}


/* Sprint 2 Build 005 - Release Manager */
.release-page{display:grid;gap:18px}.release-hero{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;background:linear-gradient(135deg,#faf8ff,#fff)}.release-hero h2{margin:4px 0 7px}.release-hero p{margin:0;color:#64748b;max-width:760px}.release-ready{display:grid;justify-items:end;gap:8px}.release-ready small{color:#64748b}.release-gate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.release-gate-grid>div{background:#fff;border:1px solid #e3e8f0;border-radius:13px;padding:16px 17px;box-shadow:0 7px 20px #172b4d0a;display:grid;gap:8px}.release-gate-grid span:first-child,.release-current span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#7b8799}.release-gate-grid small{color:#64748b;line-height:1.45}.release-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.release-form{display:grid;gap:14px;padding:0 18px 18px}.release-form label,.release-confirm label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#526077}.release-form input,.release-form textarea,.release-confirm input{width:100%;border:1px solid #d8e0eb;border-radius:9px;padding:10px 11px;font:inherit;background:#fff}.release-form textarea{resize:vertical}.release-warning{color:#b45309}.release-approval{padding:0 18px 18px}.release-current{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:14px}.release-current>div{border:1px solid #e5eaf1;border-radius:9px;padding:11px;display:grid;gap:6px}.release-confirm{display:grid;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #edf0f5}.release-approved{margin-top:15px;padding:12px;border-radius:9px;background:#ecfdf3;color:#15803d;font-weight:700}.release-badge{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}.release-badge.pass,.release-badge.ready,.release-badge.approved{background:#dcfce7;color:#15803d}.release-badge.pending,.release-badge.draft,.release-badge.not.run{background:#fef3c7;color:#b45309}.release-badge.blocked,.release-badge.fail{background:#fee2e2;color:#b91c1c}.release-history small,td small{display:block;margin-top:3px;color:#718096}@media(max-width:1000px){.release-gate-grid{grid-template-columns:1fr 1fr}.release-layout{grid-template-columns:1fr}}@media(max-width:600px){.release-gate-grid{grid-template-columns:1fr}.release-hero{display:grid;gap:15px}.release-ready{justify-items:start}.release-current{grid-template-columns:1fr}}

/* Sprint 3 Build 006 - Build, Release Notes, Backup/Restore Manager */
.bb-page{display:grid;gap:18px}.bb-hero{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;background:linear-gradient(135deg,#f8fbff,#fffdf7)}.bb-hero h2{margin:4px 0 7px}.bb-hero p{margin:0;color:#64748b;max-width:760px}.bb-current{display:grid;justify-items:end;gap:4px}.bb-current b{font-size:18px;color:#b45309}.bb-current span{font-weight:800}.bb-current small{color:#64748b}.bb-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bb-body{padding:0 18px 18px}.bb-form{display:grid;gap:11px;margin-top:6px}.bb-form label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#526077}.bb-form input,.bb-form textarea{width:100%;padding:10px 11px;border:1px solid #d8e0eb;border-radius:9px;font:inherit;background:#fff}.bb-form textarea{resize:vertical}.bb-notes{margin-top:16px;border-top:1px solid #edf0f5;padding-top:14px}.bb-note-list{display:grid;gap:7px}.bb-note{display:grid;grid-template-columns:90px minmax(0,1fr) 150px;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid #e5eaf1;border-radius:9px;background:#fff;text-align:left;cursor:pointer}.bb-note:hover{border-color:#9db9df;background:#fbfdff}.bb-note span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-note small{color:#718096;text-align:right}.bb-markdown{white-space:pre-wrap;max-height:65vh;overflow:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6}.bb-page .danger{background:#fff1f1;color:#a11e1e;border-color:#efc4c4}@media(max-width:1000px){.bb-grid{grid-template-columns:1fr}}@media(max-width:680px){.bb-hero{display:grid;gap:14px}.bb-current{justify-items:start}.bb-note{grid-template-columns:1fr}.bb-note small{text-align:left}}
/* Sprint 4 Build 007 - Local CI/CD */
.deploy-page{display:grid;gap:16px}.deploy-hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.deploy-checklist{padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:14px}.deploy-checklist p{margin:7px 0;color:#334155}.deploy-dry{display:flex!important;align-items:center;gap:9px;margin:12px 0}.deploy-dry input{width:auto!important}.release-badge.deployed-restart-required,.release-badge.dry-run-pass{background:#dbeafe;color:#1d4ed8}.release-badge.running{background:#fef3c7;color:#b45309}
@media(max-width:800px){.deploy-hero{align-items:flex-start;flex-direction:column}}


/* Build 007.1 incremental refinement: compact enterprise accordion sidebar */
aside{padding:18px 12px 14px;overflow:hidden}
.brand{flex:0 0 auto;padding:5px 7px 17px}
#nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 2px 14px;scrollbar-width:thin;scrollbar-color:#ffffff2b transparent}
#nav::-webkit-scrollbar{width:6px}
#nav::-webkit-scrollbar-thumb{background:#ffffff2b;border-radius:999px}
.nav-group{margin:4px 0;border-radius:11px;overflow:hidden}
.nav-group-toggle{width:100%;min-height:42px;border:0;background:transparent;color:#d7e0ee;display:grid;grid-template-columns:25px 1fr 18px;align-items:center;gap:7px;padding:9px 10px;text-align:left;border-radius:10px;cursor:pointer;font-weight:700;font-size:13px;transition:background .18s ease,color .18s ease}
.nav-group-toggle:hover,.nav-group.open>.nav-group-toggle{background:#ffffff12;color:#fff}
.nav-group-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#ffffff0d;color:#8fb6e9;font-size:15px;line-height:1}
.nav-group-toggle i{font-style:normal;font-size:20px;line-height:1;text-align:center;color:#8fa2bf;transform:rotate(0deg);transition:transform .2s ease}
.nav-group.open>.nav-group-toggle i{transform:rotate(90deg);color:#fff}
.nav-group-items{max-height:0;opacity:0;overflow:hidden;transition:max-height .24s ease,opacity .18s ease,padding .18s ease}
.nav-group.open>.nav-group-items{max-height:260px;opacity:1;padding:3px 0 5px}
.nav-group .nav-btn{position:relative;margin:2px 4px 2px 34px;width:calc(100% - 38px);padding:9px 10px 9px 15px;border-radius:8px;font-size:12px;color:#aebbd0;min-height:35px}
.nav-group .nav-btn::before{content:"";position:absolute;left:3px;top:50%;width:5px;height:5px;border-radius:50%;background:#57708f;transform:translateY(-50%);transition:background .18s ease,box-shadow .18s ease}
.nav-group .nav-btn:hover{background:#ffffff10;color:#fff}
.nav-group .nav-btn.active{background:linear-gradient(90deg,#235694,#1a4478);color:#fff;box-shadow:0 6px 16px #0002}
.nav-group .nav-btn.active::before{background:#76d2ff;box-shadow:0 0 0 3px #76d2ff22}
.aside-foot{flex:0 0 auto;margin-top:0;padding:13px 7px 2px;background:#0b1933}
@media(max-height:720px){.brand{padding-bottom:12px}.brand img{width:42px;height:42px}.nav-group-toggle{min-height:38px;padding-top:7px;padding-bottom:7px}.nav-group .nav-btn{padding-top:7px;padding-bottom:7px;min-height:31px}.aside-foot{padding-top:9px}.aside-foot small{margin-bottom:7px}}
@media(max-width:720px){aside{overflow:visible}.nav-group .nav-btn{margin-left:34px;width:calc(100% - 38px)}#nav{max-height:none;overflow:visible}}
/* Build 007.1 - Record Perbaikan enterprise detail drawer */
body.drawer-open{overflow:hidden}.repair-drawer-layer{position:fixed;inset:0;z-index:120;pointer-events:none}.repair-drawer-layer.open{pointer-events:auto}.repair-drawer-backdrop{position:absolute;inset:0;background:rgba(7,21,46,.58);opacity:0;transition:opacity .22s ease}.repair-drawer-layer.open .repair-drawer-backdrop{opacity:1}.repair-drawer{position:absolute;top:0;right:0;width:min(620px,96vw);height:100%;background:#f7f9fc;box-shadow:-24px 0 60px rgba(15,35,65,.24);transform:translateX(104%);transition:transform .24s ease;display:flex;flex-direction:column}.repair-drawer-layer.open .repair-drawer{transform:translateX(0)}.repair-drawer-header{background:#fff;border-bottom:1px solid #e3e8f0;padding:22px 24px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.repair-drawer-header h2{margin:5px 0 3px;font-size:26px;color:#14213d}.repair-drawer-header p{margin:0;color:#718096;font-size:12px}.repair-drawer-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;color:#0969da}.repair-drawer-close{width:38px;height:38px;border:1px solid #dce3ed;background:#f7f9fc;border-radius:10px;font-size:25px;line-height:1;color:#526077;cursor:pointer}.repair-drawer-body{padding:20px 24px 28px;overflow:auto}.repair-primary-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.repair-primary-info>div{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:13px 14px}.repair-primary-info span,.repair-primary-info b{display:block}.repair-primary-info>div>span{font-size:10px;color:#718096;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.repair-primary-info b{font-size:13px;color:#1d2a44}.repair-drawer-section{background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:17px 18px;margin-top:14px}.repair-drawer-section h3{margin:0 0 10px;font-size:15px;color:#172b4d}.repair-long-text{white-space:pre-wrap;line-height:1.65;color:#3d4d66;font-size:13px}.repair-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.repair-section-heading>span{font-size:10px;color:#718096;background:#eef2f7;padding:5px 8px;border-radius:20px}.repair-timeline-drawer{margin-top:14px}.repair-evidence-group{margin-top:14px}.repair-evidence-group h4{margin:0 0 9px;font-size:12px;color:#526077;text-transform:uppercase;letter-spacing:.05em}.repair-evidence-group h4 small{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:50%;background:#eef2f7;color:#526077}.repair-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.repair-evidence-card{display:block;text-decoration:none;border:1px solid #dce3ed;background:#fff;border-radius:11px;overflow:hidden;color:#0969da}.repair-evidence-card img{display:block;width:100%;height:135px;object-fit:cover}.repair-evidence-card span{display:block;padding:8px 10px;font-size:11px;font-weight:700}.repair-evidence-empty{grid-column:1/-1;padding:18px;border:1px dashed #cad4e2;border-radius:10px;text-align:center;color:#8592a6;font-size:12px;background:#fbfcfe}.repair-drawer .upload-form{margin-top:10px}.repair-drawer-footer{margin-top:auto;background:#fff;border-top:1px solid #e3e8f0;padding:14px 24px;display:flex;justify-content:flex-end;gap:9px}.repair-drawer-footer .btn{min-width:105px}@media(max-width:640px){.repair-drawer{width:100vw}.repair-drawer-header,.repair-drawer-body,.repair-drawer-footer{padding-left:16px;padding-right:16px}.repair-primary-info,.repair-evidence-grid{grid-template-columns:1fr}.repair-drawer-header h2{font-size:22px}}

/* Build 007.1 incremental - Record Perbaikan Enterprise Cards 2.0 */
.repair-kpi-v2{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.repair-kpi-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:16px 17px;box-shadow:0 7px 22px rgba(31,50,81,.06)}.repair-kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#64748b}.repair-kpi-card.completed:before{background:#16a34a}.repair-kpi-card.progress:before{background:#2563eb}.repair-kpi-card.pending:before{background:#f59e0b}.repair-kpi-card.mttr:before{background:#7c3aed}.repair-kpi-card.repeat:before{background:#dc2626}.repair-kpi-card span{display:block;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.repair-kpi-card b{display:block;margin:7px 0 4px;color:#172033;font-size:25px;line-height:1}.repair-kpi-card small{color:#8793a6;font-size:10px}.repair-card-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.repair-card-v2{padding:0!important;overflow:hidden;border:1px solid #dce4ee!important;border-radius:16px!important;background:#fff;box-shadow:0 10px 26px rgba(30,52,84,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.repair-card-v2:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(30,52,84,.12);border-color:#b9cae0!important}.repair-card-v2.selected{border-color:#2f6fbe!important;box-shadow:0 0 0 3px rgba(47,111,190,.12),0 15px 34px rgba(30,52,84,.1)}.repair-card-v2-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:17px 18px 14px;background:linear-gradient(135deg,#fbfdff,#f5f8fc);border-bottom:1px solid #e5ebf2}.repair-v2-title h4{margin:0;color:#172b4d;font-size:18px}.repair-v2-title p{margin:5px 0 0;color:#52677f;font-size:12px;font-weight:700}.repair-v2-status{text-align:right;display:grid;justify-items:end;gap:7px}.repair-v2-status .badge{white-space:nowrap}.repair-v2-status small{color:#64748b;font-weight:700}.repair-card-v2-body{padding:16px 18px}.repair-card-v2 details{border:1px solid #e5eaf1;border-radius:11px;background:#fbfcfe;margin-bottom:10px;overflow:hidden}.repair-card-v2 summary{list-style:none;cursor:pointer;padding:10px 12px;font-size:12px;font-weight:800;color:#28415f;display:flex;justify-content:space-between;align-items:center}.repair-card-v2 summary::-webkit-details-marker{display:none}.repair-card-v2 summary span{transition:transform .18s ease}.repair-card-v2 details:not([open]) summary span{transform:rotate(-90deg)}.repair-card-v2 details p{margin:0;padding:0 12px 12px;color:#42546c;font-size:12px;line-height:1.55}.repair-v2-info{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.repair-v2-info>div{display:grid;gap:4px;border:1px solid #e7ecf2;border-radius:10px;padding:10px;background:#fff}.repair-v2-info span{font-size:10px;color:#77869b;font-weight:700}.repair-v2-info b{font-size:11px;color:#26364e;line-height:1.35}.repair-card-timeline{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;margin:17px 3px 14px}.repair-card-timeline>span{height:3px;background:#d8e0ea;border-radius:999px}.repair-card-timeline>span:has(+ .timeline-step.done){background:#42a66d}.timeline-step{display:grid;justify-items:center;gap:4px;min-width:64px;color:#8793a6}.timeline-step i{display:block;width:13px;height:13px;border-radius:50%;background:#d8e0ea;box-shadow:0 0 0 4px #f1f4f8}.timeline-step.done i{background:#27a65c;box-shadow:0 0 0 4px #e1f5e9}.timeline-step b{font-size:10px}.timeline-step small{font-size:9px}.timeline-step.done{color:#25784b}.repair-v2-evidence{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.repair-v2-evidence>div{border:1px solid #e4e9f0;border-radius:11px;padding:10px;background:#fbfcfe}.evidence-title{margin-bottom:8px;color:#354965;font-size:11px}.evidence-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-height:52px}.evidence-thumb{padding:0;border:0;border-radius:8px;overflow:hidden;cursor:zoom-in;background:#e8edf4;aspect-ratio:1}.evidence-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.evidence-thumb:hover img{transform:scale(1.08)}.evidence-loading,.evidence-empty-mini{grid-column:1/-1;display:grid;place-items:center;color:#91a0b2;font-size:10px;border:1px dashed #ced7e3;border-radius:8px;min-height:50px}.repair-card-v2-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-top:1px solid #e5ebf2;background:#fbfcfe}.repair-card-v2-footer>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718096;font-size:10px;font-weight:700}.repair-card-v2-footer .repair-card-actions{justify-content:flex-end}.repair-lightbox{position:fixed;inset:0;z-index:250;background:rgba(4,13,28,.92);display:grid;place-items:center;padding:30px;cursor:zoom-out}.repair-lightbox img{max-width:min(1200px,94vw);max-height:90vh;object-fit:contain;border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.5)}.repair-lightbox button{position:fixed;right:24px;top:20px;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:28px;cursor:pointer}.repair-evidence-card{cursor:zoom-in}@media(max-width:1180px){.repair-kpi-v2{grid-template-columns:repeat(3,minmax(0,1fr))}.repair-card-grid-v2{grid-template-columns:1fr}}@media(max-width:760px){.repair-kpi-v2{grid-template-columns:1fr 1fr}.repair-card-v2-head{grid-template-columns:auto 1fr}.repair-v2-status{grid-column:2;text-align:left;justify-items:start}.repair-v2-info,.repair-v2-evidence{grid-template-columns:1fr}.repair-card-v2-footer{align-items:flex-start;flex-direction:column}.repair-card-v2-footer .repair-card-actions{width:100%;justify-content:flex-start}.repair-card-timeline{overflow-x:auto;padding-bottom:4px}}@media(max-width:480px){.repair-kpi-v2{grid-template-columns:1fr}.repair-card-v2-head,.repair-card-v2-body,.repair-card-v2-footer{padding-left:13px;padding-right:13px}}

/* Build 007.1 incremental - Data Unit Enterprise */
.unit-enterprise-page{display:grid;gap:16px}.unit-enterprise-hero{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;background:linear-gradient(135deg,#f7fbff,#fff)}.unit-enterprise-hero h2{margin:4px 0 7px}.unit-enterprise-hero p{margin:0;color:#64748b}.unit-enterprise-toolbar{padding:14px 16px 4px}.unit-enterprise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.unit-enterprise-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-top:4px solid #94a3b8;border-radius:15px;box-shadow:0 8px 24px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease}.unit-enterprise-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.1)}.unit-enterprise-card.healthy{border-top-color:#16a34a}.unit-enterprise-card.warning{border-top-color:#d97706}.unit-enterprise-card.critical{border-top-color:#dc2626}.unit-enterprise-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px 14px;border-bottom:1px solid #edf2f7}.unit-card-title{display:flex;align-items:center;gap:11px;min-width:0}.unit-card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf2ff;color:#2256a3;font-size:19px}.unit-card-title h3{margin:0;font-size:17px;color:#172b4d}.unit-card-title p{margin:3px 0 0;color:#64748b;font-size:11px}.unit-status-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.03em}.unit-status-pill.healthy{background:#dcfce7;color:#15803d}.unit-status-pill.warning{background:#fef3c7;color:#b45309}.unit-status-pill.critical{background:#fee2e2;color:#b91c1c}.unit-status-pill.neutral{background:#e2e8f0;color:#475569}.unit-card-identity{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 18px}.unit-card-identity>div{min-width:0;padding:9px 10px;border:1px solid #edf1f5;border-radius:9px;background:#fbfdff}.unit-card-identity span,.unit-section-label{display:block;color:#7b8799;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.unit-card-identity b{display:block;margin-top:4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-health-section{display:flex;align-items:center;gap:12px;margin:0 18px;padding:13px;border:1px solid #e6ebf2;border-radius:11px;background:linear-gradient(135deg,#f8fafc,#fff)}.unit-health-section strong,.unit-health-section span{display:block}.unit-health-section strong{font-size:12px}.unit-health-section span{margin-top:3px;color:#64748b;font-size:10px}.unit-health-ring{--health:0;position:relative;width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#16a34a calc(var(--health)*1%),#e5e7eb 0)}.unit-health-ring.warning{background:conic-gradient(#d97706 calc(var(--health)*1%),#e5e7eb 0)}.unit-health-ring.critical{background:conic-gradient(#dc2626 calc(var(--health)*1%),#e5e7eb 0)}.unit-health-ring:after{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}.unit-health-ring b,.unit-health-ring small{position:relative;z-index:1}.unit-health-ring b{font-size:14px}.unit-health-ring small{font-size:8px;color:#64748b}.unit-health-skeleton{width:55px;height:55px;border-radius:50%;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:unitPulse 1.3s infinite}.unit-metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px 18px}.unit-metric-row>div{text-align:center;padding:9px;border-radius:9px;background:#f8fafc}.unit-metric-row span{display:block;color:#7b8799;font-size:9px}.unit-metric-row b{display:block;margin-top:3px;font-size:15px}.unit-card-analytics{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;padding:0 18px 15px}.unit-card-analytics>div{border:1px solid #edf1f5;border-radius:10px;padding:10px;min-height:96px}.unit-mini-chart{height:65px;display:flex;align-items:flex-end;gap:7px;padding-top:8px}.unit-mini-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.unit-mini-chart i{display:block;width:100%;max-width:16px;min-height:6px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.unit-mini-chart small{font-size:8px;color:#7b8799}.unit-chart-skeleton{height:58px;margin-top:8px;border-radius:7px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:unitPulse 1.3s infinite}.unit-last-activity{display:flex;align-items:center;gap:9px;margin-top:14px}.unit-last-activity b,.unit-last-activity small{display:block}.unit-last-activity b{font-size:10px}.unit-last-activity small{margin-top:4px;color:#718096;font-size:9px}.unit-activity-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px #f1f5f9}.unit-activity-dot.completed{background:#16a34a}.unit-activity-dot.progress{background:#d97706}.unit-activity-dot.input{background:#2563eb}.unit-enterprise-card>footer{display:flex;gap:7px;flex-wrap:wrap;padding:13px 18px;border-top:1px solid #edf2f7;background:#fbfdff}.unit-enterprise-card>footer .btn{padding:7px 9px;font-size:10px}.unit-enterprise-card>footer .danger{background:#fff1f2;color:#b91c1c;border-color:#fecdd3}.unit-empty-card{grid-column:1/-1;padding:35px}.history-timeline{display:grid;gap:10px}.history-timeline-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;position:relative}.history-timeline-item:not(:last-child):after{content:"";position:absolute;left:8px;top:18px;bottom:-10px;width:2px;background:#e2e8f0}.history-timeline-dot{width:18px;height:18px;border-radius:50%;background:#2563eb;border:4px solid #dbeafe}.history-timeline-item.completed .history-timeline-dot{background:#16a34a;border-color:#dcfce7}@keyframes unitPulse{0%{background-position:200% 0}100%{background-position:-200% 0}}@media(max-width:1100px){.unit-enterprise-grid{grid-template-columns:1fr}.unit-card-analytics{grid-template-columns:1fr 1fr}}@media(max-width:700px){.unit-enterprise-hero{display:grid;gap:14px}.unit-card-analytics,.unit-card-identity{grid-template-columns:1fr}.unit-enterprise-card>footer .btn{flex:1 1 42%}}
.unit-enterprise-history{min-width:min(900px,90vw)}.unit-repair-timeline{display:grid;gap:11px;max-height:52vh;overflow:auto;padding:2px 4px 4px}.unit-timeline-card{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px}.unit-timeline-rail{position:relative;display:flex;justify-content:center}.unit-timeline-rail:after{content:"";position:absolute;top:18px;bottom:-14px;width:2px;background:#e2e8f0}.unit-timeline-card:last-child .unit-timeline-rail:after{display:none}.unit-timeline-rail i{z-index:1;width:15px;height:15px;margin-top:16px;border-radius:50%;background:#2563eb;border:4px solid #dbeafe}.unit-timeline-card.progress .unit-timeline-rail i{background:#d97706;border-color:#fef3c7}.unit-timeline-card.completed .unit-timeline-rail i{background:#16a34a;border-color:#dcfce7}.unit-timeline-body{border:1px solid #e4eaf1;border-radius:11px;padding:13px 14px;background:#fff}.unit-timeline-body>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.unit-timeline-body>header b,.unit-timeline-body>header small{display:block}.unit-timeline-body>header small{margin-top:4px;color:#718096}.unit-timeline-copy{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.unit-timeline-copy>div,.part-history-grid>div{padding:9px 10px;border-radius:8px;background:#f8fafc}.unit-timeline-copy span,.part-history-grid span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#7b8799}.unit-timeline-copy p{margin:5px 0 0;font-size:11px;line-height:1.55;color:#334155}.unit-timeline-body>footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:11px;padding-top:10px;border-top:1px solid #edf2f7;font-size:10px;color:#64748b}.unit-timeline-body>footer .btn{margin-left:auto}.part-history-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:11px}.part-history-grid b{display:block;margin-top:5px;font-size:10px}@media(max-width:700px){.unit-enterprise-history{min-width:0}.unit-timeline-copy,.part-history-grid{grid-template-columns:1fr}.unit-timeline-body>footer .btn{margin-left:0;width:100%}}

/* Build 007.1 - Backup Part Enterprise */
.bp-enterprise{display:grid;gap:18px}.bp-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.bp-kpi{background:linear-gradient(135deg,#fff,#f7fafc);border:1px solid #e5e7eb;border-radius:16px;padding:17px 18px;box-shadow:0 8px 22px rgba(15,23,42,.06);position:relative;overflow:hidden}.bp-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#64748b}.bp-kpi.warning:before{background:#f59e0b}.bp-kpi.danger:before{background:#ef4444}.bp-kpi.info:before{background:#3b82f6}.bp-kpi.success:before{background:#10b981}.bp-kpi span{display:block;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.bp-kpi strong{display:block;font-size:28px;line-height:1.1;margin:7px 0 4px;color:#0f172a}.bp-kpi small{color:#94a3b8}.bp-analytics-grid{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;gap:16px}.bp-stock-analytics,.bp-movement,.bp-reorder{min-height:290px}.bp-stock-donut{width:150px;height:150px;margin:10px auto 14px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#10b981 0 calc(var(--available)*1%),#f59e0b calc(var(--available)*1%) calc((var(--available) + var(--low))*1%),#ef4444 calc((var(--available) + var(--low))*1%) 100%);position:relative}.bp-stock-donut:after{content:"";position:absolute;inset:20px;border-radius:50%;background:#fff}.bp-stock-donut>div{position:relative;z-index:1;text-align:center}.bp-stock-donut strong{display:block;font-size:28px;color:#0f172a}.bp-stock-donut span{font-size:11px;color:#64748b}.bp-legend{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:12px;color:#475569}.bp-legend i{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}.bp-legend .available{background:#10b981}.bp-legend .low{background:#f59e0b}.bp-legend .out{background:#ef4444}.bp-bar-chart{height:190px;display:flex;align-items:flex-end;gap:13px;padding:18px 10px 0}.bp-bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bp-bar-chart .bar{width:min(34px,72%);min-height:8px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#2563eb,#60a5fa);position:relative;box-shadow:0 5px 12px rgba(37,99,235,.2)}.bp-bar-chart .bar em{position:absolute;top:-21px;left:50%;transform:translateX(-50%);font-size:11px;font-style:normal;font-weight:800;color:#334155}.bp-bar-chart small{color:#64748b;font-weight:600}.bp-reorder-list{display:grid;gap:9px}.bp-reorder-list>div{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa}.bp-reorder-list b,.bp-reorder-list small{display:block}.bp-reorder-list small{color:#64748b;margin-top:2px}.bp-reorder-list strong{color:#dc2626}.bp-stock-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:900}.bp-stock-icon.low{background:#fef3c7;color:#b45309}.bp-stock-icon.out{background:#fee2e2;color:#b91c1c}.bp-reorder-ok{grid-template-columns:1fr!important;text-align:center;color:#047857;background:#ecfdf5!important;border-color:#a7f3d0!important}.bp-inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bp-stock-card{border:1px solid #e2e8f0;border-radius:16px;padding:15px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.05);position:relative;overflow:hidden}.bp-stock-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#10b981}.bp-stock-card.low:before{background:#f59e0b}.bp-stock-card.out:before{background:#ef4444}.bp-stock-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.bp-stock-head h4{margin:0 0 4px;color:#0f172a}.bp-stock-head small{color:#64748b}.bp-stock-badge{font-size:10px;font-weight:800;border-radius:999px;padding:5px 8px;white-space:nowrap}.bp-stock-badge.available{background:#dcfce7;color:#166534}.bp-stock-badge.low{background:#fef3c7;color:#92400e}.bp-stock-badge.out{background:#fee2e2;color:#991b1b}.bp-stock-number{display:flex;align-items:flex-end;gap:6px;margin:18px 0 8px}.bp-stock-number strong{font-size:32px;line-height:1;color:#0f172a}.bp-stock-number span{color:#64748b}.bp-stock-progress{height:7px;border-radius:999px;background:#e2e8f0;overflow:hidden}.bp-stock-progress i{display:block;height:100%;border-radius:inherit;background:#10b981}.bp-stock-card.low .bp-stock-progress i{background:#f59e0b}.bp-stock-card.out .bp-stock-progress i{background:#ef4444}.bp-stock-meta{display:flex;justify-content:space-between;gap:10px;margin:10px 0 12px;color:#64748b;font-size:12px}.bp-approval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.bp-approval-card{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.06);position:relative}.bp-approval-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:18px 18px 0 0;background:#94a3b8}.bp-approval-card.approved:before{background:#3b82f6}.bp-approval-card.pending-validation:before{background:#f59e0b}.bp-approval-card.validated:before,.bp-approval-card.completed:before{background:#10b981}.bp-approval-card.rejected:before{background:#ef4444}.bp-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.bp-card-head small{color:#64748b;font-weight:700}.bp-card-head h3{margin:3px 0;color:#0f172a}.bp-card-head p{margin:0;color:#64748b}.bp-request-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.bp-request-meta span{padding:9px;border-radius:10px;background:#f8fafc;color:#475569;font-size:11px}.bp-request-meta b{display:block;color:#64748b;text-transform:uppercase;font-size:9px;letter-spacing:.05em;margin-bottom:3px}.bp-reason{padding:11px;border:1px solid #e5e7eb;border-radius:11px}.bp-reason b{font-size:11px;color:#64748b;text-transform:uppercase}.bp-reason p{margin:4px 0 0;color:#334155;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bp-workflow-line{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:18px 0 14px}.bp-step{text-align:center;position:relative;color:#94a3b8}.bp-step:not(:last-child):before{content:"";position:absolute;top:12px;left:58%;right:-42%;height:2px;background:#e2e8f0}.bp-step.done:not(:last-child):before{background:#10b981}.bp-step-dot{width:25px;height:25px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;color:#64748b;font-size:11px;font-weight:800;position:relative;z-index:1}.bp-step.done .bp-step-dot{background:#10b981;color:#fff}.bp-step b,.bp-step small{display:block}.bp-step b{font-size:10px;margin-top:5px}.bp-step small{font-size:9px;margin-top:2px}.bp-card-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #e5e7eb;padding-top:12px}.bp-evidence{font-size:12px;color:#64748b}.bp-card-foot .actions{justify-content:flex-end;flex-wrap:wrap}.bp-card-foot .actions button{font-size:11px;padding:6px 8px}
@media(max-width:1200px){.bp-summary-grid{grid-template-columns:repeat(3,1fr)}.bp-analytics-grid{grid-template-columns:1fr 1fr}.bp-reorder{grid-column:1/-1}.bp-inventory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.bp-summary-grid,.bp-analytics-grid,.bp-inventory-grid,.bp-approval-grid{grid-template-columns:1fr}.bp-reorder{grid-column:auto}.bp-request-meta{grid-template-columns:1fr 1fr}.bp-card-foot{align-items:flex-start;flex-direction:column}.bp-workflow-line{overflow-x:auto;min-width:480px}.bp-approval-card{overflow:hidden}}

/* Build 007.1 — Executive Dashboard */
.exec-dashboard{display:grid;gap:18px}.exec-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border-radius:22px;background:linear-gradient(135deg,#0d2b55,#174f8f 58%,#187c8b);color:#fff;box-shadow:0 18px 42px rgba(13,43,85,.2)}.exec-hero h2{margin:5px 0 7px;font-size:27px}.exec-hero p{margin:0;max-width:740px;color:rgba(255,255,255,.78)}.exec-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9fe5ed}.exec-controls{display:flex;align-items:end;gap:10px;flex:0 0 auto}.exec-controls label{display:grid;gap:5px;font-size:11px;font-weight:800;color:rgba(255,255,255,.75)}.exec-controls select{min-width:130px;border:1px solid rgba(255,255,255,.24);border-radius:10px;padding:9px 32px 9px 11px;background:rgba(255,255,255,.12);color:#fff;outline:0}.exec-controls select option{color:#172033}.exec-controls .btn.secondary{background:#fff;color:#174a82;border-color:#fff}.exec-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.exec-kpi{display:flex;gap:12px;align-items:center;min-width:0;padding:17px;border:1px solid #e4e9f1;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(16,35,62,.055);position:relative;overflow:hidden}.exec-kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--exec-tone,#2256a3)}.exec-kpi-icon{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:12px;background:color-mix(in srgb,var(--exec-tone,#2256a3) 12%,white);color:var(--exec-tone,#2256a3);font-size:18px;font-weight:900}.exec-kpi div:last-child{display:grid;min-width:0}.exec-kpi span{font-size:11px;color:#718096;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.exec-kpi b{font-size:20px;line-height:1.3;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exec-kpi small{font-size:10px;color:#8b96a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exec-kpi.blue{--exec-tone:#2464b8}.exec-kpi.purple{--exec-tone:#7857d6}.exec-kpi.green{--exec-tone:#259466}.exec-kpi.teal{--exec-tone:#118b91}.exec-kpi.amber{--exec-tone:#d38b18}.exec-kpi.red{--exec-tone:#cf4b55}.exec-grid{display:grid;gap:16px}.exec-grid-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.exec-panel{padding:0;overflow:hidden}.exec-panel .panel-head{padding:17px 19px 10px}.exec-svg{display:block;width:100%;height:auto;padding:0 8px 7px;overflow:visible}.exec-grid{stroke:#e7ebf2;stroke-width:1}.exec-axis{fill:#8792a3;font-size:10px}.exec-line{fill:none;stroke:#2464b8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.exec-area{fill:rgba(36,100,184,.08)}.exec-dot{fill:#fff;stroke:#2464b8;stroke-width:3}.exec-bars{padding:5px 19px 20px;display:grid;gap:12px}.exec-bar-row>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px}.exec-bar-row span{color:#586579;font-weight:700}.exec-bar-row b{color:#1c2b41}.exec-bar-row>i{display:block;height:9px;border-radius:999px;background:#edf1f6;overflow:hidden}.exec-bar-row>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2464b8,#17a0a5)}.exec-heatmap{padding:5px 18px 20px;overflow:auto}.exec-heatmap-head,.exec-heatmap-row{display:grid;grid-template-columns:minmax(130px,1.5fr) repeat(var(--heat-cols,6),minmax(42px,.7fr));gap:6px;align-items:center;min-width:520px}.exec-heatmap-head{margin-bottom:7px}.exec-heatmap-head span,.exec-heatmap-head b{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#8994a5;text-align:center}.exec-heatmap-head span{text-align:left}.exec-heatmap-row{margin-bottom:6px}.exec-heatmap-row strong{font-size:11px;color:#42516a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exec-heatmap-row span{height:32px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,#2464b8 calc(var(--heat)*82%),#edf2f8);color:color-mix(in srgb,#fff calc(var(--heat)*100%),#526175);font-size:11px;font-weight:800}.exec-reliability{padding:4px 18px 18px;display:grid;gap:8px}.exec-reliability button{border:0;background:#f8fafc;border-radius:12px;padding:10px 11px;display:grid;grid-template-columns:minmax(110px,.8fr) minmax(100px,1fr) 42px;align-items:center;gap:11px;text-align:left;cursor:pointer}.exec-reliability button:hover{background:#f0f5fb}.exec-reliability span{display:grid;min-width:0}.exec-reliability b{font-size:12px;color:#24344c}.exec-reliability small{font-size:9px;color:#8a95a5}.exec-reliability i{height:8px;background:#e5eaf0;border-radius:99px;overflow:hidden}.exec-reliability em{display:block;height:100%;border-radius:inherit}.exec-reliability em.good{background:#2b9b66}.exec-reliability em.warn{background:#d79825}.exec-reliability em.bad{background:#d25258}.exec-reliability strong{font-size:12px;color:#26364d;text-align:right}.exec-notes{padding:3px 19px 20px;display:grid;gap:8px}.exec-notes p{margin:0;padding:10px 12px;border-radius:11px;background:#f8fafc;display:grid;grid-template-columns:90px 1fr;gap:10px}.exec-notes b{font-size:11px;color:#244b79}.exec-notes span{font-size:11px;color:#667389;line-height:1.45}
@media(max-width:1320px){.exec-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.exec-grid-two{grid-template-columns:1fr}.exec-hero{align-items:flex-start;flex-direction:column}.exec-controls{width:100%}.exec-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.exec-kpi-grid{grid-template-columns:1fr}.exec-controls{align-items:stretch;flex-direction:column}.exec-controls select,.exec-controls .btn{width:100%}.exec-hero{padding:20px}.exec-hero h2{font-size:22px}.exec-notes p{grid-template-columns:1fr}}

/* Build 007.1 — Executive Dashboard responsive layout refinement */
.exec-dashboard{
  min-width:0;
  padding-top:46px;
}
.exec-hero{
  min-width:0;
  overflow:hidden;
}
.exec-hero>div:first-child{
  min-width:0;
}
.exec-hero h2,.exec-hero p{
  overflow-wrap:anywhere;
}
.exec-kpi-grid{
  grid-template-columns:repeat(auto-fit,minmax(205px,1fr));
  gap:14px;
}
.exec-kpi{
  min-height:104px;
  padding:16px;
}
.exec-kpi b{
  font-size:19px;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
.exec-kpi small{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.35;
}
.exec-grid-two{
  align-items:start;
}
.exec-panel{
  min-width:0;
}
.exec-panel .panel-head{
  min-width:0;
  gap:12px;
  flex-wrap:wrap;
}
.exec-svg{
  min-height:230px;
}
.exec-heatmap{
  overflow-x:hidden;
  padding-right:14px;
}
.exec-heatmap-head,.exec-heatmap-row{
  min-width:0;
  grid-template-columns:minmax(112px,1.45fr) repeat(var(--heat-cols,6),minmax(36px,.72fr));
  gap:5px;
}
.exec-heatmap-row strong{
  white-space:normal;
  line-height:1.25;
}
.exec-heatmap-row span{
  min-width:0;
}
.exec-reliability{
  max-height:430px;
  overflow:auto;
  scrollbar-gutter:stable;
}
.environment-banner{
  max-width:230px!important;
}
@media(max-width:1180px){
  .exec-dashboard{padding-top:44px}
  .exec-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .exec-kpi{min-height:98px}
  .exec-hero{align-items:flex-start}
}
@media(max-width:980px){
  .exec-dashboard{padding-top:42px}
  .exec-grid-two{grid-template-columns:1fr}
  .exec-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .exec-heatmap-head,.exec-heatmap-row{grid-template-columns:minmax(105px,1.35fr) repeat(var(--heat-cols,6),minmax(32px,.7fr))}
}
@media(max-width:700px){
  .exec-dashboard{padding-top:54px}
  .exec-kpi-grid{grid-template-columns:1fr}
  .exec-hero{padding:20px}
  .exec-controls{width:100%;display:grid;grid-template-columns:1fr auto}
  .exec-controls label{min-width:0}
  .exec-controls select{width:100%;min-width:0}
  .exec-heatmap{overflow-x:auto}
  .exec-heatmap-head,.exec-heatmap-row{min-width:500px}
  .environment-banner{max-width:calc(100vw - 16px)!important}
}

/* Reporting DMS 4.0 ------------------------------------------------------- */
.reporting-v4{display:grid;gap:18px;min-width:0}
.reporting-v4-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;border-radius:22px;background:linear-gradient(120deg,#123b72,#15879a);color:#fff;box-shadow:0 16px 38px rgba(18,59,114,.18)}
.reporting-v4-hero span{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#a9edff}
.reporting-v4-hero h2{margin:7px 0 6px;font-size:30px;color:#fff}
.reporting-v4-hero p{margin:0;color:#e4f5fb;font-size:14px}
.reporting-v4-badge{white-space:nowrap;padding:10px 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.12);font-weight:800}
.reporting-export-suite{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.reporting-export-suite button{min-width:0;padding:17px 16px;text-align:left;border:1px solid #dce6f2;border-radius:16px;background:#fff;color:#10213d;box-shadow:0 7px 20px rgba(19,45,80,.07);cursor:pointer;transition:.18s ease}
.reporting-export-suite button:hover:not(:disabled){transform:translateY(-2px);border-color:#78a9db;box-shadow:0 12px 28px rgba(19,45,80,.12)}
.reporting-export-suite button:disabled{opacity:.48;cursor:not-allowed}
.reporting-export-suite b{display:block;font-size:13px;margin-bottom:6px}
.reporting-export-suite span{display:block;font-size:11px;line-height:1.35;color:#6b7a90}
.reporting-kpi-snapshot{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.reporting-kpi-snapshot>div{min-width:0;padding:18px;border:1px solid #e0e8f2;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(19,45,80,.06)}
.reporting-kpi-snapshot span,.reporting-kpi-snapshot small{display:block;color:#718096;font-size:11px}
.reporting-kpi-snapshot b{display:block;margin:8px 0 5px;font-size:22px;color:#10213d;overflow-wrap:anywhere}
.reporting-filter-panel .reporting-actions{flex-wrap:wrap}
@media(max-width:1250px){.reporting-export-suite{grid-template-columns:repeat(3,minmax(0,1fr))}.reporting-kpi-snapshot{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.reporting-v4-hero{align-items:flex-start;flex-direction:column}.reporting-export-suite{grid-template-columns:repeat(2,minmax(0,1fr))}.reporting-kpi-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.reporting-v4-hero{padding:22px}.reporting-v4-hero h2{font-size:24px}.reporting-export-suite,.reporting-kpi-snapshot{grid-template-columns:1fr}}

/* Build 007.1 - Backup Part Compact Enterprise Inventory */
.bp-compact-inventory{overflow:hidden}
.bp-inventory-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 180px 170px auto;gap:10px;padding:12px 16px;border-top:1px solid #e4eaf2;border-bottom:1px solid #e4eaf2;background:#f8fafc;align-items:center}
.bp-search-wrap{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d9e2ef;border-radius:10px;padding:0 11px;min-width:0}
.bp-search-wrap span{color:#64748b;font-size:18px}.bp-search-wrap input{border:0!important;outline:0;background:transparent;width:100%;padding:10px 0;min-width:0}
.bp-inventory-toolbar select{height:40px;border:1px solid #d9e2ef;border-radius:10px;background:#fff;padding:0 10px;color:#24324a;min-width:0}
.bp-inventory-table-wrap{max-height:430px;overflow:auto;scrollbar-gutter:stable;border-bottom:1px solid #e5ebf3}
.bp-inventory-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:12px}
.bp-inventory-table thead th{position:sticky;top:0;z-index:2;background:#f4f7fb;color:#52627b;text-align:left;text-transform:uppercase;letter-spacing:.035em;font-size:10px;padding:11px 12px;border-bottom:1px solid #dce4ef;white-space:nowrap}
.bp-inventory-table tbody td{padding:10px 12px;border-bottom:1px solid #edf1f6;vertical-align:middle;color:#2c3b55}
.bp-inventory-table tbody tr:hover{background:#f8fbff}.bp-inventory-table tbody tr[hidden]{display:none}
.bp-inventory-table th:nth-child(1){width:28%}.bp-inventory-table th:nth-child(2){width:14%}.bp-inventory-table th:nth-child(3){width:17%}.bp-inventory-table th:nth-child(4){width:7%}.bp-inventory-table th:nth-child(5){width:14%}.bp-inventory-table th:nth-child(6){width:12%}.bp-inventory-table th:nth-child(7){width:110px}
.bp-part-main{display:flex;align-items:center;gap:10px;min-width:0}.bp-part-main>div{min-width:0}.bp-part-main b{display:block;font-size:12px;color:#11213d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-part-main small{display:block;color:#75839a;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-part-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eaf2ff;color:#2563eb;flex:0 0 auto}.bp-part-icon.low{background:#fff3d4;color:#d88900}.bp-part-icon.out{background:#ffe5e5;color:#dc3545}
.bp-table-stock strong{display:flex;align-items:baseline;gap:4px;font-size:14px;color:#13233f}.bp-table-stock strong small{font-size:10px;font-weight:500;color:#66758c}.bp-table-stock .bp-stock-progress{height:4px;margin-top:5px;background:#e5eaf1;border-radius:99px}.bp-table-stock .bp-stock-progress i{display:block;height:100%;border-radius:99px;background:#22a06b}.bp-inventory-table tr[data-status="low"] .bp-stock-progress i{background:#f0a000}.bp-inventory-table tr[data-status="out"] .bp-stock-progress i{background:#e5484d}
.bp-row-actions{display:flex;gap:5px;white-space:nowrap}.bp-row-actions button{padding:6px 9px;border:1px solid #d6dfeb;border-radius:7px;background:#fff;color:#2e405e;font-size:11px;cursor:pointer}.bp-row-actions button:hover{background:#eef5ff;border-color:#9fc1ef}.bp-row-actions .danger{color:#c9353b;border-color:#f2c1c4}.bp-row-actions .danger:hover{background:#fff0f1}
.bp-inventory-footer{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;color:#6c7b91;font-size:11px;background:#fbfcfe}
@media(max-width:900px){.bp-inventory-toolbar{grid-template-columns:1fr 1fr}.bp-search-wrap{grid-column:1/-1}.bp-inventory-table{min-width:820px}.bp-inventory-table-wrap{max-height:380px}.bp-inventory-footer span:last-child{display:none}}
@media(max-width:560px){.bp-inventory-toolbar{grid-template-columns:1fr}.bp-search-wrap{grid-column:auto}.bp-inventory-toolbar select,.bp-inventory-toolbar .btn{width:100%}.bp-inventory-table-wrap{max-height:360px}.bp-inventory-footer{display:block}}


/* Build 007.1 incremental - Record Perbaikan Compact Enterprise */
.repair-compact-mode{padding-bottom:12px}
.repair-compact-mode .panel-head{padding:14px 16px}
.repair-compact-mode .panel-head h3{font-size:17px;margin-bottom:2px}
.repair-compact-mode .panel-head p{font-size:10px;margin:0}
.repair-compact-mode .repair-tools{padding:10px 12px;gap:8px}
.repair-compact-mode .repair-tools input,
.repair-compact-mode .repair-tools select,
.repair-compact-mode .repair-tools button{min-height:34px;height:34px;font-size:11px;padding-top:6px;padding-bottom:6px}
.repair-compact-mode .repair-selection-bar{padding:7px 12px;font-size:10px}
.repair-compact-mode .repair-card-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;max-height:670px;overflow:auto;padding:4px 5px 8px;align-content:start;scrollbar-gutter:stable}
.repair-compact-mode .repair-card-v2{border-radius:12px!important;box-shadow:0 5px 16px rgba(30,52,84,.055)}
.repair-compact-mode .repair-card-v2:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(30,52,84,.09)}
.repair-compact-mode .repair-card-v2-head{padding:10px 11px 9px;gap:8px}
.repair-compact-mode .repair-v2-title h4{font-size:14px;line-height:1.2}
.repair-compact-mode .repair-v2-title p{font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.repair-compact-mode .repair-v2-status{gap:4px}
.repair-compact-mode .repair-v2-status .badge{font-size:9px;padding:4px 7px}
.repair-compact-mode .repair-v2-status small{font-size:9px}
.repair-compact-mode .repair-card-v2-body{padding:9px 11px 8px}
.repair-compact-mode .repair-card-v2 details{margin-bottom:6px;border-radius:8px}
.repair-compact-mode .repair-card-v2 summary{padding:7px 8px;font-size:10px}
.repair-compact-mode .repair-card-v2 details p{padding:0 8px 8px;font-size:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.repair-compact-mode .repair-v2-info{grid-template-columns:1fr 1fr;gap:5px;margin:7px 0}
.repair-compact-mode .repair-v2-info>div{padding:6px 7px;border-radius:7px;gap:2px}
.repair-compact-mode .repair-v2-info span{font-size:8px}
.repair-compact-mode .repair-v2-info b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.repair-compact-mode .repair-card-timeline{margin:10px 1px 8px}
.repair-compact-mode .timeline-step{min-width:46px;gap:2px}
.repair-compact-mode .timeline-step i{width:9px;height:9px;box-shadow:0 0 0 3px #f1f4f8}
.repair-compact-mode .timeline-step.done i{box-shadow:0 0 0 3px #e1f5e9}
.repair-compact-mode .timeline-step b{font-size:8px}
.repair-compact-mode .timeline-step small{font-size:7px}
.repair-compact-mode .repair-card-timeline>span{height:2px}
.repair-compact-mode .repair-v2-evidence{gap:7px;margin-top:7px}
.repair-compact-mode .repair-v2-evidence>div{padding:6px;border-radius:8px}
.repair-compact-mode .evidence-title{font-size:9px;margin-bottom:5px}
.repair-compact-mode .evidence-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-height:34px;max-height:38px;overflow:hidden}
.repair-compact-mode .evidence-loading,
.repair-compact-mode .evidence-empty-mini{min-height:32px;font-size:8px}
.repair-compact-mode .repair-card-v2-footer{padding:7px 10px;gap:7px;align-items:center}
.repair-compact-mode .repair-card-v2-footer>span{font-size:8px;max-width:32%}
.repair-compact-mode .repair-card-actions{gap:4px;flex-wrap:wrap}
.repair-compact-mode .repair-card-actions .btn{min-height:27px;height:27px;padding:4px 7px;font-size:9px;border-radius:6px}
.repair-kpi-v2{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}
.repair-kpi-card{padding:10px 12px;border-radius:11px}
.repair-kpi-card span{font-size:9px}
.repair-kpi-card b{font-size:19px;margin:4px 0 2px}
.repair-kpi-card small{font-size:8px}
@media(max-width:1450px){.repair-compact-mode .repair-card-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.repair-compact-mode .repair-card-grid-v2{grid-template-columns:1fr;max-height:none;overflow:visible}.repair-kpi-v2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.repair-kpi-v2{grid-template-columns:1fr 1fr}.repair-compact-mode .repair-card-v2-footer{align-items:flex-start}.repair-compact-mode .repair-card-v2-footer>span{max-width:100%}}


/* Evidence Experience — no crop, neutral background, fullscreen zoom gallery */
body.evidence-gallery-open{overflow:hidden}
.evidence-thumb,.repair-evidence-card,.evidence-gallery-thumb,.gallery a{background:#f1f4f8!important}
.evidence-thumb img,.repair-evidence-card img,.evidence-gallery-thumb img,.gallery img,.repair-evidence-grid img,.image-preview-item img{object-fit:contain!important;object-position:center!important;background:#f1f4f8!important}
.evidence-thumb{aspect-ratio:4/3!important;border:1px solid #d9e1eb!important}
.evidence-thumb:hover img{transform:none!important}
.repair-evidence-card{appearance:none;width:100%;padding:0;border:1px solid #dce3ed;text-align:left;cursor:zoom-in}
.repair-evidence-card img{height:150px!important;padding:6px}
.evidence-contain-gallery,.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.evidence-gallery-thumb{appearance:none;border:1px solid #d9e1eb;border-radius:10px;padding:6px;cursor:zoom-in;overflow:hidden;min-height:120px}
.evidence-gallery-thumb img{display:block;width:100%;height:150px}
.evidence-gallery-overlay{position:fixed;inset:0;z-index:9999;background:rgba(4,12,25,.96);display:grid;grid-template-columns:70px minmax(0,1fr) 70px;grid-template-rows:64px minmax(0,1fr);outline:none}
.evidence-gallery-toolbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;color:#fff;border-bottom:1px solid rgba(255,255,255,.13);background:rgba(7,20,39,.88)}
.evidence-gallery-toolbar>span{font-weight:800;font-size:13px}.evidence-gallery-toolbar>div{display:flex;gap:8px}.evidence-gallery-toolbar button,.evidence-gallery-nav{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;border-radius:10px;cursor:pointer}
.evidence-gallery-toolbar button{min-width:42px;height:40px;font-size:18px}.evidence-gallery-toolbar button[data-action=reset]{min-width:66px;font-size:12px;font-weight:800}
.evidence-gallery-nav{align-self:center;width:48px;height:64px;font-size:42px;line-height:1}.evidence-gallery-nav.prev{grid-column:1;grid-row:2;justify-self:center}.evidence-gallery-nav.next{grid-column:3;grid-row:2;justify-self:center}
.evidence-gallery-stage{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:auto;display:grid;place-items:center;padding:22px;position:relative}
.evidence-gallery-stage img{display:block;max-width:100%;max-height:calc(100vh - 125px);width:auto;height:auto;object-fit:contain;background:#eef2f6;border-radius:10px;box-shadow:0 20px 70px rgba(0,0,0,.45);transform-origin:center;transition:transform .12s ease}
.evidence-gallery-caption{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);max-width:80vw;padding:7px 13px;background:rgba(7,20,39,.78);border:1px solid rgba(255,255,255,.15);border-radius:18px;color:#fff;font-size:12px;text-align:center}
@media(max-width:700px){.evidence-gallery-overlay{grid-template-columns:48px minmax(0,1fr) 48px;grid-template-rows:58px minmax(0,1fr)}.evidence-gallery-toolbar{padding:8px}.evidence-gallery-toolbar button{min-width:36px;height:36px}.evidence-gallery-nav{width:38px;height:54px;font-size:34px}.evidence-gallery-stage{padding:10px}.evidence-gallery-stage img{max-height:calc(100vh - 110px)}.repair-evidence-card img,.evidence-gallery-thumb img{height:125px!important}}

/* Build 007.1 — Data Unit header & filter refinement */
.unit-enterprise-hero-compact{padding:18px 20px;gap:18px;min-height:auto}.unit-enterprise-heading{min-width:0}.unit-enterprise-heading .qa-kicker{font-size:9px;letter-spacing:.12em}.unit-enterprise-heading h2{margin:3px 0 4px;font-size:20px;line-height:1.2}.unit-enterprise-heading p{font-size:12px;line-height:1.45;max-width:720px}.unit-add-btn{flex:0 0 auto;min-height:38px;padding:9px 14px;white-space:nowrap}.unit-enterprise-toolbar-compact{padding:14px 16px 15px;display:grid;gap:12px}.unit-toolbar-primary{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:12px;align-items:center}.unit-search-wrap{position:relative;display:flex;align-items:center}.unit-search-wrap>span{position:absolute;left:12px;color:#64748b;font-size:17px;pointer-events:none}.unit-search-wrap input{width:100%;min-height:40px;padding:9px 12px 9px 36px;border:1px solid #dbe3ec;border-radius:10px;background:#fff;font-size:12px}.unit-search-wrap input:focus{border-color:#4f7fc4;box-shadow:0 0 0 3px rgba(79,127,196,.12);outline:0}.unit-result-chip{display:flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid #dbe5f0;border-radius:999px;background:#f8fbff;color:#42526e;font-size:10px;font-weight:800;white-space:nowrap}.unit-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(135px,1fr)) auto;gap:10px;align-items:end}.unit-filter-grid label{display:grid;gap:5px;min-width:0}.unit-filter-grid label>span{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#7b8799}.unit-filter-grid select{width:100%;min-height:37px;padding:8px 30px 8px 10px;border:1px solid #dbe3ec;border-radius:9px;background:#fff;font-size:11px}.unit-reset-btn{min-height:37px;padding:8px 12px;white-space:nowrap}.unit-enterprise-toolbar-compact .selection-bar{display:none!important}
@media(max-width:1000px){.unit-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-reset-btn{grid-column:span 2}.unit-toolbar-primary{grid-template-columns:1fr}.unit-result-chip{justify-self:start}}
@media(max-width:700px){.unit-enterprise-hero-compact{padding:15px;align-items:stretch}.unit-add-btn{width:100%}.unit-enterprise-heading h2{font-size:18px}.unit-enterprise-heading p{font-size:11px}.unit-enterprise-toolbar-compact{padding:12px}.unit-filter-grid{grid-template-columns:1fr}.unit-reset-btn{grid-column:auto;width:100%}.unit-result-chip{width:100%;border-radius:9px}.unit-search-wrap input{font-size:11px}}

/* Build 007.1 - Compact Maintenance Timeline */
.unit-maintenance-compact{width:min(780px,92vw);min-width:0;max-width:100%}
.unit-maintenance-compact .unit-history-summary{grid-template-columns:repeat(5,minmax(90px,1fr));gap:8px}
.unit-maintenance-compact .unit-history-summary>div{min-width:0!important;padding:9px 10px}
.unit-maintenance-compact .unit-history-tools{display:grid;grid-template-columns:minmax(220px,1fr) 150px auto;gap:8px;align-items:center}
.unit-repair-timeline.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:none;overflow:visible;padding:2px 0}
.unit-repair-compact-card{min-width:0;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:10px;background:#fff;padding:11px 12px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.unit-repair-compact-card.progress{border-left-color:#d97706}.unit-repair-compact-card.completed{border-left-color:#16a34a}.unit-repair-compact-card.input{border-left-color:#2563eb}
.unit-repair-compact-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:8px;border-bottom:1px solid #eef2f7}
.unit-repair-compact-head>div{min-width:0}.unit-repair-compact-head b{display:block;font-size:12px;line-height:1.35;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-repair-compact-head small{display:block;margin-top:3px;font-size:9px;line-height:1.35;color:#778397;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unit-repair-compact-copy{display:grid;gap:6px;padding:8px 0}.unit-repair-compact-copy p{margin:0;font-size:10px;line-height:1.45;color:#42526a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.unit-repair-compact-copy p span{display:block;margin-bottom:2px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#8b96a8}
.unit-repair-compact-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #eef2f7;font-size:9px;color:#748095}.unit-repair-compact-meta span b{color:#334155}.unit-repair-compact-meta .btn{margin-left:auto;padding:6px 10px;font-size:9px}
@media(max-width:900px){.unit-repair-timeline.compact{grid-template-columns:1fr}.unit-maintenance-compact .unit-history-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.unit-maintenance-compact{width:100%}.unit-maintenance-compact .unit-history-summary{grid-template-columns:repeat(2,1fr)}.unit-maintenance-compact .unit-history-tools{grid-template-columns:1fr}.unit-repair-compact-meta .btn{width:auto;margin-left:0}.unit-repair-compact-head small{white-space:normal}}


/* Build 007.1 — Maintenance Timeline Enterprise v2 */
.unit-maintenance-v2{width:min(760px,94vw);max-width:100%;padding:0!important;overflow:hidden}
.maintenance-v2-header{padding:16px 18px 12px;border-bottom:1px solid #e7edf4;background:linear-gradient(135deg,#fbfdff 0%,#f4f8fd 100%)}
.maintenance-v2-title .qa-kicker{font-size:8px;letter-spacing:.14em;color:#718096}
.maintenance-v2-heading-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px}
.maintenance-v2-heading-row h2{margin:0;font-size:18px;line-height:1.2;color:#172033}
.unit-code-chip{padding:4px 8px;border:1px solid #d9e4f0;border-radius:999px;background:#fff;font-size:10px;font-weight:900;color:#334155}
.maintenance-v2-heading-row .unit-status-pill{margin-left:auto;padding:5px 9px;font-size:9px}
.maintenance-v2-title p{margin:5px 0 0;font-size:10px;color:#6b778c}.maintenance-v2-title p span{margin:0 4px;color:#a0aec0}
.maintenance-v2-kpis{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr)) minmax(118px,1.3fr);gap:7px;padding:11px 18px;background:#fff}
.maintenance-v2-kpis>div{min-width:0;padding:8px 10px;border:1px solid #e6edf5;border-radius:9px;background:#f9fbfd;text-align:center}
.maintenance-v2-kpis b{display:block;font-size:16px;line-height:1.1;color:#172033;white-space:nowrap}.maintenance-v2-kpis .wide b{font-size:12px;padding-top:2px}
.maintenance-v2-kpis span{display:block;margin-top:3px;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8290a3}
.maintenance-v2-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 140px auto auto;gap:8px;align-items:center;padding:10px 18px;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;background:#fbfcfe}
.maintenance-v2-search{position:relative;display:flex;align-items:center}.maintenance-v2-search>span{position:absolute;left:10px;color:#8491a3;font-size:16px}.maintenance-v2-search input{width:100%;height:36px;padding:8px 10px 8px 31px;border:1px solid #dbe4ee;border-radius:9px;background:#fff;font-size:10px}
.maintenance-v2-toolbar select{height:36px;padding:7px 28px 7px 9px;border:1px solid #dbe4ee;border-radius:9px;background:#fff;font-size:10px}.maintenance-v2-toolbar .btn{height:36px;padding:7px 10px;font-size:9px;white-space:nowrap}
.maintenance-v2-count{justify-self:end;padding:6px 9px;border-radius:999px;background:#eef5ff;color:#315f9d;font-size:9px;font-weight:900;white-space:nowrap}
.maintenance-v2-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px 18px 16px;max-height:none;overflow:visible;background:#f8fafc}
.maintenance-v2-card{min-width:0;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.04);overflow:hidden}
.maintenance-v2-card.progress{border-left-color:#d97706}.maintenance-v2-card.completed{border-left-color:#16a34a}.maintenance-v2-card.input{border-left-color:#2563eb}
.maintenance-v2-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 11px 8px;border-bottom:1px solid #eef2f7}
.maintenance-v2-card-head>div{min-width:0}.maintenance-v2-card-head b{display:block;font-size:11px;line-height:1.3;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.maintenance-v2-card-head small{display:block;margin-top:3px;font-size:8px;line-height:1.35;color:#8290a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.maintenance-v2-body{display:grid;gap:7px;padding:9px 11px}.maintenance-v2-body span{display:block;margin-bottom:2px;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8a96a8}.maintenance-v2-body p{margin:0;font-size:10px;line-height:1.42;color:#3f4c60;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.maintenance-v2-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 11px;border-top:1px solid #eef2f7;background:#fbfcfe;font-size:8px;color:#708096}.maintenance-v2-meta span b{color:#334155}.maintenance-v2-meta .btn{margin-left:auto;padding:6px 10px;font-size:8px;min-height:28px}
@media(max-width:850px){.maintenance-v2-list{grid-template-columns:1fr}.maintenance-v2-kpis{grid-template-columns:repeat(3,1fr)}.maintenance-v2-kpis .wide{grid-column:span 2}.maintenance-v2-toolbar{grid-template-columns:1fr 135px auto}.maintenance-v2-count{grid-column:1/-1;justify-self:start}}
@media(max-width:600px){.unit-maintenance-v2{width:100%}.maintenance-v2-header{padding:14px}.maintenance-v2-heading-row .unit-status-pill{margin-left:0}.maintenance-v2-kpis{grid-template-columns:repeat(2,1fr);padding:10px 14px}.maintenance-v2-kpis .wide{grid-column:span 2}.maintenance-v2-toolbar{grid-template-columns:1fr;padding:10px 14px}.maintenance-v2-count{grid-column:auto}.maintenance-v2-list{padding:10px 14px 14px}.maintenance-v2-meta .btn{width:auto}}

/* Maintenance Timeline Enterprise v3 — ultra compact */
.unit-maintenance-v3{width:min(700px,93vw);max-width:100%;padding:0!important;overflow:hidden}
.maintenance-v3-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border-bottom:1px solid #e6edf5;background:linear-gradient(135deg,#fbfdff,#f4f8fd)}
.maintenance-v3-identity{min-width:0}.maintenance-v3-kicker{display:block;font-size:7px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#8190a5}
.maintenance-v3-titleline{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}.maintenance-v3-titleline h2{margin:0;font-size:15px;line-height:1.15;color:#172033}
.maintenance-v3-titleline .unit-code-chip,.maintenance-v3-titleline .unit-status-pill{padding:3px 7px;font-size:8px}
.maintenance-v3-identity p{margin:3px 0 0;font-size:8px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.maintenance-v3-stats{display:flex;align-items:stretch;gap:5px;flex-shrink:0}.maintenance-v3-stats>span{display:flex;min-width:44px;flex-direction:column;align-items:center;justify-content:center;padding:5px 7px;border:1px solid #e3eaf2;border-radius:8px;background:#fff;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#8290a3}
.maintenance-v3-stats b{font-size:13px;line-height:1;color:#172033;margin-bottom:2px}.maintenance-v3-stats .last{min-width:78px}.maintenance-v3-stats .last b{font-size:9px;padding-top:2px}
.maintenance-v3-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 125px auto auto;gap:6px;align-items:center;padding:7px 14px;border-bottom:1px solid #edf2f7;background:#fbfcfe}
.maintenance-v3-search{position:relative;display:flex;align-items:center}.maintenance-v3-search>span{position:absolute;left:9px;color:#8491a3;font-size:14px}.maintenance-v3-search input{width:100%;height:31px;padding:6px 9px 6px 27px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;font-size:9px}
.maintenance-v3-toolbar select{height:31px;padding:5px 24px 5px 8px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;font-size:9px}.maintenance-v3-toolbar .btn{height:31px;padding:5px 9px;font-size:8px;white-space:nowrap}
.maintenance-v3-count{justify-self:end;padding:5px 8px;border-radius:999px;background:#eef5ff;color:#315f9d;font-size:8px;font-weight:900;white-space:nowrap}
.maintenance-v3-list{display:grid;grid-template-columns:1fr;gap:6px;padding:8px 14px 11px;background:#f8fafc;overflow:visible}
.maintenance-v3-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:8px 9px;border:1px solid #e2e8f0;border-left:3px solid #3b82f6;border-radius:9px;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.035)}
.maintenance-v3-card.progress{border-left-color:#d97706}.maintenance-v3-card.completed{border-left-color:#16a34a}.maintenance-v3-card.input{border-left-color:#2563eb}
.maintenance-v3-card-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px;min-width:0}.maintenance-v3-card-title{min-width:0}.maintenance-v3-card-title b{display:block;font-size:10px;line-height:1.25;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.maintenance-v3-card-title small{display:block;margin-top:2px;font-size:7px;line-height:1.25;color:#8491a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.maintenance-v3-card-main>.badge{padding:3px 6px;font-size:7px}.maintenance-v3-card-main p{grid-column:1/-1;margin:3px 0 0;font-size:9px;line-height:1.35;color:#42526a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.maintenance-v3-card-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap;font-size:7px;color:#6f7e91}.maintenance-v3-card-meta .btn{padding:5px 8px;min-height:25px;font-size:7px}
@media(max-width:760px){.maintenance-v3-header{align-items:flex-start;flex-direction:column}.maintenance-v3-stats{width:100%;display:grid;grid-template-columns:repeat(5,1fr)}.maintenance-v3-stats>span,.maintenance-v3-stats .last{min-width:0}.maintenance-v3-toolbar{grid-template-columns:1fr 120px auto}.maintenance-v3-count{grid-column:1/-1;justify-self:start}.maintenance-v3-card{grid-template-columns:1fr}.maintenance-v3-card-meta{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:520px){.unit-maintenance-v3{width:100%}.maintenance-v3-header{padding:10px 12px}.maintenance-v3-stats{grid-template-columns:repeat(3,1fr)}.maintenance-v3-stats .last{grid-column:span 2}.maintenance-v3-toolbar{grid-template-columns:1fr;padding:7px 12px}.maintenance-v3-count{grid-column:auto}.maintenance-v3-list{padding:8px 12px 10px}.maintenance-v3-card-main p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.maintenance-v3-card-meta{gap:6px}}


/* Maintenance Timeline v4 — adaptive compact layout without unnecessary scroll */
.unit-maintenance-v4{
  width:min(980px,95vw);
  max-width:100%;
  padding:0!important;
  overflow:hidden;
}
.maintenance-v4-header{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto;
  gap:18px;
  align-items:center;
  padding:16px 18px 14px;
  border-bottom:1px solid #e5ebf2;
  background:linear-gradient(135deg,#fbfdff 0%,#f5f8fc 100%);
}
.maintenance-v4-identity{min-width:0}
.maintenance-v4-kicker{
  display:block;
  margin-bottom:4px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#728198;
}
.maintenance-v4-titleline{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.maintenance-v4-titleline h2{
  margin:0;
  font-size:20px;
  line-height:1.2;
  color:#172033;
}
.maintenance-v4-titleline .unit-code-chip,
.maintenance-v4-titleline .unit-status-pill{
  padding:5px 9px;
  font-size:10px;
}
.maintenance-v4-identity p{
  margin:6px 0 0;
  font-size:11px;
  color:#68778d;
  white-space:normal;
}
.maintenance-v4-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(72px,1fr));
  gap:7px;
  min-width:430px;
}
.maintenance-v4-stats>span{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:9px 8px;
  border:1px solid #e1e8f0;
  border-radius:10px;
  background:#fff;
  color:#7a889b;
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.maintenance-v4-stats b{
  margin-bottom:3px;
  color:#172033;
  font-size:16px;
  line-height:1.1;
  text-transform:none;
  white-space:nowrap;
}
.maintenance-v4-stats .last b{font-size:11px}
.maintenance-v4-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 155px auto auto;
  gap:9px;
  align-items:center;
  padding:11px 18px;
  border-bottom:1px solid #e8edf3;
  background:#fff;
}
.maintenance-v4-search{position:relative;display:flex;align-items:center;min-width:0}
.maintenance-v4-search>span{position:absolute;left:11px;color:#8491a3;font-size:16px}
.maintenance-v4-search input{
  width:100%;
  height:38px;
  padding:8px 11px 8px 33px;
  border:1px solid #d9e2ec;
  border-radius:9px;
  background:#fff;
  font-size:11px;
}
.maintenance-v4-toolbar select{
  height:38px;
  padding:7px 30px 7px 10px;
  border:1px solid #d9e2ec;
  border-radius:9px;
  background:#fff;
  font-size:11px;
}
.maintenance-v4-toolbar .btn{
  min-height:38px;
  padding:8px 12px;
  font-size:10px;
  white-space:nowrap;
}
.maintenance-v4-count{
  justify-self:end;
  padding:7px 10px;
  border-radius:999px;
  background:#edf5ff;
  color:#315f9d;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.maintenance-v4-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:13px 18px 17px;
  background:#f7f9fc;
  overflow-x:hidden;
  overflow-y:auto;
  max-height:min(58vh,560px);
  scrollbar-gutter:stable;
}
.maintenance-v4-list:has(.maintenance-v4-card:only-child){
  overflow-y:visible;
  max-height:none;
}
.maintenance-v4-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:9px;
  padding:12px;
  border:1px solid #dfe6ee;
  border-left:4px solid #3b82f6;
  border-radius:11px;
  background:#fff;
  box-shadow:0 2px 7px rgba(15,23,42,.04);
}
.maintenance-v4-card.progress{border-left-color:#d97706}
.maintenance-v4-card.completed{border-left-color:#16a34a}
.maintenance-v4-card.input{border-left-color:#2563eb}
.maintenance-v4-card-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  align-items:start;
  min-width:0;
}
.maintenance-v4-card-title{min-width:0}
.maintenance-v4-card-title b{
  display:block;
  color:#172033;
  font-size:12px;
  line-height:1.3;
  white-space:normal;
}
.maintenance-v4-card-title small{
  display:block;
  margin-top:3px;
  color:#7b889b;
  font-size:9px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.maintenance-v4-card-main>.badge{padding:4px 7px;font-size:8px}
.maintenance-v4-card-main p{
  grid-column:1/-1;
  margin:2px 0 0;
  color:#415066;
  font-size:11px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.maintenance-v4-card-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  min-width:0;
  padding-top:8px;
  border-top:1px solid #edf1f5;
  color:#68778d;
  font-size:9px;
}
.maintenance-v4-card-meta span{white-space:normal}
.maintenance-v4-card-meta .btn{
  margin-left:auto;
  min-height:30px;
  padding:6px 10px;
  font-size:9px;
}
@media(max-width:900px){
  .maintenance-v4-header{grid-template-columns:1fr}
  .maintenance-v4-stats{min-width:0;width:100%}
  .maintenance-v4-list{grid-template-columns:1fr}
}
@media(max-width:680px){
  .unit-maintenance-v4{width:100%}
  .maintenance-v4-header{padding:14px}
  .maintenance-v4-stats{grid-template-columns:repeat(3,1fr)}
  .maintenance-v4-stats .last{grid-column:span 2}
  .maintenance-v4-toolbar{grid-template-columns:1fr 135px auto;padding:10px 14px}
  .maintenance-v4-count{grid-column:1/-1;justify-self:start}
  .maintenance-v4-list{padding:11px 14px 14px;max-height:60vh}
}
@media(max-width:480px){
  .maintenance-v4-titleline h2{font-size:17px}
  .maintenance-v4-stats{grid-template-columns:repeat(2,1fr)}
  .maintenance-v4-stats .last{grid-column:span 2}
  .maintenance-v4-toolbar{grid-template-columns:1fr}
  .maintenance-v4-count{grid-column:auto}
  .maintenance-v4-card-meta .btn{margin-left:0}
}

/* Build 007.1 — Maintenance Timeline modal close alignment refinement */
.modal-box:has(.unit-maintenance-v4){
  padding-top:24px;
  overflow-x:hidden;
}
.modal-box:has(.unit-maintenance-v4) .close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:12;
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  margin:0;
  padding:0 0 2px;
  border:1px solid #dbe3ed;
  border-radius:10px;
  background:#f8fafc;
  color:#475569;
  font-family:Arial,sans-serif;
  font-size:24px;
  font-weight:400;
  line-height:1;
  box-shadow:0 4px 12px rgba(15,23,42,.08);
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.modal-box:has(.unit-maintenance-v4) .close:hover{
  background:#eef4fb;
  border-color:#bfcee0;
  color:#0f172a;
  box-shadow:0 6px 16px rgba(15,23,42,.12);
  transform:translateY(-1px);
}
.modal-box:has(.unit-maintenance-v4) .close:focus-visible{
  outline:3px solid rgba(37,99,235,.22);
  outline-offset:2px;
}
.modal-box:has(.unit-maintenance-v4) .maintenance-v4-header{
  padding-right:52px;
}
@media(max-width:700px){
  .modal-box:has(.unit-maintenance-v4) .close{
    top:10px;
    right:10px;
    width:40px;
    height:40px;
  }
  .modal-box:has(.unit-maintenance-v4) .maintenance-v4-header{
    padding-right:48px;
  }
}

/* Part Lifecycle — adaptive, professional and no unnecessary scrolling */
.unit-part-lifecycle{width:min(920px,calc(100vw - 40px));min-width:0;overflow-x:hidden}
.part-lifecycle-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:2px 2px 12px;border-bottom:1px solid #e7edf4}
.part-lifecycle-heading{min-width:0}.part-lifecycle-heading .qa-kicker{font-size:9px;letter-spacing:.13em}
.part-lifecycle-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px}
.part-lifecycle-title-row h2{margin:0;font-size:20px;line-height:1.25;color:#172b4d}
.part-lifecycle-heading p{margin:5px 0 0;color:#64748b;font-size:11px}
.unit-code-chip{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border:1px solid #d9e2ec;border-radius:999px;background:#f8fafc;color:#334155;font-size:10px;font-weight:900}
.part-lifecycle-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}
.part-lifecycle-kpis>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}
.part-lifecycle-kpis span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#78869a}
.part-lifecycle-kpis b{font-size:16px;color:#1e3554;white-space:nowrap}
.part-lifecycle-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:9px;align-items:center;margin-bottom:12px}
.part-lifecycle-search{position:relative;display:flex;align-items:center}.part-lifecycle-search>span{position:absolute;left:11px;color:#64748b;font-size:17px;pointer-events:none}
.part-lifecycle-search input{width:100%;height:38px;padding:8px 11px 8px 34px;border:1px solid #dbe3ec;border-radius:9px;background:#fff;font-size:11px}
.part-lifecycle-count{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;border:1px solid #dbe5f0;border-radius:999px;background:#f8fbff;color:#52657d;font-size:10px;font-weight:800;white-space:nowrap}
.part-lifecycle-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow-x:hidden;overflow-y:visible;max-height:none;padding:1px}
.part-lifecycle-list.is-scrollable{max-height:min(55vh,560px);overflow-y:auto;padding-right:5px;scrollbar-gutter:stable}
.part-lifecycle-card{min-width:0;padding:12px 13px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(31,52,80,.05)}
.part-lifecycle-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid #edf2f7}
.part-lifecycle-card>header b,.part-lifecycle-card>header small{display:block}.part-lifecycle-card>header b{font-size:12px;color:#1f334d}.part-lifecycle-card>header small{margin-top:4px;color:#7b8799;font-size:9px;line-height:1.4}
.part-lifecycle-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}
.part-lifecycle-meta>span{min-width:0;padding:8px 9px;border-radius:8px;background:#f8fafc}.part-lifecycle-meta small,.part-lifecycle-meta b{display:block}.part-lifecycle-meta small{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#8592a5}.part-lifecycle-meta b{margin-top:4px;font-size:10px;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.part-lifecycle-card>footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px;color:#64748b;font-size:9px}
.part-lifecycle-note{flex:1;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.part-lifecycle-empty{grid-column:1/-1;display:grid;place-items:center;text-align:center;min-height:180px;padding:28px;border:1px dashed #ccd7e3;border-radius:13px;background:#fafcff;color:#64748b}
.part-lifecycle-empty-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:8px;border-radius:50%;background:#eaf1fb;color:#285b97;font-size:22px}.part-lifecycle-empty b{color:#334155;font-size:13px}.part-lifecycle-empty p{margin:5px 0 0;font-size:10px}
@media(max-width:760px){.unit-part-lifecycle{width:100%}.part-lifecycle-kpis{grid-template-columns:1fr 1fr}.part-lifecycle-kpis>div:last-child{grid-column:1/-1}.part-lifecycle-toolbar{grid-template-columns:1fr auto}.part-lifecycle-count{grid-column:1/-1;justify-self:start}.part-lifecycle-list{grid-template-columns:1fr}}
@media(max-width:520px){.part-lifecycle-title-row h2{font-size:17px}.part-lifecycle-kpis{grid-template-columns:1fr}.part-lifecycle-kpis>div:last-child{grid-column:auto}.part-lifecycle-toolbar{grid-template-columns:1fr}.part-lifecycle-toolbar .filter-reset{width:100%}.part-lifecycle-meta{grid-template-columns:1fr 1fr}}

/* Build 007.1 — Part Lifecycle modal close button: fixed top-right alignment */
.modal-box:has(.unit-part-lifecycle){
  position:relative;
  padding-top:24px;
  overflow-x:hidden;
}
.modal-box:has(.unit-part-lifecycle) > #modalClose.close,
.modal-box:has(.unit-part-lifecycle) > .close{
  position:absolute !important;
  inset:14px 14px auto auto !important;
  z-index:30 !important;
  display:grid !important;
  place-items:center !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  margin:0 !important;
  padding:0 0 2px !important;
  transform:none !important;
  float:none !important;
  align-self:auto !important;
  justify-self:auto !important;
  border:1px solid #d8e1ec !important;
  border-radius:10px !important;
  background:#f8fafc !important;
  color:#475569 !important;
  font-family:Arial,sans-serif !important;
  font-size:24px !important;
  font-weight:400 !important;
  line-height:1 !important;
  box-shadow:0 5px 14px rgba(15,23,42,.10) !important;
  cursor:pointer;
}
.modal-box:has(.unit-part-lifecycle) > #modalClose.close:hover,
.modal-box:has(.unit-part-lifecycle) > .close:hover{
  background:#eef4fb !important;
  border-color:#b8c8da !important;
  color:#0f172a !important;
  transform:translateY(-1px) !important;
}
.modal-box:has(.unit-part-lifecycle) > #modalClose.close:focus-visible,
.modal-box:has(.unit-part-lifecycle) > .close:focus-visible{
  outline:3px solid rgba(37,99,235,.22) !important;
  outline-offset:2px;
}
.modal-box:has(.unit-part-lifecycle) .part-lifecycle-head{
  padding-right:54px;
}
@media(max-width:700px){
  .modal-box:has(.unit-part-lifecycle) > #modalClose.close,
  .modal-box:has(.unit-part-lifecycle) > .close{
    inset:10px 10px auto auto !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    max-width:40px !important;
    max-height:40px !important;
  }
  .modal-box:has(.unit-part-lifecycle) .part-lifecycle-head{
    padding-right:50px;
  }
}

/* Build 007.1 — Enterprise History Component (shared repair & replacement history) */
.enterprise-history{width:min(980px,calc(100vw - 40px));min-width:0;overflow-x:hidden;color:#1f334d}
.enterprise-history-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;padding:2px 54px 14px 2px;border-bottom:1px solid #e5ebf2}
.enterprise-history-heading{min-width:0}.enterprise-history-kicker{display:block;margin-bottom:4px;color:#68809d;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.enterprise-history-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.enterprise-history-title-row h2{margin:0;color:#172b4d;font-size:20px;line-height:1.25}.enterprise-history-heading p{margin:5px 0 0;color:#6b7b90;font-size:11px}
.enterprise-history-stats{display:flex;align-items:stretch;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.enterprise-history-stats>span{display:flex;flex-direction:column;justify-content:center;min-width:78px;min-height:48px;padding:7px 10px;border:1px solid #e0e7ef;border-radius:10px;background:#f9fbfd;text-align:center}
.enterprise-history-stats b{color:#1c3555;font-size:15px;line-height:1.2}.enterprise-history-stats small{margin-top:3px;color:#78869a;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.enterprise-history-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 150px auto auto;gap:9px;align-items:center;padding:12px 0}
.enterprise-history-replacement .enterprise-history-toolbar{grid-template-columns:minmax(260px,1fr) auto auto}
.enterprise-history-search{position:relative;display:flex;align-items:center}.enterprise-history-search>span{position:absolute;left:11px;color:#64748b;font-size:17px;pointer-events:none}.enterprise-history-search input,.enterprise-history-toolbar select{width:100%;height:38px;border:1px solid #d9e2ec;border-radius:9px;background:#fff;font-size:11px}.enterprise-history-search input{padding:8px 11px 8px 34px}.enterprise-history-toolbar select{padding:8px 10px}.enterprise-history-toolbar .btn{min-height:38px;padding:8px 12px;white-space:nowrap}
.enterprise-history-count{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;border:1px solid #dbe5f0;border-radius:999px;background:#f8fbff;color:#52657d;font-size:10px;font-weight:800;white-space:nowrap}
.enterprise-history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding:1px 1px 3px}.enterprise-history-list.is-scrollable{max-height:min(58vh,590px);overflow-y:auto;overflow-x:hidden;padding-right:5px;scrollbar-gutter:stable}
.enterprise-history-card{min-width:0;padding:12px 13px;border:1px solid #e1e8f0;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(31,52,80,.05)}
.enterprise-history-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid #edf2f7}.enterprise-history-card-head>div{min-width:0}.enterprise-history-card-head b,.enterprise-history-card-head small{display:block}.enterprise-history-card-head b{color:#1f334d;font-size:12px;line-height:1.35}.enterprise-history-card-head small{margin-top:4px;color:#7b8799;font-size:9px;line-height:1.4;overflow-wrap:anywhere}
.enterprise-history-summary{margin:9px 0 0;color:#415066;font-size:10.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.enterprise-history-summary strong{display:block;margin-bottom:2px;color:#74839a;font-size:8px;letter-spacing:.05em;text-transform:uppercase}
.enterprise-history-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:9px;padding-top:8px;border-top:1px solid #edf2f7;color:#64748b;font-size:9px}.enterprise-history-meta .btn{margin-left:auto;min-height:30px;padding:6px 10px;font-size:9px}.enterprise-history-note{flex:1;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.enterprise-history-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.enterprise-history-detail-grid>span{min-width:0;padding:8px 9px;border-radius:8px;background:#f8fafc}.enterprise-history-detail-grid small,.enterprise-history-detail-grid b{display:block}.enterprise-history-detail-grid small{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#8592a5}.enterprise-history-detail-grid b{margin-top:4px;color:#334155;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.enterprise-history-empty{grid-column:1/-1;display:grid;place-items:center;justify-self:center;width:min(480px,100%);min-height:170px;padding:26px;border:1px dashed #ccd7e3;border-radius:13px;background:#fafcff;color:#64748b;text-align:center}.enterprise-history-empty-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:8px;border-radius:50%;background:#eaf1fb;color:#285b97;font-size:22px}.enterprise-history-empty b{color:#334155;font-size:13px}.enterprise-history-empty p{margin:5px 0 0;font-size:10px}
.modal-box:has(.enterprise-history){position:relative;padding-top:24px;overflow-x:hidden}.modal-box:has(.enterprise-history)>#modalClose.close,.modal-box:has(.enterprise-history)>.close{position:absolute!important;inset:14px 14px auto auto!important;z-index:30!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;margin:0!important;padding:0 0 2px!important;transform:none!important;border:1px solid #d8e1ec!important;border-radius:10px!important;background:#f8fafc!important;color:#475569!important;font-family:Arial,sans-serif!important;font-size:24px!important;line-height:1!important;box-shadow:0 5px 14px rgba(15,23,42,.10)!important}
.modal-box:has(.enterprise-history)>#modalClose.close:hover,.modal-box:has(.enterprise-history)>.close:hover{background:#eef4fb!important;border-color:#b8c8da!important;color:#0f172a!important;transform:translateY(-1px)!important}
@media(max-width:900px){.enterprise-history-header{grid-template-columns:1fr}.enterprise-history-stats{justify-content:flex-start}.enterprise-history-toolbar{grid-template-columns:1fr 150px auto}.enterprise-history-count{grid-column:1/-1;justify-self:start}.enterprise-history-replacement .enterprise-history-toolbar{grid-template-columns:1fr auto}.enterprise-history-list{grid-template-columns:1fr}}
@media(max-width:620px){.enterprise-history{width:100%}.enterprise-history-header{padding-right:48px}.enterprise-history-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.enterprise-history-stats>span{min-width:0}.enterprise-history-toolbar,.enterprise-history-replacement .enterprise-history-toolbar{grid-template-columns:1fr}.enterprise-history-count{grid-column:auto;justify-self:start}.enterprise-history-toolbar .btn{width:100%}.enterprise-history-detail-grid{grid-template-columns:1fr 1fr}.modal-box:has(.enterprise-history)>#modalClose.close,.modal-box:has(.enterprise-history)>.close{inset:10px 10px auto auto!important;width:40px!important;height:40px!important}}

/* Build 007.1 — Enterprise History Component overlap correction */
.modal-box:has(.enterprise-history){
  width:min(940px,calc(100vw - 32px));
  max-width:940px;
  padding:20px 22px 22px;
  overflow-x:hidden;
}
.enterprise-history{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
.enterprise-history-header{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  align-items:start;
  padding:0 52px 14px 0;
}
.enterprise-history-heading{
  width:100%;
  min-width:0;
}
.enterprise-history-title-row{
  padding-right:4px;
}
.enterprise-history-stats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr));
  gap:8px;
  width:100%;
  justify-content:stretch;
}
.enterprise-history-stats>span{
  min-width:0;
  min-height:48px;
  width:100%;
  padding:7px 10px;
}
.enterprise-history-toolbar,
.enterprise-history-replacement .enterprise-history-toolbar{
  width:100%;
  min-width:0;
}
.enterprise-history-search,
.enterprise-history-search input{
  min-width:0;
}
.enterprise-history-list{
  width:100%;
  min-width:0;
}
.enterprise-history-empty{
  max-width:480px;
}
.modal-box:has(.enterprise-history)>#modalClose.close,
.modal-box:has(.enterprise-history)>.close{
  inset:12px 12px auto auto!important;
}
@media(max-width:760px){
  .modal-box:has(.enterprise-history){
    width:calc(100vw - 18px);
    padding:16px 14px 18px;
  }
  .enterprise-history-header{
    padding-right:46px;
  }
  .enterprise-history-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:520px){
  .enterprise-history-stats{
    grid-template-columns:1fr;
  }
}

/* Build 007.1 — Enterprise History Component v3 */
.modal-box:has(.enterprise-history){
  width:min(900px,calc(100vw - 32px));
  max-width:900px;
  padding:18px 20px 20px;
  border-radius:16px;
}
.enterprise-history{width:100%;max-width:100%;overflow:hidden}
.enterprise-history-header{
  display:block;
  padding:0 52px 11px 0;
  border-bottom:1px solid #e5ebf2;
}
.enterprise-history-heading{min-width:0}
.enterprise-history-kicker{margin-bottom:3px;font-size:8px;letter-spacing:.14em}
.enterprise-history-title-row{gap:7px;flex-wrap:wrap}
.enterprise-history-title-row h2{font-size:19px;line-height:1.2}
.enterprise-history-subtitle{margin:4px 0 0!important;font-size:10px!important;line-height:1.35;color:#708096!important}
.enterprise-history-stats{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  width:100%;
  margin-top:10px;
  padding:8px 10px;
  border:1px solid #e1e8f0;
  border-radius:10px;
  background:#f8fafc;
  overflow:hidden;
}
.enterprise-history-stats>span{
  display:flex;
  flex:1 1 0;
  min-width:0;
  min-height:0;
  padding:0 11px;
  border:0;
  border-right:1px solid #dde5ee;
  border-radius:0;
  background:transparent;
  text-align:left;
}
.enterprise-history-stats>span:first-child{padding-left:2px}
.enterprise-history-stats>span:last-child{border-right:0;padding-right:2px}
.enterprise-history-stats small{order:0;margin:0 0 2px;font-size:7px;line-height:1.15;color:#7a8798}
.enterprise-history-stats b{order:1;font-size:13px;line-height:1.2;color:#1d3555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.enterprise-history-stats .history-stat-last{flex:1.35 1 0}
.enterprise-history-toolbar,
.enterprise-history-replacement .enterprise-history-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 135px auto auto;
  gap:8px;
  align-items:center;
  padding:10px 0;
}
.enterprise-history-replacement .enterprise-history-toolbar{grid-template-columns:minmax(260px,1fr) auto auto}
.enterprise-history-search input,.enterprise-history-toolbar select{height:36px}
.enterprise-history-toolbar .btn{min-height:36px;padding:7px 11px}
.enterprise-history-count{min-height:30px;padding:5px 9px}
.enterprise-history-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  width:100%;
  overflow:visible;
  padding:1px;
}
.enterprise-history-list.is-scrollable{max-height:min(56vh,520px);overflow-y:auto;overflow-x:hidden;padding-right:5px}
.enterprise-history-card{
  padding:11px 12px;
  border-radius:11px;
  box-shadow:0 3px 12px rgba(31,52,80,.045);
}
.enterprise-history-card-head{gap:9px;padding-bottom:7px}
.enterprise-history-card-head b{font-size:12px}
.enterprise-history-card-head small{margin-top:3px;font-size:8.5px}
.enterprise-history-brief{display:grid;gap:6px;margin-top:8px}
.enterprise-history-brief p{margin:0;color:#405168;font-size:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.enterprise-history-brief strong{display:block;margin-bottom:1px;color:#7b8798;font-size:7.5px;letter-spacing:.05em;text-transform:uppercase}
.enterprise-history-summary{margin-top:8px}
.enterprise-history-meta{gap:8px;margin-top:8px;padding-top:7px;font-size:8.5px}
.enterprise-history-meta .btn{min-height:28px;padding:5px 9px;font-size:8.5px}
.enterprise-history-empty{width:min(430px,100%);min-height:145px;padding:22px}
.modal-box:has(.enterprise-history)>#modalClose.close,
.modal-box:has(.enterprise-history)>.close{inset:12px 12px auto auto!important;width:38px!important;height:38px!important}
@media(max-width:820px){
  .enterprise-history-list{grid-template-columns:1fr}
  .enterprise-history-toolbar{grid-template-columns:1fr 135px auto}
  .enterprise-history-toolbar .enterprise-history-count{grid-column:1/-1;justify-self:start}
}
@media(max-width:620px){
  .modal-box:has(.enterprise-history){width:calc(100vw - 16px);padding:15px 13px 17px}
  .enterprise-history-header{padding-right:46px}
  .enterprise-history-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:5px 8px}
  .enterprise-history-stats>span{padding:6px 8px;border-right:0;border-bottom:1px solid #dde5ee}
  .enterprise-history-stats>span:nth-last-child(-n+2){border-bottom:0}
  .enterprise-history-stats .history-stat-last{grid-column:span 2}
  .enterprise-history-toolbar,.enterprise-history-replacement .enterprise-history-toolbar{grid-template-columns:1fr}
  .enterprise-history-toolbar .btn{width:100%}
  .enterprise-history-count{justify-self:start}
}

/* Build 007.1 — Backup Part analytics proportional refinement */
.bp-enterprise{gap:14px}
.bp-summary-grid{gap:12px}
.bp-kpi{min-height:102px;padding:14px 16px;border-radius:14px}
.bp-kpi span{font-size:11px;letter-spacing:.045em}
.bp-kpi strong{font-size:25px;margin:6px 0 3px}
.bp-kpi small{font-size:11px;line-height:1.3}

.bp-analytics-grid{
  grid-template-columns:minmax(220px,.82fr) minmax(300px,1.08fr) minmax(330px,1.3fr);
  gap:14px;
  align-items:stretch;
}
.bp-stock-analytics,.bp-movement,.bp-reorder{
  min-height:0;
  height:238px;
  overflow:hidden;
}
.bp-analytics-grid .panel-head{padding:15px 18px 10px}
.bp-analytics-grid .panel-head h3{margin:0;font-size:17px}
.bp-analytics-grid .panel-head p{font-size:11px;line-height:1.35}

.bp-stock-analytics{display:flex;flex-direction:column}
.bp-stock-donut{
  width:118px;
  height:118px;
  margin:2px auto 9px;
  flex:0 0 auto;
}
.bp-stock-donut:after{inset:17px}
.bp-stock-donut strong{font-size:23px}
.bp-stock-donut span{font-size:10px}
.bp-legend{gap:9px;font-size:10px;padding:0 10px 12px;line-height:1.2}
.bp-legend i{width:7px;height:7px;margin-right:4px}

.bp-movement{display:flex;flex-direction:column}
.bp-bar-chart{
  height:142px;
  padding:22px 14px 10px;
  gap:10px;
  flex:1;
}
.bp-bar-chart .bar{width:min(30px,68%);border-radius:7px 7px 3px 3px}
.bp-bar-chart .bar em{top:-18px;font-size:10px}
.bp-bar-chart small{font-size:10px}

.bp-reorder{display:flex;flex-direction:column}
.bp-reorder-list{
  gap:7px;
  padding:0 10px 10px;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
}
.bp-reorder-list>div{
  grid-template-columns:30px minmax(0,1fr) auto;
  gap:9px;
  padding:8px 10px;
  border-radius:10px;
  min-height:48px;
}
.bp-reorder-list b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-reorder-list small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-reorder-list strong{font-size:12px}
.bp-stock-icon{width:27px;height:27px;border-radius:8px;font-size:12px}

@media(max-width:1180px){
  .bp-analytics-grid{grid-template-columns:1fr 1fr}
  .bp-reorder{grid-column:1/-1;height:auto;max-height:250px}
  .bp-reorder-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}
}
@media(max-width:760px){
  .bp-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bp-analytics-grid{grid-template-columns:1fr}
  .bp-stock-analytics,.bp-movement,.bp-reorder{height:auto;min-height:220px}
  .bp-reorder{grid-column:auto;max-height:none}
  .bp-reorder-list{grid-template-columns:1fr;overflow:visible}
}
@media(max-width:480px){
  .bp-summary-grid{grid-template-columns:1fr}
  .bp-kpi{min-height:auto}
}

/* Backup Part Workflow — Simple Compact Enterprise */
.bp-workflow-section{overflow:hidden}
.bp-workflow-head{align-items:center}
.bp-workflow-total{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#334155;font-size:11px;font-weight:800;white-space:nowrap}
.bp-workflow-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto;gap:10px;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#fafcff}
.bp-workflow-toolbar .bp-search-wrap{min-width:0}
.bp-workflow-toolbar select,.bp-workflow-toolbar button{height:38px}
.bp-workflow-section .bp-approval-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:12px 16px;max-height:580px;overflow-y:auto;overflow-x:hidden}
.bp-workflow-compact{padding:0;border-radius:14px;box-shadow:none;overflow:hidden}
.bp-workflow-compact:before{top:0;bottom:0;left:0;right:auto;width:4px;height:auto;border-radius:14px 0 0 14px}
.bp-workflow-compact .bp-wf-main{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(310px,1.35fr) minmax(360px,1.55fr);align-items:center;gap:16px;padding:14px 16px 10px 20px}
.bp-wf-identity small{display:block;color:#64748b;font-weight:800;font-size:11px;margin-bottom:4px}
.bp-wf-identity h3{margin:0;color:#0f172a;font-size:16px;line-height:1.25}
.bp-wf-identity p{margin:5px 0 0;color:#64748b;font-size:12px}
.bp-wf-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
.bp-wf-meta span{min-width:0;color:#334155;font-size:12px;line-height:1.35}
.bp-wf-meta b{display:block;color:#64748b;text-transform:uppercase;font-size:9px;letter-spacing:.05em;margin-bottom:3px}
.bp-wf-meta .bp-wf-reason{grid-column:1/-1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:2px}
.bp-wf-progress{min-width:0}
.bp-wf-progress>.part-status{display:table;margin:0 0 8px auto}
.bp-workflow-compact .bp-workflow-line{margin:0;min-width:0}
.bp-workflow-compact .bp-step-dot{width:22px;height:22px;font-size:10px}
.bp-workflow-compact .bp-step:not(:last-child):before{top:10px}
.bp-workflow-compact .bp-step b{font-size:9px;margin-top:4px}
.bp-workflow-compact .bp-step small{font-size:8px}
.bp-workflow-compact .bp-card-foot{padding:9px 14px 10px 20px;background:#fcfdff}
.bp-workflow-compact .bp-card-foot .actions{gap:6px}
.bp-workflow-compact .bp-card-foot .actions button{padding:5px 8px;font-size:10px}
.bp-workflow-footer{padding:0 16px 12px;color:#64748b;font-size:11px}
.bp-workflow-compact[hidden]{display:none!important}
@media(max-width:1100px){.bp-workflow-compact .bp-wf-main{grid-template-columns:minmax(180px,.9fr) minmax(280px,1.25fr)}.bp-wf-progress{grid-column:1/-1;border-top:1px solid #eef2f7;padding-top:10px}.bp-wf-progress>.part-status{margin-left:0}.bp-workflow-compact .bp-workflow-line{max-width:620px}}
@media(max-width:760px){.bp-workflow-toolbar{grid-template-columns:1fr 1fr}.bp-workflow-toolbar .bp-search-wrap{grid-column:1/-1}.bp-workflow-compact .bp-wf-main{grid-template-columns:1fr;padding:14px 14px 10px 18px}.bp-wf-meta{grid-template-columns:1fr 1fr}.bp-wf-progress{grid-column:auto}.bp-workflow-compact .bp-workflow-line{overflow-x:auto;min-width:0}.bp-workflow-compact .bp-card-foot{align-items:stretch;padding-left:18px}.bp-workflow-compact .bp-card-foot .actions{width:100%}.bp-workflow-compact .bp-card-foot .actions button{flex:1}.bp-workflow-section .bp-approval-grid{max-height:none}}

/* Build 007.1 - Monitoring Record Perbaikan: Simple Compact List */
.repair-compact-mode .repair-card-grid-v2{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;max-height:none!important;overflow:visible!important;padding:3px!important}
.repair-compact-mode .repair-list-card{height:auto!important;min-height:0!important;max-height:none!important;border-radius:13px!important;border-left:3px solid #2f80c9!important;box-shadow:0 3px 12px rgba(30,52,84,.055)!important;overflow:visible!important}
.repair-compact-mode .repair-list-card:hover{transform:none!important;box-shadow:0 6px 18px rgba(30,52,84,.09)!important}
.repair-list-main{display:grid;grid-template-columns:24px minmax(190px,1.05fr) minmax(330px,1.45fr) minmax(310px,1.55fr);gap:18px;align-items:center;padding:13px 14px 11px}
.repair-list-identity{min-width:0}.repair-list-identity small{display:block;margin-bottom:5px;color:#315b8b;font-size:9px;font-weight:900;letter-spacing:.02em}.repair-list-identity h4{margin:0;color:#10284a;font-size:15px;line-height:1.25}.repair-list-identity p{margin:4px 0 0;color:#395776;font-size:11px;font-weight:700}.repair-list-identity em{display:block;margin-top:5px;color:#7a8797;font-size:10px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.repair-list-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.repair-list-meta>div{min-width:0}.repair-list-meta span{display:block;margin-bottom:3px;color:#6d7f95;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.repair-list-meta b{display:block;color:#263d59;font-size:10px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.repair-list-progress{display:grid;gap:8px;justify-items:end;min-width:0}.repair-list-progress>.badge{min-width:100px;justify-content:center;border-radius:999px;padding:6px 12px;font-size:10px}
.repair-list-timeline{width:100%;margin:0!important;grid-template-columns:auto 1fr auto 1fr auto!important}.repair-list-timeline .timeline-step{min-width:52px;gap:3px}.repair-list-timeline .timeline-step i{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;color:#fff;font-size:10px;font-style:normal}.repair-list-timeline .timeline-step:not(.done) i{color:transparent}.repair-list-timeline .timeline-step b{font-size:8px!important}.repair-list-timeline .timeline-step small{font-size:7px!important}
.repair-list-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px 8px 16px;border-top:1px solid #e4eaf1;background:#fbfcfe}.repair-evidence-count{color:#5f7085;font-size:9px;font-weight:700}.repair-list-actions{display:flex;align-items:center;gap:6px}.repair-list-actions>.btn{height:28px!important;min-height:28px!important;padding:4px 10px!important;font-size:9px!important}
.repair-actions-menu{position:relative}.repair-actions-menu>summary{display:grid;place-items:center;width:30px;height:28px;border:1px solid #d6e0eb;border-radius:7px;background:#fff;color:#2d4058;font-size:18px;font-weight:900;line-height:1;cursor:pointer;list-style:none}.repair-actions-menu>summary::-webkit-details-marker{display:none}.repair-actions-menu[open]>summary{border-color:#7aa7da;box-shadow:0 0 0 3px rgba(47,111,190,.1)}.repair-actions-menu>div{position:absolute;right:0;bottom:34px;z-index:30;display:grid;min-width:145px;padding:6px;border:1px solid #d8e1eb;border-radius:10px;background:#fff;box-shadow:0 14px 35px rgba(25,43,68,.18)}.repair-actions-menu button{width:100%;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#263b55;text-align:left;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.repair-actions-menu button:hover{background:#f0f5fa}.repair-actions-menu button.danger{color:#c62828}.repair-actions-menu button.danger:hover{background:#fff0f0}
@media(max-width:1180px){.repair-list-main{grid-template-columns:24px minmax(180px,.9fr) minmax(280px,1.2fr);gap:14px}.repair-list-progress{grid-column:2/-1;justify-items:stretch}.repair-list-progress>.badge{justify-self:end}}
@media(max-width:760px){.repair-list-main{grid-template-columns:24px 1fr;gap:10px;padding:12px}.repair-list-meta,.repair-list-progress{grid-column:2}.repair-list-meta{grid-template-columns:1fr 1fr}.repair-list-progress>.badge{justify-self:start}.repair-list-footer{padding-left:12px}.repair-list-identity em{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.repair-actions-menu>div{position:fixed;right:14px;bottom:70px}}
@media(max-width:480px){.repair-list-meta{grid-template-columns:1fr}.repair-list-footer{align-items:flex-start;flex-direction:column}.repair-list-actions{width:100%;justify-content:flex-end}.repair-evidence-count{white-space:normal}}

/* Build 007.1 FIX — workflow action & reliable overflow menu */
.repair-list-actions{position:relative;z-index:2}
.repair-workflow-btn{min-width:70px}
.repair-actions-trigger{display:grid;place-items:center;width:30px;height:28px;padding:0;border:1px solid #d6e0eb;border-radius:7px;background:#fff;color:#2d4058;font-size:18px;font-weight:900;line-height:1;cursor:pointer}
.repair-actions-trigger:hover,.repair-actions-trigger[aria-expanded="true"]{border-color:#7aa7da;background:#f7fbff;box-shadow:0 0 0 3px rgba(47,111,190,.1)}
.repair-actions-popover{position:fixed;z-index:99999;min-width:168px;padding:6px;border:1px solid #d8e1eb;border-radius:10px;background:#fff;box-shadow:0 16px 42px rgba(25,43,68,.24)}
.repair-actions-popover[hidden]{display:none!important}
.repair-actions-popover.open{display:grid}
.repair-actions-popover button{width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#263b55;text-align:left;font:inherit;font-size:10px;font-weight:700;cursor:pointer}
.repair-actions-popover button:hover{background:#f0f5fa}
.repair-actions-popover button.danger{color:#c62828}
.repair-actions-popover button.danger:hover{background:#fff0f0}
.repair-actions-menu{display:none!important}
@media(max-width:560px){.repair-list-actions{flex-wrap:wrap}.repair-workflow-btn{min-width:78px}}
\n\n/* Build 007.1 - Monitoring Record horizontal action bar */
.repair-list-footer{
  min-height:42px;
  padding:7px 12px 8px 16px;
}
.repair-list-actions-horizontal{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:6px;
  margin-left:auto;
}
.repair-list-actions-horizontal .btn{
  width:auto!important;
  min-width:58px;
  height:28px!important;
  min-height:28px!important;
  padding:4px 10px!important;
  font-size:9px!important;
  white-space:nowrap;
}
.repair-list-actions-horizontal .repair-workflow-btn{
  min-width:70px;
}
.repair-list-actions-horizontal .repair-delete-btn{
  border-color:#efb5b5!important;
  background:#fff5f5!important;
  color:#c62828!important;
}
.repair-list-actions-horizontal .repair-delete-btn:hover{
  border-color:#dc2626!important;
  background:#fee2e2!important;
}
@media(max-width:760px){
  .repair-list-footer{align-items:flex-start;flex-direction:column}
  .repair-list-actions-horizontal{width:100%;justify-content:flex-end;margin-left:0}
}
@media(max-width:480px){
  .repair-list-actions-horizontal{justify-content:flex-start}
  .repair-list-actions-horizontal .btn{flex:1 1 auto}
}

/* Fleet DMS Daily Mapping & Monitoring - scoped */
.fdm{display:grid;gap:14px}.fdm-head,.fdm-toolbar,.fdm-actions{display:flex;align-items:center;gap:10px}.fdm-head{justify-content:space-between}.fdm-head span{font-size:11px;font-weight:800;letter-spacing:.12em;color:#0f766e}.fdm-head h2{margin:4px 0}.fdm-head p{margin:0;color:#64748b}.fdm-toolbar label{display:grid;gap:3px;font-size:11px;font-weight:700;color:#64748b}.fdm-toolbar input{min-width:150px}.fdm-toolbar .active{background:#0f766e;color:white;border-color:#0f766e}.fdm-spacer{flex:1}.fdm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fdm-kpis article{background:white;border:1px solid #dbe5ea;border-radius:14px;padding:16px;display:grid;gap:4px}.fdm-kpis small,.fdm-kpis span{color:#64748b}.fdm-kpis b{font-size:25px}.fdm-actions{flex-wrap:wrap}.fdm-actions #fdSearch{min-width:240px;flex:1}.fdm-actions #fdBulkEx{min-width:250px}.fdm-list{padding:0;overflow:hidden}.fdm-list>header,.fdm-row{display:grid;grid-template-columns:34px minmax(130px,1.2fr) minmax(190px,1.5fr) 110px 105px minmax(160px,1.3fr) minmax(160px,1.3fr);gap:10px;align-items:center}.fdm-list>header{padding:11px 14px;background:#f5f8fa;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.fdm-row{padding:10px 14px;border-top:1px solid #e8eef2}.fdm-row:hover{background:#fbfdfe}.fdm-row>div{display:grid;gap:2px}.fdm-row small{color:#64748b}.fdm-row input,.fdm-row select{width:100%;min-width:0}.fdm-history header{display:flex;justify-content:space-between;align-items:center}.fdm-history-table{margin-top:12px;overflow:auto}.fdm-history-table .head,.fdm-history-table .row{display:grid;grid-template-columns:110px 70px 120px 120px 90px 80px minmax(260px,1fr);gap:10px;padding:10px;border-bottom:1px solid #e8eef2}.fdm-history-table .head{font-weight:800;background:#f5f8fa}.fdm-history-table small{display:block;color:#64748b}@media(max-width:1100px){.fdm-kpis{grid-template-columns:repeat(2,1fr)}.fdm-list{overflow:auto}.fdm-list>header,.fdm-row{min-width:1100px}}@media(max-width:700px){.fdm-head,.fdm-toolbar{align-items:flex-start;flex-wrap:wrap}.fdm-spacer{display:none}.fdm-kpis{grid-template-columns:1fr}.fdm-actions>*{width:100%;min-width:0!important}}

/* Fleet DMS — Excavator-first daily assignment layout */
.fdm-assignment-board{display:grid;gap:16px;margin-top:16px}.fdm-ex-card{padding:0;overflow:hidden}.fdm-ex-card>header,.fdm-unassigned>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border,#dce4ec)}.fdm-ex-card h3,.fdm-unassigned h3{margin:2px 0 0;font-size:20px}.fdm-ex-card p,.fdm-unassigned p{margin:3px 0 0;color:var(--muted,#64748b);font-size:13px}.fdm-ex-card header small,.fdm-unassigned header small{font-size:10px;font-weight:800;letter-spacing:.11em;color:#64748b}.fdm-count{white-space:nowrap;padding:6px 10px;border-radius:999px;background:#eef5ff;color:#245ea8;font-size:12px;font-weight:700}.fdm-ex-columns{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:96px}.fdm-ex-label{padding:18px;border-right:1px solid var(--border,#dce4ec);background:#f8fafc;display:flex;flex-direction:column;gap:6px}.fdm-ex-label b{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.fdm-ex-label span{font-size:22px;font-weight:800}.fdm-truck-list{padding:14px;display:grid;gap:10px}.fdm-truck-slot{padding:12px;border:1px solid #dce4ec;border-radius:12px;background:#fff}.fdm-slot-main{display:grid;grid-template-columns:minmax(220px,1.7fr) 130px 110px 34px;gap:10px;align-items:end}.fdm-slot-main label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#64748b}.fdm-slot-main select,.fdm-slot-main input,.fdm-slot-detail input{width:100%;min-width:0}.fdm-slot-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.fd-remove-slot{width:34px;height:34px;padding:0;border-radius:9px;font-size:20px;line-height:1;color:#b42318;background:#fff;border:1px solid #f0c7c3}.fd-add-truck{margin:0 14px 14px 194px;border-style:dashed;background:#f8fbff}.fdm-unassigned{padding:0}.fdm-unassigned-list{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px}.fdm-unassigned-list span{padding:7px 10px;border-radius:9px;background:#f1f5f9;border:1px solid #dce4ec;font-size:12px}.fdm-unassigned-list em{color:#64748b;font-size:13px}.fdm-empty{display:grid;gap:6px;padding:22px}.fdm-empty span{color:#64748b}
@media(max-width:900px){.fdm-ex-columns{grid-template-columns:1fr}.fdm-ex-label{border-right:0;border-bottom:1px solid var(--border,#dce4ec);padding:12px 16px;flex-direction:row;align-items:center;justify-content:space-between}.fdm-ex-label span{font-size:18px}.fd-add-truck{margin:0 14px 14px}.fdm-slot-main{grid-template-columns:1fr 1fr 110px 34px}}
@media(max-width:620px){.fdm-ex-card>header,.fdm-unassigned>header{align-items:flex-start}.fdm-slot-main{grid-template-columns:1fr 1fr}.fdm-slot-main label:first-child{grid-column:1/-1}.fd-remove-slot{grid-column:2;justify-self:end}.fdm-slot-detail{grid-template-columns:1fr}.fdm-actions{display:grid!important;grid-template-columns:1fr 1fr}.fdm-actions input{grid-column:1/-1}.fdm-actions .primary{grid-column:1/-1}}

/* Fleet DMS — two-page Setting & Dashboard refinement */
.fdm-page-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.fdm-page-tabs button{min-height:36px;padding:7px 12px;border-radius:9px;font-size:11px;font-weight:800}
.fdm-page-tabs button.active{background:#0f766e;border-color:#0f766e;color:#fff;box-shadow:0 5px 14px rgba(15,118,110,.18)}
.fdm-dashboard-control{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.fdm-dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;background:linear-gradient(135deg,#f5fbfb,#eef6ff)}
.fdm-dashboard-hero small{font-size:10px;letter-spacing:.12em;font-weight:900;color:#0f766e}
.fdm-dashboard-hero h3{margin:5px 0 4px;font-size:21px;color:#12304f}
.fdm-dashboard-hero p{margin:0;color:#64748b;font-size:12px}
.fdm-availability-ring{width:104px;height:104px;flex:0 0 104px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#fff;border:9px solid #bfe4dc;box-shadow:inset 0 0 0 1px #d9e7e4}
.fdm-availability-ring b{font-size:25px;line-height:1;color:#0f766e}.fdm-availability-ring span{margin-top:4px;font-size:9px;font-weight:800;color:#64748b;text-transform:uppercase}
.fdm-dashboard-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.fdm-dashboard-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto;gap:10px;align-items:center}
.fdm-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fdm-dashboard-ex{padding:0;overflow:hidden}
.fdm-dashboard-ex>header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 17px;border-bottom:1px solid #e2e8f0;background:#fbfdff}
.fdm-dashboard-ex header small{font-size:8px;font-weight:900;letter-spacing:.12em;color:#0f766e}.fdm-dashboard-ex h3{margin:2px 0 0;font-size:19px;color:#133251}.fdm-dashboard-ex header p{margin:3px 0 0;font-size:11px;color:#64748b}
.fdm-ex-summary{display:grid;grid-template-columns:auto auto;align-items:end;gap:0 7px;text-align:right}.fdm-ex-summary b,.fdm-ex-summary strong{font-size:18px;color:#173e64}.fdm-ex-summary span,.fdm-ex-summary em{font-size:8px;color:#64748b;font-style:normal;text-transform:uppercase;font-weight:800}
.fdm-dashboard-trucks{display:grid;gap:7px;padding:12px}
.fdm-dashboard-truck{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid #e3eaf1;border-radius:10px;background:#fff}
.fdm-dashboard-truck>div{min-width:0}.fdm-dashboard-truck b{display:block;font-size:12px;color:#183650}.fdm-dashboard-truck span{display:block;margin-top:2px;font-size:9px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fdm-dashboard-truck i{padding:5px 9px;border-radius:999px;background:#eef4f8;color:#34516e;font-size:9px;font-style:normal;font-weight:900;white-space:nowrap}
.fdm-dashboard-empty{padding:14px;border:1px dashed #cbd5e1;border-radius:10px;text-align:center;color:#7b8794;font-size:11px;background:#fafcff}
@media(max-width:980px){.fdm-dashboard-grid{grid-template-columns:1fr}.fdm-head{align-items:flex-start}.fdm-page-tabs{justify-content:flex-start}}
@media(max-width:700px){.fdm-page-tabs{width:100%;display:grid;grid-template-columns:1fr}.fdm-dashboard-hero{align-items:flex-start}.fdm-availability-ring{width:86px;height:86px;flex-basis:86px}.fdm-dashboard-toolbar{grid-template-columns:1fr}.fdm-dashboard-control{align-items:stretch}.fdm-dashboard-control>*{width:100%}}

/* Fleet DMS Dashboard — compact professional refinement */
.fdm-dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}
.fdm-dashboard-period{display:flex;align-items:center;gap:9px;min-width:0}
.fdm-dashboard-period label{display:grid;gap:3px;min-width:155px}
.fdm-dashboard-period label span{font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}
.fdm-dashboard-period input{height:36px}
.fdm-nav-btn{width:36px;height:36px;padding:0;border-radius:9px;font-size:20px;line-height:1}
.fdm-date-caption{display:grid;gap:2px;margin-left:4px;min-width:0}
.fdm-date-caption strong{font-size:13px;color:#173b5e;white-space:nowrap}
.fdm-date-caption small{font-size:10px;color:#7a8794}
.fdm-dashboard-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.fdm-dashboard-actions .fdm-shift-switch{display:flex;padding:3px;border:1px solid #dce5ec;border-radius:10px;background:#f7fafc}
.fdm-dashboard-actions .fdm-shift-switch button{min-height:30px;padding:5px 12px;border:0;background:transparent;box-shadow:none}
.fdm-dashboard-actions .fdm-shift-switch button.active{background:#0f766e;color:#fff;border-radius:7px}
.fdm-dashboard-hero{padding:16px 18px}
.fdm-dashboard-hero h3{font-size:18px;margin:4px 0 3px}
.fdm-dashboard-hero p{font-size:11px}
.fdm-availability-ring{width:82px;height:82px;flex-basis:82px;border-width:7px}
.fdm-availability-ring b{font-size:21px}
.fdm-dashboard-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.fdm-dashboard-summary article{display:grid;gap:3px;padding:13px 14px;background:#fff;border:1px solid #dfe7ee;border-radius:12px;min-height:82px}
.fdm-dashboard-summary small{font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em}
.fdm-dashboard-summary b{font-size:22px;line-height:1.15;color:#173b5e}
.fdm-dashboard-summary span{font-size:9px;color:#7b8794}
.fdm-dashboard-summary .fdm-status-kpi{border-top:3px solid #8eb7ae}
.fdm-dashboard-toolbar{padding:11px 13px}
.fdm-dashboard-grid{gap:12px}
.fdm-dashboard-ex{border-radius:13px}
.fdm-dashboard-ex>header{padding:13px 15px}
.fdm-dashboard-ex h3{margin:0;font-size:18px}
.fdm-dashboard-ex header p{margin:3px 0 0;font-size:10px}
.fdm-ex-summary{display:flex;align-items:center;gap:18px;text-align:right}
.fdm-ex-summary>span{display:grid;gap:1px}
.fdm-ex-summary b{font-size:17px;line-height:1;color:#173e64}
.fdm-ex-summary small{font-size:8px!important;letter-spacing:.04em!important;color:#7a8794!important;text-transform:uppercase}
.fdm-dashboard-trucks{padding:10px;gap:6px}
.fdm-dashboard-truck{padding:8px 9px;border-radius:9px}
.fdm-dashboard-truck b{font-size:11px}
.fdm-dashboard-truck span{font-size:8px}
.fdm-dashboard-truck i{font-size:8px;padding:4px 8px}
.fdm-dashboard-ex.is-empty{border-style:dashed;background:#fbfcfd}
.fdm-dashboard-ex.is-empty>header{background:#f8fafc}
.fdm-dashboard-ex.is-empty .fdm-dashboard-trucks{padding:10px}
.fdm-dashboard-empty{display:grid;gap:3px;padding:12px}
.fdm-dashboard-empty b{font-size:10px;color:#53677a}
.fdm-dashboard-empty span{font-size:9px;color:#8a96a3}
@media(max-width:860px){.fdm-dashboard-top{align-items:flex-start;flex-direction:column}.fdm-dashboard-actions{width:100%;justify-content:space-between}.fdm-dashboard-period{width:100%;flex-wrap:wrap}.fdm-date-caption{flex:1}}
@media(max-width:560px){.fdm-dashboard-period label{flex:1}.fdm-date-caption{width:100%;margin:3px 0 0}.fdm-dashboard-actions{display:grid;grid-template-columns:1fr}.fdm-dashboard-actions>*{width:100%}.fdm-dashboard-actions .fdm-shift-switch button{flex:1}.fdm-dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.fdm-dashboard-hero{align-items:center}.fdm-availability-ring{width:72px;height:72px;flex-basis:72px}}

/* =========================================================
   Fleet DMS Management — Enterprise Design System Rebuild
   Scoped only to .fdm to protect all other dashboard modules.
   ========================================================= */
.fdm,
.fdm *{box-sizing:border-box}
.fdm{--fd-primary:#0f766e;--fd-primary-dark:#0b5f59;--fd-blue:#2563eb;--fd-text:#102a43;--fd-muted:#64748b;--fd-border:#dbe5ee;--fd-soft:#f5f8fb;--fd-white:#fff;--fd-danger:#c2413b;display:grid;gap:16px;font-family:inherit;color:var(--fd-text);min-width:0}
.fdm button,.fdm input,.fdm select{font:inherit}
.fdm button{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid #cbd8e4;border-radius:10px;background:#fff;color:#173b5e;font-size:12px;font-weight:750;line-height:1.1;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease}
.fdm button:hover{border-color:#8fb3cb;box-shadow:0 4px 12px rgba(30,64,96,.09);transform:translateY(-1px)}
.fdm button:focus-visible,.fdm input:focus-visible,.fdm select:focus-visible{outline:3px solid rgba(37,99,235,.16);outline-offset:1px}
.fdm button.primary,.fdm #fdSave{background:var(--fd-primary);border-color:var(--fd-primary);color:#fff;box-shadow:0 6px 15px rgba(15,118,110,.18)}
.fdm button.primary:hover,.fdm #fdSave:hover{background:var(--fd-primary-dark)}
.fdm input,.fdm select{appearance:none;-webkit-appearance:none;width:100%;height:40px;min-width:0;padding:8px 12px;border:1px solid #cbd8e4;border-radius:10px;background-color:#fff;color:#183650;font-size:12px;line-height:1.2;box-shadow:0 1px 2px rgba(15,23,42,.02)}
.fdm select{padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.fdm .panel{border:1px solid var(--fd-border);border-radius:15px;background:#fff;box-shadow:0 4px 18px rgba(15,42,67,.045);overflow:hidden}

/* Module header and tabs */
.fdm .fdm-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:18px;padding:17px 19px!important;background:linear-gradient(135deg,#ffffff 0%,#f8fbfd 100%)}
.fdm .fdm-head>div:first-child{min-width:0}
.fdm .fdm-head span{display:block;margin:0 0 4px;font-size:10px!important;line-height:1.2;font-weight:900!important;letter-spacing:.12em!important;color:var(--fd-primary)!important}
.fdm .fdm-head h2{margin:0!important;font-size:22px!important;line-height:1.18!important;letter-spacing:-.02em;color:#102f4d!important}
.fdm .fdm-head p{margin:5px 0 0!important;font-size:12px!important;line-height:1.45;color:var(--fd-muted)!important}
.fdm .fdm-page-tabs{display:flex!important;align-items:center;justify-content:flex-end;gap:7px;padding:4px;border:1px solid #d7e2eb;border-radius:12px;background:#f4f7fa;flex-wrap:nowrap!important}
.fdm .fdm-page-tabs button{min-height:34px!important;padding:7px 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;white-space:nowrap;font-size:11px!important}
.fdm .fdm-page-tabs button.active{background:#fff!important;color:var(--fd-primary-dark)!important;box-shadow:0 2px 8px rgba(15,42,67,.10)!important}

/* Setting toolbar */
.fdm .fdm-control{display:grid!important;grid-template-columns:minmax(370px,1.35fr) auto auto;align-items:center!important;gap:14px;padding:13px 15px!important;overflow:visible}
.fdm .fdm-date-nav{display:grid!important;grid-template-columns:38px minmax(175px,220px) 38px minmax(190px,1fr);align-items:end!important;gap:8px;min-width:0}
.fdm .fdm-date-nav>button{width:38px;height:40px;min-height:40px;padding:0;font-size:22px;border-radius:10px}
.fdm .fdm-date-nav label{display:grid!important;gap:5px;min-width:0}
.fdm .fdm-date-nav label span{font-size:10px!important;font-weight:800!important;letter-spacing:.04em;color:var(--fd-muted)!important;text-transform:uppercase}
.fdm .fdm-date-nav strong{align-self:center;min-width:0;padding-left:4px;font-size:12px;line-height:1.35;color:#173b5e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fdm .fdm-shift-switch{display:flex!important;align-items:center;gap:3px;padding:3px;border:1px solid #d7e2eb;border-radius:11px;background:#f4f7fa;white-space:nowrap}
.fdm .fdm-shift-switch button{min-height:32px!important;padding:6px 12px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:8px!important}
.fdm .fdm-shift-switch button.active{background:var(--fd-primary)!important;color:#fff!important}
.fdm .fdm-control-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}

/* KPI cards */
.fdm .fdm-kpis,.fdm .fdm-dashboard-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important}
.fdm .fdm-kpis article,.fdm .fdm-dashboard-summary article{display:grid!important;align-content:center;gap:5px;min-height:104px;padding:15px 16px!important;border:1px solid var(--fd-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 14px rgba(15,42,67,.035)}
.fdm .fdm-kpis small,.fdm .fdm-dashboard-summary small{font-size:10px!important;line-height:1.2;font-weight:800!important;letter-spacing:.035em;color:var(--fd-muted)!important;text-transform:uppercase}
.fdm .fdm-kpis b,.fdm .fdm-dashboard-summary b{font-size:24px!important;line-height:1.05;color:#102f4d!important}
.fdm .fdm-kpis span,.fdm .fdm-dashboard-summary span{font-size:10px!important;line-height:1.35;color:#738395!important}

/* Search/filter row */
.fdm .fdm-actions,.fdm .fdm-dashboard-toolbar{display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(170px,210px) auto;align-items:center!important;gap:10px!important;padding:11px 13px!important;overflow:visible}
.fdm .fdm-actions .fdm-search-wrap{min-width:0}
.fdm .fdm-actions button,.fdm .fdm-dashboard-toolbar button{min-width:82px}

/* Setting board */
.fdm .fdm-board-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;align-items:start}
.fdm .fdm-ex-card{padding:0!important;overflow:hidden}
.fdm .fdm-ex-card>header,.fdm .fdm-unassigned>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px;padding:14px 16px!important;border-bottom:1px solid #e2eaf1;background:#fbfdff}
.fdm .fdm-ex-card h3,.fdm .fdm-unassigned h3{margin:0!important;font-size:18px!important;line-height:1.2;color:#143653!important}
.fdm .fdm-ex-card p,.fdm .fdm-unassigned p{margin:3px 0 0!important;font-size:10px!important;line-height:1.35;color:var(--fd-muted)!important}
.fdm .fdm-count{display:inline-flex!important;align-items:center;justify-content:center;min-width:58px;padding:6px 10px!important;border-radius:999px!important;background:#edf5ff!important;color:#245ea8!important;font-size:10px!important;font-weight:850!important;white-space:nowrap}
.fdm .fdm-truck-list{display:grid!important;gap:8px;padding:12px!important}
.fdm .fdm-truck-slot{padding:10px!important;border:1px solid #dfe8ef!important;border-radius:11px!important;background:#fff!important}
.fdm .fdm-unit-line{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(125px,.75fr) 34px;align-items:end!important;gap:9px}
.fdm .fdm-unit-line label{display:grid!important;gap:5px;min-width:0}
.fdm .fdm-unit-line label>span{font-size:9px!important;font-weight:800!important;letter-spacing:.035em;color:var(--fd-muted)!important;text-transform:uppercase}
.fdm .fdm-unit-line select{height:38px!important}
.fdm .fd-remove-slot{width:34px!important;height:38px!important;min-height:38px!important;padding:0!important;border-color:#efc9c5!important;background:#fff6f5!important;color:var(--fd-danger)!important;font-size:18px!important}
.fdm .fd-add-truck{width:calc(100% - 24px)!important;margin:0 12px 12px!important;min-height:37px!important;border-style:dashed!important;background:#f8fbfd!important;color:#245e7e!important}
.fdm .fdm-unassigned{grid-column:1/-1;padding:0!important}
.fdm .fdm-unassigned-list{display:flex!important;flex-wrap:wrap;gap:7px;padding:12px 16px!important;max-height:170px;overflow:auto}
.fdm .fdm-unassigned-list span{padding:6px 9px!important;border:1px solid #dce6ee!important;border-radius:8px!important;background:#f7fafc!important;font-size:10px!important;color:#40566b}

/* Dashboard page */
.fdm .fdm-dashboard-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:14px;padding:13px 15px!important;overflow:visible}
.fdm .fdm-dashboard-period{display:grid!important;grid-template-columns:38px minmax(175px,220px) 38px minmax(210px,1fr);align-items:end!important;gap:8px;min-width:0}
.fdm .fdm-dashboard-period label{display:grid!important;gap:5px;min-width:0}
.fdm .fdm-dashboard-period label span{font-size:9px!important;font-weight:850!important;color:var(--fd-muted)!important;text-transform:uppercase;letter-spacing:.04em}
.fdm .fdm-nav-btn{width:38px!important;height:40px!important;min-height:40px!important;padding:0!important;font-size:22px!important}
.fdm .fdm-date-caption{align-self:center;display:grid!important;gap:2px;min-width:0;margin:0!important;padding-left:3px}
.fdm .fdm-date-caption strong{font-size:12px!important;color:#173b5e!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fdm .fdm-date-caption small{font-size:9px!important;color:#7c8b99!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fdm .fdm-dashboard-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
.fdm .fdm-dashboard-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:18px;padding:17px 19px!important;background:linear-gradient(135deg,#f7fcfb 0%,#f2f7fc 100%)!important}
.fdm .fdm-dashboard-hero small{font-size:9px!important;font-weight:900!important;letter-spacing:.11em;color:var(--fd-primary)!important}
.fdm .fdm-dashboard-hero h3{margin:4px 0 3px!important;font-size:19px!important;color:#123651!important}
.fdm .fdm-dashboard-hero p{margin:0!important;font-size:11px!important;color:var(--fd-muted)!important}
.fdm .fdm-availability-ring{width:82px!important;height:82px!important;flex:0 0 82px!important;border:7px solid #b9e1d8!important;border-radius:50%!important;background:#fff!important;display:grid!important;place-content:center;text-align:center;box-shadow:inset 0 0 0 1px #dceae6!important}
.fdm .fdm-availability-ring b{font-size:21px!important;line-height:1!important;color:var(--fd-primary)!important}
.fdm .fdm-availability-ring span{font-size:8px!important;font-weight:850!important;color:var(--fd-muted)!important;text-transform:uppercase}
.fdm .fdm-dashboard-summary{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}
.fdm .fdm-dashboard-summary article{min-height:86px!important;padding:13px 14px!important}
.fdm .fdm-dashboard-summary .fdm-status-kpi{border-top:3px solid #86b9ad!important}
.fdm .fdm-dashboard-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;align-items:start}
.fdm .fdm-dashboard-ex{padding:0!important;overflow:hidden}
.fdm .fdm-dashboard-ex>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;padding:13px 15px!important;border-bottom:1px solid #e2eaf1!important;background:#fbfdff!important}
.fdm .fdm-dashboard-ex h3{margin:0!important;font-size:18px!important;color:#143653!important}
.fdm .fdm-dashboard-ex header p{margin:3px 0 0!important;font-size:9px!important;color:var(--fd-muted)!important}
.fdm .fdm-ex-summary{display:flex!important;align-items:center;gap:16px;text-align:right}
.fdm .fdm-ex-summary>span{display:grid!important;gap:2px}
.fdm .fdm-ex-summary b{font-size:17px!important;color:#173e64!important}
.fdm .fdm-ex-summary small{font-size:7px!important;color:#7b8996!important;text-transform:uppercase!important}
.fdm .fdm-dashboard-trucks{display:grid!important;gap:7px;padding:11px!important}
.fdm .fdm-dashboard-truck{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;padding:9px 10px!important;border:1px solid #e0e8ef!important;border-radius:10px!important;background:#fff!important}
.fdm .fdm-dashboard-truck b{display:block;font-size:11px!important;color:#173650!important}
.fdm .fdm-dashboard-truck span{display:block;margin-top:2px!important;font-size:8px!important;color:#718096!important}
.fdm .fdm-dashboard-truck i{padding:5px 9px!important;border-radius:999px!important;background:#edf4f7!important;color:#34516e!important;font-size:8px!important;font-style:normal!important;font-weight:900!important;white-space:nowrap}
.fdm .fdm-dashboard-empty{display:grid!important;gap:3px;padding:13px!important;border:1px dashed #cbd8e4!important;border-radius:10px!important;background:#fafcfd!important;text-align:center}
.fdm .fdm-dashboard-empty b{font-size:10px!important;color:#53677a!important}.fdm .fdm-dashboard-empty span{font-size:9px!important;color:#8995a1!important}

/* History */
.fdm .fdm-history{padding:16px!important}.fdm .fdm-history>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.fdm .fdm-history h3{margin:0;font-size:18px}.fdm .fdm-history p{margin:3px 0 0;font-size:10px;color:var(--fd-muted)}.fdm .fdm-history>input{margin-bottom:12px}.fdm .fdm-history-table{overflow:auto;border:1px solid var(--fd-border);border-radius:11px}.fdm .fdm-history-table .head,.fdm .fdm-history-table .row{display:grid;grid-template-columns:130px 90px 140px minmax(150px,1fr) 130px 170px;min-width:810px}.fdm .fdm-history-table .head{background:#f4f7fa;font-size:9px;font-weight:850;text-transform:uppercase;color:var(--fd-muted)}.fdm .fdm-history-table .head span,.fdm .fdm-history-table .row span{padding:10px 11px;border-bottom:1px solid #e5edf3}.fdm .fdm-history-table .row{font-size:10px;color:#365066}

/* Responsive behavior */
@media(max-width:1100px){.fdm .fdm-control{grid-template-columns:1fr auto}.fdm .fdm-control-actions{grid-column:1/-1}.fdm .fdm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fdm .fdm-board-grid,.fdm .fdm-dashboard-grid{grid-template-columns:1fr}.fdm .fdm-dashboard-top{grid-template-columns:1fr}.fdm .fdm-dashboard-actions{justify-content:flex-start}}
@media(max-width:820px){.fdm .fdm-head{grid-template-columns:1fr}.fdm .fdm-page-tabs{justify-content:stretch}.fdm .fdm-page-tabs button{flex:1}.fdm .fdm-control{grid-template-columns:1fr}.fdm .fdm-date-nav,.fdm .fdm-dashboard-period{grid-template-columns:38px minmax(0,1fr) 38px}.fdm .fdm-date-nav strong,.fdm .fdm-date-caption{grid-column:1/-1;padding:2px 0 0}.fdm .fdm-control-actions{grid-column:auto;justify-content:flex-start}.fdm .fdm-actions,.fdm .fdm-dashboard-toolbar{grid-template-columns:1fr 1fr}.fdm .fdm-actions .fdm-search-wrap,.fdm .fdm-dashboard-toolbar input{grid-column:1/-1}}
@media(max-width:560px){.fdm{gap:12px}.fdm .fdm-head{padding:14px!important}.fdm .fdm-head h2{font-size:19px!important}.fdm .fdm-page-tabs{display:grid!important;grid-template-columns:1fr!important}.fdm .fdm-kpis,.fdm .fdm-dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fdm .fdm-kpis article,.fdm .fdm-dashboard-summary article{min-height:88px;padding:12px!important}.fdm .fdm-control-actions,.fdm .fdm-dashboard-actions{display:grid!important;grid-template-columns:1fr;width:100%}.fdm .fdm-control-actions button,.fdm .fdm-dashboard-actions>button{width:100%}.fdm .fdm-shift-switch{width:100%}.fdm .fdm-shift-switch button{flex:1}.fdm .fdm-actions,.fdm .fdm-dashboard-toolbar{grid-template-columns:1fr}.fdm .fdm-actions>* ,.fdm .fdm-dashboard-toolbar>*{grid-column:auto;width:100%}.fdm .fdm-unit-line{grid-template-columns:1fr 34px}.fdm .fdm-status-field{grid-column:1}.fdm .fd-remove-slot{grid-column:2;grid-row:1/3;align-self:end}.fdm .fdm-dashboard-hero{grid-template-columns:1fr auto;padding:14px!important}.fdm .fdm-availability-ring{width:70px!important;height:70px!important;flex-basis:70px!important}.fdm .fdm-dashboard-ex>header{align-items:flex-start}.fdm .fdm-ex-summary{gap:10px}}

/* Fleet DMS — searchable Unit Truck picker (scoped) */
.fdm .fd-unit-searchbox{position:relative;width:100%;min-width:0}
.fdm .fd-unit-search{width:100%;height:40px;padding:0 38px 0 12px;border:1px solid #cfd9e6;border-radius:9px;background:#fff;color:#0f2742;font:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
.fdm .fd-unit-search:focus{border-color:#168b82;box-shadow:0 0 0 3px rgba(22,139,130,.12)}
.fdm .fd-unit-searchbox:after{content:'⌕';position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:17px;color:#6d8198;pointer-events:none}
.fdm .fd-unit-search::-webkit-search-cancel-button{margin-right:20px}
.fdm .fd-unit-field{min-width:0}
@media (max-width:720px){.fdm .fd-unit-search{height:42px}}

/* Fleet DMS — dropdown Unit Truck dengan pencarian (scoped, keeps Data Unit source) */
.fdm .fd-unit-picker{position:relative;width:100%;min-width:0}
.fdm .fd-unit-toggle{width:100%!important;height:40px!important;min-height:40px!important;padding:0 11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:1px solid #cfd9e6!important;border-radius:9px!important;background:#fff!important;color:#173650!important;font-size:11px!important;font-weight:700!important;text-align:left!important;box-shadow:none!important}
.fdm .fd-unit-toggle:hover{border-color:#9fb3c5!important;background:#fff!important}
.fdm .fd-unit-picker.open .fd-unit-toggle,.fdm .fd-unit-toggle:focus{border-color:#168b82!important;box-shadow:0 0 0 3px rgba(22,139,130,.12)!important;outline:none!important}
.fdm .fd-unit-toggle i{font-style:normal;font-size:16px;color:#64798e;transition:transform .15s ease}
.fdm .fd-unit-picker.open .fd-unit-toggle i{transform:rotate(180deg)}
.fdm .fd-unit-selected{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fdm .fd-unit-menu{position:absolute;z-index:1200;left:0;right:0;top:calc(100% + 6px);padding:8px;border:1px solid #cdd9e4;border-radius:11px;background:#fff;box-shadow:0 14px 32px rgba(25,52,74,.18)}
.fdm .fd-unit-search-wrap{position:relative;margin-bottom:7px}
.fdm .fd-unit-search-wrap>span{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:15px;color:#71859a;pointer-events:none}
.fdm .fd-unit-menu-search{width:100%!important;height:38px!important;padding:0 10px 0 32px!important;border:1px solid #d4dee8!important;border-radius:8px!important;background:#f9fbfc!important;font-size:11px!important;outline:none!important}
.fdm .fd-unit-menu-search:focus{border-color:#168b82!important;box-shadow:0 0 0 3px rgba(22,139,130,.10)!important;background:#fff!important}
.fdm .fd-unit-options{max-height:300px;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:2px;padding-right:2px}
.fdm .fd-unit-option{width:100%!important;min-height:34px!important;padding:7px 10px!important;border:0!important;border-radius:7px!important;background:#fff!important;color:#23435f!important;font-size:11px!important;font-weight:700!important;text-align:left!important;box-shadow:none!important}
.fdm .fd-unit-option:hover,.fdm .fd-unit-option.active{background:#eaf6f4!important;color:#0f6f68!important}
.fdm .fd-unit-option.selected{background:#dff1ed!important;color:#0c665f!important}
.fdm .fd-unit-no-result{padding:14px 10px;text-align:center;font-size:10px;color:#7b8b99}
/* old datalist/input implementation is intentionally disabled */
.fdm .fd-unit-searchbox,.fdm .fd-unit-search,.fdm .fd-unit-datalist{display:none!important}
@media(max-width:560px){.fdm .fd-unit-menu{position:fixed;left:12px;right:12px;top:auto;bottom:12px;max-height:70vh}.fdm .fd-unit-options{max-height:48vh}.fdm .fd-unit-toggle{height:42px!important}}


/* Fleet DMS FIX — searchable Unit Truck dropdown must escape card clipping */
.fdm .fdm-board-grid{overflow:visible!important}
.fdm .fdm-ex-card.picker-open{position:relative;z-index:80!important;overflow:visible!important}
.fdm .fdm-ex-card.picker-open .fdm-truck-list,
.fdm .fdm-ex-card.picker-open .fdm-truck-slot,
.fdm .fdm-ex-card.picker-open .fdm-unit-line,
.fdm .fdm-ex-card.picker-open .fdm-unit-field{overflow:visible!important}
.fdm .fdm-truck-slot.picker-open{position:relative;z-index:90}
.fdm .fd-unit-picker.open{z-index:100}
.fdm .fd-unit-picker.open .fd-unit-menu{display:block;z-index:9999;min-width:100%;max-width:min(420px,calc(100vw - 32px))}
@media(min-width:561px){
  .fdm .fdm-ex-card.picker-open{padding-bottom:8px!important}
  .fdm .fd-unit-menu{max-height:min(380px,calc(100vh - 180px))}
}


/* Fleet DMS - A3 landscape full-page dashboard print action (scoped) */
.fdm .fdm-print-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-color:#9bb8cb!important;background:#f7fbfd!important;color:#164563!important}
.fdm .fdm-print-btn:before{content:'PDF';display:inline-grid;place-items:center;min-width:25px;height:18px;padding:0 4px;border-radius:4px;background:#dfeef5;color:#174b68;font-size:7px;font-weight:900;letter-spacing:.04em}
.fdm .fdm-print-btn:hover{border-color:#168b82!important;background:#eef8f6!important;color:#0e6d66!important}

/* Fleet DMS KPI split by TC and TR */
.fdm .fdm-dashboard-summary .fdm-tc-kpi{border-top:3px solid #2d8aa8!important}
.fdm .fdm-dashboard-summary .fdm-tr-kpi{border-top:3px solid #0b776f!important}


/* Fleet DMS KPI grouped layout — scoped to Fleet module */
.fdm .fdm-kpi-sections{display:grid;gap:14px}
.fdm .fdm-kpi-section{display:grid;gap:8px}
.fdm .fdm-kpi-section-title{display:flex;align-items:center;gap:10px;color:#476477;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.fdm .fdm-kpi-section-title::after{content:"";height:1px;flex:1;background:#dbe5ec}
.fdm .fdm-kpi-title-tc{color:#267f9b}
.fdm .fdm-kpi-title-tr{color:#0b776f}
.fdm .fdm-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.fdm .fdm-kpi-grid article{min-width:0;min-height:106px!important}
.fdm .fdm-kpi-grid .fdm-tc-kpi{border-top:3px solid #2d8aa8!important}
.fdm .fdm-kpi-grid .fdm-tr-kpi{border-top:3px solid #0b776f!important}
@media(max-width:900px){.fdm .fdm-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.fdm .fdm-kpi-grid{grid-template-columns:1fr!important}.fdm .fdm-kpi-grid article{min-height:90px!important}}

/* Build 007.1 — Fleet Dashboard compact 4-column Excavator board */
@media (min-width: 1280px){
  .fdm .fdm-dashboard-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
  }
}
.fdm .fdm-dashboard-ex{
  min-width:0!important;
  border-radius:12px!important;
  box-shadow:0 5px 16px rgba(15,42,67,.045)!important;
}
.fdm .fdm-dashboard-ex>header{
  min-height:62px!important;
  padding:10px 12px!important;
  gap:8px!important;
}
.fdm .fdm-dashboard-ex h3{
  font-size:15px!important;
  line-height:1.15!important;
}
.fdm .fdm-dashboard-ex header p{
  margin-top:2px!important;
  font-size:8px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:125px;
}
.fdm .fdm-ex-summary{
  gap:9px!important;
  flex:0 0 auto;
}
.fdm .fdm-ex-summary span{
  min-width:40px!important;
}
.fdm .fdm-ex-summary b{
  font-size:15px!important;
  line-height:1!important;
}
.fdm .fdm-ex-summary small{
  margin-top:3px!important;
  font-size:6.5px!important;
  line-height:1.15!important;
  letter-spacing:.045em!important;
}
.fdm .fdm-dashboard-trucks{
  gap:5px!important;
  padding:8px!important;
  max-height:228px;
  overflow:auto;
  scrollbar-width:thin;
}
.fdm .fdm-dashboard-truck{
  min-height:38px!important;
  padding:6px 8px!important;
  gap:7px!important;
  border-radius:8px!important;
}
.fdm .fdm-dashboard-truck b{
  font-size:10px!important;
  line-height:1.15!important;
}
.fdm .fdm-dashboard-truck span{
  display:none!important;
}
.fdm .fdm-dashboard-truck i{
  padding:4px 7px!important;
  font-size:7px!important;
}
.fdm .fdm-dashboard-empty{
  min-height:58px!important;
  align-content:center!important;
  padding:9px!important;
  border-radius:8px!important;
}
.fdm .fdm-dashboard-empty b{font-size:9px!important}
.fdm .fdm-dashboard-empty span{font-size:7.5px!important;line-height:1.35!important}
@media (min-width: 980px) and (max-width:1279px){
  .fdm .fdm-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (min-width: 700px) and (max-width:979px){
  .fdm .fdm-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:699px){
  .fdm .fdm-dashboard-grid{grid-template-columns:1fr!important}
  .fdm .fdm-dashboard-trucks{max-height:none}
}
@media print{
  .fdm .fdm-dashboard-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6mm!important;
  }
  .fdm .fdm-dashboard-trucks{max-height:none!important;overflow:visible!important}
  .fdm .fdm-dashboard-ex{break-inside:avoid;page-break-inside:avoid}
}


/* Build 007.1 — Fleet Dashboard ultra-compact 6-column Excavator board */
@media (min-width:1280px){
  .fdm .fdm-dashboard-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .fdm .fdm-dashboard-ex>header{min-height:55px!important;padding:8px 9px!important}
  .fdm .fdm-dashboard-ex h3{font-size:13px!important}
  .fdm .fdm-dashboard-ex header p{font-size:7px!important;max-width:82px!important}
  .fdm .fdm-ex-summary{gap:5px!important}
  .fdm .fdm-ex-summary span{min-width:31px!important}
  .fdm .fdm-ex-summary b{font-size:13px!important}
  .fdm .fdm-ex-summary small{font-size:5.5px!important}
  .fdm .fdm-dashboard-trucks{padding:6px!important;gap:4px!important;max-height:205px!important}
  .fdm .fdm-dashboard-truck{min-height:31px!important;padding:5px 6px!important}
  .fdm .fdm-dashboard-truck b{font-size:8.5px!important}
  .fdm .fdm-dashboard-truck i{font-size:6px!important;padding:3px 5px!important}
  .fdm .fdm-dashboard-empty{min-height:50px!important;padding:7px!important}
  .fdm .fdm-dashboard-empty b{font-size:8px!important}
  .fdm .fdm-dashboard-empty span{font-size:6.5px!important}
}
@media (min-width:1050px) and (max-width:1279px){
  .fdm .fdm-dashboard-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
}
@media (min-width:820px) and (max-width:1049px){
  .fdm .fdm-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media print{
  .fdm .fdm-dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:2mm!important}
  .fdm .fdm-dashboard-ex>header{min-height:14mm!important;padding:1.8mm 2mm!important}
  .fdm .fdm-dashboard-ex h3{font-size:8.5px!important}
  .fdm .fdm-dashboard-ex header p{font-size:5px!important;max-width:22mm!important}
  .fdm .fdm-ex-summary b{font-size:8px!important}
  .fdm .fdm-ex-summary small{font-size:4.5px!important}
  .fdm .fdm-dashboard-trucks{padding:1.5mm!important;gap:1mm!important;max-height:none!important;overflow:visible!important}
  .fdm .fdm-dashboard-truck{min-height:7mm!important;padding:1mm 1.4mm!important}
  .fdm .fdm-dashboard-truck b{font-size:6px!important}
  .fdm .fdm-dashboard-truck i{font-size:4.5px!important;padding:.6mm 1mm!important}
}


/* Build 007.1 — Fleet DMS A3 landscape full-page print */
@media print{
  @page{size:A3 landscape;margin:8mm}
  .fdm .fdm-dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:2.2mm!important}
  .fdm .fdm-dashboard-ex{break-inside:avoid-page!important;page-break-inside:avoid!important}
  .fdm .fdm-dashboard-ex>header{min-height:16mm!important;padding:2.2mm 2.4mm!important}
  .fdm .fdm-dashboard-ex h3{font-size:10px!important}
  .fdm .fdm-dashboard-ex header p{font-size:5.8px!important;max-width:29mm!important}
  .fdm .fdm-ex-summary b{font-size:9.5px!important}
  .fdm .fdm-ex-summary small{font-size:5.2px!important}
  .fdm .fdm-dashboard-trucks{padding:1.8mm!important;gap:1.2mm!important;max-height:none!important;overflow:visible!important}
  .fdm .fdm-dashboard-truck{min-height:8mm!important;padding:1.3mm 1.6mm!important}
  .fdm .fdm-dashboard-truck b{font-size:7px!important}
  .fdm .fdm-dashboard-truck i{font-size:5.2px!important;padding:.8mm 1.2mm!important}
}

/* Fleet DMS - copy shift source dialog (scoped) */
.fd-copy-overlay{position:fixed;inset:0;z-index:10050;background:rgba(15,23,42,.52);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(2px)}
.fd-copy-dialog{width:min(520px,100%);background:#fff;border:1px solid #dbe4ef;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.28);overflow:hidden;color:#172033}
.fd-copy-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid #e8eef5}
.fd-copy-dialog>header span{display:block;font-size:11px;font-weight:800;letter-spacing:.11em;color:#64748b;margin-bottom:5px}
.fd-copy-dialog>header h3{margin:0;font-size:20px;line-height:1.25}
.fd-copy-close{width:34px;height:34px;border:0;border-radius:9px;background:#f1f5f9;font-size:24px;line-height:1;cursor:pointer}
.fd-copy-target{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 22px;background:#f8fafc;border-bottom:1px solid #e8eef5}
.fd-copy-target div{padding:11px 13px;border:1px solid #dbe4ef;border-radius:11px;background:#fff}
.fd-copy-target small,.fd-copy-target b{display:block}.fd-copy-target small{font-size:11px;color:#64748b;margin-bottom:4px}.fd-copy-target b{font-size:13px}
.fd-copy-source{padding:17px 22px 8px}.fd-copy-source>p{margin:0 0 10px;font-size:12px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.06em}
.fd-copy-option{display:flex;align-items:center;gap:11px;padding:12px 13px;margin-bottom:9px;border:1px solid #dbe4ef;border-radius:11px;cursor:pointer;transition:.15s ease}
.fd-copy-option:hover{border-color:#8eb7db;background:#f5faff}.fd-copy-option:has(input:checked){border-color:#1f78b4;background:#eff8ff;box-shadow:0 0 0 2px rgba(31,120,180,.08)}
.fd-copy-option input{width:17px;height:17px;accent-color:#1f78b4}.fd-copy-option span{display:flex;flex-direction:column;gap:2px}.fd-copy-option b{font-size:13px}.fd-copy-option small{font-size:11px;color:#64748b}
.fd-copy-includes{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 22px 18px}.fd-copy-includes label{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid #dbe4ef;border-radius:10px;font-size:12px;font-weight:700}.fd-copy-includes input{accent-color:#1f78b4}
.fd-copy-dialog>footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 22px;border-top:1px solid #e8eef5;background:#f8fafc}.fd-copy-dialog>footer button{min-width:94px;height:38px;border-radius:9px}
@media(max-width:600px){.fd-copy-target,.fd-copy-includes{grid-template-columns:1fr}.fd-copy-dialog>header{padding:17px}.fd-copy-target,.fd-copy-source,.fd-copy-includes,.fd-copy-dialog>footer{padding-left:17px;padding-right:17px}}

/* Fleet DMS KPI v1.3 — scoped, modular */
.fdm .fdm-kpi-grid-six{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.fdm .fdm-kpi-grid-six article{min-height:100px!important}
.fdm .fdm-total-kpi{background:linear-gradient(180deg,#ffffff 0%,#f5fafc 100%)!important}
.fdm .fdm-kpi-title-summary{color:#6a4f12}
.fdm .fdm-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fdm .fdm-summary-card{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:118px;padding:18px 20px;border:1px solid #d7e2ea;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(28,59,83,.05)}
.fdm .fdm-summary-card>div:first-child{min-width:0}
.fdm .fdm-summary-card small{display:block;font-size:10px;font-weight:900;letter-spacing:.1em;color:#657d90}
.fdm .fdm-summary-card h4{margin:7px 0 2px;font-size:13px;color:#486276}
.fdm .fdm-summary-card b{display:block;font-size:30px;line-height:1;color:#123b5d}
.fdm .fdm-summary-card>div:first-child>span{display:block;margin-top:7px;font-size:11px;color:#6f8293}
.fdm .fdm-summary-tc{border-top:3px solid #2d8aa8}
.fdm .fdm-summary-tr{border-top:3px solid #0b776f}
.fdm .fdm-summary-availability{display:grid;place-items:center;text-align:center;flex:0 0 112px;min-height:76px;border-left:1px solid #e1e9ef;padding-left:18px}
.fdm .fdm-summary-availability strong{font-size:30px;line-height:1;color:#0b776f}
.fdm .fdm-summary-availability span{margin-top:7px;font-size:10px;font-weight:800;text-transform:uppercase;color:#6a7e90}
@media(max-width:1180px){.fdm .fdm-kpi-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.fdm .fdm-kpi-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fdm .fdm-summary-grid{grid-template-columns:1fr}}
@media(max-width:520px){.fdm .fdm-kpi-grid-six{grid-template-columns:1fr!important}.fdm .fdm-summary-card{align-items:flex-start;flex-direction:column}.fdm .fdm-summary-availability{width:100%;min-height:auto;grid-template-columns:auto 1fr;justify-content:start;place-items:center start;border-left:0;border-top:1px solid #e1e9ef;padding:12px 0 0}.fdm .fdm-summary-availability span{margin:0 0 0 10px}}

/* Build 007.1 - Fleet DMS: pemisahan Fleet TC dan Fleet TR */
.fdm .fdm-fleet-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;background:#f5f8fb}
.fdm .fdm-fleet-group{min-width:0;border:1px solid #dbe5ee;border-radius:12px;background:#fff;overflow:visible}
.fdm .fdm-fleet-group>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #e3ebf2;border-radius:12px 12px 0 0}
.fdm .fdm-fleet-group>header div{display:grid;gap:2px}.fdm .fdm-fleet-group>header b{font-size:12px;color:#153a59}.fdm .fdm-fleet-group>header small{font-size:10px;color:#6b7f90}
.fdm .fdm-fleet-group>header>span{display:grid;place-items:center;min-width:30px;height:24px;border-radius:999px;font-size:10px;font-weight:800}
.fdm .fdm-fleet-tc>header{background:#f0f8fc}.fdm .fdm-fleet-tc>header>span{background:#dff1f8;color:#176580}
.fdm .fdm-fleet-tr>header{background:#eff9f7}.fdm .fdm-fleet-tr>header>span{background:#dff3ee;color:#0b6d66}
.fdm .fdm-fleet-group .fdm-truck-list{padding:10px;gap:8px}
.fdm .fdm-fleet-group .fdm-truck-slot{padding:9px;border-radius:10px}
.fdm .fdm-fleet-group .fd-add-truck{display:block;width:calc(100% - 20px);margin:0 10px 10px!important;min-height:34px;border-style:dashed;background:#fbfdff;font-size:11px}
.fdm .fdm-fleet-group .fdm-unit-line{grid-template-columns:minmax(0,1.55fr) minmax(105px,.85fr) 30px}
@media(max-width:1450px){.fdm .fdm-fleet-split{grid-template-columns:1fr}.fdm .fdm-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1100px){.fdm .fdm-board-grid{grid-template-columns:1fr!important}}


/* Fleet DMS: grouping based on Master Excavator Fleet type */
.fdm .fdm-master-fleet-section{display:grid;gap:12px;margin-top:18px}
.fdm .fdm-master-fleet-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border:1px solid #dce6ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(31,55,78,.05)}
.fdm .fdm-master-fleet-head>div{display:grid;gap:3px}
.fdm .fdm-master-fleet-head span{font-size:10px;font-weight:800;letter-spacing:.13em}
.fdm .fdm-master-fleet-head h3{margin:0;font-size:18px;color:#143653}
.fdm .fdm-master-fleet-head p{margin:0;font-size:11px;color:#667b8d}
.fdm .fdm-master-fleet-head strong{padding:7px 11px;border-radius:999px;font-size:11px;white-space:nowrap}
.fdm .fdm-master-fleet-tr .fdm-master-fleet-head{border-left:4px solid #0b8f82;background:linear-gradient(90deg,#f1fbf8 0,#fff 42%)}
.fdm .fdm-master-fleet-tr .fdm-master-fleet-head span,.fdm .fdm-master-fleet-tr .fdm-master-fleet-head strong{color:#0b6d66}
.fdm .fdm-master-fleet-tr .fdm-master-fleet-head strong{background:#dff3ee}
.fdm .fdm-master-fleet-tc .fdm-master-fleet-head{border-left:4px solid #2582b8;background:linear-gradient(90deg,#f1f8fc 0,#fff 42%)}
.fdm .fdm-master-fleet-tc .fdm-master-fleet-head span,.fdm .fdm-master-fleet-tc .fdm-master-fleet-head strong{color:#176580}
.fdm .fdm-master-fleet-tc .fdm-master-fleet-head strong{background:#dff1f8}
.fdm .fdm-master-fleet-section>.fdm-board-grid{margin-top:0!important}
.fdm .fdm-ex-card>.fdm-fleet-group{margin:12px;overflow:visible}
@media(max-width:720px){.fdm .fdm-master-fleet-head{align-items:flex-start}.fdm .fdm-master-fleet-head p{display:none}}

/* Build 007.1 - Dashboard Fleet DMS 3 halaman */
.fdm .fdm-dashboard-page-tabs{display:flex;gap:8px;padding:8px;margin-bottom:14px;position:sticky;top:0;z-index:8}
.fdm .fdm-dashboard-page-tabs button{flex:1;min-height:38px;border:1px solid #d5e1ea;border-radius:9px;background:#fff;color:#49677d;font-size:11px;font-weight:800;cursor:pointer}
.fdm .fdm-dashboard-page-tabs button.active{background:#0b776f;border-color:#0b776f;color:#fff;box-shadow:0 5px 14px rgba(11,119,111,.2)}
.fdm .fdm-dashboard-page[hidden]{display:none!important}
.fdm .fdm-dashboard-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin-bottom:12px;border-left:4px solid #0b776f}
.fdm .fdm-dashboard-page-head small{font-size:9px;font-weight:800;letter-spacing:.12em;color:#658093}.fdm .fdm-dashboard-page-head h3{margin:3px 0;font-size:20px;color:#143653}.fdm .fdm-dashboard-page-head p{margin:0;font-size:11px;color:#667b8d}.fdm .fdm-dashboard-page-head strong{padding:8px 12px;border-radius:999px;background:#e6f4f1;color:#0b6d66;font-size:11px;white-space:nowrap}
@media(max-width:760px){.fdm .fdm-dashboard-page-tabs{overflow-x:auto}.fdm .fdm-dashboard-page-tabs button{flex:0 0 auto;min-width:155px}.fdm .fdm-dashboard-page-head{align-items:flex-start}}

/* Build 007.1 FIX — dashboard Fleet TR/TC only: 5 cards per row.
   Scoped to dashboard pages so Setting Fleet DMS is not affected. */
@media (min-width:1280px){
  .fdm .fdm-dashboard-page[data-fdm-dashboard-page="tr"] .fdm-dashboard-grid,
  .fdm .fdm-dashboard-page[data-fdm-dashboard-page="tc"] .fdm-dashboard-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
  }
}
@media (min-width:1050px) and (max-width:1279px){
  .fdm .fdm-dashboard-page[data-fdm-dashboard-page="tr"] .fdm-dashboard-grid,
  .fdm .fdm-dashboard-page[data-fdm-dashboard-page="tc"] .fdm-dashboard-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (min-width:820px) and (max-width:1049px){
  .fdm .fdm-dashboard-page[data-fdm-dashboard-page="tr"] .fdm-dashboard-grid,
  .fdm .fdm-dashboard-page[data-fdm-dashboard-page="tc"] .fdm-dashboard-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (min-width:600px) and (max-width:819px){
  .fdm .fdm-dashboard-page[data-fdm-dashboard-page="tr"] .fdm-dashboard-grid,
  .fdm .fdm-dashboard-page[data-fdm-dashboard-page="tc"] .fdm-dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:599px){
  .fdm .fdm-dashboard-page[data-fdm-dashboard-page="tr"] .fdm-dashboard-grid,
  .fdm .fdm-dashboard-page[data-fdm-dashboard-page="tc"] .fdm-dashboard-grid{
    grid-template-columns:1fr!important;
  }
}

/* Build 007.1 - Fleet DMS Export Excel */
.fdm-dashboard-actions .fdm-excel-btn{background:#167d68;color:#fff;border-color:#167d68;font-weight:700}
.fdm-dashboard-actions .fdm-excel-btn:hover{background:#116b59;border-color:#116b59}
.fdm-dashboard-actions .fdm-excel-btn:disabled{opacity:.65;cursor:wait}

/* Fleet DMS Export Center — current/multiple shift */
.fdm-export-overlay{position:fixed;inset:0;z-index:10050;background:rgba(12,31,49,.55);display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}
.fdm-export-dialog{width:min(620px,100%);max-height:92vh;overflow:auto;padding:0;border-radius:16px;box-shadow:0 24px 70px rgba(4,22,38,.28)}
.fdm-export-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid #dce6ed}
.fdm-export-dialog>header small{display:block;font-size:11px;font-weight:800;letter-spacing:.09em;color:#0b776f}.fdm-export-dialog>header h3{margin:4px 0 0;font-size:22px;color:#123b5d}.fdm-export-dialog>header button{width:34px;height:34px;border:0;border-radius:9px;background:#eef4f7;color:#506778;font-size:24px;line-height:1;cursor:pointer}
.fdm-export-body{padding:20px 22px}.fdm-export-label{margin:0 0 10px;font-size:12px;font-weight:800;color:#526b7e;text-transform:uppercase;letter-spacing:.06em}
.fdm-export-option{display:flex;gap:12px;align-items:flex-start;border:1px solid #d8e3ea;border-radius:12px;padding:14px;margin-bottom:10px;cursor:pointer;background:#fff}.fdm-export-option.active{border-color:#0b776f;box-shadow:0 0 0 2px rgba(11,119,111,.1);background:#f7fcfb}.fdm-export-option input{margin-top:3px;accent-color:#0b776f}.fdm-export-option b,.fdm-export-option small{display:block}.fdm-export-option b{color:#183b56}.fdm-export-option small{margin-top:4px;color:#718495}
.fdm-export-multi{margin-top:16px;padding-top:16px;border-top:1px solid #dce6ed}.fdm-export-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fdm-export-dates label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#4f687b}.fdm-export-dates input{height:40px;border:1px solid #ccd9e2;border-radius:9px;padding:0 10px;background:#fff}.fdm-export-shifts{display:flex;gap:18px;margin:14px 0}.fdm-export-shifts label{font-size:13px;font-weight:700;color:#385469}.fdm-export-shifts input{accent-color:#0b776f}.fdm-export-show{height:38px;border:1px solid #0b776f;border-radius:9px;background:#fff;color:#0b776f;font-weight:800;padding:0 15px;cursor:pointer}.fdm-export-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;max-height:210px;overflow:auto}.fdm-export-list label{display:flex;gap:8px;align-items:center;padding:9px 10px;border:1px solid #dce6ed;border-radius:8px;font-size:12px;color:#385469;background:#fafcfd}.fdm-export-list input{accent-color:#0b776f}
.fdm-export-dialog>footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 22px 20px;border-top:1px solid #dce6ed}.fdm-export-dialog>footer button{height:40px;border:1px solid #cad7e0;border-radius:9px;padding:0 18px;background:#fff;color:#425d70;font-weight:800;cursor:pointer}.fdm-export-dialog>footer button.primary{border-color:#0b776f;background:#0b776f;color:#fff}.fdm-export-dialog>footer button:disabled{opacity:.65;cursor:wait}
@media(max-width:640px){.fdm-export-dates,.fdm-export-list{grid-template-columns:1fr}.fdm-export-overlay{padding:10px}.fdm-export-dialog>header,.fdm-export-body,.fdm-export-dialog>footer{padding-left:16px;padding-right:16px}}


/* Fleet DMS — stable excavator header refinement (Staging incremental) */
.fdm .fdm-ex-card>.fdm-ex-card-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px 14px!important;padding:14px 16px!important;background:#fbfdff!important}
.fdm .fdm-ex-card-title{min-width:0}
.fdm .fdm-ex-card-title h3{margin:0!important}
.fdm .fdm-ex-card-title p{margin:3px 0 0!important}
.fdm .fdm-ex-card-head>.fdm-count{grid-column:2;grid-row:1;align-self:start}
.fdm .fdm-ex-card-meta{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding-top:10px;border-top:1px solid #e2eaf1}
.fdm .fdm-ex-card-meta>span{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px;align-items:center;min-width:0}
.fdm .fdm-ex-card-meta b{font-size:10px;line-height:1.3;color:#64748b;font-weight:800}
.fdm .fdm-ex-card-meta em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-size:11px;line-height:1.35;color:#143653;font-weight:700}
.fdm .fdm-ex-card>.fdm-fleet-group{margin:12px!important}
.fdm .fdm-ex-card>.fdm-fleet-group>.fdm-truck-list{padding-top:10px!important}
@media(max-width:620px){
  .fdm .fdm-ex-card-meta{grid-template-columns:1fr}
  .fdm .fdm-ex-card-meta>span{grid-template-columns:104px minmax(0,1fr)}
}

/* Build 007.1 - editable Front Loading & Nama Pengawas */
.fdm .fdm-ex-card-meta-edit label{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px;align-items:center;min-width:0}
.fdm .fdm-ex-card-meta-edit select,.fdm .fdm-ex-card-meta-edit input{width:100%;min-width:0;height:34px;border:1px solid #d7e1ea;border-radius:8px;background:#fff;padding:0 10px;font-size:11px;font-weight:700;color:#143653;outline:none}
.fdm .fdm-ex-card-meta-edit select:focus,.fdm .fdm-ex-card-meta-edit input:focus{border-color:#7897af;box-shadow:0 0 0 3px rgba(72,105,129,.10)}
.fdm .fdm-dashboard-ex-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;padding:10px 0;border-top:1px solid #e7edf2;border-bottom:1px solid #e7edf2}
.fdm .fdm-dashboard-ex-meta span{display:grid;gap:2px;min-width:0}
.fdm .fdm-dashboard-ex-meta b{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#718096}
.fdm .fdm-dashboard-ex-meta em{font-style:normal;font-size:11px;font-weight:800;color:#173b57;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.fdm .fdm-ex-card-meta-edit label{grid-template-columns:1fr}.fdm .fdm-dashboard-ex-meta{grid-template-columns:1fr}}

/* Build 007.1 - Fleet Dashboard General/Layout refinement */
.fdm .fdm-dashboard-top{grid-template-columns:minmax(430px,1fr) auto!important}
.fdm .fdm-dashboard-period{min-width:0}
.fdm .fdm-dashboard-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:9px!important;min-width:0}
.fdm .fdm-dashboard-actions>*{flex:0 0 auto}
.fdm .fdm-general-compact{display:grid;gap:10px}
.fdm .fdm-general-compact .fdm-kpi-section{margin:0}
.fdm .fdm-general-compact .fdm-kpi-section-title{margin-bottom:5px}
.fdm .fdm-general-compact .fdm-kpi-grid article{min-height:78px!important;padding:10px 12px!important}
.fdm .fdm-general-compact .fdm-kpi-grid article small{font-size:9px!important}
.fdm .fdm-general-compact .fdm-kpi-grid article b{font-size:21px!important;margin:4px 0!important}
.fdm .fdm-general-compact .fdm-kpi-grid article span{font-size:8px!important}
.fdm .fdm-kpi-grid-seven{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important}
.fdm .fdm-summary-card{min-height:82px!important;padding:11px 15px!important}
.fdm .fdm-dashboard-page-head{padding:14px 18px!important;margin-bottom:10px!important}
.fdm .fdm-dashboard-toolbar{grid-template-columns:minmax(280px,1fr) 190px 74px!important;margin-bottom:12px!important}
.fdm .fdm-dashboard-page[data-fdm-dashboard-page="tr"] .fdm-dashboard-grid,
.fdm .fdm-dashboard-page[data-fdm-dashboard-page="tc"] .fdm-dashboard-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.fdm .fdm-dashboard-ex>header{padding:10px 11px!important;min-height:62px!important}
.fdm .fdm-dashboard-ex h3{font-size:14px!important}
.fdm .fdm-ex-summary b{font-size:13px!important}
.fdm .fdm-ex-summary small{font-size:6px!important}
.fdm .fdm-dashboard-ex-meta{padding:7px 10px!important;gap:5px 9px!important;background:#fff}
.fdm .fdm-dashboard-ex-meta b{font-size:7px!important}
.fdm .fdm-dashboard-ex-meta em{font-size:9px!important}
.fdm .fdm-dashboard-trucks{max-height:250px;overflow:auto;padding:7px!important}
.fdm .fdm-dashboard-truck{min-height:30px!important;padding:5px 7px!important}
@media(max-width:1450px){.fdm .fdm-kpi-grid-seven{grid-template-columns:repeat(4,minmax(0,1fr))!important}.fdm .fdm-dashboard-page[data-fdm-dashboard-page="tr"] .fdm-dashboard-grid,.fdm .fdm-dashboard-page[data-fdm-dashboard-page="tc"] .fdm-dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1180px){.fdm .fdm-dashboard-top{grid-template-columns:1fr!important}.fdm .fdm-dashboard-actions{justify-content:flex-start!important}.fdm .fdm-dashboard-page[data-fdm-dashboard-page="tr"] .fdm-dashboard-grid,.fdm .fdm-dashboard-page[data-fdm-dashboard-page="tc"] .fdm-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.fdm .fdm-kpi-grid-seven{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fdm .fdm-dashboard-page[data-fdm-dashboard-page="tr"] .fdm-dashboard-grid,.fdm .fdm-dashboard-page[data-fdm-dashboard-page="tc"] .fdm-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.fdm .fdm-kpi-grid-seven,.fdm .fdm-dashboard-page[data-fdm-dashboard-page="tr"] .fdm-dashboard-grid,.fdm .fdm-dashboard-page[data-fdm-dashboard-page="tc"] .fdm-dashboard-grid{grid-template-columns:1fr!important}.fdm .fdm-dashboard-toolbar{grid-template-columns:1fr!important}}

/* Build 007.1 - Dashboard Fleet page 4 Unit DMS Spare */
.fdm .fdm-dashboard-page-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.fdm .fdm-kpi-grid-six{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.fdm .fdm-spare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.fdm .fdm-spare-group{overflow:hidden;padding:0}
.fdm .fdm-spare-group>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border,#dbe5ec);background:#f8fbfd}
.fdm .fdm-spare-group>header small{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;color:#547086}
.fdm .fdm-spare-group>header h3{margin:3px 0;font-size:17px;color:#123b5d}
.fdm .fdm-spare-group>header p{margin:0;font-size:11px;color:#718497}
.fdm .fdm-spare-group>header strong{white-space:nowrap;border-radius:999px;padding:8px 12px;background:#e7f4f1;color:#0b776f;font-size:12px}
.fdm .fdm-spare-tr{border-top:3px solid #0b887f}
.fdm .fdm-spare-tc{border-top:3px solid #2a93b5}
.fdm .fdm-spare-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;max-height:510px;overflow:auto}
.fdm .fdm-spare-unit{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #dce6ed;border-radius:9px;padding:8px 9px;background:#fff}
.fdm .fdm-spare-unit>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#f0f5f8;color:#61788b;font-size:10px;font-weight:800}
.fdm .fdm-spare-unit b,.fdm .fdm-spare-unit small{display:block}
.fdm .fdm-spare-unit b{font-size:12px;color:#123b5d}
.fdm .fdm-spare-unit small{margin-top:2px;font-size:9px;color:#7a8b99}
.fdm .fdm-spare-unit i{font-style:normal;border-radius:999px;padding:4px 8px;background:#fff4d8;color:#986600;font-size:9px;font-weight:800}
@media(max-width:1180px){.fdm .fdm-kpi-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))!important}.fdm .fdm-spare-list{grid-template-columns:1fr}}
@media(max-width:850px){.fdm .fdm-dashboard-page-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fdm .fdm-spare-grid{grid-template-columns:1fr}}
@media(max-width:620px){.fdm .fdm-kpi-grid-six,.fdm .fdm-dashboard-page-tabs{grid-template-columns:1fr!important}}


/* Fleet DMS status semantic colors - Build 007.1 */
.fdm .fd-status.status-online,.fdm .fdm-dashboard-truck i.status-online{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important}
.fdm .fd-status.status-alert,.fdm .fdm-dashboard-truck i.status-alert{background:#fee2e2!important;color:#b91c1c!important;border-color:#fca5a5!important}
.fdm .fd-status{font-weight:700}
.fdm .fdm-dashboard-truck i{border:1px solid transparent}


/* Build 007.1 - Fleet flexibility and unmapped status refinement */
.fdm-flex-badge{display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.fdm-flex-badge.is-fixed{background:#eef2f7;color:#475569}.fdm-flex-badge.is-flexible{background:#ecfdf5;color:#047857}.fdm-flex-group-title{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 0;color:#36536c;font-size:11px}.fdm-flex-group-title span{font-weight:700;color:#6b7f91}.fdm-unassigned-table{padding:12px 16px;max-height:260px;overflow:auto}.fdm-unassigned-head,.fdm-unassigned-row{display:grid;grid-template-columns:48px minmax(140px,1fr) 90px minmax(150px,220px);gap:10px;align-items:center}.fdm-unassigned-head{position:sticky;top:0;z-index:1;padding:8px 10px;background:#eef5f8;border:1px solid #dbe5ec;border-radius:8px 8px 0 0;font-size:10px;font-weight:800;color:#476477}.fdm-unassigned-row{padding:8px 10px;border:1px solid #e2eaf1;border-top:0;background:#fff;font-size:11px}.fdm-unassigned-row:last-child{border-radius:0 0 8px 8px}.fdm-unassigned-row select{width:100%;min-height:34px;border-radius:8px}.fdm-unassigned-row .status-online{background:#dcfce7;color:#166534}.fdm-unassigned-row .status-alert{background:#fee2e2;color:#b91c1c}@media(max-width:720px){.fdm-unassigned-head{display:none}.fdm-unassigned-row{grid-template-columns:34px 1fr}.fdm-unassigned-row span:nth-child(3),.fdm-unassigned-row select{grid-column:2}.fdm-ex-card[data-flexibility="Flexible"] .fdm-fleet-group{border-top:1px solid #e2eaf1}}

/* Build 007.1 — Belum Dipetakan Fleet TR/TC refinement */
.fdm .fdm-unmapped-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:16px}
.fdm .fdm-unmapped-panel{min-width:0;border:1px solid #dce6ee;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 4px 14px rgba(31,61,86,.05)}
.fdm .fdm-unmapped-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #dce6ee;background:linear-gradient(180deg,#f8fbfd,#f1f6f9)}
.fdm .fdm-unmapped-panel>header small{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;color:#537086}
.fdm .fdm-unmapped-panel>header h4{margin:3px 0 0;font-size:14px;color:#143653}
.fdm .fdm-unmapped-panel>header strong{padding:5px 9px;border-radius:999px;background:#e7f0f5;color:#214f68;font-size:11px;white-space:nowrap}
.fdm .fdm-unmapped-tr>header{border-top:3px solid #2f7d8d}
.fdm .fdm-unmapped-tc>header{border-top:3px solid #7a5ea8}
.fdm .fdm-unmapped-scroll{max-height:320px;overflow:auto;padding:10px 12px 12px}
.fdm .fdm-unmapped-head,.fdm .fdm-unmapped-row{display:grid;grid-template-columns:44px minmax(110px,1fr) minmax(130px,180px);gap:10px;align-items:center}
.fdm .fdm-unmapped-head{position:sticky;top:-10px;z-index:2;padding:8px 10px;border:1px solid #dbe5ec;border-radius:9px 9px 0 0;background:#edf4f7;color:#49677b;font-size:10px;font-weight:900}
.fdm .fdm-unmapped-row{padding:8px 10px;border:1px solid #e2eaf1;border-top:0;background:#fff;font-size:11px}
.fdm .fdm-unmapped-row:last-child{border-radius:0 0 9px 9px}
.fdm .fdm-unmapped-row>b{color:#173c58;font-size:12px}
.fdm .fdm-unmapped-row select{width:100%;min-width:0;min-height:34px;padding:5px 28px 5px 9px;border-radius:8px;font-size:11px;font-weight:750}
.fdm .fdm-unmapped-row select.status-online{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important}
.fdm .fdm-unmapped-row select.status-alert{background:#fee2e2!important;color:#b91c1c!important;border-color:#fca5a5!important}
.fdm .fdm-unmapped-empty{padding:24px 14px;text-align:center;color:#64748b;font-size:12px}
.fdm .fdm-unmapped-panel.is-filter-empty{display:none}
@media(max-width:850px){.fdm .fdm-unmapped-grid{grid-template-columns:1fr}.fdm .fdm-unmapped-scroll{max-height:280px}}
@media(max-width:520px){.fdm .fdm-unmapped-grid{padding:12px}.fdm .fdm-unmapped-head{display:none}.fdm .fdm-unmapped-row{grid-template-columns:34px 1fr}.fdm .fdm-unmapped-row select{grid-column:2}}


/* Build 001 - Pre Check Logic DMS */
.pck-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;margin-bottom:16px;border:1px solid #dfe8e6;border-radius:16px;background:linear-gradient(135deg,#f7fbfa,#fff)}.pck-hero h2{margin:0 0 5px}.pck-hero p{margin:0;color:#60706c}.pck-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) repeat(4,minmax(130px,.45fr)) auto;gap:10px;padding:14px;margin-bottom:16px}.pck-table th{white-space:nowrap}.pck-badge,.pck-result{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.pck-badge.ok,.pck-result.ok{background:#dcfce7;color:#166534}.pck-badge.bad,.pck-result.bad{background:#fee2e2;color:#991b1b}.pck-badge.warn,.pck-result.warn{background:#fef3c7;color:#92400e}.pck-form{max-width:1180px}.pck-form-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.pck-form-head h2,.pck-form-head p{margin:0}.pck-form section{border:1px solid #e3ebe9;border-radius:14px;padding:16px;margin:14px 0;background:#fff}.pck-form section h3{margin:0 0 14px}.pck-check-table{min-width:900px}.pck-check-table th:nth-child(1){width:28%}.pck-check-table th:nth-child(2){width:18%}.pck-check-table th:nth-child(3){width:30%}.pck-check-table select,.pck-check-table input{width:100%;min-height:36px}.pck-evidence-list{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.pck-thumb-wrap{position:relative;display:inline-flex}.pck-thumb{width:54px;height:42px;object-fit:cover;border-radius:7px;border:1px solid #d8e2df;cursor:zoom-in}.pck-thumb-wrap button{position:absolute;right:-5px;top:-7px;width:19px;height:19px;border:0;border-radius:50%;background:#b91c1c;color:#fff;padding:0}.pck-upload{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 10px;border:1px dashed #8aa9a1;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700}.pck-upload input{display:none}.pck-actions{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:#fff;padding:15px 0 3px}.success{background:#16845b!important}.modal-box:has(.pck-form){width:min(1220px,96vw);max-height:94vh;overflow:auto}@media(max-width:1000px){.pck-toolbar{grid-template-columns:1fr 1fr}.pck-hero{align-items:flex-start}.pck-form .form-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.pck-hero{flex-direction:column}.pck-toolbar,.pck-form .form-grid{grid-template-columns:1fr}.pck-form-head{flex-direction:column}}

/* Pre Check Logic DMS Build 001.1 - Operator Experience */
.pck-form{padding-bottom:84px}.pck-form-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.pck-result-large{min-width:190px;padding:14px 18px;border-radius:14px;text-align:center;font-weight:800;font-size:18px;border:1px solid #dbe4ee;background:#f8fafc}.pck-result-large.ok{background:#ecfdf5;border-color:#86efac;color:#166534}.pck-result-large.bad{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.pck-result-large.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.pck-result-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;background:currentColor}.pck-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.pck-summary-card{border:1px solid #dbe4ee;border-radius:12px;padding:12px 14px;background:#fff}.pck-summary-card span{display:block;font-size:11px;color:#64748b;text-transform:uppercase;font-weight:700}.pck-summary-card strong{display:block;margin-top:4px;font-size:22px;color:#0f2747}.pck-summary-card.pass{border-left:4px solid #22c55e}.pck-summary-card.fail{border-left:4px solid #ef4444}.pck-summary-card.pending{border-left:4px solid #94a3b8}.pck-summary-card.progress{border-left:4px solid #0f766e}.pck-progress-wrap{margin:0 0 16px;padding:14px;border:1px solid #dbe4ee;border-radius:12px;background:#fff}.pck-progress-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-weight:700}.pck-progress-track{height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden}.pck-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#0f766e,#22c55e);transition:width .25s ease}.pck-progress-meta{display:flex;justify-content:space-between;margin-top:7px;font-size:12px;color:#64748b}.pck-section{border:1px solid #dbe4ee;border-radius:14px;background:#fff;margin-bottom:14px;overflow:hidden}.pck-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:0;background:#f8fafc;color:#0f2747;font-weight:800;font-size:16px;cursor:pointer}.pck-section-toggle .chev{transition:transform .2s}.pck-section.collapsed .chev{transform:rotate(-90deg)}.pck-section.collapsed .pck-card-grid{display:none}.pck-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.pck-check-card{border:1px solid #dbe4ee;border-radius:12px;padding:14px;background:#fff;transition:.2s}.pck-check-card.pass{border-color:#86efac;background:#f0fdf4}.pck-check-card.fail{border-color:#fca5a5;background:#fef2f2}.pck-check-card.pending{border-color:#cbd5e1;background:#f8fafc}.pck-check-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.pck-check-card-head strong{font-size:15px;color:#0f2747}.pck-state-chip{font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;background:#e2e8f0;color:#475569}.pck-check-card.pass .pck-state-chip{background:#dcfce7;color:#166534}.pck-check-card.fail .pck-state-chip{background:#fee2e2;color:#991b1b}.pck-status-options{display:flex;gap:8px;margin-bottom:12px}.pck-status-option{flex:1;position:relative}.pck-status-option input{position:absolute;opacity:0;pointer-events:none}.pck-status-option span{display:block;text-align:center;padding:8px;border:1px solid #cbd5e1;border-radius:9px;font-size:12px;font-weight:800;background:#fff;cursor:pointer}.pck-status-option.pass input:checked+span{background:#16a34a;border-color:#16a34a;color:#fff}.pck-status-option.fail input:checked+span{background:#dc2626;border-color:#dc2626;color:#fff}.pck-status-option.pending input:checked+span{background:#64748b;border-color:#64748b;color:#fff}.pck-card-field{margin-top:10px}.pck-card-field>label{display:block;font-size:11px;color:#64748b;font-weight:700;margin-bottom:5px}.pck-card-field input[type=text]{width:100%}.pck-evidence-list{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pck-thumb-wrap{position:relative;width:72px;height:56px;border-radius:8px;overflow:hidden;border:1px solid #cbd5e1;background:#fff}.pck-thumb{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.pck-thumb-wrap button{position:absolute;top:2px;right:2px;width:20px;height:20px;border:0;border-radius:50%;background:rgba(15,23,42,.82);color:#fff;cursor:pointer}.pck-upload{display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:38px;border:1px dashed #0f766e;border-radius:8px;color:#0f766e;font-size:12px;font-weight:700;cursor:pointer;background:#f0fdfa}.pck-upload input{display:none}.pck-autosave{font-size:12px;color:#64748b;min-width:90px;text-align:right}.pck-autosave.saving{color:#b45309}.pck-autosave.saved{color:#15803d}.pck-autosave.error{color:#b91c1c}.pck-actions{position:sticky;bottom:0;z-index:20;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px 16px;margin:16px -16px -16px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid #dbe4ee;box-shadow:0 -8px 24px rgba(15,23,42,.08)}
@media(max-width:900px){.pck-card-grid{grid-template-columns:1fr}.pck-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.pck-form-head{flex-direction:column}.pck-result-large{width:100%}}
@media(max-width:560px){.pck-overview{grid-template-columns:1fr 1fr}.pck-actions{flex-wrap:wrap}.pck-actions button{flex:1}.pck-card-grid{padding:10px}.pck-status-options{flex-direction:column}}

/* Pre Check Build 001.2 - Smart Validation */
.pck-required{font-size:10px;font-weight:700;color:#dc2626;margin-left:4px}.pck-audit{font-size:10px;color:#64748b;margin-top:7px;padding-top:7px;border-top:1px dashed #dbe3ee}.pck-check-card.fail .pck-audit{color:#991b1b}.pck-check-card.pass .pck-audit{color:#166534}
/* Pre Check Logic DMS — Build 001.3 Dashboard */
.pck-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pck-d-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;color:#2563eb;margin-bottom:6px}.pck-dashboard{display:grid;gap:16px}.pck-d-filter{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr)) auto auto;gap:10px;align-items:end;padding:14px}.pck-d-filter label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#64748b}.pck-d-filter input,.pck-d-filter select{min-width:0}.pck-d-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.pck-d-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;display:flex;gap:12px;min-width:0;box-shadow:0 8px 24px rgba(15,23,42,.05)}.pck-d-kpi>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:#eff6ff;color:#2563eb;flex:0 0 auto}.pck-d-kpi div{display:grid;min-width:0}.pck-d-kpi small{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.pck-d-kpi strong{font-size:25px;line-height:1.2;color:#0f172a}.pck-d-kpi em{font-size:10px;font-style:normal;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pck-d-kpi.green>span{background:#dcfce7;color:#15803d}.pck-d-kpi.red>span{background:#fee2e2;color:#b91c1c}.pck-d-kpi.amber>span{background:#fef3c7;color:#b45309}.pck-d-kpi.teal>span{background:#ccfbf1;color:#0f766e}.pck-d-kpi.purple>span{background:#ede9fe;color:#6d28d9}.pck-d-kpi.rose>span{background:#ffe4e6;color:#be123c}.pck-d-grid{display:grid;gap:16px}.pck-d-grid.two{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.pck-d-panel{min-width:0;overflow:hidden}.pck-d-panel .panel-head{padding:16px 18px;border-bottom:1px solid #eef2f7}.pck-d-panel .panel-head h3{margin:0 0 3px}.pck-d-panel .panel-head small{color:#64748b}.pck-d-line{display:block;width:100%;height:260px;padding:10px 14px 4px;overflow:visible}.pck-d-line line{stroke:#e2e8f0;stroke-width:1}.pck-d-line text{font-size:10px;fill:#64748b}.pck-d-line .area{fill:rgba(37,99,235,.10)}.pck-d-line .line{fill:none;stroke:#2563eb;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.pck-d-line circle{fill:#fff;stroke:#2563eb;stroke-width:3}.pck-d-donut-wrap{display:flex;align-items:center;justify-content:center;gap:26px;padding:26px 18px}.pck-d-donut{--ready:0%;--not:0%;width:164px;height:164px;border-radius:50%;background:conic-gradient(#16a34a 0 var(--ready),#dc2626 var(--ready) var(--not),#f59e0b var(--not) 100%);position:relative;display:grid;place-content:center;text-align:center}.pck-d-donut:before{content:"";position:absolute;inset:25px;background:#fff;border-radius:50%}.pck-d-donut b,.pck-d-donut small{position:relative;z-index:1}.pck-d-donut b{font-size:30px}.pck-d-donut small{color:#64748b}.pck-d-legend{display:grid;gap:12px;min-width:145px}.pck-d-legend span{display:flex;justify-content:space-between;gap:18px;font-size:12px}.pck-d-legend span:before{content:"";width:9px;height:9px;border-radius:50%;margin-top:4px}.pck-d-legend .ready:before{background:#16a34a}.pck-d-legend .not:before{background:#dc2626}.pck-d-legend .incomplete:before{background:#f59e0b}.pck-d-bars{padding:16px 18px;display:grid;gap:13px}.pck-d-bars>div>span{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:6px}.pck-d-bars i{display:block;height:8px;background:#eef2f7;border-radius:999px;overflow:hidden}.pck-d-bars em{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:999px}.pck-d-camera{padding:12px 18px;display:grid;gap:9px}.pck-d-camera>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f7;font-size:12px}.pck-d-camera>div:last-child{border-bottom:0}.pck-d-camera span{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pck-d-camera em{font-style:normal;background:#f1f5f9;color:#64748b;padding:3px 7px;border-radius:999px}.pck-d-camera em.pass{background:#dcfce7;color:#166534}.pck-d-camera em.fail{background:#fee2e2;color:#991b1b}.pck-d-activity{display:grid;padding:8px 16px}.pck-d-activity-item{border:0;border-bottom:1px solid #eef2f7;background:transparent;padding:11px 0;display:grid;grid-template-columns:10px 1fr auto;gap:10px;text-align:left;align-items:center}.pck-d-activity-item:hover{background:#f8fafc}.pck-d-activity-item>i{width:8px;height:8px;border-radius:50%;background:#f59e0b}.pck-d-activity-item>i.ok{background:#16a34a}.pck-d-activity-item>i.bad{background:#dc2626}.pck-d-activity-item span{display:grid}.pck-d-activity-item span:last-child{text-align:right}.pck-d-activity-item small{color:#64748b;font-size:10px}.pck-d-activity-item strong{font-size:10px}.pck-d-empty{padding:30px;text-align:center;color:#94a3b8}.pck-d-panel table{width:100%}
@media(max-width:1400px){.pck-d-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.pck-d-filter{grid-template-columns:repeat(4,minmax(130px,1fr))}}
@media(max-width:900px){.pck-d-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pck-d-grid.two{grid-template-columns:1fr}.pck-d-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.pck-d-donut-wrap{flex-direction:column}.pck-d-line{height:220px}}
@media(max-width:560px){.pck-d-kpis,.pck-d-filter{grid-template-columns:1fr}.pck-d-kpi strong{font-size:22px}.pck-d-activity-item{grid-template-columns:8px 1fr}.pck-d-activity-item>span:last-child{grid-column:2;text-align:left}}

/* Build 001.4 - Pre Check to Repair integration */
.repair-source-card{border:1px solid #bfdbfe;background:#eff6ff}.repair-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.repair-source-grid div{display:flex;flex-direction:column;gap:4px}.repair-source-grid span{font-size:12px;color:#64748b}.repair-source-grid b{color:#1e3a5f}.pck-actions .danger{background:#b91c1c;border-color:#b91c1c;color:#fff}@media(max-width:640px){.repair-source-grid{grid-template-columns:1fr}}

/* Build 002.1 - Pre Check page shell aligned with Fleet DMS Management */
.pck-dashboard{--pck-primary:#0f766e;--pck-primary-dark:#0b5f59;--pck-muted:#64748b;gap:14px!important}
.pck-module-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:18px;padding:17px 19px!important;background:linear-gradient(135deg,#fff 0%,#f8fbfd 100%)!important;border:1px solid #dbe5ea!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(31,55,78,.04)!important}
.pck-module-head>div:first-child{min-width:0}
.pck-module-head span{display:block;margin:0 0 4px;font-size:10px;line-height:1.2;font-weight:900;letter-spacing:.12em;color:var(--pck-primary)}
.pck-module-head h2{margin:0;font-size:22px;line-height:1.18;letter-spacing:-.02em;color:#102f4d}
.pck-module-head p{margin:5px 0 0;font-size:12px;line-height:1.45;color:var(--pck-muted)}
.pck-page-tabs{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:4px;border:1px solid #d7e2eb;border-radius:12px;background:#f4f7fa;flex-wrap:nowrap}
.pck-page-tabs button{min-height:34px;padding:7px 12px;border:0;border-radius:8px;background:transparent;box-shadow:none;white-space:nowrap;font-size:11px;font-weight:800;color:#36536c}
.pck-page-tabs button:hover{background:#eaf1f5}
.pck-page-tabs button.active{background:#fff;color:var(--pck-primary-dark);box-shadow:0 2px 8px rgba(15,42,67,.10)}
.pck-d-filter{border:1px solid #dbe5ea!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(31,55,78,.04)!important}
.pck-d-filter .primary{background:var(--pck-primary)!important;border-color:var(--pck-primary)!important}
.pck-d-kpi{border-color:#dbe5ea!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(31,55,78,.05)!important}
.pck-d-panel{border:1px solid #dbe5ea!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(31,55,78,.04)!important}
@media(max-width:980px){.pck-module-head{grid-template-columns:1fr}.pck-page-tabs{justify-content:stretch}.pck-page-tabs button{flex:1}}
@media(max-width:560px){.pck-module-head{padding:14px!important}.pck-module-head h2{font-size:19px}.pck-page-tabs{display:grid;grid-template-columns:1fr}.pck-page-tabs button{width:100%}}

/* Build 002.2 - Pre Check Dashboard UI Refinement (Fleet-aligned) */
.pck-dashboard{
  --pck-border:#d8e4eb;
  --pck-shadow:0 8px 22px rgba(30,55,78,.055);
  gap:18px!important;
}
.pck-module-head{
  min-height:108px;
  padding:18px 20px!important;
  border-color:var(--pck-border)!important;
  box-shadow:var(--pck-shadow)!important;
}
.pck-module-head h2{font-size:22px!important}
.pck-module-head p{max-width:680px;font-size:12px!important}
.pck-page-tabs{min-height:42px;padding:4px!important;gap:4px!important}
.pck-page-tabs button{min-height:34px;padding:7px 14px!important;font-size:11px!important}

.pck-d-filter{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(125px,1fr)) auto auto!important;
  align-items:end!important;
  gap:10px!important;
  padding:14px 16px!important;
  border-color:var(--pck-border)!important;
  box-shadow:var(--pck-shadow)!important;
}
.pck-d-filter label{gap:6px!important;line-height:1.1}
.pck-d-filter input,.pck-d-filter select,.pck-d-filter button{
  height:38px!important;
  min-height:38px!important;
  border-radius:8px!important;
  box-sizing:border-box;
}
.pck-d-filter button{padding:0 14px!important;align-self:end}

.pck-d-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.pck-d-kpi{
  min-height:104px;
  padding:15px 16px!important;
  align-items:flex-start;
  border-color:var(--pck-border)!important;
  box-shadow:var(--pck-shadow)!important;
}
.pck-d-kpi>span{width:38px!important;height:38px!important;border-radius:11px!important}
.pck-d-kpi small{font-size:10px!important;line-height:1.25;white-space:normal}
.pck-d-kpi strong{font-size:25px!important;margin-top:2px}
.pck-d-kpi em{
  margin-top:4px;
  font-size:10px!important;
  line-height:1.35;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

.pck-d-grid{gap:16px!important}
.pck-grid-8-4{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)!important}
.pck-grid-6-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.pck-d-panel{
  border-color:var(--pck-border)!important;
  box-shadow:var(--pck-shadow)!important;
  border-radius:14px!important;
}
.pck-d-panel .panel-head{min-height:70px;padding:16px 18px!important;display:flex;align-items:center}
.pck-d-panel .panel-head h3{font-size:18px;line-height:1.2}
.pck-d-panel .panel-head small{font-size:11px;line-height:1.4}
.pck-d-line{height:270px!important}

@media(max-width:1450px){
  .pck-d-filter{grid-template-columns:repeat(4,minmax(145px,1fr))!important}
  .pck-d-filter button{width:100%}
}
@media(max-width:1050px){
  .pck-d-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pck-grid-8-4,.pck-grid-6-6{grid-template-columns:1fr!important}
  .pck-d-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pck-module-head{grid-template-columns:1fr!important;align-items:start!important}
  .pck-page-tabs{justify-content:stretch!important;width:100%}
  .pck-page-tabs button{flex:1}
}
@media(max-width:640px){
  .pck-dashboard{gap:12px!important}
  .pck-module-head{min-height:0;padding:14px!important}
  .pck-page-tabs{display:grid!important;grid-template-columns:1fr!important}
  .pck-page-tabs button{width:100%}
  .pck-d-filter{grid-template-columns:1fr!important;padding:12px!important}
  .pck-d-kpis{grid-template-columns:1fr!important;gap:10px!important}
  .pck-d-kpi{min-height:92px}
  .pck-d-panel .panel-head{min-height:0;padding:14px!important}
  .pck-d-line{height:220px!important}
}

/* Build 28 - Pre Check record list refinement */
.pck-record-page{display:grid;gap:16px}.pck-record-page .pck-module-head{margin:0}.pck-record-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pck-record-summary article{background:#fff;border:1px solid #dbe5ef;border-radius:14px;padding:16px 18px;box-shadow:0 8px 24px rgba(25,55,90,.05);display:grid;gap:4px;min-height:104px}.pck-record-summary article span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#526a83}.pck-record-summary article strong{font-size:28px;line-height:1;color:#082b50}.pck-record-summary article small{color:#71839a}.pck-record-summary article.ready{border-top:3px solid #16a36a}.pck-record-summary article.not-ready{border-top:3px solid #e5484d}.pck-record-summary article.incomplete{border-top:3px solid #e7a514}.pck-record-toolbar{display:grid;grid-template-columns:minmax(230px,1.6fr) repeat(4,minmax(135px,.75fr)) auto auto;gap:10px;align-items:end;padding:14px}.pck-record-toolbar label{display:grid;gap:5px;min-width:0}.pck-record-toolbar label>span{font-size:11px;font-weight:800;color:#526a83;text-transform:uppercase;letter-spacing:.04em}.pck-record-toolbar input,.pck-record-toolbar select,.pck-record-toolbar button{height:40px;min-height:40px}.pck-record-toolbar button{padding-inline:16px;white-space:nowrap}.pck-record-table-panel{padding:0;overflow:hidden}.pck-table-scroll{max-height:540px;overflow:auto}.pck-record-table{min-width:1180px;width:100%;border-collapse:separate;border-spacing:0}.pck-record-table thead th{position:sticky;top:0;z-index:2;background:#eef4f8;color:#405b76;font-size:11px;text-transform:uppercase;letter-spacing:.035em;border-bottom:1px solid #d8e3ec;padding:13px 12px;white-space:nowrap}.pck-record-table tbody td{padding:12px;border-bottom:1px solid #e5edf4;vertical-align:middle}.pck-record-table tbody tr:nth-child(even){background:#fbfdff}.pck-record-table tbody tr:hover{background:#f3f9fc}.pck-col-no{width:46px;text-align:center;color:#71839a}.pck-col-doc{min-width:205px}.pck-col-doc small{display:block;margin-top:3px;color:#8a9aac;font-size:10px}.pck-doc-link{appearance:none;border:0;background:none;padding:0;color:#083a6b;font-weight:800;cursor:pointer;text-align:left}.pck-doc-link:hover{text-decoration:underline}.pck-shift-tag{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 8px;border-radius:999px;background:#edf4fb;color:#275578;font-weight:700}.pck-list-progress{display:flex;align-items:center;gap:8px;min-width:105px}.pck-list-progress>div{width:64px;height:7px;background:#e5edf3;border-radius:999px;overflow:hidden}.pck-list-progress i{display:block;height:100%;background:#168f82;border-radius:inherit}.pck-list-progress span{font-size:11px;font-weight:700;color:#526a83;white-space:nowrap}.pck-row-actions{display:flex;gap:6px;white-space:nowrap}.pck-row-actions .small{min-height:32px;padding:6px 10px;border-radius:8px}.pck-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fbfdff;border-top:1px solid #e1e9f0;color:#63788d;font-size:12px}.pck-table-footer>div{display:flex;align-items:center;gap:10px}.pck-table-footer button{width:34px;height:32px;padding:0;border-radius:8px}.pck-table-footer button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1180px){.pck-record-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.pck-record-toolbar .search{grid-column:span 2}.pck-record-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.pck-record-page{gap:12px}.pck-record-summary{grid-template-columns:1fr 1fr;gap:8px}.pck-record-summary article{padding:13px;min-height:92px}.pck-record-summary article strong{font-size:24px}.pck-record-toolbar{grid-template-columns:1fr 1fr;padding:12px}.pck-record-toolbar .search{grid-column:1/-1}.pck-record-toolbar button{width:100%}.pck-table-scroll{max-height:none}.pck-table-footer{align-items:flex-start;flex-direction:column}.pck-page-tabs{width:100%;overflow-x:auto}.pck-module-head{align-items:flex-start}.pck-module-head>div:first-child{min-width:0}}
@media(max-width:460px){.pck-record-summary{grid-template-columns:1fr}.pck-record-toolbar{grid-template-columns:1fr}.pck-record-toolbar .search{grid-column:auto}}
/* Build 002.4 - New Pre Check form layout refinement */
.modal-box:has(.pck-form){
  width:min(1280px,calc(100vw - 36px));
  max-height:calc(100vh - 28px);
  padding:0;
  overflow:auto;
  border-radius:18px;
  background:#f5f8fc;
  box-shadow:0 28px 90px rgba(15,23,42,.28);
}
.modal-box:has(.pck-form)>#modalClose.close,
.modal-box:has(.pck-form)>.close{
  position:fixed;
  top:22px;
  right:26px;
  z-index:80;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #dbe4ee;
  border-radius:10px;
  background:#fff;
  color:#334155;
  font-size:22px;
  box-shadow:0 6px 18px rgba(15,23,42,.12);
}
.pck-form{
  max-width:none;
  padding:20px 20px 104px;
}
.pck-form-head{
  position:sticky;
  top:0;
  z-index:25;
  align-items:center;
  margin:-20px -20px 16px;
  padding:18px 68px 16px 20px;
  border-bottom:1px solid #dbe4ee;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(10px);
}
.pck-form-head h2{font-size:22px;line-height:1.2;color:#102f4d}
.pck-form-head p{margin-top:4px!important;color:#64748b;font-size:12px}
.pck-result-large{
  min-width:170px;
  padding:11px 16px;
  font-size:15px;
  border-radius:12px;
}
.pck-form section{
  margin:0 0 14px;
  padding:16px;
  border-color:#dbe4ee;
  box-shadow:0 5px 16px rgba(30,55,78,.035);
}
.pck-form section h3{font-size:17px;color:#102f4d}
.pck-form .form-grid{gap:12px 14px}
.pck-form .form-grid label{color:#334155}
.pck-form .form-grid input,
.pck-form .form-grid select,
.pck-form .form-grid textarea{
  min-height:40px;
  margin-top:6px;
  padding:9px 11px;
  border-color:#cfdbe6;
  background:#fff;
}
.pck-overview{gap:12px;margin-bottom:14px}
.pck-summary-card{min-height:72px;padding:11px 13px;box-shadow:0 4px 14px rgba(30,55,78,.035)}
.pck-progress-wrap{margin-bottom:14px;box-shadow:0 4px 14px rgba(30,55,78,.035)}
.pck-section{margin-bottom:14px;border-color:#d6e2ea;box-shadow:0 5px 18px rgba(30,55,78,.04)}
.pck-section-toggle{min-height:52px;padding:13px 16px;background:#f8fbfd}
.pck-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}
.pck-check-card{min-width:0;padding:13px;border-color:#d6e2ea}
.pck-status-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.pck-status-option span{min-height:34px;padding:8px 5px;display:grid;place-items:center}
.pck-card-field input[type=text]{min-height:36px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px}
.pck-actions{
  position:fixed;
  left:max(18px,calc(50vw - 640px));
  right:max(18px,calc(50vw - 640px));
  bottom:14px;
  z-index:70;
  min-height:58px;
  margin:0;
  padding:10px 14px;
  border:1px solid #d7e2eb;
  border-radius:14px;
  background:rgba(255,255,255,.97);
  box-shadow:0 14px 38px rgba(15,23,42,.18);
}
.pck-actions button{min-height:38px;padding:8px 14px;border-radius:9px}
.pck-autosave{margin-right:auto;text-align:left;min-width:0}
@media(min-width:1180px){
  .pck-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .modal-box:has(.pck-form){width:calc(100vw - 20px);max-height:calc(100vh - 18px)}
  .pck-form{padding:16px 16px 100px}
  .pck-form-head{margin:-16px -16px 14px;padding:15px 58px 14px 16px;align-items:flex-start}
  .pck-card-grid{grid-template-columns:1fr}
  .pck-actions{left:18px;right:18px;bottom:10px}
  .modal-box:has(.pck-form)>#modalClose.close,
  .modal-box:has(.pck-form)>.close{top:14px;right:16px}
}
@media(max-width:620px){
  .modal{padding:0}
  .modal-box:has(.pck-form){width:100vw;max-height:100vh;height:100vh;border-radius:0}
  .pck-form{padding:13px 12px 132px}
  .pck-form-head{margin:-13px -12px 12px;padding:13px 50px 12px 12px;display:grid;gap:10px}
  .pck-form-head h2{font-size:18px}
  .pck-result-large{width:100%;min-width:0;padding:9px 12px;font-size:13px}
  .pck-form .form-grid{grid-template-columns:1fr}
  .pck-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pck-summary-card{min-height:66px}
  .pck-card-grid{padding:9px}
  .pck-check-card{padding:11px}
  .pck-status-options{grid-template-columns:1fr}
  .pck-actions{left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px}
  .pck-actions .pck-autosave{grid-column:1/-1;text-align:center;margin:0}
  .pck-actions button{width:100%;padding:8px 7px}
  .modal-box:has(.pck-form)>#modalClose.close,
  .modal-box:has(.pck-form)>.close{position:fixed;top:8px;right:8px;width:34px;height:34px}
}

/* Build 007.1 - Pre Check Record: simple professional refinement */
.pck-record-page{gap:12px}
.pck-record-page .pck-module-head{padding:16px 18px;min-height:auto;border-color:#dbe5ef;box-shadow:0 4px 16px rgba(25,55,90,.035)}
.pck-record-page .pck-module-head h2{font-size:20px;line-height:1.25;margin:2px 0 4px}
.pck-record-page .pck-module-head p{font-size:12px;margin:0;color:#63788d}
.pck-record-page .pck-module-head>div:first-child>span{font-size:9px;letter-spacing:.13em}
.pck-record-page .pck-page-tabs{padding:3px;border-radius:10px;background:#f4f7fa;border:1px solid #dce6ee;gap:2px}
.pck-record-page .pck-page-tabs button{min-height:34px;padding:7px 13px;border:0;border-radius:7px;background:transparent;box-shadow:none;font-size:11px}
.pck-record-page .pck-page-tabs button.active{background:#fff;box-shadow:0 2px 8px rgba(20,51,80,.09)}

.pck-record-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pck-record-summary article{min-height:76px;padding:11px 14px;border-radius:11px;box-shadow:none;display:flex;align-items:center;gap:12px;border-top-width:1px}
.pck-record-summary article::before{content:"";width:8px;height:34px;border-radius:999px;background:#7c91a6;flex:0 0 auto}
.pck-record-summary article.ready::before{background:#16a36a}
.pck-record-summary article.not-ready::before{background:#e5484d}
.pck-record-summary article.incomplete::before{background:#e7a514}
.pck-record-summary article>span{font-size:10px;line-height:1.1;flex:1}
.pck-record-summary article>strong{font-size:24px;order:3}
.pck-record-summary article>small{display:none}

.pck-record-toolbar{grid-template-columns:minmax(250px,1.55fr) minmax(145px,.8fr) repeat(3,minmax(130px,.7fr)) auto auto;gap:8px;padding:11px 12px;border-radius:12px;box-shadow:none}
.pck-record-toolbar label{gap:4px}
.pck-record-toolbar label>span{font-size:9px;letter-spacing:.065em}
.pck-record-toolbar input,.pck-record-toolbar select,.pck-record-toolbar button{height:36px;min-height:36px;border-radius:8px;font-size:12px}
.pck-record-toolbar button{padding-inline:14px}

.pck-record-table-panel{border-radius:12px;box-shadow:0 5px 18px rgba(25,55,90,.045);border:1px solid #dce6ee}
.pck-table-scroll{max-height:500px}
.pck-record-table{min-width:1080px}
.pck-record-table thead th{padding:11px 10px;font-size:9px;letter-spacing:.07em;background:#f3f7fa;color:#50677e}
.pck-record-table tbody td{padding:10px;border-bottom-color:#e8eef3;font-size:12px}
.pck-record-table tbody tr:nth-child(even){background:#fcfdfe}
.pck-record-table tbody tr:hover{background:#f6fafc}
.pck-col-no{width:38px}
.pck-col-doc{min-width:175px}
.pck-col-doc small{font-size:9px;color:#91a0ae;margin-top:2px}
.pck-doc-link{font-size:12px;color:#0b365d}
.pck-shift-tag{min-width:42px;padding:3px 7px;font-size:10px}
.pck-list-progress{gap:6px;min-width:95px}
.pck-list-progress>div{width:54px;height:5px}
.pck-list-progress span{font-size:10px}
.pck-row-actions{gap:5px}
.pck-row-actions .small{min-height:29px;padding:5px 9px;border-radius:7px;font-size:11px}
.pck-table-footer{padding:9px 12px;font-size:11px;background:#fff}
.pck-table-footer button{width:30px;height:28px;border-radius:7px}

@media(max-width:1180px){
  .pck-record-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pck-record-toolbar .search{grid-column:span 2}
}
@media(max-width:720px){
  .pck-record-page .pck-module-head{padding:14px;gap:12px}
  .pck-record-summary{grid-template-columns:1fr 1fr}
  .pck-record-summary article{min-height:68px;padding:10px 12px}
  .pck-record-summary article strong{font-size:21px}
  .pck-record-toolbar{grid-template-columns:1fr 1fr}
  .pck-record-toolbar .search{grid-column:1/-1}
  .pck-record-table{min-width:920px}
}
@media(max-width:460px){
  .pck-record-summary{grid-template-columns:1fr 1fr}
  .pck-record-summary article::before{height:28px}
  .pck-record-toolbar{grid-template-columns:1fr}
  .pck-record-toolbar .search{grid-column:auto}
}


/* Build 29: Backup Part Pending Validation contrast */
.bp-kpi.success{background:linear-gradient(135deg,#ffffff 0%,#ecfdf5 100%)!important;border-color:#a7f3d0!important;color:#0f172a!important}
.bp-kpi.success:before{background:#10b981!important}
.bp-kpi.success span{color:#047857!important}.bp-kpi.success strong{color:#0f172a!important}.bp-kpi.success small{color:#64748b!important}
/* Central Database Pre Check masters */
#content .precheck-master-panel table{min-width:360px}
#content .precheck-master-panel td:first-child{width:55%}

/* =========================================================
   PRE CHECK LOGIC DMS — MODERN ENTERPRISE UI (STAGING)
   Scoped exclusively to .pck-* components.
   ========================================================= */
:root{
  --pck-navy:#071d3a;
  --pck-navy-2:#0a315f;
  --pck-blue:#1268f3;
  --pck-cyan:#18b9f2;
  --pck-green:#13a66a;
  --pck-red:#e5484d;
  --pck-amber:#ee9b13;
  --pck-ink:#10243e;
  --pck-muted:#697b91;
  --pck-line:#dce6f1;
  --pck-surface:#ffffff;
  --pck-bg:#f3f7fc;
  --pck-shadow:0 12px 32px rgba(15,42,78,.09);
}
.pck-record-page,.pck-dashboard{gap:14px!important}
.pck-record-page .panel,.pck-dashboard .panel{border-color:var(--pck-line);box-shadow:var(--pck-shadow)}
.pck-module-head{
  position:relative;overflow:hidden;min-height:132px!important;padding:24px 28px!important;
  background:linear-gradient(112deg,#061b38 0%,#0a3568 54%,#0d4e8b 100%)!important;
  border:0!important;border-radius:18px!important;box-shadow:0 18px 40px rgba(5,35,75,.22)!important;color:#fff
}
.pck-module-head:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 36%,rgba(56,189,248,.30),transparent 26%),linear-gradient(90deg,transparent 52%,rgba(255,255,255,.045));pointer-events:none}
.pck-module-head:after{content:"";position:absolute;right:18%;top:-72px;width:280px;height:280px;border:1px solid rgba(125,211,252,.16);border-radius:50%;box-shadow:0 0 0 34px rgba(125,211,252,.05),0 0 0 72px rgba(125,211,252,.03);pointer-events:none}
.pck-module-head>div{position:relative;z-index:1}.pck-module-head span{color:#82d9ff!important}.pck-module-head h2{font-size:27px!important;color:#fff!important;max-width:660px}.pck-module-head p{font-size:13px!important;color:#d8e9fb!important;max-width:720px!important}
.pck-page-tabs{position:relative;z-index:2;padding:6px;background:rgba(2,18,40,.48)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:13px!important;backdrop-filter:blur(8px)}
.pck-page-tabs button{min-height:39px!important;border:0!important;background:transparent!important;color:#dcecff!important;border-radius:9px!important;font-weight:800!important;padding:0 16px!important}
.pck-page-tabs button:hover{background:rgba(255,255,255,.10)!important;color:#fff!important}.pck-page-tabs button.active{background:#fff!important;color:#082b52!important;box-shadow:0 6px 18px rgba(0,0,0,.16)!important}.pck-page-tabs #pck-new,.pck-page-tabs #pck-d-new{background:linear-gradient(135deg,#1771ff,#0f5be7)!important;color:#fff!important;box-shadow:0 7px 18px rgba(17,105,244,.34)!important}
.pck-record-summary{gap:12px!important}.pck-record-summary article{position:relative;overflow:hidden;min-height:110px!important;border:1px solid #dae6f3!important;border-radius:16px!important;padding:18px 20px 17px 62px!important;box-shadow:0 10px 26px rgba(21,52,88,.07)!important;background:linear-gradient(145deg,#fff,#f8fbff)!important}
.pck-record-summary article:before{position:absolute;left:17px;top:18px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:17px;font-weight:900;background:#e8f1ff;color:#1467e8;content:"▣"}.pck-record-summary article.ready:before{content:"✓";background:#e3f8ef;color:#0d9660}.pck-record-summary article.not-ready:before{content:"!";background:#ffeaec;color:#d83d47}.pck-record-summary article.incomplete:before{content:"◷";background:#fff3dc;color:#d98500}
.pck-record-summary article:after{content:"";position:absolute;right:-35px;bottom:-45px;width:100px;height:100px;border-radius:50%;background:rgba(20,103,232,.055)}.pck-record-summary article.ready:after{background:rgba(13,150,96,.06)}.pck-record-summary article.not-ready:after{background:rgba(216,61,71,.06)}.pck-record-summary article.incomplete:after{background:rgba(217,133,0,.07)}
.pck-record-summary article span{font-size:10px!important;letter-spacing:.09em!important}.pck-record-summary article strong{font-size:29px!important}.pck-record-summary article.ready{border-top:1px solid #bfead7!important}.pck-record-summary article.not-ready{border-top:1px solid #f7cbd0!important}.pck-record-summary article.incomplete{border-top:1px solid #f4ddb2!important}
.pck-record-toolbar{padding:16px!important;border-radius:16px!important;background:rgba(255,255,255,.96)!important}.pck-record-toolbar label>span{font-size:10px!important;color:#516985!important}.pck-record-toolbar input,.pck-record-toolbar select{border:1px solid #cfdaE8!important;border-radius:10px!important;background:#f9fbfe!important;box-shadow:inset 0 1px 2px rgba(15,42,78,.03)}.pck-record-toolbar input:focus,.pck-record-toolbar select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.13)!important}.pck-record-toolbar button{border-radius:10px!important;font-weight:800!important}.pck-record-toolbar #pck-filter{background:linear-gradient(135deg,#176ef3,#0d5cdb)!important;box-shadow:0 8px 18px rgba(23,110,243,.22)!important}
.pck-record-table-panel{border-radius:16px!important}.pck-record-table thead th{background:linear-gradient(180deg,#0a315f,#072647)!important;color:#fff!important;border-bottom:0!important;padding:14px 12px!important}.pck-record-table tbody td{padding:14px 12px!important}.pck-record-table tbody tr{transition:.18s}.pck-record-table tbody tr:hover{background:#eef6ff!important;transform:translateY(-1px)}.pck-doc-link{color:#075fc8!important}.pck-shift-tag{background:#e7f1ff!important;color:#0b5bc2!important}.pck-list-progress>div{height:6px!important;background:#e3ebf5!important}.pck-list-progress i{background:linear-gradient(90deg,#1970f4,#19b7e8)!important}.pck-row-actions .small{border-color:#cfdbE9!important;background:#fff!important}.pck-row-actions .small:hover{border-color:#2f78df!important;color:#105ebc!important;background:#eef6ff!important}.pck-table-footer{background:#f8fbff!important}
.modal-box:has(.pck-form){width:min(1440px,97vw)!important;max-height:96vh!important;border-radius:20px!important;background:#edf4fc!important;box-shadow:0 30px 80px rgba(2,20,47,.32)!important;border:1px solid rgba(255,255,255,.7)!important}
.pck-form{max-width:none!important;padding:0 16px 92px!important;background:linear-gradient(180deg,#eef5fd 0%,#f7faff 100%)!important}
.pck-form-head{position:sticky;top:0;z-index:18;margin:0 -16px 15px!important;padding:18px 24px!important;align-items:center!important;background:linear-gradient(112deg,#061b38,#0a3568 62%,#0b4a84)!important;color:#fff;border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 10px 24px rgba(4,29,62,.18)}
.pck-form-head h2{font-size:24px!important;color:#fff!important}.pck-form-head p{color:#cfe3f8!important}.pck-result-large{min-width:170px!important;padding:11px 17px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:13px!important;letter-spacing:.04em;backdrop-filter:blur(6px)}.pck-result-large.ok{background:rgba(16,185,129,.18)!important;color:#b7f7dd!important}.pck-result-large.bad{background:rgba(244,63,94,.18)!important;color:#ffd0d8!important}.pck-result-large.warn{background:rgba(245,158,11,.18)!important;color:#ffe1a5!important}
.pck-form section{border:1px solid #d6e3f0!important;border-radius:16px!important;padding:17px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 9px 24px rgba(22,52,87,.06)!important}.pck-form section h3{font-size:15px!important;text-transform:uppercase;letter-spacing:.04em;color:#153c67!important}.pck-form .form-grid label{font-size:11px!important;font-weight:800!important;color:#536c87!important}.pck-form .form-grid input,.pck-form .form-grid select,.pck-form .form-grid textarea{min-height:42px!important;border:1px solid #cfdaE7!important;border-radius:10px!important;background:#f9fbfe!important}.pck-form .form-grid input[readonly]{background:#eef4fa!important;color:#244562!important;font-weight:700!important}
.pck-overview{gap:12px!important}.pck-summary-card{position:relative;overflow:hidden;border-radius:15px!important;padding:15px 17px!important;box-shadow:0 8px 22px rgba(17,48,82,.05)!important}.pck-summary-card strong{font-size:25px!important}.pck-summary-card.pass{border:1px solid #bde9d4!important;background:linear-gradient(145deg,#fff,#eefcf6)!important}.pck-summary-card.fail{border:1px solid #f4c6cb!important;background:linear-gradient(145deg,#fff,#fff1f2)!important}.pck-summary-card.pending{border:1px solid #d6e0eb!important;background:linear-gradient(145deg,#fff,#f5f8fc)!important}.pck-summary-card.progress{border:1px solid #badfee!important;background:linear-gradient(145deg,#fff,#edf9ff)!important}
.pck-progress-wrap{border-radius:15px!important;border-color:#d6e3f0!important;box-shadow:0 8px 22px rgba(17,48,82,.05)!important}.pck-progress-track{height:9px!important}.pck-progress-bar{background:linear-gradient(90deg,#176ef3,#19b8e9)!important}
.pck-section{border:1px solid #d5e2ef!important;border-radius:16px!important;box-shadow:0 10px 26px rgba(15,43,76,.06)!important}.pck-section-toggle{padding:16px 18px!important;background:linear-gradient(180deg,#fff,#f4f8fd)!important;color:#13385f!important}.pck-section-toggle:hover{background:#eef6ff!important}.pck-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:14px!important}.pck-check-card{border-radius:14px!important;padding:14px!important;box-shadow:0 6px 18px rgba(19,48,80,.045)!important}.pck-check-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(19,48,80,.10)!important}.pck-check-card.pass{background:linear-gradient(145deg,#fff,#effcf6)!important}.pck-check-card.fail{background:linear-gradient(145deg,#fff,#fff1f2)!important}.pck-check-card.pending{background:linear-gradient(145deg,#fff,#f6f9fd)!important}.pck-check-card-head strong{font-size:14px!important}.pck-state-chip{padding:5px 9px!important}.pck-status-option span{padding:9px 5px!important;border-radius:9px!important;transition:.18s}.pck-status-option span:hover{border-color:#3d7ed2!important;background:#eef6ff!important}.pck-status-option.pass input:checked+span{background:linear-gradient(135deg,#14a66b,#0d8e5b)!important;box-shadow:0 6px 14px rgba(20,166,107,.22)}.pck-status-option.fail input:checked+span{background:linear-gradient(135deg,#ef4e57,#d73742)!important;box-shadow:0 6px 14px rgba(229,72,77,.22)}.pck-status-option.pending input:checked+span{background:linear-gradient(135deg,#71839a,#53667e)!important}.pck-upload{min-width:105px!important;height:42px!important;border:1.5px dashed #168fc0!important;border-radius:10px!important;background:#eefaff!important;color:#08749f!important}.pck-upload:hover{background:#e0f5ff!important;border-color:#0b76b7!important}.pck-thumb-wrap{width:82px!important;height:62px!important;border-radius:10px!important;box-shadow:0 5px 12px rgba(14,40,70,.12)}
.pck-actions{margin:16px -16px -92px!important;padding:13px 18px!important;background:rgba(255,255,255,.93)!important;border-top:1px solid #d7e2ee!important;box-shadow:0 -10px 28px rgba(12,42,75,.12)!important}.pck-actions button{min-height:42px!important;border-radius:10px!important;font-weight:800!important}.pck-actions .primary{background:linear-gradient(135deg,#176ef3,#0c58d3)!important;box-shadow:0 8px 18px rgba(23,110,243,.20)!important}.pck-actions .success{background:linear-gradient(135deg,#13a66a,#0b8655)!important}.pck-actions .danger{background:linear-gradient(135deg,#ed4b55,#cc303b)!important}
@media(max-width:1180px){.pck-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pck-record-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pck-record-toolbar .search{grid-column:span 2}}
@media(max-width:760px){.pck-module-head{min-height:0!important;padding:18px!important}.pck-module-head h2{font-size:22px!important}.pck-record-summary{grid-template-columns:1fr 1fr!important}.pck-record-toolbar{grid-template-columns:1fr 1fr!important}.pck-record-toolbar .search{grid-column:1/-1}.pck-card-grid{grid-template-columns:1fr!important}.pck-overview{grid-template-columns:1fr 1fr!important}.pck-form-head{align-items:flex-start!important}.pck-result-large{min-width:0!important}.pck-actions{flex-wrap:wrap}.pck-actions button{flex:1;min-width:150px}}
@media(max-width:480px){.pck-record-summary{grid-template-columns:1fr!important}.pck-overview{grid-template-columns:1fr!important}.pck-record-toolbar{grid-template-columns:1fr!important}.pck-record-toolbar .search{grid-column:auto}.pck-page-tabs{grid-template-columns:1fr!important}.pck-form{padding-inline:10px!important}.pck-form-head{margin-inline:-10px!important}.pck-actions{margin-inline:-10px!important}}


/* Backup Part stock addition & movement history */
.bp-row-actions button.success{border-color:#86efac;color:#047857;background:#f0fdf4}.bp-row-actions button.success:hover{background:#dcfce7}
.bp-stock-target{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 18px}.bp-stock-target>div{border:1px solid #dbe5f1;border-radius:14px;padding:14px 16px;background:linear-gradient(145deg,#f8fbff,#fff)}.bp-stock-target span{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.bp-stock-target b{display:block;color:#10213d;font-size:15px;margin:5px 0}.bp-stock-target small{color:#64748b}
.bp-history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 18px}.bp-history-summary>div{border:1px solid #dbe5f1;border-radius:14px;padding:14px;background:#f8fafc}.bp-history-summary span{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase}.bp-history-summary b{display:inline-block;font-size:24px;color:#10213d;margin:5px 5px 0 0}.bp-history-summary small{color:#64748b}.bp-history-summary .in{background:#f0fdf4;border-color:#bbf7d0}.bp-history-summary .in b{color:#047857}.bp-history-summary .out{background:#fff1f2;border-color:#fecdd3}.bp-history-summary .out b{color:#be123c}
.bp-history-table-wrap{max-height:440px;overflow:auto;border:1px solid #dbe5f1;border-radius:14px}.bp-history-table{width:100%;border-collapse:collapse;min-width:850px}.bp-history-table th{position:sticky;top:0;z-index:1;background:#102a50;color:#fff;padding:12px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.bp-history-table td{padding:12px;border-bottom:1px solid #e7edf5;font-size:13px}.bp-history-table tbody tr:hover{background:#f8fbff}.bp-movement-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.bp-movement-badge.in{background:#dcfce7;color:#047857}.bp-movement-badge.out{background:#ffe4e6;color:#be123c}.bp-qty-in{color:#047857}.bp-qty-out{color:#be123c}
@media(max-width:780px){.bp-stock-target,.bp-history-summary{grid-template-columns:1fr 1fr}}


/* Backup Part Inventory action layout hotfix - Build 007.2 */
.bp-inventory-table th:nth-child(1){width:27%}
.bp-inventory-table th:nth-child(2){width:14%}
.bp-inventory-table th:nth-child(3){width:17%}
.bp-inventory-table th:nth-child(4){width:7%}
.bp-inventory-table th:nth-child(5){width:13%}
.bp-inventory-table th:nth-child(6){width:11%}
.bp-inventory-table th:nth-child(7){width:150px;min-width:150px}
.bp-inventory-table td:last-child{overflow:visible}
.bp-row-actions.bp-row-actions-compact{display:grid!important;grid-template-columns:minmax(78px,1fr) 38px!important;align-items:center!important;justify-content:end!important;gap:7px!important;width:100%!important;min-width:123px!important;white-space:normal!important}
.bp-row-actions.bp-row-actions-compact button{box-sizing:border-box!important;height:34px!important;min-width:0!important;margin:0!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-weight:700!important;border-radius:8px!important;position:static!important;transform:none!important}
.bp-row-actions .bp-details-btn{width:100%!important;background:#fff!important;color:#17355c!important;border:1px solid #cbd9ea!important}
.bp-row-actions .bp-details-btn:hover{background:#eef6ff!important;color:#075fbd!important;border-color:#8db6ea!important}
.bp-row-actions .bp-more-btn{width:38px!important;padding:0!important;font-size:20px!important;letter-spacing:1px!important;background:#f5f8fc!important;color:#17355c!important;border:1px solid #cbd9ea!important}
.bp-row-actions .bp-more-btn:hover{background:#e7f1ff!important;color:#075fbd!important;border-color:#8db6ea!important}
.bp-action-sheet-head{padding-bottom:4px}.bp-action-sheet{display:grid;gap:10px;margin:12px 0 6px}.bp-action-sheet-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;border:1px solid #d9e3ef;border-radius:12px;background:#fff;color:#172b4d;cursor:pointer;transition:.18s}.bp-action-sheet-item:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(20,48,82,.09);border-color:#a8c5e8}.bp-action-sheet-item>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;font-size:19px;font-weight:800}.bp-action-sheet-item div{min-width:0}.bp-action-sheet-item b{display:block;font-size:13px}.bp-action-sheet-item small{display:block;margin-top:3px;color:#6b7c93;font-size:11px}.bp-action-sheet-item.add>span{background:#dcfce7;color:#047857}.bp-action-sheet-item.edit>span{background:#e8f2ff;color:#075fbd}.bp-action-sheet-item.delete{border-color:#f3d1d4}.bp-action-sheet-item.delete>span{background:#ffe4e6;color:#be123c}.bp-action-sheet-item.delete b{color:#be123c}
@media(max-width:900px){.bp-inventory-table{min-width:900px!important}.bp-inventory-table th:nth-child(7){width:145px!important;min-width:145px!important}}

/* Build 007.2.1 - Backup Part Tambah button contrast hotfix */
.bp-row-actions .bp-add-stock-btn,
.bp-inventory-table .bp-row-actions button.success,
.bp-inventory-table button[title="Tambah Stock"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:78px!important;
  min-height:34px!important;
  padding:7px 12px!important;
  border:1px solid #07883f!important;
  border-radius:9px!important;
  background:#079447!important;
  background-image:none!important;
  color:#ffffff!important;
  opacity:1!important;
  visibility:visible!important;
  font-weight:800!important;
  line-height:1!important;
  text-shadow:none!important;
  box-shadow:0 4px 10px rgba(7,148,71,.20)!important;
  -webkit-text-fill-color:#ffffff!important;
}
.bp-row-actions .bp-add-stock-btn:hover,
.bp-inventory-table .bp-row-actions button.success:hover,
.bp-inventory-table button[title="Tambah Stock"]:hover{
  background:#067a3a!important;
  border-color:#056b33!important;
  color:#ffffff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 7px 15px rgba(7,122,58,.26)!important;
  -webkit-text-fill-color:#ffffff!important;
}
.bp-row-actions .bp-add-stock-btn:focus-visible,
.bp-inventory-table button[title="Tambah Stock"]:focus-visible{
  outline:3px solid rgba(34,197,94,.28)!important;
  outline-offset:2px!important;
}
.bp-row-actions .bp-add-stock-btn:disabled,
.bp-inventory-table button[title="Tambah Stock"]:disabled{
  background:#94a3b8!important;
  border-color:#94a3b8!important;
  color:#ffffff!important;
  opacity:.72!important;
}

/* Build 007.2.3 — Backup Part Inventory true compact / no clipped right action */
.bp-compact-inventory{min-width:0!important;overflow:visible!important}
.bp-compact-inventory .bp-inventory-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border-radius:12px!important;
}
.bp-compact-inventory .bp-inventory-table{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
}
.bp-compact-inventory .bp-inventory-table th,
.bp-compact-inventory .bp-inventory-table td{
  box-sizing:border-box!important;
  padding:9px 7px!important;
  min-width:0!important;
  vertical-align:middle!important;
}
.bp-compact-inventory .bp-inventory-table th:nth-child(1){width:25%!important}
.bp-compact-inventory .bp-inventory-table th:nth-child(2){width:13%!important}
.bp-compact-inventory .bp-inventory-table th:nth-child(3){width:16%!important}
.bp-compact-inventory .bp-inventory-table th:nth-child(4){width:6%!important}
.bp-compact-inventory .bp-inventory-table th:nth-child(5){width:12%!important}
.bp-compact-inventory .bp-inventory-table th:nth-child(6){width:12%!important}
.bp-compact-inventory .bp-inventory-table th:nth-child(7){width:116px!important;min-width:116px!important;max-width:116px!important}
.bp-compact-inventory .bp-inventory-table td:not(:first-child):not(:last-child){
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.bp-compact-inventory .bp-inventory-table td:first-child{overflow:hidden!important}
.bp-compact-inventory .bp-part-main{min-width:0!important;gap:7px!important}
.bp-compact-inventory .bp-part-main>div{min-width:0!important}
.bp-compact-inventory .bp-part-main b,
.bp-compact-inventory .bp-part-main small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.bp-compact-inventory .bp-part-icon{width:28px!important;height:28px!important;min-width:28px!important}
.bp-compact-inventory .bp-table-stock{min-width:0!important}
.bp-compact-inventory .bp-stock-progress{width:100%!important;max-width:130px!important}
.bp-compact-inventory .bp-inventory-table td:last-child{overflow:visible!important;padding-left:5px!important;padding-right:5px!important}
.bp-compact-inventory .bp-row-actions.bp-row-actions-compact{
  display:grid!important;
  grid-template-columns:minmax(68px,1fr) 34px!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  max-width:106px!important;
  margin-left:auto!important;
  align-items:center!important;
}
.bp-compact-inventory .bp-row-actions.bp-row-actions-compact button{
  width:100%!important;
  min-width:0!important;
  height:31px!important;
  margin:0!important;
  padding:0 7px!important;
  font-size:10.5px!important;
  white-space:nowrap!important;
}
.bp-compact-inventory .bp-row-actions .bp-more-btn{width:34px!important;min-width:34px!important;padding:0!important;font-size:18px!important}
.bp-compact-inventory .bp-inventory-footer{padding:10px 8px!important}

/* Medium desktop: remove less important columns instead of creating horizontal scroll */
@media (max-width:1180px){
  .bp-compact-inventory .bp-inventory-table th:nth-child(4),
  .bp-compact-inventory .bp-inventory-table td:nth-child(4){display:none!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(1){width:28%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(2){width:14%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(3){width:18%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(5){width:14%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(6){width:13%!important}
}
@media (max-width:980px){
  .bp-compact-inventory .bp-inventory-table th:nth-child(2),
  .bp-compact-inventory .bp-inventory-table td:nth-child(2){display:none!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(1){width:34%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(3){width:20%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(5){width:16%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(6){width:14%!important}
}
@media (max-width:760px){
  .bp-compact-inventory .bp-inventory-table th:nth-child(6),
  .bp-compact-inventory .bp-inventory-table td:nth-child(6){display:none!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(1){width:39%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(3){width:23%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(5){width:19%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(7){width:110px!important;min-width:110px!important;max-width:110px!important}
}


/* Build 007.2.4 — Hide Kategori column and rebalance compact inventory */
.bp-compact-inventory .bp-inventory-table th,
.bp-compact-inventory .bp-inventory-table td{display:table-cell!important}
.bp-compact-inventory .bp-inventory-table th:nth-child(1){width:34%!important}
.bp-compact-inventory .bp-inventory-table th:nth-child(2){width:18%!important}
.bp-compact-inventory .bp-inventory-table th:nth-child(3){width:8%!important}
.bp-compact-inventory .bp-inventory-table th:nth-child(4){width:15%!important}
.bp-compact-inventory .bp-inventory-table th:nth-child(5){width:13%!important}
.bp-compact-inventory .bp-inventory-table th:nth-child(6){width:112px!important;min-width:112px!important;max-width:112px!important}
.bp-compact-inventory .bp-inventory-table td:last-child{overflow:visible!important}
@media (max-width:1180px){
  .bp-compact-inventory .bp-inventory-table th,
  .bp-compact-inventory .bp-inventory-table td{display:table-cell!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(3),
  .bp-compact-inventory .bp-inventory-table td:nth-child(3){display:none!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(1){width:38%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(2){width:21%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(4){width:17%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(5){width:14%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(6){width:112px!important;min-width:112px!important;max-width:112px!important}
}
@media (max-width:760px){
  .bp-compact-inventory .bp-inventory-table th,
  .bp-compact-inventory .bp-inventory-table td{display:table-cell!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(3),
  .bp-compact-inventory .bp-inventory-table td:nth-child(3),
  .bp-compact-inventory .bp-inventory-table th:nth-child(5),
  .bp-compact-inventory .bp-inventory-table td:nth-child(5){display:none!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(1){width:43%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(2){width:24%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(4){width:20%!important}
  .bp-compact-inventory .bp-inventory-table th:nth-child(6){width:108px!important;min-width:108px!important;max-width:108px!important}
}

/* Build 007.2.5 — Ultra compact Backup Part Inventory, no horizontal overflow */
.bp-compact-inventory .bp-inventory-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
.bp-compact-inventory .bp-inventory-table.bp-inventory-table-ultra{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.bp-compact-inventory .bp-inventory-table-ultra th,
.bp-compact-inventory .bp-inventory-table-ultra td{
  display:table-cell!important;
  box-sizing:border-box!important;
  padding:9px 10px!important;
  vertical-align:middle!important;
  overflow:hidden!important;
}
.bp-compact-inventory .bp-inventory-table-ultra th:nth-child(1){width:48%!important}
.bp-compact-inventory .bp-inventory-table-ultra th:nth-child(2){width:21%!important}
.bp-compact-inventory .bp-inventory-table-ultra th:nth-child(3){width:16%!important}
.bp-compact-inventory .bp-inventory-table-ultra th:nth-child(4){width:15%!important;min-width:0!important;max-width:none!important}
.bp-compact-inventory .bp-inventory-table-ultra td:nth-child(4){overflow:visible!important}
.bp-compact-inventory .bp-inventory-table-ultra .bp-part-main{gap:8px!important;min-width:0!important}
.bp-compact-inventory .bp-inventory-table-ultra .bp-part-main>div{min-width:0!important}
.bp-compact-inventory .bp-inventory-table-ultra .bp-part-main b{font-size:12px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.bp-compact-inventory .bp-inventory-table-ultra .bp-part-main small{font-size:10px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.bp-compact-inventory .bp-inventory-table-ultra .bp-part-icon{width:26px!important;height:26px!important;min-width:26px!important;font-size:12px!important}
.bp-meta-dot{padding:0 5px;color:#9aa9ba}
.bp-stock-line{display:flex;align-items:baseline;gap:4px;white-space:nowrap;overflow:hidden}
.bp-stock-line strong{font-size:13px!important}
.bp-stock-line span{font-size:10px;color:#6b7c93;overflow:hidden;text-overflow:ellipsis}
.bp-compact-inventory .bp-inventory-table-ultra .bp-stock-progress{height:4px!important;max-width:100%!important;margin-top:5px!important}
.bp-compact-inventory .bp-inventory-table-ultra .bp-stock-badge{font-size:10px!important;padding:5px 7px!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}
.bp-compact-inventory .bp-inventory-table-ultra .bp-row-actions.bp-row-actions-compact{
  display:grid!important;
  grid-template-columns:minmax(56px,1fr) 32px!important;
  gap:5px!important;
  min-width:0!important;
  width:100%!important;
}
.bp-compact-inventory .bp-inventory-table-ultra .bp-row-actions button{height:30px!important;padding:0 7px!important;font-size:10px!important;border-radius:7px!important}
.bp-compact-inventory .bp-inventory-table-ultra .bp-row-actions .bp-more-btn{width:32px!important;min-width:32px!important;font-size:17px!important;padding:0!important}
@media(max-width:900px){
  .bp-compact-inventory .bp-inventory-table.bp-inventory-table-ultra{min-width:0!important}
  .bp-compact-inventory .bp-inventory-table-ultra th:nth-child(1){width:50%!important}
  .bp-compact-inventory .bp-inventory-table-ultra th:nth-child(2){width:21%!important}
  .bp-compact-inventory .bp-inventory-table-ultra th:nth-child(3){width:15%!important}
  .bp-compact-inventory .bp-inventory-table-ultra th:nth-child(4){width:14%!important}
}
@media(max-width:700px){
  .bp-compact-inventory .bp-inventory-table-ultra th:nth-child(3),
  .bp-compact-inventory .bp-inventory-table-ultra td:nth-child(3){display:none!important}
  .bp-compact-inventory .bp-inventory-table-ultra th:nth-child(1){width:59%!important}
  .bp-compact-inventory .bp-inventory-table-ultra th:nth-child(2){width:25%!important}
  .bp-compact-inventory .bp-inventory-table-ultra th:nth-child(4){width:16%!important}
}

/* Monitoring Record Perbaikan — KPI header refinement, MTTR removed */
.repair-kpi-v2.repair-kpi-v3{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.repair-kpi-v3 .repair-kpi-card{min-height:88px;padding:14px 16px;border-radius:14px;display:flex;flex-direction:column;justify-content:center}
.repair-kpi-v3 .repair-kpi-card span{font-size:10px;letter-spacing:.08em}
.repair-kpi-v3 .repair-kpi-card b{font-size:24px;margin:6px 0 4px}
.repair-kpi-v3 .repair-kpi-card small{font-size:10px;line-height:1.35}
.repair-kpi-v3 .repair-kpi-card.mttr{display:none!important}
@media(max-width:980px){.repair-kpi-v2.repair-kpi-v3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.repair-kpi-v2.repair-kpi-v3{grid-template-columns:1fr;gap:9px}.repair-kpi-v3 .repair-kpi-card{min-height:78px}}

/* Backup Part History Modal V2 - regression restore */
.modal-box:has(.bp-history-v2){width:min(1160px,96vw)!important;max-height:94vh!important;padding:0!important;overflow:hidden!important;border-radius:22px!important;background:#f3f6fa!important;border:1px solid #d8e2ee!important;box-shadow:0 32px 90px rgba(8,25,52,.32)!important}
.modal-box:has(.bp-history-v2)>#modalClose{top:18px!important;right:18px!important;width:40px!important;height:40px!important;z-index:50!important;display:grid!important;place-items:center!important;padding:0 0 3px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.13)!important;color:#fff!important;font-size:25px!important;line-height:1!important;box-shadow:none!important;backdrop-filter:blur(8px)}
.modal-box:has(.bp-history-v2)>#modalClose:hover{background:#fff!important;color:#17365f!important}
.bp-history-v2{display:flex;flex-direction:column;min-height:0;color:#15233b;background:#f3f6fa}
.bp-history-v2-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 76px 24px 26px;background:linear-gradient(125deg,#0b2445 0%,#123f70 58%,#17639a 100%);color:#fff}
.bp-history-v2-title{display:flex;align-items:center;gap:15px;min-width:0}.bp-history-v2-icon{flex:0 0 50px;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);font-size:26px}.bp-history-v2-title>div{min-width:0}.bp-history-v2-title small{display:block;margin-bottom:4px;color:#a9cae8;font-size:10px;font-weight:800;letter-spacing:.13em}.bp-history-v2-title h2{margin:0;font-size:22px;line-height:1.2}.bp-history-v2-title p{margin:6px 0 0;color:#d4e5f3;font-size:12px}.bp-history-v2-title p span{margin:0 6px;color:#83b9df}
.bp-history-v2-stock{flex:0 0 auto;min-width:155px;padding:11px 15px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.19)}.bp-history-v2-stock>span{display:block;margin-bottom:4px;color:#c5dced;font-size:9px;font-weight:800;letter-spacing:.09em}.bp-history-v2-stock>div{display:flex;align-items:baseline;gap:7px}.bp-history-v2-stock strong{font-size:29px;line-height:1}.bp-history-v2-stock small{font-size:12px;color:#d7e8f4}
.bp-history-v2-body{padding:20px;overflow:auto}.bp-history-v2-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.bp-history-v2-kpis article{display:flex;align-items:center;gap:12px;min-width:0;padding:15px;border:1px solid #dbe4ee;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(14,39,72,.045)}.bp-history-v2-kpis .ico{flex:0 0 39px;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#eaf2fb;color:#2766a5;font-size:20px;font-weight:800}.bp-history-v2-kpis article.in .ico{background:#e8f8f0;color:#078451}.bp-history-v2-kpis article.out .ico{background:#fff0f2;color:#c22e47}.bp-history-v2-kpis article.movement .ico{background:#f1edfb;color:#7155b1}.bp-history-v2-kpis article>div{min-width:0}.bp-history-v2-kpis small{display:block;margin-bottom:5px;color:#718197;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.bp-history-v2-kpis strong{display:flex;align-items:baseline;gap:5px;color:#12243d;font-size:23px;line-height:1;white-space:nowrap}.bp-history-v2-kpis article.in strong{color:#087c4d}.bp-history-v2-kpis article.out strong{color:#bd2941}.bp-history-v2-kpis em{font-size:10px;font-style:normal;font-weight:700;color:#7a899d}
.bp-history-v2-panel{overflow:hidden;border:1px solid #d8e3ee;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(14,39,72,.045)}.bp-history-v2-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border-bottom:1px solid #e3eaf2}.bp-history-v2-panel-head h3{margin:0;color:#172941;font-size:15px}.bp-history-v2-panel-head p{margin:4px 0 0;color:#78879a;font-size:10px}.bp-history-v2-panel-head>span{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#eaf2fb;color:#275f98;font-size:10px;font-weight:800}
.bp-history-v2-table-wrap{max-height:365px;overflow:auto}.bp-history-v2-table{width:100%;min-width:1050px;border-collapse:collapse}.bp-history-v2-table th{position:sticky;top:0;z-index:2;padding:11px 13px;background:#f0f4f8;color:#52657b;border-bottom:1px solid #dbe4ed;text-align:left;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}.bp-history-v2-table td{padding:12px 13px;border-bottom:1px solid #e8edf3;color:#394a60;font-size:11px;vertical-align:middle}.bp-history-v2-table tbody tr:hover{background:#f8fbfe}.bp-hist-date{white-space:nowrap;font-weight:700;color:#35475d}.bp-hist-type{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.bp-hist-type i{font-style:normal;font-size:12px}.bp-hist-type.in{background:#e7f8ef;color:#087e4d}.bp-hist-type.out{background:#fff0f2;color:#bd2d46}.bp-hist-qty{white-space:nowrap;font-size:12px}.bp-hist-qty.in{color:#087e4d}.bp-hist-qty.out{color:#bd2d46}.bp-hist-qty small,.bp-hist-stock small{font-size:9px;font-weight:600;color:#7e8c9f}.bp-hist-ref{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-hist-stock{white-space:nowrap}.bp-hist-stock.after{color:#183a64}.bp-history-v2-empty{display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.bp-history-v2-empty>span{width:54px;height:54px;display:grid;place-items:center;margin-bottom:12px;border-radius:50%;background:#eaf2f9;color:#4c739c;font-size:27px}.bp-history-v2-empty h4{margin:0;color:#32485f;font-size:14px}.bp-history-v2-empty p{max-width:390px;margin:7px 0 0;color:#8290a1;font-size:11px;line-height:1.5}
.bp-history-v2-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 20px;border-top:1px solid #dbe4ed;background:#fff}.bp-history-v2-foot p{margin:0;color:#718096;font-size:10px}.bp-history-v2-foot p span{color:#16a36a}.bp-history-v2-foot .btn{min-width:100px}
@media(max-width:900px){.bp-history-v2-head{align-items:flex-start}.bp-history-v2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-history-v2-stock{min-width:130px}}
@media(max-width:620px){.modal{padding:7px}.modal-box:has(.bp-history-v2){width:100%!important;max-height:calc(100vh - 14px)!important;border-radius:16px!important}.modal-box:has(.bp-history-v2)>#modalClose{top:11px!important;right:11px!important}.bp-history-v2-head{display:block;padding:18px 58px 17px 16px}.bp-history-v2-icon{display:none}.bp-history-v2-title h2{font-size:18px}.bp-history-v2-stock{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:9px 11px}.bp-history-v2-stock>span{margin:0}.bp-history-v2-body{padding:12px}.bp-history-v2-kpis{gap:8px;margin-bottom:12px}.bp-history-v2-kpis article{padding:11px;gap:8px}.bp-history-v2-kpis .ico{display:none}.bp-history-v2-kpis strong{font-size:19px}.bp-history-v2-panel-head{align-items:flex-start}.bp-history-v2-foot{flex-direction:column-reverse;align-items:stretch;padding:12px}.bp-history-v2-foot p{text-align:center}.bp-history-v2-foot .btn{width:100%}}

/* Record Pre Check KPI compact refinement - Build 007.5.1 */
.pck-record-page .pck-record-summary{
  gap:8px!important;
  margin:0!important;
}
.pck-record-page .pck-record-summary article{
  min-height:62px!important;
  height:62px!important;
  padding:8px 12px 8px 46px!important;
  border-radius:11px!important;
  box-shadow:0 4px 12px rgba(21,52,88,.045)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  column-gap:8px!important;
  row-gap:2px!important;
}
.pck-record-page .pck-record-summary article:before{
  left:11px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:25px!important;
  height:25px!important;
  border-radius:8px!important;
  font-size:13px!important;
}
.pck-record-page .pck-record-summary article:after{
  display:none!important;
}
.pck-record-page .pck-record-summary article>span{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  font-size:9px!important;
  line-height:1.15!important;
  letter-spacing:.055em!important;
  white-space:normal!important;
}
.pck-record-page .pck-record-summary article>strong{
  grid-column:2!important;
  grid-row:1/3!important;
  align-self:center!important;
  font-size:21px!important;
  line-height:1!important;
}
.pck-record-page .pck-record-summary article>small{
  display:block!important;
  grid-column:1!important;
  grid-row:2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9px!important;
  line-height:1.1!important;
  color:#8292a5!important;
}
@media(max-width:760px){
  .pck-record-page .pck-record-summary article{
    min-height:58px!important;
    height:58px!important;
    padding:7px 10px 7px 42px!important;
  }
  .pck-record-page .pck-record-summary article:before{left:9px!important;width:24px!important;height:24px!important}
  .pck-record-page .pck-record-summary article>strong{font-size:19px!important}
}
@media(max-width:480px){
  .pck-record-page .pck-record-summary{grid-template-columns:1fr 1fr!important}
}

/* Build 007.1 — Fleet DMS mobile field stacking fix
   Scoped to Setting Fleet DMS only; desktop/dashboard remain unchanged. */
@media (max-width: 620px) {
  .fdm .fdm-ex-card > .fdm-fleet-group {
    margin: 10px !important;
    min-width: 0 !important;
  }

  .fdm .fdm-fleet-group .fdm-truck-list {
    padding: 8px !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  .fdm .fdm-fleet-group .fdm-truck-slot {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  .fdm .fdm-fleet-group .fdm-unit-line {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 42px !important;
    grid-template-rows: auto auto !important;
    align-items: end !important;
    gap: 12px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .fdm .fdm-fleet-group .fdm-unit-field,
  .fdm .fdm-fleet-group .fdm-status-field {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .fdm .fdm-fleet-group .fdm-unit-field {
    grid-row: 1 !important;
  }

  .fdm .fdm-fleet-group .fdm-status-field {
    grid-row: 2 !important;
  }

  .fdm .fdm-fleet-group .fd-unit-picker,
  .fdm .fdm-fleet-group .fd-unit-toggle,
  .fdm .fdm-fleet-group .fd-status {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .fdm .fdm-fleet-group .fd-unit-toggle,
  .fdm .fdm-fleet-group .fd-status {
    min-height: 48px !important;
  }

  .fdm .fdm-fleet-group .fd-remove-slot {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: end !important;
    justify-self: end !important;
    width: 42px !important;
    height: 48px !important;
    margin: 0 !important;
  }

  .fdm .fdm-fleet-group .fd-unit-menu {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: calc(100vw - 76px) !important;
    box-sizing: border-box !important;
  }

  .fdm .fdm-fleet-group .fd-add-truck {
    width: calc(100% - 16px) !important;
    margin: 0 8px 8px !important;
  }
}

@media (max-width: 390px) {
  .fdm .fdm-fleet-group .fdm-unit-line {
    grid-template-columns: minmax(0, 1fr) 38px !important;
    gap: 10px 8px !important;
  }

  .fdm .fdm-fleet-group .fd-remove-slot {
    width: 38px !important;
    height: 46px !important;
  }
}

/* Build 007.1 — Fleet DMS mobile layout V2
   Prevent card/header/fields from overlapping on narrow Android screens. */
@media (max-width: 620px) {
  .fdm,
  .fdm #fdBody,
  .fdm .fdm-assignment-board,
  .fdm .fdm-master-fleet-section,
  .fdm .fdm-board-grid,
  .fdm .fdm-ex-card,
  .fdm .fdm-ex-card-head,
  .fdm .fdm-ex-card-meta,
  .fdm .fdm-fleet-group,
  .fdm .fdm-truck-list,
  .fdm .fdm-truck-slot {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .fdm .fdm-board-grid,
  .fdm .fdm-assignment-board {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
  }

  .fdm .fdm-ex-card {
    width: 100% !important;
    overflow: hidden !important;
  }

  .fdm .fdm-ex-card > .fdm-ex-card-head {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 14px !important;
  }

  .fdm .fdm-ex-card-meta,
  .fdm .fdm-ex-card-meta-edit {
    position: static !important;
    z-index: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: auto !important;
    gap: 10px !important;
    margin: 0 !important;
    padding-top: 12px !important;
    overflow: visible !important;
  }

  .fdm .fdm-ex-card-meta-edit label {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  .fdm .fdm-ex-card-meta-edit input,
  .fdm .fdm-ex-card-meta-edit select {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    box-sizing: border-box !important;
  }

  .fdm .fdm-ex-card > .fdm-fleet-group {
    position: relative !important;
    z-index: 0 !important;
    clear: both !important;
    width: auto !important;
    margin: 10px !important;
    transform: none !important;
    inset: auto !important;
    overflow: visible !important;
  }

  .fdm .fdm-fleet-group .fdm-truck-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    padding: 8px !important;
    gap: 10px !important;
  }

  .fdm .fdm-fleet-group .fdm-truck-slot {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  .fdm .fdm-fleet-group .fdm-unit-line {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    gap: 12px !important;
    padding: 0 !important;
  }

  .fdm .fdm-fleet-group .fdm-unit-field,
  .fdm .fdm-fleet-group .fdm-status-field {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    gap: 6px !important;
  }

  .fdm .fdm-fleet-group .fd-unit-picker,
  .fdm .fdm-fleet-group .fd-unit-toggle,
  .fdm .fdm-fleet-group .fd-status {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .fdm .fdm-fleet-group .fd-unit-toggle,
  .fdm .fdm-fleet-group .fd-status {
    height: 48px !important;
    min-height: 48px !important;
  }

  .fdm .fdm-fleet-group .fd-remove-slot {
    position: static !important;
    align-self: flex-end !important;
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    border-radius: 9px !important;
  }

  .fdm .fdm-fleet-group .fd-remove-slot[hidden] {
    display: none !important;
  }

  .fdm .fdm-fleet-group .fd-unit-menu {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}