.maintenance-page{min-width:0}.maintenance-page .page-container{max-width:1460px;margin:0 auto}.maintenance-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.maintenance-page-header .eyebrow,.maintenance-drawer-heading .eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:#8a6a2f}.maintenance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.maintenance-stat{appearance:none;text-align:left;background:#fff;border:1px solid #dfe4ed;border-radius:16px;padding:18px 20px;cursor:pointer;color:#15203a;box-shadow:0 8px 24px rgba(18,32,58,.04)}.maintenance-stat span{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.maintenance-stat strong{display:block;font-size:29px;margin:7px 0 2px}.maintenance-stat small{color:#768094}.maintenance-stat.active{border-color:#b99445;box-shadow:0 0 0 2px rgba(185,148,69,.12)}.maintenance-stat-danger strong{color:#a93127}.maintenance-toolbar{display:grid;grid-template-columns:minmax(280px,1.4fr) repeat(3,minmax(170px,.65fr)) auto;gap:12px;align-items:center;margin-bottom:18px}.maintenance-toolbar input,.maintenance-toolbar select{width:100%}.maintenance-board{display:grid;gap:14px}.maintenance-card{background:#fff;border:1px solid #dfe4ed;border-radius:16px;padding:20px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr) auto;gap:20px;align-items:center}.maintenance-card-main{min-width:0}.maintenance-card-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.maintenance-card-title strong{font-size:18px;color:#111b35}.maintenance-reference{font-size:12px;font-weight:700;letter-spacing:.05em;color:#68728a}.maintenance-card-main p{margin:7px 0;color:#5f687c}.maintenance-card-main small{display:block;color:#7b8495}.maintenance-meta{display:grid;gap:6px;font-size:14px;color:#414b61}.maintenance-meta i{width:18px;color:#8a6a2f}.maintenance-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.maintenance-card-actions button{white-space:nowrap}.maintenance-empty{background:#fff;border:1px dashed #ccd3df;border-radius:16px;padding:42px;text-align:center;color:#7a8394}.maintenance-priority{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.maintenance-priority.emergency,.maintenance-priority.high{background:#fbe8e6;color:#9c2e24}.maintenance-priority.medium{background:#fff5d8;color:#82651e}.maintenance-priority.low{background:#e9f6ec;color:#2c6c3c}.maintenance-drawer{z-index:1100}.maintenance-drawer .drawer-content{width:min(760px,96vw);max-width:760px;overflow-y:auto}.maintenance-drawer-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.maintenance-drawer-heading h2{margin:0}.maintenance-drawer-heading p{margin:5px 0 0;color:#6d7586}.maintenance-form-section{padding:18px 0;border-top:1px solid #e6e9ef}.maintenance-form-section h3{margin:0 0 14px}.maintenance-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.maintenance-form-grid label{display:grid;gap:6px;font-weight:600;color:#303a51}.maintenance-form-grid .full{grid-column:1/-1}.maintenance-form-grid input,.maintenance-form-grid select,.maintenance-form-grid textarea,.maintenance-cancel-panel textarea{width:100%}.maintenance-check{display:flex!important;grid-auto-flow:column;grid-template-columns:auto 1fr!important;align-items:center;justify-content:start;gap:9px!important}.maintenance-check input{width:auto!important}.maintenance-cancel-panel{padding:15px;border:1px solid #efc0bc;background:#fff6f5;border-radius:12px;margin:8px 0 18px}.maintenance-drawer-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.danger-action{border:1px solid #dca9a4;background:#fff;color:#a22e24;border-radius:10px;padding:11px 15px;font-weight:700;cursor:pointer}.status.purple{background:#eee9fb;color:#5f43a0}@media(max-width:1050px){.maintenance-summary{grid-template-columns:repeat(2,1fr)}.maintenance-toolbar{grid-template-columns:1fr 1fr}.maintenance-card{grid-template-columns:1fr}.maintenance-card-actions{align-items:flex-start;flex-direction:row}}@media(max-width:700px){.maintenance-summary,.maintenance-toolbar,.maintenance-form-grid{grid-template-columns:1fr}.maintenance-form-grid .full{grid-column:auto}.maintenance-page-header{flex-direction:column}.maintenance-card{padding:16px}}

/* UI polish: summary cards stay light on hover/selection; colour is an accent, not a fill. */
.maintenance-summary .maintenance-stat,
.maintenance-summary .maintenance-stat:hover,
.maintenance-summary .maintenance-stat:focus,
.maintenance-summary .maintenance-stat:active {
  background:#fff;
  color:#15203a;
  transform:none;
}
.maintenance-summary .maintenance-stat:hover {
  border-color:#c9d0dc;
  box-shadow:0 10px 28px rgba(18,32,58,.07);
}
.maintenance-summary .maintenance-stat.active,
.maintenance-summary .maintenance-stat.active:hover,
.maintenance-summary .maintenance-stat.active:focus,
.maintenance-summary .maintenance-stat.active:active {
  background:#fff;
  color:#15203a;
  border-color:#b99445;
  box-shadow:0 0 0 2px rgba(185,148,69,.12),0 8px 24px rgba(18,32,58,.04);
}
.maintenance-summary .maintenance-stat.active span { color:#6b7280; }
.maintenance-summary .maintenance-stat.active small { color:#768094; }
.maintenance-summary .maintenance-stat-danger strong,
.maintenance-summary .maintenance-stat-danger.active strong { color:#a93127; }


/* =========================================================
   Maintenance Drawer UAT Fix v3 — 2026-08-20
   - override the base 400px drawer width
   - remove nested horizontal scrolling
   - keep header/actions fixed
   - scroll only the form body
   ========================================================= */

.maintenance-drawer{
  width:min(960px,96vw) !important;
  max-width:960px !important;
  right:-100vw !important;
  top:0;
  height:100vh;
  max-height:100vh;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box;
}

.maintenance-drawer.open{
  right:0 !important;
}

.maintenance-drawer .drawer-content{
  width:100% !important;
  max-width:none !important;
  height:100%;
  max-height:100%;
  margin:0;
  padding:28px 30px 0;
  overflow:hidden !important;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}

.maintenance-drawer-heading{
  flex:0 0 auto;
  margin-bottom:18px;
}

.maintenance-drawer-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:8px;
  padding-bottom:18px;
}

.maintenance-drawer .maintenance-drawer-actions{
  position:static !important;
  flex:0 0 auto;
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin:0 -30px;
  padding:16px 30px 18px;
  border-top:1px solid #e6e9ef;
  background:#fff;
  box-shadow:0 -8px 20px rgba(18,32,58,.05);
  z-index:2;
}

@media(max-width:700px){
  .maintenance-drawer{
    width:100vw !important;
    max-width:100vw !important;
  }

  .maintenance-drawer .drawer-content{
    padding:20px 18px 0;
  }

  .maintenance-drawer .maintenance-drawer-actions{
    margin:0 -18px;
    padding:14px 18px 16px;
    flex-wrap:wrap;
  }
}