:root{--bg:#edf4fb;--panel:#fff;--panel2:#f5f9fd;--line:#ccdaea;--text:#17324d;--muted:#66809a;--blue:#3b82f6;--green:#1f9d6b;--yellow:#c58a17;--red:#c84f5b;--cyan:#1c7ed6}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#dfeaf6);color:var(--text);min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 4vw;background:rgba(255,255,255,.72);border-bottom:1px solid var(--line)}h1,h2{margin:0}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--cyan);font-weight:800;margin:0 0 4px}.muted{color:var(--muted)}main{width:min(1500px,94vw);margin:18px auto 40px}.card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 28px rgba(23,50,77,.07)}.toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:14px}.toolbar label{min-width:150px}.statusbar{display:flex;justify-content:space-between;padding:12px 15px;margin-top:12px}.statusbar span{color:var(--muted)}label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:12px}input,select,textarea{width:100%;padding:10px;border:1px solid #b9cce0;border-radius:9px;background:white;color:var(--text);font:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.12)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:9px;border:1px solid #bfd0e2;background:#f8fbff;color:var(--text);font-weight:700;cursor:pointer;text-decoration:none}.primary{background:var(--blue);border-color:var(--blue);color:white}.success{background:var(--green);border-color:var(--green);color:white}.warning{background:var(--yellow);border-color:var(--yellow);color:white}.wa{background:#e9fbf4;border-color:#89d1b3;color:#126849}.full{width:100%}.userbox{display:flex;gap:12px;align-items:center}.section-title{margin:22px 0 8px;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.12em}.card-head{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.card-head h2{font-size:17px}.card-head span{font-size:11px;color:var(--muted)}.table-wrap{overflow:auto;padding:10px 14px 16px}table{width:100%;border-collapse:separate;border-spacing:0 6px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;padding:5px 8px}td{padding:5px 8px;background:rgba(255,255,255,.7)}td:first-child{border-radius:8px 0 0 8px;font-weight:800;color:var(--cyan)}td:last-child{border-radius:0 8px 8px 0}.grid{display:grid;gap:14px;margin-top:14px}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:15px}.summary-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.summary-card{background:white;border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:5px}.summary-card span{font-size:11px;color:var(--muted);text-transform:uppercase}.summary-card strong{font-size:24px;color:var(--cyan)}.summary-card small{color:var(--muted)}.sgc-alert{background:#fff0f1!important;border-color:#f0a8b0!important}.sgc-alert strong{color:#c52233!important}.sgc-ok{background:#e9f8f0!important;border-color:#b8e3cd!important}.sgc-ok strong{color:#16835d!important}.result-list{padding:12px}.result-row{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px dashed var(--line)}.result-row span{color:var(--muted)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(420px,94vw);background:white;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 18px 50px rgba(23,50,77,.12)}.auth-card label{margin:13px 0}.flash-wrap{position:fixed;top:16px;right:16px;z-index:300}.flash{padding:11px 14px;border-radius:9px;background:white;border:1px solid var(--line);margin-bottom:8px}.flash.error{border-color:#ef9aa3}.modal{display:none;position:fixed;inset:0;background:rgba(90,110,130,.35);backdrop-filter:blur(4px);z-index:200;padding:24px;overflow:auto}.modal.open{display:block}.modal-box{width:min(980px,96vw);margin:auto;background:white;border:1px solid var(--line);border-radius:16px}.modal-box.wide{width:min(1300px,97vw)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.modal-head button{border:0;background:none;font-size:28px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:15px;border-top:1px solid var(--line)}.wa-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:15px}.wa-grid label{margin-bottom:8px}.wa-unit{display:grid;grid-template-columns:55px 1fr 90px 90px;gap:8px;margin:6px 0;align-items:center}#toast{position:fixed;right:20px;bottom:20px;display:none;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:13px 16px;border-radius:10px;box-shadow:0 10px 30px rgba(23,50,77,.15);z-index:500}@media(max-width:1000px){.summary-grid{grid-template-columns:repeat(3,1fr)}.three{grid-template-columns:1fr}.two{grid-template-columns:1fr}.wa-grid{grid-template-columns:1fr}}@media(max-width:650px){.summary-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px;flex-direction:column}.userbox{width:100%;justify-content:space-between}}

@media(max-width:1250px){.summary-grid{grid-template-columns:repeat(4,1fr)}}

.page-tabs{width:min(1500px,94vw);margin:14px auto 0;display:flex;gap:8px;flex-wrap:wrap}.page-tab{padding:10px 15px;border:1px solid var(--line);border-radius:10px;background:#f7fbff;color:var(--muted);text-decoration:none;font-weight:700}.page-tab.active{background:var(--blue);border-color:var(--blue);color:white}.oil-meta-grid{grid-template-columns:repeat(3,1fr)}.oil-last-badge{display:flex;flex-direction:column;text-align:right}.oil-last-badge span,.oil-last-badge small{font-size:11px;color:var(--muted)}.oil-last-badge strong{font-size:24px;color:var(--green)}.oil-warning{padding:14px 16px;margin-bottom:14px;background:#fff8df;border-color:#e9ca65}.oil-warning[hidden]{display:none}@media(max-width:800px){.oil-meta-grid{grid-template-columns:1fr}.oil-last-badge{text-align:left}}

.oil-delete{background:#fff0f1;border-color:#e49aa4;color:#a7192d}
.oil-delete:hover{background:#ffe2e6;border-color:#d97884}

.user-create-grid{
  grid-template-columns:repeat(4,1fr);
}

/* v4.3.6 - Check List Start Up and Patrol Check readiness console.
   Screen-only visual layer: field data, status classes, signatures,
   histories, action controls, and official print layouts stay unchanged. */
@media screen {
  body.dashboard-sidebar-enabled:has(#startupDate),
  body.dashboard-sidebar-enabled:has(#patrolDate) {
    --readiness-bg: #06192b;
    --readiness-panel: #0a2b48;
    --readiness-panel-deep: #071f38;
    --readiness-line: rgba(100, 191, 216, .25);
    --readiness-text: #e8f8fb;
    --readiness-muted: #9fc5d3;
    background:
      radial-gradient(circle at 88% 0%, rgba(40, 202, 174, .14), transparent 29rem),
      radial-gradient(circle at 12% 0%, rgba(45, 132, 214, .18), transparent 34rem),
      linear-gradient(145deg, #071a2e 0%, #092740 50%, #051626 100%);
    color: var(--readiness-text);
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) {
    background:
      radial-gradient(circle at 90% 0%, rgba(46, 182, 239, .17), transparent 31rem),
      radial-gradient(circle at 13% 0%, rgba(62, 211, 174, .1), transparent 33rem),
      linear-gradient(145deg, #071a2e 0%, #092841 52%, #051625 100%);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .topbar,
  body.dashboard-sidebar-enabled:has(#patrolDate) .topbar {
    min-height: 108px;
    padding: 19px max(2.7vw, 24px);
    background:
      linear-gradient(104deg, rgba(8, 40, 67, .98), rgba(6, 31, 53, .97)),
      radial-gradient(circle at 72% 6%, rgba(68, 193, 194, .17), transparent 27rem);
    box-shadow: 0 12px 26px rgba(0, 5, 14, .23);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .topbar h1,
  body.dashboard-sidebar-enabled:has(#patrolDate) .topbar h1 {
    color: #f3fffb;
    font-size: clamp(24px, 2vw, 31px);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .eyebrow,
  body.dashboard-sidebar-enabled:has(#patrolDate) .eyebrow {
    border-color: rgba(91, 218, 178, .38);
    background: rgba(74, 197, 158, .11);
    color: #93f2d0;
    box-shadow: inset 0 1px 0 rgba(189, 255, 235, .08);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .topbar .userbox,
  body.dashboard-sidebar-enabled:has(#patrolDate) .topbar .userbox {
    padding: 8px 10px;
    border: 1px solid rgba(94, 198, 218, .29);
    border-radius: 10px;
    background: linear-gradient(145deg, #103d60, #0a2b49);
    box-shadow: inset 0 1px 0 rgba(187, 239, 255, .08), 0 8px 16px rgba(0, 7, 17, .16);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .topbar .userbox span,
  body.dashboard-sidebar-enabled:has(#patrolDate) .topbar .userbox span {
    padding-left: 0;
    color: #dcf4ed;
    font-size: 11px;
    font-weight: 750;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .topbar .userbox .btn,
  body.dashboard-sidebar-enabled:has(#patrolDate) .topbar .userbox .btn {
    min-height: auto;
    padding: 5px 8px;
    border-color: rgba(255, 183, 183, .3);
    background: rgba(135, 51, 66, .42);
    color: #ffdce1;
    font-size: 10px;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) main,
  body.dashboard-sidebar-enabled:has(#patrolDate) main {
    width: min(1760px, calc(100% - 48px));
    margin: 20px auto 52px;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .page-tabs,
  body.dashboard-sidebar-enabled:has(#patrolDate) .page-tabs {
    border-color: rgba(86, 186, 210, .22);
    background: rgba(6, 27, 47, .9);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .page-tab,
  body.dashboard-sidebar-enabled:has(#patrolDate) .page-tab {
    color: #9fcad7;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .page-tab.active,
  body.dashboard-sidebar-enabled:has(#patrolDate) .page-tab.active {
    border-color: rgba(84, 223, 190, .52);
    background: rgba(29, 128, 129, .28);
    color: #e8fffa;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .entry-guide,
  body.dashboard-sidebar-enabled:has(#patrolDate) .entry-guide {
    margin: 0 0 16px;
    border-color: rgba(79, 205, 192, .27);
    border-radius: 11px;
    background: linear-gradient(105deg, rgba(9, 54, 76, .96), rgba(8, 35, 58, .95));
    box-shadow: inset 0 1px 0 rgba(160, 247, 223, .06), 0 10px 22px rgba(0, 6, 17, .13);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .entry-guide summary,
  body.dashboard-sidebar-enabled:has(#patrolDate) .entry-guide summary {
    padding: 13px 16px;
    color: #e7fff8;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .entry-guide-title,
  body.dashboard-sidebar-enabled:has(#patrolDate) .entry-guide-title {
    font-size: 14px;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .entry-guide-icon,
  body.dashboard-sidebar-enabled:has(#patrolDate) .entry-guide-icon {
    background: linear-gradient(145deg, #39cda9, #238d83);
    box-shadow: 0 0 0 4px rgba(67, 216, 184, .1), 0 0 15px rgba(58, 215, 182, .34);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .entry-guide-toggle,
  body.dashboard-sidebar-enabled:has(#patrolDate) .entry-guide-toggle {
    color: #82ebd0;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .entry-guide-body,
  body.dashboard-sidebar-enabled:has(#patrolDate) .entry-guide-body {
    border-top-color: rgba(95, 207, 193, .2);
    color: #c0ddd8;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .entry-guide-note,
  body.dashboard-sidebar-enabled:has(#patrolDate) .entry-guide-note {
    border-color: rgba(250, 190, 66, .27);
    background: rgba(125, 84, 15, .2);
    color: #ffe2a2;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .card,
  body.dashboard-sidebar-enabled:has(#patrolDate) .card {
    min-width: 0;
    border-color: var(--readiness-line);
    background: linear-gradient(145deg, rgba(12, 45, 73, .98), rgba(7, 29, 51, .98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 10px 20px rgba(0, 6, 17, .14);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) label,
  body.dashboard-sidebar-enabled:has(#patrolDate) label {
    color: #b0d5de;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) input,
  body.dashboard-sidebar-enabled:has(#startupDate) select,
  body.dashboard-sidebar-enabled:has(#startupDate) textarea,
  body.dashboard-sidebar-enabled:has(#patrolDate) input,
  body.dashboard-sidebar-enabled:has(#patrolDate) select,
  body.dashboard-sidebar-enabled:has(#patrolDate) textarea {
    border-color: rgba(111, 193, 211, .31);
    background: #09253e;
    color: #effdf8;
    color-scheme: dark;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) input:hover,
  body.dashboard-sidebar-enabled:has(#startupDate) select:hover,
  body.dashboard-sidebar-enabled:has(#startupDate) textarea:hover,
  body.dashboard-sidebar-enabled:has(#patrolDate) input:hover,
  body.dashboard-sidebar-enabled:has(#patrolDate) select:hover,
  body.dashboard-sidebar-enabled:has(#patrolDate) textarea:hover {
    border-color: rgba(88, 219, 198, .62);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) input:focus,
  body.dashboard-sidebar-enabled:has(#startupDate) select:focus,
  body.dashboard-sidebar-enabled:has(#startupDate) textarea:focus,
  body.dashboard-sidebar-enabled:has(#patrolDate) input:focus,
  body.dashboard-sidebar-enabled:has(#patrolDate) select:focus,
  body.dashboard-sidebar-enabled:has(#patrolDate) textarea:focus {
    border-color: #55d9c0;
    box-shadow: 0 0 0 3px rgba(70, 216, 190, .16);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) input::placeholder,
  body.dashboard-sidebar-enabled:has(#startupDate) textarea::placeholder,
  body.dashboard-sidebar-enabled:has(#patrolDate) input::placeholder,
  body.dashboard-sidebar-enabled:has(#patrolDate) textarea::placeholder {
    color: #7599aa;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) input[readonly],
  body.dashboard-sidebar-enabled:has(#startupDate) input:read-only,
  body.dashboard-sidebar-enabled:has(#patrolDate) input[readonly],
  body.dashboard-sidebar-enabled:has(#patrolDate) input:read-only {
    border-color: rgba(81, 191, 180, .38);
    background: linear-gradient(145deg, #103d59, #0a2d47) !important;
    color: #b7f1e2 !important;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) input[type="file"],
  body.dashboard-sidebar-enabled:has(#patrolDate) input[type="file"] {
    padding: 5px;
    color: #b7d7df;
    cursor: pointer;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) input[type="file"]::file-selector-button,
  body.dashboard-sidebar-enabled:has(#patrolDate) input[type="file"]::file-selector-button {
    margin-right: 9px;
    padding: 7px 10px;
    border: 1px solid rgba(90, 208, 190, .42);
    border-radius: 7px;
    background: linear-gradient(145deg, #124968, #0d3453);
    color: #dffbf5;
    font: inherit;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .btn,
  body.dashboard-sidebar-enabled:has(#patrolDate) .btn {
    border-color: rgba(111, 189, 213, .27);
    background: linear-gradient(145deg, #123d5e, #0b2b49);
    color: #e1f7f1;
    box-shadow: inset 0 1px 0 rgba(193, 244, 255, .06), 0 4px 10px rgba(0, 5, 15, .13);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .btn:hover,
  body.dashboard-sidebar-enabled:has(#patrolDate) .btn:hover {
    border-color: rgba(87, 220, 199, .66);
    background: linear-gradient(145deg, #164e6d, #0d3654);
    color: #fff;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .btn.primary,
  body.dashboard-sidebar-enabled:has(#patrolDate) .btn.primary {
    border-color: #278eb1;
    background: linear-gradient(145deg, #177a9d, #115475);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .btn.success,
  body.dashboard-sidebar-enabled:has(#patrolDate) .btn.success {
    border-color: rgba(95, 222, 161, .62);
    background: linear-gradient(145deg, #278f68, #176c50);
    color: #effff6;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .btn.danger,
  body.dashboard-sidebar-enabled:has(#patrolDate) .btn.danger,
  body.dashboard-sidebar-enabled:has(#startupDate) .oil-delete,
  body.dashboard-sidebar-enabled:has(#patrolDate) .oil-delete {
    border-color: rgba(255, 125, 143, .44) !important;
    background: rgba(126, 42, 58, .32) !important;
    color: #ffd7df !important;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .section-title,
  body.dashboard-sidebar-enabled:has(#patrolDate) .section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 22px 0 10px;
    color: #79e1cb;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .section-title::after,
  body.dashboard-sidebar-enabled:has(#patrolDate) .section-title::after {
    content: "";
    height: 1px;
    flex: 1;
    background: linear-gradient(90deg, rgba(101, 220, 199, .38), transparent);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .card-head,
  body.dashboard-sidebar-enabled:has(#patrolDate) .card-head {
    border-bottom-color: rgba(111, 193, 211, .2);
    background: rgba(16, 58, 88, .48);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .card-head h2,
  body.dashboard-sidebar-enabled:has(#patrolDate) .card-head h2 {
    color: #effff9;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .card-head span,
  body.dashboard-sidebar-enabled:has(#startupDate) .card small,
  body.dashboard-sidebar-enabled:has(#patrolDate) .card-head span,
  body.dashboard-sidebar-enabled:has(#patrolDate) .card small {
    color: #a9cfe0;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .table-wrap,
  body.dashboard-sidebar-enabled:has(#patrolDate) .table-wrap {
    scrollbar-color: #4298ae #06192c;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) table,
  body.dashboard-sidebar-enabled:has(#patrolDate) table {
    color: #eaf7f6;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) th,
  body.dashboard-sidebar-enabled:has(#patrolDate) th {
    border-color: rgba(117, 194, 211, .24);
    background: #123e5d;
    color: #d8f1ee;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) td,
  body.dashboard-sidebar-enabled:has(#patrolDate) td {
    border-color: rgba(111, 188, 205, .16);
    background: rgba(7, 30, 51, .74);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) tr:hover td,
  body.dashboard-sidebar-enabled:has(#patrolDate) tr:hover td {
    background: rgba(16, 62, 85, .76);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) #toast,
  body.dashboard-sidebar-enabled:has(#patrolDate) #toast {
    border: 1px solid rgba(84, 221, 190, .42);
    background: #0b3b51;
    color: #e8fffa;
    box-shadow: 0 12px 30px rgba(0, 6, 17, .28);
  }

  /* Check List Start Up: controlled release of each generating unit. */
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-controls,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-controls {
    align-items: end;
    gap: 9px;
    padding: 16px;
    margin-bottom: 16px;
    border-left: 3px solid #42c9ae;
    background: linear-gradient(105deg, rgba(9, 58, 73, .72), rgba(8, 35, 58, .98));
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-controls > label,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-controls > label {
    min-width: 144px;
    flex: 0 1 168px;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-controls .btn,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-controls .btn {
    min-height: 40px;
    white-space: nowrap;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .admin-edit-banner,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-edit-banner {
    margin-bottom: 16px;
    border-color: rgba(248, 190, 74, .38);
    border-left-color: #efba55;
    background: linear-gradient(100deg, rgba(104, 74, 20, .54), rgba(10, 42, 61, .96));
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .admin-edit-banner strong,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-edit-banner strong {
    color: #ffe0a0;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .admin-edit-banner span,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-edit-banner span {
    color: #c8e4df;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-summary,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-summary {
    gap: 12px;
    margin-bottom: 16px;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-summary {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .summary-card,
  body.dashboard-sidebar-enabled:has(#patrolDate) .summary-card {
    min-width: 0;
    min-height: 98px;
    border-color: rgba(108, 191, 211, .24);
    background: linear-gradient(145deg, rgba(13, 48, 75, .98), rgba(7, 29, 50, .98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 10px 18px rgba(0, 6, 17, .12);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .summary-card span,
  body.dashboard-sidebar-enabled:has(#patrolDate) .summary-card span {
    color: #a7cbd7;
    line-height: 1.35;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .summary-card strong,
  body.dashboard-sidebar-enabled:has(#patrolDate) .summary-card strong {
    color: #86ead1;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .summary-card:nth-child(even),
  body.dashboard-sidebar-enabled:has(#patrolDate) .summary-card:nth-child(3n + 2) {
    border-color: rgba(72, 159, 244, .45);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .summary-card.warning-card,
  body.dashboard-sidebar-enabled:has(#patrolDate) .summary-card.warning-card,
  body.dashboard-sidebar-enabled:has(#patrolDate) .summary-card:nth-last-child(2),
  body.dashboard-sidebar-enabled:has(#patrolDate) .summary-card:last-child {
    border-color: rgba(239, 190, 74, .5);
    background: linear-gradient(145deg, rgba(84, 63, 19, .78), rgba(25, 43, 52, .98));
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .summary-card.warning-card strong,
  body.dashboard-sidebar-enabled:has(#patrolDate) .summary-card.warning-card strong,
  body.dashboard-sidebar-enabled:has(#patrolDate) .summary-card:nth-last-child(2) strong,
  body.dashboard-sidebar-enabled:has(#patrolDate) .summary-card:last-child strong {
    color: #ffe29a;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-document,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-document {
    overflow: hidden;
    padding: 0;
    border-color: rgba(103, 193, 211, .32);
    background: linear-gradient(145deg, #0b2d4b, #071e35);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-official-header,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-official-header {
    border-bottom-color: rgba(112, 203, 217, .28);
    background: linear-gradient(105deg, #0c3859, #092b48);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-logo-cell,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-logo-cell {
    border-color: rgba(112, 203, 217, .28);
    background: linear-gradient(145deg, #ecfffa, #dbeeea);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-title-cell,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-title-cell {
    color: #c5e1e5;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-title-cell strong,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-title-cell strong {
    color: #f0fff8;
    letter-spacing: .025em;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-doc-meta,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-doc-meta {
    border-color: rgba(112, 203, 217, .28);
    background: rgba(4, 26, 45, .33);
    color: #b4d6df;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-doc-meta > div,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-doc-meta div {
    border-color: rgba(112, 203, 217, .2);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-doc-meta em,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-doc-meta em {
    color: #effff9;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-date-line {
    border-bottom-color: rgba(112, 203, 217, .24);
    background: rgba(5, 28, 48, .82);
    color: #b9dbe0;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-date-line strong {
    color: #effff9;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-check-wrap,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-result-wrap,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-table-wrap {
    background: #071e34;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-check-table,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-result-table,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-table {
    background: #071e34;
    border-color: rgba(109, 190, 207, .28);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-check-table th,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-result-table th,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-table th {
    border-color: rgba(109, 190, 207, .3);
    background: linear-gradient(145deg, #154b68, #103c59);
    color: #d9f2ed;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-check-table td,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-result-table td,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-table td {
    border-color: rgba(109, 190, 207, .22);
    background: rgba(6, 29, 50, .88);
    color: #dcedee;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-check-table td:first-child,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-result-table td:first-child {
    color: #8fe8d0;
    font-weight: 800;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-check-table .startup-item-description {
    color: #e9f9f7;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-status-select {
    border-color: rgba(99, 215, 171, .34);
    background: #0b324b;
    color: #dffef4;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-status-select.startup-status-ok {
    border-color: rgba(96, 238, 168, .6);
    background: linear-gradient(145deg, #1c664e, #175441);
    color: #d7ffdf;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-status-select.startup-status-har,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-status-select.startup-status-no {
    border-color: rgba(255, 142, 139, .64);
    background: linear-gradient(145deg, #743c43, #562f39);
    color: #ffe0df;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-status-select.startup-status-operasi {
    border-color: rgba(88, 184, 250, .62);
    background: linear-gradient(145deg, #1c597e, #174761);
    color: #d8f4ff;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-status-select.startup-status-open {
    border-color: rgba(139, 230, 113, .62);
    background: linear-gradient(145deg, #426b31, #315126);
    color: #e4ffd5;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-status-select.startup-status-close {
    border-color: rgba(255, 200, 91, .62);
    background: linear-gradient(145deg, #76521e, #563b18);
    color: #ffe6aa;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-result-input,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-global-result {
    border-color: rgba(92, 195, 211, .3);
    background: #092c46;
    color: #e9fff9;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-acc-row {
    border-color: rgba(109, 190, 207, .27);
    background: linear-gradient(105deg, rgba(8, 42, 61, .94), rgba(6, 28, 48, .92));
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-acc-row span {
    color: #9fc8d2;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-signatures {
    border-color: rgba(109, 190, 207, .27);
    background: #071e34;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-signature-box {
    border-color: rgba(109, 190, 207, .27);
    color: #d7efee;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-signature-box > input {
    background: transparent;
    color: #eafff9;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-signature-image-box,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-signature-image-box {
    border: 1px dashed rgba(92, 198, 205, .42);
    background:
      linear-gradient(135deg, rgba(20, 76, 94, .18) 25%, transparent 25%) 0 0 / 16px 16px,
      linear-gradient(315deg, rgba(20, 76, 94, .14) 25%, transparent 25%) 0 0 / 16px 16px,
      #061d33;
    color: #91bbc7;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-signature-image-box:has(img:not([hidden])),
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-signature-image-box:has(img:not([hidden])) {
    border-color: rgba(94, 220, 192, .42);
    background: #f8fffc;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-signature-image-box img,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-signature-image-box img {
    background: #f8fffc;
    border-radius: 6px;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .signature-buttons {
    justify-content: center;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-main > .card:last-child table {
    min-width: 1040px;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-main > .card:last-child th {
    font-size: 10px;
    letter-spacing: .035em;
    white-space: nowrap;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-main > .card:last-child td:first-child {
    color: #8fe8d0;
    white-space: nowrap;
  }

  /* Patrol Check: quick field condition coding and hand-off record. */
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-controls {
    border-left-color: #45bdf0;
    background: linear-gradient(105deg, rgba(9, 52, 78, .76), rgba(8, 35, 58, .98));
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-meta-grid {
    gap: 12px;
    padding: 16px;
    background: rgba(6, 28, 48, .38);
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-quick-help {
    margin: 0 14px 12px;
    padding: 9px 11px;
    border: 1px solid rgba(92, 185, 218, .24);
    border-radius: 8px;
    background: rgba(15, 65, 86, .31);
    color: #b9d9dc;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-quick-help b {
    color: #8dedce;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-table .patrol-unit-column,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-table .patrol-quick-column {
    background: #154b68;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-table tbody th,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-unit-actions {
    border-color: rgba(109, 190, 207, .22);
    background: #0d3551;
    color: #dff2ef;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-table tbody th {
    color: #8fe8d0;
    font-weight: 800;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-unit-actions button {
    border-color: rgba(102, 191, 216, .32);
    background: linear-gradient(145deg, #154563, #0e314d);
    color: #e3f8f8;
    box-shadow: none;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-unit-actions button:hover {
    border-color: rgba(90, 224, 197, .65);
    background: #175673;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-value-input {
    border: 1px solid rgba(89, 183, 205, .27);
    background: #092a44;
    color: #eafaf8;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-value-input.patrol-value-normal {
    border-color: rgba(96, 238, 168, .58);
    background: linear-gradient(145deg, #1c664e, #175441);
    color: #d7ffdf;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-value-input.patrol-value-standby {
    border-color: rgba(159, 180, 196, .42);
    background: linear-gradient(145deg, #38546a, #2b4054);
    color: #e1eff5;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-value-input.patrol-value-abnormal,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-value-input.patrol-value-gangguan {
    border-color: rgba(255, 142, 139, .64);
    background: linear-gradient(145deg, #743c43, #562f39);
    color: #ffe0df;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-value-input.patrol-value-pemeliharaan {
    border-color: rgba(91, 174, 255, .62);
    background: linear-gradient(145deg, #1b537c, #17405f);
    color: #d9f0ff;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-value-input.patrol-value-other {
    border-color: rgba(250, 195, 74, .56);
    background: linear-gradient(145deg, #71521e, #543d18);
    color: #ffe4a5;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-value-input.patrol-value-empty {
    background: #092a44;
    color: #d7eff1;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-standard span {
    color: #a9cdd4;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-standard strong {
    color: #e9fff9;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-note-label {
    padding: 0 16px 16px;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-note-label textarea {
    min-height: 94px;
    resize: vertical;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-signature {
    margin: 0 16px 16px auto;
    border-color: rgba(93, 193, 203, .31);
    background: linear-gradient(145deg, rgba(10, 51, 75, .94), rgba(6, 29, 50, .94));
    color: #e6faf6;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-signature > strong {
    color: #bdf4e2;
    letter-spacing: .035em;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-signature-name {
    color: #f1fff9;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-source-info {
    padding: 0 16px 16px;
    color: #a4ccd5;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-main > .card:last-child table {
    min-width: 1110px;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-main > .card:last-child th {
    font-size: 10px;
    letter-spacing: .035em;
    white-space: nowrap;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-main > .card:last-child td:first-child,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-main > .card:last-child td:nth-child(2) {
    color: #8fe8d0;
    white-space: nowrap;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-main > .card:last-child td:nth-child(6),
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-main > .card:last-child td:nth-child(7) {
    color: #ffe2a0;
    font-weight: 800;
  }
}

@media screen and (max-width: 1480px) {
  body.dashboard-sidebar-enabled:has(#startupDate) main,
  body.dashboard-sidebar-enabled:has(#patrolDate) main {
    width: calc(100% - 36px);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .topbar .userbox,
  body.dashboard-sidebar-enabled:has(#patrolDate) .topbar .userbox {
    display: none;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 1120px) {
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 760px) {
  body.dashboard-sidebar-enabled:has(#startupDate) main,
  body.dashboard-sidebar-enabled:has(#patrolDate) main {
    width: calc(100% - 28px);
    margin-top: 14px;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .topbar,
  body.dashboard-sidebar-enabled:has(#patrolDate) .topbar {
    min-height: 0;
    padding: 16px;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-controls,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-controls {
    align-items: stretch;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-controls > *,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-controls > * {
    width: 100%;
    max-width: none;
    flex-basis: 100%;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-summary,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-meta-grid,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-summary {
    grid-template-columns: 1fr;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-official-header,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-official-header {
    grid-template-columns: 1fr;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-logo-cell,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-title-cell,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-logo-cell,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-title-cell,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-doc-meta {
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(112, 203, 217, .28);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-date-line {
    align-items: flex-start;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-signatures {
    grid-template-columns: 1fr;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-signature-box {
    border-right: 0;
    border-bottom: 1px solid rgba(109, 190, 207, .27);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-signature-box:last-child {
    border-bottom: 0;
  }

  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-signature {
    width: auto;
    margin: 0 16px 16px;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .entry-guide-body,
  body.dashboard-sidebar-enabled:has(#patrolDate) .entry-guide-body {
    padding: 0 16px 16px;
  }
}
.user-form-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 15px 15px;
}
.user-form-actions small{
  color:var(--muted);
}
.user-table input,
.user-table select{
  min-width:135px;
}
.user-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.self-badge{
  display:inline-block;
  margin-top:5px;
  padding:3px 7px;
  border-radius:999px;
  background:#eaf4ff;
  color:var(--blue);
  font-size:10px;
  font-weight:800;
}
.user-table select:disabled{
  opacity:.75;
  cursor:not-allowed;
}
@media(max-width:1000px){
  .user-create-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:650px){
  .user-create-grid{
    grid-template-columns:1fr;
  }
}

.import-upload-card{overflow:hidden}
.import-form{padding:16px}
.file-drop{display:flex;min-height:150px;align-items:center;justify-content:center;text-align:center;border:2px dashed #a9bfd7;border-radius:14px;background:#f7fbff;padding:24px;cursor:pointer}
.file-drop:hover{border-color:var(--blue);background:#f0f7ff}
.file-drop input{position:absolute;opacity:0;pointer-events:none}
.file-drop strong{font-size:17px;color:var(--text)}
.file-drop small{margin-top:6px;max-width:560px;color:var(--muted)}
.import-options{grid-template-columns:repeat(2,minmax(220px,1fr));padding:18px 0 0}
.import-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}
.import-note{max-width:760px;margin:0;color:var(--muted);font-size:13px}
.import-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.import-summary-grid .summary-card strong{font-size:18px}
.import-warning{margin-top:14px;padding:14px 16px;background:#fff8df;border-color:#e7c45a;color:#705511}
.import-warning div+div{margin-top:6px}
.import-preview-card{margin-top:14px}
.import-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}
.status-ok{background:#e7f8ef;color:#147451}
.status-warning{background:#fff4d9;color:#8b6206}
.status-update{background:#eaf3ff;color:#225da6}
.status-muted{background:#eef1f4;color:#66717d}
.import-commit-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:18px}
.import-commit-card p{margin:5px 0 0;color:var(--muted)}
.import-result{padding:22px;margin-top:18px}
.import-result h2{margin-bottom:14px}
.import-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px}
.import-result-grid div{display:flex;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f7fbff}
.import-result-grid span{font-size:11px;color:var(--muted);text-transform:uppercase}
.import-result-grid strong{margin-top:4px;font-size:18px;color:var(--cyan)}
@media(max-width:1050px){.import-summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.import-options{grid-template-columns:1fr}.import-actions,.import-commit-card{align-items:stretch;flex-direction:column}.import-summary-grid,.import-result-grid{grid-template-columns:repeat(2,1fr)}}


.shift-main{width:min(1500px,96vw)}
.shift-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:14px;margin-bottom:14px}
.shift-toolbar label{min-width:145px}
.shift-document{display:flex;flex-direction:column;gap:14px}
.shift-document-head{display:grid;grid-template-columns:1fr 420px;border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden;text-align:center}
.shift-document-head>div:first-child{padding:18px}.shift-document-head h2{font-size:17px;margin-top:7px}
.shift-doc-number{display:grid;grid-template-columns:125px 1fr;text-align:left;border-left:1px solid var(--line)}
.shift-doc-number span,.shift-doc-number b{padding:6px 9px;border-bottom:1px solid var(--line);font-size:11px}.shift-doc-number b{font-weight:600;border-left:1px solid var(--line)}
.shift-meta-grid{grid-template-columns:2fr 1fr 2fr 1fr}.shift-full-label{padding:0 15px 15px}
.shift-unit-table input,.shift-support-table input{min-width:130px}.shift-support-table td:first-child{width:42%}.shift-support-table td:first-child input{font-weight:700;color:var(--text)}
.shift-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shift-text-card textarea{border:0;border-radius:0 0 14px 14px;resize:vertical;line-height:1.45;padding:15px}.shift-text-wide{grid-column:1/-1}
.shift-sign-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;padding:16px}
.shift-sign-grid>div{display:flex;flex-direction:column;gap:10px}
.shift-approval-column{min-width:0}
.shift-approval-role{text-align:center;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--blue);padding:7px;border-radius:8px;background:#edf5ff}
.signature-space{min-height:105px;display:flex;align-items:flex-end;justify-content:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px;padding:9px;text-align:center}
.signature-space span{font-size:12px}
.signature-space-notulen{flex:1;min-height:188px}
.signature-image{display:block;max-width:92%;max-height:135px;width:auto;height:auto;object-fit:contain;margin:auto}
.signature-space-notulen .signature-image{max-height:165px}
.signature-controls{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.signature-controls .btn{flex:1;min-width:120px;font-size:12px;padding:8px 10px}
.signature-file-button{position:relative;overflow:hidden}
.signature-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}
.signature-space:has(.signature-image:not([hidden])){align-items:center;background:#fff}
.shift-badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.shift-pagi{background:#e8f3ff;color:#1767a9}.shift-sore{background:#fff3d8;color:#8a6108}.shift-malam{background:#edf0f7;color:#414b6a}
@media(max-width:1000px){.shift-document-head{grid-template-columns:1fr}.shift-doc-number{border-left:0;border-top:1px solid var(--line)}.shift-meta-grid,.shift-text-grid,.shift-sign-grid{grid-template-columns:1fr}.shift-text-wide{grid-column:auto}}
@media print{
  body{background:white;color:#000;font-family:Arial,sans-serif}.no-print,#toast{display:none!important}.shift-main{width:100%;margin:0}.shift-document{gap:7px}.shift-document-head,.shift-document .card{box-shadow:none;border-color:#555;border-radius:0}.shift-document-head{grid-template-columns:1fr 300px}.shift-document input,.shift-document textarea{border:0!important;box-shadow:none!important;padding:3px;background:white;color:#000}.shift-document textarea{resize:none;overflow:visible;height:auto;min-height:60px}.section-title{color:#000;margin:8px 0 3px}.table-wrap{overflow:visible;padding:4px}.shift-unit-table,.shift-support-table{border-collapse:collapse;border-spacing:0}.shift-unit-table th,.shift-unit-table td,.shift-support-table th,.shift-support-table td{border:1px solid #555;border-radius:0;padding:2px 4px;background:white}.shift-text-grid{gap:7px}.shift-text-card .card-head{padding:6px}.shift-text-card textarea{padding:7px}.shift-sign-grid{padding:8px;gap:8px}.shift-approval-role{color:#000;background:white;border:1px solid #777;padding:4px}.signature-space{min-height:70px;border:1px solid #777;border-radius:0}.signature-space-notulen{min-height:142px}.signature-space span{font-size:10px}.signature-image{max-width:90%;max-height:65px}.signature-space-notulen .signature-image{max-height:90px} @page{size:A4 portrait;margin:8mm}
}


/* Score Card Meeting */
.score-main{width:min(1500px,96vw)}
.score-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:14px;margin-bottom:14px}
.score-toolbar label{min-width:145px}
.score-document{display:flex;flex-direction:column;gap:14px}
.score-document-head{display:grid;grid-template-columns:1fr 400px;border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden;text-align:center}
.score-document-head>div:first-child{padding:18px}.score-document-head h2{font-size:17px;margin-top:7px}
.score-doc-number{display:grid;grid-template-columns:110px 1fr;text-align:left;border-left:1px solid var(--line)}
.score-doc-number span,.score-doc-number b{padding:6px 9px;border-bottom:1px solid var(--line);font-size:11px}.score-doc-number b{font-weight:600;border-left:1px solid var(--line)}
.score-meta-grid{grid-template-columns:1.2fr 1fr 2fr}
.score-participant-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.score-participant-table input{min-width:145px;padding:7px}
.score-table{border-collapse:collapse;border-spacing:0}.score-table th,.score-table td{border:1px solid var(--line);border-radius:0;background:white;vertical-align:top}.score-table td:first-child{width:46px;text-align:center}.score-table td:nth-child(2){width:28%;font-weight:700;color:var(--text)}.score-table td:nth-child(3){width:22%}.score-table td:nth-child(4){width:90px}.score-table td:nth-child(5){font-size:11px;line-height:1.35;color:var(--muted)}
.score-table tfoot th{padding:10px;background:#eef5fc}.score-table tfoot th:nth-last-child(2){font-size:18px;color:var(--cyan)}
.score-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.score-time-grid input{padding:7px}
.score-input{text-align:center;font-size:16px;font-weight:800;padding:8px}
.score-keeper-card{display:grid;grid-template-columns:1fr 1.6fr;gap:18px;padding:16px;align-items:stretch}.score-keeper-card>div{display:flex;flex-direction:column;gap:10px}.score-keeper-role{text-align:center;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--blue);padding:8px;border-radius:8px;background:#edf5ff}.score-signature-space{min-height:140px;align-items:center}
.score-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
@media(max-width:1000px){.score-document-head{grid-template-columns:1fr}.score-doc-number{border-left:0;border-top:1px solid var(--line)}.score-meta-grid,.score-participant-grid,.score-keeper-card{grid-template-columns:1fr}.score-summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.score-summary-grid{grid-template-columns:repeat(2,1fr)}.score-time-grid{grid-template-columns:1fr}}
@media print{
  .score-main{width:100%;margin:0}.score-document{gap:7px}.score-document-head,.score-document .card{box-shadow:none;border-color:#555;border-radius:0}.score-document-head{grid-template-columns:1fr 280px}.score-document input{border:0!important;box-shadow:none!important;padding:2px;background:white;color:#000}.score-participant-grid{gap:7px}.score-participant-table,.score-table{border-collapse:collapse;border-spacing:0}.score-participant-table th,.score-participant-table td,.score-table th,.score-table td{border:1px solid #555;border-radius:0;padding:2px 4px;background:white}.score-table td:nth-child(5){font-size:9px;color:#000}.score-table td:nth-child(2){font-size:10px}.score-time-grid{gap:2px}.score-keeper-card{padding:8px;gap:8px}.score-keeper-role{color:#000;background:white;border:1px solid #777;padding:4px}.score-signature-space{min-height:85px;border:1px solid #777;border-radius:0}.score-signature-space .signature-image{max-height:75px}.score-document .section-title{color:#000;margin:7px 0 2px}@page{size:A4 portrait;margin:7mm}
}


/* v1.5 - official print layouts based on the company Excel/PDF forms */
.official-print{display:none}

@media print{
  @page{size:A4 portrait;margin:6mm}
  html,body{background:#fff!important;margin:0!important;padding:0!important}
  body *{visibility:hidden!important}
  .official-print,.official-print *{visibility:visible!important}
  .official-print{display:block!important;position:absolute;inset:0 auto auto 0;width:100%;color:#000!important;font-family:Arial,Helvetica,sans-serif!important}
  .official-page{width:100%;margin:0 auto;background:#fff;color:#000;break-inside:avoid;page-break-inside:avoid}
  .official-page table{width:100%;border-collapse:collapse;border-spacing:0;margin:0}
  .official-page th,.official-page td{color:#000;background:#fff;border-radius:0}

  .official-header-table{table-layout:fixed;border:1px solid #000;font-size:7pt}
  .official-header-table th,.official-header-table td{border:1px solid #000;padding:1mm 1.5mm;text-align:center;vertical-align:middle}
  .official-header-table .official-company-row th{height:5mm;background:#d7d5ff!important;font-size:8pt;font-weight:700;padding:.5mm}
  .official-header-table .official-logo-cell{width:31%;padding:1mm}
  .official-header-table .official-logo-cell img{display:block;width:100%;max-height:14mm;object-fit:contain}
  .official-header-table .official-doc-meta{width:23%;padding:0}
  .official-doc-meta div{display:grid;grid-template-columns:42% 58%;min-height:4mm;border-bottom:1px solid #000;text-align:left}
  .official-doc-meta div:last-child{border-bottom:0}
  .official-doc-meta span,.official-doc-meta b{padding:.5mm 1mm;font-size:6.2pt;font-weight:400}
  .official-doc-meta b{border-left:1px solid #000}

  /* Score Card official form */
  .score-official-page{font-size:7.4pt}
  .score-official-header .official-form-title{font-size:8pt;height:8mm}
  .score-official-header .official-form-name{font-size:9pt;height:8mm}
  .score-official-meta{border:1px solid #000;border-top:0;padding:3mm 1mm 2.5mm;min-height:24mm;line-height:1.45}
  .score-official-meta>strong{display:block;font-size:8pt;margin-bottom:1mm}
  .score-official-meta>div:not(:first-of-type){display:grid;grid-template-columns:24mm 3mm 1fr}
  .score-official-table{table-layout:fixed;font-size:7.1pt}
  .score-official-table th,.score-official-table td{border:1px solid #000;padding:1mm;vertical-align:middle;line-height:1.22}
  .score-official-table thead th{background:#d7d5ff!important;text-align:center;font-size:7pt;padding:.8mm}
  .score-official-table .score-col-no{width:6%}.score-official-table .score-col-item{width:34%}.score-official-table .score-col-ren{width:12%}.score-official-table .score-col-real{width:12%}.score-official-table .score-col-value{width:8%}.score-official-table .score-col-spacer{width:7%}.score-official-table .score-col-note{width:21%}
  .score-print-no,.score-print-value{text-align:center!important}
  .score-print-participants{padding:0!important;vertical-align:top!important}
  .score-print-participants>strong{display:block;padding:1mm 1.2mm .5mm}
  .score-print-participants table{table-layout:fixed;font-size:7pt}
  .score-print-participants td{border:0;border-top:1px dotted #777;padding:.45mm 1mm;line-height:1.1}
  .score-print-participants td:first-child{width:60%}
  .score-participant-print-row{height:56mm}
  .score-time-print-row{height:14mm}
  .score-time-print-row td:nth-child(3),.score-time-print-row td:nth-child(4){vertical-align:top}
  .score-time-print-row small{display:block;font-size:6.6pt;margin-bottom:2mm}
  .score-time-print-row span{display:block;white-space:nowrap}
  .score-official-table tbody>tr:nth-child(n+4){height:11.5mm}
  .score-official-table tbody>tr:nth-child(8),.score-official-table tbody>tr:nth-child(9),.score-official-table tbody>tr:nth-child(10),.score-official-table tbody>tr:nth-child(11){height:13mm}
  .score-print-note{font-size:6.1pt;line-height:1.28}
  .score-official-table tfoot th{background:#fff!important;text-align:left;padding:.8mm 1mm;height:5mm}
  .score-official-table tfoot th:nth-child(2){text-align:center}
  .score-official-keeper{height:31mm;border:1px solid #000;border-top:0;text-align:center;padding-top:3mm;font-size:7pt}
  .score-official-keeper>strong{display:block}
  .score-official-signature{height:18mm;display:flex;align-items:center;justify-content:center}
  .score-official-signature img{display:block;max-height:16mm;max-width:45mm;object-fit:contain}
  .score-official-keeper>b{display:block;font-size:7pt}

  /* Shift Meeting official form */
  .shift-official-page{font-size:6.5pt}
  .shift-official-header{table-layout:fixed}
  .shift-official-header .official-logo-cell{width:20%}
  .shift-official-header .official-doc-meta{width:24%}
  .shift-official-header th{font-size:7.2pt}
  .shift-official-meta{table-layout:fixed;font-size:7pt;margin-top:1.5mm!important}
  .shift-official-meta th,.shift-official-meta td{border:0;padding:.35mm .6mm;text-align:left;font-weight:700}
  .shift-official-meta th:nth-child(1){width:18%}.shift-official-meta td:nth-child(2){width:2%}.shift-official-meta td:nth-child(3){width:38%}.shift-official-meta th:nth-child(4){width:16%}.shift-official-meta td:nth-child(5){width:2%}.shift-official-meta td:nth-child(6){width:24%}
  .shift-condition-grid{display:grid;grid-template-columns:58% 42%;gap:5mm;margin-top:2mm;min-height:61mm}
  .shift-condition-grid h3{font-size:7.3pt;margin:0 0 1mm;font-weight:700}
  .shift-condition-grid h3:nth-of-type(2){margin-top:3mm}
  .shift-unit-pairs{display:grid;grid-template-columns:1fr 1fr;gap:7mm}
  .shift-unit-pairs table{font-size:6.4pt;table-layout:fixed}
  .shift-unit-pairs th,.shift-unit-pairs td{border:0;padding:.3mm 0;text-align:left;line-height:1.05}
  .shift-unit-pairs th{width:36%;font-weight:700}.shift-unit-pairs td:nth-child(2){width:7%}.shift-unit-pairs td:nth-child(3){width:57%;font-weight:700}
  .shift-print-header-note{margin-top:5mm;white-space:pre-line;font-weight:700;line-height:1.25}
  .shift-support-official{table-layout:fixed;font-size:6.2pt;margin:1mm 0 2mm!important}
  .shift-support-official th,.shift-support-official td{border:0;padding:.25mm .4mm;text-align:left;vertical-align:top;line-height:1.12}
  .shift-support-official th{width:35%;font-weight:700}.shift-support-official td:nth-child(2){width:2%}.shift-support-official td:nth-child(3){width:63%}
  .shift-notes-official{table-layout:fixed;font-size:6.1pt}
  .shift-notes-official th,.shift-notes-official td{border:1px solid #000;padding:1.2mm 1.5mm;vertical-align:top}
  .shift-notes-official th{width:38%;text-align:center;vertical-align:middle;font-size:7pt}
  .shift-notes-official td{white-space:pre-line;line-height:1.17}
  .shift-notes-official tr:nth-child(1){height:14mm}.shift-notes-official tr:nth-child(2){height:27mm}.shift-notes-official tr:nth-child(3){height:22mm}.shift-notes-official tr:nth-child(4){height:20mm}.shift-notes-official tr:nth-child(5){height:12mm}
  .shift-signatures-official{table-layout:fixed;font-size:7pt}
  .shift-signatures-official td{width:33.333%;height:36mm;border:1px solid #000;border-top:0;text-align:center;vertical-align:top;padding:2mm 1mm 1mm}
  .shift-signatures-official strong,.shift-signatures-official b,.shift-signatures-official span{display:block;font-weight:700}
  .shift-signatures-official b{height:4mm}
  .shift-signatures-official div{height:18mm;display:flex;align-items:center;justify-content:center}
  .shift-signatures-official img{display:block;max-height:17mm;max-width:48mm;object-fit:contain}
  .shift-signatures-official span{font-size:7.2pt}
}


@media print{
  .score-print-participants>strong{padding:.8mm 1mm .4mm}
  .score-print-participant-list{display:flex;flex-direction:column;width:100%}
  .score-print-participant-list>div{display:grid;grid-template-columns:60% 40%;align-items:center;min-height:3.35mm;border-top:1px dotted #777;padding:.15mm 1mm;line-height:1;font-size:6.8pt}
  .score-print-participant-list span{font-weight:400;color:#000}
  .score-participant-print-row{height:52mm}
  .score-time-print-row{height:11mm}
  .score-time-print-row small{margin-bottom:1mm}
  .score-official-table tbody>tr:nth-child(n+4){height:8.5mm}
  .score-official-table tbody>tr:nth-child(8),.score-official-table tbody>tr:nth-child(9),.score-official-table tbody>tr:nth-child(10),.score-official-table tbody>tr:nth-child(11){height:10mm}
  .score-print-note{font-size:5.8pt;line-height:1.2}
  .score-official-keeper{height:28mm;padding-top:2mm}
  .score-official-signature{height:16mm}
}

@media print{.official-print img[hidden]{display:none!important}}


/* v1.6 - Monitoring Centrifugal Filter dan bahan laporan 4DX */
.centrifugal-main{width:min(1550px,96vw)}
.centrifugal-toolbar{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap;padding:14px;margin-bottom:14px}
.centrifugal-toolbar label{min-width:125px;position:relative}
.centrifugal-toolbar label small{position:absolute;right:9px;bottom:10px;color:var(--muted)}
.centrifugal-toolbar label input[type=number]{padding-right:40px}
.centrifugal-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cf-warning-card{background:#fff8df;border-color:#e7c45a}.cf-warning-card strong{color:#9a6b07}
.cf-danger-card{background:#fff0f1;border-color:#e49aa4}.cf-danger-card strong{color:#b22536}
.centrifugal-table{min-width:1370px}
.centrifugal-table input{min-width:105px;padding:8px}
.centrifugal-table td:nth-child(1){white-space:nowrap}
.centrifugal-table td:nth-child(2),.centrifugal-table td:nth-child(5){text-align:center}
.centrifugal-table td:last-child input{min-width:200px}
.cf-readonly-value{display:inline-flex;min-width:90px;justify-content:center;padding:8px;border-radius:8px;background:#edf3f8;color:var(--text);font-weight:700}
.cf-clean-cell{min-width:135px}.cf-clean-cell input[type=checkbox]{width:20px;height:20px;margin:0 auto 6px}.cf-clean-cell input[type=date]{min-width:130px;padding:6px;font-size:11px}
.cf-status{display:inline-flex;align-items:center;white-space:nowrap;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}
.cf-status-normal{background:#e7f8ef;color:#147451}.cf-status-warning{background:#fff4d9;color:#8b6206}.cf-status-danger{background:#ffe5e8;color:#a7192d}
.centrifugal-report-card textarea{margin:14px;width:calc(100% - 28px);min-height:350px;resize:vertical;font-family:Consolas,monospace;line-height:1.55}
@media(max-width:900px){.centrifugal-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.centrifugal-summary-grid{grid-template-columns:1fr}.centrifugal-toolbar>*{width:100%}}

.vibration-status{
  min-width:120px;
  font-weight:700;
  text-align:center;
}
.vibration-status option{
  font-weight:700;
}
.centrifugal-status-note{
  color:var(--muted);
  font-size:12px;
}


.centrifugal-cleaning-info{
  border-left:5px solid #1f7ae0;
  padding:16px 20px;
}
.centrifugal-cleaning-info strong{
  display:block;
  margin-bottom:5px;
  color:#0b4f9c;
}
.centrifugal-cleaning-info p{
  margin:0;
  line-height:1.55;
  color:var(--muted);
}
.cf-clean-cell{
  min-width:155px;
}
.cf-reset-button{
  width:100%;
  white-space:nowrap;
}
.cf-reset-button.active{
  background:#fff1f1;
  border-color:#e34b4b;
  color:#bf2020;
}
.cf-cleaning-info{
  display:block;
  margin-top:5px;
  font-size:10px;
  color:#bf2020;
  text-align:center;
}


.cf-last-date{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:10px;
  white-space:nowrap;
}


.trafo-result-grid{
  margin-top:0;
}
.trafo-result-card{
  overflow:hidden;
}
.trafo-result-list{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  padding:14px;
}
.trafo-result-row{
  min-width:0;
  padding:13px;
  border:1px solid var(--line);
  border-radius:11px;
  background:rgba(255,255,255,.78);
  display:flex;
  flex-direction:column;
  gap:5px;
}
.trafo-result-row span{
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
}
.trafo-result-row strong{
  color:var(--cyan);
  font-size:21px;
  overflow-wrap:anywhere;
}
.trafo-result-row small{
  color:var(--muted);
}
@media(max-width:1100px){
  .trafo-result-list{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:560px){
  .trafo-result-list{
    grid-template-columns:1fr;
  }
}


.ps-hall-grid{
  margin-top:0;
}
.ps-hall-card{
  overflow:hidden;
}
.ps-hall-result-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  padding:14px;
}
.ps-hall-result-row{
  padding:15px;
  border:1px solid var(--line);
  border-radius:11px;
  background:rgba(255,255,255,.8);
  display:flex;
  flex-direction:column;
  gap:6px;
}
.ps-hall-result-row span{
  color:var(--muted);
  font-size:12px;
  text-transform:uppercase;
}
.ps-hall-result-row strong{
  color:var(--cyan);
  font-size:25px;
}
.ps-hall-result-row small{
  color:var(--muted);
}
@media(max-width:560px){
  .ps-hall-result-list{
    grid-template-columns:1fr;
  }
}


/* Check List Start Up */
.startup-main{max-width:1900px;margin:0 auto;padding:0 28px 36px}
.startup-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px 18px;margin-bottom:16px}
.startup-controls label{min-width:145px}
.startup-summary{grid-template-columns:repeat(4,1fr)}
.startup-document{overflow:hidden;padding:0;background:white}
.startup-official-header{display:grid;grid-template-columns:220px 1fr 270px;border-bottom:1px solid #111}
.startup-logo-cell,.startup-title-cell,.startup-doc-meta{border-right:1px solid #111}
.startup-logo-cell{display:grid;place-items:center;padding:8px}
.startup-logo-cell img{max-width:190px;max-height:70px;object-fit:contain}
.startup-title-cell{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:4px;font-size:12px;padding:8px}
.startup-title-cell strong{font-size:15px}
.startup-doc-meta{border-right:0;font-size:11px}
.startup-doc-meta>div{display:grid;grid-template-columns:105px 12px 1fr;border-bottom:1px solid #111;padding:4px 6px;min-height:22px}
.startup-doc-meta>div:last-child{border-bottom:0}
.startup-doc-meta em{font-style:normal}
.startup-date-line{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #111;font-size:12px}
.startup-check-wrap,.startup-result-wrap{overflow:auto}
.startup-check-table,.startup-result-table{width:100%;border-collapse:collapse;min-width:1500px}
.startup-check-table th,.startup-check-table td,.startup-result-table th,.startup-result-table td{border:1px solid #222;padding:3px;text-align:center;font-size:10px}
.startup-check-table thead th,.startup-result-table thead th{background:#eef4fb;font-weight:800}
.startup-check-table .startup-desc-col{min-width:360px}
.startup-item-description{text-align:left!important;min-width:360px}
.startup-status-select{width:72px;min-width:72px;padding:4px 2px;border-radius:5px;font-size:10px;font-weight:700;text-align:center}
.startup-status-ok{background:#dcfce7;color:#166534;border-color:#86efac}
.startup-status-har,.startup-status-no{background:#fee2e2;color:#991b1b;border-color:#fca5a5}
.startup-status-operasi{background:#dbeafe;color:#1e40af}
.startup-status-open{background:#ecfccb;color:#3f6212}
.startup-status-close{background:#fef3c7;color:#92400e}
.startup-result-input{width:100%;min-width:85px;padding:5px 3px;text-align:center;font-size:10px}
.startup-global-result{width:100%;text-align:center;padding:6px}
.startup-acc-row{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:12px;border:1px solid #222;border-top:0}
.startup-acc-row label{flex:1}.startup-acc-row input{width:100%}
.startup-acc-row span{font-size:11px;color:var(--muted)}
.startup-signatures{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #222;border-top:0}
.startup-signature-box{text-align:center;padding:10px;border-right:1px solid #222;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:205px}
.startup-signature-box:last-child{border-right:0}
.startup-signature-box>input{width:100%;text-align:center;border:0;font-weight:700}
.startup-leader-name{text-transform:uppercase}
.startup-signature-image-box{height:92px;width:100%;border:0}
.startup-signature-image-box img{max-height:88px;max-width:220px;object-fit:contain}
.warning-card{background:#fff8e1;border-color:#f4c95d}
@media(max-width:1000px){.startup-summary{grid-template-columns:repeat(2,1fr)}.startup-official-header{grid-template-columns:160px 1fr 220px}.startup-logo-cell img{max-width:140px}.startup-signatures{grid-template-columns:1fr}.startup-signature-box{border-right:0;border-bottom:1px solid #222}}
@media(max-width:650px){.startup-main{padding:0 10px 24px}.startup-summary{grid-template-columns:1fr}.startup-official-header{grid-template-columns:1fr}.startup-logo-cell,.startup-title-cell{border-right:0;border-bottom:1px solid #111}.startup-doc-meta{border-right:0}.startup-date-line{flex-direction:column;gap:4px}}

@media print{
  .startup-main{max-width:none;padding:0;margin:0}
  .startup-document{box-shadow:none;border:0;border-radius:0;overflow:visible}
  .startup-official-header{grid-template-columns:20% 58% 22%}
  .startup-logo-cell{padding:2px}.startup-logo-cell img{max-width:120px;max-height:40px}
  .startup-title-cell{font-size:6px;padding:2px;gap:1px}.startup-title-cell strong{font-size:8px}
  .startup-doc-meta{font-size:5px}.startup-doc-meta>div{grid-template-columns:54px 7px 1fr;padding:1px 2px;min-height:9px}
  .startup-date-line{padding:2px 4px;font-size:6px}
  .startup-check-wrap,.startup-result-wrap{overflow:visible}
  .startup-check-table,.startup-result-table{min-width:0;width:100%;table-layout:fixed}
  .startup-check-table th,.startup-check-table td,.startup-result-table th,.startup-result-table td{font-size:4.5px;padding:0.5px;line-height:1.05}
  .startup-check-table th:first-child{width:2.5%}.startup-check-table .startup-desc-col,.startup-item-description{width:30%;min-width:0}.startup-check-table th:nth-child(3),.startup-check-table th:nth-child(4){width:8%}.startup-check-table th:nth-child(5){width:7%}
  .startup-status-select,.startup-result-input{appearance:none;border:0;background:transparent!important;color:#000!important;width:100%;min-width:0;padding:0;font-size:4.5px;text-align:center}
  .startup-global-result{border:0;padding:0;font-size:5px}
  .startup-acc-row{padding:2px 4px;font-size:5px}.startup-acc-row input{border:0;font-size:5px}.startup-acc-row span{display:none}
  .startup-signatures{grid-template-columns:repeat(3,1fr)}
  .startup-signature-box{min-height:70px;padding:2px;gap:1px;font-size:5px;border-bottom:0}
  .startup-signature-box>input{font-size:5px;padding:0}.startup-signature-image-box{height:38px}.startup-signature-image-box img{max-height:36px;max-width:120px}.startup-signature-image-box span{font-size:4px}
  @page{size:A4 landscape;margin:5mm}
}

.multi-import-options{grid-template-columns:repeat(3,minmax(180px,1fr))}
.multi-import-options label[hidden]{display:none}
@media(max-width:900px){.multi-import-options{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.multi-import-options{grid-template-columns:1fr}}


#oilRows .mr{
  min-width:180px;
}
#oilRows .mr::placeholder{
  color:var(--muted);
  font-size:11px;
}
#oilHistoryRows td:nth-child(5){
  min-width:170px;
  white-space:normal;
  overflow-wrap:anywhere;
}


.housekeeping-info{
  display:flex;gap:18px;align-items:center;flex-wrap:wrap;
  border-left:5px solid #1479d1;padding:14px 18px;
}
.housekeeping-info strong{color:#0c4f92}
.housekeeping-info span{color:var(--muted);font-size:12px}
.housekeeping-toolbar,.housekeeping-action-buttons,.sr-form-actions,.sr-filters{
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;
}
.housekeeping-header-grid{grid-template-columns:repeat(4,1fr)}
.housekeeping-storage{
  min-height:42px;display:flex;align-items:center;padding:0 12px;
  border:1px solid var(--line);border-radius:9px;background:#f6f9fc;font-weight:700;
}
.housekeeping-general-note,.sr-description-label{display:block;padding:0 15px 15px}
.housekeeping-sessions{display:grid;gap:15px}
.housekeeping-session{overflow:hidden}
.hk-session-badge,.hk-status{
  padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;
  background:#eef4fa;color:#345;
}
.hk-status.recorded{background:#e4f8e9;color:#18733a}
.hk-status.waiting_sr{background:#fff5d8;color:#8a6500}
.hk-status.draft{background:#ffe9e9;color:#a72a2a}
.hk-session-fields{grid-template-columns:2fr 1fr}
.hk-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px}
.hk-photo-card{
  border:1px solid var(--line);border-radius:11px;padding:10px;
  display:flex;flex-direction:column;gap:8px;background:#fafcff;
}
.hk-photo-card strong{text-align:center;font-size:12px}
.hk-photo-preview{
  min-height:190px;border:1px dashed var(--line);border-radius:8px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;background:white;color:var(--muted);
}
.hk-photo-preview.has-photo{min-height:0;border-style:solid;background:#fff}
.hk-photo-preview img{display:block;width:100%;height:auto;object-fit:contain}
.hk-photo-card input[type=file]{font-size:11px}
.hk-sr-block{padding:0 15px 15px}
.hk-sr-fields{grid-template-columns:1fr 2fr}
.housekeeping-actions-card{
  display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px;
}
.housekeeping-actions-card p{margin:4px 0 0;color:var(--muted)}
.inline-filter{display:flex;align-items:center;gap:8px}
.sr-flm-form-grid{grid-template-columns:1fr 1.2fr .7fr 1fr}
.sr-form-actions{justify-content:flex-end;padding:0 15px 15px}
.sr-filters input,.sr-filters select{min-width:135px}
.sr-flm-table td:nth-child(4){min-width:340px;white-space:normal}
.btn.small{padding:6px 9px;font-size:11px}
@media(max-width:1000px){
  .housekeeping-header-grid,.sr-flm-form-grid{grid-template-columns:repeat(2,1fr)}
  .hk-photo-grid{grid-template-columns:1fr}
  .hk-photo-preview:not(.has-photo){min-height:260px}
}
@media(max-width:650px){
  .housekeeping-header-grid,.sr-flm-form-grid,.hk-session-fields,.hk-sr-fields{grid-template-columns:1fr}
  .housekeeping-actions-card{align-items:flex-start;flex-direction:column}
  .hk-photo-preview:not(.has-photo){min-height:220px}
}


.patrol-main{display:grid;gap:16px}
.patrol-controls{
  display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:14px
}
.patrol-controls label{min-width:145px}
.patrol-document{overflow:hidden}
.patrol-official-header{
  display:grid;grid-template-columns:210px 1fr 360px;
  border-bottom:1px solid var(--line)
}
.patrol-logo-cell,.patrol-title-cell,.patrol-doc-meta{padding:12px}
.patrol-logo-cell{
  display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line)
}
.patrol-logo-cell img{max-width:170px;max-height:65px}
.patrol-title-cell{text-align:center;display:flex;flex-direction:column;gap:5px;justify-content:center}
.patrol-title-cell div{font-size:12px;font-weight:700}
.patrol-title-cell strong{font-size:15px}
.patrol-doc-meta{border-left:1px solid var(--line);display:grid;gap:4px}
.patrol-doc-meta div{display:grid;grid-template-columns:105px 10px 1fr;font-size:11px}
.patrol-doc-meta em{font-style:normal}
.patrol-meta-grid{
  display:grid;grid-template-columns:1fr 1fr .7fr 1fr;gap:10px;padding:14px
}
.patrol-table-wrap{padding:0 12px 14px;overflow:auto}
.patrol-table{
  border-collapse:collapse;min-width:2100px;width:max-content;background:#fff
}
.patrol-table th,.patrol-table td{
  border:1px solid #9aa8b5;padding:3px;text-align:center;vertical-align:middle
}
.patrol-table thead th{
  background:#edf4fa;font-size:9px;min-width:105px;max-width:145px;
  white-space:normal;line-height:1.2
}
.patrol-table .patrol-unit-column{min-width:75px;position:sticky;left:0;z-index:4}
.patrol-table .patrol-quick-column{min-width:58px;position:sticky;left:75px;z-index:4}
.patrol-table tbody th{
  background:#f6f9fc;position:sticky;left:0;z-index:3;min-width:75px;font-size:10px
}
.patrol-unit-actions{
  background:#f6f9fc;position:sticky;left:75px;z-index:3;min-width:58px
}
.patrol-unit-actions button{
  width:24px;height:24px;border:1px solid var(--line);border-radius:6px;
  background:#fff;font-weight:800;cursor:pointer;margin:1px
}
.patrol-value-input{
  width:102px;min-width:102px;border:0;border-radius:5px;padding:6px 4px;
  text-align:center;font-size:10px
}
.patrol-value-normal{background:#e6f8eb;color:#166534}
.patrol-value-standby{background:#e8edf2;color:#334155}
.patrol-value-other{background:#fff0cf;color:#8a5300;font-weight:700}
.patrol-value-empty{background:#fff}
.patrol-standard span,.patrol-standard strong{display:block}
.patrol-standard span{font-size:8px;font-weight:500}
.patrol-standard strong{font-size:8px;margin-top:2px}
.patrol-note-label{display:block;padding:0 14px 14px}
.patrol-signature{
  width:330px;margin:0 14px 14px auto;padding:12px;border:1px solid var(--line);
  border-radius:10px;text-align:center;display:grid;gap:8px
}
.patrol-signature-image-box{min-height:95px}
.patrol-signature-name{font-weight:800;text-decoration:underline;min-height:20px}
.patrol-source-info{padding:0 14px 14px;color:var(--muted);font-size:11px}
@media(max-width:900px){
  .patrol-official-header{grid-template-columns:1fr}
  .patrol-logo-cell,.patrol-doc-meta{border:0;border-bottom:1px solid var(--line)}
  .patrol-meta-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .patrol-meta-grid{grid-template-columns:1fr}
  .patrol-signature{width:auto;margin:0 14px 14px}
}
@media print{
  @page{size:A3 landscape;margin:5mm}
  .patrol-main{width:100%;display:block}
  .patrol-document{border:0;box-shadow:none;border-radius:0}
  .patrol-official-header{grid-template-columns:170px 1fr 300px}
  .patrol-logo-cell,.patrol-title-cell,.patrol-doc-meta{padding:5px}
  .patrol-meta-grid{padding:5px;gap:4px}
  .patrol-meta-grid input,.patrol-meta-grid select,.patrol-note-label textarea{
    border:0!important;padding:1px!important;background:#fff!important;color:#000!important
  }
  .patrol-table-wrap{overflow:visible;padding:0 2px 5px}
  .patrol-table{min-width:0;width:100%;table-layout:fixed}
  .patrol-table th,.patrol-table td{padding:1px;border-color:#333}
  .patrol-table thead th{font-size:5.5px;min-width:0;max-width:none;background:#fff}
  .patrol-table tbody th{position:static;font-size:6px;min-width:0;background:#fff}
  .patrol-table .patrol-unit-column{position:static;min-width:0}
  .patrol-value-input{
    width:100%;min-width:0;font-size:6px;padding:1px;background:#fff!important;color:#000!important
  }
  .patrol-standard span,.patrol-standard strong{font-size:5px}
  .patrol-note-label{padding:0 3px 3px}
  .patrol-signature{width:250px;margin:3px 3px 3px auto;padding:4px;border-radius:0}
  .patrol-signature-image-box{min-height:55px;border-radius:0}
  .patrol-signature-image-box img{max-height:50px}
  .patrol-source-info{padding:0 3px 3px;font-size:6px}
}


.patrol-edit-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 16px;
  border:1px solid #f0b64d;
  border-left:6px solid #e59400;
  background:#fff7df;
}
.patrol-edit-banner[hidden]{
  display:none;
}
.patrol-edit-banner div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.patrol-edit-banner strong{
  color:#8a5400;
  letter-spacing:.06em;
}
.patrol-edit-banner span{
  color:#71541f;
  font-size:12px;
}


.admin-edit-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 16px;
  border:1px solid #f0b64d;
  border-left:6px solid #e59400;
  background:#fff7df;
}
.admin-edit-banner[hidden]{display:none}
.admin-edit-banner div{display:flex;flex-direction:column;gap:3px}
.admin-edit-banner strong{color:#8a5400;letter-spacing:.06em}
.admin-edit-banner span{color:#71541f;font-size:12px}
.history-action-buttons{display:flex;gap:5px;align-items:center;flex-wrap:wrap}


/* v2.7.3 — ukuran tanda tangan Patrol Check */
.patrol-signature-image-box{
  width:100%;
  height:105px;
  min-height:105px;
  padding:6px;
  box-sizing:border-box;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}

.patrol-signature-image-box img{
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:92px !important;
  object-fit:contain;
  object-position:center;
}

@media print{
  .patrol-signature-image-box{
    height:55px;
    min-height:55px;
    padding:2px;
    overflow:hidden;
  }

  .patrol-signature-image-box img{
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:50px !important;
    object-fit:contain;
  }
}


.btn.excel-export{
  background:#168447;
  border-color:#168447;
  color:#fff;
}
.btn.excel-export:hover{
  background:#116f3b;
  border-color:#116f3b;
}

@media screen{
  :root{
    --bg:#f3f6fa;
    --panel:#ffffff;
    --panel2:#f8fafc;
    --line:#d8e1ec;
    --text:#17212f;
    --muted:#64748b;
    --blue:#2563eb;
    --green:#13865f;
    --yellow:#b7791f;
    --red:#c2414b;
    --cyan:#0f766e;
    --ink:#102a43;
    --accent:#d99a22;
  }

  body{
    background:linear-gradient(180deg,#eef4f8 0,#f8fafc 260px,#f3f6fa 100%);
    color:var(--text);
    font-size:14px;
  }

  h1,h2,.eyebrow,.section-title{
    letter-spacing:0;
  }

  h1{
    font-size:26px;
    line-height:1.12;
    font-weight:800;
  }

  h2{
    font-weight:750;
  }

  main{
    width:min(1480px,94vw);
    margin:18px auto 42px;
  }

  .topbar{
    min-height:86px;
    padding:18px max(3vw,24px);
    background:#ffffff;
    border-bottom:1px solid var(--line);
    box-shadow:0 8px 24px rgba(15,34,52,.05);
  }

  .topbar>div:first-child{
    display:grid;
    gap:3px;
  }

  .eyebrow{
    display:inline-flex;
    width:max-content;
    align-items:center;
    min-height:24px;
    margin:0;
    padding:4px 9px;
    border:1px solid #cde7df;
    border-radius:999px;
    background:#eefaf6;
    color:var(--cyan);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
  }

  .userbox{
    gap:10px;
    padding:6px;
    border:1px solid #dde6ef;
    border-radius:999px;
    background:#f8fafc;
  }

  .userbox span{
    max-width:260px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding-left:8px;
    color:var(--muted);
    font-size:13px;
    font-weight:650;
  }

  .page-tabs{
    width:min(1540px,96vw);
    margin:12px auto 0;
    padding:6px;
    display:flex;
    gap:5px;
    flex-wrap:wrap;
    overflow-x:visible;
    border:1px solid var(--line);
    border-radius:8px;
    background:#ffffff;
    box-shadow:0 8px 22px rgba(15,34,52,.04);
  }

  .page-tab{
    flex:0 0 auto;
    min-height:36px;
    padding:8px 9px;
    border:0;
    border-radius:6px;
    background:transparent;
    color:#526173;
    font-size:12px;
    font-weight:750;
    white-space:nowrap;
  }

  .page-tab:hover{
    background:#f1f5f9;
    color:var(--ink);
  }

  .page-tab.active{
    background:var(--ink);
    color:#ffffff;
    box-shadow:0 5px 12px rgba(16,42,67,.18);
  }

  .card{
    border-color:var(--line);
    border-radius:8px;
    background:var(--panel);
    box-shadow:0 8px 18px rgba(15,34,52,.055);
  }

  .toolbar{
    display:grid;
    grid-template-columns:minmax(170px,220px) 96px repeat(7,max-content);
    align-items:end;
    gap:9px;
    padding:12px;
    overflow-x:auto;
  }

  .toolbar label{
    min-width:0;
  }

  label{
    gap:6px;
    color:#526173;
    font-size:12px;
    font-weight:750;
  }

  input,select,textarea{
    min-height:38px;
    border-color:#cfd9e5;
    border-radius:8px;
    background:#ffffff;
    color:var(--text);
  }

  input:hover,select:hover,textarea:hover{
    border-color:#9fb2c7;
  }

  input:focus,select:focus,textarea:focus{
    border-color:var(--cyan);
    box-shadow:0 0 0 3px rgba(15,118,110,.14);
  }

  .btn{
    min-height:38px;
    gap:7px;
    padding:9px 12px;
    border-radius:8px;
    border-color:#cbd8e5;
    background:#ffffff;
    color:var(--ink);
    font-size:13px;
    font-weight:800;
    box-shadow:0 1px 0 rgba(15,34,52,.04);
  }

  .btn:hover{
    border-color:#9fb2c7;
    background:#f8fafc;
  }

  .btn.primary{
    border-color:var(--ink);
    background:var(--ink);
    color:#ffffff;
  }

  .btn.success{
    border-color:var(--green);
    background:var(--green);
    color:#ffffff;
  }

  .btn.warning{
    border-color:#d99a22;
    background:#fff7e6;
    color:#7a4b08;
  }

  .btn.wa,.wa{
    border-color:#b7ddcd;
    background:#ecfdf5;
    color:#0f6848;
  }

  .btn.excel-export,.excel-export{
    border-color:#b8c9e8;
    background:#eef4ff;
    color:#214b96;
  }

  .btn.excel-export:hover{
    border-color:#8fa9da;
    background:#dfeaff;
    color:#173f86;
  }

  .statusbar{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:10px;
    align-items:center;
    margin-top:12px;
    padding:11px 14px;
    background:#102a43;
    border-color:#102a43;
    color:#ffffff;
  }

  .statusbar strong{
    color:#ffffff;
  }

  .statusbar span{
    min-width:0;
    color:#d9e6f2;
  }

  .section-title{
    margin:24px 0 9px;
    color:#334155;
    font-size:12px;
    font-weight:850;
    text-transform:uppercase;
  }

  .card-head{
    min-height:52px;
    align-items:center;
    padding:12px 14px;
    border-bottom-color:#e0e7ef;
    background:#fbfdff;
    border-radius:8px 8px 0 0;
  }

  .card-head h2{
    font-size:16px;
  }

  .card-head span{
    color:var(--muted);
    font-size:12px;
  }

  .table-wrap{
    padding:10px 12px 12px;
  }

  table{
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
  }

  th{
    padding:8px 10px;
    background:#edf2f7;
    color:#475569;
    font-size:11px;
    font-weight:850;
    text-transform:uppercase;
  }

  td{
    padding:6px 10px;
    background:#ffffff;
    border-bottom:1px solid #edf2f7;
  }

  td:first-child{
    min-width:90px;
    border-radius:0;
    color:var(--ink);
  }

  td:last-child{
    border-radius:0;
  }

  td input{
    min-width:120px;
    padding:8px;
  }

  .grid{
    gap:12px;
    margin-top:12px;
  }

  .form-grid{
    gap:11px;
    padding:14px;
  }

  .summary-grid{
    grid-template-columns:repeat(7,minmax(128px,1fr));
    gap:10px;
  }

  .summary-card{
    min-height:92px;
    padding:13px;
    border-radius:8px;
    border-top:4px solid var(--cyan);
    background:#ffffff;
    box-shadow:0 8px 16px rgba(15,34,52,.045);
  }

  .summary-card:nth-child(2),
  .summary-card:nth-child(4){
    border-top-color:#2563eb;
  }

  .summary-card:nth-child(5),
  .summary-card:nth-child(6){
    border-top-color:#d99a22;
  }

  .summary-card span{
    color:#64748b;
    font-size:11px;
    font-weight:850;
  }

  .summary-card strong{
    color:var(--ink);
    font-size:25px;
    line-height:1.1;
  }

  .summary-card small{
    color:#64748b;
  }

  .result-list,
  .trafo-result-list,
  .ps-hall-result-list{
    padding:10px;
  }

  .result-row,
  .trafo-result-row,
  .ps-hall-result-row{
    min-height:38px;
    align-items:center;
    border-bottom:1px solid #edf2f7;
  }

  .result-row strong,
  .trafo-result-row strong,
  .ps-hall-result-row strong{
    color:var(--ink);
  }

  .sgc-alert{
    background:#fff3f4!important;
    border-color:#e7a1aa!important;
  }

  .sgc-ok{
    background:#f0fdf4!important;
    border-color:#b7ddcd!important;
  }

  .auth-page{
    background:linear-gradient(135deg,#e8f2ef 0,#f7fafc 45%,#eef4ff 100%);
  }

  .auth-card{
    width:min(430px,92vw);
    border-radius:8px;
    padding:28px;
    box-shadow:0 24px 48px rgba(15,34,52,.14);
  }

  .auth-card h1{
    margin-top:8px;
  }

  .auth-card .muted{
    margin:8px 0 18px;
  }

  .modal-box{
    border-radius:8px;
  }

  .modal-head{
    border-radius:8px 8px 0 0;
  }

  #toast{
    border-radius:8px;
    box-shadow:0 18px 40px rgba(15,34,52,.18);
  }
}

@media screen and (max-width:1250px){
  .toolbar{
    grid-template-columns:repeat(4,minmax(130px,1fr));
  }

  .summary-grid{
    grid-template-columns:repeat(4,minmax(128px,1fr));
  }
}

.signature-library-main{
  display:block;
}

.signature-upload-grid{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) 220px auto;
  gap:12px;
  align-items:end;
  padding:14px;
}

.signature-upload-grid label{
  min-width:0;
}

.signature-preview-box{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px dashed #b9c6d4;
  border-radius:8px;
  background:#f8fbfd;
  color:#64748b;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}

.signature-preview-box img{
  max-width:100%;
  max-height:78px;
  object-fit:contain;
}

.signature-library-table td{
  vertical-align:middle;
}

.signature-table-preview{
  width:180px;
  height:64px;
  object-fit:contain;
  display:block;
  padding:6px 8px;
  border:1px solid #e0e7ef;
  border-radius:8px;
  background:#ffffff;
}

.signature-library-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

@media screen and (max-width:760px){
  main,.page-tabs{
    width:min(100% - 24px,1480px);
  }

  .page-tabs{
    flex-wrap:nowrap;
    overflow-x:auto;
  }

  .topbar{
    align-items:flex-start;
    gap:12px;
    flex-direction:column;
    padding:16px;
  }

  .userbox{
    width:100%;
    border-radius:8px;
    justify-content:space-between;
  }

  .userbox span{
    max-width:calc(100vw - 132px);
  }

  .toolbar{
    grid-template-columns:1fr 100px;
  }

  .toolbar .btn,
  .toolbar a.btn{
    width:100%;
  }

  .summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .form-grid,
  .two,
  .three{
    grid-template-columns:1fr;
  }

  .statusbar{
    grid-template-columns:1fr;
  }

  .signature-upload-grid{
    grid-template-columns:1fr;
  }

  .signature-table-preview{
    width:130px;
  }
}


/* v3.1.4 - Home dashboard produksi harian */
.home-topbar{
  background:
    radial-gradient(circle at 88% 18%,rgba(59,130,246,.14),transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#f1f7fd 100%);
}
.home-subtitle{
  margin:7px 0 0;
  color:var(--muted);
  font-size:13px;
}
.home-main{
  width:min(1500px,94vw);
}
.home-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:15px 17px;
}
.home-toolbar-copy{
  display:flex;
  align-items:center;
  gap:11px;
}
.home-toolbar-copy>div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.home-toolbar-copy small{
  color:var(--muted);
}
.home-status-error{
  color:var(--red)!important;
}
.home-live-dot{
  width:12px;
  height:12px;
  border-radius:999px;
  background:var(--green);
  box-shadow:0 0 0 6px rgba(31,157,107,.12);
}
.home-toolbar-actions{
  display:flex;
  align-items:flex-end;
  gap:9px;
  flex-wrap:wrap;
}
.home-toolbar-actions label{
  min-width:165px;
}
.home-kpi-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.home-kpi-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:17px;
  border:1px solid var(--line);
  border-radius:15px;
  background:rgba(255,255,255,.92);
  box-shadow:0 9px 25px rgba(23,50,77,.06);
}
.home-kpi-card span{
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.home-kpi-card strong{
  color:var(--cyan);
  font-size:clamp(20px,2vw,29px);
  line-height:1.1;
  overflow-wrap:anywhere;
}
.home-kpi-card small{
  color:var(--muted);
  font-size:11px;
}
.home-kpi-primary{
  border-color:#a9c9ed;
  background:
    radial-gradient(circle at 100% 0,rgba(59,130,246,.18),transparent 38%),
    linear-gradient(145deg,#fff,#edf6ff);
}
.home-kpi-good{
  border-color:#9fd8bd;
  background:#ecfaf3;
}
.home-kpi-good strong{
  color:#16835d;
}
.home-kpi-alert{
  border-color:#edabb3;
  background:#fff1f2;
}
.home-kpi-alert strong{
  color:#bf3545;
}
.home-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0,2.2fr) minmax(310px,.8fr);
  gap:14px;
  margin-top:14px;
}
.home-chart-card,
.home-unit-card,
.home-table-card{
  overflow:hidden;
  position:relative;
}
.home-chart-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:17px 18px 12px;
  border-bottom:1px solid var(--line);
}
.home-chart-head h2{
  font-size:20px;
}
.home-chart-head span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
}
.home-chart-badge{
  min-width:92px;
  padding:9px 12px;
  border:1px solid #bad4ee;
  border-radius:12px;
  background:#f2f8ff;
  text-align:center;
}
.home-chart-badge strong{
  display:block;
  color:var(--cyan);
  font-size:20px;
}
.home-chart-badge span{
  margin:1px 0 0;
  font-size:10px;
  text-transform:uppercase;
}
.home-chart{
  position:relative;
  min-height:385px;
  padding:8px 12px 0;
}
.home-chart-svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}
.home-chart-grid-line{
  stroke:#dbe6f0;
  stroke-width:1;
  stroke-dasharray:4 6;
}
.home-chart-axis{
  stroke:#9eb4c9;
  stroke-width:1.2;
}
.home-chart-y-label,
.home-chart-x-label{
  fill:#6b8298;
  font-family:Segoe UI,Arial,sans-serif;
  font-size:11px;
}
.home-chart-axis-title{
  fill:#70879d;
  font-family:Segoe UI,Arial,sans-serif;
  font-size:11px;
  font-weight:700;
}
.home-chart-line{
  fill:none;
  stroke:url(#homeChartLineGradient);
  stroke-width:3.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 4px 5px rgba(28,126,214,.16));
}
.home-chart-point{
  fill:#fff;
  stroke:#1f9d6b;
  stroke-width:3;
  transition:r .15s ease,fill .15s ease;
}
.home-chart-hit{
  fill:transparent;
  cursor:pointer;
}
.home-chart-point-group:hover .home-chart-point{
  r:6.5px;
  fill:#1f9d6b;
}
.home-chart-tooltip{
  position:absolute;
  z-index:6;
  width:220px;
  transform:translate(-50%,-100%);
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:11px 12px;
  border:1px solid #a9c4df;
  border-radius:11px;
  background:rgba(255,255,255,.97);
  box-shadow:0 15px 35px rgba(23,50,77,.18);
  pointer-events:none;
  font-size:11px;
}
.home-chart-tooltip strong{
  color:var(--text);
  font-size:12px;
}
.home-chart-tooltip span{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:var(--muted);
}
.home-chart-tooltip b{
  color:var(--text);
}
.home-chart-tooltip small{
  padding-top:4px;
  border-top:1px dashed var(--line);
  color:var(--cyan);
}
.home-chart-legend{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 18px 16px;
  color:var(--muted);
  font-size:11px;
}
.home-chart-legend span{
  display:flex;
  align-items:center;
  gap:7px;
  font-weight:700;
}
.home-chart-legend i{
  width:24px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#1c7ed6,#1f9d6b);
}
.home-chart-loading,
.home-empty{
  display:grid;
  min-height:160px;
  place-items:center;
  padding:20px;
  color:var(--muted);
  text-align:center;
}
.home-empty-chart{
  min-height:350px;
}
.home-unit-bars{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:17px;
}
.home-unit-row{
  display:grid;
  grid-template-columns:38px minmax(80px,1fr) 76px;
  align-items:center;
  gap:9px;
}
.home-unit-row strong{
  color:var(--cyan);
  font-size:11px;
}
.home-unit-row b{
  color:var(--text);
  font-size:11px;
  text-align:right;
}
.home-unit-track{
  height:10px;
  overflow:hidden;
  border-radius:999px;
  background:#e7eef6;
}
.home-unit-track span{
  display:block;
  height:100%;
  min-width:0;
  border-radius:inherit;
  background:linear-gradient(90deg,#3b82f6,#1f9d6b);
}
.home-table-card{
  margin-top:14px;
}
.home-production-table{
  border-spacing:0 7px;
}
.home-production-table td{
  white-space:nowrap;
}
.home-production-table td:first-child{
  color:var(--text);
}
.home-table-empty{
  padding:25px!important;
  color:var(--muted)!important;
  text-align:center;
}
@media(max-width:1250px){
  .home-kpi-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .home-dashboard-grid{
    grid-template-columns:1fr;
  }
  .home-unit-bars{
    display:grid;
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:760px){
  .home-toolbar{
    align-items:stretch;
    flex-direction:column;
  }
  .home-toolbar-actions{
    align-items:stretch;
  }
  .home-toolbar-actions label,
  .home-toolbar-actions .btn{
    flex:1 1 160px;
  }
  .home-kpi-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .home-unit-bars{
    grid-template-columns:1fr;
  }
  .home-chart{
    min-height:310px;
    padding-left:2px;
    padding-right:2px;
  }
  .home-chart-legend{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:480px){
  .home-kpi-grid{
    grid-template-columns:1fr;
  }
  .home-chart-head{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* v3.1.5 - Riwayat Lap Produksi */
.production-history-card{
  overflow:hidden;
}
.production-history-head{
  align-items:flex-end;
}
.production-history-filter{
  display:flex;
  align-items:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.production-history-filter label{
  min-width:165px;
}
.production-history-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,190px));
  gap:10px;
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  background:#f7fafc;
}
.production-history-summary>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}
.production-history-summary span{
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.production-history-summary strong{
  color:var(--cyan);
  font-size:22px;
}
.production-history-summary .history-summary-good{
  border-color:#a9dec5;
  background:#effbf5;
}
.production-history-summary .history-summary-good strong{
  color:#16835d;
}
.production-history-summary .history-summary-warning{
  border-color:#efd099;
  background:#fff9eb;
}
.production-history-summary .history-summary-warning strong{
  color:#b06d00;
}
.production-history-table{
  min-width:1450px;
}
.production-history-table td{
  vertical-align:middle;
  white-space:nowrap;
}
.production-history-table small{
  color:var(--muted);
}
.production-history-row-incomplete{
  background:#fffdf5;
}
.production-completeness{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:78px;
  font-size:10px;
}
.production-completeness span{
  display:block;
  padding:2px 6px;
  border-radius:5px;
  background:#edf4fa;
  color:#49647c;
}
.production-regu-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:55px;
  padding:5px 8px;
  border:1px solid #b5cce2;
  border-radius:999px;
  background:#f2f8ff;
  color:var(--cyan);
  font-size:11px;
  font-weight:800;
}
.production-history-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:92px;
  padding:5px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.production-history-status.complete{
  border:1px solid #9ed9bd;
  background:#ecfaf3;
  color:#13734f;
}
.production-history-status.incomplete{
  border:1px solid #efca84;
  background:#fff7e5;
  color:#a36100;
}
.production-history-updated{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:130px;
}
.production-history-updated strong{
  font-size:11px;
}
.production-history-updated small{
  font-size:10px;
}
.production-history-empty{
  padding:28px!important;
  color:var(--muted)!important;
  text-align:center;
}
@media(max-width:760px){
  .production-history-head{
    align-items:stretch;
    flex-direction:column;
  }
  .production-history-filter{
    align-items:stretch;
  }
  .production-history-filter label,
  .production-history-filter .btn{
    flex:1 1 150px;
  }
  .production-history-summary{
    grid-template-columns:1fr;
  }
}


/* v3.1.6 - Serah terima Shift Meeting otomatis */
.shift-fixed-field[readonly]{
  border-color:#b8cce0;
  background:
    linear-gradient(135deg,#edf5fd 0%,#f7fbff 100%);
  color:#1857b6;
  font-weight:900;
  letter-spacing:.035em;
  cursor:not-allowed;
  user-select:none;
}
.shift-fixed-field[readonly]:focus{
  border-color:#8eb6df;
  box-shadow:0 0 0 3px rgba(28,126,214,.10);
  outline:none;
}


/* v3.2.1 - Jadwal otomatis Housekeeping 2026 */
.hk-schedule-badge{
  display:inline-flex;
  align-items:center;
  margin-left:7px;
  padding:3px 7px;
  border:1px solid #9fc7ec;
  border-radius:999px;
  background:#edf6ff;
  color:#145da8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.035em;
  vertical-align:middle;
}
.hk-schedule-badge.manual{
  border-color:#d6c7a4;
  background:#fff8e8;
  color:#946000;
}


/* v3.2.2 - Import jadwal Housekeeping */
.hk-schedule-import-card{overflow:hidden}
.hk-schedule-admin-badge{
  display:inline-flex;padding:5px 10px;border-radius:999px;
  border:1px solid #9fc7ec;background:#edf6ff;color:#145da8;
  font-size:10px;font-weight:900;letter-spacing:.05em
}
.hk-schedule-import-fields{align-items:end;padding:15px 16px}
.hk-schedule-import-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.hk-schedule-preview{margin:0 16px 15px;padding:14px;border:1px solid #b9d5ed;border-radius:12px;background:#f6fbff}
.hk-schedule-preview-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:10px}
.hk-schedule-preview-summary>div{padding:10px;border:1px solid #c7dbea;border-radius:9px;background:#fff;text-align:center}
.hk-schedule-preview-summary span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}
.hk-schedule-preview-summary strong{display:block;margin-top:3px;color:var(--cyan);font-size:21px}
.hk-schedule-preview table{min-width:760px}
.hk-schedule-preview td div{margin:2px 0;white-space:normal}
.hk-schedule-replace-warning{padding:8px 10px;border:1px solid #efc878;border-radius:8px;background:#fff7e4;color:#9a5b00;font-weight:700}
.hk-schedule-error{color:#b42333;font-weight:700}
.hk-schedule-status-wrap{border-top:1px solid var(--line)}
.hk-schedule-source{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef1f4;color:#607080;font-size:9px;font-weight:900}
.hk-schedule-source.active{background:#eaf9f1;color:#14744f}
@media(max-width:760px){
  .hk-schedule-preview-summary{grid-template-columns:1fr}
  .hk-schedule-import-actions{align-items:stretch}
  .hk-schedule-import-actions .btn{flex:1 1 160px}
}


/* v3.2.3 - Rasio foto Housekeeping + cetak harian */
.hk-daily-print{display:none}
@media print{
  @page{size:A4 portrait;margin:8mm}
  body.housekeeping-daily-printing{background:#fff!important;color:#000!important}
  body.housekeeping-daily-printing .topbar,
  body.housekeeping-daily-printing .page-tabs,
  body.housekeeping-daily-printing main,
  body.housekeeping-daily-printing #toast{display:none!important}
  /* HOTFIX v3.2.3.1: aturan cetak resmi lama memakai body * {visibility:hidden}.
     Area dan seluruh isi cetak Housekeeping harus dibuat visible kembali. */
  body.housekeeping-daily-printing .official-print{
    display:none!important;visibility:hidden!important;
  }
  body.housekeeping-daily-printing .hk-daily-print,
  body.housekeeping-daily-printing .hk-daily-print *{
    visibility:visible!important;
  }
  body.housekeeping-daily-printing .hk-daily-print{
    display:block!important;position:absolute!important;left:0!important;top:0!important;
    z-index:2147483647!important;width:100%!important;margin:0!important;padding:0!important;
    color:#000!important;background:#fff!important;font-family:Arial,sans-serif!important;
  }
  .hk-print-document{width:100%;font-size:10px;line-height:1.35}
  .hk-print-header{
    display:flex;justify-content:space-between;align-items:center;gap:12px;
    border:1.4px solid #111;padding:8px 10px;margin-bottom:7px;
  }
  .hk-print-company{font-size:9px;font-weight:700;letter-spacing:.6px}
  .hk-print-header h1{font-size:17px;line-height:1.1;margin:2px 0 0}
  .hk-print-date{font-size:11px;font-weight:700;text-align:right}
  .hk-print-identity-table,.hk-print-detail-table{
    width:100%;border-collapse:collapse;table-layout:fixed;margin:0;
  }
  .hk-print-identity-table{margin-bottom:8px}
  .hk-print-identity-table th,.hk-print-identity-table td,
  .hk-print-detail-table th,.hk-print-detail-table td{
    border:1px solid #333;padding:4px 5px;vertical-align:top;background:#fff!important;color:#000!important;
    white-space:normal;overflow-wrap:anywhere;
  }
  .hk-print-identity-table th{width:16%;font-weight:700;text-align:left}
  .hk-print-detail-table th{width:14%;font-weight:700;text-align:left}
  .hk-print-session{break-inside:avoid-page;page-break-inside:avoid;margin:0 0 9px}
  .hk-print-session-title{
    display:flex;justify-content:space-between;align-items:center;
    border:1px solid #222;border-bottom:0;padding:4px 6px;background:#eee!important;
  }
  .hk-print-session-title strong{font-size:12px}
  .hk-print-session-title span{font-size:8px;font-weight:700}
  .hk-print-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:5px}
  .hk-print-photo-box{border:1px solid #333;padding:4px;break-inside:avoid}
  .hk-print-photo-box>strong{display:block;text-align:center;margin-bottom:3px;font-size:9px}
  .hk-print-photo-frame{
    min-height:42mm;display:flex;align-items:center;justify-content:center;
    overflow:hidden;background:#fff!important;color:#555;border:1px solid #aaa;
  }
  .hk-print-photo-frame img{
    display:block;max-width:100%;max-height:72mm;width:auto;height:auto;object-fit:contain;
  }
  .hk-print-photo-frame span{font-size:8px}
  /* v3.2.3.2 - Kolom pengesahan Team Leader pada bagian bawah cetak */
  .hk-print-approval-wrap{
    display:flex;justify-content:flex-end;margin-top:10mm;
    break-inside:avoid-page;page-break-inside:avoid;
  }
  .hk-print-approval-box{
    width:68mm;min-height:42mm;border:1px solid #333;padding:5px 8px;
    text-align:center;background:#fff!important;color:#000!important;
    break-inside:avoid-page;page-break-inside:avoid;
  }
  .hk-print-approval-caption{font-size:9px;margin-bottom:1px}
  .hk-print-approval-box>strong{display:block;font-size:10px;letter-spacing:.04em}
  .hk-print-approval-signature{
    height:24mm;display:flex;align-items:center;justify-content:center;overflow:hidden;
  }
  .hk-print-approval-signature img{
    display:block;max-width:58mm;max-height:22mm;width:auto;height:auto;object-fit:contain;
  }
  .hk-print-approval-name{
    display:inline-block;min-width:52mm;padding:0 3px 2px;border-bottom:1px solid #111;
    font-size:10px;font-weight:700;text-transform:uppercase;overflow-wrap:anywhere;
  }
  .hk-print-footer{margin-top:6px;padding-top:4px;border-top:1px solid #777;text-align:right;font-size:8px}
  .hk-print-empty{border:1px solid #333;padding:12px;text-align:center}
}


/* === PETUNJUK PENGISIAN RAY === */
.entry-guide {
  margin: 16px 0 18px;
  border: 1px solid #93c5fd;
  background: linear-gradient(135deg, #eff6ff, #ffffff);
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(37, 99, 235, .08);
  overflow: hidden;
}

.entry-guide summary {
  cursor: pointer;
  list-style: none;
  padding: 14px 18px;
  font-weight: 900;
  color: #0f3f8c;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  user-select: none;
}

.entry-guide summary::-webkit-details-marker {
  display: none;
}

.entry-guide-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
}

.entry-guide-icon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2563eb;
  color: #fff;
  font-weight: 900;
}

.entry-guide-toggle {
  color: #2563eb;
  font-size: 13px;
  font-weight: 800;
}

.entry-guide[open] .entry-guide-toggle::after {
  content: "Tutup Petunjuk ▲";
}

.entry-guide:not([open]) .entry-guide-toggle::after {
  content: "Buka Petunjuk ▼";
}

.entry-guide-body {
  border-top: 1px solid #bfdbfe;
  padding: 0 20px 16px 56px;
  color: #1f2937;
  font-size: 13px;
  line-height: 1.65;
}

.entry-guide-body ol,
.entry-guide-body ul {
  margin: 8px 0 0;
  padding-left: 20px;
}

.entry-guide-body li {
  margin: 3px 0;
}

.entry-guide-note {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  font-weight: 700;
}

@media (max-width: 800px) {
  .entry-guide-body {
    padding: 0 16px 16px 16px;
  }
}

/* v4.0.0 - Home operator dark console */
body.dashboard-sidebar-enabled:has(.home-page-shell) {
  background: #071a2c;
}

.home-page-shell {
  --home-bg: #071a2c;
  --home-panel: #0d2943;
  --home-panel-strong: #102f4d;
  --home-panel-soft: #123755;
  --home-line: rgba(121, 178, 218, .22);
  --home-text: #ecf7ff;
  --home-muted: #91b1ca;
  --home-cyan: #53d6ff;
  --home-blue: #4f97ff;
  --home-green: #72e678;
  --home-yellow: #ffc83d;
  --home-violet: #c48cff;
  min-height: 100vh;
  overflow: hidden;
  color: var(--home-text);
  background:
    radial-gradient(circle at 80% 0%, rgba(39, 128, 204, .16), transparent 26%),
    radial-gradient(circle at 30% 20%, rgba(51, 187, 215, .06), transparent 32%),
    linear-gradient(180deg, #081c30 0%, var(--home-bg) 42%, #07182a 100%);
}

.home-page-shell .topbar.home-topbar {
  display: grid;
  grid-template-columns: minmax(230px, 1.05fr) minmax(520px, 2fr) auto;
  align-items: center;
  gap: 26px;
  min-height: 108px;
  padding: 18px 28px;
  color: var(--home-text);
  background:
    radial-gradient(circle at 42% -60%, rgba(76, 170, 255, .23), transparent 44%),
    linear-gradient(100deg, #092139 0%, #0c2b47 50%, #0a253f 100%);
  border-bottom: 1px solid rgba(120, 183, 225, .2);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
}

.home-page-shell .home-title-block {
  min-width: 0;
}

.home-page-shell .home-title-kicker,
.home-page-shell .home-section-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  color: var(--home-cyan);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
}

.home-page-shell .home-title-mark {
  display: inline-grid;
  width: 25px;
  height: 25px;
  place-items: center;
  color: #09233d;
  font-size: 15px;
  line-height: 1;
  background: linear-gradient(135deg, #ffe43b, #ffb31f);
  border-radius: 7px;
  box-shadow: 0 0 20px rgba(255, 203, 57, .3);
}

.home-page-shell .home-topbar h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(21px, 2.1vw, 30px);
  line-height: 1.12;
  letter-spacing: -.035em;
}

.home-page-shell .home-subtitle {
  margin: 6px 0 0;
  color: var(--home-muted);
  font-size: 12px;
}

.home-page-shell .home-header-tools {
  display: flex;
  align-items: stretch;
  justify-content: center;
  min-width: 0;
  border: 1px solid rgba(122, 182, 223, .18);
  border-radius: 12px;
  background: rgba(5, 22, 38, .2);
}

.home-page-shell .home-monitor-state,
.home-page-shell .home-period-field {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 14px;
  border-right: 1px solid rgba(122, 182, 223, .16);
}

.home-page-shell .home-monitor-state {
  flex: 1 1 220px;
}

.home-page-shell .home-monitor-state > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.home-page-shell .home-monitor-state span:not(.home-live-dot),
.home-page-shell .home-period-field > span {
  color: var(--home-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
}

.home-page-shell .home-monitor-state strong {
  overflow: hidden;
  color: #e4f5ff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-page-shell .home-live-dot {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: var(--home-green);
  box-shadow: 0 0 0 5px rgba(114, 230, 120, .13), 0 0 14px rgba(114, 230, 120, .75);
}

.home-page-shell .home-period-field {
  display: grid;
  flex: 0 1 170px;
  gap: 3px;
  min-width: 150px;
}

.home-page-shell .home-period-field input {
  width: 100%;
  min-height: 26px;
  padding: 0;
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 750;
  color-scheme: dark;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.home-page-shell .home-period-field input:focus {
  outline: 0;
  box-shadow: none;
}

.home-page-shell .home-command-button,
.home-page-shell .home-input-button {
  align-self: center;
  min-height: 38px;
  margin: 0 6px;
  padding: 9px 13px;
  color: #05203a;
  font-size: 11px;
  font-weight: 850;
  text-decoration: none;
  background: linear-gradient(135deg, #59d8ff, #4c9eff);
  border: 1px solid rgba(130, 221, 255, .72);
  border-radius: 9px;
  box-shadow: 0 5px 16px rgba(44, 155, 255, .18);
}

.home-page-shell .home-input-button {
  color: #eafff2;
  background: linear-gradient(135deg, #157b63, #239f72);
  border-color: rgba(109, 235, 184, .48);
}

.home-page-shell .home-command-button:hover,
.home-page-shell .home-input-button:hover {
  filter: brightness(1.09);
  transform: translateY(-1px);
}

.home-page-shell .home-userbox {
  display: grid;
  justify-items: end;
  gap: 7px;
  color: var(--home-muted);
  font-size: 11px;
  white-space: nowrap;
}

.home-page-shell .home-logout-link {
  padding: 5px 8px;
  color: #ffcece;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
  border: 1px solid rgba(255, 173, 173, .22);
  border-radius: 7px;
}

.home-page-shell .home-main {
  width: min(1720px, calc(100% - 48px));
  margin: 0 auto;
  padding: 20px 0 42px;
}

.home-page-shell .home-overview-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 13px;
}

.home-page-shell .home-overview-head h2 {
  margin: 0;
  color: #f4fbff;
  font-size: 18px;
  letter-spacing: -.02em;
}

.home-page-shell .home-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  color: #93edb6;
  font-size: 10px;
  font-weight: 800;
  background: rgba(35, 153, 98, .12);
  border: 1px solid rgba(96, 220, 144, .24);
  border-radius: 999px;
}

.home-page-shell .home-live-badge span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #72e678;
  box-shadow: 0 0 9px rgba(114, 230, 120, .92);
}

.home-page-shell .home-kpi-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 11px;
  margin: 0;
}

.home-page-shell .home-kpi-card {
  position: relative;
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  min-width: 0;
  min-height: 108px;
  padding: 15px 13px;
  overflow: hidden;
  color: var(--home-text);
  background: linear-gradient(145deg, rgba(19, 53, 84, .98), rgba(10, 35, 58, .96));
  border: 1px solid var(--home-line);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 8px 18px rgba(0, 8, 18, .14);
}

.home-page-shell .home-kpi-card::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  content: "";
  background: var(--home-blue);
  box-shadow: 0 0 16px currentColor;
}

.home-page-shell .home-kpi-card > div {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.home-page-shell .home-kpi-card > div > span {
  color: var(--home-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.home-page-shell .home-kpi-icon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: var(--home-blue);
  font-size: 21px;
  font-weight: 800;
  line-height: 1;
  background: rgba(79, 151, 255, .1);
  border: 1px solid rgba(79, 151, 255, .26);
  border-radius: 9px;
}

.home-page-shell .home-kpi-card strong {
  overflow-wrap: anywhere;
  color: #eaf8ff;
  font-size: clamp(17px, 1.45vw, 25px);
  font-weight: 850;
  line-height: 1.05;
  letter-spacing: -.035em;
}

.home-page-shell .home-kpi-card small {
  overflow: hidden;
  color: #89a9c2;
  font-size: 10px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-page-shell .home-kpi-primary::after,
.home-page-shell .home-kpi-primary .home-kpi-icon { color: var(--home-cyan); background-color: rgba(83, 214, 255, .1); border-color: rgba(83, 214, 255, .28); }
.home-page-shell .home-kpi-primary::after { background: var(--home-cyan); }
.home-page-shell .home-kpi-blue::after,
.home-page-shell .home-kpi-blue .home-kpi-icon { color: var(--home-blue); }
.home-page-shell .home-kpi-blue::after { background: var(--home-blue); }
.home-page-shell .home-kpi-cyan::after,
.home-page-shell .home-kpi-cyan .home-kpi-icon { color: #58c7ff; background-color: rgba(88, 199, 255, .1); border-color: rgba(88, 199, 255, .28); }
.home-page-shell .home-kpi-cyan::after { background: #58c7ff; }
.home-page-shell .home-kpi-yellow::after,
.home-page-shell .home-kpi-yellow .home-kpi-icon { color: var(--home-yellow); background-color: rgba(255, 200, 61, .1); border-color: rgba(255, 200, 61, .28); }
.home-page-shell .home-kpi-yellow::after { background: var(--home-yellow); }
.home-page-shell .home-kpi-green::after,
.home-page-shell .home-kpi-green .home-kpi-icon { color: var(--home-green); background-color: rgba(114, 230, 120, .1); border-color: rgba(114, 230, 120, .28); }
.home-page-shell .home-kpi-green::after { background: var(--home-green); }
.home-page-shell .home-kpi-violet::after,
.home-page-shell .home-kpi-violet .home-kpi-icon { color: var(--home-violet); background-color: rgba(196, 140, 255, .1); border-color: rgba(196, 140, 255, .28); }
.home-page-shell .home-kpi-violet::after { background: var(--home-violet); }
.home-page-shell .home-kpi-good { border-color: rgba(114, 230, 120, .36); background: linear-gradient(145deg, rgba(17, 77, 70, .98), rgba(9, 47, 58, .96)); }
.home-page-shell .home-kpi-good::after { background: var(--home-green); }
.home-page-shell .home-kpi-good strong { color: #9af2ac; }
.home-page-shell .home-kpi-alert { border-color: rgba(255, 120, 132, .44); background: linear-gradient(145deg, rgba(83, 37, 58, .98), rgba(53, 27, 49, .96)); }
.home-page-shell .home-kpi-alert::after { background: #ff7884; }
.home-page-shell .home-kpi-alert strong { color: #ffb4bc; }

.home-page-shell .home-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.12fr) minmax(325px, .88fr);
  gap: 13px;
  margin-top: 13px;
}

.home-page-shell .home-chart-column,
.home-page-shell .home-side-column {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 13px;
}

.home-page-shell .card.home-chart-card,
.home-page-shell .card.home-unit-card,
.home-page-shell .card.home-optimization-preview {
  overflow: hidden;
  color: var(--home-text);
  background: linear-gradient(145deg, rgba(14, 43, 70, .98), rgba(8, 31, 53, .98));
  border: 1px solid var(--home-line);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 12px 24px rgba(0, 7, 16, .16);
}

.home-page-shell .home-chart-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 16px 13px;
  background: rgba(7, 27, 47, .32);
  border-bottom: 1px solid var(--home-line);
}

.home-page-shell .home-chart-head h2,
.home-page-shell .home-optimization-preview-head h2 {
  margin: 0;
  color: #f4fbff;
  font-size: 18px;
  letter-spacing: -.025em;
}

.home-page-shell .home-chart-head > div > span,
.home-page-shell .home-optimization-preview-head > div > span {
  display: block;
  margin-top: 5px;
  color: var(--home-muted);
  font-size: 11px;
}

.home-page-shell .home-chart-badge {
  min-width: 92px;
  padding: 8px 10px;
  color: var(--home-cyan);
  text-align: center;
  background: rgba(42, 150, 222, .1);
  border: 1px solid rgba(83, 214, 255, .32);
  border-radius: 9px;
}

.home-page-shell .home-chart-badge strong {
  display: block;
  color: inherit;
  font-size: 18px;
  line-height: 1.1;
}

.home-page-shell .home-chart-badge span {
  display: block;
  margin-top: 3px;
  color: var(--home-muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.home-page-shell .home-target-badge {
  color: #8df1ae;
  background: rgba(50, 168, 101, .11);
  border-color: rgba(114, 230, 120, .3);
}

.home-page-shell .home-panel-status {
  padding: 5px 7px;
  color: #83dcff;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  white-space: nowrap;
  background: rgba(79, 151, 255, .12);
  border: 1px solid rgba(79, 151, 255, .28);
  border-radius: 999px;
}

.home-page-shell .home-chart {
  min-height: 355px;
  padding: 8px 12px 0;
}

.home-page-shell .home-chart-grid-line {
  stroke: rgba(137, 190, 226, .2);
}

.home-page-shell .home-chart-axis {
  stroke: rgba(158, 203, 234, .42);
}

.home-page-shell .home-chart-y-label,
.home-page-shell .home-chart-x-label,
.home-page-shell .home-chart-axis-title {
  fill: #86a9c4;
}

.home-page-shell .home-chart-point {
  fill: #102f4d;
  stroke: #72e678;
}

.home-page-shell .home-chart-tooltip {
  color: #dbf2ff;
  background: rgba(7, 27, 47, .98);
  border-color: rgba(100, 205, 255, .42);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .35);
}

.home-page-shell .home-chart-tooltip strong,
.home-page-shell .home-chart-tooltip b { color: #f2fbff; }
.home-page-shell .home-chart-tooltip span { color: #9cbbd3; }
.home-page-shell .home-chart-tooltip small { color: #71daf7; border-top-color: rgba(132, 193, 231, .28); }

.home-page-shell .home-chart-legend {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 16px 15px;
  color: var(--home-muted);
  font-size: 10px;
}

.home-page-shell .home-chart-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #b8d5e9;
  font-weight: 750;
}

.home-page-shell .home-chart-legend i,
.home-page-shell .home-sgc-legend-line {
  width: 24px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #52baff, #72e678);
}

.home-page-shell .home-sgc-legend {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

.home-page-shell .home-sgc-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.home-page-shell .home-sgc-legend-target {
  display: inline-block;
  width: 24px;
  height: 9px;
  background: rgba(114, 230, 120, .13);
  border: 1px solid rgba(114, 230, 120, .48);
  border-radius: 4px;
}

.home-page-shell .home-empty,
.home-page-shell .home-chart-loading {
  color: var(--home-muted);
}

.home-page-shell .home-unit-bars {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
}

.home-page-shell .home-unit-row {
  display: grid;
  grid-template-columns: 35px minmax(70px, 1fr) 80px;
  align-items: center;
  gap: 8px;
}

.home-page-shell .home-unit-row strong {
  color: #76dfff;
  font-size: 10px;
}

.home-page-shell .home-unit-row b {
  color: #e3f5ff;
  font-size: 10px;
  text-align: right;
}

.home-page-shell .home-unit-track {
  height: 8px;
  background: rgba(144, 182, 211, .17);
}

.home-page-shell .home-unit-track span {
  background: linear-gradient(90deg, #4f97ff, #4ad5d9, #72e678);
  box-shadow: 0 0 10px rgba(83, 214, 255, .22);
}

.home-page-shell .home-optimization-preview {
  position: relative;
  background:
    radial-gradient(circle at 88% 8%, rgba(115, 230, 120, .12), transparent 30%),
    linear-gradient(145deg, rgba(14, 53, 70, .98), rgba(9, 33, 53, .98)) !important;
}

.home-page-shell .home-optimization-preview-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 15px 16px 0;
}

.home-page-shell .home-outline-action {
  flex: 0 0 auto;
  padding: 7px 9px;
  color: #a9eac1;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  border: 1px solid rgba(114, 230, 120, .33);
  border-radius: 7px;
}

.home-page-shell .home-optimization-preview-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin: 13px 16px 0;
  padding: 12px;
  background: rgba(4, 20, 35, .32);
  border: 1px solid rgba(126, 190, 224, .17);
  border-radius: 9px;
}

.home-page-shell .home-optimization-preview-form label {
  display: grid;
  gap: 6px;
  color: #a9c6d9;
  font-size: 10px;
  font-weight: 800;
}

.home-page-shell .home-optimization-preview-form input {
  min-width: 0;
  padding: 8px 9px;
  color: #edfbff;
  font: inherit;
  font-size: 12px;
  font-weight: 750;
  background: rgba(4, 23, 39, .72);
  border: 1px solid rgba(127, 192, 226, .3);
  border-radius: 7px;
}

.home-page-shell .home-optimization-preview-form input:focus {
  border-color: var(--home-cyan);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(83, 214, 255, .1);
}

.home-page-shell .home-optimization-preview-form .btn {
  min-height: 37px;
  color: #062537;
  font-size: 11px;
  font-weight: 900;
  background: linear-gradient(135deg, #72e678, #46c78d);
  border-color: rgba(154, 255, 180, .55);
}

.home-page-shell .home-optimization-preview-badge {
  grid-column: 1 / -1;
  padding: 6px 8px;
  color: #aeecc3;
  font-size: 9px;
  font-weight: 750;
  text-align: center;
  background: rgba(72, 194, 113, .1);
  border: 1px solid rgba(114, 230, 120, .16);
  border-radius: 999px;
}

.home-page-shell .home-optimization-preview-result {
  min-height: 62px;
  margin: 11px 16px 16px;
}

.home-page-shell .home-optimization-preview-empty {
  padding: 14px;
  color: var(--home-muted);
  font-size: 11px;
  text-align: center;
  background: rgba(4, 21, 36, .25);
  border: 1px dashed rgba(140, 198, 230, .24);
  border-radius: 8px;
}

.home-page-shell .home-optimization-preview-error { color: #ffb4bc; }

.home-page-shell .home-optimization-preview-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 9px;
  color: #a5c2d7;
  font-size: 10px;
}

.home-page-shell .home-optimization-preview-summary strong { color: #e8f8ff; }

.home-page-shell .home-optimization-unit-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.home-page-shell .home-optimization-unit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  padding: 8px 9px;
  background: rgba(6, 25, 42, .45);
  border: 1px solid rgba(133, 197, 231, .18);
  border-radius: 7px;
}

.home-page-shell .home-optimization-unit strong { color: #73e4ff; }
.home-page-shell .home-optimization-unit small { color: #a5c5d8; font-size: 9px; }
.home-page-shell .home-optimization-unit b { color: #93f2a8; font-size: 11px; }

.home-page-shell .home-status-error { color: #ffb4bc !important; }

@media (max-width: 1480px) {
  .home-page-shell .topbar.home-topbar {
    grid-template-columns: minmax(210px, .9fr) minmax(500px, 1.8fr);
  }

  .home-page-shell .home-userbox {
    display: none;
  }

  .home-page-shell .home-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1220px) {
  .home-page-shell .topbar.home-topbar {
    grid-template-columns: 1fr;
  }

  .home-page-shell .home-header-tools {
    justify-content: flex-start;
  }

  .home-page-shell .home-dashboard-grid {
    grid-template-columns: 1fr;
  }

  .home-page-shell .home-side-column {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }
}

@media (max-width: 760px) {
  .home-page-shell .topbar.home-topbar {
    padding: 17px 16px;
  }

  .home-page-shell .home-main {
    width: min(100% - 28px, 1720px);
    padding-top: 16px;
  }

  .home-page-shell .home-header-tools {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .home-page-shell .home-monitor-state {
    grid-column: 1 / -1;
  }

  .home-page-shell .home-period-field {
    min-width: 0;
    border-bottom: 0;
  }

  .home-page-shell .home-command-button,
  .home-page-shell .home-input-button {
    margin: 4px;
  }

  .home-page-shell .home-kpi-grid,
  .home-page-shell .home-side-column {
    grid-template-columns: 1fr;
  }

  .home-page-shell .home-overview-head,
  .home-page-shell .home-chart-head,
  .home-page-shell .home-optimization-preview-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .home-page-shell .home-chart-legend {
    align-items: flex-start;
    flex-direction: column;
  }

  .home-page-shell .home-chart {
    min-height: 295px;
    padding-right: 1px;
    padding-left: 1px;
  }
}

/* v4.1.0 - Operations optimization dark console */
body.dashboard-sidebar-enabled:has(.optimization-page-shell) {
  background: #071a2c;
}

.optimization-page-shell {
  --optimization-bg: #071a2c;
  --optimization-panel: #0d2943;
  --optimization-panel-strong: #102f4d;
  --optimization-panel-soft: #143956;
  --optimization-line: rgba(121, 178, 218, .22);
  --optimization-text: #ecf7ff;
  --optimization-muted: #91b1ca;
  --optimization-cyan: #53d6ff;
  --optimization-blue: #4f97ff;
  --optimization-green: #72e678;
  --optimization-yellow: #ffc83d;
  --optimization-violet: #c48cff;
  min-height: 100vh;
  color: var(--optimization-text);
  background:
    radial-gradient(circle at 82% 0%, rgba(40, 134, 211, .17), transparent 27%),
    radial-gradient(circle at 15% 24%, rgba(73, 214, 188, .06), transparent 30%),
    linear-gradient(180deg, #081c30 0%, var(--optimization-bg) 44%, #07182a 100%);
}

.optimization-page-shell .optimization-topbar {
  display: grid;
  grid-template-columns: minmax(260px, 1.12fr) minmax(420px, 1.45fr) auto;
  align-items: center;
  gap: 26px;
  min-height: 108px;
  padding: 18px 28px;
  color: var(--optimization-text);
  background:
    radial-gradient(circle at 46% -70%, rgba(76, 170, 255, .24), transparent 46%),
    linear-gradient(100deg, #092139 0%, #0c2b47 52%, #0a253f 100%);
  border-bottom: 1px solid rgba(120, 183, 225, .2);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
}

.optimization-page-shell .optimization-title-kicker,
.optimization-page-shell .optimization-section-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  color: var(--optimization-cyan);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
}

.optimization-page-shell .optimization-title-mark {
  display: inline-grid;
  width: 25px;
  height: 25px;
  place-items: center;
  color: #0a2440;
  font-size: 17px;
  font-weight: 900;
  line-height: 1;
  background: linear-gradient(135deg, #6de7ff, #4f94ff);
  border-radius: 7px;
  box-shadow: 0 0 20px rgba(83, 214, 255, .28);
}

.optimization-page-shell .optimization-topbar h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(22px, 2.1vw, 30px);
  line-height: 1.12;
  letter-spacing: -.035em;
}

.optimization-page-shell .optimization-title-block > p {
  margin: 6px 0 0;
  color: var(--optimization-muted);
  font-size: 12px;
}

.optimization-page-shell .optimization-live-state {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  padding: 12px 15px;
  background: rgba(5, 22, 38, .25);
  border: 1px solid rgba(122, 182, 223, .18);
  border-radius: 11px;
}

.optimization-page-shell .optimization-live-state > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.optimization-page-shell .optimization-live-state span:not(.optimization-live-dot) {
  color: var(--optimization-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
}

.optimization-page-shell .optimization-live-state strong {
  overflow: hidden;
  color: #e4f5ff;
  font-size: 13px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.optimization-page-shell .optimization-live-state small {
  overflow: hidden;
  color: #8fb0c9;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.optimization-page-shell .optimization-live-dot,
.optimization-page-shell .optimization-sfc-state-dot {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: var(--optimization-green);
  box-shadow: 0 0 0 5px rgba(114, 230, 120, .13), 0 0 14px rgba(114, 230, 120, .75);
}

.optimization-page-shell .optimization-userbox {
  display: grid;
  justify-items: end;
  gap: 7px;
  color: var(--optimization-muted);
  font-size: 11px;
  white-space: nowrap;
}

.optimization-page-shell .optimization-logout-link {
  padding: 5px 8px;
  color: #ffcece;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
  border: 1px solid rgba(255, 173, 173, .22);
  border-radius: 7px;
}

.optimization-page-shell .optimization-main {
  width: min(1720px, calc(100% - 48px));
  margin: 0 auto;
  padding: 20px 0 42px;
}

.optimization-page-shell .optimization-overview-head,
.optimization-page-shell .optimization-deck-heading,
.optimization-page-shell .optimization-panel-head,
.optimization-page-shell .optimization-profile-bar,
.optimization-page-shell .optimization-import-card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.optimization-page-shell .optimization-overview-head {
  align-items: end;
  margin-bottom: 13px;
}

.optimization-page-shell .optimization-overview-head h2,
.optimization-page-shell .optimization-deck-heading h2,
.optimization-page-shell .optimization-panel-head h2,
.optimization-page-shell .optimization-import-copy h2 {
  margin: 0;
  color: #f4fbff;
  font-size: 19px;
  letter-spacing: -.025em;
}

.optimization-page-shell .optimization-sfc-state {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: min(680px, 54%);
  padding: 7px 10px;
  color: #a7dfbd;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.35;
  background: rgba(35, 153, 98, .12);
  border: 1px solid rgba(96, 220, 144, .24);
  border-radius: 999px;
}

.optimization-page-shell .optimization-sfc-state-dot {
  width: 6px;
  height: 6px;
  flex-basis: 6px;
  box-shadow: 0 0 9px rgba(114, 230, 120, .92);
}

.optimization-page-shell .optimization-control-deck,
.optimization-page-shell .optimization-panel,
.optimization-page-shell .optimization-import-card {
  overflow: hidden;
  color: var(--optimization-text);
  background: linear-gradient(145deg, rgba(14, 43, 70, .98), rgba(8, 31, 53, .98));
  border: 1px solid var(--optimization-line);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 12px 24px rgba(0, 7, 16, .16);
}

.optimization-page-shell .optimization-control-deck {
  padding: 16px;
}

.optimization-page-shell .optimization-deck-heading {
  align-items: center;
  margin-bottom: 14px;
}

.optimization-page-shell .optimization-deck-heading > div > span,
.optimization-page-shell .optimization-panel-head > div > span,
.optimization-page-shell .optimization-import-copy > span {
  display: block;
  margin-top: 5px;
  color: var(--optimization-muted);
  font-size: 11px;
}

.optimization-page-shell .optimization-deck-badge,
.optimization-page-shell .optimization-panel-status {
  display: inline-block;
  flex: 0 0 auto;
  padding: 5px 8px;
  color: #83dcff;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  white-space: nowrap;
  background: rgba(79, 151, 255, .12);
  border: 1px solid rgba(79, 151, 255, .28);
  border-radius: 999px;
}

.optimization-page-shell .optimization-panel-status-live {
  color: #a5f0be;
  background: rgba(52, 181, 107, .12);
  border-color: rgba(114, 230, 120, .3);
}

.optimization-page-shell .optimization-toolbar {
  display: grid;
  grid-template-columns: minmax(175px, 1.25fr) repeat(2, minmax(135px, .86fr)) auto auto;
  align-items: end;
  gap: 9px;
  padding: 12px;
  background: rgba(4, 20, 35, .28);
  border: 1px solid rgba(126, 190, 224, .17);
  border-radius: 9px;
}

.optimization-page-shell .optimization-toolbar label,
.optimization-page-shell .optimization-profile-controls label,
.optimization-page-shell .optimization-controls label,
.optimization-page-shell .optimization-import-row label {
  display: grid;
  min-width: 0;
  gap: 6px;
  color: #a9c6d9;
  font-size: 10px;
  font-weight: 800;
}

.optimization-page-shell .optimization-toolbar select,
.optimization-page-shell .optimization-toolbar input,
.optimization-page-shell .optimization-profile-controls select,
.optimization-page-shell .optimization-profile-controls input,
.optimization-page-shell .optimization-controls input,
.optimization-page-shell .optimization-import-row input,
.optimization-page-shell .optimization-unit-table select,
.optimization-page-shell .optimization-unit-table input {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  box-sizing: border-box;
  padding: 8px 9px;
  color: #edfbff;
  font: inherit;
  font-size: 12px;
  font-weight: 750;
  color-scheme: dark;
  background: rgba(4, 23, 39, .78);
  border: 1px solid rgba(127, 192, 226, .3);
  border-radius: 7px;
}

.optimization-page-shell .optimization-toolbar select:focus,
.optimization-page-shell .optimization-toolbar input:focus,
.optimization-page-shell .optimization-profile-controls select:focus,
.optimization-page-shell .optimization-profile-controls input:focus,
.optimization-page-shell .optimization-controls input:focus,
.optimization-page-shell .optimization-unit-table select:focus,
.optimization-page-shell .optimization-unit-table input:focus {
  border-color: var(--optimization-cyan);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(83, 214, 255, .1);
}

.optimization-page-shell .btn {
  min-height: 38px;
  padding: 9px 12px;
  color: #dff7ff;
  font-size: 11px;
  font-weight: 850;
  background: linear-gradient(135deg, #184f79, #236a9c);
  border: 1px solid rgba(122, 205, 244, .4);
  border-radius: 8px;
  box-shadow: none;
}

.optimization-page-shell .btn.primary,
.optimization-page-shell .optimization-apply-button,
.optimization-page-shell .optimization-run-button {
  color: #05203a;
  background: linear-gradient(135deg, #59d8ff, #4c9eff);
  border-color: rgba(130, 221, 255, .72);
}

.optimization-page-shell .btn.success {
  color: #eafff2;
  background: linear-gradient(135deg, #157b63, #239f72);
  border-color: rgba(109, 235, 184, .48);
}

.optimization-page-shell .btn:hover,
.optimization-page-shell .optimization-template-link:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

.optimization-page-shell .optimization-profile-bar {
  align-items: end;
  margin-top: 11px;
  padding: 12px;
  background: linear-gradient(110deg, rgba(30, 126, 197, .12), rgba(27, 151, 101, .09));
  border: 1px solid rgba(88, 194, 239, .2);
  border-radius: 9px;
}

.optimization-page-shell .optimization-profile-copy {
  min-width: 220px;
  flex: 1 1 300px;
}

.optimization-page-shell .optimization-profile-copy strong {
  display: block;
  color: #eaf8ff;
  font-size: 15px;
}

.optimization-page-shell .optimization-profile-copy small {
  display: block;
  margin-top: 4px;
  color: #a7c6d9;
  font-size: 11px;
}

.optimization-page-shell .optimization-profile-controls,
.optimization-page-shell .optimization-custom-weights {
  display: flex;
  align-items: end;
  gap: 9px;
  flex-wrap: wrap;
}

.optimization-page-shell .optimization-custom-weights {
  display: none;
}

.optimization-page-shell .optimization-custom-weights.is-visible {
  display: flex;
}

.optimization-page-shell .optimization-profile-controls select {
  min-width: 176px;
}

.optimization-page-shell .optimization-custom-weights input {
  width: 90px;
}

.optimization-page-shell .optimization-import-card {
  align-items: end;
  margin: 13px 0;
  padding: 14px 16px;
  background:
    radial-gradient(circle at 94% 18%, rgba(82, 195, 255, .12), transparent 25%),
    linear-gradient(145deg, rgba(11, 47, 75, .98), rgba(8, 31, 53, .98));
  border-color: rgba(83, 214, 255, .28);
}

.optimization-page-shell .optimization-import-copy {
  min-width: 230px;
  flex: 1 1 270px;
}

.optimization-page-shell .optimization-import-row {
  display: grid;
  grid-template-columns: minmax(190px, 1.4fr) 86px minmax(170px, 1fr) auto auto;
  align-items: end;
  gap: 9px;
  min-width: min(100%, 800px);
}

.optimization-page-shell .optimization-import-row input[type="file"] {
  padding: 7px;
  font-size: 10px;
}

.optimization-page-shell .optimization-template-link {
  min-height: 38px;
  box-sizing: border-box;
  padding: 10px 11px;
  color: #a9e8ff;
  font-size: 10px;
  font-weight: 850;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background: rgba(70, 155, 220, .12);
  border: 1px solid rgba(89, 184, 236, .32);
  border-radius: 8px;
}

.optimization-page-shell .optimization-main > .optimization-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 11px;
  margin: 0 0 13px;
}

.optimization-page-shell .optimization-main > .optimization-kpis .optimization-kpi {
  position: relative;
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  min-width: 0;
  min-height: 106px;
  padding: 14px 13px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(19, 53, 84, .98), rgba(10, 35, 58, .96));
  border: 1px solid var(--optimization-line);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 8px 18px rgba(0, 8, 18, .14);
}

.optimization-page-shell .optimization-main > .optimization-kpis .optimization-kpi::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  content: "";
  background: var(--optimization-blue);
  box-shadow: 0 0 16px currentColor;
}

.optimization-page-shell .optimization-main > .optimization-kpis .optimization-kpi > div {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.optimization-page-shell .optimization-kpi-icon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: var(--optimization-blue);
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
  background: rgba(79, 151, 255, .1);
  border: 1px solid rgba(79, 151, 255, .26);
  border-radius: 9px;
}

.optimization-page-shell .optimization-main > .optimization-kpis .optimization-kpi > div > span,
.optimization-page-shell #optimizationResult .optimization-kpi > span {
  color: var(--optimization-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.optimization-page-shell .optimization-main > .optimization-kpis .optimization-kpi strong,
.optimization-page-shell #optimizationResult .optimization-kpi strong {
  overflow-wrap: anywhere;
  color: #eaf8ff;
  font-size: clamp(17px, 1.45vw, 24px);
  font-weight: 850;
  line-height: 1.05;
  letter-spacing: -.035em;
}

.optimization-page-shell .optimization-main > .optimization-kpis .optimization-kpi small,
.optimization-page-shell #optimizationResult .optimization-kpi small {
  overflow: hidden;
  color: #89a9c2;
  font-size: 10px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.optimization-page-shell .optimization-kpi-primary::after,
.optimization-page-shell .optimization-kpi-primary .optimization-kpi-icon { color: var(--optimization-cyan); background-color: rgba(83, 214, 255, .1); border-color: rgba(83, 214, 255, .28); }
.optimization-page-shell .optimization-kpi-primary::after { background: var(--optimization-cyan); }
.optimization-page-shell .optimization-kpi-cyan::after,
.optimization-page-shell .optimization-kpi-cyan .optimization-kpi-icon { color: #58c7ff; background-color: rgba(88, 199, 255, .1); border-color: rgba(88, 199, 255, .28); }
.optimization-page-shell .optimization-kpi-cyan::after { background: #58c7ff; }
.optimization-page-shell .optimization-kpi-blue::after,
.optimization-page-shell .optimization-kpi-blue .optimization-kpi-icon { color: var(--optimization-blue); }
.optimization-page-shell .optimization-kpi-blue::after { background: var(--optimization-blue); }
.optimization-page-shell .optimization-kpi-green::after,
.optimization-page-shell .optimization-kpi-green .optimization-kpi-icon { color: var(--optimization-green); background-color: rgba(114, 230, 120, .1); border-color: rgba(114, 230, 120, .28); }
.optimization-page-shell .optimization-kpi-green::after { background: var(--optimization-green); }
.optimization-page-shell .optimization-kpi-yellow::after,
.optimization-page-shell .optimization-kpi-yellow .optimization-kpi-icon { color: var(--optimization-yellow); background-color: rgba(255, 200, 61, .1); border-color: rgba(255, 200, 61, .28); }
.optimization-page-shell .optimization-kpi-yellow::after { background: var(--optimization-yellow); }
.optimization-page-shell .optimization-kpi-violet::after,
.optimization-page-shell .optimization-kpi-violet .optimization-kpi-icon { color: var(--optimization-violet); background-color: rgba(196, 140, 255, .1); border-color: rgba(196, 140, 255, .28); }
.optimization-page-shell .optimization-kpi-violet::after { background: var(--optimization-violet); }

.optimization-page-shell .optimization-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
  gap: 13px;
  margin-bottom: 13px;
}

.optimization-page-shell .optimization-panel {
  min-width: 0;
}

.optimization-page-shell .optimization-panel-head {
  padding: 15px 16px 13px;
  background: rgba(7, 27, 47, .32);
  border-bottom: 1px solid var(--optimization-line);
}

.optimization-page-shell .optimization-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  align-items: end;
  gap: 9px;
  margin: 14px 16px 12px;
  padding: 12px;
  background: rgba(4, 20, 35, .27);
  border: 1px solid rgba(126, 190, 224, .16);
  border-radius: 9px;
}

.optimization-page-shell .optimization-run-button {
  min-width: 146px;
}

.optimization-page-shell .optimization-table-wrap {
  max-width: 100%;
  overflow: auto;
}

.optimization-page-shell .optimization-input-panel .optimization-table-wrap {
  max-height: 490px;
  padding: 0 16px 16px;
}

.optimization-page-shell .optimization-table {
  width: 100%;
  border-collapse: collapse;
  color: #dceefa;
  font-size: 11px;
}

.optimization-page-shell .optimization-table th,
.optimization-page-shell .optimization-table td {
  padding: 10px 9px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid rgba(139, 190, 221, .13);
}

.optimization-page-shell .optimization-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  color: #91b6d1;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
  background: #0c2a46;
}

.optimization-page-shell .optimization-table tbody tr:hover {
  background: rgba(65, 155, 220, .06);
}

.optimization-page-shell .optimization-table td strong { color: #f0fbff; }
.optimization-page-shell .optimization-table td small { color: #8eafc8; font-size: 10px; }
.optimization-page-shell .optimization-unit-table select,
.optimization-page-shell .optimization-unit-table input { min-height: 32px; padding: 6px 7px; font-size: 11px; }
.optimization-page-shell .optimization-unit-table input { min-width: 74px; }

.optimization-page-shell .optimization-result-panel {
  background:
    radial-gradient(circle at 92% 6%, rgba(114, 230, 120, .11), transparent 28%),
    linear-gradient(145deg, rgba(14, 43, 70, .98), rgba(8, 31, 53, .98));
}

.optimization-page-shell #optimizationResult {
  min-height: 298px;
  padding: 14px 16px 16px;
}

.optimization-page-shell .optimization-result-empty {
  display: grid;
  min-height: 220px;
  place-items: center;
  padding: 26px;
  color: var(--optimization-muted);
  font-size: 12px;
  text-align: center;
  background: rgba(4, 21, 36, .25);
  border: 1px dashed rgba(140, 198, 230, .24);
  border-radius: 9px;
}

.optimization-page-shell #optimizationResult .optimization-kpis {
  display: grid;
  gap: 8px;
  margin: 0 0 12px !important;
}

.optimization-page-shell #optimizationResult .optimization-kpi {
  min-width: 0;
  padding: 11px;
  background: rgba(4, 23, 39, .37);
  border: 1px solid rgba(129, 193, 228, .17);
  border-radius: 8px;
}

.optimization-page-shell #optimizationResult .optimization-kpi strong,
.optimization-page-shell #optimizationResult .optimization-kpi small {
  display: block;
  margin-top: 5px;
}

.optimization-page-shell #optimizationResult .optimization-kpi strong { font-size: 16px; }

.optimization-page-shell #optimizationResult .optimization-table-wrap {
  max-height: 310px;
  border: 1px solid rgba(131, 193, 227, .16);
  border-radius: 8px;
}

.optimization-page-shell .optimization-status {
  display: inline-flex;
  padding: 4px 7px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .04em;
}

.optimization-page-shell .optimization-status-dispatch { color: #9df1af; background: rgba(67, 193, 96, .13); border: 1px solid rgba(114, 230, 120, .28); }
.optimization-page-shell .optimization-status-reserve { color: #ffe09a; background: rgba(245, 177, 47, .12); border: 1px solid rgba(255, 200, 61, .25); }
.optimization-page-shell .optimization-status-off { color: #afc4d4; background: rgba(139, 171, 191, .12); border: 1px solid rgba(139, 171, 191, .2); }

.optimization-page-shell .optimization-result-note {
  margin: 10px 0 0;
  padding: 10px 11px;
  color: #ffe0a2;
  font-size: 11px;
  line-height: 1.45;
  background: rgba(245, 177, 47, .08);
  border: 1px solid rgba(255, 200, 61, .2);
  border-radius: 8px;
}

.optimization-page-shell .optimization-priority .optimization-table-wrap {
  max-height: 525px;
}

.optimization-page-shell .optimization-rank {
  display: inline-grid;
  width: 25px;
  height: 25px;
  place-items: center;
  color: #08233d;
  font-size: 10px;
  font-weight: 900;
  background: linear-gradient(135deg, #74e5ff, #5c9eff);
  border-radius: 50%;
}

.optimization-page-shell .optimization-score-bar {
  width: 100px;
  height: 6px;
  margin-top: 5px;
  overflow: hidden;
  background: rgba(144, 182, 211, .18);
  border-radius: 999px;
}

.optimization-page-shell .optimization-score-bar span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #4f97ff, #4ad5d9, #72e678);
  border-radius: inherit;
}

.optimization-page-shell .optimization-data-ok { color: #8fedaa; font-weight: 800; }
.optimization-page-shell .optimization-data-limited { color: #ffe09a; font-weight: 800; }
.optimization-page-shell .optimization-data-none { color: #ffb4bc; font-weight: 800; }
.optimization-page-shell .optimization-row-disabled { opacity: .58; background: rgba(4, 20, 35, .24); }

@media (max-width: 1480px) {
  .optimization-page-shell .optimization-topbar {
    grid-template-columns: minmax(240px, 1fr) minmax(420px, 1.55fr);
  }

  .optimization-page-shell .optimization-userbox { display: none; }
  .optimization-page-shell .optimization-main > .optimization-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .optimization-page-shell .optimization-toolbar { grid-template-columns: minmax(180px, 1.25fr) repeat(2, minmax(135px, .85fr)) auto; }
  .optimization-page-shell .optimization-activate-button { grid-column: 1 / -1; }
}

@media (max-width: 1220px) {
  .optimization-page-shell .optimization-topbar { grid-template-columns: 1fr; }
  .optimization-page-shell .optimization-layout { grid-template-columns: 1fr; }
  .optimization-page-shell .optimization-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .optimization-page-shell .optimization-toolbar .btn { min-width: 0; }
  .optimization-page-shell .optimization-import-card { align-items: stretch; flex-direction: column; }
  .optimization-page-shell .optimization-import-row { min-width: 0; }
}

@media (max-width: 820px) {
  .optimization-page-shell .optimization-import-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .optimization-page-shell .optimization-import-row label:first-child { grid-column: 1 / -1; }
  .optimization-page-shell #optimizationResult .optimization-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 760px) {
  .optimization-page-shell .optimization-topbar { padding: 17px 16px; }
  .optimization-page-shell .optimization-main { width: min(100% - 28px, 1720px); padding-top: 16px; }
  .optimization-page-shell .optimization-overview-head,
  .optimization-page-shell .optimization-deck-heading,
  .optimization-page-shell .optimization-profile-bar,
  .optimization-page-shell .optimization-panel-head { align-items: flex-start; flex-direction: column; }
  .optimization-page-shell .optimization-sfc-state { max-width: 100%; border-radius: 9px; }
  .optimization-page-shell .optimization-toolbar,
  .optimization-page-shell .optimization-controls,
  .optimization-page-shell .optimization-import-row,
  .optimization-page-shell .optimization-main > .optimization-kpis,
  .optimization-page-shell #optimizationResult .optimization-kpis { grid-template-columns: 1fr !important; }
  .optimization-page-shell .optimization-profile-controls,
  .optimization-page-shell .optimization-custom-weights { width: 100%; }
  .optimization-page-shell .optimization-profile-controls > label,
  .optimization-page-shell .optimization-custom-weights > label { flex: 1 1 130px; }
  .optimization-page-shell .optimization-profile-controls select,
  .optimization-page-shell .optimization-custom-weights input { width: 100%; }
  .optimization-page-shell .optimization-panel-head h2 { font-size: 18px; }
  .optimization-page-shell .optimization-table { font-size: 10px; }
  .optimization-page-shell .optimization-table th,
  .optimization-page-shell .optimization-table td { padding: 9px 7px; }
  .optimization-page-shell #optimizationResult { padding: 12px; }
}

/* Keep optimization data tables independent from the legacy light table theme. */
.optimization-page-shell .optimization-table tbody,
.optimization-page-shell .optimization-table tbody tr,
.optimization-page-shell .optimization-table tbody td {
  color: #dceefa;
  background-color: transparent !important;
}

.optimization-page-shell .optimization-table tbody tr:nth-child(even) td {
  background-color: rgba(74, 142, 192, .055) !important;
}

.optimization-page-shell .optimization-table tbody tr:hover td {
  background-color: rgba(65, 155, 220, .1) !important;
}

/* v4.2.0 - Secondary operator and administrator consoles */
body.dashboard-sidebar-enabled:has(.console-page) {
  background: #071a2c;
  overflow-x: hidden;
}

body:has(.console-page) {
  overflow-x: hidden;
}

.console-page {
  --console-bg: #071a2c;
  --console-panel: #0d2943;
  --console-panel-strong: #102f4d;
  --console-panel-soft: #123755;
  --console-line: rgba(121, 178, 218, .22);
  --console-text: #eaf7ff;
  --console-muted: #8fadC6;
  --console-cyan: #53d6ff;
  --console-blue: #4f97ff;
  --console-green: #72e678;
  --console-yellow: #ffc83d;
  --console-red: #ff7f8d;
  --console-violet: #c48cff;
  min-height: 100vh;
  overflow: hidden;
  color: var(--console-text);
  background:
    radial-gradient(circle at 79% 0%, rgba(39, 128, 204, .16), transparent 26%),
    radial-gradient(circle at 27% 17%, rgba(51, 187, 215, .055), transparent 29%),
    linear-gradient(180deg, #081c30 0%, var(--console-bg) 42%, #07182a 100%);
}

.console-page .page-tabs {
  display: none;
}

.console-page .console-topbar {
  display: grid;
  grid-template-columns: minmax(260px, 1.18fr) minmax(310px, .94fr) auto;
  align-items: center;
  gap: 24px;
  min-height: 108px;
  padding: 18px 28px;
  color: var(--console-text);
  background:
    radial-gradient(circle at 42% -60%, rgba(76, 170, 255, .23), transparent 44%),
    linear-gradient(100deg, #092139 0%, #0c2b47 50%, #0a253f 100%);
  border-bottom: 1px solid rgba(120, 183, 225, .2);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
}

.console-page .console-title-block {
  min-width: 0;
}

.console-page .console-title-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  color: var(--console-cyan);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
}

.console-page .console-title-kicker span {
  display: inline-grid;
  width: 24px;
  height: 24px;
  place-items: center;
  color: #09233d;
  font-size: 14px;
  line-height: 1;
  background: linear-gradient(135deg, #ffe43b, #ffb31f);
  border-radius: 7px;
  box-shadow: 0 0 20px rgba(255, 203, 57, .3);
}

.console-page .console-topbar h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.12;
  letter-spacing: -.035em;
}

.console-page .console-subtitle {
  margin: 6px 0 0;
  color: var(--console-muted);
  font-size: 12px;
  line-height: 1.45;
}

.console-page .console-header-status {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  padding: 12px 14px;
  background: rgba(5, 22, 38, .24);
  border: 1px solid rgba(122, 182, 223, .18);
  border-radius: 12px;
}

.console-page .console-header-status > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.console-page .console-header-status span:not(.console-live-dot) {
  color: var(--console-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
}

.console-page .console-header-status strong {
  overflow: hidden;
  color: #e4f5ff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.console-page .console-live-dot {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: var(--console-green);
  box-shadow: 0 0 0 5px rgba(114, 230, 120, .13), 0 0 14px rgba(114, 230, 120, .75);
}

.console-page .console-userbox {
  display: grid;
  justify-items: end;
  gap: 7px;
  padding: 8px 10px;
  border: 1px solid rgba(87, 194, 245, .28);
  border-radius: 9px;
  background: linear-gradient(145deg, rgba(23, 69, 106, .95), rgba(11, 39, 66, .98));
  box-shadow: inset 0 1px 0 rgba(176, 231, 255, .08), 0 8px 16px rgba(0, 8, 18, .15);
  color: var(--console-muted);
  font-size: 11px;
  white-space: nowrap;
}

.console-page .console-userbox span {
  max-width: 245px;
  padding-left: 0;
  color: #d7eaff;
  font-size: 11px;
  font-weight: 750;
}

.console-page .console-logout {
  min-height: auto;
  padding: 5px 8px;
  color: #ffcece;
  font-size: 10px;
  font-weight: 800;
  background: transparent;
  border: 1px solid rgba(255, 173, 173, .22);
  border-radius: 7px;
}

.console-page .console-main {
  width: min(1720px, calc(100% - 48px));
  margin: 0 auto;
  padding: 20px 0 42px;
}

.console-page .card,
.console-page .workstation-card {
  overflow: hidden;
  color: var(--console-text);
  background: linear-gradient(145deg, rgba(14, 43, 70, .98), rgba(8, 31, 53, .98));
  border: 1px solid var(--console-line);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 9px 20px rgba(0, 8, 18, .12);
}

.console-page .card-head {
  min-height: 60px;
  align-items: center;
  padding: 14px 16px;
  background: rgba(7, 27, 47, .34);
  border-bottom: 1px solid var(--console-line);
}

.console-page .card-head h2,
.console-page .workstation-card h2 {
  margin: 0;
  color: #f4fbff;
  font-size: 17px;
  letter-spacing: -.02em;
}

.console-page .card-head span,
.console-page .workstation-card p,
.console-page .workstation-card span,
.console-page .muted {
  color: var(--console-muted);
}

.console-page label {
  display: grid;
  min-width: 0;
  gap: 6px;
  color: #a9c4d8;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.console-page input:not([type="checkbox"]),
.console-page select,
.console-page textarea {
  width: 100%;
  min-height: 38px;
  padding: 9px 10px;
  color: #e8f7ff;
  font: inherit;
  font-size: 12px;
  background: rgba(4, 23, 39, .64);
  border: 1px solid rgba(125, 186, 224, .24);
  border-radius: 8px;
  box-shadow: none;
  color-scheme: dark;
}

.console-page textarea {
  min-height: 84px;
}

.console-page input::placeholder,
.console-page textarea::placeholder {
  color: #6f93ae;
}

.console-page input:not([type="checkbox"]):focus,
.console-page select:focus,
.console-page textarea:focus {
  border-color: var(--console-cyan);
  outline: none;
  box-shadow: 0 0 0 3px rgba(83, 214, 255, .1);
}

.console-page input[type="checkbox"] {
  accent-color: var(--console-cyan);
}

.console-page .btn {
  min-height: 38px;
  padding: 9px 12px;
  color: #dff7ff;
  font-size: 11px;
  font-weight: 800;
  background: rgba(68, 132, 180, .12);
  border: 1px solid rgba(107, 178, 224, .32);
  border-radius: 8px;
  box-shadow: none;
  transition: transform .16s ease, filter .16s ease, background .16s ease;
}

.console-page .btn.primary,
.console-page .btn.success {
  color: #05203a;
  background: linear-gradient(135deg, #59d8ff, #4c9eff);
  border-color: rgba(130, 221, 255, .72);
}

.console-page .btn.success {
  color: #eafff2;
  background: linear-gradient(135deg, #157b63, #239f72);
  border-color: rgba(109, 235, 184, .48);
}

.console-page .btn.warning {
  color: #2d2200;
  background: linear-gradient(135deg, #ffd45f, #eea42d);
  border-color: rgba(255, 210, 86, .58);
}

.console-page .btn.btn-disabled,
.console-page .btn:disabled {
  color: #89a4b8;
  cursor: not-allowed;
  background: rgba(135, 166, 188, .1);
  border-color: rgba(135, 166, 188, .18);
  filter: none;
  transform: none;
}

.console-page .btn:hover,
.console-page .workstation-actions .btn:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

.console-page .table-wrap {
  max-width: 100%;
  padding: 10px 14px 15px;
  overflow: auto;
}

.console-page table {
  width: 100%;
  color: #dceefa;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 11px;
}

.console-page th,
.console-page td {
  padding: 10px 9px;
  text-align: left;
  vertical-align: middle;
  border-radius: 0;
  border-bottom: 1px solid rgba(139, 190, 221, .13);
}

.console-page th {
  position: sticky;
  top: 0;
  z-index: 1;
  color: #91b6d1;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
  background: #0c2a46;
}

.console-page tbody td {
  color: #dceefa;
  background: transparent !important;
}

.console-page tbody tr:nth-child(even) td {
  background: rgba(74, 142, 192, .055) !important;
}

.console-page tbody tr:hover td {
  background: rgba(65, 155, 220, .1) !important;
}

.console-page td:first-child {
  color: #dceefa;
  font-weight: inherit;
}

.console-page .section-title {
  margin: 20px 0 9px;
  color: var(--console-cyan);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
}

.console-page #toast {
  color: #eaf8ff;
  background: #0d2943;
  border-color: rgba(83, 214, 255, .35);
  box-shadow: 0 18px 40px rgba(0, 5, 13, .35);
}

/* Automation */
.automation-page-shell .automation-main {
  display: grid;
  gap: 13px;
}

.automation-page-shell .ops-auto-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 11px;
}

.automation-page-shell .ops-auto-card {
  position: relative;
  min-height: 100px;
  padding: 15px 13px 15px 55px;
  overflow: hidden;
  color: var(--console-text);
  background: linear-gradient(145deg, rgba(19, 53, 84, .98), rgba(10, 35, 58, .96));
  border: 1px solid var(--console-line);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 8px 18px rgba(0, 8, 18, .14);
}

.automation-page-shell .ops-auto-card::before {
  position: absolute;
  top: 15px;
  left: 14px;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  color: var(--console-cyan);
  font-size: 16px;
  font-weight: 900;
  background: rgba(83, 214, 255, .1);
  border: 1px solid rgba(83, 214, 255, .28);
  border-radius: 9px;
  content: "◌";
}

.automation-page-shell .ops-auto-card:nth-child(2)::before { color: var(--console-blue); content: "↻"; }
.automation-page-shell .ops-auto-card:nth-child(3)::before { color: var(--console-green); content: "✓"; }
.automation-page-shell .ops-auto-card:nth-child(4)::before { color: var(--console-red); content: "!"; }
.automation-page-shell .ops-auto-card:nth-child(5)::before { color: var(--console-violet); content: "⌁"; }

.automation-page-shell .ops-auto-card span {
  display: block;
  color: var(--console-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.automation-page-shell .ops-auto-card strong {
  display: block;
  margin-top: 6px;
  color: #eaf8ff;
  font-size: clamp(20px, 1.65vw, 27px);
  line-height: 1;
  letter-spacing: -.04em;
}

.automation-page-shell .automation-settings-card,
.automation-page-shell .automation-create-card,
.automation-page-shell .automation-task-card,
.automation-page-shell .automation-detail-card {
  background:
    radial-gradient(circle at 93% 8%, rgba(83, 214, 255, .07), transparent 26%),
    linear-gradient(145deg, rgba(14, 43, 70, .98), rgba(8, 31, 53, .98));
}

.automation-page-shell .ops-auto-settings,
.automation-page-shell .ops-auto-routing,
.automation-page-shell .ops-scada-toolbar,
.automation-page-shell .ops-pronia-toolbar,
.automation-page-shell .ops-pronia-paste,
.automation-page-shell .ops-auto-form {
  gap: 10px;
}

.automation-page-shell .ops-auto-settings,
.automation-page-shell .ops-auto-routing {
  margin: 14px;
  padding: 12px;
  background: rgba(4, 20, 35, .26);
  border: 1px solid rgba(126, 190, 224, .15);
  border-radius: 9px;
}

.automation-page-shell .ops-auto-routing p {
  color: var(--console-muted);
}

.automation-page-shell .ops-auto-tabs {
  gap: 7px;
  padding: 13px 15px 0;
}

.automation-page-shell .ops-auto-tab {
  color: #a9c4d8;
  font-size: 11px;
  background: rgba(68, 132, 180, .1);
  border-color: rgba(107, 178, 224, .28);
}

.automation-page-shell .ops-auto-tab.active {
  color: #05203a;
  background: linear-gradient(135deg, #59d8ff, #4c9eff);
  border-color: rgba(130, 221, 255, .72);
}

.automation-page-shell .ops-auto-actions,
.automation-page-shell .ops-auto-actions-cell {
  padding: 0 15px 15px;
}

.automation-page-shell .ops-auto-actions input,
.automation-page-shell .ops-auto-actions select {
  max-width: 250px;
}

.automation-page-shell .ops-auto-agent {
  padding: 14px !important;
  background: rgba(4, 20, 35, .18);
}

.automation-page-shell .ops-agent-pill {
  color: #dff4ff;
  background: rgba(13, 47, 75, .78);
  border-color: rgba(121, 178, 218, .25);
}

.automation-page-shell .ops-agent-pill.online .ops-agent-dot {
  background: var(--console-green);
  box-shadow: 0 0 10px rgba(114, 230, 120, .7);
}

.automation-page-shell .ops-agent-pill.offline .ops-agent-dot { background: var(--console-red); }
.automation-page-shell .ops-agent-pill.waiting .ops-agent-dot { background: var(--console-yellow); }

.automation-page-shell .ops-time-grid {
  background: rgba(4, 20, 35, .42);
  border-color: rgba(125, 186, 224, .22);
}

.automation-page-shell .ops-scada-toolbar .ops-time-chip {
  color: #cceaff;
  background: rgba(13, 47, 75, .75);
  border-color: rgba(121, 178, 218, .22);
}

.automation-page-shell .ops-scada-total td,
.automation-page-shell .ops-produksi-total td {
  color: #e8fbff;
  background: rgba(68, 159, 205, .12) !important;
}

.automation-page-shell .ops-produksi-ps-item,
.automation-page-shell .ops-produksi-trafo-card {
  color: #dceefa;
  background: rgba(7, 31, 52, .62);
  border-color: rgba(121, 178, 218, .22);
}

.automation-page-shell .ops-produksi-ps-item span,
.automation-page-shell .ops-produksi-trafo-card dl,
.automation-page-shell .ops-task-detail dt,
.automation-page-shell .ops-auto-log-row {
  color: var(--console-muted);
}

.automation-page-shell .ops-produksi-ps-item strong,
.automation-page-shell .ops-produksi-trafo-card strong,
.automation-page-shell .ops-task-detail dd {
  color: #eaf8ff;
}

.automation-page-shell .ops-auto-log-row {
  border-bottom-color: rgba(121, 178, 218, .2);
}

.automation-page-shell .ops-status-pending { color: #ffe49a; background: rgba(255, 200, 61, .12); }
.automation-page-shell .ops-status-running { color: #a9dcff; background: rgba(79, 151, 255, .15); }
.automation-page-shell .ops-status-done { color: #a4f3b5; background: rgba(114, 230, 120, .12); }
.automation-page-shell .ops-status-error { color: #ffc2ca; background: rgba(255, 127, 141, .12); }
.automation-page-shell .ops-status-canceled { color: #a8bdcd; background: rgba(139, 171, 191, .13); }

/* Workstation */
.workstation-page-shell .workstation-main {
  display: grid;
  gap: 13px;
}

.workstation-page-shell .workstation-grid {
  grid-template-columns: minmax(300px, .92fr) minmax(360px, 1.38fr);
  gap: 13px;
}

.workstation-page-shell .workstation-card {
  padding: 17px;
}

.workstation-page-shell .workstation-card h2 {
  font-size: 18px;
}

.workstation-page-shell .workstation-card p {
  color: var(--console-muted);
  font-size: 12px;
}

.workstation-page-shell .workstation-download-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(83, 214, 255, .17), transparent 36%),
    linear-gradient(145deg, rgba(15, 52, 83, .99), rgba(8, 31, 53, .98));
}

.workstation-page-shell .workstation-benefit-card {
  background:
    radial-gradient(circle at 94% 8%, rgba(114, 230, 120, .11), transparent 32%),
    linear-gradient(145deg, rgba(12, 42, 67, .99), rgba(8, 31, 53, .98));
}

.workstation-page-shell .workstation-meta {
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(121, 178, 218, .17);
  border-radius: 9px;
}

.workstation-page-shell .workstation-meta div {
  padding: 9px 10px;
  background: rgba(4, 20, 35, .25);
  border-bottom-color: rgba(121, 178, 218, .14);
}

.workstation-page-shell .workstation-meta div:nth-child(even) {
  background: rgba(74, 142, 192, .055);
}

.workstation-page-shell .workstation-meta span {
  color: var(--console-muted);
  font-size: 9px;
}

.workstation-page-shell .workstation-meta strong {
  color: #e6f8ff;
  font-size: 11px;
}

.workstation-page-shell .workstation-steps {
  gap: 8px;
}

.workstation-page-shell .workstation-steps li {
  color: #dceefa;
  background: rgba(4, 20, 35, .24);
  border-color: rgba(121, 178, 218, .18);
  border-radius: 9px;
}

.workstation-page-shell .workstation-steps li::before {
  color: #05203a;
  background: linear-gradient(135deg, #59d8ff, #4c9eff);
  box-shadow: 0 0 14px rgba(83, 214, 255, .18);
}

.workstation-page-shell .workstation-steps strong {
  color: #effaff;
  font-size: 12px;
}

.workstation-page-shell .workstation-steps span {
  color: var(--console-muted);
  font-size: 12px;
}

.workstation-page-shell .workstation-note {
  color: #c5f6cf;
  background: rgba(39, 143, 86, .12);
  border-left-color: var(--console-green);
}

.workstation-page-shell .workstation-warning {
  color: #ffe4a4;
  background: rgba(255, 200, 61, .1);
  border-left-color: var(--console-yellow);
}

.workstation-page-shell .workstation-token {
  color: #c7ecff;
  background: rgba(3, 17, 30, .72);
  border-color: rgba(83, 214, 255, .3);
}

/* Administrator workspaces */
.admin-console-page .import-console-main,
.admin-console-page .signature-console-main,
.admin-console-page .users-console-main,
.admin-console-page .security-console-main {
  display: grid;
  gap: 13px;
}

.admin-console-page .import-upload-card,
.admin-console-page .signature-upload-card,
.admin-console-page .users-console-main > .card:first-child,
.admin-console-page .security-intro {
  background:
    radial-gradient(circle at 95% 4%, rgba(83, 214, 255, .11), transparent 31%),
    linear-gradient(145deg, rgba(14, 43, 70, .98), rgba(8, 31, 53, .98));
}

.import-console-page .import-form {
  padding: 16px;
}

.import-console-page .file-drop {
  position: relative;
  min-height: 170px;
  color: #d9f4ff;
  background:
    linear-gradient(135deg, rgba(10, 45, 73, .7), rgba(6, 28, 47, .55));
  border-color: rgba(83, 214, 255, .38);
}

.import-console-page .file-drop input {
  inset: 0;
  width: 100%;
  height: 100%;
}

.import-console-page .file-drop:hover {
  background: linear-gradient(135deg, rgba(16, 62, 96, .78), rgba(7, 37, 60, .64));
  border-color: var(--console-cyan);
}

.import-console-page .file-drop strong {
  color: #e8f8ff;
}

.import-console-page .file-drop small,
.import-console-page .import-note,
.import-console-page .import-commit-card p {
  color: var(--console-muted);
}

.import-console-page .import-summary-grid {
  gap: 11px;
}

.import-console-page .summary-card {
  min-height: 100px;
  padding: 14px;
  color: var(--console-text);
  background: linear-gradient(145deg, rgba(19, 53, 84, .98), rgba(10, 35, 58, .96));
  border-color: var(--console-line);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 8px 18px rgba(0, 8, 18, .12);
}

.import-console-page .summary-card span {
  color: var(--console-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .05em;
}

.import-console-page .summary-card strong {
  color: #eaf8ff;
  font-size: 18px;
}

.import-console-page .import-warning {
  color: #ffe6ad;
  background: rgba(255, 200, 61, .1);
  border-color: rgba(255, 200, 61, .28);
}

.import-console-page .import-status {
  border: 1px solid rgba(121, 178, 218, .17);
}

.import-console-page .status-ok { color: #a4f3b5; background: rgba(114, 230, 120, .12); }
.import-console-page .status-update { color: #a9dcff; background: rgba(79, 151, 255, .15); }
.import-console-page .status-muted { color: #adc4d5; background: rgba(139, 171, 191, .13); }

.import-console-page .import-commit-card {
  padding: 17px;
  background: rgba(6, 29, 48, .42);
  border-color: rgba(114, 230, 120, .23);
}

.import-console-page .import-result {
  margin-top: 0;
  background:
    radial-gradient(circle at 95% 8%, rgba(114, 230, 120, .1), transparent 30%),
    linear-gradient(145deg, rgba(14, 43, 70, .98), rgba(8, 31, 53, .98));
}

.import-console-page .import-result-grid div {
  color: #dff3ff;
  background: rgba(4, 20, 35, .28);
  border-color: rgba(121, 178, 218, .17);
}

.import-console-page .import-result-grid span { color: var(--console-muted); }
.import-console-page .import-result-grid strong { color: var(--console-cyan); }

.signature-console-page .signature-upload-grid {
  padding: 15px;
}

.signature-console-page .signature-preview-box {
  color: var(--console-muted);
  background: rgba(4, 20, 35, .42);
  border-color: rgba(83, 214, 255, .23);
}

.signature-console-page .signature-preview-box img,
.signature-console-page .signature-table-preview {
  background: rgba(235, 248, 255, .96);
  border-color: rgba(121, 178, 218, .2);
}

.signature-console-page .signature-library-actions .oil-delete {
  color: #ffd2d7;
  background: rgba(255, 127, 141, .1);
  border-color: rgba(255, 127, 141, .28);
}

.users-console-page .user-form-actions {
  padding: 0 15px 15px;
}

.users-console-page .user-form-actions small {
  color: var(--console-muted);
}

.users-console-page .self-badge {
  display: inline-flex;
  margin-top: 6px;
  padding: 3px 8px;
  color: #a9dcff;
  font-size: 10px;
  font-weight: 800;
  background: rgba(79, 151, 255, .14);
  border: 1px solid rgba(79, 151, 255, .3);
  border-radius: 999px;
}

.users-console-page .user-table input,
.users-console-page .user-table select {
  min-width: 130px;
  min-height: 33px;
  padding: 6px 7px;
  font-size: 11px;
}

.users-console-page .user-actions {
  gap: 6px;
}

.security-console-page .security-intro {
  padding: 17px;
}

.security-console-page .security-intro h2 {
  color: #f4fbff;
}

.security-console-page .security-intro p {
  color: var(--console-muted);
}

.security-console-page .security-grid {
  gap: 11px;
}

.security-console-page .security-check {
  min-height: 132px;
  color: var(--console-text);
  background: linear-gradient(145deg, rgba(19, 53, 84, .98), rgba(10, 35, 58, .96));
  border-color: var(--console-line);
  border-left-color: #6e94b3;
  border-radius: 10px;
}

.security-console-page .security-check.ok { border-left-color: var(--console-green); }
.security-console-page .security-check.warn { border-left-color: var(--console-yellow); }
.security-console-page .security-check span,
.security-console-page .security-check small { color: var(--console-muted); }
.security-console-page .security-check strong { color: #eaf8ff; }

.security-console-page .security-warning {
  color: #ffe6ad;
  background: rgba(255, 200, 61, .1);
  border-color: rgba(255, 200, 61, .28);
}

.security-console-page code {
  color: #a9dcff;
  background: rgba(79, 151, 255, .11);
  border-radius: 4px;
}

@media (max-width: 1480px) {
  .console-page .console-topbar {
    grid-template-columns: minmax(240px, 1fr) minmax(300px, 1fr);
  }

  .console-page .console-userbox {
    display: none;
  }

  .automation-page-shell .ops-auto-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1120px) {
  .console-page .console-topbar {
    grid-template-columns: 1fr;
  }

  .console-page .console-header-status {
    max-width: 520px;
  }

  .workstation-page-shell .workstation-grid,
  .automation-page-shell .ops-auto-routing {
    grid-template-columns: 1fr;
  }

  .automation-page-shell .ops-auto-summary,
  .import-console-page .import-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .console-page .console-topbar {
    min-height: 0;
    gap: 14px;
    padding: 17px 16px;
  }

  .console-page .console-main {
    width: min(100% - 28px, 1720px);
    padding-top: 16px;
  }

  .console-page .console-header-status {
    width: 100%;
    max-width: none;
  }

  .automation-page-shell .ops-auto-summary,
  .import-console-page .import-summary-grid,
  .import-console-page .import-result-grid,
  .security-console-page .security-grid {
    grid-template-columns: 1fr;
  }

  .automation-page-shell .ops-auto-settings,
  .automation-page-shell .ops-scada-toolbar,
  .automation-page-shell .ops-pronia-toolbar,
  .automation-page-shell .ops-pronia-paste,
  .automation-page-shell .ops-auto-form,
  .signature-console-page .signature-upload-grid,
  .users-console-page .user-create-grid {
    grid-template-columns: 1fr;
  }

  .automation-page-shell .ops-auto-actions,
  .import-console-page .import-actions,
  .import-console-page .import-commit-card,
  .security-console-page .security-intro {
    align-items: stretch;
    flex-direction: column;
  }

  .automation-page-shell .ops-auto-actions input,
  .automation-page-shell .ops-auto-actions select {
    max-width: none;
  }

  .console-page .card-head {
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
  }

  .console-page th,
  .console-page td {
    padding: 9px 7px;
  }
}

/* v4.2.1 - Size secondary consoles against the usable pane, not the browser.
   The persistent 252px sidebar means a 1536px desktop only leaves ~1284px for
   these pages. Viewport media queries alone therefore kept the desktop header
   and wide grids active after the available pane had become too narrow. */
.console-page {
  container-type: inline-size;
}

/* Keep the compact header when a wide monitor still has its usable space
   reduced by the persistent sidebar. At 1920px viewport this pane is only
   about 1650px wide, where the three-column header looks visually cramped. */
@container (max-width: 1750px) {
  .console-page .console-topbar {
    grid-template-columns: minmax(240px, 1fr) minmax(300px, 1fr);
  }

  .console-page .console-userbox {
    display: none;
  }

  .automation-page-shell .ops-auto-summary,
  .import-console-page .import-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@container (max-width: 1120px) {
  .console-page .console-topbar {
    grid-template-columns: 1fr;
  }

  .console-page .console-header-status {
    max-width: 520px;
  }

  .workstation-page-shell .workstation-grid,
  .automation-page-shell .ops-auto-routing {
    grid-template-columns: 1fr;
  }

  .automation-page-shell .ops-auto-summary,
  .import-console-page .import-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (max-width: 1000px) {
  .security-console-page .security-grid,
  .users-console-page .user-create-grid,
  .signature-console-page .signature-upload-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (max-width: 760px) {
  .console-page .console-topbar {
    min-height: 0;
    gap: 14px;
    padding: 17px 16px;
  }

  .console-page .console-main {
    width: min(100% - 28px, 1720px);
    padding-top: 16px;
  }

  .console-page .console-header-status {
    width: 100%;
    max-width: none;
  }

  .automation-page-shell .ops-auto-summary,
  .import-console-page .import-summary-grid,
  .import-console-page .import-result-grid,
  .security-console-page .security-grid,
  .signature-console-page .signature-upload-grid,
  .users-console-page .user-create-grid {
    grid-template-columns: 1fr;
  }

  .automation-page-shell .ops-auto-settings,
  .automation-page-shell .ops-scada-toolbar,
  .automation-page-shell .ops-pronia-toolbar,
  .automation-page-shell .ops-pronia-paste,
  .automation-page-shell .ops-auto-form {
    grid-template-columns: 1fr;
  }

  .automation-page-shell .ops-auto-actions,
  .import-console-page .import-actions,
  .import-console-page .import-commit-card,
  .security-console-page .security-intro {
    align-items: stretch;
    flex-direction: column;
  }

  .automation-page-shell .ops-auto-actions input,
  .automation-page-shell .ops-auto-actions select {
    max-width: none;
  }

  .console-page .card-head {
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
  }

  .console-page th,
  .console-page td {
    padding: 9px 7px;
  }
}

/* v4.3.0 - Laporan Produksi dark control room.
   The report still uses its proven form IDs and JavaScript; this layer only
   rethemes the production page and makes its dense data-entry surface adapt
   to the usable workspace beside the persistent sidebar. */
body.dashboard-sidebar-enabled:has(#engineRows) {
  --bg: #071a2c;
  --panel: #0c2944;
  --panel2: #0e314f;
  --line: rgba(122, 185, 224, .23);
  --text: #eaf6ff;
  --muted: #9cbfd8;
  --cyan: #44c8f5;
  --ink: #eaf7ff;
  --green: #41b985;
  background:
    radial-gradient(circle at 88% -10%, rgba(42, 137, 212, .19), transparent 34rem),
    linear-gradient(155deg, #07182a 0%, #091f35 52%, #071728 100%);
  color: var(--text);
}

body.dashboard-sidebar-enabled:has(#engineRows) .topbar {
  min-height: 108px;
  padding: 19px max(2.7vw, 24px);
  background:
    linear-gradient(105deg, rgba(12, 43, 70, .98), rgba(8, 31, 53, .98));
  border-bottom: 1px solid rgba(102, 184, 235, .27);
  box-shadow: 0 12px 26px rgba(0, 5, 14, .22);
}

body.dashboard-sidebar-enabled:has(#engineRows) .topbar h1 {
  color: #f4fbff;
  font-size: clamp(24px, 2vw, 31px);
}

body.dashboard-sidebar-enabled:has(#engineRows) .eyebrow {
  border-color: rgba(97, 211, 179, .38);
  background: rgba(79, 202, 167, .11);
  color: #8aefd0;
  box-shadow: inset 0 1px 0 rgba(184, 255, 231, .08);
}

body.dashboard-sidebar-enabled:has(#engineRows) .topbar .userbox {
  padding: 8px 10px;
  border-color: rgba(92, 193, 242, .29);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(24, 71, 107, .96), rgba(10, 37, 63, .98));
  box-shadow: inset 0 1px 0 rgba(182, 233, 255, .08), 0 8px 16px rgba(0, 7, 17, .16);
}

body.dashboard-sidebar-enabled:has(#engineRows) .topbar .userbox span {
  padding-left: 0;
  color: #ddecf8;
  font-size: 11px;
  font-weight: 750;
}

body.dashboard-sidebar-enabled:has(#engineRows) .topbar .userbox .btn {
  min-height: auto;
  padding: 5px 8px;
  border-color: rgba(255, 183, 183, .3);
  background: rgba(152, 45, 58, .2);
  color: #ffd5d9;
  font-size: 10px;
}

body.dashboard-sidebar-enabled:has(#engineRows) main {
  width: min(1720px, calc(100% - 48px));
  margin: 20px auto 52px;
}

body.dashboard-sidebar-enabled:has(#engineRows) .entry-guide {
  margin: 0 0 16px;
  border-color: rgba(81, 191, 246, .25);
  border-radius: 11px;
  background: linear-gradient(120deg, rgba(11, 48, 77, .98), rgba(10, 37, 63, .98));
  box-shadow: inset 0 1px 0 rgba(158, 224, 255, .06), 0 10px 22px rgba(0, 6, 17, .13);
}

body.dashboard-sidebar-enabled:has(#engineRows) .entry-guide summary {
  padding: 13px 16px;
  color: #e7f7ff;
}

body.dashboard-sidebar-enabled:has(#engineRows) .entry-guide-title {
  font-size: 14px;
}

body.dashboard-sidebar-enabled:has(#engineRows) .entry-guide-icon {
  background: linear-gradient(145deg, #35bff0, #237ccd);
  box-shadow: 0 0 0 4px rgba(55, 195, 242, .1), 0 0 15px rgba(56, 197, 244, .38);
}

body.dashboard-sidebar-enabled:has(#engineRows) .entry-guide-toggle {
  color: #77d7fb;
}

body.dashboard-sidebar-enabled:has(#engineRows) .entry-guide-body {
  border-top-color: rgba(104, 193, 239, .2);
  color: #bcd5e8;
}

body.dashboard-sidebar-enabled:has(#engineRows) .entry-guide-note {
  border-color: rgba(250, 190, 66, .27);
  background: rgba(125, 84, 15, .2);
  color: #ffe2a2;
}

body.dashboard-sidebar-enabled:has(#engineRows) .card {
  border-color: var(--line);
  background: linear-gradient(145deg, rgba(13, 43, 70, .98), rgba(8, 31, 53, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 10px 20px rgba(0, 6, 17, .14);
}

body.dashboard-sidebar-enabled:has(#engineRows) .toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px;
  overflow: visible;
  padding: 14px;
}

body.dashboard-sidebar-enabled:has(#engineRows) .toolbar > label:first-of-type {
  flex: 1 1 205px;
  max-width: 235px;
}

body.dashboard-sidebar-enabled:has(#engineRows) .toolbar > label:nth-of-type(2) {
  flex: 0 1 108px;
}

body.dashboard-sidebar-enabled:has(#engineRows) .toolbar > .btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#engineRows) label {
  color: #aed0e5;
}

body.dashboard-sidebar-enabled:has(#engineRows) input,
body.dashboard-sidebar-enabled:has(#engineRows) select,
body.dashboard-sidebar-enabled:has(#engineRows) textarea {
  border-color: rgba(112, 186, 226, .28);
  background: #09233c;
  color: #ecf8ff;
  color-scheme: dark;
}

body.dashboard-sidebar-enabled:has(#engineRows) input:hover,
body.dashboard-sidebar-enabled:has(#engineRows) select:hover,
body.dashboard-sidebar-enabled:has(#engineRows) textarea:hover {
  border-color: rgba(94, 209, 250, .62);
}

body.dashboard-sidebar-enabled:has(#engineRows) input:focus,
body.dashboard-sidebar-enabled:has(#engineRows) select:focus,
body.dashboard-sidebar-enabled:has(#engineRows) textarea:focus {
  border-color: #55d1fb;
  box-shadow: 0 0 0 3px rgba(70, 199, 244, .16);
}

body.dashboard-sidebar-enabled:has(#engineRows) input::placeholder,
body.dashboard-sidebar-enabled:has(#engineRows) textarea::placeholder {
  color: #7395ad;
}

body.dashboard-sidebar-enabled:has(#engineRows) .btn {
  border-color: rgba(113, 182, 221, .27);
  background: linear-gradient(145deg, #123a5d, #0b2b49);
  color: #dff3ff;
  box-shadow: inset 0 1px 0 rgba(191, 235, 255, .06), 0 4px 10px rgba(0, 5, 15, .13);
}

body.dashboard-sidebar-enabled:has(#engineRows) .btn:hover {
  border-color: rgba(90, 210, 250, .65);
  background: linear-gradient(145deg, #174a73, #0d3454);
  color: #ffffff;
}

body.dashboard-sidebar-enabled:has(#engineRows) .btn.primary {
  border-color: #237cad;
  background: linear-gradient(145deg, #176f9e, #114e77);
}

body.dashboard-sidebar-enabled:has(#engineRows) .btn.success,
body.dashboard-sidebar-enabled:has(#engineRows) .btn.excel-export {
  border-color: rgba(95, 222, 161, .62);
  background: linear-gradient(145deg, #278f68, #176c50);
  color: #effff6;
}

body.dashboard-sidebar-enabled:has(#engineRows) .btn.warning {
  border-color: rgba(255, 194, 60, .55);
  background: rgba(119, 80, 13, .42);
  color: #ffdf94;
}

body.dashboard-sidebar-enabled:has(#engineRows) .btn.wa,
body.dashboard-sidebar-enabled:has(#engineRows) .wa {
  border-color: rgba(82, 226, 160, .44);
  background: rgba(30, 125, 83, .26);
  color: #baf5d5;
}

body.dashboard-sidebar-enabled:has(#engineRows) .statusbar {
  margin-top: 12px;
  border: 1px solid rgba(73, 191, 239, .25);
  background: linear-gradient(105deg, #123d62, #0b2946);
  box-shadow: inset 3px 0 0 #3fc7f4, 0 8px 16px rgba(0, 6, 17, .12);
}

body.dashboard-sidebar-enabled:has(#engineRows) .statusbar strong {
  color: #f0fbff;
}

body.dashboard-sidebar-enabled:has(#engineRows) .statusbar span {
  color: #bfdbed;
}

body.dashboard-sidebar-enabled:has(#engineRows) .section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 0 10px;
  color: #82dafa;
  font-size: 11px;
  letter-spacing: .09em;
}

body.dashboard-sidebar-enabled:has(#engineRows) .section-title::after {
  content: "";
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(87, 207, 249, .36), transparent);
}

body.dashboard-sidebar-enabled:has(#engineRows) .card-head {
  border-bottom-color: rgba(117, 188, 227, .2);
  background: rgba(17, 57, 88, .46);
}

body.dashboard-sidebar-enabled:has(#engineRows) .card-head h2 {
  color: #f0f9ff;
}

body.dashboard-sidebar-enabled:has(#engineRows) .card-head span {
  color: #a9cce1;
}

body.dashboard-sidebar-enabled:has(#engineRows) .table-wrap {
  padding: 10px 12px 12px;
}

body.dashboard-sidebar-enabled:has(#engineRows) table {
  border: 1px solid rgba(119, 193, 234, .18);
  border-radius: 8px;
}

body.dashboard-sidebar-enabled:has(#engineRows) th {
  border-bottom: 1px solid rgba(120, 195, 236, .22);
  background: #103957;
  color: #a9ddf4;
}

body.dashboard-sidebar-enabled:has(#engineRows) td {
  border-bottom-color: rgba(112, 180, 218, .16);
  background: rgba(7, 30, 51, .56);
  color: #d9effb;
}

body.dashboard-sidebar-enabled:has(#engineRows) tr:hover td {
  background: rgba(23, 76, 113, .38);
}

body.dashboard-sidebar-enabled:has(#engineRows) td:first-child {
  color: #e4f7ff;
}

body.dashboard-sidebar-enabled:has(#engineRows) td input {
  min-width: 128px;
  background: rgba(7, 31, 53, .88);
}

body.dashboard-sidebar-enabled:has(#engineRows) .summary-grid {
  gap: 11px;
}

body.dashboard-sidebar-enabled:has(#engineRows) .summary-card {
  min-height: 103px;
  border: 1px solid var(--line);
  border-top: 3px solid #40c7f2;
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(15, 49, 79, .98), rgba(9, 34, 58, .98));
  box-shadow: inset 0 1px 0 rgba(218, 248, 255, .035), 0 8px 16px rgba(0, 7, 18, .13);
}

body.dashboard-sidebar-enabled:has(#engineRows) .summary-card:nth-child(2),
body.dashboard-sidebar-enabled:has(#engineRows) .summary-card:nth-child(4) {
  border-top-color: #5e9cff;
}

body.dashboard-sidebar-enabled:has(#engineRows) .summary-card:nth-child(5),
body.dashboard-sidebar-enabled:has(#engineRows) .summary-card:nth-child(6) {
  border-top-color: #ffc44d;
}

body.dashboard-sidebar-enabled:has(#engineRows) .summary-card span {
  color: #a5c9dd;
}

body.dashboard-sidebar-enabled:has(#engineRows) .summary-card strong {
  color: #f2fbff;
  font-size: clamp(22px, 1.7vw, 29px);
}

body.dashboard-sidebar-enabled:has(#engineRows) .summary-card small {
  color: #94bad1;
}

body.dashboard-sidebar-enabled:has(#engineRows) .result-list,
body.dashboard-sidebar-enabled:has(#engineRows) .trafo-result-list,
body.dashboard-sidebar-enabled:has(#engineRows) .ps-hall-result-list {
  padding: 10px;
}

body.dashboard-sidebar-enabled:has(#engineRows) .result-row,
body.dashboard-sidebar-enabled:has(#engineRows) .trafo-result-row,
body.dashboard-sidebar-enabled:has(#engineRows) .ps-hall-result-row {
  border-bottom-color: rgba(113, 183, 220, .16);
}

body.dashboard-sidebar-enabled:has(#engineRows) .trafo-result-row,
body.dashboard-sidebar-enabled:has(#engineRows) .ps-hall-result-row {
  border: 1px solid rgba(105, 188, 231, .24);
  background: linear-gradient(145deg, rgba(15, 53, 84, .98), rgba(8, 31, 53, .98));
  box-shadow: inset 0 1px 0 rgba(211, 245, 255, .035), 0 6px 13px rgba(0, 7, 18, .12);
}

body.dashboard-sidebar-enabled:has(#engineRows) .result-row strong,
body.dashboard-sidebar-enabled:has(#engineRows) .trafo-result-row strong,
body.dashboard-sidebar-enabled:has(#engineRows) .ps-hall-result-row strong {
  color: #eaf8ff;
}

body.dashboard-sidebar-enabled:has(#engineRows) .result-row span,
body.dashboard-sidebar-enabled:has(#engineRows) .trafo-result-row span,
body.dashboard-sidebar-enabled:has(#engineRows) .ps-hall-result-row span,
body.dashboard-sidebar-enabled:has(#engineRows) .trafo-result-row small,
body.dashboard-sidebar-enabled:has(#engineRows) .ps-hall-result-row small {
  color: #9ec2d8;
}

body.dashboard-sidebar-enabled:has(#engineRows) .sgc-alert {
  border-color: rgba(255, 113, 131, .38) !important;
  background: rgba(125, 34, 51, .24) !important;
}

body.dashboard-sidebar-enabled:has(#engineRows) .sgc-ok {
  border-color: rgba(88, 226, 160, .35) !important;
  background: rgba(29, 112, 76, .22) !important;
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-history-summary {
  border-bottom-color: rgba(113, 182, 219, .18);
  background: rgba(11, 41, 68, .5);
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-history-summary > div {
  border-color: rgba(111, 187, 228, .23);
  background: rgba(8, 32, 55, .7);
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-history-summary span {
  color: #9fc4da;
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-history-summary strong {
  color: #5ed4f7;
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-history-summary .history-summary-good {
  border-color: rgba(78, 219, 152, .38);
  background: rgba(24, 108, 72, .2);
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-history-summary .history-summary-good strong {
  color: #8cf0bd;
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-history-summary .history-summary-warning {
  border-color: rgba(255, 195, 78, .42);
  background: rgba(124, 83, 13, .21);
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-history-summary .history-summary-warning strong {
  color: #ffda81;
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-history-table small {
  color: #91b5ce;
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-history-row-incomplete td {
  background: rgba(102, 67, 18, .2);
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-completeness span {
  background: rgba(63, 124, 159, .27);
  color: #b9ddf1;
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-regu-badge {
  border-color: rgba(85, 194, 241, .39);
  background: rgba(38, 118, 161, .23);
  color: #9ee6ff;
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-history-status.complete {
  border-color: rgba(91, 231, 164, .43);
  background: rgba(24, 117, 78, .27);
  color: #9af2c5;
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-history-status.incomplete {
  border-color: rgba(255, 194, 81, .47);
  background: rgba(128, 85, 12, .28);
  color: #ffdb82;
}

body.dashboard-sidebar-enabled:has(#engineRows) .production-history-empty {
  color: #a8c9dc !important;
}

body.dashboard-sidebar-enabled:has(#engineRows) #toast {
  border-color: rgba(95, 211, 249, .35);
  background: #0d3455;
  color: #effaff;
}

@media screen and (max-width: 1480px) {
  body.dashboard-sidebar-enabled:has(#engineRows) main {
    width: calc(100% - 36px);
  }

  body.dashboard-sidebar-enabled:has(#engineRows) .topbar .userbox {
    display: none;
  }

  body.dashboard-sidebar-enabled:has(#engineRows) .summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media screen and (max-width: 1120px) {
  body.dashboard-sidebar-enabled:has(#engineRows) .grid.two,
  body.dashboard-sidebar-enabled:has(#engineRows) .grid.three {
    grid-template-columns: 1fr;
  }

  body.dashboard-sidebar-enabled:has(#engineRows) .summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 760px) {
  body.dashboard-sidebar-enabled:has(#engineRows) main {
    width: calc(100% - 28px);
    margin-top: 14px;
  }

  body.dashboard-sidebar-enabled:has(#engineRows) .topbar {
    min-height: 0;
    padding: 16px;
  }

  body.dashboard-sidebar-enabled:has(#engineRows) .toolbar,
  body.dashboard-sidebar-enabled:has(#engineRows) .toolbar > label:first-of-type,
  body.dashboard-sidebar-enabled:has(#engineRows) .toolbar > label:nth-of-type(2),
  body.dashboard-sidebar-enabled:has(#engineRows) .toolbar > .btn {
    width: 100%;
    max-width: none;
  }

  body.dashboard-sidebar-enabled:has(#engineRows) .summary-grid {
    grid-template-columns: 1fr;
  }

  body.dashboard-sidebar-enabled:has(#engineRows) .entry-guide-body {
    padding: 0 16px 16px;
  }
}

/* v4.3.2 - Material Requisition and Oil Filling dark operations console.
   Existing IDs, transaction flow, Maximo import, and Shift Meeting syncing stay
   untouched; this layer only scopes the control-room presentation to both forms. */
body.dashboard-sidebar-enabled:has(#mrDate),
body.dashboard-sidebar-enabled:has(#oilDate) {
  --bg: #071a2c;
  --panel: #0c2944;
  --panel2: #0e314f;
  --line: rgba(111, 190, 232, .25);
  --text: #e9f7ff;
  --muted: #9fc3da;
  background:
    radial-gradient(circle at 84% 0%, rgba(34, 104, 163, .19), transparent 31rem),
    linear-gradient(145deg, #07192c 0%, #09223b 53%, #06162a 100%);
  color: var(--text);
}

body.dashboard-sidebar-enabled:has(#mrDate) .topbar,
body.dashboard-sidebar-enabled:has(#oilDate) .topbar {
  min-height: 108px;
  padding: 19px max(2.7vw, 24px);
  background:
    linear-gradient(104deg, rgba(10, 40, 68, .98), rgba(8, 34, 59, .96)),
    radial-gradient(circle at 72% 6%, rgba(54, 151, 217, .22), transparent 27rem);
  box-shadow: 0 12px 26px rgba(0, 5, 14, .22);
}

body.dashboard-sidebar-enabled:has(#mrDate) .topbar h1,
body.dashboard-sidebar-enabled:has(#oilDate) .topbar h1 {
  color: #f4fbff;
  font-size: clamp(24px, 2vw, 31px);
}

body.dashboard-sidebar-enabled:has(#mrDate) .eyebrow,
body.dashboard-sidebar-enabled:has(#oilDate) .eyebrow {
  border-color: rgba(97, 211, 179, .38);
  background: rgba(79, 202, 167, .11);
  color: #8aefd0;
  box-shadow: inset 0 1px 0 rgba(184, 255, 231, .08);
}

body.dashboard-sidebar-enabled:has(#mrDate) .topbar .userbox,
body.dashboard-sidebar-enabled:has(#oilDate) .topbar .userbox {
  padding: 8px 10px;
  border-color: rgba(92, 193, 242, .29);
  border-radius: 10px;
  background: linear-gradient(145deg, #103b60, #0b2c4b);
  box-shadow: inset 0 1px 0 rgba(182, 233, 255, .08), 0 8px 16px rgba(0, 7, 17, .16);
}

body.dashboard-sidebar-enabled:has(#mrDate) .topbar .userbox span,
body.dashboard-sidebar-enabled:has(#oilDate) .topbar .userbox span {
  padding-left: 0;
  color: #ddecf8;
  font-size: 11px;
  font-weight: 750;
}

body.dashboard-sidebar-enabled:has(#mrDate) .topbar .userbox .btn,
body.dashboard-sidebar-enabled:has(#oilDate) .topbar .userbox .btn {
  min-height: auto;
  padding: 5px 8px;
  border-color: rgba(255, 183, 183, .3);
  background: rgba(135, 51, 66, .42);
  color: #ffdce1;
  font-size: 10px;
}

body.dashboard-sidebar-enabled:has(#mrDate) main,
body.dashboard-sidebar-enabled:has(#oilDate) main {
  width: min(1720px, calc(100% - 48px));
  margin: 20px auto 52px;
}

body.dashboard-sidebar-enabled:has(#mrDate) .entry-guide,
body.dashboard-sidebar-enabled:has(#oilDate) .entry-guide {
  margin: 0 0 16px;
  border-color: rgba(81, 191, 246, .25);
  border-radius: 11px;
  background: linear-gradient(105deg, rgba(11, 48, 79, .95), rgba(9, 35, 59, .95));
  box-shadow: inset 0 1px 0 rgba(158, 224, 255, .06), 0 10px 22px rgba(0, 6, 17, .13);
}

body.dashboard-sidebar-enabled:has(#mrDate) .entry-guide summary,
body.dashboard-sidebar-enabled:has(#oilDate) .entry-guide summary {
  padding: 13px 16px;
  color: #e7f7ff;
}

body.dashboard-sidebar-enabled:has(#mrDate) .entry-guide-title,
body.dashboard-sidebar-enabled:has(#oilDate) .entry-guide-title {
  font-size: 14px;
}

body.dashboard-sidebar-enabled:has(#mrDate) .entry-guide-icon,
body.dashboard-sidebar-enabled:has(#oilDate) .entry-guide-icon {
  background: linear-gradient(145deg, #35bff0, #237ccd);
  box-shadow: 0 0 0 4px rgba(55, 195, 242, .1), 0 0 15px rgba(56, 197, 244, .38);
}

body.dashboard-sidebar-enabled:has(#mrDate) .entry-guide-toggle,
body.dashboard-sidebar-enabled:has(#oilDate) .entry-guide-toggle {
  color: #77d7fb;
}

body.dashboard-sidebar-enabled:has(#mrDate) .entry-guide-body,
body.dashboard-sidebar-enabled:has(#oilDate) .entry-guide-body {
  border-top-color: rgba(104, 193, 239, .2);
  color: #bcd5e8;
}

body.dashboard-sidebar-enabled:has(#mrDate) .entry-guide-note,
body.dashboard-sidebar-enabled:has(#oilDate) .entry-guide-note {
  border-color: rgba(250, 190, 66, .27);
  background: rgba(125, 84, 15, .2);
  color: #ffe2a2;
}

body.dashboard-sidebar-enabled:has(#mrDate) .card,
body.dashboard-sidebar-enabled:has(#oilDate) .card {
  border-color: var(--line);
  background: linear-gradient(145deg, rgba(13, 43, 70, .98), rgba(8, 31, 53, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 10px 20px rgba(0, 6, 17, .14);
}

body.dashboard-sidebar-enabled:has(#mrDate) label,
body.dashboard-sidebar-enabled:has(#oilDate) label {
  color: #aed0e5;
}

body.dashboard-sidebar-enabled:has(#mrDate) input,
body.dashboard-sidebar-enabled:has(#mrDate) select,
body.dashboard-sidebar-enabled:has(#mrDate) textarea,
body.dashboard-sidebar-enabled:has(#oilDate) input,
body.dashboard-sidebar-enabled:has(#oilDate) select,
body.dashboard-sidebar-enabled:has(#oilDate) textarea {
  border-color: rgba(112, 186, 226, .28);
  background: #09233c;
  color: #ecf8ff;
  color-scheme: dark;
}

body.dashboard-sidebar-enabled:has(#mrDate) input:hover,
body.dashboard-sidebar-enabled:has(#mrDate) select:hover,
body.dashboard-sidebar-enabled:has(#mrDate) textarea:hover,
body.dashboard-sidebar-enabled:has(#oilDate) input:hover,
body.dashboard-sidebar-enabled:has(#oilDate) select:hover,
body.dashboard-sidebar-enabled:has(#oilDate) textarea:hover {
  border-color: rgba(94, 209, 250, .62);
}

body.dashboard-sidebar-enabled:has(#mrDate) input:focus,
body.dashboard-sidebar-enabled:has(#mrDate) select:focus,
body.dashboard-sidebar-enabled:has(#mrDate) textarea:focus,
body.dashboard-sidebar-enabled:has(#oilDate) input:focus,
body.dashboard-sidebar-enabled:has(#oilDate) select:focus,
body.dashboard-sidebar-enabled:has(#oilDate) textarea:focus {
  border-color: #55d1fb;
  box-shadow: 0 0 0 3px rgba(70, 199, 244, .16);
}

body.dashboard-sidebar-enabled:has(#mrDate) input::placeholder,
body.dashboard-sidebar-enabled:has(#mrDate) textarea::placeholder,
body.dashboard-sidebar-enabled:has(#oilDate) input::placeholder,
body.dashboard-sidebar-enabled:has(#oilDate) textarea::placeholder {
  color: #7395ad;
}

body.dashboard-sidebar-enabled:has(#mrDate) input[readonly],
body.dashboard-sidebar-enabled:has(#mrDate) input:read-only,
body.dashboard-sidebar-enabled:has(#oilDate) input[readonly],
body.dashboard-sidebar-enabled:has(#oilDate) input:read-only {
  border-color: rgba(81, 185, 223, .38);
  background: linear-gradient(145deg, #103b5b, #0b2c49) !important;
  color: #aee9ff !important;
}

body.dashboard-sidebar-enabled:has(#mrDate) input[type="file"],
body.dashboard-sidebar-enabled:has(#oilDate) input[type="file"] {
  color: #bcd9e9;
}

body.dashboard-sidebar-enabled:has(#mrDate) input[type="file"]::file-selector-button,
body.dashboard-sidebar-enabled:has(#oilDate) input[type="file"]::file-selector-button {
  margin-right: 9px;
  border: 1px solid rgba(95, 191, 235, .4);
  border-radius: 6px;
  background: #16496d;
  color: #e7f7ff;
}

body.dashboard-sidebar-enabled:has(#mrDate) .btn,
body.dashboard-sidebar-enabled:has(#oilDate) .btn {
  border-color: rgba(113, 182, 221, .27);
  background: linear-gradient(145deg, #123a5d, #0b2b49);
  color: #dff3ff;
  box-shadow: inset 0 1px 0 rgba(191, 235, 255, .06), 0 4px 10px rgba(0, 5, 15, .13);
}

body.dashboard-sidebar-enabled:has(#mrDate) .btn:hover,
body.dashboard-sidebar-enabled:has(#oilDate) .btn:hover {
  border-color: rgba(90, 210, 250, .65);
  background: linear-gradient(145deg, #174a73, #0d3454);
  color: #ffffff;
}

body.dashboard-sidebar-enabled:has(#mrDate) .btn.primary,
body.dashboard-sidebar-enabled:has(#oilDate) .btn.primary {
  border-color: #237cad;
  background: linear-gradient(145deg, #176f9e, #114e77);
}

body.dashboard-sidebar-enabled:has(#mrDate) .btn.success,
body.dashboard-sidebar-enabled:has(#mrDate) .btn.excel-export,
body.dashboard-sidebar-enabled:has(#oilDate) .btn.success,
body.dashboard-sidebar-enabled:has(#oilDate) .btn.excel-export {
  border-color: rgba(95, 222, 161, .62);
  background: linear-gradient(145deg, #278f68, #176c50);
  color: #effff6;
}

body.dashboard-sidebar-enabled:has(#mrDate) .section-title,
body.dashboard-sidebar-enabled:has(#oilDate) .section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 0 10px;
  color: #75d9fa;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
}

body.dashboard-sidebar-enabled:has(#mrDate) .section-title::after,
body.dashboard-sidebar-enabled:has(#oilDate) .section-title::after {
  content: "";
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(87, 207, 249, .36), transparent);
}

body.dashboard-sidebar-enabled:has(#mrDate) .card-head,
body.dashboard-sidebar-enabled:has(#oilDate) .card-head {
  border-bottom-color: rgba(117, 188, 227, .2);
  background: rgba(17, 57, 88, .46);
}

body.dashboard-sidebar-enabled:has(#mrDate) .card-head h2,
body.dashboard-sidebar-enabled:has(#oilDate) .card-head h2 {
  color: #f0f9ff;
}

body.dashboard-sidebar-enabled:has(#mrDate) .card-head span,
body.dashboard-sidebar-enabled:has(#mrDate) .card small,
body.dashboard-sidebar-enabled:has(#oilDate) .card-head span,
body.dashboard-sidebar-enabled:has(#oilDate) .card small {
  color: #a9cce1;
}

body.dashboard-sidebar-enabled:has(#mrDate) .table-wrap,
body.dashboard-sidebar-enabled:has(#oilDate) .table-wrap {
  padding: 10px 12px 12px;
  border-radius: 0 0 10px 10px;
  background: rgba(3, 20, 37, .16);
}

body.dashboard-sidebar-enabled:has(#mrDate) table,
body.dashboard-sidebar-enabled:has(#oilDate) table {
  border: 1px solid rgba(119, 193, 234, .18);
  border-radius: 8px;
}

body.dashboard-sidebar-enabled:has(#mrDate) th,
body.dashboard-sidebar-enabled:has(#oilDate) th {
  border-bottom: 1px solid rgba(120, 195, 236, .22);
  background: #103957;
  color: #a9ddf4;
}

body.dashboard-sidebar-enabled:has(#mrDate) td,
body.dashboard-sidebar-enabled:has(#oilDate) td {
  border-bottom-color: rgba(112, 180, 218, .16);
  background: rgba(7, 30, 51, .56);
  color: #d9effb;
}

body.dashboard-sidebar-enabled:has(#mrDate) tr:hover td,
body.dashboard-sidebar-enabled:has(#oilDate) tr:hover td {
  background: rgba(23, 76, 113, .38);
}

body.dashboard-sidebar-enabled:has(#mrDate) .table-wrap table,
body.dashboard-sidebar-enabled:has(#oilDate) .table-wrap table {
  min-width: 980px;
}

body.dashboard-sidebar-enabled:has(#mrDate) .mr-items-table {
  min-width: 1170px;
}

body.dashboard-sidebar-enabled:has(#mrDate) td input,
body.dashboard-sidebar-enabled:has(#mrDate) td select,
body.dashboard-sidebar-enabled:has(#mrDate) td textarea,
body.dashboard-sidebar-enabled:has(#oilDate) td input,
body.dashboard-sidebar-enabled:has(#oilDate) td select {
  min-width: 108px;
}

/* Material Requisition carries operational and reference information separately. */
body.dashboard-sidebar-enabled:has(#mrDate) .mr-info,
body.dashboard-sidebar-enabled:has(#oilDate) .oil-info {
  border-left: 3px solid #53dda6;
  background: linear-gradient(100deg, rgba(10, 59, 76, .98), rgba(9, 38, 61, .98));
  color: #c9f5e5;
}

body.dashboard-sidebar-enabled:has(#mrDate) .mr-info strong,
body.dashboard-sidebar-enabled:has(#oilDate) .oil-info strong {
  color: #a2f1cf;
}

body.dashboard-sidebar-enabled:has(#mrDate) .mr-maximo-import-grid,
body.dashboard-sidebar-enabled:has(#mrDate) .mr-filter-row {
  gap: 10px;
  padding: 14px;
  border-top: 1px solid rgba(104, 185, 226, .17);
}

body.dashboard-sidebar-enabled:has(#mrDate) .mr-import-result {
  border-color: rgba(85, 192, 235, .27);
  background: rgba(10, 47, 75, .7);
  color: #c6e8f8;
}

body.dashboard-sidebar-enabled:has(#mrDate) .mr-help,
body.dashboard-sidebar-enabled:has(#oilDate) .oil-help {
  color: #a5c9dd;
}

body.dashboard-sidebar-enabled:has(#mrDate) .mr-status,
body.dashboard-sidebar-enabled:has(#mrDate) .mr-sync-badge,
body.dashboard-sidebar-enabled:has(#mrDate) .mr-sync-reference {
  border: 1px solid rgba(91, 205, 167, .38);
  border-radius: 999px;
  background: rgba(30, 126, 88, .2);
  color: #acf3d0;
}

body.dashboard-sidebar-enabled:has(#mrDate) .mr-sync-reference {
  border-color: rgba(119, 181, 218, .34);
  background: rgba(53, 96, 130, .22);
  color: #b9dff3;
}

body.dashboard-sidebar-enabled:has(#mrDate) .mr-action-delete,
body.dashboard-sidebar-enabled:has(#oilDate) .oil-delete {
  border-color: rgba(255, 125, 143, .44) !important;
  background: rgba(126, 42, 58, .32) !important;
  color: #ffd7df !important;
}

body.dashboard-sidebar-enabled:has(#mrDate) .mr-history-summary {
  border-color: rgba(82, 196, 239, .28);
  background: rgba(10, 44, 70, .74);
  color: #c9e8f7;
}

/* Oil Filling emphasizes the latest stand and separates the calculated total. */
body.dashboard-sidebar-enabled:has(#oilDate) .oil-last-badge {
  min-width: 174px;
  border: 1px solid rgba(81, 201, 241, .36);
  border-radius: 10px;
  background: linear-gradient(145deg, #123f62, #0c2e4e);
  box-shadow: inset 0 1px 0 rgba(175, 235, 255, .08), 0 8px 16px rgba(0, 7, 17, .14);
}

body.dashboard-sidebar-enabled:has(#oilDate) .oil-last-badge strong {
  color: #75dafb;
}

body.dashboard-sidebar-enabled:has(#oilDate) .oil-last-badge span,
body.dashboard-sidebar-enabled:has(#oilDate) .oil-last-badge small {
  color: #a9cce1;
}

body.dashboard-sidebar-enabled:has(#oilDate) .oil-warning {
  border-color: rgba(255, 187, 79, .4);
  background: rgba(113, 74, 12, .2);
  color: #ffe2a4;
}

body.dashboard-sidebar-enabled:has(#mrDate) .admin-edit-banner,
body.dashboard-sidebar-enabled:has(#oilDate) .admin-edit-banner {
  border-color: rgba(255, 193, 77, .42);
  background: linear-gradient(105deg, rgba(105, 69, 13, .34), rgba(69, 47, 13, .24));
  color: #ffe0a0;
}

body.dashboard-sidebar-enabled:has(#mrDate) .form-grid,
body.dashboard-sidebar-enabled:has(#oilDate) .form-grid {
  gap: 12px;
}

body.dashboard-sidebar-enabled:has(#mrDate) .history-action-buttons,
body.dashboard-sidebar-enabled:has(#mrDate) .modal-actions,
body.dashboard-sidebar-enabled:has(#oilDate) .history-action-buttons,
body.dashboard-sidebar-enabled:has(#oilDate) .modal-actions {
  gap: 9px;
}

@media screen and (max-width: 1480px) {
  body.dashboard-sidebar-enabled:has(#mrDate) main,
  body.dashboard-sidebar-enabled:has(#oilDate) main {
    width: calc(100% - 36px);
  }

  body.dashboard-sidebar-enabled:has(#mrDate) .topbar .userbox,
  body.dashboard-sidebar-enabled:has(#oilDate) .topbar .userbox {
    display: none;
  }
}

@media screen and (max-width: 1120px) {
  body.dashboard-sidebar-enabled:has(#mrDate) .mr-grid,
  body.dashboard-sidebar-enabled:has(#oilDate) .oil-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 760px) {
  body.dashboard-sidebar-enabled:has(#mrDate) main,
  body.dashboard-sidebar-enabled:has(#oilDate) main {
    width: calc(100% - 28px);
    margin-top: 14px;
  }

  body.dashboard-sidebar-enabled:has(#mrDate) .topbar,
  body.dashboard-sidebar-enabled:has(#oilDate) .topbar {
    min-height: 0;
    padding: 16px;
  }

  body.dashboard-sidebar-enabled:has(#mrDate) .mr-grid,
  body.dashboard-sidebar-enabled:has(#oilDate) .oil-meta-grid {
    grid-template-columns: 1fr;
  }

  body.dashboard-sidebar-enabled:has(#mrDate) .entry-guide-body,
  body.dashboard-sidebar-enabled:has(#oilDate) .entry-guide-body {
    padding: 0 16px 16px;
  }
}

/* v4.3.1 - Logsheet Ringkas and War Room dark operations console.
   These legacy forms keep their existing IDs and JavaScript.  The scope below
   only rethemes their dense operational data surface. */
body.dashboard-sidebar-enabled:has(#compactRows),
body.dashboard-sidebar-enabled:has(#warRows) {
  --bg: #071a2c;
  --panel: #0c2944;
  --panel2: #0e314f;
  --line: rgba(111, 190, 232, .25);
  --text: #e9f7ff;
  --muted: #9fc3da;
  background:
    radial-gradient(circle at 84% 0%, rgba(34, 104, 163, .19), transparent 31rem),
    linear-gradient(145deg, #07192c 0%, #09223b 53%, #06162a 100%);
  color: var(--text);
}

body.dashboard-sidebar-enabled:has(#compactRows) .topbar,
body.dashboard-sidebar-enabled:has(#warRows) .topbar {
  min-height: 108px;
  padding: 19px max(2.7vw, 24px);
  background:
    linear-gradient(104deg, rgba(10, 40, 68, .98), rgba(8, 34, 59, .96)),
    radial-gradient(circle at 72% 6%, rgba(54, 151, 217, .22), transparent 27rem);
  box-shadow: 0 12px 26px rgba(0, 5, 14, .22);
}

body.dashboard-sidebar-enabled:has(#compactRows) .topbar h1,
body.dashboard-sidebar-enabled:has(#warRows) .topbar h1 {
  color: #f4fbff;
  font-size: clamp(24px, 2vw, 31px);
}

body.dashboard-sidebar-enabled:has(#compactRows) .eyebrow,
body.dashboard-sidebar-enabled:has(#warRows) .eyebrow {
  border-color: rgba(97, 211, 179, .38);
  background: rgba(79, 202, 167, .11);
  color: #8aefd0;
  box-shadow: inset 0 1px 0 rgba(184, 255, 231, .08);
}

body.dashboard-sidebar-enabled:has(#compactRows) .topbar .userbox,
body.dashboard-sidebar-enabled:has(#warRows) .topbar .userbox {
  padding: 8px 10px;
  border-color: rgba(92, 193, 242, .29);
  border-radius: 10px;
  background: linear-gradient(145deg, #103b60, #0b2c4b);
  box-shadow: inset 0 1px 0 rgba(182, 233, 255, .08), 0 8px 16px rgba(0, 7, 17, .16);
}

body.dashboard-sidebar-enabled:has(#compactRows) .topbar .userbox span,
body.dashboard-sidebar-enabled:has(#warRows) .topbar .userbox span {
  padding-left: 0;
  color: #ddecf8;
  font-size: 11px;
  font-weight: 750;
}

body.dashboard-sidebar-enabled:has(#compactRows) .topbar .userbox .btn,
body.dashboard-sidebar-enabled:has(#warRows) .topbar .userbox .btn {
  min-height: auto;
  padding: 5px 8px;
  border-color: rgba(255, 183, 183, .3);
  background: rgba(135, 51, 66, .42);
  color: #ffdce1;
  font-size: 10px;
}

body.dashboard-sidebar-enabled:has(#compactRows) main,
body.dashboard-sidebar-enabled:has(#warRows) main {
  width: min(1720px, calc(100% - 48px));
  margin: 20px auto 52px;
}

body.dashboard-sidebar-enabled:has(#compactRows) .entry-guide,
body.dashboard-sidebar-enabled:has(#warRows) .entry-guide {
  margin: 0 0 16px;
  border-color: rgba(81, 191, 246, .25);
  border-radius: 11px;
  background: linear-gradient(105deg, rgba(11, 48, 79, .95), rgba(9, 35, 59, .95));
  box-shadow: inset 0 1px 0 rgba(158, 224, 255, .06), 0 10px 22px rgba(0, 6, 17, .13);
}

body.dashboard-sidebar-enabled:has(#compactRows) .entry-guide summary,
body.dashboard-sidebar-enabled:has(#warRows) .entry-guide summary {
  padding: 13px 16px;
  color: #e7f7ff;
}

body.dashboard-sidebar-enabled:has(#compactRows) .entry-guide-title,
body.dashboard-sidebar-enabled:has(#warRows) .entry-guide-title {
  font-size: 14px;
}

body.dashboard-sidebar-enabled:has(#compactRows) .entry-guide-icon,
body.dashboard-sidebar-enabled:has(#warRows) .entry-guide-icon {
  background: linear-gradient(145deg, #35bff0, #237ccd);
  box-shadow: 0 0 0 4px rgba(55, 195, 242, .1), 0 0 15px rgba(56, 197, 244, .38);
}

body.dashboard-sidebar-enabled:has(#compactRows) .entry-guide-toggle,
body.dashboard-sidebar-enabled:has(#warRows) .entry-guide-toggle {
  color: #77d7fb;
}

body.dashboard-sidebar-enabled:has(#compactRows) .entry-guide-body,
body.dashboard-sidebar-enabled:has(#warRows) .entry-guide-body {
  border-top-color: rgba(104, 193, 239, .2);
  color: #bcd5e8;
}

body.dashboard-sidebar-enabled:has(#compactRows) .entry-guide-note,
body.dashboard-sidebar-enabled:has(#warRows) .entry-guide-note {
  border-color: rgba(250, 190, 66, .27);
  background: rgba(125, 84, 15, .2);
  color: #ffe2a2;
}

body.dashboard-sidebar-enabled:has(#compactRows) .card,
body.dashboard-sidebar-enabled:has(#warRows) .card {
  border-color: var(--line);
  background: linear-gradient(145deg, rgba(13, 43, 70, .98), rgba(8, 31, 53, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 10px 20px rgba(0, 6, 17, .14);
}

body.dashboard-sidebar-enabled:has(#compactRows) label,
body.dashboard-sidebar-enabled:has(#warRows) label {
  color: #aed0e5;
}

body.dashboard-sidebar-enabled:has(#compactRows) input,
body.dashboard-sidebar-enabled:has(#compactRows) select,
body.dashboard-sidebar-enabled:has(#compactRows) textarea,
body.dashboard-sidebar-enabled:has(#warRows) input,
body.dashboard-sidebar-enabled:has(#warRows) select,
body.dashboard-sidebar-enabled:has(#warRows) textarea {
  border-color: rgba(112, 186, 226, .28);
  background: #09233c;
  color: #ecf8ff;
  color-scheme: dark;
}

body.dashboard-sidebar-enabled:has(#compactRows) input:hover,
body.dashboard-sidebar-enabled:has(#compactRows) select:hover,
body.dashboard-sidebar-enabled:has(#compactRows) textarea:hover,
body.dashboard-sidebar-enabled:has(#warRows) input:hover,
body.dashboard-sidebar-enabled:has(#warRows) select:hover,
body.dashboard-sidebar-enabled:has(#warRows) textarea:hover {
  border-color: rgba(94, 209, 250, .62);
}

body.dashboard-sidebar-enabled:has(#compactRows) input:focus,
body.dashboard-sidebar-enabled:has(#compactRows) select:focus,
body.dashboard-sidebar-enabled:has(#compactRows) textarea:focus,
body.dashboard-sidebar-enabled:has(#warRows) input:focus,
body.dashboard-sidebar-enabled:has(#warRows) select:focus,
body.dashboard-sidebar-enabled:has(#warRows) textarea:focus {
  border-color: #55d1fb;
  box-shadow: 0 0 0 3px rgba(70, 199, 244, .16);
}

body.dashboard-sidebar-enabled:has(#compactRows) input::placeholder,
body.dashboard-sidebar-enabled:has(#compactRows) textarea::placeholder,
body.dashboard-sidebar-enabled:has(#warRows) input::placeholder,
body.dashboard-sidebar-enabled:has(#warRows) textarea::placeholder {
  color: #7395ad;
}

body.dashboard-sidebar-enabled:has(#compactRows) .btn,
body.dashboard-sidebar-enabled:has(#warRows) .btn {
  border-color: rgba(113, 182, 221, .27);
  background: linear-gradient(145deg, #123a5d, #0b2b49);
  color: #dff3ff;
  box-shadow: inset 0 1px 0 rgba(191, 235, 255, .06), 0 4px 10px rgba(0, 5, 15, .13);
}

body.dashboard-sidebar-enabled:has(#compactRows) .btn:hover,
body.dashboard-sidebar-enabled:has(#warRows) .btn:hover {
  border-color: rgba(90, 210, 250, .65);
  background: linear-gradient(145deg, #174a73, #0d3454);
  color: #ffffff;
}

body.dashboard-sidebar-enabled:has(#compactRows) .btn.primary,
body.dashboard-sidebar-enabled:has(#warRows) .btn.primary {
  border-color: #237cad;
  background: linear-gradient(145deg, #176f9e, #114e77);
}

body.dashboard-sidebar-enabled:has(#compactRows) .btn.success,
body.dashboard-sidebar-enabled:has(#compactRows) .btn.excel-export,
body.dashboard-sidebar-enabled:has(#warRows) .btn.success,
body.dashboard-sidebar-enabled:has(#warRows) .btn.excel-export {
  border-color: rgba(95, 222, 161, .62);
  background: linear-gradient(145deg, #278f68, #176c50);
  color: #effff6;
}

body.dashboard-sidebar-enabled:has(#compactRows) .btn.warning,
body.dashboard-sidebar-enabled:has(#warRows) .btn.warning {
  border-color: rgba(255, 194, 60, .55);
  background: rgba(119, 80, 13, .42);
  color: #ffdf94;
}

body.dashboard-sidebar-enabled:has(#compactRows) .btn.danger,
body.dashboard-sidebar-enabled:has(#warRows) .btn.danger {
  border-color: rgba(255, 128, 144, .48);
  background: rgba(124, 43, 58, .38);
  color: #ffdce1;
}

body.dashboard-sidebar-enabled:has(#compactRows) .section-title,
body.dashboard-sidebar-enabled:has(#warRows) .section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 0 10px;
  color: #75d9fa;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
}

body.dashboard-sidebar-enabled:has(#compactRows) .section-title::after,
body.dashboard-sidebar-enabled:has(#warRows) .section-title::after {
  content: "";
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(87, 207, 249, .36), transparent);
}

body.dashboard-sidebar-enabled:has(#compactRows) .card-head,
body.dashboard-sidebar-enabled:has(#warRows) .card-head {
  border-bottom-color: rgba(117, 188, 227, .2);
  background: rgba(17, 57, 88, .46);
}

body.dashboard-sidebar-enabled:has(#compactRows) .card-head h2,
body.dashboard-sidebar-enabled:has(#warRows) .card-head h2 {
  color: #f0f9ff;
}

body.dashboard-sidebar-enabled:has(#compactRows) .card-head span,
body.dashboard-sidebar-enabled:has(#warRows) .card-head span,
body.dashboard-sidebar-enabled:has(#compactRows) .card small,
body.dashboard-sidebar-enabled:has(#warRows) .card small {
  color: #a9cce1;
}

body.dashboard-sidebar-enabled:has(#compactRows) .table-wrap,
body.dashboard-sidebar-enabled:has(#warRows) .table-wrap {
  padding: 10px 12px 12px;
  border-radius: 0 0 10px 10px;
  background: rgba(3, 20, 37, .16);
}

body.dashboard-sidebar-enabled:has(#compactRows) table,
body.dashboard-sidebar-enabled:has(#warRows) table {
  border: 1px solid rgba(119, 193, 234, .18);
  border-radius: 8px;
}

body.dashboard-sidebar-enabled:has(#compactRows) th,
body.dashboard-sidebar-enabled:has(#warRows) th {
  border-bottom: 1px solid rgba(120, 195, 236, .22);
  background: #103957;
  color: #a9ddf4;
}

body.dashboard-sidebar-enabled:has(#compactRows) td,
body.dashboard-sidebar-enabled:has(#warRows) td {
  border-bottom-color: rgba(112, 180, 218, .16);
  background: rgba(7, 30, 51, .56);
  color: #d9effb;
}

body.dashboard-sidebar-enabled:has(#compactRows) tr:hover td,
body.dashboard-sidebar-enabled:has(#warRows) tr:hover td {
  background: rgba(23, 76, 113, .38);
}

/* Logsheet Ringkas: a compact live-input grid with clearly readable unit rows. */
body.dashboard-sidebar-enabled:has(#compactRows) .ops-toolbar,
body.dashboard-sidebar-enabled:has(#compactRows) .war-toolbar,
body.dashboard-sidebar-enabled:has(#warRows) .ops-toolbar,
body.dashboard-sidebar-enabled:has(#warRows) .war-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px;
  padding: 14px;
}

body.dashboard-sidebar-enabled:has(#compactRows) .ops-toolbar > label,
body.dashboard-sidebar-enabled:has(#compactRows) .war-toolbar > label,
body.dashboard-sidebar-enabled:has(#warRows) .ops-toolbar > label,
body.dashboard-sidebar-enabled:has(#warRows) .war-toolbar > label {
  flex: 1 1 150px;
  min-width: 0;
}

body.dashboard-sidebar-enabled:has(#compactRows) .ops-toolbar > .btn,
body.dashboard-sidebar-enabled:has(#compactRows) .war-toolbar > .btn,
body.dashboard-sidebar-enabled:has(#warRows) .ops-toolbar > .btn,
body.dashboard-sidebar-enabled:has(#warRows) .war-toolbar > .btn {
  flex: 0 1 auto;
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#compactRows) .ops-table {
  min-width: 1160px;
}

body.dashboard-sidebar-enabled:has(#compactRows) .ops-table th {
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#compactRows) .ops-table td:first-child {
  min-width: 128px;
  color: #e7f7ff;
  font-weight: 750;
}

body.dashboard-sidebar-enabled:has(#compactRows) .ops-unit {
  color: #8ee8c9;
  font-weight: 800;
  letter-spacing: .03em;
}

body.dashboard-sidebar-enabled:has(#compactRows) .ops-table td input,
body.dashboard-sidebar-enabled:has(#compactRows) .ops-table td textarea {
  min-width: 98px;
  background: rgba(7, 31, 53, .9);
}

body.dashboard-sidebar-enabled:has(#compactRows) .ops-table td .cp-note {
  min-width: 185px;
}

body.dashboard-sidebar-enabled:has(#compactRows) .ops-badge,
body.dashboard-sidebar-enabled:has(#warRows) .war-badge {
  border: 1px solid rgba(79, 207, 164, .42);
  border-radius: 999px;
  background: rgba(35, 130, 91, .19);
  color: #a6f4d0;
  box-shadow: inset 0 1px 0 rgba(175, 255, 216, .08);
}

body.dashboard-sidebar-enabled:has(#compactRows) .ops-import-card,
body.dashboard-sidebar-enabled:has(#warRows) .ops-import-card {
  overflow: hidden;
}

body.dashboard-sidebar-enabled:has(#compactRows) .ops-import-grid,
body.dashboard-sidebar-enabled:has(#warRows) .ops-import-grid {
  gap: 12px;
  padding: 14px;
  border-top: 1px solid rgba(104, 185, 226, .17);
}

body.dashboard-sidebar-enabled:has(#compactRows) .ops-import-result,
body.dashboard-sidebar-enabled:has(#warRows) .ops-import-result {
  border-color: rgba(85, 192, 235, .27);
  background: rgba(10, 47, 75, .7);
  color: #c6e8f8;
}

body.dashboard-sidebar-enabled:has(#compactRows) .ops-filter,
body.dashboard-sidebar-enabled:has(#compactRows) .ops-history-actions,
body.dashboard-sidebar-enabled:has(#warRows) .ops-filter,
body.dashboard-sidebar-enabled:has(#warRows) .ops-history-actions {
  gap: 9px;
}

/* War Room: automatic snapshots remain blue, while manual fields stand out. */
body.dashboard-sidebar-enabled:has(#warRows) .war-table {
  min-width: 2460px;
}

body.dashboard-sidebar-enabled:has(#warRows) .war-table th {
  white-space: nowrap;
  font-size: 10px;
}

body.dashboard-sidebar-enabled:has(#warRows) .war-table td {
  min-width: 92px;
}

body.dashboard-sidebar-enabled:has(#warRows) .war-table th.war-group-cooling {
  border-color: rgba(74, 205, 245, .45);
  background: linear-gradient(145deg, #155b82, #103d61);
  color: #c9f3ff;
}

body.dashboard-sidebar-enabled:has(#warRows) .war-table th.war-group-turbo {
  border-color: rgba(133, 138, 255, .42);
  background: linear-gradient(145deg, #373d83, #232c62);
  color: #e0e3ff;
}

body.dashboard-sidebar-enabled:has(#warRows) .war-table .war-auto,
body.dashboard-sidebar-enabled:has(#warRows) .war-table .auto-power,
body.dashboard-sidebar-enabled:has(#warRows) .war-table .auto-energy,
body.dashboard-sidebar-enabled:has(#warRows) .war-table .auto-gas {
  border-color: rgba(74, 193, 237, .42);
  background: linear-gradient(145deg, #103b5b, #0b2c49) !important;
  color: #aee9ff !important;
  box-shadow: inset 0 1px 0 rgba(180, 239, 255, .075);
}

body.dashboard-sidebar-enabled:has(#warRows) .war-table .war-manual {
  border-color: rgba(93, 206, 172, .38);
  background: linear-gradient(145deg, #0b374c, #082d43);
  color: #e7fff5;
}

body.dashboard-sidebar-enabled:has(#warRows) .war-table .war-manual:focus {
  border-color: #64e4bd;
  box-shadow: 0 0 0 3px rgba(82, 221, 179, .15);
}

body.dashboard-sidebar-enabled:has(#warRows) .war-table td:first-child {
  min-width: 112px;
  color: #e5f7ff;
  font-weight: 800;
}

body.dashboard-sidebar-enabled:has(#warRows) .war-table td:nth-child(2) {
  min-width: 128px;
  color: #9ac6dc;
}

@media screen and (max-width: 1480px) {
  body.dashboard-sidebar-enabled:has(#compactRows) main,
  body.dashboard-sidebar-enabled:has(#warRows) main {
    width: calc(100% - 36px);
  }

  body.dashboard-sidebar-enabled:has(#compactRows) .topbar .userbox,
  body.dashboard-sidebar-enabled:has(#warRows) .topbar .userbox {
    display: none;
  }
}

@media screen and (max-width: 1120px) {
  body.dashboard-sidebar-enabled:has(#compactRows) .ops-toolbar > label,
  body.dashboard-sidebar-enabled:has(#compactRows) .war-toolbar > label,
  body.dashboard-sidebar-enabled:has(#warRows) .ops-toolbar > label,
  body.dashboard-sidebar-enabled:has(#warRows) .war-toolbar > label {
    flex-basis: calc(50% - 10px);
  }
}

@media screen and (max-width: 760px) {
  body.dashboard-sidebar-enabled:has(#compactRows) main,
  body.dashboard-sidebar-enabled:has(#warRows) main {
    width: calc(100% - 28px);
    margin-top: 14px;
  }

  body.dashboard-sidebar-enabled:has(#compactRows) .topbar,
  body.dashboard-sidebar-enabled:has(#warRows) .topbar {
    min-height: 0;
    padding: 16px;
  }

  body.dashboard-sidebar-enabled:has(#compactRows) .ops-toolbar > *,
  body.dashboard-sidebar-enabled:has(#compactRows) .war-toolbar > *,
  body.dashboard-sidebar-enabled:has(#warRows) .ops-toolbar > *,
  body.dashboard-sidebar-enabled:has(#warRows) .war-toolbar > * {
    width: 100%;
    max-width: none;
    flex-basis: 100%;
  }

  body.dashboard-sidebar-enabled:has(#compactRows) .entry-guide-body,
  body.dashboard-sidebar-enabled:has(#warRows) .entry-guide-body {
    padding: 0 16px 16px;
  }
}

/* v4.3.3 - LOTO and Service Request dark safety/work-order console.
   Existing forms, log-book import, Maximo sync, auto-sync, and history actions
   keep their original IDs and JavaScript; this is a presentation-only layer. */
body.dashboard-sidebar-enabled:has(#lotoCreateType),
body.dashboard-sidebar-enabled:has(#srqDate) {
  --ops-bg: #071a2c;
  --ops-panel: #0c2944;
  --ops-panel-deep: #09223a;
  --ops-line: rgba(111, 190, 232, .25);
  --ops-text: #e9f7ff;
  --ops-muted: #9fc3da;
  background:
    radial-gradient(circle at 86% 0%, rgba(37, 114, 176, .19), transparent 31rem),
    linear-gradient(145deg, #07192c 0%, #09223b 53%, #06162a 100%);
  color: var(--ops-text);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) {
  background:
    radial-gradient(circle at 92% 1%, rgba(200, 135, 35, .12), transparent 28rem),
    radial-gradient(circle at 15% 0%, rgba(37, 114, 176, .18), transparent 31rem),
    linear-gradient(145deg, #07192c 0%, #09223b 53%, #06162a 100%);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .topbar,
body.dashboard-sidebar-enabled:has(#srqDate) .topbar {
  min-height: 108px;
  padding: 19px max(2.7vw, 24px);
  background:
    linear-gradient(104deg, rgba(10, 40, 68, .98), rgba(8, 34, 59, .96)),
    radial-gradient(circle at 72% 6%, rgba(54, 151, 217, .22), transparent 27rem);
  box-shadow: 0 12px 26px rgba(0, 5, 14, .22);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .topbar h1,
body.dashboard-sidebar-enabled:has(#srqDate) .topbar h1 {
  color: #f4fbff;
  font-size: clamp(24px, 2vw, 31px);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .eyebrow,
body.dashboard-sidebar-enabled:has(#srqDate) .eyebrow {
  border-color: rgba(97, 211, 179, .38);
  background: rgba(79, 202, 167, .11);
  color: #8aefd0;
  box-shadow: inset 0 1px 0 rgba(184, 255, 231, .08);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .topbar .userbox,
body.dashboard-sidebar-enabled:has(#srqDate) .topbar .userbox {
  padding: 8px 10px;
  border-color: rgba(92, 193, 242, .29);
  border-radius: 10px;
  background: linear-gradient(145deg, #103b60, #0b2c4b);
  box-shadow: inset 0 1px 0 rgba(182, 233, 255, .08), 0 8px 16px rgba(0, 7, 17, .16);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .topbar .userbox span,
body.dashboard-sidebar-enabled:has(#srqDate) .topbar .userbox span {
  padding-left: 0;
  color: #ddecf8;
  font-size: 11px;
  font-weight: 750;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .topbar .userbox .btn,
body.dashboard-sidebar-enabled:has(#srqDate) .topbar .userbox .btn {
  min-height: auto;
  padding: 5px 8px;
  border-color: rgba(255, 183, 183, .3);
  background: rgba(135, 51, 66, .42);
  color: #ffdce1;
  font-size: 10px;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) main,
body.dashboard-sidebar-enabled:has(#srqDate) main {
  width: min(1720px, calc(100% - 48px));
  margin: 20px auto 52px;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .entry-guide,
body.dashboard-sidebar-enabled:has(#srqDate) .entry-guide {
  margin: 0 0 16px;
  border-color: rgba(81, 191, 246, .25);
  border-radius: 11px;
  background: linear-gradient(105deg, rgba(11, 48, 79, .95), rgba(9, 35, 59, .95));
  box-shadow: inset 0 1px 0 rgba(158, 224, 255, .06), 0 10px 22px rgba(0, 6, 17, .13);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .entry-guide summary,
body.dashboard-sidebar-enabled:has(#srqDate) .entry-guide summary {
  padding: 13px 16px;
  color: #e7f7ff;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .entry-guide-title,
body.dashboard-sidebar-enabled:has(#srqDate) .entry-guide-title {
  font-size: 14px;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .entry-guide-icon,
body.dashboard-sidebar-enabled:has(#srqDate) .entry-guide-icon {
  background: linear-gradient(145deg, #35bff0, #237ccd);
  box-shadow: 0 0 0 4px rgba(55, 195, 242, .1), 0 0 15px rgba(56, 197, 244, .38);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .entry-guide-toggle,
body.dashboard-sidebar-enabled:has(#srqDate) .entry-guide-toggle {
  color: #77d7fb;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .entry-guide-body,
body.dashboard-sidebar-enabled:has(#srqDate) .entry-guide-body {
  border-top-color: rgba(104, 193, 239, .2);
  color: #bcd5e8;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .entry-guide-note,
body.dashboard-sidebar-enabled:has(#srqDate) .entry-guide-note {
  border-color: rgba(250, 190, 66, .27);
  background: rgba(125, 84, 15, .2);
  color: #ffe2a2;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .card,
body.dashboard-sidebar-enabled:has(#srqDate) .card {
  min-width: 0;
  border-color: var(--ops-line);
  background: linear-gradient(145deg, rgba(13, 43, 70, .98), rgba(8, 31, 53, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 10px 20px rgba(0, 6, 17, .14);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) label,
body.dashboard-sidebar-enabled:has(#srqDate) label {
  color: #aed0e5;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) input,
body.dashboard-sidebar-enabled:has(#lotoCreateType) select,
body.dashboard-sidebar-enabled:has(#lotoCreateType) textarea,
body.dashboard-sidebar-enabled:has(#srqDate) input,
body.dashboard-sidebar-enabled:has(#srqDate) select,
body.dashboard-sidebar-enabled:has(#srqDate) textarea {
  border-color: rgba(112, 186, 226, .28);
  background: #09233c;
  color: #ecf8ff;
  color-scheme: dark;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) input:hover,
body.dashboard-sidebar-enabled:has(#lotoCreateType) select:hover,
body.dashboard-sidebar-enabled:has(#lotoCreateType) textarea:hover,
body.dashboard-sidebar-enabled:has(#srqDate) input:hover,
body.dashboard-sidebar-enabled:has(#srqDate) select:hover,
body.dashboard-sidebar-enabled:has(#srqDate) textarea:hover {
  border-color: rgba(94, 209, 250, .62);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) input:focus,
body.dashboard-sidebar-enabled:has(#lotoCreateType) select:focus,
body.dashboard-sidebar-enabled:has(#lotoCreateType) textarea:focus,
body.dashboard-sidebar-enabled:has(#srqDate) input:focus,
body.dashboard-sidebar-enabled:has(#srqDate) select:focus,
body.dashboard-sidebar-enabled:has(#srqDate) textarea:focus {
  border-color: #55d1fb;
  box-shadow: 0 0 0 3px rgba(70, 199, 244, .16);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) input::placeholder,
body.dashboard-sidebar-enabled:has(#lotoCreateType) textarea::placeholder,
body.dashboard-sidebar-enabled:has(#srqDate) input::placeholder,
body.dashboard-sidebar-enabled:has(#srqDate) textarea::placeholder {
  color: #7395ad;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) input[readonly],
body.dashboard-sidebar-enabled:has(#lotoCreateType) input:read-only,
body.dashboard-sidebar-enabled:has(#srqDate) input[readonly],
body.dashboard-sidebar-enabled:has(#srqDate) input:read-only {
  border-color: rgba(81, 185, 223, .38);
  background: linear-gradient(145deg, #103b5b, #0b2c49) !important;
  color: #aee9ff !important;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) input[type="file"] {
  color: #bcd9e9;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) input[type="file"]::file-selector-button {
  margin-right: 9px;
  border: 1px solid rgba(95, 191, 235, .4);
  border-radius: 6px;
  background: #16496d;
  color: #e7f7ff;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .btn,
body.dashboard-sidebar-enabled:has(#srqDate) .btn {
  border-color: rgba(113, 182, 221, .27);
  background: linear-gradient(145deg, #123a5d, #0b2b49);
  color: #dff3ff;
  box-shadow: inset 0 1px 0 rgba(191, 235, 255, .06), 0 4px 10px rgba(0, 5, 15, .13);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .btn:hover,
body.dashboard-sidebar-enabled:has(#srqDate) .btn:hover {
  border-color: rgba(90, 210, 250, .65);
  background: linear-gradient(145deg, #174a73, #0d3454);
  color: #ffffff;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .btn.primary,
body.dashboard-sidebar-enabled:has(#srqDate) .btn.primary {
  border-color: #237cad;
  background: linear-gradient(145deg, #176f9e, #114e77);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .btn.success,
body.dashboard-sidebar-enabled:has(#lotoCreateType) .btn.excel-export,
body.dashboard-sidebar-enabled:has(#srqDate) .btn.success,
body.dashboard-sidebar-enabled:has(#srqDate) .btn.excel-export {
  border-color: rgba(95, 222, 161, .62);
  background: linear-gradient(145deg, #278f68, #176c50);
  color: #effff6;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .section-title,
body.dashboard-sidebar-enabled:has(#srqDate) .section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 0 10px;
  color: #75d9fa;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .section-title::after,
body.dashboard-sidebar-enabled:has(#srqDate) .section-title::after {
  content: "";
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(87, 207, 249, .36), transparent);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .card-head,
body.dashboard-sidebar-enabled:has(#srqDate) .card-head {
  border-bottom-color: rgba(117, 188, 227, .2);
  background: rgba(17, 57, 88, .46);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .card-head h2,
body.dashboard-sidebar-enabled:has(#srqDate) .card-head h2 {
  color: #f0f9ff;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .card-head span,
body.dashboard-sidebar-enabled:has(#lotoCreateType) .card small,
body.dashboard-sidebar-enabled:has(#srqDate) .card-head span,
body.dashboard-sidebar-enabled:has(#srqDate) .card small {
  color: #a9cce1;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .table-wrap,
body.dashboard-sidebar-enabled:has(#srqDate) .table-wrap {
  min-width: 0;
  padding: 10px 12px 12px;
  border-radius: 0 0 10px 10px;
  background: rgba(3, 20, 37, .16);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) table,
body.dashboard-sidebar-enabled:has(#srqDate) table {
  border: 1px solid rgba(119, 193, 234, .18);
  border-radius: 8px;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) th,
body.dashboard-sidebar-enabled:has(#srqDate) th {
  border-bottom: 1px solid rgba(120, 195, 236, .22);
  background: #103957;
  color: #a9ddf4;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) td,
body.dashboard-sidebar-enabled:has(#srqDate) td {
  border-bottom-color: rgba(112, 180, 218, .16);
  background: rgba(7, 30, 51, .56);
  color: #d9effb;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) tr:hover td,
body.dashboard-sidebar-enabled:has(#srqDate) tr:hover td {
  background: rgba(23, 76, 113, .38);
}

/* LOTO: the amber trace makes open isolation work immediately identifiable. */
body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-info {
  display: grid;
  gap: 6px;
  overflow: hidden;
  border-left: 3px solid #f1b94d;
  background: linear-gradient(100deg, rgba(74, 54, 16, .55), rgba(11, 42, 67, .98));
  color: #d7ecf8;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-info strong {
  color: #ffe0a0;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-info > span {
  color: #c4dceb;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-info .loto-help,
body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-help {
  color: #9fc4d8;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-create-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 16px;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-create-grid .wide {
  grid-column: span 2;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-import-grid {
  grid-template-columns: minmax(240px, 1.35fr) minmax(180px, .75fr) auto;
  align-items: end;
  gap: 12px;
  padding: 16px;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-import-grid .btn {
  min-height: 39px;
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  padding-top: 12px;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-filter-row > label {
  min-width: 136px;
  flex: 1 1 136px;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-filter-row > .btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(104, 185, 226, .17);
  background: rgba(3, 21, 38, .18);
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-card {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(84, 185, 228, .24);
  border-radius: 9px;
  background: linear-gradient(145deg, #103b5d, #0b2a47);
  color: #b5d8e9;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-card strong,
body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-card b {
  color: #eaf8ff;
  font-size: 19px;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-card:nth-child(3) {
  border-color: rgba(250, 190, 66, .46);
  background: linear-gradient(145deg, rgba(101, 69, 14, .74), rgba(55, 41, 14, .8));
  color: #ffe1a3;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-card:nth-child(4) {
  border-color: rgba(84, 217, 159, .42);
  background: linear-gradient(145deg, rgba(28, 108, 78, .65), rgba(16, 63, 51, .78));
  color: #baf5d7;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .table-wrap table {
  min-width: 1560px;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .table-wrap th {
  white-space: nowrap;
  font-size: 10px;
  letter-spacing: .035em;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-type,
body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-status {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 3px 8px;
  border: 1px solid rgba(103, 192, 234, .34);
  border-radius: 999px;
  background: rgba(20, 77, 111, .42);
  color: #b7e6fb;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .035em;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-status-open {
  border-color: rgba(255, 191, 73, .55);
  background: rgba(117, 77, 13, .42);
  color: #ffe0a1;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-status-closed {
  border-color: rgba(86, 219, 161, .5);
  background: rgba(25, 111, 76, .34);
  color: #b6f4d5;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-action-cell {
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-action-delete,
body.dashboard-sidebar-enabled:has(#srqDate) .oil-delete {
  border-color: rgba(255, 125, 143, .44) !important;
  background: rgba(126, 42, 58, .32) !important;
  color: #ffd7df !important;
}

/* Service Request: sync health is grouped separately from the transaction form. */
body.dashboard-sidebar-enabled:has(#srqDate) .srq-info {
  display: grid;
  gap: 7px;
  overflow: hidden;
  border-left: 3px solid #47c5ed;
  background: linear-gradient(100deg, rgba(11, 67, 93, .82), rgba(9, 37, 61, .98));
  color: #c9e9f8;
}

body.dashboard-sidebar-enabled:has(#srqDate) .srq-info strong {
  color: #91e4ff;
}

body.dashboard-sidebar-enabled:has(#srqDate) .srq-info > span {
  color: #bfdae9;
}

body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-card {
  overflow: hidden;
  border-color: rgba(80, 198, 239, .34);
  background:
    radial-gradient(circle at 92% 0%, rgba(45, 165, 215, .13), transparent 25rem),
    linear-gradient(145deg, rgba(12, 48, 77, .99), rgba(7, 29, 50, .99));
}

body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-layout {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 17px 18px;
  border-bottom: 1px solid rgba(102, 192, 231, .17);
}

body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-layout h2 {
  color: #effaff;
}

body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-layout p,
body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-layout small {
  color: #add0e4;
}

body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-actions .btn {
  min-height: 39px;
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#srqDate) #maximoOpenLoginButton {
  border-color: rgba(250, 190, 66, .48);
  background: linear-gradient(145deg, #725318, #48340f);
  color: #ffe3a8;
}

body.dashboard-sidebar-enabled:has(#srqDate) #maximoOpenLoginStatus {
  color: #b5d3e4;
  font-size: 11px;
}

body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 18px;
}

body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-status-item {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(106, 189, 228, .17);
  border-radius: 9px;
  background: linear-gradient(145deg, rgba(15, 55, 85, .84), rgba(8, 35, 59, .9));
  color: #c3dfed;
}

body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-status-item strong,
body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-status-item b {
  color: #e9f8ff;
}

body.dashboard-sidebar-enabled:has(#srqDate) .maximo-agent-online,
body.dashboard-sidebar-enabled:has(#srqDate) #maximoAgentStatus,
body.dashboard-sidebar-enabled:has(#srqDate) #maximoAutoStatus {
  color: #8eebc2;
}

body.dashboard-sidebar-enabled:has(#srqDate) #maximoSyncStatus {
  color: #ffcd7b;
}

body.dashboard-sidebar-enabled:has(#srqDate) #maximoSyncResult {
  color: #87dfff;
}

body.dashboard-sidebar-enabled:has(#srqDate) .maximo-auto-config {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid rgba(248, 190, 70, .18);
  background: linear-gradient(105deg, rgba(95, 67, 13, .25), rgba(30, 49, 41, .28));
}

body.dashboard-sidebar-enabled:has(#srqDate) .maximo-auto-config > label {
  min-width: 132px;
}

body.dashboard-sidebar-enabled:has(#srqDate) .maximo-auto-config input[type="checkbox"] {
  width: 17px;
  height: 17px;
  margin-right: 7px;
  accent-color: #57d5a5;
  vertical-align: middle;
}

body.dashboard-sidebar-enabled:has(#srqDate) .maximo-auto-config small {
  min-width: min(100%, 320px);
  flex: 1 1 320px;
  color: #c7dce8;
}

body.dashboard-sidebar-enabled:has(#srqDate) #maximoAutoSaveButton {
  border-color: rgba(95, 222, 161, .62);
  background: linear-gradient(145deg, #278f68, #176c50);
  color: #effff6;
}

body.dashboard-sidebar-enabled:has(#srqDate) .srq-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 16px;
}

body.dashboard-sidebar-enabled:has(#srqDate) .srq-grid .srq-wide {
  grid-column: span 2;
}

body.dashboard-sidebar-enabled:has(#srqDate) .admin-edit-banner {
  border-color: rgba(255, 193, 77, .42);
  background: linear-gradient(105deg, rgba(105, 69, 13, .34), rgba(69, 47, 13, .24));
  color: #ffe0a0;
}

body.dashboard-sidebar-enabled:has(#srqDate) .srq-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  padding-top: 12px;
}

body.dashboard-sidebar-enabled:has(#srqDate) .srq-filter-row > label {
  min-width: 138px;
  flex: 1 1 138px;
}

body.dashboard-sidebar-enabled:has(#srqDate) .srq-filter-unit {
  flex: 1.2 1 185px !important;
}

body.dashboard-sidebar-enabled:has(#srqDate) .srq-filter-search {
  flex: 1.6 1 230px !important;
}

body.dashboard-sidebar-enabled:has(#srqDate) .srq-filter-row > .btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#srqDate) .srq-history-summary {
  color: #9fc6dc;
}

body.dashboard-sidebar-enabled:has(#srqDate) .table-wrap table {
  min-width: 1380px;
}

body.dashboard-sidebar-enabled:has(#srqDate) .table-wrap th {
  white-space: nowrap;
  font-size: 10px;
  letter-spacing: .035em;
}

body.dashboard-sidebar-enabled:has(#srqDate) .srq-plant,
body.dashboard-sidebar-enabled:has(#srqDate) .srq-type,
body.dashboard-sidebar-enabled:has(#srqDate) .srq-status {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 3px 8px;
  border: 1px solid rgba(103, 192, 234, .34);
  border-radius: 999px;
  background: rgba(20, 77, 111, .42);
  color: #b7e6fb;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .035em;
}

body.dashboard-sidebar-enabled:has(#srqDate) .srq-plant-sei-gelam,
body.dashboard-sidebar-enabled:has(#srqDate) .srq-status-selesai {
  border-color: rgba(86, 219, 161, .5);
  background: rgba(25, 111, 76, .34);
  color: #b6f4d5;
}

body.dashboard-sidebar-enabled:has(#srqDate) .srq-status-draft {
  border-color: rgba(255, 191, 73, .55);
  background: rgba(117, 77, 13, .42);
  color: #ffe0a1;
}

body.dashboard-sidebar-enabled:has(#srqDate) .srq-status-terbit {
  border-color: rgba(82, 193, 238, .5);
  background: rgba(17, 86, 124, .42);
  color: #b4e9ff;
}

body.dashboard-sidebar-enabled:has(#srqDate) .history-action-buttons {
  gap: 8px;
  white-space: nowrap;
}

@media screen and (max-width: 1480px) {
  body.dashboard-sidebar-enabled:has(#lotoCreateType) main,
  body.dashboard-sidebar-enabled:has(#srqDate) main {
    width: calc(100% - 36px);
  }

  body.dashboard-sidebar-enabled:has(#lotoCreateType) .topbar .userbox,
  body.dashboard-sidebar-enabled:has(#srqDate) .topbar .userbox {
    display: none;
  }

  body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-layout {
    grid-template-columns: 1fr;
  }

  body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-actions {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 1120px) {
  body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-create-grid,
  body.dashboard-sidebar-enabled:has(#srqDate) .srq-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-import-grid {
    grid-template-columns: minmax(0, 1fr) minmax(180px, 1fr);
  }

  body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-import-grid .btn {
    grid-column: span 2;
  }

  body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 760px) {
  body.dashboard-sidebar-enabled:has(#lotoCreateType) main,
  body.dashboard-sidebar-enabled:has(#srqDate) main {
    width: calc(100% - 28px);
    margin-top: 14px;
  }

  body.dashboard-sidebar-enabled:has(#lotoCreateType) .topbar,
  body.dashboard-sidebar-enabled:has(#srqDate) .topbar {
    min-height: 0;
    padding: 16px;
  }

  body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-create-grid,
  body.dashboard-sidebar-enabled:has(#srqDate) .srq-grid,
  body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-import-grid,
  body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-status-grid {
    grid-template-columns: 1fr;
  }

  body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-create-grid .wide,
  body.dashboard-sidebar-enabled:has(#srqDate) .srq-grid .srq-wide,
  body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-import-grid .btn {
    grid-column: span 1;
  }

  body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.dashboard-sidebar-enabled:has(#lotoCreateType) .loto-filter-row > *,
  body.dashboard-sidebar-enabled:has(#srqDate) .srq-filter-row > *,
  body.dashboard-sidebar-enabled:has(#srqDate) .maximo-sync-actions > * {
    width: 100%;
    max-width: none;
    flex-basis: 100%;
  }

  body.dashboard-sidebar-enabled:has(#srqDate) .maximo-auto-config > label,
  body.dashboard-sidebar-enabled:has(#srqDate) .maximo-auto-config > small {
    flex-basis: 100%;
  }

  body.dashboard-sidebar-enabled:has(#lotoCreateType) .entry-guide-body,
  body.dashboard-sidebar-enabled:has(#srqDate) .entry-guide-body {
    padding: 0 16px 16px;
  }
}

/* v4.3.1 - Daftar SR FLM and Centrifugal Filter dark operations console.
   Data entry, automatic calculations, reset, exports, and edit/delete actions
   remain on their existing JavaScript hooks; this layer is visual only. */
body.dashboard-sidebar-enabled:has(#srDate),
body.dashboard-sidebar-enabled:has(#cfDate) {
  --ops-bg: #071a2c;
  --ops-panel: #0c2944;
  --ops-panel-deep: #09223a;
  --ops-line: rgba(111, 190, 232, .25);
  --ops-text: #e9f7ff;
  --ops-muted: #9fc3da;
  background:
    radial-gradient(circle at 86% 0%, rgba(37, 114, 176, .19), transparent 31rem),
    linear-gradient(145deg, #07192c 0%, #09223b 53%, #06162a 100%);
  color: var(--ops-text);
}

body.dashboard-sidebar-enabled:has(#cfDate) {
  background:
    radial-gradient(circle at 92% 0%, rgba(67, 190, 151, .11), transparent 28rem),
    radial-gradient(circle at 14% 0%, rgba(37, 114, 176, .18), transparent 31rem),
    linear-gradient(145deg, #07192c 0%, #09223b 53%, #06162a 100%);
}

body.dashboard-sidebar-enabled:has(#srDate) .topbar,
body.dashboard-sidebar-enabled:has(#cfDate) .topbar {
  min-height: 108px;
  padding: 19px max(2.7vw, 24px);
  background:
    linear-gradient(104deg, rgba(10, 40, 68, .98), rgba(8, 34, 59, .96)),
    radial-gradient(circle at 72% 6%, rgba(54, 151, 217, .22), transparent 27rem);
  box-shadow: 0 12px 26px rgba(0, 5, 14, .22);
}

body.dashboard-sidebar-enabled:has(#srDate) .topbar h1,
body.dashboard-sidebar-enabled:has(#cfDate) .topbar h1 {
  color: #f4fbff;
  font-size: clamp(24px, 2vw, 31px);
}

body.dashboard-sidebar-enabled:has(#srDate) .eyebrow,
body.dashboard-sidebar-enabled:has(#cfDate) .eyebrow {
  border-color: rgba(97, 211, 179, .38);
  background: rgba(79, 202, 167, .11);
  color: #8aefd0;
  box-shadow: inset 0 1px 0 rgba(184, 255, 231, .08);
}

body.dashboard-sidebar-enabled:has(#srDate) .topbar .userbox,
body.dashboard-sidebar-enabled:has(#cfDate) .topbar .userbox {
  padding: 8px 10px;
  border-color: rgba(92, 193, 242, .29);
  border-radius: 10px;
  background: linear-gradient(145deg, #103b60, #0b2c4b);
  box-shadow: inset 0 1px 0 rgba(182, 233, 255, .08), 0 8px 16px rgba(0, 7, 17, .16);
}

body.dashboard-sidebar-enabled:has(#srDate) .topbar .userbox span,
body.dashboard-sidebar-enabled:has(#cfDate) .topbar .userbox span {
  padding-left: 0;
  color: #ddecf8;
  font-size: 11px;
  font-weight: 750;
}

body.dashboard-sidebar-enabled:has(#srDate) .topbar .userbox .btn,
body.dashboard-sidebar-enabled:has(#cfDate) .topbar .userbox .btn {
  min-height: auto;
  padding: 5px 8px;
  border-color: rgba(255, 183, 183, .3);
  background: rgba(135, 51, 66, .42);
  color: #ffdce1;
  font-size: 10px;
}

body.dashboard-sidebar-enabled:has(#srDate) main,
body.dashboard-sidebar-enabled:has(#cfDate) main {
  width: min(1720px, calc(100% - 48px));
  margin: 20px auto 52px;
}

body.dashboard-sidebar-enabled:has(#srDate) .entry-guide,
body.dashboard-sidebar-enabled:has(#cfDate) .entry-guide {
  margin: 0 0 16px;
  border-color: rgba(81, 191, 246, .25);
  border-radius: 11px;
  background: linear-gradient(105deg, rgba(11, 48, 79, .95), rgba(9, 35, 59, .95));
  box-shadow: inset 0 1px 0 rgba(158, 224, 255, .06), 0 10px 22px rgba(0, 6, 17, .13);
}

body.dashboard-sidebar-enabled:has(#srDate) .entry-guide summary,
body.dashboard-sidebar-enabled:has(#cfDate) .entry-guide summary {
  padding: 13px 16px;
  color: #e7f7ff;
}

body.dashboard-sidebar-enabled:has(#srDate) .entry-guide-title,
body.dashboard-sidebar-enabled:has(#cfDate) .entry-guide-title {
  font-size: 14px;
}

body.dashboard-sidebar-enabled:has(#srDate) .entry-guide-icon,
body.dashboard-sidebar-enabled:has(#cfDate) .entry-guide-icon {
  background: linear-gradient(145deg, #35bff0, #237ccd);
  box-shadow: 0 0 0 4px rgba(55, 195, 242, .1), 0 0 15px rgba(56, 197, 244, .38);
}

body.dashboard-sidebar-enabled:has(#srDate) .entry-guide-toggle,
body.dashboard-sidebar-enabled:has(#cfDate) .entry-guide-toggle {
  color: #77d7fb;
}

body.dashboard-sidebar-enabled:has(#srDate) .entry-guide-body,
body.dashboard-sidebar-enabled:has(#cfDate) .entry-guide-body {
  border-top-color: rgba(104, 193, 239, .2);
  color: #bcd5e8;
}

body.dashboard-sidebar-enabled:has(#srDate) .entry-guide-note,
body.dashboard-sidebar-enabled:has(#cfDate) .entry-guide-note {
  border-color: rgba(250, 190, 66, .27);
  background: rgba(125, 84, 15, .2);
  color: #ffe2a2;
}

body.dashboard-sidebar-enabled:has(#srDate) .card,
body.dashboard-sidebar-enabled:has(#cfDate) .card {
  min-width: 0;
  border-color: var(--ops-line);
  background: linear-gradient(145deg, rgba(13, 43, 70, .98), rgba(8, 31, 53, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 10px 20px rgba(0, 6, 17, .14);
}

body.dashboard-sidebar-enabled:has(#srDate) label,
body.dashboard-sidebar-enabled:has(#cfDate) label {
  color: #aed0e5;
}

body.dashboard-sidebar-enabled:has(#srDate) input,
body.dashboard-sidebar-enabled:has(#srDate) select,
body.dashboard-sidebar-enabled:has(#srDate) textarea,
body.dashboard-sidebar-enabled:has(#cfDate) input,
body.dashboard-sidebar-enabled:has(#cfDate) select,
body.dashboard-sidebar-enabled:has(#cfDate) textarea {
  border-color: rgba(112, 186, 226, .28);
  background: #09233c;
  color: #ecf8ff;
  color-scheme: dark;
}

body.dashboard-sidebar-enabled:has(#srDate) input:hover,
body.dashboard-sidebar-enabled:has(#srDate) select:hover,
body.dashboard-sidebar-enabled:has(#srDate) textarea:hover,
body.dashboard-sidebar-enabled:has(#cfDate) input:hover,
body.dashboard-sidebar-enabled:has(#cfDate) select:hover,
body.dashboard-sidebar-enabled:has(#cfDate) textarea:hover {
  border-color: rgba(94, 209, 250, .62);
}

body.dashboard-sidebar-enabled:has(#srDate) input:focus,
body.dashboard-sidebar-enabled:has(#srDate) select:focus,
body.dashboard-sidebar-enabled:has(#srDate) textarea:focus,
body.dashboard-sidebar-enabled:has(#cfDate) input:focus,
body.dashboard-sidebar-enabled:has(#cfDate) select:focus,
body.dashboard-sidebar-enabled:has(#cfDate) textarea:focus {
  border-color: #55d1fb;
  box-shadow: 0 0 0 3px rgba(70, 199, 244, .16);
}

body.dashboard-sidebar-enabled:has(#srDate) input::placeholder,
body.dashboard-sidebar-enabled:has(#srDate) textarea::placeholder,
body.dashboard-sidebar-enabled:has(#cfDate) input::placeholder,
body.dashboard-sidebar-enabled:has(#cfDate) textarea::placeholder {
  color: #7395ad;
}

body.dashboard-sidebar-enabled:has(#srDate) input[readonly],
body.dashboard-sidebar-enabled:has(#srDate) input:read-only,
body.dashboard-sidebar-enabled:has(#srDate) textarea[readonly],
body.dashboard-sidebar-enabled:has(#cfDate) input[readonly],
body.dashboard-sidebar-enabled:has(#cfDate) input:read-only,
body.dashboard-sidebar-enabled:has(#cfDate) textarea[readonly] {
  border-color: rgba(81, 185, 223, .38);
  background: linear-gradient(145deg, #103b5b, #0b2c49) !important;
  color: #aee9ff !important;
}

body.dashboard-sidebar-enabled:has(#srDate) .btn,
body.dashboard-sidebar-enabled:has(#cfDate) .btn {
  border-color: rgba(113, 182, 221, .27);
  background: linear-gradient(145deg, #123a5d, #0b2b49);
  color: #dff3ff;
  box-shadow: inset 0 1px 0 rgba(191, 235, 255, .06), 0 4px 10px rgba(0, 5, 15, .13);
}

body.dashboard-sidebar-enabled:has(#srDate) .btn:hover,
body.dashboard-sidebar-enabled:has(#cfDate) .btn:hover {
  border-color: rgba(90, 210, 250, .65);
  background: linear-gradient(145deg, #174a73, #0d3454);
  color: #ffffff;
}

body.dashboard-sidebar-enabled:has(#srDate) .btn.primary,
body.dashboard-sidebar-enabled:has(#cfDate) .btn.primary {
  border-color: #237cad;
  background: linear-gradient(145deg, #176f9e, #114e77);
}

body.dashboard-sidebar-enabled:has(#srDate) .btn.success,
body.dashboard-sidebar-enabled:has(#cfDate) .btn.success,
body.dashboard-sidebar-enabled:has(#cfDate) .btn.excel-export {
  border-color: rgba(95, 222, 161, .62);
  background: linear-gradient(145deg, #278f68, #176c50);
  color: #effff6;
}

body.dashboard-sidebar-enabled:has(#cfDate) .btn.warning {
  border-color: rgba(250, 190, 66, .58);
  background: linear-gradient(145deg, #705018, #46310e);
  color: #ffe2a4;
}

body.dashboard-sidebar-enabled:has(#srDate) .btn.danger,
body.dashboard-sidebar-enabled:has(#cfDate) .oil-delete {
  border-color: rgba(255, 125, 143, .44) !important;
  background: rgba(126, 42, 58, .32) !important;
  color: #ffd7df !important;
}

body.dashboard-sidebar-enabled:has(#srDate) .section-title,
body.dashboard-sidebar-enabled:has(#cfDate) .section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 0 10px;
  color: #75d9fa;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
}

body.dashboard-sidebar-enabled:has(#srDate) .section-title::after,
body.dashboard-sidebar-enabled:has(#cfDate) .section-title::after {
  content: "";
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(87, 207, 249, .36), transparent);
}

body.dashboard-sidebar-enabled:has(#srDate) .card-head,
body.dashboard-sidebar-enabled:has(#cfDate) .card-head {
  border-bottom-color: rgba(117, 188, 227, .2);
  background: rgba(17, 57, 88, .46);
}

body.dashboard-sidebar-enabled:has(#srDate) .card-head h2,
body.dashboard-sidebar-enabled:has(#cfDate) .card-head h2 {
  color: #f0f9ff;
}

body.dashboard-sidebar-enabled:has(#srDate) .card-head span,
body.dashboard-sidebar-enabled:has(#srDate) .card small,
body.dashboard-sidebar-enabled:has(#cfDate) .card-head span,
body.dashboard-sidebar-enabled:has(#cfDate) .card small {
  color: #a9cce1;
}

body.dashboard-sidebar-enabled:has(#srDate) .table-wrap,
body.dashboard-sidebar-enabled:has(#cfDate) .table-wrap {
  min-width: 0;
  padding: 10px 12px 12px;
  border-radius: 0 0 10px 10px;
  background: rgba(3, 20, 37, .16);
}

body.dashboard-sidebar-enabled:has(#srDate) table,
body.dashboard-sidebar-enabled:has(#cfDate) table {
  border: 1px solid rgba(119, 193, 234, .18);
  border-radius: 8px;
}

body.dashboard-sidebar-enabled:has(#srDate) th,
body.dashboard-sidebar-enabled:has(#cfDate) th {
  border-bottom: 1px solid rgba(120, 195, 236, .22);
  background: #103957;
  color: #a9ddf4;
}

body.dashboard-sidebar-enabled:has(#srDate) td,
body.dashboard-sidebar-enabled:has(#cfDate) td {
  border-bottom-color: rgba(112, 180, 218, .16);
  background: rgba(7, 30, 51, .56);
  color: #d9effb;
}

body.dashboard-sidebar-enabled:has(#srDate) tr:hover td,
body.dashboard-sidebar-enabled:has(#cfDate) tr:hover td {
  background: rgba(23, 76, 113, .38);
}

/* SR FLM: field findings and their follow-up history share one calm blue surface. */
body.dashboard-sidebar-enabled:has(#srDate) .sr-flm-form-grid {
  grid-template-columns: 1fr 1.2fr .8fr 1fr;
  gap: 12px;
  padding: 16px 16px 10px;
}

body.dashboard-sidebar-enabled:has(#srDate) .sr-description-label {
  display: grid;
  gap: 6px;
  padding: 0 16px;
}

body.dashboard-sidebar-enabled:has(#srDate) .sr-description-label textarea {
  min-height: 100px;
  resize: vertical;
}

body.dashboard-sidebar-enabled:has(#srDate) .sr-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  padding: 16px;
}

body.dashboard-sidebar-enabled:has(#srDate) .sr-filters {
  display: flex;
  flex: 1 1 580px;
  flex-wrap: wrap;
  align-items: end;
  justify-content: flex-end;
  gap: 9px;
}

body.dashboard-sidebar-enabled:has(#srDate) .sr-filters > input,
body.dashboard-sidebar-enabled:has(#srDate) .sr-filters > select {
  min-width: 142px;
  flex: 1 1 142px;
}

body.dashboard-sidebar-enabled:has(#srDate) .sr-filters > input[type="search"],
body.dashboard-sidebar-enabled:has(#srDate) .sr-filters > input#srSearch {
  min-width: 220px;
  flex: 1.55 1 220px;
}

body.dashboard-sidebar-enabled:has(#srDate) .sr-filters > .btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#srDate) .sr-flm-table {
  min-width: 1180px;
}

body.dashboard-sidebar-enabled:has(#srDate) .sr-flm-table th {
  white-space: nowrap;
  font-size: 10px;
  letter-spacing: .035em;
}

body.dashboard-sidebar-enabled:has(#srDate) .sr-flm-table td:first-child {
  color: #86ddf8;
  font-weight: 800;
}

body.dashboard-sidebar-enabled:has(#srDate) .sr-flm-table td:nth-child(3) {
  color: #b5ebff;
  font-weight: 750;
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#srDate) .sr-flm-table td:nth-child(5),
body.dashboard-sidebar-enabled:has(#srDate) .sr-flm-table td:nth-child(7) {
  color: #a8d8ed;
  font-size: 11px;
  font-weight: 700;
}

body.dashboard-sidebar-enabled:has(#srDate) .sr-flm-table td:last-child {
  white-space: nowrap;
}

/* Centrifugal: separate read-only calculations, live entries, and vibration indicators. */
body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-cleaning-info {
  overflow: hidden;
  border-left: 3px solid #55d9a6;
  background: linear-gradient(100deg, rgba(11, 70, 83, .82), rgba(9, 37, 61, .98));
  color: #c7f0e1;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-cleaning-info strong {
  color: #9cf0ca;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  padding: 16px;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-toolbar > label {
  min-width: 142px;
  flex: 1 1 142px;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-toolbar > label small {
  display: block;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin-top: 4px;
  color: #91b9ce;
  font-size: 10px;
  line-height: 1.25;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-toolbar > .btn {
  min-height: 39px;
  flex: 0 0 auto;
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#cfDate) .admin-edit-banner {
  border-color: rgba(255, 193, 77, .42);
  background: linear-gradient(105deg, rgba(105, 69, 13, .34), rgba(69, 47, 13, .24));
  color: #ffe0a0;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-summary-grid .summary-card {
  min-width: 0;
  border-color: rgba(79, 209, 161, .38);
  border-top: 3px solid #55d9a6;
  background: linear-gradient(145deg, #103b5a, #0a2a45);
  box-shadow: inset 0 1px 0 rgba(202, 255, 236, .05), 0 8px 18px rgba(0, 6, 17, .15);
  color: #bce6d6;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-summary-grid .summary-card strong {
  color: #effff8;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-summary-grid .cf-warning-card {
  border-color: rgba(251, 198, 71, .45);
  border-top-color: #f5bb38;
  background: linear-gradient(145deg, #4e4118, #2c321f);
  color: #ffe6a2;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-summary-grid .cf-danger-card {
  border-color: rgba(248, 112, 128, .45);
  border-top-color: #ef6678;
  background: linear-gradient(145deg, #4f2638, #2d2237);
  color: #ffd4dc;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-table {
  min-width: 2040px;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-table th {
  white-space: nowrap;
  font-size: 10px;
  letter-spacing: .03em;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-table td {
  min-width: 118px;
  vertical-align: top;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-table td:first-child {
  min-width: 94px;
  color: #dff8ff;
  font-weight: 800;
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-table input,
body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-table select,
body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-table textarea {
  min-width: 100px;
  background: #09233c;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-table .cf-readonly-value,
body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-table .cf-last-date {
  border-color: rgba(72, 191, 231, .36);
  background: linear-gradient(145deg, #103b5b, #0b2c49) !important;
  color: #ace9ff !important;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-table .cf-clean-cell {
  min-width: 128px;
  background: rgba(88, 66, 17, .22);
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-table .cf-reset-button {
  border-color: rgba(250, 190, 66, .48);
  background: rgba(113, 78, 13, .36);
  color: #ffe0a0;
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-table .cf-cleaning-info {
  color: #9dc8da;
  font-size: 10px;
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-table .vibration-status {
  min-width: 120px;
  border-color: rgba(92, 217, 169, .36);
  background: linear-gradient(145deg, #0d3b4d, #092d42);
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-report-card {
  border-color: rgba(106, 181, 242, .32);
  background: linear-gradient(145deg, rgba(13, 47, 76, .99), rgba(8, 31, 53, .99));
}

body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-report-card textarea {
  min-height: 170px;
  background: #09233c;
  color: #d9effb;
}

body.dashboard-sidebar-enabled:has(#cfDate) .btn.wa {
  border-color: rgba(80, 220, 147, .54);
  background: linear-gradient(145deg, #278b60, #176b4b);
  color: #effff6;
}

body.dashboard-sidebar-enabled:has(#cfDate) .card > .table-wrap table:not(.centrifugal-table) {
  min-width: 1050px;
}

body.dashboard-sidebar-enabled:has(#cfDate) .card > .table-wrap table:not(.centrifugal-table) th {
  white-space: nowrap;
  font-size: 10px;
  letter-spacing: .035em;
}

@media screen and (max-width: 1480px) {
  body.dashboard-sidebar-enabled:has(#srDate) main,
  body.dashboard-sidebar-enabled:has(#cfDate) main {
    width: calc(100% - 36px);
  }

  body.dashboard-sidebar-enabled:has(#srDate) .topbar .userbox,
  body.dashboard-sidebar-enabled:has(#cfDate) .topbar .userbox {
    display: none;
  }

  body.dashboard-sidebar-enabled:has(#srDate) .sr-filters {
    width: 100%;
    flex-basis: 100%;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 1120px) {
  body.dashboard-sidebar-enabled:has(#srDate) .sr-flm-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-toolbar > label {
    flex-basis: calc(33.333% - 10px);
  }

  body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 760px) {
  body.dashboard-sidebar-enabled:has(#srDate) main,
  body.dashboard-sidebar-enabled:has(#cfDate) main {
    width: calc(100% - 28px);
    margin-top: 14px;
  }

  body.dashboard-sidebar-enabled:has(#srDate) .topbar,
  body.dashboard-sidebar-enabled:has(#cfDate) .topbar {
    min-height: 0;
    padding: 16px;
  }

  body.dashboard-sidebar-enabled:has(#srDate) .sr-flm-form-grid,
  body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-summary-grid {
    grid-template-columns: 1fr;
  }

  body.dashboard-sidebar-enabled:has(#srDate) .sr-form-actions,
  body.dashboard-sidebar-enabled:has(#srDate) .sr-filters,
  body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-toolbar {
    align-items: stretch;
  }

  body.dashboard-sidebar-enabled:has(#srDate) .sr-form-actions > *,
  body.dashboard-sidebar-enabled:has(#srDate) .sr-filters > *,
  body.dashboard-sidebar-enabled:has(#cfDate) .centrifugal-toolbar > * {
    width: 100%;
    max-width: none;
    flex-basis: 100%;
  }

  body.dashboard-sidebar-enabled:has(#srDate) .entry-guide-body,
  body.dashboard-sidebar-enabled:has(#cfDate) .entry-guide-body {
    padding: 0 16px 16px;
  }
}

/* v4.3.4 - Housekeeping dark field-maintenance console.
   This is presentation-only: schedule import, photo uploads, SR/FLM sync,
   history, edit, delete, and print hooks stay on their existing elements. */
body.dashboard-sidebar-enabled:has(#hkDate) {
  --hk-bg: #071b2d;
  --hk-panel: #0b2a46;
  --hk-panel-deep: #082039;
  --hk-line: rgba(101, 195, 216, .25);
  --hk-text: #e9f8f5;
  --hk-muted: #9ec3d2;
  background:
    radial-gradient(circle at 88% 0%, rgba(47, 178, 140, .14), transparent 31rem),
    radial-gradient(circle at 16% 0%, rgba(40, 128, 191, .18), transparent 30rem),
    linear-gradient(145deg, #071a2d 0%, #09263e 52%, #061728 100%);
  color: var(--hk-text);
}

body.dashboard-sidebar-enabled:has(#hkDate) .topbar {
  min-height: 108px;
  padding: 19px max(2.7vw, 24px);
  background:
    linear-gradient(104deg, rgba(9, 41, 68, .98), rgba(7, 34, 57, .96)),
    radial-gradient(circle at 72% 6%, rgba(60, 184, 154, .18), transparent 27rem);
  box-shadow: 0 12px 26px rgba(0, 5, 14, .22);
}

body.dashboard-sidebar-enabled:has(#hkDate) .topbar h1 {
  color: #f3fffb;
  font-size: clamp(24px, 2vw, 31px);
}

body.dashboard-sidebar-enabled:has(#hkDate) .eyebrow {
  border-color: rgba(91, 218, 178, .38);
  background: rgba(74, 197, 158, .11);
  color: #93f2d0;
  box-shadow: inset 0 1px 0 rgba(189, 255, 235, .08);
}

body.dashboard-sidebar-enabled:has(#hkDate) .topbar .userbox {
  padding: 8px 10px;
  border-color: rgba(94, 198, 218, .29);
  border-radius: 10px;
  background: linear-gradient(145deg, #103d60, #0a2b49);
  box-shadow: inset 0 1px 0 rgba(187, 239, 255, .08), 0 8px 16px rgba(0, 7, 17, .16);
}

body.dashboard-sidebar-enabled:has(#hkDate) .topbar .userbox span {
  padding-left: 0;
  color: #dcf4ed;
  font-size: 11px;
  font-weight: 750;
}

body.dashboard-sidebar-enabled:has(#hkDate) .topbar .userbox .btn {
  min-height: auto;
  padding: 5px 8px;
  border-color: rgba(255, 183, 183, .3);
  background: rgba(135, 51, 66, .42);
  color: #ffdce1;
  font-size: 10px;
}

body.dashboard-sidebar-enabled:has(#hkDate) main {
  width: min(1720px, calc(100% - 48px));
  margin: 20px auto 52px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .entry-guide {
  margin: 0 0 16px;
  border-color: rgba(74, 204, 189, .25);
  border-radius: 11px;
  background: linear-gradient(105deg, rgba(9, 54, 75, .95), rgba(8, 35, 58, .95));
  box-shadow: inset 0 1px 0 rgba(160, 247, 223, .06), 0 10px 22px rgba(0, 6, 17, .13);
}

body.dashboard-sidebar-enabled:has(#hkDate) .entry-guide summary {
  padding: 13px 16px;
  color: #e7fff8;
}

body.dashboard-sidebar-enabled:has(#hkDate) .entry-guide-title {
  font-size: 14px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .entry-guide-icon {
  background: linear-gradient(145deg, #39cda9, #238d83);
  box-shadow: 0 0 0 4px rgba(67, 216, 184, .1), 0 0 15px rgba(58, 215, 182, .34);
}

body.dashboard-sidebar-enabled:has(#hkDate) .entry-guide-toggle {
  color: #82ebd0;
}

body.dashboard-sidebar-enabled:has(#hkDate) .entry-guide-body {
  border-top-color: rgba(95, 207, 193, .2);
  color: #c0ddd8;
}

body.dashboard-sidebar-enabled:has(#hkDate) .entry-guide-note {
  border-color: rgba(250, 190, 66, .27);
  background: rgba(125, 84, 15, .2);
  color: #ffe2a2;
}

body.dashboard-sidebar-enabled:has(#hkDate) .card {
  min-width: 0;
  border-color: var(--hk-line);
  background: linear-gradient(145deg, rgba(12, 44, 71, .98), rgba(7, 29, 51, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 10px 20px rgba(0, 6, 17, .14);
}

body.dashboard-sidebar-enabled:has(#hkDate) label {
  color: #b0d5de;
}

body.dashboard-sidebar-enabled:has(#hkDate) input,
body.dashboard-sidebar-enabled:has(#hkDate) select,
body.dashboard-sidebar-enabled:has(#hkDate) textarea {
  border-color: rgba(111, 193, 211, .3);
  background: #09253e;
  color: #effdf8;
  color-scheme: dark;
}

body.dashboard-sidebar-enabled:has(#hkDate) input:hover,
body.dashboard-sidebar-enabled:has(#hkDate) select:hover,
body.dashboard-sidebar-enabled:has(#hkDate) textarea:hover {
  border-color: rgba(88, 219, 198, .62);
}

body.dashboard-sidebar-enabled:has(#hkDate) input:focus,
body.dashboard-sidebar-enabled:has(#hkDate) select:focus,
body.dashboard-sidebar-enabled:has(#hkDate) textarea:focus {
  border-color: #55d9c0;
  box-shadow: 0 0 0 3px rgba(70, 216, 190, .16);
}

body.dashboard-sidebar-enabled:has(#hkDate) input::placeholder,
body.dashboard-sidebar-enabled:has(#hkDate) textarea::placeholder {
  color: #7599aa;
}

body.dashboard-sidebar-enabled:has(#hkDate) input[readonly],
body.dashboard-sidebar-enabled:has(#hkDate) input:read-only,
body.dashboard-sidebar-enabled:has(#hkDate) textarea[readonly] {
  border-color: rgba(81, 191, 180, .38);
  background: linear-gradient(145deg, #103d59, #0a2d47) !important;
  color: #b7f1e2 !important;
}

body.dashboard-sidebar-enabled:has(#hkDate) input[type="file"] {
  padding: 5px;
  color: #b7d7df;
  cursor: pointer;
}

body.dashboard-sidebar-enabled:has(#hkDate) input[type="file"]::file-selector-button {
  margin-right: 9px;
  padding: 7px 10px;
  border: 1px solid rgba(90, 208, 190, .42);
  border-radius: 7px;
  background: linear-gradient(145deg, #124968, #0d3453);
  color: #dffbf5;
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

body.dashboard-sidebar-enabled:has(#hkDate) .btn {
  border-color: rgba(111, 189, 213, .27);
  background: linear-gradient(145deg, #123d5e, #0b2b49);
  color: #e1f7f1;
  box-shadow: inset 0 1px 0 rgba(193, 244, 255, .06), 0 4px 10px rgba(0, 5, 15, .13);
}

body.dashboard-sidebar-enabled:has(#hkDate) .btn:hover {
  border-color: rgba(87, 220, 199, .66);
  background: linear-gradient(145deg, #164e6d, #0d3654);
  color: #fff;
}

body.dashboard-sidebar-enabled:has(#hkDate) .btn.primary {
  border-color: #278eb1;
  background: linear-gradient(145deg, #177a9d, #115475);
}

body.dashboard-sidebar-enabled:has(#hkDate) .btn.success {
  border-color: rgba(95, 222, 161, .62);
  background: linear-gradient(145deg, #278f68, #176c50);
  color: #effff6;
}

body.dashboard-sidebar-enabled:has(#hkDate) .btn.danger {
  border-color: rgba(255, 125, 143, .44) !important;
  background: rgba(126, 42, 58, .32) !important;
  color: #ffd7df !important;
}

body.dashboard-sidebar-enabled:has(#hkDate) .section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 0 10px;
  color: #79e1cb;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
}

body.dashboard-sidebar-enabled:has(#hkDate) .section-title::after {
  content: "";
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(101, 220, 199, .38), transparent);
}

body.dashboard-sidebar-enabled:has(#hkDate) .card-head {
  border-bottom-color: rgba(111, 193, 211, .2);
  background: rgba(16, 58, 88, .48);
}

body.dashboard-sidebar-enabled:has(#hkDate) .card-head h2 {
  color: #effff9;
}

body.dashboard-sidebar-enabled:has(#hkDate) .card-head span,
body.dashboard-sidebar-enabled:has(#hkDate) .card small {
  color: #a9cfe0;
}

body.dashboard-sidebar-enabled:has(#hkDate) .table-wrap {
  min-width: 0;
  padding: 10px 12px 12px;
  border-radius: 0 0 10px 10px;
  background: rgba(3, 20, 37, .16);
}

body.dashboard-sidebar-enabled:has(#hkDate) table {
  border: 1px solid rgba(111, 193, 211, .18);
  border-radius: 8px;
}

body.dashboard-sidebar-enabled:has(#hkDate) th {
  border-bottom: 1px solid rgba(112, 197, 214, .22);
  background: #103957;
  color: #b1e5df;
}

body.dashboard-sidebar-enabled:has(#hkDate) td {
  border-bottom-color: rgba(111, 180, 209, .16);
  background: rgba(7, 30, 51, .56);
  color: #d8f2eb;
}

body.dashboard-sidebar-enabled:has(#hkDate) tr:hover td {
  background: rgba(20, 81, 100, .38);
}

/* Overview and source of the automatic schedule. */
body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-info {
  display: grid;
  gap: 6px;
  overflow: hidden;
  border-left: 3px solid #55d9a6;
  background: linear-gradient(100deg, rgba(11, 75, 81, .82), rgba(9, 37, 61, .98));
  color: #c8f2e3;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-info strong {
  color: #a4f1cf;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-info span {
  color: #a5d4d1;
  font-size: 12px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-import-card {
  overflow: hidden;
  border-color: rgba(111, 194, 221, .3);
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-admin-badge {
  border-color: rgba(166, 127, 244, .46);
  background: rgba(105, 73, 160, .2);
  color: #d9bdff;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-import-fields {
  grid-template-columns: minmax(260px, 1.45fr) minmax(176px, .72fr) auto;
  align-items: end;
  gap: 12px;
  padding: 16px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-import-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 9px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-import-actions .btn {
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-preview {
  border-color: rgba(89, 205, 191, .28);
  background: linear-gradient(145deg, rgba(8, 53, 70, .84), rgba(7, 35, 58, .92));
  color: #d5f5ed;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-preview-summary > div {
  border-color: rgba(105, 193, 208, .25);
  background: #092741;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-preview-summary span {
  color: #9ec8d5;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-preview-summary strong {
  color: #7ee9ce;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-replace-warning {
  border-color: rgba(250, 190, 66, .45);
  background: rgba(112, 77, 13, .23);
  color: #ffe0a0;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-error {
  color: #ffb6c1;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-status-wrap {
  border-top-color: rgba(111, 193, 211, .18);
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-status-wrap table {
  min-width: 960px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-source {
  border: 1px solid rgba(112, 189, 209, .25);
  background: rgba(45, 102, 129, .25);
  color: #b5d7e4;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-source.active {
  border-color: rgba(95, 222, 161, .34);
  background: rgba(39, 143, 104, .2);
  color: #9df0c7;
}

/* Daily identity block and two session work packages. */
body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-header-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 16px 16px 10px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-storage {
  min-height: 39px;
  display: flex;
  align-items: center;
  padding: 9px 11px;
  border: 1px solid rgba(97, 194, 183, .27);
  border-radius: 8px;
  background: linear-gradient(145deg, #0d3754, #0a2b47);
  color: #bcebdd;
  font-size: 11px;
  line-height: 1.35;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-general-note {
  display: grid;
  gap: 6px;
  padding: 0 16px 16px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-general-note textarea {
  min-height: 82px;
  resize: vertical;
}

body.dashboard-sidebar-enabled:has(#hkDate) .admin-edit-banner {
  border-color: rgba(255, 193, 77, .42);
  background: linear-gradient(105deg, rgba(105, 69, 13, .34), rgba(69, 47, 13, .24));
  color: #ffe0a0;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-sessions {
  display: grid;
  gap: 16px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-session {
  overflow: hidden;
  border-color: rgba(91, 199, 189, .28);
  background: linear-gradient(145deg, rgba(11, 44, 69, .99), rgba(7, 29, 50, .99));
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-session .card-head {
  background: linear-gradient(100deg, rgba(15, 70, 89, .58), rgba(12, 48, 74, .44));
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-badge,
body.dashboard-sidebar-enabled:has(#hkDate) .hk-session-badge,
body.dashboard-sidebar-enabled:has(#hkDate) .hk-status {
  border: 1px solid rgba(78, 205, 183, .3);
  background: rgba(35, 129, 116, .2);
  color: #a5f2d5;
  box-shadow: none;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-badge.manual {
  border-color: rgba(250, 190, 66, .42);
  background: rgba(115, 77, 13, .24);
  color: #ffe0a0;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-status.recorded {
  border-color: rgba(95, 222, 161, .38);
  background: rgba(39, 143, 104, .22);
  color: #9df0c7;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-status.waiting_sr {
  border-color: rgba(250, 190, 66, .42);
  background: rgba(115, 77, 13, .24);
  color: #ffe0a0;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-status.draft {
  border-color: rgba(255, 125, 143, .42);
  background: rgba(126, 42, 58, .26);
  color: #ffc5cf;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-session-fields {
  grid-template-columns: minmax(0, 1.32fr) minmax(190px, .68fr);
  gap: 12px;
  padding: 16px 16px 10px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-session > label {
  display: grid;
  gap: 6px;
  padding: 0 16px 12px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-session .hk-note textarea {
  min-height: 88px;
  resize: vertical;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-photo-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 4px 16px 16px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-photo-card {
  padding: 12px;
  border-color: rgba(95, 191, 205, .3);
  background: linear-gradient(145deg, rgba(9, 40, 62, .9), rgba(7, 31, 51, .9));
  box-shadow: inset 0 1px 0 rgba(184, 238, 246, .04);
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-photo-card strong {
  color: #c9f3e6;
  letter-spacing: .025em;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-photo-preview {
  min-height: 164px;
  border-color: rgba(91, 194, 202, .34);
  border-style: dashed;
  background:
    linear-gradient(135deg, rgba(20, 76, 94, .18) 25%, transparent 25%) 0 0 / 16px 16px,
    linear-gradient(315deg, rgba(20, 76, 94, .14) 25%, transparent 25%) 0 0 / 16px 16px,
    #061d33;
  color: #86b6c4;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-photo-preview.has-photo {
  border-color: rgba(94, 220, 192, .34);
  background: #061b2e;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-photo-preview img {
  background: #061b2e;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-sr-block {
  margin: 0;
  padding: 14px 16px 16px;
  border-top: 1px solid rgba(97, 190, 204, .18);
  background: rgba(4, 27, 47, .34);
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-sr-fields {
  grid-template-columns: minmax(180px, .56fr) minmax(0, 1.44fr);
  gap: 12px;
  padding: 0;
}

/* Action hand-off and the searchable history. */
body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-actions-card {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 17px;
  border-left: 3px solid #55d9a6;
  background: linear-gradient(105deg, rgba(9, 63, 73, .74), rgba(8, 34, 57, .98));
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-actions-card p {
  color: #a8d5d2;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-action-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .inline-filter {
  display: flex;
  align-items: center;
  gap: 8px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .inline-filter label {
  color: #a7cfdd;
  font-size: 11px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-history-table {
  min-width: 1060px;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-history-table th {
  white-space: nowrap;
  font-size: 10px;
  letter-spacing: .035em;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-history-table td:first-child {
  color: #8fe9d1;
  font-weight: 800;
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-history-table td:nth-child(2),
body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-history-table td:nth-child(3) {
  color: #c3e5ed;
  font-weight: 700;
}

body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-history-table td:last-child {
  white-space: nowrap;
}

body.dashboard-sidebar-enabled:has(#hkDate) .hk-daily-print {
  border-color: rgba(81, 192, 232, .42);
  background: rgba(23, 103, 148, .24);
  color: #bdeeff;
}

@media screen and (max-width: 1480px) {
  body.dashboard-sidebar-enabled:has(#hkDate) main {
    width: calc(100% - 36px);
  }

  body.dashboard-sidebar-enabled:has(#hkDate) .topbar .userbox {
    display: none;
  }
}

@media screen and (max-width: 1120px) {
  body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-import-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-import-actions {
    grid-column: span 2;
  }

  body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-header-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-actions-card {
    grid-template-columns: 1fr;
  }

  body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-action-buttons {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 760px) {
  body.dashboard-sidebar-enabled:has(#hkDate) main {
    width: calc(100% - 28px);
    margin-top: 14px;
  }

  body.dashboard-sidebar-enabled:has(#hkDate) .topbar {
    min-height: 0;
    padding: 16px;
  }

  body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-import-fields,
  body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-header-grid,
  body.dashboard-sidebar-enabled:has(#hkDate) .hk-session-fields,
  body.dashboard-sidebar-enabled:has(#hkDate) .hk-sr-fields,
  body.dashboard-sidebar-enabled:has(#hkDate) .hk-photo-grid {
    grid-template-columns: 1fr;
  }

  body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-import-actions {
    grid-column: span 1;
    align-items: stretch;
  }

  body.dashboard-sidebar-enabled:has(#hkDate) .hk-schedule-import-actions .btn,
  body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-action-buttons .btn,
  body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-toolbar .btn {
    width: 100%;
  }

  body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-toolbar,
  body.dashboard-sidebar-enabled:has(#hkDate) .housekeeping-action-buttons {
    align-items: stretch;
  }

  body.dashboard-sidebar-enabled:has(#hkDate) .hk-photo-preview:not(.has-photo) {
    min-height: 220px;
  }

  body.dashboard-sidebar-enabled:has(#hkDate) .entry-guide-body {
    padding: 0 16px 16px;
  }
}

/* v4.3.5 - Shift Meeting and Score Card dark handover console.
   Screen-only visual layer: all data entry, calculations, signature upload,
   edit/delete controls, history, and official print layouts stay unchanged. */
@media screen {
  body.dashboard-sidebar-enabled:has(#meetingDate),
  body.dashboard-sidebar-enabled:has(#scoreDate) {
    --meeting-bg: #071a2d;
    --meeting-panel: #0c2d4a;
    --meeting-panel-deep: #08213b;
    --meeting-line: rgba(105, 193, 222, .25);
    --meeting-text: #eaf9fb;
    --meeting-muted: #a2c7d7;
    background:
      radial-gradient(circle at 90% 0%, rgba(47, 178, 140, .12), transparent 30rem),
      radial-gradient(circle at 10% 0%, rgba(43, 137, 207, .18), transparent 33rem),
      linear-gradient(145deg, #071a2d 0%, #09263f 52%, #061728 100%);
    color: var(--meeting-text);
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) {
    background:
      radial-gradient(circle at 86% 0%, rgba(220, 169, 51, .1), transparent 28rem),
      radial-gradient(circle at 12% 0%, rgba(44, 142, 208, .18), transparent 33rem),
      linear-gradient(145deg, #071a2d 0%, #09263f 52%, #061728 100%);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .topbar,
  body.dashboard-sidebar-enabled:has(#scoreDate) .topbar {
    min-height: 108px;
    padding: 19px max(2.7vw, 24px);
    background:
      linear-gradient(104deg, rgba(9, 42, 70, .98), rgba(7, 34, 58, .96)),
      radial-gradient(circle at 72% 6%, rgba(65, 182, 202, .18), transparent 27rem);
    box-shadow: 0 12px 26px rgba(0, 5, 14, .22);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .topbar h1,
  body.dashboard-sidebar-enabled:has(#scoreDate) .topbar h1 {
    color: #f3fffb;
    font-size: clamp(24px, 2vw, 31px);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .eyebrow,
  body.dashboard-sidebar-enabled:has(#scoreDate) .eyebrow {
    border-color: rgba(91, 218, 178, .38);
    background: rgba(74, 197, 158, .11);
    color: #93f2d0;
    box-shadow: inset 0 1px 0 rgba(189, 255, 235, .08);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .topbar .userbox,
  body.dashboard-sidebar-enabled:has(#scoreDate) .topbar .userbox {
    padding: 8px 10px;
    border: 1px solid rgba(94, 198, 218, .29);
    border-radius: 10px;
    background: linear-gradient(145deg, #103d60, #0a2b49);
    box-shadow: inset 0 1px 0 rgba(187, 239, 255, .08), 0 8px 16px rgba(0, 7, 17, .16);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .topbar .userbox span,
  body.dashboard-sidebar-enabled:has(#scoreDate) .topbar .userbox span {
    padding-left: 0;
    color: #dcf4ed;
    font-size: 11px;
    font-weight: 750;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .topbar .userbox .btn,
  body.dashboard-sidebar-enabled:has(#scoreDate) .topbar .userbox .btn {
    min-height: auto;
    padding: 5px 8px;
    border-color: rgba(255, 183, 183, .3);
    background: rgba(135, 51, 66, .42);
    color: #ffdce1;
    font-size: 10px;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) main,
  body.dashboard-sidebar-enabled:has(#scoreDate) main {
    width: min(1720px, calc(100% - 48px));
    margin: 20px auto 52px;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .entry-guide,
  body.dashboard-sidebar-enabled:has(#scoreDate) .entry-guide {
    margin: 0 0 16px;
    border-color: rgba(79, 205, 192, .25);
    border-radius: 11px;
    background: linear-gradient(105deg, rgba(9, 54, 76, .96), rgba(8, 35, 58, .95));
    box-shadow: inset 0 1px 0 rgba(160, 247, 223, .06), 0 10px 22px rgba(0, 6, 17, .13);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .entry-guide summary,
  body.dashboard-sidebar-enabled:has(#scoreDate) .entry-guide summary {
    padding: 13px 16px;
    color: #e7fff8;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .entry-guide-title,
  body.dashboard-sidebar-enabled:has(#scoreDate) .entry-guide-title {
    font-size: 14px;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .entry-guide-icon,
  body.dashboard-sidebar-enabled:has(#scoreDate) .entry-guide-icon {
    background: linear-gradient(145deg, #39cda9, #238d83);
    box-shadow: 0 0 0 4px rgba(67, 216, 184, .1), 0 0 15px rgba(58, 215, 182, .34);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .entry-guide-toggle,
  body.dashboard-sidebar-enabled:has(#scoreDate) .entry-guide-toggle {
    color: #82ebd0;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .entry-guide-body,
  body.dashboard-sidebar-enabled:has(#scoreDate) .entry-guide-body {
    border-top-color: rgba(95, 207, 193, .2);
    color: #c0ddd8;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .entry-guide-note,
  body.dashboard-sidebar-enabled:has(#scoreDate) .entry-guide-note {
    border-color: rgba(250, 190, 66, .27);
    background: rgba(125, 84, 15, .2);
    color: #ffe2a2;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .card,
  body.dashboard-sidebar-enabled:has(#scoreDate) .card {
    min-width: 0;
    border-color: var(--meeting-line);
    background: linear-gradient(145deg, rgba(12, 45, 73, .98), rgba(7, 29, 51, .98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 10px 20px rgba(0, 6, 17, .14);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) label,
  body.dashboard-sidebar-enabled:has(#scoreDate) label {
    color: #b0d5de;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) input,
  body.dashboard-sidebar-enabled:has(#meetingDate) select,
  body.dashboard-sidebar-enabled:has(#meetingDate) textarea,
  body.dashboard-sidebar-enabled:has(#scoreDate) input,
  body.dashboard-sidebar-enabled:has(#scoreDate) select,
  body.dashboard-sidebar-enabled:has(#scoreDate) textarea {
    border-color: rgba(111, 193, 211, .3);
    background: #09253e;
    color: #effdf8;
    color-scheme: dark;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) input:hover,
  body.dashboard-sidebar-enabled:has(#meetingDate) select:hover,
  body.dashboard-sidebar-enabled:has(#meetingDate) textarea:hover,
  body.dashboard-sidebar-enabled:has(#scoreDate) input:hover,
  body.dashboard-sidebar-enabled:has(#scoreDate) select:hover,
  body.dashboard-sidebar-enabled:has(#scoreDate) textarea:hover {
    border-color: rgba(88, 219, 198, .62);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) input:focus,
  body.dashboard-sidebar-enabled:has(#meetingDate) select:focus,
  body.dashboard-sidebar-enabled:has(#meetingDate) textarea:focus,
  body.dashboard-sidebar-enabled:has(#scoreDate) input:focus,
  body.dashboard-sidebar-enabled:has(#scoreDate) select:focus,
  body.dashboard-sidebar-enabled:has(#scoreDate) textarea:focus {
    border-color: #55d9c0;
    box-shadow: 0 0 0 3px rgba(70, 216, 190, .16);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) input::placeholder,
  body.dashboard-sidebar-enabled:has(#meetingDate) textarea::placeholder,
  body.dashboard-sidebar-enabled:has(#scoreDate) input::placeholder,
  body.dashboard-sidebar-enabled:has(#scoreDate) textarea::placeholder {
    color: #7599aa;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) input[readonly],
  body.dashboard-sidebar-enabled:has(#meetingDate) input:read-only,
  body.dashboard-sidebar-enabled:has(#scoreDate) input[readonly],
  body.dashboard-sidebar-enabled:has(#scoreDate) input:read-only {
    border-color: rgba(81, 191, 180, .38);
    background: linear-gradient(145deg, #103d59, #0a2d47) !important;
    color: #b7f1e2 !important;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) input[type="file"],
  body.dashboard-sidebar-enabled:has(#scoreDate) input[type="file"] {
    padding: 5px;
    color: #b7d7df;
    cursor: pointer;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) input[type="file"]::file-selector-button,
  body.dashboard-sidebar-enabled:has(#scoreDate) input[type="file"]::file-selector-button {
    margin-right: 9px;
    padding: 7px 10px;
    border: 1px solid rgba(90, 208, 190, .42);
    border-radius: 7px;
    background: linear-gradient(145deg, #124968, #0d3453);
    color: #dffbf5;
    font: inherit;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .btn,
  body.dashboard-sidebar-enabled:has(#scoreDate) .btn {
    border-color: rgba(111, 189, 213, .27);
    background: linear-gradient(145deg, #123d5e, #0b2b49);
    color: #e1f7f1;
    box-shadow: inset 0 1px 0 rgba(193, 244, 255, .06), 0 4px 10px rgba(0, 5, 15, .13);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .btn:hover,
  body.dashboard-sidebar-enabled:has(#scoreDate) .btn:hover {
    border-color: rgba(87, 220, 199, .66);
    background: linear-gradient(145deg, #164e6d, #0d3654);
    color: #fff;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .btn.primary,
  body.dashboard-sidebar-enabled:has(#scoreDate) .btn.primary {
    border-color: #278eb1;
    background: linear-gradient(145deg, #177a9d, #115475);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .btn.success,
  body.dashboard-sidebar-enabled:has(#scoreDate) .btn.success {
    border-color: rgba(95, 222, 161, .62);
    background: linear-gradient(145deg, #278f68, #176c50);
    color: #effff6;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .oil-delete,
  body.dashboard-sidebar-enabled:has(#scoreDate) .oil-delete {
    border-color: rgba(255, 125, 143, .44) !important;
    background: rgba(126, 42, 58, .32) !important;
    color: #ffd7df !important;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .section-title,
  body.dashboard-sidebar-enabled:has(#scoreDate) .section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 22px 0 10px;
    color: #79e1cb;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .section-title::after,
  body.dashboard-sidebar-enabled:has(#scoreDate) .section-title::after {
    content: "";
    height: 1px;
    flex: 1;
    background: linear-gradient(90deg, rgba(101, 220, 199, .38), transparent);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .card-head,
  body.dashboard-sidebar-enabled:has(#scoreDate) .card-head {
    border-bottom-color: rgba(111, 193, 211, .2);
    background: rgba(16, 58, 88, .48);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .card-head h2,
  body.dashboard-sidebar-enabled:has(#scoreDate) .card-head h2 {
    color: #effff9;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .card-head span,
  body.dashboard-sidebar-enabled:has(#meetingDate) .card small,
  body.dashboard-sidebar-enabled:has(#scoreDate) .card-head span,
  body.dashboard-sidebar-enabled:has(#scoreDate) .card small {
    color: #a9cfe0;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .table-wrap,
  body.dashboard-sidebar-enabled:has(#scoreDate) .table-wrap {
    min-width: 0;
    padding: 10px 12px 12px;
    border-radius: 0 0 10px 10px;
    background: rgba(3, 20, 37, .16);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) table,
  body.dashboard-sidebar-enabled:has(#scoreDate) table {
    border: 1px solid rgba(111, 193, 211, .18);
    border-radius: 8px;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) th,
  body.dashboard-sidebar-enabled:has(#scoreDate) th {
    border-bottom: 1px solid rgba(112, 197, 214, .22);
    background: #103957;
    color: #b1e5df;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) td,
  body.dashboard-sidebar-enabled:has(#scoreDate) td {
    border-bottom-color: rgba(111, 180, 209, .16);
    background: rgba(7, 30, 51, .56);
    color: #d8f2eb;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) td:first-child,
  body.dashboard-sidebar-enabled:has(#scoreDate) td:first-child {
    color: #91e8d1;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) tr:hover td,
  body.dashboard-sidebar-enabled:has(#scoreDate) tr:hover td {
    background: rgba(20, 81, 100, .38);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .admin-edit-banner,
  body.dashboard-sidebar-enabled:has(#scoreDate) .admin-edit-banner {
    border-color: rgba(255, 193, 77, .42);
    background: linear-gradient(105deg, rgba(105, 69, 13, .34), rgba(69, 47, 13, .24));
    color: #ffe0a0;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) #toast,
  body.dashboard-sidebar-enabled:has(#scoreDate) #toast {
    border-color: rgba(92, 198, 216, .3);
    background: #0c2e4c;
    color: #e9f9f6;
    box-shadow: 0 14px 30px rgba(0, 6, 18, .34);
  }

  /* Shift Meeting: make the handover document feel like one focused control room. */
  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-toolbar {
    gap: 9px;
    padding: 16px;
    margin-bottom: 16px;
    border-left: 3px solid #54d7b1;
    background: linear-gradient(105deg, rgba(8, 65, 76, .74), rgba(8, 35, 58, .98));
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-toolbar > label {
    min-width: 146px;
    flex: 0 1 168px;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-toolbar .btn {
    min-height: 40px;
    white-space: nowrap;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-document {
    gap: 16px;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-document-head {
    border-color: rgba(96, 190, 210, .3);
    background: linear-gradient(105deg, rgba(9, 49, 74, .98), rgba(8, 33, 55, .98));
    box-shadow: inset 0 1px 0 rgba(177, 240, 255, .05), 0 10px 20px rgba(0, 6, 17, .14);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-document-head strong {
    color: #b9e8e5;
    font-size: 12px;
    letter-spacing: .05em;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-document-head h2 {
    color: #f0fffa;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-doc-number {
    border-left-color: rgba(106, 193, 210, .22);
    background: rgba(4, 26, 44, .32);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-doc-number span,
  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-doc-number b {
    border-bottom-color: rgba(107, 190, 208, .18);
    color: #a8cdda;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-doc-number b {
    border-left-color: rgba(107, 190, 208, .18);
    color: #e0f6ef;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-meta-grid {
    grid-template-columns: 1.4fr .82fr 1.5fr .72fr;
    gap: 12px;
    padding: 16px 16px 10px;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-full-label {
    display: grid;
    gap: 6px;
    padding: 0 16px 16px;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-unit-table {
    min-width: 940px;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-support-table {
    min-width: 860px;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-unit-table th,
  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-support-table th {
    white-space: nowrap;
    font-size: 10px;
    letter-spacing: .035em;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-unit-table td,
  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-support-table td {
    background: rgba(7, 30, 51, .72);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-unit-table td:first-child {
    color: #8fe8d0;
    font-weight: 800;
    white-space: nowrap;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-support-table td:first-child input {
    color: #caeaf0;
    font-weight: 750;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-text-grid {
    gap: 16px;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-text-card {
    overflow: hidden;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-text-card textarea {
    min-height: 126px;
    border: 0;
    border-top: 1px solid rgba(111, 193, 211, .18);
    border-radius: 0 0 12px 12px;
    background: rgba(4, 27, 47, .44);
    color: #e5f8f3;
    resize: vertical;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-text-wide .card-head .btn {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-sign-grid {
    gap: 12px;
    padding: 16px;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-approval-column {
    padding: 12px;
    border: 1px solid rgba(99, 190, 205, .2);
    border-radius: 10px;
    background: rgba(5, 28, 48, .34);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-approval-role {
    border: 1px solid rgba(78, 205, 183, .3);
    background: rgba(35, 129, 116, .18);
    color: #9bf0d3;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .signature-space {
    border-color: rgba(90, 194, 203, .36);
    background:
      linear-gradient(135deg, rgba(20, 76, 94, .18) 25%, transparent 25%) 0 0 / 16px 16px,
      linear-gradient(315deg, rgba(20, 76, 94, .14) 25%, transparent 25%) 0 0 / 16px 16px,
      #061d33;
    color: #91bbc7;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .signature-space:has(.signature-image:not([hidden])) {
    border-color: rgba(94, 220, 192, .34);
    background: #061b2e;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .signature-space .signature-image {
    background: #f8fffc;
    border-radius: 6px;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .signature-controls .btn {
    min-height: 36px;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-fixed-field[readonly] {
    border-color: rgba(84, 209, 191, .45);
    background: linear-gradient(145deg, #10445c, #0c324d) !important;
    color: #aaf2dc !important;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-badge {
    border: 1px solid rgba(92, 203, 219, .32);
    background: rgba(37, 122, 153, .22);
    color: #b7ebf5;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-pagi {
    border-color: rgba(85, 201, 244, .35);
    background: rgba(28, 113, 166, .23);
    color: #a9eaff;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-sore {
    border-color: rgba(250, 190, 66, .38);
    background: rgba(115, 77, 13, .24);
    color: #ffe0a0;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .shift-malam {
    border-color: rgba(174, 151, 243, .32);
    background: rgba(79, 54, 132, .22);
    color: #dbcaff;
  }

  /* Score Card: focus score, participant hand-off, and monthly performance. */
  body.dashboard-sidebar-enabled:has(#scoreDate) .score-toolbar {
    gap: 9px;
    padding: 16px;
    margin-bottom: 16px;
    border-left: 3px solid #efc55d;
    background: linear-gradient(105deg, rgba(58, 60, 34, .62), rgba(8, 35, 58, .98));
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-toolbar > label {
    min-width: 146px;
    flex: 0 1 168px;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-toolbar .btn {
    min-height: 40px;
    white-space: nowrap;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-document {
    gap: 16px;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-document-head {
    border-color: rgba(119, 190, 211, .3);
    background: linear-gradient(105deg, rgba(9, 49, 74, .98), rgba(8, 33, 55, .98));
    box-shadow: inset 0 1px 0 rgba(177, 240, 255, .05), 0 10px 20px rgba(0, 6, 17, .14);
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-document-head strong {
    color: #d8eadc;
    font-size: 12px;
    letter-spacing: .05em;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-document-head h2 {
    color: #fff8de;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-doc-number {
    border-left-color: rgba(110, 190, 211, .22);
    background: rgba(4, 26, 44, .32);
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-doc-number span,
  body.dashboard-sidebar-enabled:has(#scoreDate) .score-doc-number b {
    border-bottom-color: rgba(107, 190, 208, .18);
    color: #a8cdda;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-doc-number b {
    border-left-color: rgba(107, 190, 208, .18);
    color: #fff0b9;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-meta-grid {
    grid-template-columns: 1.05fr 1fr 1.85fr;
    gap: 12px;
    padding: 16px;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-participant-grid {
    gap: 16px;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-participant-grid .card {
    overflow: hidden;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-participant-table {
    min-width: 470px;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-participant-table th {
    font-size: 10px;
    letter-spacing: .035em;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-participant-table td {
    background: rgba(7, 30, 51, .72);
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-participant-table td:first-child {
    color: #c6e7ed;
    font-weight: 700;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-table-card {
    overflow: hidden;
    border-color: rgba(217, 181, 74, .3);
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-table {
    min-width: 1110px;
    border-color: rgba(217, 181, 74, .27);
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-table th {
    background: #17435f;
    color: #d8f0df;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-table td {
    border-color: rgba(111, 188, 205, .16);
    background: rgba(7, 30, 51, .74);
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-table td:first-child {
    color: #ffe096;
    font-weight: 800;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-table td:nth-child(2) {
    color: #e5f3ed;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-table td:nth-child(5) {
    color: #a9ceda;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-table tfoot th {
    border-color: rgba(223, 187, 83, .32);
    background: linear-gradient(105deg, rgba(105, 79, 22, .42), rgba(26, 62, 78, .78));
    color: #ffe3a0;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-table tfoot th:nth-last-child(2) {
    color: #9bf0d3;
    font-size: 20px;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-time-grid {
    gap: 7px;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-input {
    min-width: 76px;
    border-color: rgba(237, 195, 88, .38);
    background: linear-gradient(145deg, #183b50, #0b2944);
    color: #ffe49a;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-keeper-card {
    border-color: rgba(94, 198, 184, .3);
    background: linear-gradient(105deg, rgba(9, 62, 72, .66), rgba(8, 34, 57, .98));
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-keeper-role {
    border: 1px solid rgba(237, 195, 88, .34);
    background: rgba(111, 81, 15, .22);
    color: #ffe09b;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-signature-space {
    border-color: rgba(90, 194, 203, .36);
    background:
      linear-gradient(135deg, rgba(20, 76, 94, .18) 25%, transparent 25%) 0 0 / 16px 16px,
      linear-gradient(315deg, rgba(20, 76, 94, .14) 25%, transparent 25%) 0 0 / 16px 16px,
      #061d33;
    color: #91bbc7;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-signature-space:has(.signature-image:not([hidden])) {
    border-color: rgba(94, 220, 192, .34);
    background: #061b2e;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-signature-space .signature-image {
    background: #f8fffc;
    border-radius: 6px;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-summary-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-summary-grid .summary-card {
    min-width: 0;
    border-color: rgba(108, 191, 211, .24);
    background: linear-gradient(145deg, rgba(13, 48, 75, .98), rgba(7, 29, 50, .98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 10px 18px rgba(0, 6, 17, .12);
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-summary-grid .summary-card span {
    color: #a7cbd7;
    line-height: 1.35;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-summary-grid .summary-card strong {
    color: #86ead1;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-summary-grid .summary-card:nth-child(3n + 2) {
    border-color: rgba(95, 222, 161, .34);
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-summary-grid .summary-card:nth-child(3n) {
    border-color: rgba(237, 195, 88, .38);
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-summary-grid .summary-card:nth-child(3n) strong {
    color: #ffe29a;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-main > .card:last-child table {
    min-width: 960px;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-main > .card:last-child th {
    white-space: nowrap;
    font-size: 10px;
    letter-spacing: .035em;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-main > .card:last-child td:first-child {
    color: #8fe8d0;
    white-space: nowrap;
  }

  body.dashboard-sidebar-enabled:has(#scoreDate) .score-main > .card:last-child td:nth-child(4) {
    color: #ffe29a;
    font-weight: 800;
  }

  @media screen and (max-width: 1480px) {
    body.dashboard-sidebar-enabled:has(#meetingDate) main,
    body.dashboard-sidebar-enabled:has(#scoreDate) main {
      width: calc(100% - 36px);
    }

    body.dashboard-sidebar-enabled:has(#meetingDate) .topbar .userbox,
    body.dashboard-sidebar-enabled:has(#scoreDate) .topbar .userbox {
      display: none;
    }
  }

  @media screen and (max-width: 1120px) {
    body.dashboard-sidebar-enabled:has(#meetingDate) .shift-meta-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.dashboard-sidebar-enabled:has(#scoreDate) .score-meta-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.dashboard-sidebar-enabled:has(#scoreDate) .score-meta-grid > :last-child {
      grid-column: span 2;
    }

    body.dashboard-sidebar-enabled:has(#scoreDate) .score-summary-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media screen and (max-width: 760px) {
    body.dashboard-sidebar-enabled:has(#meetingDate) main,
    body.dashboard-sidebar-enabled:has(#scoreDate) main {
      width: calc(100% - 28px);
      margin-top: 14px;
    }

    body.dashboard-sidebar-enabled:has(#meetingDate) .topbar,
    body.dashboard-sidebar-enabled:has(#scoreDate) .topbar {
      min-height: 0;
      padding: 16px;
    }

    body.dashboard-sidebar-enabled:has(#meetingDate) .shift-toolbar,
    body.dashboard-sidebar-enabled:has(#scoreDate) .score-toolbar {
      align-items: stretch;
    }

    body.dashboard-sidebar-enabled:has(#meetingDate) .shift-toolbar > *,
    body.dashboard-sidebar-enabled:has(#scoreDate) .score-toolbar > * {
      width: 100%;
      max-width: none;
      flex-basis: 100%;
    }

    body.dashboard-sidebar-enabled:has(#meetingDate) .shift-document-head,
    body.dashboard-sidebar-enabled:has(#scoreDate) .score-document-head {
      grid-template-columns: 1fr;
    }

    body.dashboard-sidebar-enabled:has(#meetingDate) .shift-doc-number,
    body.dashboard-sidebar-enabled:has(#scoreDate) .score-doc-number {
      border-top: 1px solid rgba(107, 190, 208, .18);
      border-left: 0;
    }

    body.dashboard-sidebar-enabled:has(#meetingDate) .shift-meta-grid,
    body.dashboard-sidebar-enabled:has(#meetingDate) .shift-text-grid,
    body.dashboard-sidebar-enabled:has(#meetingDate) .shift-sign-grid,
    body.dashboard-sidebar-enabled:has(#scoreDate) .score-meta-grid,
    body.dashboard-sidebar-enabled:has(#scoreDate) .score-participant-grid,
    body.dashboard-sidebar-enabled:has(#scoreDate) .score-keeper-card,
    body.dashboard-sidebar-enabled:has(#scoreDate) .score-summary-grid {
      grid-template-columns: 1fr;
    }

    body.dashboard-sidebar-enabled:has(#scoreDate) .score-meta-grid > :last-child {
      grid-column: span 1;
    }

    body.dashboard-sidebar-enabled:has(#meetingDate) .shift-text-wide {
      grid-column: auto;
    }

    body.dashboard-sidebar-enabled:has(#meetingDate) .shift-text-wide .card-head {
      align-items: flex-start;
      flex-direction: column;
      gap: 10px;
    }

    body.dashboard-sidebar-enabled:has(#meetingDate) .shift-text-wide .card-head .btn {
      width: 100%;
    }

    body.dashboard-sidebar-enabled:has(#meetingDate) .signature-controls,
    body.dashboard-sidebar-enabled:has(#scoreDate) .signature-controls {
      align-items: stretch;
    }

    body.dashboard-sidebar-enabled:has(#meetingDate) .signature-controls .btn,
    body.dashboard-sidebar-enabled:has(#scoreDate) .signature-controls .btn {
      width: 100%;
    }

    body.dashboard-sidebar-enabled:has(#meetingDate) .entry-guide-body,
    body.dashboard-sidebar-enabled:has(#scoreDate) .entry-guide-body {
      padding: 0 16px 16px;
    }
  }
}

/* v4.3.7 - Light signature canvas for dark operational consoles.
   The canvas is deliberately white so uploaded ink signatures keep
   their native black/blue contrast; it does not alter stored images. */
@media screen {
  body.dashboard-sidebar-enabled:has(#meetingDate) .signature-space,
  body.dashboard-sidebar-enabled:has(#scoreDate) .score-signature-space,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-signature-image-box,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-signature-image-box {
    border: 1px solid rgba(151, 194, 204, .68);
    background: #fbfffd;
    color: #435d6b;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72), 0 4px 10px rgba(0, 7, 17, .1);
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .signature-space:has(.signature-image:not([hidden])),
  body.dashboard-sidebar-enabled:has(#scoreDate) .score-signature-space:has(.signature-image:not([hidden])),
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-signature-image-box:has(img:not([hidden])),
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-signature-image-box:has(img:not([hidden])) {
    border-color: rgba(89, 177, 157, .62);
    background: #fff;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .signature-space span,
  body.dashboard-sidebar-enabled:has(#scoreDate) .score-signature-space span,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-signature-image-box span,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-signature-image-box span {
    color: #526b78;
  }

  body.dashboard-sidebar-enabled:has(#meetingDate) .signature-space .signature-image,
  body.dashboard-sidebar-enabled:has(#scoreDate) .score-signature-space .signature-image,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-signature-image-box img,
  body.dashboard-sidebar-enabled:has(#patrolDate) .patrol-signature-image-box img {
    background: #fff;
  }
}

/* v4.3.8 - Checklist Start Up quick status by individual unit. */
@media screen {
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-quick-unit-panel {
    margin: 12px 14px 14px;
    padding: 12px;
    overflow-x: auto;
    border: 1px solid rgba(101, 196, 208, .28);
    border-radius: 10px;
    background: linear-gradient(105deg, rgba(8, 42, 61, .94), rgba(6, 28, 48, .92));
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-quick-unit-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    min-width: 820px;
    margin-bottom: 10px;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-quick-unit-head strong {
    color: #93efd6;
    font-size: 11px;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-quick-unit-head span {
    color: #9dc3cd;
    font-size: 11px;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-quick-unit-grid {
    display: grid;
    grid-template-columns: repeat(11, minmax(72px, 1fr));
    gap: 8px;
    min-width: 820px;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-quick-unit {
    display: grid;
    gap: 7px;
    padding: 8px;
    border: 1px solid rgba(96, 187, 208, .25);
    border-radius: 8px;
    background: rgba(12, 54, 77, .72);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-quick-unit > strong {
    color: #d9f2ed;
    font-size: 10px;
    letter-spacing: .045em;
    text-align: center;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-quick-unit-actions {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-unit-quick-btn {
    min-height: 28px;
    padding: 3px 2px;
    border: 1px solid rgba(115, 192, 211, .36);
    border-radius: 5px;
    background: #123d5b;
    color: #e7fbf5;
    font: inherit;
    font-size: 9px;
    font-weight: 800;
    cursor: pointer;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-unit-quick-btn:hover,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-unit-quick-btn:focus-visible {
    outline: none;
    border-color: #7ae7ce;
    box-shadow: 0 0 0 2px rgba(102, 225, 198, .18);
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-unit-quick-ok {
    border-color: rgba(96, 238, 168, .54);
    background: linear-gradient(145deg, #1f7355, #185741);
    color: #e1ffea;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-unit-quick-har {
    border-color: rgba(255, 167, 112, .56);
    background: linear-gradient(145deg, #7a4b24, #5d371d);
    color: #ffe3c1;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-unit-quick-clear {
    color: #b8d4db;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-status-select,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-result-input {
    color-scheme: dark;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-status-select option,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-result-input option {
    background: #092a44 !important;
    color: #eefdf8 !important;
  }

  body.dashboard-sidebar-enabled:has(#startupDate) .startup-status-select option:checked,
  body.dashboard-sidebar-enabled:has(#startupDate) .startup-result-input option:checked {
    background: #1c654e !important;
    color: #fff !important;
  }
}

@media screen {
  body.dashboard-sidebar-enabled #waModal {
    background: rgba(0, 9, 20, .76);
  }

  body.dashboard-sidebar-enabled #waModal .modal-box {
    border-color: #315c77;
    background: linear-gradient(145deg, #0d2d49, #09233b);
    color: #eaf6ff;
    color-scheme: dark;
    box-shadow: 0 20px 60px rgba(0, 5, 15, .48);
  }

  body.dashboard-sidebar-enabled #waModal .modal-head {
    border-color: #315c77;
    background: #103955;
  }

  body.dashboard-sidebar-enabled #waModal .modal-head h2 {
    color: #eaf6ff;
  }

  body.dashboard-sidebar-enabled #waModal .modal-head button {
    min-width: 40px;
    min-height: 40px;
    border-radius: 7px;
    color: #eaf6ff;
  }

  body.dashboard-sidebar-enabled #waModal .modal-head button:hover {
    background: #20516d;
  }

  body.dashboard-sidebar-enabled #waModal .wa-grid label {
    color: #b8d9ec;
  }

  body.dashboard-sidebar-enabled #waModal .wa-unit > b {
    color: #eaf6ff;
  }

  body.dashboard-sidebar-enabled #waModal .wa-grid input,
  body.dashboard-sidebar-enabled #waModal .wa-grid select,
  body.dashboard-sidebar-enabled #waModal .wa-grid textarea {
    border-color: #315c77;
    background: #0a253e;
    color: #eaf6ff;
    color-scheme: dark;
  }

  body.dashboard-sidebar-enabled #waModal .wa-grid input::placeholder,
  body.dashboard-sidebar-enabled #waModal .wa-grid textarea::placeholder {
    color: #86aac3;
    opacity: 1;
  }

  body.dashboard-sidebar-enabled #waModal .wa-grid select option {
    background: #0a253e;
    color: #eaf6ff;
  }

  body.dashboard-sidebar-enabled #waModal .modal-actions {
    flex-wrap: wrap;
    border-color: #315c77;
    border-radius: 0 0 8px 8px;
    background: #0a253e;
  }

  body.dashboard-sidebar-enabled #waModal .modal-actions .btn {
    border-color: #3a6f90;
    background: #164260;
    color: #f2fbff;
  }

  body.dashboard-sidebar-enabled #waModal .modal-actions .btn.primary {
    border-color: #459bc5;
    background: #236893;
  }

  body.dashboard-sidebar-enabled #waModal .modal-actions .btn.success {
    border-color: #43b98f;
    background: #1e735a;
  }

  body.dashboard-sidebar-enabled #waModal button:focus-visible,
  body.dashboard-sidebar-enabled #waModal .wa-grid input:focus-visible,
  body.dashboard-sidebar-enabled #waModal .wa-grid select:focus-visible,
  body.dashboard-sidebar-enabled #waModal .wa-grid textarea:focus-visible {
    outline: 2px solid #85e3ff;
    outline-offset: 2px;
  }
}