/* ==============================================================
   V1 COMPLETION / PRODUCTION POLISH
   Keeps the Zenith-X technical composition while improving density,
   feedback, operational readouts, responsive behavior and workflows.
   ============================================================== */

/* Final right-side hierarchy: full-height, readable, balanced. */
@media (min-width:861px){
  .zenith-designation,.detail-right{padding-left:clamp(36px,3vw,50px);padding-right:clamp(26px,2.2vw,36px)}
  .designation-kicker{font-size:clamp(10px,.78vw,12px);margin-bottom:clamp(10px,1.1vh,15px)}
  .designation-title{font-size:clamp(74px,6.15vw,100px);line-height:.87}
  .designation-rule{margin:clamp(17px,2vh,25px) 0}
  .library-feature,.department-feature{min-height:clamp(100px,12vh,126px);padding:clamp(18px,1.7vw,25px) clamp(21px,1.9vw,29px)}
  .library-feature h2,.department-feature h2{font-size:clamp(28px,2.1vw,35px);line-height:1.02;margin-bottom:8px}
  .library-feature p,.department-feature p{font-size:clamp(12px,.95vw,14px);line-height:1.42;max-width:470px}
  .designation-list{flex:1 1 auto;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));margin-top:clamp(18px,2.2vh,30px)}
  .designation-row{height:100%;min-height:0;grid-template-columns:42px 122px minmax(0,1fr);gap:14px;padding:clamp(9px,1.1vh,16px) 0}
  .designation-row .row-no{font-size:clamp(9.5px,.72vw,11px)}
  .designation-row strong{font-size:clamp(11.5px,.9vw,13.5px);line-height:1.2}
  .designation-row p{font-size:clamp(11.5px,.9vw,13.5px);line-height:1.42;max-width:none}
  .designation-row p b{color:var(--text);font-weight:650}
}

@media (min-width:861px) and (max-height:820px){
  .designation-title{font-size:clamp(66px,5.5vw,88px)}
  .designation-rule{margin:11px 0}
  .library-feature,.department-feature{min-height:88px;padding:14px 19px}
  .library-feature h2,.department-feature h2{font-size:26px;margin-bottom:5px}
  .library-feature p,.department-feature p{font-size:11.5px;line-height:1.32}
  .designation-list{margin-top:10px}
  .designation-row{padding:5px 0;grid-template-columns:36px 106px minmax(0,1fr);gap:10px}
  .designation-row strong,.designation-row p{font-size:10.8px}
}

/* Today systems: compact live signal without turning tiles into dashboard cards. */
.system-tile{isolation:isolate}
.system-tile:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent;transition:background .18s ease}
.system-tile.attention:after{background:var(--warning)}
.system-tile.critical:after{background:var(--critical)}
.system-tile.nominal:hover:after{background:var(--text)}
.system-tile.attention,.system-tile.critical{background:rgba(255,255,255,.07)}
.system-tile.attention .system-glyph,.system-tile.critical .system-glyph{transform:scale(.84) translateY(-8px)}
.tile-state{position:absolute;right:12px;top:14px;font-size:7px;letter-spacing:.09em;color:#75858a}
.system-tile.attention .tile-state{color:var(--warning)}
.system-tile.critical .tile-state{color:var(--critical)}
.system-tile:hover .system-tile-name{transform:translateY(-2px)}
.system-tile-name{transition:transform .16s ease}

/* Department operational readout. */
.ops-readout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border-2);border-bottom:0}
.ops-readout>div{min-height:72px;padding:13px 15px;border-right:1px solid var(--border-2);display:flex;flex-direction:column;justify-content:center}
.ops-readout>div:last-child{border-right:0}
.ops-readout span{font:500 8px/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;color:#66787d}
.ops-readout strong{font-size:24px;line-height:1;margin-top:8px;font-weight:600;letter-spacing:-.035em}
.ops-readout strong.ok{color:var(--success)}
.ops-readout strong.warn{color:var(--critical)}
.allocation-grid.refined{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.dept-activity{margin-top:18px;border-top:1px solid var(--border-2)}
.dept-activity>.panel-title{display:block;padding:14px 0 10px}
.dept-activity>div{display:grid;grid-template-columns:48px 1fr 1.2fr;gap:12px;align-items:center;min-height:43px;border-top:1px solid var(--border);font-size:10px}
.dept-activity>div>span{font-size:8px;color:#75858a}
.dept-activity>div>strong{font-size:10px;font-weight:600}
.dept-activity>div>small{font-size:9px;color:#65757a}
.department-feature.critical{border-bottom:2px solid var(--critical)}

/* Relief selection and source-impact safety. */
.relief-list{margin-top:16px;border:1px solid var(--border-2)}
.relief-candidate{display:grid;grid-template-columns:24px minmax(0,1fr) 112px;gap:12px;align-items:center;min-height:72px;padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s ease}
.relief-candidate:last-child{border-bottom:0}
.relief-candidate:hover{background:rgba(255,255,255,.22)}
.relief-candidate input{accent-color:var(--text)}
.relief-candidate strong{display:block;font-size:12px}
.relief-candidate div>span{display:block;margin-top:4px;font-size:9px;color:#65757a}
.source-impact{text-align:right}
.source-impact span{font:500 7px/1.2 "JetBrains Mono",ui-monospace,monospace;color:#7b898d}
.source-impact strong{font:600 12px/1.2 "JetBrains Mono",ui-monospace,monospace;margin-top:5px}
.source-impact.warn strong{color:var(--critical)}

/* Roster: view modes, validation and publication history. */
.roster-grid{min-width:max-content;grid-template-columns:220px repeat(var(--days,14),58px)}
.validation-strip{border:1px solid var(--border-2);display:grid;grid-template-columns:minmax(230px,.75fr) 1.25fr;gap:18px;align-items:center;min-height:66px;padding:10px 14px;margin-bottom:14px}
.validation-strip>div:first-child{display:grid;gap:6px}
.validation-strip .system-label{font-size:7px;color:#708086}
.validation-strip strong{font-size:12px}
.validation-strip.warning{border-bottom:2px solid var(--warning)}
.validation-strip.nominal{border-bottom:2px solid var(--success)}
.validation-items{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.validation-items span{border:1px solid var(--border);padding:6px 8px;font:500 7.5px/1 "JetBrains Mono",ui-monospace,monospace;color:#596b70}
.roster-history{margin-top:16px;border-top:1px solid var(--border-2)}
.roster-history>.panel-title{display:block;padding:13px 0 8px}
.roster-history>div{display:grid;grid-template-columns:55px 1fr 1fr;gap:12px;align-items:center;border-top:1px solid var(--border);min-height:42px}
.roster-history>div strong{font:600 9px/1 "JetBrains Mono",ui-monospace,monospace}
.roster-history>div span,.roster-history>div small{font-size:9px;color:#64757a}
.roster-history>p{font-size:10px;color:#697a7f}

/* Structure, requests, notices and data tooling. */
.structure-card.interactive{position:relative;cursor:pointer;transition:background .15s ease}
.structure-card.interactive:hover{background:rgba(255,255,255,.17)}
.structure-status{position:absolute;right:18px;top:20px;font:600 8px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em}
.structure-status.nominal{color:var(--success)}
.structure-status.attention{color:var(--warning)}
.structure-status.critical{color:var(--critical)}
.notice-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border-2);border-bottom:0}
.notice-summary>div{min-height:70px;border-right:1px solid var(--border-2);padding:13px 16px;display:flex;justify-content:space-between;align-items:end}
.notice-summary>div:last-child{border-right:0}
.notice-summary span{font:500 8px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.09em;color:#6b7b80}
.notice-summary strong{font-size:26px;line-height:1}
.empty-state{min-height:120px;display:grid;place-items:center;font:500 9px/1 "JetBrains Mono",ui-monospace,monospace;color:#78888d;letter-spacing:.08em}

/* More confident interaction states. */
.system-tile,.library-feature,.zenith-nav-item,.data-row,.request-row,.notice-row,.structure-card,.roster-cell{transition:background .16s ease,border-color .16s ease,transform .16s ease}
.library-feature:hover{background:rgba(255,255,255,.24)}
.data-row:active,.request-row:active,.system-tile:active{transform:translateY(1px)}
.roster-cell.selected{background:rgba(16,28,33,.08);box-shadow:inset 0 0 0 1px var(--text)}
.shift-code{border-radius:0;background:transparent}

/* Loading/placeholder primitives ready for async production data. */
.skeleton{background:linear-gradient(90deg,rgba(16,28,33,.05),rgba(255,255,255,.25),rgba(16,28,33,.05));background-size:200% 100%;animation:smSkeleton 1.4s linear infinite;color:transparent!important}
@keyframes smSkeleton{to{background-position:-200% 0}}

/* Tablet supervisor usability. */
@media(max-width:1180px) and (min-width:861px){
  .ops-readout>div{min-height:64px;padding:10px}.ops-readout strong{font-size:20px}
  .detail-left{padding-left:22px;padding-right:22px}
  .allocation-grid.refined{grid-template-columns:repeat(2,minmax(0,1fr))}
  .relief-candidate{grid-template-columns:22px 1fr 100px}
  .notice-summary strong{font-size:22px}
}

@media(max-width:860px){
  .tile-state{font-size:6.5px;top:11px;right:10px}
  .ops-readout{grid-template-columns:repeat(2,1fr)}
  .ops-readout>div:nth-child(2){border-right:0}.ops-readout>div:nth-child(-n+2){border-bottom:1px solid var(--border-2)}
  .allocation-grid.refined{grid-template-columns:1fr}
  .dept-activity>div{grid-template-columns:45px 1fr}.dept-activity>div>small{grid-column:2}
  .validation-strip{grid-template-columns:1fr}.validation-items{justify-content:flex-start}
  .notice-summary{grid-template-columns:1fr}.notice-summary>div{border-right:0;border-bottom:1px solid var(--border)}.notice-summary>div:last-child{border-bottom:0}
  .relief-candidate{grid-template-columns:22px 1fr}.source-impact{grid-column:2;text-align:left}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}