/*
 * ONOFF Desktop Golden UI System
 * Authority: the approved Electronic Documents desktop implementation.
 * Feature screens opt in with the onoff-desktop-* classes; feature data,
 * behavior and Electronic Documents selectors remain unchanged.
 */

:root {
  --onoff-ui-text: #1a1c1e;
  --onoff-ui-muted: #4f5356;
  --onoff-ui-subtle: #8d9196;
  --onoff-ui-primary: #1b59f8;
  --onoff-ui-primary-soft: #ebf1ff;
  --onoff-ui-divider: #e1e2e5;
  --onoff-ui-workspace: #f8f9fa;
  --onoff-ui-table-head: #f1f2f4;
  --onoff-ui-control-height: 32px;
  --onoff-ui-tab-height: 37px;
  --onoff-ui-row-height: 46px;
  --onoff-ui-radius: 4px;
  --onoff-ui-content-gap: 20px;
  --desktop-sidebar-width: 220px;
  --desktop-header-height: 48px;
  --desktop-workspace-gutter: 40px;
  --desktop-content-max: 1440px;
  --desktop-title-size: 24px;
  --desktop-section-title-size: 18px;
  --desktop-body-size: 14px;
  --desktop-label-size: 13px;
  --desktop-card-padding: 24px;
  --desktop-card-radius: 12px;
  --desktop-section-gap: 24px;
  --desktop-row-height: 42px;
}

/* SS-LIFE-04: Supervisor Safety Start status strip and single semantic language. */
@media (min-width:700px) {
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .admin-panel[data-admin-panel="safety-start"] .operation-summary-grid {
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    overflow:hidden!important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card {
    min-width:0!important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card span {
    overflow:visible!important;
    white-space:nowrap!important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-total { --status-color:#103b73; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-waiting { --status-color:#2563eb; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-progress { --status-color:#d97706; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-complete { --status-color:#15803d; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-work-closed { --status-color:#64748b; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-rejected { --status-color:#c2413b; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-active {
    border-color:var(--status-color)!important;
    background:color-mix(in srgb,var(--status-color) 15%,#fff)!important;
    box-shadow:inset 0 -3px 0 var(--status-color)!important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-active strong,
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-active span { color:var(--status-color)!important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .status-badge {
    border:1px solid currentColor!important;
    font-weight:800!important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .status-badge.status--registered { --status-badge-color:#1d4ed8;--status-badge-background:#dbeafe; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .status-badge.status--progress { --status-badge-color:#b45309;--status-badge-background:#fef3c7; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .status-badge.status--completed { --status-badge-color:#166534;--status-badge-background:#dcfce7; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .status-badge.status--work-closed { --status-badge-color:#475569;--status-badge-background:#e2e8f0; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .status-badge.status--rejected { --status-badge-color:#b42318;--status-badge-background:#fee2e2; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-status-filters button { white-space:nowrap; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-status-filters button[data-status-filter=""][aria-pressed="true"] { border-color:#103b73;background:#103b73;color:#fff; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-status-filters button[data-status-filter="waiting"][aria-pressed="true"] { border-color:#2563eb;background:#2563eb;color:#fff; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-status-filters button[data-status-filter="progress"][aria-pressed="true"] { border-color:#d97706;background:#d97706;color:#fff; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-status-filters button[data-status-filter="complete"][aria-pressed="true"] { border-color:#15803d;background:#15803d;color:#fff; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-status-filters button[data-status-filter="work-closed"][aria-pressed="true"] { border-color:#64748b;background:#64748b;color:#fff; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-status-filters button[data-status-filter="rejected"][aria-pressed="true"] { border-color:#c2413b;background:#c2413b;color:#fff; }
}

/* Electronic Document authoring: one full-width outer scroll owner, unchanged golden content rail. */
@media (min-width: 901px) {
  body.admin-page[data-admin-view="electronic-documents"][data-document-view="builder"] .admin-main {
    height: calc(100dvh - 48px) !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  body.admin-page[data-admin-view="electronic-documents"][data-document-view="builder"] :is(.document-panel,.document-workspace) {
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow: visible !important;
  }
  body.admin-page[data-admin-view="electronic-documents"] .document-builder:not([hidden]) {
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    grid-template-rows: 20px 31px 48px 1px max-content !important;
    overflow: visible !important;
  }
  body.admin-page[data-admin-view="electronic-documents"] .document-builder-step-view:not([hidden]) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  body.admin-page[data-admin-view="electronic-documents"] .document-builder-step-view > .document-accordion {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    scrollbar-gutter: auto !important;
  }
  body.admin-page[data-admin-view="electronic-documents"] .document-step-actions {
    position: static !important;
    bottom: auto !important;
  }
}

/* ONOFF Desktop presentation foundation: the only three route frame contracts. */
@media (min-width:700px) {
  .onoff-desktop-frame { box-sizing:border-box; min-width:0; margin-inline:auto; overflow:visible; }
  .onoff-desktop-frame--management { width:100%; }
  .onoff-desktop-frame--authoring,
  .onoff-desktop-frame--detail { width:min(calc(100% - (var(--desktop-workspace-gutter) * 2)),var(--desktop-content-max)); max-width:var(--desktop-content-max); }
  .onoff-desktop-frame--authoring.onoff-desktop-frame--mounted,
  .onoff-desktop-frame--detail.onoff-desktop-frame--mounted { width:100%; max-width:none; padding:0 0 var(--desktop-section-gap); }
  .onoff-desktop-frame--mounted { position:static; height:auto; min-height:0; max-height:none; overflow:visible; }
  .onoff-desktop-frame__identity { width:100%; margin:0 0 var(--desktop-section-gap); }
  .onoff-desktop-frame__workflow { width:100%; margin:0 0 calc(var(--desktop-section-gap) / 2); }
  .onoff-desktop-frame__secondary { position:sticky; z-index:45; top:var(--desktop-header-height); width:100%; min-height:56px; margin:0 0 var(--desktop-section-gap); box-sizing:border-box; background:rgb(248 249 250 / 96%); backdrop-filter:blur(10px); }
  .onoff-desktop-frame__body { width:100%; height:auto; min-height:0; max-height:none; overflow:visible; }
  .onoff-desktop-frame__actions { position:static; width:100%; min-height:0; margin:0; padding:16px 0 0; }
}


/* Safety Start full-date column and Safety Report 497:597 management pattern. */
@media (min-width:700px){
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(1){width:30%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(4){width:15%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table td:nth-child(4){overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .admin-panel[data-admin-panel="safety-report"]{position:relative!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0 0 16px!important;overflow:hidden!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-summary-card{height:72px!important;min-height:72px!important;padding:12px 16px!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;border:0!important;border-right:1px solid #e2e8f0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-align:left!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-summary-card:last-child{border-right:0!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-summary-card.is-active{background:#eff6ff!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-summary-card span{order:0!important;margin:0!important;color:#64748b!important;font-size:12px!important;line-height:16px!important;font-weight:650!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-summary-card span:before{display:none!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-summary-card strong{order:1!important;color:#0f172a!important;font-size:28px!important;line-height:30px!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .admin-surface{position:static!important;padding:0!important;overflow:visible!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .admin-section-heading{position:absolute!important;z-index:2!important;top:-72px!important;right:0!important;min-height:36px!important;padding:0!important;border:0!important;background:transparent!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] #manager-report-create{height:36px!important;min-height:36px!important;padding:0 16px 0 14px!important;gap:7px!important;border-radius:8px!important;box-shadow:none!important;font-size:13px!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] #admin-report-search{display:grid!important;grid-template-columns:220px minmax(0,1fr) 150px 124px!important;align-items:center!important;margin:0!important;padding:8px 12px!important;gap:6px!important;border:0!important;border-bottom:1px solid #e2e8f0!important;border-radius:0!important;background:#fff!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] #admin-report-search>.operation-search-button,body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] #admin-report-search>.operation-search-reset,body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] #admin-report-search>.operation-refresh-button{display:none!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] #admin-report-search .operation-search-field,body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .safety-report-status-filters button,body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .safety-report-sort{height:32px!important;min-height:32px!important;border-radius:6px!important;font-size:11px!important;box-shadow:none!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .safety-report-status-filters{display:flex;gap:4px;align-items:center}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .safety-report-status-filters button{padding:0 10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font:inherit;font-weight:650}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .safety-report-status-filters button[aria-pressed="true"]{border-color:#2563eb;background:#2563eb;color:#fff}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .safety-report-sort{padding:0 30px 0 12px;border:1px solid #e2e8f0;background:#fff;color:#475569;font:inherit;font-weight:650}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table-wrap{width:100%!important;min-width:0!important;overflow:visible!important;border:0!important;border-radius:0!important;box-shadow:none!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table thead{background:#f8fafc!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table th{height:34px!important;padding:0 12px!important;font-size:11px!important;line-height:14px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table td{height:50px!important;min-width:0!important;max-width:100%!important;padding:6px 12px!important;border-bottom:1px solid #e2e8f0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;line-height:16px!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table th:nth-child(1){width:30%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table th:nth-child(2){width:12%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table th:nth-child(3){width:11%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table th:nth-child(4){width:13%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table th:nth-child(5){width:14%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table th:nth-child(6){width:10%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table th:nth-child(7){width:10%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table td:nth-child(5),body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table td:last-child{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-table td:last-child{text-align:center!important;padding-inline:8px!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-primary-cell strong,body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-primary-cell small{display:block}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-primary-cell strong{color:#0f172a;font-size:13px;line-height:16px}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-primary-cell small{margin-top:2px;color:#64748b;font-size:10px;line-height:13px;font-weight:500}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] :is(.status-badge,.operation-detail-button,.report-type-badge){height:24px!important;min-height:24px!important;padding:0 8px!important;border-radius:5px!important;box-shadow:none!important;font-size:11px!important;line-height:1!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-detail-button{max-width:100%!important;margin:0 auto!important;white-space:nowrap!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-detail-button::after{display:none!important;content:none!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .safety-report-table-footer{display:flex!important;width:100%!important;min-width:0!important;min-height:44px!important;padding:0 12px!important;box-sizing:border-box!important;align-items:center!important;justify-content:space-between!important;overflow:visible!important;background:#fff!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .safety-report-table-footer .operation-total-count{min-height:28px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-size:11px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .safety-report-table-footer .operation-pagination{display:flex!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;white-space:nowrap!important;background:#fff!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-report"] .operation-pagination button{min-width:24px!important;width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;border-radius:5px!important;font-size:11px!important}
}


/* Safety Start desktop — Figma FINAL 497:253. */
@media (min-width: 700px) {
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .admin-panel[data-admin-panel="safety-start"] .operation-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 0 0 16px !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card {
    min-height: 80px !important;
    padding: 16px !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    border: 0 !important;
    border-right: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    text-align: left !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card:last-child { border-right: 0 !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-active { background: #eff6ff !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-progress { background: #fffdf5 !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-complete { background: #f0fdfa !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card span {
    order: 0 !important;
    margin: 0 !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 650 !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card strong {
    order: 1 !important;
    color: #0f172a !important;
    font-size: 32px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .admin-surface {
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .admin-section-heading {
    min-height: 60px !important;
    padding: 10px 16px !important;
    border-bottom: 1px solid #e2e8f0 !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .admin-heading-actions { gap: 8px !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-total-count {
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 13px !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] #manager-start-create {
    min-height: 40px !important;
    padding: 0 20px 0 16px !important;
    gap: 8px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 14px !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] #admin-start-search {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) auto auto 42px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    gap: 8px !important;
    border: 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    background: #fff !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] #admin-start-search :is(.operation-search-field,.operation-search-button,.operation-search-reset,.operation-refresh-button) {
    min-height: 36px !important;
    height: 36px !important;
    border-radius: 6px !important;
    box-shadow: none !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table-wrap {
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table { table-layout: fixed !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table thead { background: #f8fafc !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th {
    height: 38px !important;
    padding: 0 16px !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 650 !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table td {
    height: 56px !important;
    padding: 8px 16px !important;
    color: #1e293b !important;
    border-bottom: 1px solid #e2e8f0 !important;
    font-size: 13px !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] :is(.status-badge,.operation-detail-button) {
    min-height: 26px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-size: 12px !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-pagination {
    min-height: 52px !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    border-top: 0 !important;
    background: #fff !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-pagination button {
    min-width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
  }
}

/* Project Management FINAL READY frames: 466:19, 469:18, 471/480 authoring. */
@media (min-width: 700px) {
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-desktop-management {
    width: 100%; max-width: none; margin: 0; padding: 0; color: #1e293b;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header {
    display: flex; min-height: 40px; margin: 0 0 16px; align-items: center; justify-content: space-between;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header h2 { font-size: 24px; line-height: 32px; font-weight: 750; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header > button,
  .project-dialog .project-primary-button { min-height: 40px; padding: 0 18px; border: 0; border-radius: 8px; background: #2563eb; color: #fff; font-weight: 700; box-shadow: none; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-filter-tabs {
    display: flex; width: max-content; margin: 0 0 16px; padding: 0; gap: 8px; border: 0;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-filter-tabs input { position: absolute; opacity: 0; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-filter-tabs span {
    display: grid; min-width: 76px; height: 38px; padding: 0 16px; place-items: center; border: 1px solid #dbe2ea; border-radius: 8px; background: #fff; color: #64748b; font-size: 13px; font-weight: 700;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-filter-tabs input:checked + span { border-color: #2563eb; background: #eff6ff; color: #1d4ed8; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-stats {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 16px; gap: 16px;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-stats button {
    display: flex; min-height: 96px; padding: 18px 20px; flex-direction: column; align-items: flex-start; justify-content: space-between; border: 1px solid #dbe2ea; border-radius: 12px; background: #fff; color: #64748b; text-align: left; box-shadow: 0 2px 8px rgba(15,23,42,.04);
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-stats button[aria-pressed="true"] { border-color: #93c5fd; box-shadow: inset 0 0 0 1px #bfdbfe; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-stats span { font-size: 12px; font-weight: 700; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-stats strong { color: #0f172a; font-size: 28px; line-height: 32px; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-stats small { margin-left: 3px; color: #64748b; font-size: 12px; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-search {
    display: grid; grid-template-columns: minmax(0, 1fr) auto auto; margin: 0 0 16px; padding: 12px; gap: 8px; border: 1px solid #dbe2ea; border-radius: 12px; background: #fff;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-search :is(input,button) { height: 40px; min-height: 40px; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-table-card { overflow: hidden; border: 1px solid #dbe2ea; border-radius: 12px; background: #fff; box-shadow: none; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-table-card > header { display: flex; min-height: 54px; padding: 0 20px; align-items: center; justify-content: space-between; border-bottom: 1px solid #e2e8f0; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-management-table { width: 100%; border-collapse: collapse; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-management-table th { height: 44px; padding: 0 16px; background: #f8fafc; color: #64748b; font-size: 12px; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-management-table td { height: 60px; padding: 10px 16px; border-top: 1px solid #eef2f7; font-size: 13px; }

  .project-dialog[open] { position: fixed; inset: 65px 0 0 220px; width: auto; max-width: none; height: calc(100dvh - 65px); max-height: none; margin: 0; padding: 0; border: 0; background: #f8fafc; }
  .project-dialog::backdrop { background: transparent; }
  .project-dialog-shell { display: grid; min-height: 100%; grid-template-rows: auto auto 1fr; }
  .project-ready-editor-header { display: flex; min-height: 88px; padding: 16px 32px; align-items: center; justify-content: space-between; border-bottom: 1px solid #e2e8f0; background: #fff; }
  .project-ready-editor-heading small { color: #2563eb; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
  .project-ready-editor-heading h2 { margin: 3px 0 2px; font-size: 22px; line-height: 28px; }
  .project-ready-editor-heading p { margin: 0; color: #64748b; font-size: 12px; }
  .project-ready-save-actions { display: flex; align-items: center; gap: 12px; }
  .project-ready-progress { color: #64748b; font-size: 12px; white-space: nowrap; }
  .project-ready-progress b { color: #2563eb; font-size: 16px; }
  .project-ready-editor-tabs { display: grid; min-height: 58px; padding: 0 32px; grid-template-columns: repeat(5, minmax(0, 1fr)); border-bottom: 1px solid #dbe2ea; background: #fff; }
  .project-ready-editor-tabs button { position: relative; display: flex; padding: 0 18px; gap: 9px; align-items: center; justify-content: center; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #64748b; }
  .project-ready-editor-tabs button::before { content: ""; width: 22px; height: 22px; border: 1px solid #cbd5e1; border-radius: 50%; background: #fff; }
  .project-ready-editor-tabs button[aria-selected="true"] { border-bottom-color: #2563eb; color: #1d4ed8; }
  .project-ready-editor-tabs button[aria-selected="true"]::before { border: 6px solid #2563eb; }
  .project-ready-editor-tabs button.is-complete::before { content: "✓"; display: grid; place-items: center; border-color: #22c55e; background: #22c55e; color: #fff; font-size: 12px; }
  .project-ready-editor-tabs small { display: none; }
  .project-ready-editor-body { overflow: auto; padding: 24px 32px 48px; }
  .project-ready-tab-panel { width: 100%; margin: 0; }
  .project-ready-section-card { margin: 0 0 16px; padding: 24px; border: 1px solid #dbe2ea; border-radius: 12px; background: #fff; box-shadow: none; }
  .project-ready-section-card > header { margin: 0 0 20px; }
  .project-ready-section-card h3 { margin: 0 0 4px; font-size: 17px; line-height: 24px; }
  .project-ready-section-card header p { margin: 0; color: #64748b; font-size: 12px; }
  .project-ready-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 20px; }
  .project-ready-fields .is-wide, .project-ready-fields .is-description { grid-column: 1 / -1; }
  .project-ready-section-card :is(input,select,textarea) { box-sizing: border-box; width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 7px; background: #fff; color: #1e293b; }
  .project-ready-management-table { overflow: hidden; border: 1px solid #e2e8f0; border-radius: 8px; }
  .project-ready-management-table > div:first-child { min-height: 42px; padding: 0 14px; background: #f8fafc; }
  .project-ready-gap-table > p { margin: 0; padding: 28px; color: #94a3b8; text-align: center; }
  .project-ready-step-actions { display: flex; margin-top: 16px; justify-content: space-between; }
  .project-ready-step-actions button { min-height: 40px; padding: 0 18px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; }
  .project-ready-step-actions .is-next { border-color: #2563eb; background: #2563eb; color: #fff; }
  .project-dialog-body { display: none !important; }
}

/* Supervisor Electronic Documents: shared product shell + locked document content. */
@media (min-width:901px){
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"]{--admin-sidebar:var(--desktop-sidebar-width)}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"]>.admin-header{
    width:calc(100% - var(--admin-sidebar));
    min-height:var(--desktop-header-height);
    height:var(--desktop-header-height);
    margin-left:var(--admin-sidebar);
    border-bottom:1px solid #e2e8f0;
    background:#fff;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-header-inner{
    width:100%;
    min-height:var(--desktop-header-height);
    height:var(--desktop-header-height);
    padding:0 24px;
    box-sizing:border-box;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-header .brand{gap:12px}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-header .company-logo{
    display:grid;
    width:28px;
    height:20px;
    flex:0 0 28px;
    border-radius:4px;
    background:#2563eb;
    color:#fff;
    font-size:10px;
    font-weight:900;
    place-items:center;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-header .company-logo::before{display:block;content:"ON"}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-header .company-logo img{display:none}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-header .brand-copy{display:flex;align-items:center;gap:12px}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-header .brand-copy::before{display:none;content:none}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-header .brand-copy strong{display:block;color:#0f172a;font-size:15px;letter-spacing:-.02em}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-header .brand-copy small{display:none}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-header .brand-copy::after{
    padding-left:12px;
    border-left:1px solid #e2e8f0;
    color:#64748b;
    content:"현장 운영 및 플랫폼 관리";
    font-size:13px;
    font-weight:400;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"]>.admin-shell{grid-template-columns:var(--desktop-sidebar-width) minmax(0,1fr)}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"]>.admin-shell>.admin-sidebar{
    position:fixed;
    z-index:40;
    inset:0 auto 0 0;
    width:var(--desktop-sidebar-width);
    height:100vh;
    padding:24px 12px;
    overflow:hidden;
    border:0;
    background:#0f172a;
    box-sizing:border-box;
    backdrop-filter:none;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-sidebar-heading{display:block;padding:0 12px 24px}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-sidebar-heading small{display:block;color:#38bdf8;font-size:12px}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-sidebar-heading strong{display:block;margin-top:6px;color:#f8fafc;font-size:14px}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-navigation{gap:6px}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-navigation::before{
    display:block;
    padding:0 16px 4px;
    color:#475569;
    content:"OPERATIONS · 운영";
    font-size:12px;
    font-weight:850;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-nav-item{
    min-height:40px;
    padding:0 16px;
    gap:10px;
    border-radius:8px;
    color:#94a3b8;
    font-size:14px;
    font-weight:650;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-nav-item:hover{color:#e2e8f0;background:#18253a}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-nav-item.is-active{color:#fff;background:#2f6dec;box-shadow:none}
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-sidebar-status{
    display:flex;
    right:12px;
    bottom:24px;
    left:12px;
    min-height:40px;
    padding:0 16px;
    border:0;
    border-radius:7px;
    background:#1d2a40;
    color:#a9b6ca;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-main{
    grid-column:2;
    width:min(calc(100% - (var(--desktop-workspace-gutter) * 2)),var(--desktop-content-max));
    max-width:none;
    margin-inline:var(--desktop-workspace-gutter);
    padding:24px 0 48px;
  }
}

/* Supervisor Desktop Figma frame — 469:18 geometry authority. */
@media (min-width:901px) {
  body.admin-page.supervisor-golden-shell {
    --admin-sidebar: var(--desktop-sidebar-width);
    background: #f8fafc;
  }

  body.admin-page.supervisor-golden-shell > .admin-header {
    width: calc(100% - var(--desktop-sidebar-width));
    min-height: var(--desktop-header-height);
    height: var(--desktop-header-height);
    margin-left: var(--desktop-sidebar-width);
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
  }

  body.admin-page.supervisor-golden-shell .admin-header-inner {
    width: 100%;
    min-height: var(--desktop-header-height);
    height: var(--desktop-header-height);
    padding: 0 24px;
    box-sizing: border-box;
  }

  body.admin-page.supervisor-golden-shell .admin-header .brand { gap: 12px; }
  body.admin-page.supervisor-golden-shell .admin-header .company-logo {
    width: 28px;
    height: 20px;
    flex: 0 0 28px;
    border-radius: 4px;
    font-size: 10px;
  }
  body.admin-page.supervisor-golden-shell .admin-header .brand-copy { gap: 12px; }
  body.admin-page.supervisor-golden-shell .admin-header .brand-copy strong { font-size: 15px; }
  body.admin-page.supervisor-golden-shell .admin-header .brand-copy::after {
    padding-left: 12px;
    content: "현장 운영 및 플랫폼 관리";
    font-size: 13px;
    font-weight: 400;
  }

  body.admin-page.supervisor-golden-shell .admin-header-actions .auth-user-menu summary,
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .auth-user-menu summary {
    display: flex;
    min-width: 0;
    min-height: 32px;
    height: 32px;
    padding: 0;
    gap: 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #1e293b;
  }
  body.admin-page.supervisor-golden-shell .auth-user-menu summary > span:nth-child(2) { display: flex; }
  body.admin-page.supervisor-golden-shell .auth-user-menu summary strong { color: #1e293b; font-size: 14px; }
  body.admin-page.supervisor-golden-shell .auth-user-menu summary small { color: #64748b; font-size: 12px; }
  body.admin-page.supervisor-golden-shell .auth-user-menu summary b {
    padding: 3px 8px;
    border: 1px solid #ccfbf1;
    border-radius: 4px;
    background: #f0fdfa;
    color: #0d9488;
    font-size: 10px;
  }

  body.admin-page.supervisor-golden-shell > .admin-shell {
    min-height: calc(100vh - var(--desktop-header-height));
    grid-template-columns: var(--desktop-sidebar-width) minmax(0, 1fr);
  }
  body.admin-page.supervisor-golden-shell > .admin-shell > .admin-sidebar {
    width: var(--desktop-sidebar-width);
    padding: 24px 12px;
    background: #0f172a;
  }
  body.admin-page.supervisor-golden-shell .admin-sidebar-heading { padding: 0 12px 24px; }
  body.admin-page.supervisor-golden-shell .admin-sidebar-heading small { color: #38bdf8; font-size: 12px; }
  body.admin-page.supervisor-golden-shell .admin-sidebar-heading strong { margin-top: 6px; font-size: 14px; }
  body.admin-page.supervisor-golden-shell .admin-navigation { gap: 6px; }
  body.admin-page.supervisor-golden-shell .admin-navigation::before {
    padding: 0 16px 4px;
    color: #475569;
    font-size: 12px;
  }
  body.admin-page.supervisor-golden-shell .admin-nav-item {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    color: #94a3b8;
    font-size: 14px;
  }
  body.admin-page.supervisor-golden-shell .admin-nav-item .material-symbols-rounded { font-size: 18px; }
  body.admin-page.supervisor-golden-shell .admin-sidebar-status { right: 12px; bottom: 24px; left: 12px; }

  body.admin-page.supervisor-golden-shell .admin-main {
    grid-column: 2;
    width: min(100%, var(--desktop-content-max)) !important;
    max-width: none;
    margin-inline: auto !important;
    padding: 10px 32px 32px !important;
    box-sizing: border-box !important;
    background: transparent;
  }

  body.admin-page.supervisor-golden-shell:is(
    [data-admin-view="dashboard"],
    [data-admin-view="safety-start"],
    [data-admin-view="safety-report"],
    [data-admin-view="notice"],
    [data-admin-view="electronic-documents"]
  ) .admin-content-header {
    box-sizing: border-box;
    height: auto;
    min-height: 0;
    margin-bottom: 12px;
    padding: 0;
    align-items: center;
  }
  body.admin-page.supervisor-golden-shell:is(
    [data-admin-view="dashboard"],
    [data-admin-view="safety-start"],
    [data-admin-view="safety-report"],
    [data-admin-view="notice"],
    [data-admin-view="electronic-documents"]
  ) .admin-content-header h1 {
    margin: 0;
    color: #1e293b;
    font-size: var(--desktop-title-size);
    line-height: 1.25;
    letter-spacing: -.02em;
  }
  body.admin-page.supervisor-golden-shell:is(
    [data-admin-view="dashboard"],
    [data-admin-view="safety-start"],
    [data-admin-view="safety-report"],
    [data-admin-view="notice"],
    [data-admin-view="electronic-documents"]
  ) .admin-content-header p:not(.admin-eyebrow) {
    margin: 6px 0 0;
    color: #64748b;
    font-size: var(--desktop-body-size);
    line-height: 1.45;
  }

  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-desktop-management {
    width: 100%;
    max-width: var(--desktop-content-max);
    margin: 0;
    padding: 0 0 48px;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-dialog {
    inset: var(--desktop-header-height) 0 0 var(--desktop-sidebar-width);
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-detail-header { top: var(--desktop-header-height); }

  /* Golden document content remains intact; only its outer sheet is flattened. */
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .electronic-document-shell,
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .electronic-document-workspace {
    max-width: none;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
}

/* Supervisor desktop common chrome: one route-independent component contract. */
@media (min-width:901px) {
  body.admin-page.supervisor-golden-shell {
    --admin-sidebar: var(--desktop-sidebar-width);
    background: var(--onoff-ui-workspace);
  }

  body.admin-page.supervisor-golden-shell > .admin-header {
    width: calc(100% - var(--desktop-sidebar-width));
    height: var(--desktop-header-height);
    min-height: var(--desktop-header-height);
    margin-left: var(--desktop-sidebar-width);
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
  }

  body.admin-page.supervisor-golden-shell .admin-header-inner {
    width: 100%;
    height: var(--desktop-header-height);
    min-height: var(--desktop-header-height);
    padding-inline: 24px;
  }

  body.admin-page.supervisor-golden-shell > .admin-shell {
    grid-template-columns: var(--desktop-sidebar-width) minmax(0, 1fr);
  }

  body.admin-page.supervisor-golden-shell > .admin-shell > .admin-sidebar {
    position: fixed;
    z-index: 40;
    inset: 0 auto 0 0;
    width: var(--desktop-sidebar-width);
    height: 100vh;
    padding: 24px 12px;
    overflow: hidden;
    border: 0;
    background: #0f172a;
    box-sizing: border-box;
  }

  body.admin-page.supervisor-golden-shell .admin-sidebar-heading { padding: 0 12px 24px; }
  body.admin-page.supervisor-golden-shell .admin-sidebar-heading small { color: #38bdf8; font-size: 12px; line-height: 1.25; }
  body.admin-page.supervisor-golden-shell .admin-sidebar-heading strong { margin-top: 6px; color: #f8fafc; font-size: 14px; line-height: 1.4; }
  body.admin-page.supervisor-golden-shell .admin-navigation { gap: 6px; }
  body.admin-page.supervisor-golden-shell .admin-navigation::before { padding: 0 16px 4px; color: #475569; font-size: 12px; line-height: 1.25; }
  body.admin-page.supervisor-golden-shell .admin-nav-item {
    min-height: 40px;
    height: 40px;
    padding: 0 16px;
    gap: 10px;
    border-radius: 8px;
    color: #94a3b8;
    font-size: 14px;
    font-weight: 650;
    line-height: 20px;
  }
  body.admin-page.supervisor-golden-shell .admin-nav-item .material-symbols-rounded { flex: 0 0 18px; width: 18px; font-size: 18px; }
  body.admin-page.supervisor-golden-shell .admin-nav-item:hover { color: #e2e8f0; background: #18253a; }
  body.admin-page.supervisor-golden-shell .admin-nav-item.is-active { color: #fff; background: #2f6dec; box-shadow: none; }
  body.admin-page.supervisor-golden-shell .admin-sidebar-status { right: 12px; bottom: 24px; left: 12px; }

  body.admin-page.supervisor-golden-shell .admin-main,
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-main {
    grid-column: 2;
    width: min(100%, var(--desktop-content-max)) !important;
    max-width: none;
    margin-inline: auto !important;
    padding: 10px 32px 32px !important;
    box-sizing: border-box !important;
    background: transparent;
  }

  body.admin-page.supervisor-golden-shell .admin-breadcrumb,
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-content-header .admin-breadcrumb {
    display: flex !important;
    align-items: center;
    min-height: 20px;
    margin: 0 0 12px !important;
    gap: 6px;
    color: #94a3b8;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
  body.admin-page.supervisor-golden-shell .admin-breadcrumb .material-symbols-rounded { width: 14px; font-size: 14px; }
  body.admin-page.supervisor-golden-shell .admin-breadcrumb strong { color: #64748b; font-weight: 650; }
  body.admin-page.supervisor-golden-shell .admin-eyebrow { display: none !important; }

  body.admin-page.supervisor-golden-shell .admin-content-header,
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"][data-document-view="main"] .admin-content-header,
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header {
    box-sizing: border-box;
    height: auto;
    min-height: 0;
    margin: 0 0 12px;
    padding: 0;
    align-items: flex-start;
  }

  body.admin-page.supervisor-golden-shell .admin-content-header h1,
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header h2,
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-detail-header h2 {
    margin: 0;
    color: #1e293b;
    font-size: var(--desktop-title-size);
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -.02em;
  }

  body.admin-page.supervisor-golden-shell .admin-content-header p:not(.admin-eyebrow),
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header p,
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-detail-header p {
    display: block !important;
    margin: 6px 0 0;
    color: #64748b;
    font-size: var(--desktop-body-size);
    line-height: 1.45;
  }

  body.admin-page.supervisor-golden-shell .admin-content-header > :last-child,
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header > :last-child {
    align-self: flex-start;
  }

  body.admin-page.supervisor-golden-shell .admin-content-header :is(button, .admin-refresh-button, .admin-create-button),
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header > button {
    min-height: 38px;
    border-radius: 8px;
  }

  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-detail-header .admin-breadcrumb {
    width: max-content;
    min-height: 16px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  body.admin-page.supervisor-golden-shell .admin-sidebar-heading {
    display: grid !important;
    height: 46px !important;
    grid-template-rows: 16px 24px !important;
    row-gap: 6px !important;
  }
  body.admin-page.supervisor-golden-shell .admin-navigation::before {
    display: block !important;
    height: 19px;
    padding: 0 16px 4px !important;
    box-sizing: border-box;
    content: "OPERATIONS · 운영" !important;
    font-size: 12px !important;
    line-height: 15px !important;
  }
  body.admin-page.supervisor-golden-shell .admin-nav-item { margin: 0 !important; }
  body.admin-page.supervisor-golden-shell .admin-header .brand {
    height: 32px;
    min-height: 32px;
    align-items: center;
  }
  body.admin-page.supervisor-golden-shell .admin-header .brand-copy,
  body.admin-page.supervisor-golden-shell .admin-header .brand-copy strong,
  body.admin-page.supervisor-golden-shell .admin-header .brand-copy::after { line-height: 20px; }
  body.admin-page.supervisor-golden-shell .auth-user-menu summary {
    width: 228px;
    min-width: 228px;
    max-width: 228px;
    height: 32px;
    min-height: 32px;
  }
}

/* Desktop scroll contract: fixed chrome with the document as the only vertical scroll owner. */
@media (min-width: 901px) {
  html:has(body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"])),
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) {
    width: 100%;
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: visible;
  }

  html:has(body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"])) {
    scrollbar-gutter: stable;
  }

  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) {
    scrollbar-gutter: auto;
    overflow-x: visible;
    overflow-y: visible;
  }

  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) > .admin-header {
    position: fixed !important;
    z-index: 50 !important;
    top: 0 !important;
    right: 0 !important;
  }

  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) > .admin-shell {
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
  }

  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-main,
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"])[data-admin-view="electronic-documents"] .admin-main {
    align-self: start;
    height: auto !important;
    min-height: calc(100vh - 48px) !important;
    margin-top: 48px !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    box-sizing: border-box;
    scrollbar-gutter: auto;
    overscroll-behavior-y: auto;
  }

  body.admin-page[data-admin-view="project-management"] :is(.project-desktop-management,.project-ready-list,.project-ready-detail,.project-dialog[open],.project-dialog-shell,.project-dialog-body),
  body.admin-page[data-admin-view="electronic-documents"] :is(.document-panel,.document-workspace,.document-builder,.document-builder-step-view),
  body.admin-page:is([data-admin-view="safety-start"],[data-admin-view="safety-report"]) .admin-panel:not([hidden]) {
    height: auto !important;
    min-height: 0;
    max-height: none !important;
  }

  body.admin-page[data-admin-view="project-management"] :is(.project-desktop-management,.project-ready-list,.project-ready-detail,.project-dialog[open],.project-dialog-shell,.project-dialog-body),
  body.admin-page[data-admin-view="electronic-documents"] :is(.document-panel,.document-workspace,.document-builder,.document-builder-step-view) {
    overflow: visible !important;
  }

  body.admin-page[data-admin-view="project-management"] .project-dialog-body { width: 100%; }

  body.admin-page[data-admin-view="project-management"] .project-dialog:not([hidden]) {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.admin-page[data-admin-view="project-management"] .project-ready-worker-table [data-ready-worker-rows] {
    max-height: min(420px, 52vh);
    overflow-y: auto;
  }
}

@media (min-width: 700px) {
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .admin-main { overflow-x: hidden; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-list { width: 100% !important; max-width: none !important; overflow: hidden; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header { display: flex !important; min-height: 40px !important; margin: 0 0 16px !important; padding: 0 !important; align-items: center !important; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header h2 { font-size: 24px !important; line-height: 32px !important; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-filter-tabs { display: flex !important; width: max-content !important; margin: 0 0 16px !important; padding: 0 !important; gap: 8px !important; border: 0 !important; background: transparent !important; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-filter-tabs label { width: auto !important; flex: none !important; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-filter-tabs span { min-width: 76px !important; height: 38px !important; padding: 0 16px !important; border: 1px solid #dbe2ea !important; border-radius: 8px !important; background: #fff !important; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-filter-tabs input:checked + span { border-color: #2563eb !important; background: #eff6ff !important; color: #1d4ed8 !important; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-stats { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; margin: 0 0 16px !important; gap: 16px !important; border: 0 !important; background: transparent !important; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-stats button { display: flex !important; min-width: 0 !important; min-height: 96px !important; padding: 18px 20px !important; flex-direction: column !important; align-items: flex-start !important; justify-content: space-between !important; border: 1px solid #dbe2ea !important; border-radius: 12px !important; background: #fff !important; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-search { display: grid !important; grid-template-columns: minmax(0,1fr) auto auto !important; width: 100% !important; margin: 0 0 16px !important; padding: 12px !important; gap: 8px !important; border: 1px solid #dbe2ea !important; border-radius: 12px !important; background: #fff !important; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-table-card { width: 100% !important; overflow-x: auto !important; border: 1px solid #dbe2ea !important; border-radius: 12px !important; box-shadow: none !important; }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-management-table { min-width: 900px; }
}

/* Notice uses the same Supervisor Golden outer shell; Notice content is untouched. */
@media (min-width:901px){
  body.admin-page.supervisor-golden-shell[data-admin-view="notice"]>.admin-header{
    width:calc(100% - var(--desktop-sidebar-width));
    min-height:var(--desktop-header-height);
    height:var(--desktop-header-height);
    margin-left:var(--desktop-sidebar-width);
    border-bottom:1px solid #e2e8f0;
    background:#fff;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="notice"] .admin-header-inner{
    width:100%;
    min-height:var(--desktop-header-height);
    height:var(--desktop-header-height);
    padding:0 24px;
    box-sizing:border-box;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="notice"] .admin-header .brand{gap:12px}
  body.admin-page.supervisor-golden-shell[data-admin-view="notice"] .admin-header .company-logo{
    display:grid;
    width:28px;
    height:20px;
    flex:0 0 28px;
    border-radius:4px;
    background:#2563eb;
    color:#fff;
    font-size:10px;
    font-weight:900;
    place-items:center;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="notice"] .admin-header .company-logo::before{display:block;content:"ON"}
  body.admin-page.supervisor-golden-shell[data-admin-view="notice"] .admin-header .company-logo img{display:none}
  body.admin-page.supervisor-golden-shell[data-admin-view="notice"] .admin-header .brand-copy{display:flex;align-items:center;gap:12px}
  body.admin-page.supervisor-golden-shell[data-admin-view="notice"] .admin-header .brand-copy::before{display:none;content:none}
  body.admin-page.supervisor-golden-shell[data-admin-view="notice"] .admin-header .brand-copy strong{display:block;color:#0f172a;font-size:15px;letter-spacing:-.02em}
  body.admin-page.supervisor-golden-shell[data-admin-view="notice"] .admin-header .brand-copy small{display:none}
  body.admin-page.supervisor-golden-shell[data-admin-view="notice"] .admin-header .brand-copy::after{
    padding-left:12px;
    border-left:1px solid #e2e8f0;
    color:#64748b;
    content:"현장 운영 및 플랫폼 관리";
    font-size:13px;
    font-weight:400;
  }
}

@media (min-width: 700px) {
  .wk04c-ready.is-embedded-detail .wk04c-ready-summary .detail-workflow-owner,
  .wk04c-ready.is-embedded-detail .wk04c-ready-summary .detail-workflow-update {
    display:flex;
    min-height:0;
    margin:0;
    padding:0;
    grid-template-columns:none;
    align-items:center;
    gap:16px;
    border:0;
    border-radius:0;
    background:transparent;
  }
  .wk04c-ready.is-embedded-detail .wk04c-ready-summary .detail-workflow-update { gap:8px; }
  .wk04c-ready.is-embedded-detail .detail-workflow li.is-current:first-child strong::after { content:" (완료)"; }
  .wk04c-ready.is-embedded-detail .detail-workflow li:nth-child(2):not(.is-complete):not(.is-current) strong::after { content:" (대기)"; }
}

@media (min-width: 700px) {
  .wk04c-ready.is-embedded-detail { background:#f8f9fa; }
  .wk04c-ready.is-embedded-detail .detail-main { display:flex; width:100%; max-width:none; padding:32px 40px 48px; flex-direction:column; gap:32px; }
  .wk04c-ready.is-embedded-detail .onoff-desktop-detail-header { min-height:72px; padding:0 0 20px; align-items:flex-end; border-bottom:2px solid #e1e2e5; }
  .wk04c-ready.is-embedded-detail .onoff-desktop-detail-header > div:first-child { display:flex; align-items:flex-end; flex-flow:row wrap; gap:6px 12px; }
  .wk04c-ready.is-embedded-detail .onoff-desktop-detail-header .detail-eyebrow { width:100%; color:#1b59f8; font-size:12px; font-weight:700; line-height:normal; }
  .wk04c-ready.is-embedded-detail .onoff-desktop-detail-header h1 { font-size:24px; }
  .wk04c-ready.is-embedded-detail .onoff-desktop-detail-header p[data-field="number"] { font-size:14px; }
  .wk04c-ready.is-embedded-detail .detail-title-actions { gap:10px; }
  .wk04c-ready.is-embedded-detail .detail-status-badge,.wk04c-ready.is-embedded-detail .detail-edit-button { min-height:30px; padding:6px 12px; border-radius:4px; font-size:12px; }

  .wk04c-ready.is-embedded-detail .onoff-desktop-detail-tabs { min-height:45px; margin:-1px 0 0; border-bottom:1px solid #e1e2e5; }
  .wk04c-ready.is-embedded-detail .onoff-desktop-detail-tabs button { min-height:45px; padding:12px 24px; border:0; border-bottom:2px solid transparent; background:transparent; color:#6b6f76; font-size:15px; font-weight:500; }
  .wk04c-ready.is-embedded-detail .onoff-desktop-detail-tabs button.is-active { border-bottom-color:#1b59f8; color:#1b59f8; font-weight:600; }

  .wk04c-ready.is-embedded-detail .onoff-desktop-section { padding:0 0 32px; border:0; border-bottom:1px solid #e1e2e5; background:transparent; }
  .wk04c-ready.is-embedded-detail .onoff-desktop-section + .onoff-desktop-section { padding-top:0; }
  .wk04c-ready.is-embedded-detail .onoff-desktop-section .detail-section-heading { margin:0 0 16px; }
  .wk04c-ready.is-embedded-detail .onoff-desktop-section .detail-section-heading h2 { font-size:16px; }

  .wk04c-ready.is-embedded-detail .detail-workflow { display:flex; margin:0 0 16px; padding:12px 0; gap:40px; }
  .wk04c-ready.is-embedded-detail .detail-workflow li { display:flex; min-height:24px; padding:0; align-items:center; gap:12px; }
  .wk04c-ready.is-embedded-detail .detail-workflow li:not(:last-child)::after { right:-40px; width:40px; }
  .wk04c-ready.is-embedded-detail .detail-workflow-marker { width:24px; height:24px; }
  .wk04c-ready.is-embedded-detail .detail-workflow li div strong { font-size:14px; }
  .wk04c-ready.is-embedded-detail .wk04c-ready-summary { display:flex; padding:16px; flex-direction:column; gap:8px; border:1px solid #e1e2e5; border-radius:6px; background:#fff; }
  .wk04c-ready.is-embedded-detail :is(.detail-workflow-owner,.detail-workflow-update) { display:flex; min-height:0; padding:0; gap:16px; border:0; background:transparent; font-size:13px; }
  .wk04c-ready.is-embedded-detail .detail-workflow-update { gap:8px; align-items:center; }
  .wk04c-ready.is-embedded-detail .detail-workflow-update span { padding:2px 6px; border-radius:3px; background:#e8effe; color:#1b59f8; font-size:11px; font-weight:600; }
  .wk04c-ready.is-embedded-detail .detail-workflow-update time { order:3; color:#4f5356; }

  .wk04c-ready.is-embedded-detail .detail-information-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; }
  .wk04c-ready.is-embedded-detail .detail-information-grid > div { min-height:44px; padding:0; grid-template-columns:140px minmax(0,1fr); }
  .wk04c-ready.is-embedded-detail .detail-information-grid :is(dt,dd) { font-size:14px; }
  .wk04c-ready.is-embedded-detail .detail-information-grid dd { color:#1a1c1e; font-size:15px; }
  .wk04c-ready.is-embedded-detail .detail-text-block { min-height:56px; padding:16px; border:1px solid #e1e2e5; border-radius:4px; }
  .wk04c-ready.is-embedded-detail .detail-text-block p { color:#1a1c1e; font-size:15px; line-height:24px; }
  .wk04c-ready.is-embedded-detail .detail-photo { min-height:80px; padding:16px; grid-template-columns:48px minmax(0,1fr) auto; gap:12px; border:1px solid #e1e2e5; border-radius:4px; background:#fff; }
  .wk04c-ready.is-embedded-detail .detail-photo > .material-symbols-rounded { display:flex; width:48px; height:48px; align-items:center; justify-content:center; border-radius:4px; background:#f8f9fa; color:#8d9196; }
  .wk04c-ready.is-embedded-detail .detail-photo strong { font-size:14px; }
  .wk04c-ready.is-embedded-detail .detail-photo p { color:#8d9196; font-size:12px; }

  .wk04c-ready.is-embedded-detail .detail-comment-field { display:block; min-height:0; padding:0; border:0; }
  .wk04c-ready.is-embedded-detail .detail-comment-field > span { display:none; }
  .wk04c-ready.is-embedded-detail .detail-comment-field textarea { width:100%; min-height:56px; padding:16px; border:1px solid #e1e2e5; border-radius:4px; background:#fff; font-size:15px; }
  .wk04c-ready.is-embedded-detail .detail-comment-field + .detail-comment-field { margin-top:32px; padding-top:24px; border-top:1px solid #e1e2e5; }
  .wk04c-ready.is-embedded-detail .detail-timeline { border-top:1px solid #e1e2e5; }
  .wk04c-ready.is-embedded-detail .detail-timeline li { min-height:54px; padding:12px 16px; grid-template-columns:56px 140px 180px 160px minmax(0,1fr); }
  .wk04c-ready.is-embedded-detail .detail-timeline strong { border-radius:3px; background:#e8effe; color:#1b59f8; }
  .wk04c-ready.is-embedded-detail .detail-footer-navigation { margin-top:0; padding-top:16px; }
}

@media (min-width: 700px) {
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) {
    --admin-sidebar: 220px;
    background: #f5f7fb;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-header {
    height: 48px;
    border-bottom: 0;
    background: #101d30;
    box-shadow: none;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-header-inner {
    width: 100%;
    min-height: 48px;
    padding: 0 24px;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-header .brand { gap: 10px; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-header .company-logo {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    background: transparent;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-header .company-logo img { display: block; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-header .company-logo::before { display: none; content: none; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-header .brand-copy {
    display: flex;
    order: initial;
    align-items: flex-start;
    flex-direction: column;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-header .brand-copy::before { display: none; content: none; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-header .brand-copy strong {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-header .brand-copy small {
    margin-top: 0;
    color: #a5b4fc;
    font-size: 11px;
    line-height: 13px;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-mobile-page-title { display: none; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-header-actions { gap: 16px; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .auth-user-menu summary {
    min-height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #fff;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .auth-user-menu summary strong { color: #fff; font-size: 13px; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .auth-user-menu summary small { color: #a5b4fc; font-size: 11px; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .auth-user-menu summary b {
    padding: 2px 6px;
    border: 0;
    border-radius: 3px;
    background: rgba(255,255,255,.13);
    color: #fff;
    font-size: 11px;
    font-weight: 500;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .auth-user-chevron { display: inline-block; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-shell {
    grid-template-columns: 220px minmax(0,1fr);
    min-height: calc(100vh - 48px);
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-sidebar {
    top: 48px;
    width: 220px;
    height: calc(100vh - 48px);
    padding: 24px 16px;
    border-right: 1px solid #e1e2e5;
    background: #fff;
    box-shadow: none;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-sidebar-heading {
    display: flex;
    padding: 0 12px 18px;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-sidebar-heading small {
    color: #1b59f8;
    font-size: 11px;
    letter-spacing: .12em;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-sidebar-heading strong {
    display: block;
    margin-top: 5px;
    color: #101d30;
    font-size: 15px;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-navigation { gap: 6px; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-navigation::before,
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-navigation::after { display: none; content: none; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-nav-item {
    order: initial;
    min-height: 36px;
    padding: 8px 12px;
    gap: 8px;
    border-radius: 4px;
    font-size: 13px;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-nav-item .material-symbols-rounded { display: inline-block; font-size: 18px; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-nav-item > span:last-child { font-size: 13px; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-nav-item > span:last-child::after { display: none; content: none; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-nav-item[data-admin-nav="my-activities"] { order: 1; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-nav-item[data-admin-nav="notice"] { order: 2; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-nav-item[data-admin-nav="electronic-documents"] { order: 3; }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-nav-item.is-active {
    background: #e8effe;
    color: #1b59f8;
    box-shadow: none;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-sidebar-status {
    display: flex;
    right: 16px;
    bottom: 24px;
    left: 16px;
    min-height: 64px;
    padding: 12px;
    border: 1px solid #e1e2e5;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
  }
  body.admin-page:is([data-presentation-role="worker"],[data-presentation-role="supervisor"]):is([data-admin-view="my-activities"],[data-admin-view="safety-start-register"],[data-admin-view="notice"],[data-admin-view="electronic-documents"],[data-admin-view="report-detail"]) .admin-main {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 24px 32px;
    background: #f5f7fb;
  }
  body[data-admin-view="my-activities"] .admin-panel { max-width: none; }

  .wk04-ready-workspace {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 20px;
    color: #1a1c1e;
  }

  .worker-today-work { display:flex; flex-direction:column; gap:16px; padding:20px; border:1px solid #e1e2e5; border-radius:12px; background:#fff; }
  .worker-today-heading { display:flex; align-items:center; justify-content:space-between; }
  .worker-today-heading h3,.worker-activity-summary h3,.worker-activity-section-heading h3 { margin:0; color:#1a1c1e; font-size:16px; }
  .worker-today-heading p { margin:4px 0 0; color:#8d9196; font-size:12px; }
  .worker-today-state { padding:5px 10px; border-radius:6px; background:#f8f9fa; color:#4f5356; font-size:12px; font-weight:600; }
  .worker-today-state.is-progress { background:#e8f8f3; color:#008f72; }
  .worker-today-body { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
  .worker-today-body.is-multiple { grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr); }
  .worker-today-project-list { display:flex; flex-direction:column; gap:8px; }
  .worker-today-project-list button { display:flex; flex-direction:column; gap:4px; padding:12px 14px; text-align:left; border:1px solid #e1e2e5; border-radius:8px; background:#fff; color:#1a1c1e; }
  .worker-today-project-list button.is-selected { border-color:#1b59f8; background:#eef4ff; box-shadow:inset 3px 0 #1b59f8; }
  .worker-today-project-list span,.worker-today-detail span { color:#6d737a; font-size:12px; }
  .worker-today-detail { display:flex; flex-direction:column; gap:14px; padding:16px; border:1px solid #e1e2e5; border-radius:8px; background:#f8f9fa; }
  .worker-today-detail > div { display:flex; align-items:center; justify-content:space-between; }
  .worker-today-detail > div strong { font-size:18px; }
  .worker-today-detail dl { display:flex; gap:28px; margin:0; }
  .worker-today-detail dl div { display:flex; gap:10px; align-items:center; }
  .worker-today-detail dt { color:#8d9196; font-size:12px; }
  .worker-today-detail dd { margin:0; color:#4f5356; font-size:13px; }
  .worker-today-standards { display:flex; gap:6px; }
  .worker-today-standards span { padding:3px 8px; border-radius:5px; background:#e8f8f3; color:#008f72; font-weight:600; }
  .worker-today-detail > p,.worker-today-progress p,.worker-today-empty p { margin:0; color:#8d9196; font-size:11px; }
  .worker-today-empty { padding:22px; border:1px dashed #cdd3da; border-radius:8px; background:#f8f9fa; text-align:center; }
  .worker-today-empty p { margin-top:6px; }
  .worker-today-progress { display:grid; grid-template-columns:minmax(260px,1fr) auto; gap:6px 20px; padding:16px; border:1px solid #bfeade; border-radius:8px; background:#f1fbf8; }
  .worker-today-progress > span { color:#6d737a; font-size:12px; }
  .worker-today-progress > b { grid-column:2; grid-row:1/3; align-self:center; color:#008f72; font-size:13px; }
  .worker-today-progress > p { grid-column:1/-1; }
  .worker-activity-summary { display:flex; flex-direction:column; gap:10px; }
  .worker-summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,280px)); gap:12px; }
  .worker-summary-grid article { display:grid; grid-template-columns:1fr auto; gap:5px; padding:14px 16px; border:1px solid #e1e2e5; border-radius:10px; background:#fff; }
  .worker-summary-grid small { color:#6d737a; font-size:12px; }
  .worker-summary-grid strong { grid-row:2; color:#1a1c1e; font-size:18px; }
  .worker-summary-grid span { grid-column:2; grid-row:1/3; align-self:center; padding:4px 8px; border-radius:5px; background:#f8f9fa; color:#8d9196; font-size:11px; }

  .wk04-ready-header { display:flex; align-items:center; justify-content:space-between; }
  .wk04-ready-header > div { display:flex; flex-direction:column; gap:6px; }
  .wk04-ready-header h2 { margin:0; font-size:20px; line-height:1.2; }
  .wk04-ready-header p { margin:0; color:#4f5356; font-size:14px; }
  .wk04-ready-header > span { padding:4px 10px; border-radius:4px; background:#e8effe; color:#1b59f8; font-size:13px; font-weight:600; }

  .wk04-ready-tabs { display:flex; gap:8px; }
  .wk04-ready-tabs button { min-height:30px; padding:6px 16px; border:1px solid #e1e2e5; border-radius:16px; background:#fff; color:#4f5356; font-size:13px; font-weight:600; }
  .wk04-ready-tabs button[aria-selected="true"] { border-color:#1a1c1e; background:#1a1c1e; color:#fff; }
  .wk04-ready-tabs button[data-worker-activity-tab="start"][aria-selected="true"],
  .wk04-ready-tabs button[data-worker-activity-tab="report"][aria-selected="true"] { border-color:#1b59f8; background:#1b59f8; }
  .wk04-ready-tabs span { margin-left:4px; color:#8d9196; font-size:12px; }
  .wk04-ready-tabs button[aria-selected="true"] span { color:inherit; }

  .wk04-ready-toolbar { display:flex; flex-direction:column; gap:12px; padding:16px; border:1px solid #e1e2e5; border-radius:8px; background:#fff; }
  .wk04-ready-filter-row { display:flex; align-items:center; justify-content:space-between; }
  .wk04-ready-filters { display:flex; gap:8px; align-items:center; }
  .wk04-ready-filters::before { width:60px; color:#4f5356; font-size:13px; font-weight:600; content:"상태 필터"; }
  .wk04-ready-filters button { min-height:26px; padding:4px 12px; border:1px solid #e1e2e5; border-radius:4px; background:#f8f9fa; color:#4f5356; font-size:12px; font-weight:500; }
  .wk04-ready-filters button.is-active { border-color:#1b59f8; background:#1b59f8; color:#fff; font-weight:600; }
  .wk04-ready-filter-row .worker-sort-label { display:flex; gap:4px; align-items:center; color:#4f5356; font-size:12px; }
  .wk04-ready-filter-row select { min-height:30px; padding:0 28px 0 8px; border:1px solid #e1e2e5; border-radius:4px; background:#f8f9fa; color:#4f5356; font:inherit; }

  .wk04-ready-search { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:8px; }
  .wk04-ready-search input { height:34px; padding:8px 12px; border:1px solid #e1e2e5; border-radius:4px; background:#f8f9fa; color:#1a1c1e; font-size:13px; }
  .wk04-ready-search button { height:34px; padding:0 16px; border:1px solid #e1e2e5; border-radius:4px; background:#fff; color:#4f5356; font-size:13px; font-weight:600; }
  .wk04-ready-search button[type="submit"] { border-color:#1b59f8; background:#1b59f8; color:#fff; }

  .wk04-ready-result { margin:0; color:#4f5356; font-size:13px; font-weight:500; }
  .wk04-ready-table-wrap { width:100%; }
  .wk04-ready-table { width:100%; overflow:hidden; border:1px solid #e1e2e5; border-radius:6px; background:#fff; }
  .wk04-ready-table-head,.wk04-ready-table-row { display:grid; grid-template-columns:minmax(200px,2fr) minmax(100px,1fr) minmax(145px,1.15fr) minmax(120px,1fr) minmax(105px,.9fr) minmax(100px,.75fr) 110px; align-items:center; }
  .wk04-ready-table-head { min-height:36px; padding:0 20px; background:#f1f2f4; color:#4f5356; font-size:13px; font-weight:600; }
  .wk04-ready-table-row { min-height:47px; padding:0 20px; border-top:1px solid #e1e2e5; }
  .wk04-ready-table-row > * { min-width:0; }
  .wk04-ready-table-row .worker-activity-title { overflow:hidden; color:#1a1c1e; font-size:15px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
  .wk04-ready-table-row :is(.worker-activity-identity,.worker-activity-place,.worker-activity-date) { overflow:hidden; color:#4f5356; font-size:14px; font-weight:400; text-overflow:ellipsis; white-space:nowrap; }
  .wk04-ready-table-row .worker-activity-date { color:#8d9196; }
  .wk04-ready-type { display:flex; align-items:center; }
  .wk04-ready-type :is(.report-type-badge,.worker-start-type-badge) { padding:2px 8px; border:0; border-radius:4px; font-size:12px; font-weight:600; }
  .wk04-ready-status { padding:2px 8px; border-radius:4px; font-size:12px; }
  .wk04-ready-table-row .worker-activity-actions { display:contents; }
  .wk04-ready-table-row .worker-activity-actions > .wk04-ready-status { grid-column:6; grid-row:1; justify-self:start; }
  .wk04-ready-action { grid-column:7; grid-row:1; display:inline-flex; min-height:28px; padding:4px 10px; align-items:center; justify-self:start; border:1px solid #e1e2e5; border-radius:4px; color:#4f5356; font-size:12px; font-weight:600; text-decoration:none; }
  .wk04-ready-action .material-symbols-rounded { font-size:14px; }
  .wk04-ready-pagination { display:flex; justify-content:center; gap:8px; padding-top:12px; }
  .wk04-ready-pagination button { min-width:32px; height:32px; border:1px solid #e1e2e5; border-radius:4px; background:#fff; color:#4f5356; }
  .wk04-ready-pagination button[aria-current="page"] { border-color:#1b59f8; background:#1b59f8; color:#fff; }
  .wk04-ready-empty { padding:40px; border:1px solid #e1e2e5; border-radius:6px; background:#fff; text-align:center; }
}

@media (min-width: 700px) {
  .detail-page.is-embedded-detail .detail-main {
    width: 100%;
    max-width: none;
    padding: 32px 40px 48px;
    background: var(--onoff-ui-workspace);
  }

  body[data-admin-view="safety-start-register"] .admin-main,
  body[data-admin-view="report-detail"] .admin-main { min-height:0; overflow:visible; }
  body[data-admin-view="safety-start-register"] .worker-start-register-panel { width:100%; height:auto; }
  body[data-presentation-role="worker"][data-admin-view="safety-start-register"] .worker-register-entry > :is(.project-ready-editor-breadcrumb-header, header) { display:none; }
  body[data-presentation-role="worker"][data-admin-view="safety-start-register"] .worker-register-entry__choices { margin-top:0; }

  .detail-page.is-embedded-detail .onoff-desktop-detail-header {
    min-height: 44px;
    margin: 0;
    padding: 0 0 8px;
    border-bottom: 2px solid var(--onoff-ui-divider);
  }

  .detail-page.is-embedded-detail .onoff-desktop-detail-header > div:first-child {
    display: grid;
    grid-template-columns: auto auto;
    align-items: baseline;
    justify-content: start;
    gap: 2px 12px;
  }

  .detail-page.is-embedded-detail .onoff-desktop-detail-header .detail-eyebrow {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--onoff-ui-primary);
    font-size: 12px;
    line-height: 14px;
  }

  .detail-page.is-embedded-detail .onoff-desktop-detail-header h1 {
    margin: 0;
    color: var(--onoff-ui-text);
    font-size: 24px;
    line-height: 1.2;
  }

  .detail-page.is-embedded-detail .onoff-desktop-detail-header p[data-field="number"] {
    margin: 0;
    color: var(--onoff-ui-subtle);
    font-size: 14px;
  }

  .detail-page.is-embedded-detail .onoff-desktop-detail-tabs {
    min-height: 56px;
    margin: 0 0 18px;
    gap: 0;
  }

  .detail-page.is-embedded-detail .onoff-desktop-detail-tabs button {
    min-height: 56px;
    padding: 0 24px;
    font-size: 15px;
  }

  .detail-page.is-embedded-detail .onoff-desktop-detail-tabs button:focus-visible {
    outline: 2px solid var(--onoff-ui-primary);
    outline-offset: -2px;
  }

  .detail-page.is-embedded-detail .onoff-desktop-section {
    margin: 0;
    padding: 0 0 20px;
    border: 0;
    border-bottom: 1px solid var(--onoff-ui-divider);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .detail-page.is-embedded-detail .onoff-desktop-section + .onoff-desktop-section {
    padding-top: 24px;
  }

  .detail-page.is-embedded-detail .onoff-desktop-section .detail-section-heading {
    margin: 0 0 4px;
    padding: 0;
  }

  .detail-page.is-embedded-detail .onoff-desktop-section .detail-section-heading > .material-symbols-rounded,
  .detail-page.is-embedded-detail .onoff-desktop-section .detail-section-heading p {
    display: none;
  }

  .detail-page.is-embedded-detail .onoff-desktop-section .detail-section-heading h2 {
    margin: 0;
    color: var(--onoff-ui-text);
    font-size: 16px;
  }

  .detail-page.is-embedded-detail .detail-workflow {
    display: grid;
    margin: 0 0 10px;
    padding: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }

  .detail-page.is-embedded-detail .detail-workflow li {
    position: relative;
    min-height: 24px;
    padding: 0;
    align-items: center;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 8px;
  }

  .detail-page.is-embedded-detail .detail-workflow li::before {
    display: none;
  }

  .detail-page.is-embedded-detail .detail-workflow li:not(:last-child)::after {
    display: block;
    position: absolute;
    top: 19px;
    right: -24px;
    width: 24px;
    height: 1px;
    background: var(--onoff-ui-divider);
    content: "";
  }

  .detail-page.is-embedded-detail .detail-workflow-marker {
    position: static;
    width: 20px;
    height: 20px;
  }

  .detail-page.is-embedded-detail .detail-workflow li div span { display: none; }
  .detail-page.is-embedded-detail .detail-workflow li div strong { font-size: 13px; }

  .detail-page.is-embedded-detail .detail-workflow-owner,
  .detail-page.is-embedded-detail .detail-workflow-update {
    display: grid;
    min-height: 26px;
    margin: 0;
    padding: 0 16px;
    grid-template-columns: 86px minmax(0, 1fr) auto;
    align-items: center;
    border: 1px solid var(--onoff-ui-divider);
    border-radius: 0;
    background: #fff;
    font-size: 12px;
  }

  .detail-page.is-embedded-detail .detail-workflow-owner {
    border-bottom: 0;
    border-radius: var(--onoff-ui-radius) var(--onoff-ui-radius) 0 0;
  }

  .detail-page.is-embedded-detail .detail-workflow-update {
    border-radius: 0 0 var(--onoff-ui-radius) var(--onoff-ui-radius);
  }

  .detail-page.is-embedded-detail .detail-workflow-update p { margin: 0; }
  .detail-page.is-embedded-detail :is(.detail-workflow-owner,.detail-workflow-update) :is(strong,time,p) { margin: 0; }

  .detail-page.is-embedded-detail .detail-information-grid,
  .detail-page.is-embedded-detail .detail-text-block,
  .detail-page.is-embedded-detail .detail-photo,
  .detail-page.is-embedded-detail .detail-comment-field textarea {
    border-color: var(--onoff-ui-divider);
    border-radius: var(--onoff-ui-radius);
    box-shadow: none;
  }

  .detail-page.is-embedded-detail .detail-information-grid {
    display: grid;
    padding: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
    border: 0;
    background: transparent;
  }

  .detail-page.is-embedded-detail .detail-information-grid > div {
    display: grid;
    min-height: 40px;
    padding: 0 8px;
    grid-template-columns: 100px minmax(0, 1fr);
    align-items: center;
    border-bottom: 1px solid var(--onoff-ui-divider);
  }

  .detail-page.is-embedded-detail .detail-information-grid :is(dt, dd) {
    margin: 0;
    font-size: 13px;
  }

  .detail-page.is-embedded-detail .detail-information-grid dt {
    color: var(--onoff-ui-muted);
  }

  .detail-page.is-embedded-detail .detail-text-block {
    min-height: 40px;
    padding: 10px 12px;
    border-radius: 0;
    background: #fff;
  }

  .detail-page.is-embedded-detail .detail-text-block h3 { display: none; }
  .detail-page.is-embedded-detail .detail-text-block p { margin: 0; font-size: 13px; line-height: 1.55; }

  .detail-page.is-embedded-detail .detail-photo {
    display: grid;
    min-height: 42px;
    padding: 8px 12px;
    grid-template-columns: 24px auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    border-radius: 0;
  }

  .detail-page.is-embedded-detail .detail-photo p { margin: 0; }

  .detail-page.is-embedded-detail .detail-comment-field {
    display: grid;
    min-height: 56px;
    padding: 8px 0;
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: start;
    border-bottom: 1px solid var(--onoff-ui-divider);
  }

  .detail-page.is-embedded-detail .detail-comment-field textarea {
    min-height: 40px;
    padding: 8px 10px;
    resize: vertical;
  }

  .detail-page.is-embedded-detail .detail-timeline {
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--onoff-ui-divider);
    list-style: none;
  }

  .detail-page.is-embedded-detail .detail-timeline li {
    display: grid;
    min-height: 52px;
    padding: 8px 10px;
    grid-template-columns: 88px 136px 116px 100px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid var(--onoff-ui-divider);
  }

  .detail-page.is-embedded-detail .detail-timeline li::before,
  .detail-page.is-embedded-detail .detail-timeline li::after { display: none; }

  .detail-page.is-embedded-detail .detail-timeline :is(strong, time, span, small, p) {
    margin: 0;
    font-size: 12px;
  }

  .detail-page.is-embedded-detail .detail-timeline strong {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    background: var(--onoff-ui-info-bg);
    color: var(--onoff-ui-primary);
    white-space: nowrap;
  }

  .detail-page.is-embedded-detail .detail-footer-navigation {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 0;
  }

  .detail-page.is-embedded-detail .detail-footer-navigation a {
    min-height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--onoff-ui-primary);
    font-size: 14px;
  }

  .onoff-desktop-detail-header {
    min-height: 72px;
    margin-bottom: var(--onoff-ui-content-gap);
    padding-bottom: 16px;
    border-bottom: 1px solid var(--onoff-ui-divider);
  }

  .onoff-desktop-section {
    border-color: var(--onoff-ui-divider);
    border-radius: var(--onoff-ui-radius);
    box-shadow: none;
  }
}

/* Final cascade lock: one Figma frame for every Supervisor desktop route. */
@media (min-width:901px) {
  body.admin-page.supervisor-golden-shell { --admin-sidebar: var(--desktop-sidebar-width); }
  body.admin-page.supervisor-golden-shell > .admin-header {
    width: calc(100% - var(--desktop-sidebar-width));
    height: var(--desktop-header-height);
    min-height: var(--desktop-header-height);
    margin-left: var(--desktop-sidebar-width);
    background: #fff;
  }
  body.admin-page.supervisor-golden-shell .admin-header-inner {
    height: var(--desktop-header-height);
    min-height: var(--desktop-header-height);
    padding-inline: 32px;
  }
  body.admin-page.supervisor-golden-shell > .admin-shell { grid-template-columns: var(--desktop-sidebar-width) minmax(0, 1fr); }
  body.admin-page.supervisor-golden-shell > .admin-shell > .admin-sidebar {
    width: var(--desktop-sidebar-width);
    padding: 24px 12px;
    background: #0f172a;
  }
  body.admin-page.supervisor-golden-shell .admin-main {
    width: min(100%, var(--desktop-content-max)) !important;
    margin-inline: auto !important;
    padding: 10px 32px 32px !important;
    box-sizing: border-box !important;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-main {
    width: min(100%, var(--desktop-content-max)) !important;
    margin-inline: auto !important;
    padding: 10px 32px 32px !important;
    box-sizing: border-box !important;
  }
  body.admin-page.supervisor-golden-shell .admin-content-header {
    height: auto;
    min-height: 0;
    margin-bottom: var(--desktop-section-gap);
    padding: 0;
  }
  body.admin-page.supervisor-golden-shell .admin-content-header h1 {
    font-size: var(--desktop-title-size);
    line-height: 1.25;
    letter-spacing: -.02em;
  }
  body.admin-page.supervisor-golden-shell .admin-content-header p:not(.admin-eyebrow) {
    margin-top: 6px;
    font-size: var(--desktop-body-size);
    line-height: 1.45;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-desktop-management {
    width: 100%;
    max-width: var(--desktop-content-max);
    margin: 0;
    padding: 0 0 48px;
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-dialog {
    inset: var(--desktop-header-height) 0 0 var(--desktop-sidebar-width);
  }
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-detail-header { top: var(--desktop-header-height); }
}

/* DESKTOP GOLDEN SHELL 533:* — final presentation authority. */
@media (min-width:901px) {
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) {
    --admin-sidebar: 220px;
    --desktop-workspace-gutter: 40px !important;
    background: #f8fafc !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) > .admin-header {
    width: calc(100% - 220px) !important;
    height: 48px !important;
    min-height: 48px !important;
    margin-left: 220px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    background: #fff !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-header-inner {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding-inline: 24px !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) > .admin-shell {
    min-height: calc(100vh - 48px) !important;
    grid-template-columns: 220px minmax(0,1fr) !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) > .admin-shell > .admin-sidebar {
    position: fixed !important;
    z-index: 40 !important;
    inset: 0 auto 0 0 !important;
    width: 220px !important;
    height: 100vh !important;
    padding: 28px 16px !important;
    overflow: hidden !important;
    border: 0 !important;
    background: #0f172a !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-sidebar-heading {
    display: flex !important;
    height: 46px !important;
    padding: 0 12px !important;
    align-items: flex-start !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-sidebar-heading small {
    display: block !important;
    width: auto !important;
    color: #6b8af8 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-sidebar-heading strong {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    color: #38bdf8 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-navigation {
    position: absolute !important;
    top: 104px !important;
    right: 16px !important;
    left: 16px !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-navigation::before {
    display: block !important;
    height: 18px !important;
    padding: 0 6px 6px !important;
    content: "OPERATIONS · 운영" !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 12px !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-navigation > .admin-nav-item:not([hidden]):not(.admin-nav-mobile-only) {
    display: flex !important;
    visibility: visible !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    gap: 12px !important;
    order: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #94a3b8 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    white-space: nowrap !important;
  }
  body.admin-page[data-presentation-role="worker"] .admin-navigation > .admin-nav-mobile-only {
    display: none !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-nav-item .material-symbols-rounded {
    display: inline-block !important;
    width: 16px !important;
    flex: 0 0 16px !important;
    font-size: 16px !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-nav-item > span:last-child {
    font-size: 14px !important;
    font-weight: inherit !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-nav-item > span:last-child::after { display: none !important; content: none !important; }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-nav-item:hover { color: #e2e8f0 !important; background: #172033 !important; }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-nav-item.is-active {
    color: #fff !important;
    background: #2563eb !important;
    font-weight: 600 !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-nav-item.is-active::after { display: none !important; content: none !important; }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-sidebar-status {
    display: flex !important;
    right: 16px !important;
    bottom: 28px !important;
    left: 16px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    gap: 8px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #1e293b !important;
    color: #94a3b8 !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-sidebar-status small,
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-sidebar-status strong {
    display: inline !important;
    margin: 0 !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: normal !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-header .brand {
    height: 36px !important;
    min-height: 36px !important;
    gap: 12px !important;
    align-items: center !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-header .company-logo {
    display: grid !important;
    width: 28px !important;
    height: 22px !important;
    flex: 0 0 28px !important;
    border-radius: 6px !important;
    background: #2563eb !important;
    color: #fff !important;
    place-items: center !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-header .company-logo::before {
    display: block !important;
    content: "ON" !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-header .company-logo img {
    display: none !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-header .brand-copy {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-header .brand-copy strong {
    display: block !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: normal !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-header .brand-copy small {
    display: block !important;
    padding-left: 12px !important;
    border-left: 1px solid #e2e8f0 !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-header .brand-copy::after {
    display: none !important;
    content: none !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .auth-user-menu summary {
    display: flex !important;
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    gap: 12px !important;
    justify-content: flex-end !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .auth-user-menu summary > b { order: -2 !important; }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .auth-user-menu summary > span:nth-child(2) { order: -1 !important; }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .auth-user-menu summary > span:nth-child(2) { max-width: 104px; overflow: hidden; }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .auth-user-menu summary strong { max-width: 104px; overflow: hidden; font-size: 14px !important; font-weight: 600 !important; text-overflow: ellipsis; white-space: nowrap; }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .auth-user-menu summary small { max-width: 104px; overflow: hidden; font-size: 11px !important; text-overflow: ellipsis; white-space: nowrap; }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .auth-user-menu summary b {
    padding: 4px 8px !important;
    border: 1px solid #ccfbf1 !important;
    border-radius: 6px !important;
    background: #f0fdfa !important;
    color: #0d9488 !important;
    font-size: 11px !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-main,
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"])[data-admin-view="electronic-documents"] .admin-main {
    grid-column: 2 !important;
    width: min(100%, 1440px) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding: 10px 32px 32px !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-breadcrumb {
    display: flex !important;
    min-height: 20px !important;
    margin: 0 0 12px !important;
    gap: 6px !important;
    color: #94a3b8 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-breadcrumb strong { color: #64748b !important; font-weight: 600 !important; }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-eyebrow { display: none; }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-content-header,
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-ready-page-header {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    align-items: flex-start !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-content-header h1,
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-ready-page-header h2,
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-ready-detail-header h2 {
    margin: 0 !important;
    color: #0f172a !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: -.02em !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .admin-content-header p:not(.admin-eyebrow),
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] :is(.project-ready-page-header,.project-ready-detail-header) p {
    display: block !important;
    margin: 6px 0 0 !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) :is(.operation-table-wrap,.project-ready-table-card,.document-operation-summary,.project-ready-section-card,.project-ready-detail-card,.wk04-ready-workspace) {
    border-color: #e2e8f0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .operation-table {
    color: #0f172a !important;
    font-size: 13px !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .operation-table thead th {
    height: 42px !important;
    padding: 0 18px !important;
    background: #f8fafc !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) .operation-table tbody td {
    min-height: 46px !important;
    padding: 12px 18px !important;
    border-bottom-color: #e2e8f0 !important;
    font-size: 13px !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) :is(.status-badge,.operation-status,.document-status) {
    min-height: 22px !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }
  body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"]) :is(button,.button,.admin-create-button,.project-primary-button,.project-secondary-button) {
    border-radius: 8px;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-ready-stats {
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    gap: 0 !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-ready-stats > button {
    min-height: 80px !important;
    padding: 16px !important;
    border: 0 !important;
    border-right: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-ready-stats strong { font-size: 28px !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-page-header {
    min-height: 0 !important; margin: 0 0 12px !important; padding: 0 !important; align-items: flex-start !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-page-header h2 { margin: 4px 0 3px !important; font-size: 24px !important; line-height: 30px !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-page-header p { display: block !important; margin: 0 !important; color: #64748b !important; font-size: 14px !important; line-height: 20px !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-page-header .project-ready-breadcrumb { color: #94a3b8 !important; font-size: 13px !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-page-header > button { min-height: 40px !important; padding: 0 20px 0 16px !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-stats { grid-template-columns: repeat(4,minmax(0,1fr)) !important; margin: 0 0 20px !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-stats > button:nth-child(2) { background: #eff6ff !important; color: #2563eb !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-stats > button:nth-child(3) { background: #fffdf5 !important; color: #d97706 !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-stats > button:last-child { border-right: 0 !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-search {
    display: grid !important; grid-template-columns: 212px auto 1fr auto !important; width: 100% !important; margin: 0 0 20px !important; padding: 0 !important; gap: 12px !important; align-items: center !important; border: 0 !important; border-radius: 0 !important; background: transparent !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .operation-search-field { height: 38px !important; min-height: 38px !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; background: #fff !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-filter-tabs { display: flex !important; width: max-content !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; border: 0 !important; background: transparent !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-filter-tabs label { width: auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-filter-tabs span { min-width: 0 !important; height: 34px !important; padding: 0 13px !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; background: #fff !important; font-size: 12px !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-filter-tabs input:checked + span { border-color: #2563eb !important; background: #2563eb !important; color: #fff !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-sort { grid-column: 4; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-sort select { height: 38px; padding: 0 32px 0 12px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; color: #334155; font-size: 12px; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-table-card { overflow: hidden !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; background: #fff !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-management-table { min-width: 900px; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-management-table th { height: 44px !important; padding: 0 16px !important; background: #f8fafc !important; font-size: 12px !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-management-table td { height: 46px !important; padding: 8px 16px !important; font-size: 13px !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-management-table tbody tr {
    height: 54px !important;
    border-bottom: 1px solid #eef2f7 !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-management-table tbody tr:last-child { border-bottom: 0 !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-management-table tbody td {
    height: 54px !important;
    box-sizing: border-box !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-management-table .project-row-actions {
    display: table-cell !important;
    height: 54px !important;
    padding: 0 16px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-management-table .project-row-actions::before,
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-management-table .project-row-actions::after {
    display: none !important;
    content: none !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-management-table .project-row-actions button {
    display: inline-flex !important;
    width: 78px !important;
    min-width: 78px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 9px !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-name-cell strong,
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-name-cell small { display: block; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-name-cell small { margin-top: 2px; color: #64748b; font-size: 11px; font-weight: 400; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-safety-state { font-weight: 700; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-safety-state.is-complete { color: #0d9488; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-safety-state.is-progress { color: #d97706; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-safety-state.is-missing { color: #dc2626; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-table-footer { display: flex; min-height: 52px; padding: 0 24px; align-items: center; justify-content: space-between; color: #64748b; font-size: 13px; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-table-footer nav { display: flex; gap: 4px; align-items: center; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-table-footer button { min-width: 30px; height: 30px; padding: 0 8px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: #64748b; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-table-footer button[aria-current="page"] { background: #eff6ff; color: #2563eb; font-weight: 700; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-533-list .project-ready-table-footer > nav > button { border-color: #e2e8f0; background: #fff; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-ready-detail-layout {
    grid-template-columns: minmax(0,1.65fr) minmax(320px,1fr) !important;
    gap: 24px !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-ready-detail-card { padding: 24px !important; }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog-shell {
    min-height: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog .project-ready-editor-header,
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog .project-ready-editor-tabs {
    width: calc(100% - 48px) !important;
    margin-inline: auto !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog .project-ready-editor-sticky {
    position: static;
    z-index: auto !important;
    top: auto !important;
    width: 100% !important;
    background: #f8fafc;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog .project-ready-editor-header {
    height: 95px !important;
    min-height: 95px !important;
    max-height: 95px !important;
    box-sizing: border-box !important;
    background: #f8fafc !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog .project-ready-editor-tabs {
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    box-sizing: border-box !important;
    background: #fff !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-ready-editor-body {
    box-sizing: border-box !important;
    width: calc(100% - 48px) !important;
    height: auto !important;
    max-height: none !important;
    margin-inline: auto !important;
    padding: 0 0 32px !important;
    overflow: visible !important;
    background: transparent !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-ready-section-card {
    padding: 32px 56px 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="notice"] .admin-panel[data-admin-panel="notice"] {
    min-height: 0 !important;
    padding: 24px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #fff !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="notice"] .admin-empty {
    min-height: 120px !important;
    padding: 24px !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="electronic-documents"] .document-operation-summary {
    min-height: 68px !important;
    height: auto !important;
    margin: 0 0 20px !important;
    padding: 0 16px !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="electronic-documents"] :is(.document-recent-section,.document-operation-list) {
    min-height: 0 !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="electronic-documents"] .document-empty {
    min-height: 96px !important;
    padding: 24px !important;
  }
}

/* Final hard lock: route CSS cannot move or restyle Supervisor common chrome. */
@media (min-width:901px) {
  body.admin-page.supervisor-golden-shell .admin-sidebar-heading {
    display: flex !important;
    height: 46px !important;
    align-items: flex-start !important;
  }
  body.admin-page.supervisor-golden-shell .admin-navigation {
    position: absolute !important;
    top: 104px !important;
    right: 16px !important;
    left: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
  }
  body.admin-page.supervisor-golden-shell .admin-navigation > .admin-nav-item:not([hidden]):not(.admin-nav-mobile-only) {
    display: flex !important;
    visibility: visible !important;
    order: 0 !important;
  }
  body.admin-page.supervisor-golden-shell .admin-navigation::before {
    display: block !important;
    height: 18px;
    padding: 0 6px 6px !important;
    box-sizing: border-box;
    content: "OPERATIONS · 운영" !important;
    font-size: 11px !important;
    line-height: 12px !important;
  }
  body.admin-page.supervisor-golden-shell .admin-nav-item {
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    gap: 12px !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 20px !important;
  }
  body.admin-page.supervisor-golden-shell .admin-nav-item > span:last-child { font-size: 14px !important; }
  body.admin-page.supervisor-golden-shell .admin-header .brand {
    height: 36px !important;
    min-height: 36px !important;
    align-items: center !important;
  }
  body.admin-page.supervisor-golden-shell .admin-header .company-logo {
    display: grid !important;
    width: 28px !important;
    height: 22px !important;
    flex: 0 0 28px !important;
    border-radius: 6px !important;
    background: #2563eb !important;
    color: #fff !important;
    place-items: center !important;
  }
  body.admin-page.supervisor-golden-shell .admin-header .company-logo { font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; }
  body.admin-page.supervisor-golden-shell .admin-header .company-logo::before { display: none !important; content: none !important; }
  body.admin-page.supervisor-golden-shell .admin-header .company-logo img { display: none !important; }
  body.admin-page.supervisor-golden-shell .admin-header .brand-copy { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; }
  body.admin-page.supervisor-golden-shell .admin-header .brand-copy strong { display: block !important; color: #0f172a !important; font-size: 15px !important; font-weight: 700 !important; white-space: nowrap !important; }
  body.admin-page.supervisor-golden-shell .admin-header .brand-copy small { display: block !important; margin: 0 !important; padding-left: 12px !important; border-left: 1px solid #e2e8f0 !important; color: #64748b !important; font-size: 13px !important; font-weight: 400 !important; line-height: 20px !important; white-space: nowrap !important; }
  body.admin-page.supervisor-golden-shell .admin-header .brand-copy::after {
    display: none !important;
    content: none !important;
  }
  body.admin-page.supervisor-golden-shell .admin-header-actions { display: flex !important; align-items: center !important; }
  body.admin-page.supervisor-golden-shell .auth-user-menu { display: block !important; }
  body.admin-page.supervisor-golden-shell .admin-header .brand-copy,
  body.admin-page.supervisor-golden-shell .admin-header .brand-copy strong,
  body.admin-page.supervisor-golden-shell .admin-header .brand-copy small { line-height: 20px !important; }
  body.admin-page.supervisor-golden-shell .auth-user-menu summary {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    height: 40px !important;
    min-height: 40px !important;
    justify-content: flex-end !important;
  }
  body.admin-page.supervisor-golden-shell .admin-sidebar-status {
    display: flex !important;
    right: 16px !important;
    bottom: 28px !important;
    left: 16px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #1d2a40 !important;
    color: #a9b6ca !important;
  }
  body.admin-page.supervisor-golden-shell .admin-main,
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-main {
    width: min(100%, var(--desktop-content-max)) !important;
    margin-inline: auto !important;
    padding: 10px 32px 32px !important;
    box-sizing: border-box !important;
  }

  body.admin-page.supervisor-golden-shell .admin-breadcrumb,
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"] .admin-content-header .admin-breadcrumb {
    display: flex !important;
    align-items: center;
    min-height: 20px;
    margin: 0 0 12px !important;
    gap: 6px;
    color: #94a3b8;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
  body.admin-page.supervisor-golden-shell .admin-breadcrumb .material-symbols-rounded { width: 14px; font-size: 14px; }
  body.admin-page.supervisor-golden-shell .admin-breadcrumb strong { color: #64748b; font-weight: 650; }
  body.admin-page.supervisor-golden-shell .admin-eyebrow { display: none !important; }

  body.admin-page.supervisor-golden-shell .admin-content-header,
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"][data-document-view="main"] .admin-content-header,
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header {
    box-sizing: border-box;
    height: auto;
    min-height: 0;
    margin: 0 0 12px;
    padding: 0;
    align-items: flex-start;
  }

  body.admin-page.supervisor-golden-shell .admin-content-header h1,
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"][data-document-view="main"] .admin-content-header h1,
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header h2,
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-detail-header h2 {
    margin: 0;
    color: #1e293b;
    font-size: var(--desktop-title-size);
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -.02em;
  }

  body.admin-page.supervisor-golden-shell .admin-content-header p:not(.admin-eyebrow),
  body.admin-page.supervisor-golden-shell[data-admin-view="electronic-documents"][data-document-view="main"] .admin-content-header p:not(.admin-eyebrow),
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header p,
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-detail-header p {
    display: block !important;
    margin: 6px 0 0;
    color: #64748b;
    font-size: var(--desktop-body-size);
    line-height: 1.45;
  }

  body.admin-page.supervisor-golden-shell .admin-content-header > :last-child,
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header > :last-child { align-self: flex-start; }

  body.admin-page.supervisor-golden-shell .admin-content-header :is(button, .admin-refresh-button, .admin-create-button),
  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-page-header > button {
    min-height: 38px;
    border-radius: 8px;
  }

  body.admin-page.supervisor-golden-shell[data-admin-view="project-management"] .project-ready-detail-header .admin-breadcrumb {
    width: max-content;
    min-height: 16px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
}

/* Project Create/Edit desktop sticky authoring block. */
@media (min-width: 769px) {
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] {
    position: fixed !important;
    inset: 48px auto 0 calc(var(--desktop-sidebar-width) + max(var(--desktop-workspace-gutter), (100vw - var(--desktop-sidebar-width) - var(--desktop-content-max)) / 2)) !important;
    width: min(calc(100vw - var(--desktop-sidebar-width) - (var(--desktop-workspace-gutter) * 2)), var(--desktop-content-max)) !important;
    height: calc(100dvh - 48px) !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #f8fafc !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-dialog-shell {
    display: grid !important;
    height: 100% !important;
    min-height: 0 !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    overflow: hidden !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-sticky {
    position: relative !important;
    top: auto !important;
    z-index: 42 !important;
    flex: none !important;
    background: #f8fafc !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-body {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
}

/* Project authoring breadcrumb scrolls away before the locked sticky editor header. */
@media (min-width: 769px) {
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-dialog-shell {
    display: block !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-sticky {
    position: sticky !important;
    top: 0 !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-body {
    overflow: visible !important;
  }
}

/* Preserve the approved Project review content width. */
@media (min-width: 769px) {
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] [data-project-ready-panel="review"],
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-review-card {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}

/* Project Create/Edit top flow: shared breadcrumb anchor without an empty hero slot. */
@media (min-width: 769px) {
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-breadcrumb-header {
    height: auto !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 10px 32px !important;
    align-items: center !important;
    gap: 0 !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-breadcrumb-header .admin-breadcrumb {
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-breadcrumb-header .authoring-navigation-context__back {
    height: 20px !important;
    min-height: 20px !important;
  }

  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-header {
    padding: 0 32px 12px !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-heading {
    align-self: flex-start !important;
  }
  body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-save-actions {
    align-self: center !important;
  }
}

/* Golden Top v2 authoring navigation: scroll-out context above the locked authoring navigation. */
@media (min-width: 769px) {
  body.admin-page[data-admin-view="electronic-documents"][data-document-view="builder"] > .admin-shell > .admin-main > .admin-content-header .admin-breadcrumb {
    display: none !important;
  }
  body.admin-page .authoring-navigation-context {
    position: static !important;
    box-sizing: border-box;
    color: #94a3b8;
    background: #f8fafc;
    font-size: 14px !important;
    line-height: 20px !important;
  }
  body.admin-page .authoring-navigation-context .admin-breadcrumb,
  body.admin-page .authoring-navigation-context:not(header) {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
  }
  body.admin-page .authoring-navigation-context .admin-breadcrumb {
    min-height: 20px;
    margin: 0;
  }
  body.admin-page header.authoring-navigation-context { align-items: center; gap: 0; }
  body.admin-page .authoring-navigation-context__back {
    display: inline-flex;
    min-height: 20px;
    padding: 0;
    align-items: center;
    gap: 7px;
    border: 0;
    background: transparent;
    color: #64748b;
    font: inherit;
    cursor: pointer;
  }
  body.admin-page .authoring-navigation-context__back:hover { color: #1d4ed8; }
  body.admin-page .authoring-navigation-context__back:focus-visible { outline: 3px solid rgb(37 99 235 / 24%); outline-offset: 2px; border-radius: 4px; }
  body.admin-page .authoring-navigation-context strong { color: #1e293b; font-weight: 700; }
}

@media (min-width:700px){
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;margin:0 0 16px!important;overflow:hidden!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card{min-height:80px!important;padding:16px!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;border:0!important;border-right:1px solid #e2e8f0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-align:left!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card:last-child{border-right:0!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-active{background:#eff6ff!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-progress{background:#fffdf5!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card.is-complete{background:#f0fdfa!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card span{order:0!important;margin:0!important;color:#64748b!important;font-size:13px!important;font-weight:650!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card strong{order:1!important;color:#0f172a!important;font-size:32px!important;line-height:1!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .admin-surface{padding:0!important;overflow:hidden!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .admin-section-heading{min-height:60px!important;padding:10px 16px!important;border-bottom:1px solid #e2e8f0!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-total-count{min-width:0!important;min-height:40px!important;padding:0 12px!important;border:0!important;background:transparent!important;font-size:13px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] #manager-start-create{min-height:40px!important;padding:0 20px 0 16px!important;gap:8px!important;border-radius:8px!important;box-shadow:none!important;font-size:14px!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] #admin-start-search{display:grid!important;grid-template-columns:minmax(220px,1fr) auto auto 42px!important;margin:0!important;padding:12px 16px!important;gap:8px!important;border:0!important;border-bottom:1px solid #e2e8f0!important;border-radius:0!important;background:#fff!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] #admin-start-search :is(.operation-search-field,.operation-search-button,.operation-search-reset,.operation-refresh-button){height:36px!important;min-height:36px!important;border-radius:6px!important;box-shadow:none!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table-wrap{overflow:hidden!important;border:0!important;border-radius:0!important;box-shadow:none!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table{table-layout:fixed!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table thead{background:#f8fafc!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th{height:38px!important;padding:0 16px!important;font-size:12px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table td{height:56px!important;padding:8px 16px!important;border-bottom:1px solid #e2e8f0!important;font-size:13px!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] :is(.status-badge,.operation-detail-button){min-height:26px!important;padding:0 10px!important;border-radius:6px!important;box-shadow:none!important;font-size:12px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-pagination{min-height:52px!important;margin:0!important;padding:10px 16px!important;background:#fff!important}
}

@media (min-width:700px){
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .admin-section-heading{position:absolute;z-index:2;top:-68px;right:0;min-height:40px!important;padding:0!important;border:0!important;background:transparent!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .admin-surface{position:relative;overflow:visible!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] #admin-start-search{grid-template-columns:minmax(160px,1fr) auto 130px!important;align-items:center!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] #admin-start-search>.operation-search-button,body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] #admin-start-search>.operation-search-reset,body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] #admin-start-search>.operation-refresh-button{display:none!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-status-filters{display:flex;gap:4px;align-items:center}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-status-filters button{height:36px;padding:0 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;font:inherit;font-size:12px;font-weight:650}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-status-filters button[aria-pressed="true"]{border-color:#2563eb;background:#2563eb;color:#fff}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-sort{height:36px;padding:0 30px 0 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;font:inherit;font-size:12px;font-weight:650}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(1){width:auto}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(2){width:120px}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(3){width:120px}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(4){width:150px}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(5){width:110px}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(6){width:150px}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(7){width:80px}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-primary-cell strong,body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-primary-cell small{display:block}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-primary-cell strong{color:#0f172a;font-size:14px}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-primary-cell small{margin-top:2px;color:#64748b;font-size:11px;font-weight:500}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-preparation{font-size:13px;font-weight:700;color:#2563eb}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-preparation.is-progress{color:#d97706}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-preparation.is-complete{color:#0d9488}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-table-footer{display:flex;min-height:52px;padding:0 16px;align-items:center;justify-content:space-between;background:#fff}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-table-footer .operation-total-count{margin:0!important;padding:0!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-table-footer .operation-pagination{min-height:0!important;padding:0!important}
}

/* Safety Start 497:253 density pass. */
@media (min-width:700px){
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .admin-panel[data-admin-panel="safety-start"]{position:relative!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .admin-surface{position:static!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .admin-section-heading{top:-72px!important;right:0!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] #manager-start-create{height:36px!important;min-height:36px!important;padding:0 16px 0 14px!important;font-size:13px!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card{height:72px!important;min-height:72px!important;padding:12px 16px!important;gap:3px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card span{font-size:12px!important;line-height:16px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card span:before{display:none!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-summary-card strong{font-size:28px!important;line-height:30px!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] #admin-start-search{grid-template-columns:220px auto auto 124px!important;padding:8px 12px!important;gap:6px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] #admin-start-search :is(.operation-search-field,.operation-search-button,.operation-search-reset,.operation-refresh-button),body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-status-filters button,body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] :is(.safety-start-sort,.safety-start-ownership-filter){height:32px!important;min-height:32px!important;border-radius:6px!important;font-size:11px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-status-filters button{padding:0 10px!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-ownership-filter{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-weight:700;white-space:nowrap}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-ownership-filter .material-symbols-rounded{font-size:15px}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-ownership-filter[aria-pressed="true"]{border-color:#0f766e;background:#f0fdfa;color:#0f766e}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-detail-button.is-review{border-color:#2563eb!important;background:#eff6ff!important;color:#1d4ed8!important;font-weight:750!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th{height:34px!important;padding:0 12px!important;font-size:11px!important;line-height:14px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table td{height:50px!important;padding:6px 12px!important;font-size:12px!important;line-height:16px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-primary-cell strong{font-size:13px!important;line-height:16px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-primary-cell small{font-size:10px!important;line-height:13px!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] :is(.status-badge,.operation-detail-button){height:24px!important;min-height:24px!important;padding:0 8px!important;border-radius:5px!important;font-size:11px!important;line-height:1!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-preparation{font-size:12px!important;line-height:16px!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-table-footer{min-height:44px!important;padding:0 12px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-table-footer .operation-total-count{min-height:28px!important;font-size:11px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-pagination button{min-width:24px!important;width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;border-radius:5px!important;font-size:11px!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(2){width:110px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(3){width:105px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(4){width:125px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(5){width:100px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(6){width:135px!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(7){width:70px!important}
}

/* Safety Start table clipping fix. */
@media (min-width:700px){
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table-wrap{width:100%!important;min-width:0!important;overflow:visible!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(1){width:34%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(2){width:10%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(3){width:10%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(4){width:11%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(5){width:10%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(6){width:15%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(7){width:10%!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table td{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table td:last-child{overflow:visible!important;text-overflow:clip!important;text-align:center!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-detail-cell{width:auto!important;min-width:0!important;padding-inline:8px!important;overflow:visible!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-detail-button{max-width:100%!important;margin:0 auto!important;white-space:nowrap!important;overflow:visible!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-detail-button::after{display:none!important;content:none!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-table-footer{width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .safety-start-table-footer .operation-pagination{display:flex!important;max-width:none!important;flex:0 0 auto!important;overflow:visible!important;white-space:nowrap!important}
}

/* Safety Start final full-date fit. */
@media (min-width:700px){
body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(1){width:30%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table th:nth-child(4){width:15%!important}body.admin-page[data-presentation-role="supervisor"][data-admin-view="safety-start"] .operation-table td:nth-child(4){overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
}

/* Electronic Document authoring scrollbar is owned by the full-width workspace edge. */
@media (min-width:901px){
body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"])[data-admin-view="electronic-documents"][data-document-view="builder"] .admin-main{--e-doc-scrollbar-width:15px;height:calc(100dvh - 48px)!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:stable!important}
body.admin-page:is([data-presentation-role="supervisor"],[data-presentation-role="worker"])[data-admin-view="electronic-documents"][data-document-view="builder"] .document-panel{width:calc(100% + var(--e-doc-scrollbar-width))!important}
}

/* Project Create/Edit: full-width scroll shell with the approved golden content rail unchanged. */
@media (min-width:769px){
body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open]{--project-authoring-scrollbar-width:15px;inset:48px 0 0 calc(var(--desktop-sidebar-width) + max(var(--desktop-workspace-gutter),(100vw - var(--desktop-sidebar-width) - var(--desktop-content-max)) / 2))!important;width:auto!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-dialog-shell{width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:stable!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-dialog-shell>:is(.project-ready-editor-breadcrumb-header,.project-ready-editor-sticky,.project-ready-editor-body){width:calc(min(calc(100vw - var(--desktop-sidebar-width) - (var(--desktop-workspace-gutter) * 2)),var(--desktop-content-max)) - var(--project-authoring-scrollbar-width))!important;max-width:none!important}
}

/* Project identity stays outside; the existing Tabs+Form root owns the accepted authoring scroll area. */
@media (min-width:769px){
body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-dialog-shell{display:grid!important;height:100%!important;min-height:0!important;grid-template-rows:auto auto minmax(0,1fr)!important;overflow:hidden!important;scrollbar-gutter:auto!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-breadcrumb-header,
body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-header,
body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-sticky>:is(.project-ready-editor-tabs,.project-ready-editor-body){width:calc(100% - 48px)!important;max-width:1376px!important;margin-inline:auto!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-header{position:static!important;top:auto!important;z-index:auto!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-dialog-shell>.project-ready-editor-sticky{position:relative!important;top:auto!important;z-index:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:stable!important;background:#f8fafc!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-tabs{position:sticky!important;top:0!important;z-index:45!important;margin-inline:auto!important;background:#fff!important}
body.admin-page[data-presentation-role="supervisor"][data-admin-view="project-management"] .project-dialog[open] .project-ready-editor-body{position:static!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
}