/* Build 007.3.7 — Final isolated alignment for Data Unit and Record Perbaikan.
   Loaded last. No Fleet, backend, database, or feature logic changes. */

/* Shared page header: keep title and online status separated at 100% zoom. */
.app main > header{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:14px!important;
  min-width:0!important;
}
.app main > header > div{min-width:0!important;text-align:center!important}
.app main > header h1{
  margin:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.app main > header .online{justify-self:end!important;white-space:nowrap!important}

/* =========================================================
   OPERATIONS / DATA UNIT
   ========================================================= */
#content .unit-enterprise-page,
#content .unit-filter-panel-v3,
#content .unit-search-row-v3,
#content .unit-filter-row-v3{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}

#content .unit-filter-panel-v3{
  padding:12px!important;
  display:grid!important;
  gap:12px!important;
  overflow:hidden!important;
}

/* Search, result count, and add button stay on one clean row. */
#content .unit-search-row-v3{
  display:grid!important;
  grid-template-columns:minmax(320px,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
}
#content .unit-search-wrap{min-width:0!important;width:100%!important}
#content .unit-search-wrap input{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  box-sizing:border-box!important;
}
#content .unit-filter-primary-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  min-width:0!important;
}
#content .unit-result-chip{
  height:38px!important;
  min-height:38px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
#content .unit-add-btn{
  height:38px!important;
  min-height:38px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

/* Filter row remains inside its panel and has equal-height controls.
   Seven tracks -- Status Unit, Status DMS, Brand, Lokasi, Urutkan, Tampilkan (page size),
   Reset -- so all of it lands on this one row instead of Reset wrapping alone onto a
   half-empty third line. Together with the search row above, the whole panel is a clean
   2-row layout: search+count flush left/right on row 1, every filter flush left/right on row 2. */
#content .unit-filter-row-v3{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(105px,1fr)) minmax(130px,1.05fr) minmax(110px,.85fr) auto!important;
  gap:8px!important;
  align-items:end!important;
  width:100%!important;
}
#content .unit-filter-field-v3{display:grid!important;gap:5px!important;min-width:0!important}
#content .unit-filter-field-v3 > span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#content .unit-filter-field-v3 select,
#content .unit-reset-btn{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
#content .unit-reset-btn{padding:0 12px!important;white-space:nowrap!important}

/* Protect the first visible unit row from compressed text. */
#content .unit-enterprise-card{min-width:0!important}
#content .unit-enterprise-card > header,
#content .unit-v5-info,
#content .unit-v5-health,
#content .unit-v5-metrics,
#content .unit-v5-activity,
#content .unit-enterprise-card > footer{min-width:0!important;box-sizing:border-box!important}
#content .unit-v5-info > span,
#content .unit-v5-info b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* =========================================================
   OPERATIONS / RECORD PERBAIKAN DMS
   ========================================================= */
#content .repair-enterprise-panel,
#content .repair-enterprise-panel > *,
#content .repair-selection-bar{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}

#content .repair-enterprise-panel{overflow:hidden!important}
#content .repair-enterprise-panel .panel-head.user-head{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 14px!important;
}
#content .repair-enterprise-panel .panel-head.user-head > div:first-child{min-width:0!important}
#content .repair-enterprise-panel .panel-head.user-head h3,
#content .repair-enterprise-panel .panel-head.user-head p{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#content .repair-head-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}
#content .repair-head-actions .btn{
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  white-space:nowrap!important;
}

/* Stable desktop filter grid; no control escapes the frame.
   Five equal tracks with the search box spanning two of them: search+status+type+priority
   fill row 1 exactly (2+1+1+1=5 cells), then date-from+date-to+sort+page-size+reset fill row 2
   exactly (5 cells) -- a clean 2-row toolbar, flush to both edges on every row, instead of the
   9th control (Reset) wrapping alone onto a half-empty third line. */
#content .repair-enterprise-panel .repair-tools.repair-tools-advanced{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  padding:11px 12px!important;
  overflow:hidden!important;
}
#content .repair-enterprise-panel .repair-tools.repair-tools-advanced #repairSearch{
  grid-column:span 2!important;
}
#content .repair-enterprise-panel .repair-tools.repair-tools-advanced > *{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:37px!important;
  min-height:37px!important;
  margin:0!important;
  box-sizing:border-box!important;
  font-size:11px!important;
}
#content .repair-enterprise-panel #resetRepairFilter{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 8px!important;
  white-space:nowrap!important;
}

/* Checkbox label and result count share one aligned row without overlap. */
#content .repair-selection-bar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  width:auto!important;
  margin:0 12px 12px!important;
  padding:8px 12px!important;
  min-height:38px!important;
  overflow:hidden!important;
}
#content .repair-selection-bar label{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  margin:0!important;
  white-space:nowrap!important;
}
#content .repair-selection-bar label input{flex:0 0 auto!important;margin:0!important}
#content .repair-selection-bar #repairResultInfo{
  justify-self:end!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:right!important;
}

/* Responsive breakpoints based on actual content area, not browser zoom. */
@media (max-width:1180px){
  #content .unit-search-row-v3{grid-template-columns:minmax(260px,1fr) auto!important}
  #content .unit-filter-row-v3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #content .unit-reset-btn{width:100%!important}
  #content .repair-enterprise-panel .repair-tools.repair-tools-advanced{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  #content .repair-enterprise-panel #repairSearch{grid-column:span 2!important}
}

@media (max-width:820px){
  .app main > header{grid-template-columns:40px minmax(0,1fr) auto!important;column-gap:8px!important}
  .app main > header h1{font-size:17px!important}
  .app main > header .online{font-size:10px!important;padding:7px 9px!important}
  #content .unit-search-row-v3{grid-template-columns:1fr!important}
  #content .unit-filter-primary-actions{justify-content:space-between!important;width:100%!important}
  #content .unit-filter-row-v3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #content .repair-enterprise-panel .panel-head.user-head{grid-template-columns:1fr!important}
  #content .repair-head-actions{justify-content:flex-start!important;flex-wrap:wrap!important}
  #content .repair-enterprise-panel .repair-tools.repair-tools-advanced{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:560px){
  .app main > header .online{display:none!important}
  .app main > header{grid-template-columns:40px minmax(0,1fr)!important}
  #content .unit-filter-primary-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  #content .unit-result-chip,#content .unit-add-btn{width:100%!important}
  #content .unit-filter-row-v3{grid-template-columns:1fr!important}
  #content .repair-head-actions .btn{flex:1 1 100%!important;width:100%!important}
  #content .repair-enterprise-panel .repair-tools.repair-tools-advanced{grid-template-columns:1fr!important}
  #content .repair-enterprise-panel #repairSearch{grid-column:auto!important}
  #content .repair-selection-bar{grid-template-columns:1fr!important;align-items:start!important}
  #content .repair-selection-bar label{white-space:normal!important}
  #content .repair-selection-bar #repairResultInfo{justify-self:start!important;text-align:left!important;white-space:normal!important}
}

/* =========================================================
   RECORD PERBAIKAN — COMPACT PROFESSIONAL REFINEMENT
   ========================================================= */
#content .repair-kpi-v3{gap:12px!important;margin:0 0 14px!important}
#content .repair-kpi-v3 .repair-kpi-card{min-height:84px!important;padding:13px 15px!important;border-radius:12px!important;box-shadow:0 4px 14px rgba(19,39,67,.045)!important}
#content .repair-kpi-v3 .repair-kpi-card:before{width:3px!important}
#content .repair-kpi-v3 .repair-kpi-card span{font-size:9px!important;line-height:1.2!important;letter-spacing:.07em!important}
#content .repair-kpi-v3 .repair-kpi-card b{margin:6px 0 3px!important;font-size:23px!important;line-height:1!important}
#content .repair-kpi-v3 .repair-kpi-card small{display:block!important;font-size:8.5px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#content .repair-enterprise-panel{border-radius:13px!important;box-shadow:0 4px 14px rgba(19,39,67,.045)!important}
#content .repair-enterprise-panel .panel-head.user-head{min-height:62px!important;padding:11px 14px!important}
#content .repair-enterprise-panel .panel-head.user-head h3{font-size:16px!important;line-height:1.2!important}
#content .repair-enterprise-panel .panel-head.user-head p{margin-top:3px!important;font-size:8.5px!important}
#content .repair-head-actions .btn{height:35px!important;min-height:35px!important;padding:0 12px!important;border-radius:8px!important;font-size:10px!important}
#content .repair-enterprise-panel .repair-tools.repair-tools-advanced{gap:7px!important;padding:9px 11px!important}
#content .repair-enterprise-panel .repair-tools.repair-tools-advanced>*{height:34px!important;min-height:34px!important;border-radius:8px!important;font-size:9.5px!important}
#content .repair-selection-bar{min-height:34px!important;margin:0 11px 9px!important;padding:6px 10px!important;border-radius:8px!important;font-size:8.5px!important}
#content .repair-selection-bar label{gap:7px!important}
#content .repair-selection-bar label input{width:16px!important;height:16px!important}
#content .repair-compact-mode .repair-card-grid-v2{gap:8px!important;padding:2px 11px 11px!important}
#content .repair-compact-mode .repair-list-card{border-radius:11px!important;border-left-width:3px!important;box-shadow:0 3px 10px rgba(30,52,84,.045)!important}
#content .repair-compact-mode .repair-list-main{grid-template-columns:22px minmax(205px,.9fr) minmax(275px,1.15fr) minmax(300px,1.35fr)!important;gap:13px!important;min-height:76px!important;padding:9px 12px 7px!important}
#content .repair-compact-mode .repair-card-check input{width:16px!important;height:16px!important}
#content .repair-compact-mode .repair-list-identity small{margin-bottom:3px!important;font-size:7.5px!important}
#content .repair-compact-mode .repair-list-identity h4{font-size:13px!important;line-height:1.2!important}
#content .repair-compact-mode .repair-list-identity p{margin-top:3px!important;font-size:9.5px!important}
#content .repair-compact-mode .repair-list-identity em{margin-top:3px!important;font-size:8px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#content .repair-compact-mode .repair-list-meta{gap:7px 12px!important}
#content .repair-compact-mode .repair-list-meta span{margin-bottom:2px!important;font-size:7px!important}
#content .repair-compact-mode .repair-list-meta b{font-size:8.5px!important;line-height:1.25!important}
#content .repair-compact-mode .repair-list-progress{gap:6px!important}
#content .repair-compact-mode .repair-list-progress>.badge{min-width:88px!important;padding:5px 9px!important;font-size:8px!important}
#content .repair-compact-mode .repair-list-timeline .timeline-step{min-width:45px!important;gap:2px!important}
#content .repair-compact-mode .repair-list-timeline .timeline-step i{width:17px!important;height:17px!important;font-size:8px!important}
#content .repair-compact-mode .repair-list-timeline .timeline-step b{font-size:7px!important}
#content .repair-compact-mode .repair-list-timeline .timeline-step small{font-size:6px!important}
#content .repair-compact-mode .repair-list-footer{min-height:33px!important;padding:5px 10px 6px 13px!important}
#content .repair-compact-mode .repair-evidence-count{font-size:8px!important}
#content .repair-compact-mode .repair-list-actions{gap:5px!important}
#content .repair-compact-mode .repair-list-actions>.btn{height:27px!important;min-height:27px!important;padding:4px 9px!important;font-size:8px!important}
#content .repair-compact-mode .repair-actions-trigger{width:29px!important;height:27px!important;font-size:16px!important}
@media(max-width:1180px){
  #content .repair-compact-mode .repair-list-main{grid-template-columns:22px minmax(185px,.85fr) minmax(260px,1.15fr)!important}
  #content .repair-compact-mode .repair-list-progress{grid-column:2/-1!important;padding-top:6px!important}
}
@media(max-width:760px){
  #content .repair-kpi-v3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #content .repair-compact-mode .repair-list-main{grid-template-columns:22px 1fr!important;padding:10px!important}
  #content .repair-compact-mode .repair-list-meta,
  #content .repair-compact-mode .repair-list-progress{grid-column:2!important}
}

/* Compact professional repair-detail drawer */
.repair-drawer-layer .repair-drawer{
  top:3vh!important;
  right:18px!important;
  width:min(760px,calc(100vw - 36px))!important;
  height:94vh!important;
  border:1px solid #dce5ef!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#f5f8fc!important;
  box-shadow:-18px 12px 55px rgba(12,31,57,.25)!important;
}
.repair-drawer-layer .repair-drawer-header{
  min-height:88px!important;
  padding:15px 18px!important;
  align-items:center!important;
}
.repair-drawer-layer .repair-drawer-kicker{font-size:8px!important;letter-spacing:.11em!important}
.repair-drawer-layer .repair-drawer-header h2{margin:5px 0 2px!important;font-size:21px!important;line-height:1.1!important}
.repair-drawer-layer .repair-drawer-header p{font-size:9px!important}
.repair-drawer-layer .repair-drawer-close{
  display:grid!important;
  place-items:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  border-radius:9px!important;
  font-family:Arial,sans-serif!important;
  font-size:19px!important;
  line-height:1!important;
  text-align:center!important;
}
.repair-drawer-layer .repair-drawer-body{padding:14px 18px 18px!important}
.repair-drawer-layer .repair-primary-info{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.repair-drawer-layer .repair-primary-info>div{min-height:58px!important;padding:10px 11px!important;border-radius:10px!important}
.repair-drawer-layer .repair-primary-info>div>span{margin-bottom:4px!important;font-size:8px!important}
.repair-drawer-layer .repair-primary-info b{font-size:10.5px!important;line-height:1.25!important}
.repair-drawer-layer .repair-primary-info .badge{padding:4px 8px!important;font-size:8px!important}
.repair-drawer-layer .repair-drawer-section{margin-top:9px!important;padding:11px 13px!important;border-radius:11px!important}
.repair-drawer-layer .repair-drawer-section h3{margin:0 0 6px!important;font-size:12px!important}
.repair-drawer-layer .repair-long-text{font-size:10px!important;line-height:1.45!important}
.repair-drawer-layer .repair-section-heading>span{padding:4px 7px!important;font-size:8px!important}
.repair-drawer-layer .repair-timeline-drawer{margin-top:9px!important}
.repair-drawer-layer .timeline-item{gap:8px!important;padding-bottom:12px!important}
.repair-drawer-layer .timeline-item b{font-size:10px!important}
.repair-drawer-layer .timeline-item p{margin:3px 0!important;font-size:9px!important}
.repair-drawer-layer .timeline-item small{font-size:8px!important}
.repair-drawer-layer .repair-evidence-group{margin-top:9px!important}
.repair-drawer-layer .repair-evidence-group h4{margin-bottom:6px!important;font-size:9px!important}
.repair-drawer-layer .repair-evidence-grid{gap:8px!important}
.repair-drawer-layer .repair-evidence-card img{height:105px!important}
.repair-drawer-layer .repair-evidence-card span{padding:6px 8px!important;font-size:9px!important}
.repair-drawer-layer .repair-evidence-empty{padding:12px!important;font-size:9px!important}
.repair-drawer-layer .repair-drawer-footer{min-height:58px!important;padding:10px 18px!important}
.repair-drawer-layer .repair-drawer-footer .btn{min-width:92px!important;height:36px!important;min-height:36px!important;padding:7px 12px!important;font-size:10px!important}
@media(max-width:760px){
  .repair-drawer-layer .repair-drawer{top:auto!important;right:0!important;width:100vw!important;height:94vh!important;border-radius:16px 16px 0 0!important}
  .repair-drawer-layer .repair-primary-info{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
  .repair-drawer-layer .repair-drawer-header,.repair-drawer-layer .repair-drawer-body,.repair-drawer-layer .repair-drawer-footer{padding-left:13px!important;padding-right:13px!important}
  .repair-drawer-layer .repair-primary-info{grid-template-columns:1fr!important}
}

/* Repair evidence: compact two-column layout and aligned upload control */
.repair-drawer-layer .repair-drawer-section:has(.repair-evidence-group){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  gap:10px 12px!important;
}
.repair-drawer-layer .repair-drawer-section:has(.repair-evidence-group)>.repair-section-heading{
  grid-column:1/-1!important;
}
.repair-drawer-layer .repair-evidence-group{min-width:0!important;margin:0!important}
.repair-drawer-layer .repair-evidence-group h4{display:flex!important;align-items:center!important;gap:6px!important;height:24px!important;margin:0 0 6px!important}
.repair-drawer-layer .repair-evidence-group h4 small{min-width:18px!important;height:18px!important;margin:0!important;font-size:7px!important}
.repair-drawer-layer .repair-evidence-card img{height:98px!important}
.repair-drawer-layer .repair-evidence-card span{padding:5px 7px!important;font-size:8px!important}
.repair-drawer-layer .repair-evidence-empty{display:grid!important;place-items:center!important;min-height:127px!important;padding:10px!important}
.repair-drawer-layer .upload-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  margin:7px 0 0!important;
  padding:7px!important;
  border:1px solid #dce5ef!important;
  border-radius:9px!important;
  background:#f8fafc!important;
}
.repair-drawer-layer .upload-form input[type="file"]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:32px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#66788e!important;
  font-size:8px!important;
  line-height:32px!important;
  overflow:hidden!important;
}
.repair-drawer-layer .upload-form input[type="file"]::file-selector-button{
  height:30px!important;
  margin:1px 8px 1px 0!important;
  padding:0 9px!important;
  border:1px solid #cbd8e6!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#29445f!important;
  font:700 8px Segoe UI,Arial,sans-serif!important;
  cursor:pointer!important;
}
.repair-drawer-layer .upload-form .btn{
  width:auto!important;
  min-width:92px!important;
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:5px 10px!important;
  border-radius:7px!important;
  font-size:8.5px!important;
  white-space:nowrap!important;
}
@media(max-width:620px){
  .repair-drawer-layer .repair-drawer-section:has(.repair-evidence-group){grid-template-columns:1fr!important}
  .repair-drawer-layer .repair-drawer-section:has(.repair-evidence-group)>.repair-section-heading{grid-column:auto!important}
}
@media(max-width:420px){
  .repair-drawer-layer .upload-form{grid-template-columns:1fr!important}
  .repair-drawer-layer .upload-form .btn{width:100%!important}
}

/* Repair detail content: compact information architecture */
.repair-drawer-layer .repair-drawer-body{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-content:start!important;
  gap:9px!important;
}
.repair-drawer-layer .repair-primary-info,
.repair-drawer-layer .repair-source-card,
.repair-drawer-layer .repair-drawer-section:has(.repair-timeline-drawer),
.repair-drawer-layer .repair-drawer-section:has(.repair-evidence-group){
  grid-column:1/-1!important;
}
.repair-drawer-layer .repair-drawer-section{
  min-width:0!important;
  margin-top:0!important;
}
.repair-drawer-layer .repair-drawer-section:has(>.repair-long-text){
  min-height:78px!important;
  padding:10px 11px!important;
}
.repair-drawer-layer .repair-drawer-section:has(>.repair-long-text) h3{
  padding-bottom:5px!important;
  border-bottom:1px solid #edf1f5!important;
}
.repair-drawer-layer .repair-long-text{
  max-height:76px!important;
  overflow:auto!important;
  overflow-wrap:anywhere!important;
  scrollbar-width:thin!important;
}
.repair-drawer-layer .repair-drawer-section:has(.repair-timeline-drawer){
  padding-bottom:10px!important;
}
.repair-drawer-layer .repair-timeline-drawer{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:8px 0 0!important;
  padding:0!important;
}
.repair-drawer-layer .repair-timeline-drawer .timeline-item{
  display:grid!important;
  grid-template-columns:14px minmax(0,1fr)!important;
  gap:7px!important;
  min-width:0!important;
  min-height:74px!important;
  padding:9px!important;
  border:1px solid #e1e8f0!important;
  border-radius:9px!important;
  background:#f8fafc!important;
}
.repair-drawer-layer .repair-timeline-drawer .timeline-item:before{display:none!important}
.repair-drawer-layer .repair-timeline-drawer .timeline-item i{
  width:13px!important;
  height:13px!important;
  border-width:3px!important;
}
.repair-drawer-layer .repair-timeline-drawer .timeline-item>div{min-width:0!important}
.repair-drawer-layer .repair-timeline-drawer .timeline-item p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  line-height:1.3!important;
}
.repair-drawer-layer .repair-timeline-drawer .timeline-item small{
  display:block!important;
  margin-top:4px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:680px){
  .repair-drawer-layer .repair-drawer-body{grid-template-columns:1fr!important}
  .repair-drawer-layer .repair-primary-info,
  .repair-drawer-layer .repair-source-card,
  .repair-drawer-layer .repair-drawer-section:has(.repair-timeline-drawer),
  .repair-drawer-layer .repair-drawer-section:has(.repair-evidence-group){grid-column:auto!important}
  .repair-drawer-layer .repair-timeline-drawer{grid-template-columns:1fr!important}
  .repair-drawer-layer .repair-timeline-drawer .timeline-item{min-height:0!important}
}

/* Compact professional Administrator edit modal */
.modal-box:has(#adminRepairEditForm){
  width:min(980px,95vw)!important;
  max-height:90vh!important;
  padding:18px!important;
  border:1px solid #dce5ef!important;
  border-radius:16px!important;
  background:#f7f9fc!important;
  box-shadow:0 24px 70px rgba(10,29,54,.28)!important;
  overflow:auto!important;
}
.modal-box:has(#adminRepairEditForm)>#modalClose{
  inset:12px 12px auto auto!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  border:1px solid #d8e2ed!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#52647a!important;
  font:400 19px/1 Arial,sans-serif!important;
}
.modal-box:has(#adminRepairEditForm)>.modal-title{
  min-height:54px!important;
  margin:-18px -18px 14px!important;
  padding:14px 56px 12px 18px!important;
  border-bottom:1px solid #dfe7f0!important;
  background:#fff!important;
}
.modal-box:has(#adminRepairEditForm)>.modal-title h2{margin:0!important;font-size:18px!important;line-height:1.2!important}
.modal-box:has(#adminRepairEditForm)>.modal-title p{margin:4px 0 0!important;font-size:9px!important;line-height:1.3!important}
#adminRepairEditForm{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
#adminRepairEditForm>label{
  display:grid!important;
  align-content:start!important;
  gap:4px!important;
  min-width:0!important;
  margin:0!important;
  color:#53667e!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
}
#adminRepairEditForm>label input,
#adminRepairEditForm>label select,
#adminRepairEditForm>label textarea{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  border:1px solid #d7e1ec!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#1d3048!important;
  font-size:9.5px!important;
}
#adminRepairEditForm>label input,#adminRepairEditForm>label select{height:35px!important;min-height:35px!important;padding:6px 9px!important}
#adminRepairEditForm>label input:disabled{background:#edf2f7!important;color:#66788e!important}
#adminRepairEditForm>label.full:has(textarea){
  grid-column:span 1!important;
}
#adminRepairEditForm>label textarea{
  height:74px!important;
  min-height:74px!important;
  padding:8px 9px!important;
  line-height:1.4!important;
  resize:vertical!important;
}
#adminRepairEditForm>.evidence-edit-grid{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
#adminRepairEditForm .image-upload-card{
  min-width:0!important;
  padding:10px!important;
  border:1px solid #d8e3ef!important;
  border-radius:10px!important;
  background:#fff!important;
}
#adminRepairEditForm .image-upload-head{gap:10px!important}
#adminRepairEditForm .image-upload-head b{font-size:10px!important}
#adminRepairEditForm .image-upload-head small{margin-top:2px!important;font-size:8px!important}
#adminRepairEditForm .image-add-btn{
  min-height:31px!important;
  padding:6px 9px!important;
  border-radius:7px!important;
  font-size:8px!important;
}
#adminRepairEditForm .image-preview-grid{
  grid-template-columns:repeat(auto-fill,minmax(135px,1fr))!important;
  gap:7px!important;
  min-height:66px!important;
  margin-top:8px!important;
}
#adminRepairEditForm .image-preview-item{padding:5px!important;border-radius:8px!important}
#adminRepairEditForm .image-preview-item img{height:72px!important;border-radius:6px!important}
#adminRepairEditForm .image-preview-item div{padding:5px 1px 1px!important}
#adminRepairEditForm .image-preview-item b{font-size:8px!important}
#adminRepairEditForm .image-preview-item small{margin-top:2px!important;font-size:7px!important}
#adminRepairEditForm .image-preview-item button{
  right:8px!important;
  top:8px!important;
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  padding:0!important;
  font:400 15px/1 Arial,sans-serif!important;
}
#adminRepairEditForm>.modal-actions{
  position:sticky!important;
  z-index:5!important;
  bottom:-18px!important;
  grid-column:1/-1!important;
  min-height:54px!important;
  margin:0 -18px -18px!important;
  padding:9px 18px!important;
  border-top:1px solid #dce5ef!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(8px)!important;
}
#adminRepairEditForm>.modal-actions .btn{min-width:110px!important;height:36px!important;min-height:36px!important;font-size:10px!important}
@media(max-width:850px){
  #adminRepairEditForm{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #adminRepairEditForm>label.full:has(textarea){grid-column:1/-1!important}
}
@media(max-width:600px){
  .modal-box:has(#adminRepairEditForm){width:calc(100vw - 14px)!important;max-height:calc(100vh - 14px)!important;padding:14px!important}
  .modal-box:has(#adminRepairEditForm)>.modal-title{margin:-14px -14px 12px!important;padding-left:14px!important}
  #adminRepairEditForm{grid-template-columns:1fr!important}
  #adminRepairEditForm>label.full:has(textarea),#adminRepairEditForm>.evidence-edit-grid,#adminRepairEditForm>.modal-actions{grid-column:auto!important}
  #adminRepairEditForm>.evidence-edit-grid{grid-template-columns:1fr!important}
  #adminRepairEditForm>.modal-actions{margin:0 -14px -14px!important;padding:9px 14px!important}
}

/* Admin edit stability correction: predictable two-column flow */
.modal-box:has(#adminRepairEditForm){
  width:min(860px,94vw)!important;
  overflow-x:hidden!important;
}
#adminRepairEditForm{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
#adminRepairEditForm>*{min-width:0!important;max-width:100%!important}
#adminRepairEditForm>label{
  grid-column:auto!important;
  width:100%!important;
}
#adminRepairEditForm>label.full,
#adminRepairEditForm>label.full:has(textarea){
  grid-column:1/-1!important;
}
#adminRepairEditForm>label textarea{
  height:64px!important;
  min-height:64px!important;
}
#adminRepairEditForm>.evidence-edit-grid,
#adminRepairEditForm>.modal-actions{
  grid-column:1/-1!important;
  width:100%!important;
}
#adminRepairEditForm>.evidence-edit-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
@media(max-width:620px){
  #adminRepairEditForm{grid-template-columns:1fr!important}
  #adminRepairEditForm>label.full,
  #adminRepairEditForm>label.full:has(textarea),
  #adminRepairEditForm>.evidence-edit-grid,
  #adminRepairEditForm>.modal-actions{grid-column:1!important}
  #adminRepairEditForm>.evidence-edit-grid{grid-template-columns:1fr!important}
}
/* Admin repair editor: isolated layout, independent from the legacy .form-grid. */
.modal-box:has(.admin-repair-form) {
  width: min(920px, calc(100vw - 32px)) !important;
  max-width: 920px !important;
  max-height: min(88vh, 760px) !important;
  overflow-x: hidden !important;
}

.admin-repair-form {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 16px 20px 18px !important;
  overflow-x: hidden !important;
}

.admin-repair-fields,
.admin-repair-notes {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 12px !important;
}

.admin-repair-fields {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.admin-repair-notes {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 12px !important;
}

.admin-repair-form label,
.admin-repair-form input,
.admin-repair-form select,
.admin-repair-form textarea {
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.admin-repair-form label {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
}

.admin-repair-form input,
.admin-repair-form select {
  height: 38px !important;
}

.admin-repair-form textarea {
  height: 86px !important;
  min-height: 86px !important;
  resize: vertical !important;
}

.admin-repair-form .evidence-edit-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 12px !important;
  margin-top: 12px !important;
}

.admin-repair-form .image-upload-card,
.admin-repair-form .image-preview-grid,
.admin-repair-form .image-preview-item {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.admin-repair-form .modal-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 14px !important;
  padding-top: 14px !important;
}

@media (max-width: 760px) {
  .admin-repair-fields,
  .admin-repair-notes,
  .admin-repair-form .evidence-edit-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Final specificity reset: the legacy ID rule must not grid the section wrappers. */
#adminRepairEditForm.admin-repair-form {
  display: block !important;
  grid-template-columns: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

#adminRepairEditForm.admin-repair-form > .admin-repair-fields {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-column: auto !important;
}

#adminRepairEditForm.admin-repair-form > .admin-repair-notes {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-column: auto !important;
}

#adminRepairEditForm.admin-repair-form > .admin-repair-fields > label,
#adminRepairEditForm.admin-repair-form > .admin-repair-notes > label {
  grid-column: auto !important;
  width: auto !important;
  max-width: none !important;
}

#adminRepairEditForm.admin-repair-form > .evidence-edit-grid,
#adminRepairEditForm.admin-repair-form > .modal-actions {
  grid-column: auto !important;
  max-width: 100% !important;
}

@media (max-width: 760px) {
  #adminRepairEditForm.admin-repair-form > .admin-repair-fields,
  #adminRepairEditForm.admin-repair-form > .admin-repair-notes,
  #adminRepairEditForm.admin-repair-form > .evidence-edit-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Fleet DMS setting: compact, clean card hierarchy without overlapping labels. */
.fdm #fdBody {
  display: grid !important;
  gap: 12px !important;
}

.fdm .fdm-master-fleet-section {
  gap: 10px !important;
  margin-top: 10px !important;
}

.fdm .fdm-master-fleet-head {
  min-height: 68px !important;
  padding: 11px 16px !important;
  border-radius: 13px !important;
}

.fdm .fdm-master-fleet-head h3 {
  font-size: 16px !important;
  line-height: 1.2 !important;
}

.fdm .fdm-master-fleet-head p {
  margin-top: 2px !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

.fdm .fdm-board-grid {
  gap: 12px !important;
}

.fdm .fdm-ex-card {
  border-radius: 13px !important;
  overflow: visible !important;
}

.fdm .fdm-ex-card > .fdm-ex-card-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: start !important;
  gap: 9px 12px !important;
  min-height: 0 !important;
  padding: 12px 14px 10px !important;
  border-bottom: 0 !important;
  background: #fff !important;
}

.fdm .fdm-ex-card-title h3 {
  font-size: 17px !important;
  line-height: 1.15 !important;
}

.fdm .fdm-ex-card-title p {
  margin-top: 3px !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
}

.fdm .fdm-ex-card-head > .fdm-count {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  align-self: center !important;
}

.fdm .fdm-ex-card-meta,
.fdm .fdm-ex-card-meta-edit {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 9px 0 0 !important;
  border-top: 1px solid #e5ecf3 !important;
}

.fdm .fdm-ex-card-meta-edit label {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 4px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.fdm .fdm-ex-card-meta-edit label > b {
  display: block !important;
  min-height: 12px !important;
  margin: 0 !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
  color: #60748a !important;
  white-space: nowrap !important;
}

.fdm .fdm-ex-card-meta-edit input,
.fdm .fdm-ex-card-meta-edit select {
  display: block !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid #cfdae7 !important;
  border-radius: 8px !important;
  background: #fbfdff !important;
  box-sizing: border-box !important;
}

.fdm .fdm-ex-card > .fdm-fleet-group {
  width: auto !important;
  margin: 0 12px 12px !important;
  border: 1px solid #dce6ef !important;
  border-radius: 11px !important;
  overflow: visible !important;
}

.fdm .fdm-ex-card > .fdm-fleet-group > .fdm-truck-list {
  display: grid !important;
  gap: 7px !important;
  padding: 9px !important;
}

.fdm .fdm-truck-slot {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.fdm .fdm-fleet-group .fdm-unit-line {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(120px, .85fr) 36px !important;
  align-items: end !important;
  gap: 8px !important;
}

.fdm .fdm-fleet-group .fdm-unit-line label {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 4px !important;
  margin: 0 !important;
}

.fdm .fdm-fleet-group .fdm-unit-line label > span {
  display: block !important;
  min-height: 11px !important;
  margin: 0 !important;
  font-size: 8px !important;
  line-height: 1.2 !important;
}

.fdm .fd-unit-toggle,
.fdm .fd-status,
.fdm .fd-remove-slot {
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.fdm .fd-add-truck {
  width: calc(100% - 18px) !important;
  min-height: 34px !important;
  margin: 0 9px 9px !important;
}

.fdm .fdm-unassigned {
  margin-top: 10px !important;
  border-radius: 13px !important;
}

.fdm .fdm-unassigned > header {
  min-height: 72px !important;
  padding: 12px 16px !important;
}

.fdm .fdm-unmapped-grid {
  gap: 12px !important;
  padding: 12px !important;
}

.fdm .fdm-unmapped-panel {
  border-radius: 11px !important;
}

.fdm .fdm-unmapped-panel > header {
  min-height: 68px !important;
  padding: 10px 12px !important;
}

.fdm .fdm-unmapped-scroll {
  max-height: 265px !important;
  padding: 8px 10px 10px !important;
}

.fdm .fdm-unmapped-head,
.fdm .fdm-unmapped-row {
  grid-template-columns: 38px minmax(100px, 1fr) minmax(120px, 180px) !important;
  gap: 8px !important;
}

.fdm .fdm-unmapped-head {
  top: -8px !important;
  padding: 7px 9px !important;
}

.fdm .fdm-unmapped-row {
  min-height: 43px !important;
  padding: 6px 9px !important;
}

.fdm .fdm-unmapped-row select {
  min-height: 32px !important;
  height: 32px !important;
}

@media (max-width: 760px) {
  .fdm .fdm-ex-card-meta,
  .fdm .fdm-ex-card-meta-edit,
  .fdm .fdm-unmapped-grid {
    grid-template-columns: 1fr !important;
  }

  .fdm .fdm-fleet-group .fdm-unit-line {
    grid-template-columns: minmax(0, 1fr) 38px !important;
  }

  .fdm .fdm-status-field {
    grid-column: 1 !important;
  }

  .fdm .fd-remove-slot {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
  }
}

/* Data Unit: use the application header as the single page header. */
#content .unit-enterprise-page > .unit-page-hero {
  display: none !important;
}

#content .unit-enterprise-page {
  gap: 12px !important;
}

/* Keep the primary action available inside the filter toolbar. */
#content .unit-filter-primary-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

#content .unit-filter-primary-actions .unit-add-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 6px 12px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  #content .unit-filter-primary-actions {
    width: 100% !important;
    justify-content: stretch !important;
  }

  #content .unit-filter-primary-actions .unit-result-chip {
    flex: 1 1 auto !important;
  }

  #content .unit-filter-primary-actions .unit-add-btn {
    flex: 0 0 auto !important;
  }
}

/* Daily Pre Check: the application shell is the only page header. */
#content .pck-record-page > .pck-module-head,
#content .pck-dashboard > .pck-module-head {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-height: 0 !important;
  margin: 0 0 12px !important;
  padding: 7px !important;
  border: 1px solid #dce5ef !important;
  border-radius: 11px !important;
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(28, 55, 90, .04) !important;
}

#content .pck-record-page > .pck-module-head > div:first-child,
#content .pck-dashboard > .pck-module-head > div:first-child {
  display: none !important;
}

#content .pck-record-page .pck-page-tabs,
#content .pck-dashboard .pck-page-tabs {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Current page is already identified by the main application header. */
#content .pck-record-page .pck-page-tabs > button.active,
#content .pck-dashboard .pck-page-tabs > button.active {
  display: none !important;
}

#content .pck-record-page .pck-page-tabs button,
#content .pck-dashboard .pck-page-tabs button {
  min-height: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
}

#content .pck-record-page > .pck-module-head:not(:has(#pck-new)),
#content .pck-dashboard > .pck-module-head:not(:has(#pck-record-tab)):not(:has(#pck-d-new)) {
  display: none !important;
}

#content .pck-record-controlbar .pck-new-inline {
  order: 8 !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 0 0 auto !important;
  padding: 8px 14px !important;
  border: 1px solid #1467df !important;
  border-radius: 9px !important;
  background: #1467df !important;
  color: #fff !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

#content .pck-record-controlbar .pck-export-pdf {
  order: 9 !important;
  margin-left: 0 !important;
}

@media (max-width: 760px) {
  #content .pck-record-controlbar .pck-new-inline,
  #content .pck-record-controlbar .pck-export-pdf {
    width: 100% !important;
    margin: 0 !important;
  }
}

/* Daily Pre Check final compact desktop composition. */
#content .pck-record-page {
  display: grid !important;
  gap: 12px !important;
}

#content .pck-record-controlbar {
  display: grid !important;
  grid-template-columns: minmax(250px, 1fr) minmax(260px, .9fr) auto auto !important;
  align-items: end !important;
  gap: 10px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border-radius: 13px !important;
}

#content .pck-record-controlbar .pck-date-nav {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 5px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#content .pck-record-controlbar .pck-date-nav > span {
  min-height: 11px !important;
  font-size: 9px !important;
  line-height: 11px !important;
}

#content .pck-record-controlbar .pck-date-nav > div {
  display: grid !important;
  grid-template-columns: 38px minmax(130px, 1fr) 38px !important;
  height: 38px !important;
}

#content .pck-record-controlbar .pck-date-nav button,
#content .pck-record-controlbar .pck-shift-pages button {
  height: 38px !important;
  min-height: 38px !important;
}

#content .pck-record-controlbar .pck-shift-pages {
  display: flex !important;
  align-items: center !important;
  align-self: end !important;
  gap: 4px !important;
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 3px !important;
  border: 1px solid #d6e1ec !important;
  border-radius: 9px !important;
  background: #f3f7fb !important;
}

#content .pck-record-controlbar .pck-shift-pages button {
  flex: 1 1 0 !important;
  margin: 0 !important;
  padding: 5px 12px !important;
  border-radius: 7px !important;
}

#content .pck-record-controlbar .pck-new-inline,
#content .pck-record-controlbar .pck-export-pdf {
  align-self: end !important;
  width: auto !important;
  min-width: 116px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 7px 13px !important;
}

#content .pck-record-controlbar .pck-new-inline {
  order: initial !important;
}

#content .pck-record-controlbar .pck-export-pdf {
  order: initial !important;
}

#content .pck-record-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

#content .pck-record-summary article {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  min-height: 72px !important;
  height: 72px !important;
  padding: 10px 12px 10px 58px !important;
  border-radius: 12px !important;
}

#content .pck-record-summary article::before {
  left: 12px !important;
  width: 34px !important;
  height: 34px !important;
}

#content .pck-record-summary article > span {
  grid-column: 1 / 3 !important;
  grid-row: 1 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

#content .pck-record-summary article > strong {
  grid-column: 3 !important;
  grid-row: 1 / 3 !important;
  font-size: 21px !important;
}

#content .pck-record-summary article > small {
  grid-column: 1 / 3 !important;
  grid-row: 2 !important;
  font-size: 8px !important;
}

#content .pck-record-toolbar {
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) 180px 200px 90px 78px !important;
  align-items: end !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 11px 14px !important;
  border-radius: 13px !important;
}

#content .pck-record-toolbar label {
  gap: 5px !important;
  min-width: 0 !important;
}

#content .pck-record-toolbar input,
#content .pck-record-toolbar select,
#content .pck-record-toolbar button {
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
}

#content .pck-bulk-actions {
  min-height: 48px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
}

#content .pck-bulk-actions:has(#pck-delete-selected:disabled):has(#pck-delete-filtered:disabled) {
  display: none !important;
}

#content .pck-record-table-panel {
  margin: 0 !important;
  border-radius: 13px !important;
}

#content .pck-record-table-panel .pck-table-scroll {
  max-height: 470px !important;
}

#content .pck-record-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  height: 38px !important;
  padding: 8px 10px !important;
  background: #edf3f8 !important;
}

#content .pck-record-table tbody td {
  padding: 10px !important;
}

#content .pck-record-table tbody .empty {
  height: 120px !important;
  color: #74869a !important;
  text-align: center !important;
  background: #fbfdff !important;
}

@media (max-width: 980px) {
  #content .pck-record-controlbar {
    grid-template-columns: minmax(230px, 1fr) minmax(220px, 1fr) !important;
  }

  #content .pck-record-controlbar .pck-new-inline,
  #content .pck-record-controlbar .pck-export-pdf {
    width: 100% !important;
  }

  #content .pck-record-toolbar {
    grid-template-columns: minmax(240px, 1fr) 1fr 1fr !important;
  }

  #content .pck-record-toolbar button {
    width: 100% !important;
  }
}

@media (max-width: 680px) {
  #content .pck-record-controlbar,
  #content .pck-record-toolbar {
    grid-template-columns: 1fr !important;
  }

  #content .pck-record-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* KPI collision reset: neutralize legacy absolute positioning and transforms. */
#content .pck-record-page .pck-record-summary article {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 2px !important;
  min-width: 0 !important;
  min-height: 76px !important;
  height: 76px !important;
  padding: 10px 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#content .pck-record-page .pck-record-summary article::before {
  position: static !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  transform: none !important;
}

#content .pck-record-page .pck-record-summary article > span {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

#content .pck-record-page .pck-record-summary article > small {
  position: static !important;
  display: block !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 8px !important;
  line-height: 1.2 !important;
}

#content .pck-record-page .pck-record-summary article > strong {
  position: static !important;
  inset: auto !important;
  right: auto !important;
  top: auto !important;
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  justify-self: end !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  font-size: 21px !important;
  line-height: 1 !important;
  text-align: right !important;
}

#content .pck-record-page .pck-record-table {
  width: 100% !important;
  min-width: 1040px !important;
}

@media (max-width: 760px) {
  #content .pck-record-page .pck-record-summary article {
    min-height: 72px !important;
    height: 72px !important;
    padding: 9px 10px !important;
  }

  #content .pck-record-page .pck-record-summary article > strong {
    font-size: 19px !important;
  }
}

/* Reporting DMS: single application header and compact report control center. */
#content .reporting-v4-hero {
  display: none !important;
}

#content .reporting-filter-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "head head"
    "filters filters"
    "options actions" !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

#content .reporting-filter-panel > .panel-head {
  grid-area: head !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 62px !important;
  padding: 11px 16px !important;
}

#content .reporting-filter-panel > .panel-head::after {
  content: "Build 007.1";
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 5px 10px !important;
  border: 1px solid #bfd2e5 !important;
  border-radius: 999px !important;
  background: #edf5fb !important;
  color: #315d82 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

#content .reporting-filter-panel .panel-head h3 {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
}

#content .reporting-filter-panel .panel-head p {
  margin: 3px 0 0 !important;
  font-size: 10px !important;
}

#content .reporting-filter-panel .reporting-filters {
  grid-area: filters !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(125px, 1fr)) !important;
  gap: 9px !important;
  width: 100% !important;
  padding: 11px 16px 12px !important;
  border-bottom: 1px solid #e5ecf3 !important;
  box-sizing: border-box !important;
}

#content .reporting-filter-panel .reporting-filters label {
  gap: 4px !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: 9px !important;
}

#content .reporting-filter-panel .reporting-filters input,
#content .reporting-filter-panel .reporting-filters select {
  width: 100% !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 6px 28px 6px 9px !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

#content .reporting-filter-panel .reporting-options {
  grid-area: options !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 12px 8px 13px 16px !important;
}

#content .reporting-filter-panel .reporting-options label {
  min-height: 36px !important;
  padding: 7px 10px !important;
  margin: 0 !important;
  border-radius: 8px !important;
}

#content .reporting-filter-panel .reporting-actions {
  grid-area: actions !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 12px 16px 13px 8px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

#content .reporting-filter-panel .reporting-actions .btn {
  min-height: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 7px 13px !important;
  border-radius: 8px !important;
}

@media (max-width: 980px) {
  #content .reporting-filter-panel .reporting-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  #content .reporting-filter-panel {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "head"
      "filters"
      "options"
      "actions" !important;
  }

  #content .reporting-filter-panel .reporting-filters {
    grid-template-columns: 1fr !important;
  }

  #content .reporting-filter-panel .reporting-options,
  #content .reporting-filter-panel .reporting-actions {
    padding: 10px 12px !important;
  }
}

/* Central Database: application shell is the only page header. */
#content .db-enterprise > .db-hero {
  display: none !important;
}

#content .db-enterprise {
  display: grid !important;
  gap: 12px !important;
}

#content .db-enterprise .database-kpis {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

#content .db-enterprise .database-kpis > div {
  min-height: 78px !important;
  padding: 11px 14px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(28, 55, 90, .04) !important;
}

#content .db-enterprise .database-kpis span {
  font-size: 9px !important;
  line-height: 1.2 !important;
}

#content .db-enterprise .database-kpis b {
  margin: 4px 0 2px !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
}

#content .db-enterprise .database-kpis small {
  font-size: 8px !important;
}

#content .db-enterprise .database-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid #dce5ee !important;
  border-radius: 12px !important;
  background: #fff !important;
}

#content .db-enterprise .database-actions .btn {
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 6px 11px !important;
  border-radius: 8px !important;
  font-size: 9px !important;
}

#content .db-enterprise .db-overview-grid,
#content .db-enterprise .db-master-grid {
  gap: 12px !important;
  margin: 0 !important;
}

#content .db-enterprise .panel {
  border-radius: 13px !important;
  box-shadow: 0 4px 16px rgba(28, 55, 90, .04) !important;
}

#content .db-enterprise .panel-head {
  min-height: 62px !important;
  padding: 10px 13px !important;
}

#content .db-enterprise .panel-head h3 {
  font-size: 13px !important;
  line-height: 1.2 !important;
}

#content .db-enterprise .panel-head p {
  margin-top: 3px !important;
  font-size: 9px !important;
}

#content .db-enterprise .category-panel > .panel-head {
  min-height: 72px !important;
}

#content .db-enterprise .category-toolbar {
  gap: 7px !important;
}

#content .db-enterprise .database-search,
#content .db-enterprise .db-add-btn {
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  border-radius: 8px !important;
}

#content .db-enterprise .db-table-wrap table th {
  height: 36px !important;
  padding: 7px 10px !important;
}

#content .db-enterprise .db-table-wrap table td {
  padding: 8px 10px !important;
}

@media (max-width: 820px) {
  #content .db-enterprise .database-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  #content .db-enterprise .database-kpis {
    grid-template-columns: 1fr !important;
  }
}

/* Central Database master panels: preserve table readability before density. */
#content .db-enterprise .db-master-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 12px !important;
}

#content .db-enterprise .category-panel {
  width: 100% !important;
  min-width: 0 !important;
  height: 360px !important;
  min-height: 360px !important;
  overflow: hidden !important;
}

#content .db-enterprise .category-panel > .panel-head {
  display: grid !important;
  grid-template-columns: minmax(150px, 1fr) minmax(250px, auto) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 70px !important;
  padding: 10px 12px !important;
}

#content .db-enterprise .category-panel > .panel-head > div:first-child {
  min-width: 0 !important;
}

#content .db-enterprise .category-panel > .panel-head h3,
#content .db-enterprise .category-panel > .panel-head p {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#content .db-enterprise .category-toolbar {
  display: grid !important;
  grid-template-columns: minmax(170px, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 380px !important;
}

#content .db-enterprise .category-toolbar .database-search {
  width: 100% !important;
  min-width: 0 !important;
}

#content .db-enterprise .category-toolbar .db-add-btn {
  min-width: 88px !important;
  padding: 6px 10px !important;
  white-space: nowrap !important;
}

#content .db-enterprise .category-panel .db-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  height: calc(360px - 70px) !important;
  overflow: auto !important;
  scrollbar-width: thin !important;
}

#content .db-enterprise .category-panel table {
  width: 100% !important;
  min-width: 720px !important;
  table-layout: auto !important;
}

#content .db-enterprise .category-panel table th,
#content .db-enterprise .category-panel table td {
  vertical-align: middle !important;
}

#content .db-enterprise .category-panel table th:last-child,
#content .db-enterprise .category-panel table td:last-child {
  position: sticky !important;
  right: 0 !important;
  z-index: 2 !important;
  min-width: 108px !important;
  background: #fff !important;
  box-shadow: -5px 0 8px rgba(20, 43, 70, .04) !important;
}

#content .db-enterprise .category-panel table th:last-child {
  z-index: 4 !important;
  background: #f2f6fa !important;
}

#content .db-enterprise .category-panel table td:last-child .actions {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  white-space: nowrap !important;
}

@media (max-width: 1280px) {
  #content .db-enterprise .db-master-grid {
    grid-template-columns: 1fr !important;
  }

  #content .db-enterprise .category-panel table {
    min-width: 860px !important;
  }
}

@media (max-width: 700px) {
  #content .db-enterprise .category-panel > .panel-head {
    grid-template-columns: 1fr !important;
  }

  #content .db-enterprise .category-toolbar {
    max-width: none !important;
  }
}

/* User Management: application shell is the single page header. */
#content .um-page > .um-hero {
  display: none !important;
}

#content .um-page {
  display: grid !important;
  gap: 12px !important;
}

#content .um-page .um-kpis {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

#content .um-page .um-kpi {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 58px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(28, 55, 90, .04) !important;
}

#content .um-page .um-kpi span {
  font-size: 10px !important;
  line-height: 1.2 !important;
}

#content .um-page .um-kpi b {
  margin: 0 !important;
  font-size: 21px !important;
  line-height: 1 !important;
}

#content .um-page .um-panel {
  margin: 0 !important;
  border-radius: 13px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(28, 55, 90, .04) !important;
}

#content .um-page .um-panel-head {
  min-height: 64px !important;
  padding: 10px 15px !important;
}

#content .um-page .um-panel-head h3 {
  font-size: 15px !important;
  line-height: 1.2 !important;
}

#content .um-page .um-panel-head p {
  margin-top: 3px !important;
  font-size: 10px !important;
}

#content .um-page .um-panel-head .btn {
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 7px 13px !important;
  border-radius: 8px !important;
}

#content .um-page .um-toolbar {
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) 190px 170px 70px !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 10px 15px !important;
}

#content .um-page .um-toolbar input,
#content .um-page .um-toolbar select,
#content .um-page .um-toolbar button {
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  border-radius: 8px !important;
}

#content .um-page .um-table-wrap {
  max-height: 480px !important;
  overflow: auto !important;
  scrollbar-width: thin !important;
}

#content .um-page .um-table {
  width: 100% !important;
  min-width: 880px !important;
}

#content .um-page .um-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  height: 36px !important;
  padding: 7px 11px !important;
  background: #f1f5f9 !important;
}

#content .um-page .um-table tbody td {
  padding: 8px 11px !important;
  vertical-align: middle !important;
}

#content .um-page .um-table th:last-child,
#content .um-page .um-table td:last-child {
  position: sticky !important;
  right: 0 !important;
  z-index: 2 !important;
  min-width: 116px !important;
  background: #fff !important;
  box-shadow: -5px 0 8px rgba(20, 43, 70, .04) !important;
}

#content .um-page .um-table th:last-child {
  z-index: 4 !important;
  background: #f1f5f9 !important;
}

@media (max-width: 760px) {
  #content .um-page .um-kpis {
    grid-template-columns: 1fr !important;
  }

  #content .um-page .um-toolbar {
    grid-template-columns: 1fr !important;
  }
}

/* Role Management: application shell is the single page header. */
#content .rm-page > .rm-hero {
  display: none !important;
}

#content .rm-page {
  display: grid !important;
  gap: 12px !important;
}

#content .rm-page .rm-kpis {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

#content .rm-page .rm-kpi {
  min-height: 72px !important;
  padding: 11px 14px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(28, 55, 90, .04) !important;
}

#content .rm-page .rm-kpi span {
  font-size: 9px !important;
  line-height: 1.2 !important;
}

#content .rm-page .rm-kpi b {
  margin: 4px 0 2px !important;
  font-size: 21px !important;
  line-height: 1 !important;
}

#content .rm-page .rm-kpi small {
  font-size: 8px !important;
  line-height: 1.25 !important;
}

#content .rm-page .rm-panel {
  margin: 0 !important;
  border-radius: 13px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(28, 55, 90, .04) !important;
}

#content .rm-page .rm-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 66px !important;
  padding: 10px 15px !important;
}

#content .rm-page .rm-toolbar-copy {
  min-width: 0 !important;
}

#content .rm-page .rm-toolbar-copy h3 {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

#content .rm-page .rm-toolbar-copy p {
  margin: 3px 0 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 10px !important;
}

#content .rm-page .rm-toolbar-actions {
  display: grid !important;
  grid-template-columns: minmax(230px, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 340px !important;
}

#content .rm-page .rm-search,
#content .rm-page .rm-search input {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#content .rm-page .rm-search input,
#content .rm-page .rm-toolbar-actions .btn {
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 8px !important;
}

#content .rm-page .rm-toolbar-actions .btn {
  margin: 0 !important;
  padding: 7px 13px !important;
  white-space: nowrap !important;
}

#content .rm-page .rm-table-wrap {
  max-height: 490px !important;
  overflow: auto !important;
  scrollbar-width: thin !important;
}

#content .rm-page .rm-table {
  width: 100% !important;
  min-width: 900px !important;
}

#content .rm-page .rm-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  height: 36px !important;
  padding: 7px 11px !important;
  background: #f1f5f9 !important;
}

#content .rm-page .rm-table tbody td {
  padding: 8px 11px !important;
  vertical-align: middle !important;
}

#content .rm-page .rm-table th:last-child,
#content .rm-page .rm-table td:last-child {
  position: sticky !important;
  right: 0 !important;
  z-index: 2 !important;
  min-width: 76px !important;
  background: #fff !important;
  box-shadow: -5px 0 8px rgba(20, 43, 70, .04) !important;
}

#content .rm-page .rm-table th:last-child {
  z-index: 4 !important;
  background: #f1f5f9 !important;
}

#content .rm-page .rm-access {
  min-width: 150px !important;
}

#content .rm-page .rm-access-track {
  height: 6px !important;
  margin-top: 5px !important;
}

@media (max-width: 760px) {
  #content .rm-page .rm-kpis {
    grid-template-columns: 1fr !important;
  }

  #content .rm-page .rm-toolbar,
  #content .rm-page .rm-toolbar-actions {
    grid-template-columns: 1fr !important;
  }

  #content .rm-page .rm-toolbar-actions {
    min-width: 0 !important;
  }
}