.glyph-6 i{width:70px;height:2px;background:currentColor;left:20px;top:61px}
.glyph-7:before{width:50px;height:50px;border:3px solid currentColor;border-radius:50%;left:30px;top:29px;border-left-color:transparent}.glyph-7:after{width:31px;height:3px;background:currentColor;transform:rotate(43deg);left:33px;top:47px}
.glyph-8:before{width:88px;height:88px;border:2px dashed currentColor;border-radius:50%;left:11px;top:11px}.glyph-8:after{width:35px;height:35px;background:currentColor;left:38px;top:38px;border-radius:3px}
.glyph-9:before{width:70px;height:88px;background:currentColor;left:20px;top:11px;border-radius:0 0 14px 14px}.glyph-9:after{width:35px;height:35px;border:1px solid var(--bg);border-radius:50%;left:37px;top:22px}.glyph-9 i{width:18px;height:18px;background:var(--bg);border-radius:50%;left:46px;top:70px}

.zenith-designation{padding:20px 26px 18px 52px;background:transparent;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.designation-kicker{font-size:11px;letter-spacing:.1em;font-weight:600;margin-top:3px;margin-bottom:14px}
.designation-title{font-size:clamp(68px,7.4vw,118px);line-height:.84;letter-spacing:-.06em;font-weight:600;margin:0;color:var(--text);white-space:nowrap}
.designation-rule{height:1px;background:var(--border-2);margin:28px 0 28px}
.library-feature,.department-feature{width:100%;min-height:118px;border:1px solid rgba(95,192,222,.45);background:rgba(255,255,255,.11);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;text-align:left;position:relative;cursor:pointer}
.library-feature:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,#6edcff 0%,transparent 38%,#effb32 100%)}
.library-feature h2,.department-feature h2{font-size:30px;line-height:1;margin:0 0 8px;letter-spacing:-.05em;font-weight:600}
.library-feature p,.department-feature p{font-size:12px;line-height:1.45;margin:0;color:#56666b;max-width:440px}
.library-icon{width:60px;height:60px;background:var(--text);display:grid;place-items:center;flex:0 0 auto;margin-left:24px}
.library-icon span{width:25px;height:20px;border:1.5px solid var(--bg);border-radius:5px;position:relative}
.library-icon span:before{content:"";position:absolute;left:2px;top:-5px;width:10px;height:6px;border:1.5px solid var(--bg);border-bottom:0;border-radius:4px 4px 0 0}
.designation-list{margin-top:22px;min-height:0}
.designation-row{min-height:58px;border-bottom:1px solid var(--border-2);display:grid;grid-template-columns:44px 126px 1fr;gap:16px;align-items:center;padding:7px 0}
.designation-row:first-child{border-top:0}
.designation-row .row-no{font-size:10px;color:#77878b}
.designation-row strong{font-size:12px;letter-spacing:.12em;font-weight:600}
.designation-row p{font-size:10.5px;line-height:1.45;color:#5e6d72;margin:0;max-width:390px}

/* Department detail: same left-system/right-designation composition */
.zenith-detail{display:grid;grid-template-columns:56.5% 43.5%;min-height:calc(100vh - 160px)}
.detail-left{border-right:1px solid var(--border-2);padding:28px 30px 42px;min-width:0}
.detail-right{padding:31px 26px 54px 52px;min-width:0}
.detail-left-head{height:56px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border-2);margin-bottom:24px}
.back-link{color:#596a6f;margin:0;padding:0;border:0;background:transparent;font-size:9px;letter-spacing:.08em}
.detail-code{font-size:clamp(70px,7.6vw,126px)}
.department-feature{border-color:var(--border-2);cursor:default}
.department-feature.attention{border-bottom:2px solid var(--critical)}
.department-feature.nominal{border-bottom:2px solid var(--text)}
.department-status-mark{width:70px;height:70px;background:var(--text);color:var(--bg);display:grid;place-items:center;font-size:28px;font-weight:600}
.inline-action{border:0;background:transparent;padding:0;margin-left:8px;text-decoration:underline;text-underline-offset:3px;font:600 9px/1 "JetBrains Mono",ui-monospace,monospace;cursor:pointer}
.alert-row strong,.alert-row .row-no{color:var(--critical)}

/* Convert existing application modules to same technical light system */
.page{max-width:none;margin:0;padding:45px 38px 70px;background:var(--bg)}
.page-head{border-bottom:1px solid var(--border-2);padding-bottom:36px;margin-bottom:30px}
.page-title{color:var(--text);font-weight:600}
.page-intro{color:#5e6d72}
.panel,.roster-wrap,.request-list,.notice-list,.audit-list,.qualification-list,.structure-card,.profile-card,.info-block{background:transparent;border:1px solid var(--border-2);border-radius:0;box-shadow:none}
.panel-head{border-bottom:1px solid var(--border-2)}
.panel-title,.section-meta{color:#53656a}
.small-button,.secondary-button,.ghost-button,.command-button{background:transparent;border:1px solid var(--border-2);border-radius:0;color:var(--text)}
.small-button:hover,.secondary-button:hover,.ghost-button:hover,.command-button:hover{background:rgba(255,255,255,.2);border-color:var(--text)}
.primary-button{background:var(--text);border-color:var(--text);color:var(--bg);border-radius:0}
.primary-button:hover{transform:none;background:#1c2d33}
.pill{border-radius:0;background:transparent;border:1px solid var(--border-2);color:var(--text)}
.pill.success{color:var(--success);border-color:rgba(63,102,88,.45)}.pill.warning{color:var(--warning);border-color:rgba(138,98,44,.45)}.pill.critical{color:var(--critical);border-color:rgba(140,67,63,.45)}
.status.nominal{color:var(--success)}.status.attention{color:var(--warning)}.status.critical{color:var(--critical)}.status.pending{color:var(--info)}
.coverage-head,.coverage-row,.allocation-heading,.staff-card,.unit-row,.qualification-row,.request-row,.notice-row,.audit-row,.data-row,.roster-cell,.roster-date,.roster-name{border-color:var(--border-2)}
.coverage-row.short,.staff-card.absent{background:rgba(140,67,63,.055)}
.staff-card.reassigned{background:rgba(255,255,255,.18)}
.allocation-column{border-color:var(--border-2)}
.toolbar{border-color:var(--border-2);background:transparent}
.segmented{border-color:var(--border-2);border-radius:0}.segmented button{color:#637378}.segmented button.active{background:var(--text);color:var(--bg)}
.field-control,.form-field input,.form-field select,.form-field textarea{background:rgba(255,255,255,.16);color:var(--text);border:1px solid var(--border-2);border-radius:0}
.notice-bar{border-radius:0;background:transparent}
.structure-grid{gap:0;border-top:1px solid var(--border-2);border-left:1px solid var(--border-2)}
.structure-card{border-top:0;border-left:0;min-height:250px;padding:23px}
.structure-card .section-index{color:#627378}
.structure-card h3{font-size:26px}
.data-table,.request-list,.notice-list,.audit-list{border-radius:0}
.request-row:hover,.notice-row:hover,.data-row:hover{background:rgba(255,255,255,.18)}
.tabs{border-color:var(--border-2)}.tab{color:#697a7f}.tab.active{color:var(--text)}.tab.active:after{background:var(--text)}
.profile-avatar{background:var(--text);color:var(--bg)}

/* Drawers/search also adopt template tones */
.drawer-backdrop{background:rgba(16,28,33,.28);backdrop-filter:blur(4px)}
.drawer{background:#e4f0f1;color:var(--text);border-left:1px solid var(--border-2);box-shadow:var(--shadow)}
.drawer-footer{border-color:var(--border-2)}
.search-overlay{background:rgba(15,28,33,.25);backdrop-filter:blur(6px)}
.search-box{background:#e4f0f1;border:1px solid var(--border-2);border-radius:0;color:var(--text)}
.search-input{color:var(--text);border-color:var(--border-2)}
.search-result{border-color:var(--border-2)}.search-result:hover{background:rgba(255,255,255,.24)}.search-result .eyebrow{color:#54676d}
.toast{background:#eef6f6;color:var(--text);border:1px solid var(--border-2);border-radius:0;box-shadow:var(--shadow)}

/* Employee portal: same family, simplified mobile composition */
.employee-shell{background:var(--bg);border-color:var(--border-2);color:var(--text)}
.employee-top{border-color:var(--border-2)}
.duty-card{border:1px solid var(--border-2);border-radius:0;background:rgba(255,255,255,.12)}
.duty-card-head,.week-list,.week-row{border-color:var(--border-2)}
.employee-bottom{background:rgba(220,236,238,.96);border-color:var(--border-2)}
.employee-nav{color:#6d7c81}.employee-nav.active{color:var(--text);font-weight:700}
.request-fab{background:var(--text);color:var(--bg);border-radius:0;box-shadow:none}

@media(max-width:1180px){
  .zenith-header,.zenith-home,.zenith-detail{grid-template-columns:52% 48%}
  .systems-grid{min-height:630px;grid-template-rows:repeat(3,minmax(185px,1fr))}
  .system-glyph{transform:scale(.85) translateY(-10px)}
  .designation-title{font-size:clamp(64px,8.4vw,105px)}
  .designation-row{grid-template-columns:42px 112px 1fr;gap:14px}
  .zenith-nav{overflow-x:auto}
  .zenith-nav-item{flex:0 0 auto}
}
@media(max-width:860px){
  .zenith-header{height:auto;grid-template-columns:1fr;border-bottom:1px solid var(--border-2)}
  .zenith-header-left{border-right:0;border-bottom:1px solid var(--border-2);padding:20px 16px 24px}
  .zenith-header-right{padding:18px 16px 24px}
  .zenith-header-left:after,.zenith-header-right:after{display:none}
  .header-node{display:none}.header-project{margin-left:auto}
  .zenith-nav{height:39px;padding:0;position:sticky;top:0}
  .zenith-nav-item{padding:0 12px}
  .zenith-nav-item.employee-switch{margin-left:0}
  .zenith-home,.zenith-detail{grid-template-columns:1fr}
  .zenith-systems,.detail-left{border-right:0;border-bottom:1px solid var(--border-2);padding:16px}
  .systems-grid{min-height:680px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,minmax(150px,1fr))}
  .system-tile:nth-child(9){grid-column:1/-1}
  .system-glyph{transform:scale(.72) translateY(-8px)}
  .system-tile-name{bottom:44px;font-size:9px}.system-tile-meta{bottom:16px}
  .zenith-designation,.detail-right{padding:35px 18px 48px}
  .designation-title{font-size:clamp(58px,18vw,92px)}
  .designation-rule{margin:35px 0 30px}
  .library-feature,.department-feature{padding:25px 22px;min-height:140px}
  .library-feature h2,.department-feature h2{font-size:29px}.library-icon,.department-status-mark{width:54px;height:54px}
  .designation-list{margin-top:28px}.designation-row{grid-template-columns:37px 92px 1fr;gap:10px}.designation-row strong{font-size:11px}.designation-row p{font-size:10px}
  .page{padding:30px 16px 50px}.page-head{margin-bottom:20px}.page-title{font-size:50px}
  .structure-grid{grid-template-columns:1fr}
}