.awards-app-shell { display:grid; grid-template-columns:252px minmax(0,1fr); min-height:100vh; align-items:start; align-content:start; }
.awards-app-shell > .preview-ribbon,.awards-app-shell > .topbar { grid-column:1 / -1; }
.awards-app-shell > .topbar { position:relative; top:auto; }
.awards-app-shell > .content-review-toolbar { grid-column:2; min-width:0; }
.awards-app-shell > .main { grid-column:2; width:100%; min-width:0; max-width:1440px; box-sizing:border-box; margin:0 auto; padding:26px 24px 60px; }
.awards-app-shell > .awards-sidebar { grid-column:1; grid-row:3 / span 2; align-self:stretch; }
.awards-sidebar { background:#f6f8fb; border-right:1px solid #dce3ed; padding:20px 12px; box-sizing:border-box; min-width:0; }
.awards-nav-mobile { position:sticky; top:16px; }
.awards-sidebar nav { max-height:calc(100vh - 32px); overflow-y:auto; overscroll-behavior:contain; }
#app .awards-sidebar .awards-nav-list { list-style:none; padding:0; padding-inline-start:0; margin:0; text-align:left; }
#app .awards-sidebar .awards-nav-list > li { list-style:none; margin:3px 0; padding:0; padding-inline-start:0; min-width:0; line-height:1.5; }
#app .awards-sidebar .awards-nav-list .awards-nav-list { margin:3px 0 8px 10px; padding-inline-start:10px; border-left:1px solid #d4dde9; }
.awards-nav-list a,.awards-nav-list summary { display:block; padding:10px 11px; border-radius:7px; font-size:14px; line-height:1.5; text-decoration:none; color:#25354b; overflow-wrap:anywhere; cursor:pointer; }
.awards-nav-list summary { display:list-item; list-style-position:inside; font-weight:650; }
.awards-nav-list a:hover,.awards-nav-list summary:hover { background:#e8edf5; }
.awards-nav-list a[aria-current="page"] { background:#dce8f8; color:#153e71; font-weight:700; box-shadow:inset 3px 0 #285c97; }
.awards-nav-list a:focus-visible,.awards-nav-list summary:focus-visible,.awards-nav-mobile-toggle:focus-visible { outline:3px solid #3477c0; outline-offset:2px; }
.awards-nav-mobile-toggle { display:none; }
.awards-nav-mobile:not([open]) > nav { display:block; }
.form-nav-close,.form-nav-backdrop { display:none; }
/* Original forms keep their established canvas; navigation opens above it. */
.awards-app-shell.is-form-workspace { display:block; }
.awards-app-shell.is-form-workspace > .main { width:100%; max-width:1440px; margin:0 auto; padding:26px 24px 60px; }
.awards-app-shell.is-form-workspace > .awards-sidebar { display:none; position:fixed; z-index:90; inset:0 auto 0 0; width:min(300px,calc(100vw - 44px)); height:100vh; height:100dvh; padding:8px 12px; border-right:1px solid #dce3ed; border-bottom:0; overflow:hidden; box-shadow:8px 0 30px rgba(15,35,55,.16); }
.awards-app-shell.is-form-workspace.is-form-nav-open > .awards-sidebar { display:block; }
.awards-app-shell.is-form-workspace .form-nav-close { display:block; width:100%; min-height:40px; margin:0 0 8px; text-align:left; }
.awards-app-shell.is-form-workspace .awards-nav-mobile { position:static; }
.awards-app-shell.is-form-workspace .awards-nav-mobile-toggle { display:none; }
.awards-app-shell.is-form-workspace .awards-nav-mobile > nav { display:block; position:static; max-height:calc(100vh - 64px); max-height:calc(100dvh - 64px); margin:0; overflow-y:auto; }
.awards-app-shell.is-form-workspace.is-form-nav-open > .form-nav-backdrop { display:block; position:fixed; z-index:89; inset:0; width:100%; height:100%; padding:0; border:0; border-radius:0; background:rgba(15,35,55,.34); cursor:pointer; }
.canonical-filters { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 24px; }
.canonical-filters .btn { margin:0; white-space:normal; text-align:left; }
.canonical-program { min-width:0; }
.canonical-program > .section-title { align-items:center; gap:12px; flex-wrap:wrap; }
.canonical-form-card { display:flex; flex-direction:column; gap:12px; min-width:0; }
.canonical-form-card .section-title { margin-bottom:0; align-items:flex-start; gap:12px; flex-wrap:wrap; }
.canonical-form-card h3 { overflow-wrap:anywhere; line-height:1.5; }
.canonical-form-card > ul,.canonical-pending > ul { margin:0; padding-left:1.5em; list-style:disc outside; text-align:left; line-height:1.65; }
.canonical-form-card > ul > li,.canonical-pending > ul > li { padding-left:.15em; margin:0 0 .6em; overflow-wrap:anywhere; }
.canonical-form-card > .toolbar { margin-top:auto; display:flex; flex-wrap:wrap; gap:8px; }
.canonical-pending > summary { cursor:pointer; font-weight:650; line-height:1.6; }
.canonical-pending > p { margin:14px 0; line-height:1.65; }
.canonical-pending li p { margin:4px 0 8px; }
.canonical-preview-controls { display:grid; gap:14px; margin-bottom:20px; min-width:0; }
.canonical-preview-controls .field,.canonical-preview-controls select { width:100%; min-width:0; max-width:100%; }
.canonical-preview-controls .toolbar { display:flex; flex-wrap:wrap; gap:10px; }
.canonical-preview { min-width:0; max-width:100%; }
.canonical-preview.is-trial { outline:2px solid #b77b21; outline-offset:5px; border-radius:8px; }
.canonical-preview .table-wrap { overflow-x:auto; max-width:100%; }
/* Keep the compact HR stage selector separate from the larger leader timeline cards. */
.award-process-strip > .award-process-step { display:flex; flex-direction:column; align-items:flex-start; gap:4px; min-height:0; border-top-width:1px; }
.award-process-strip > .award-process-step.active { border-width:2px; }
.award-process-strip > .award-process-step > span { display:grid; place-items:center; align-self:flex-start; flex:0 0 24px; width:24px; height:24px; margin:0 0 4px; line-height:1; }
.award-process-strip > .award-process-step > small { margin-top:auto; }
@media (max-width:800px) {
  .awards-app-shell { grid-template-columns:minmax(0,1fr); }
  .awards-app-shell > .awards-sidebar { grid-column:1; grid-row:auto; border-right:0; border-bottom:1px solid #dce3ed; padding:10px 14px; }
  .awards-app-shell > .main,.awards-app-shell > .content-review-toolbar { grid-column:1; }
  .awards-sidebar nav { position:static; max-height:65vh; margin-top:8px; }
  .awards-nav-mobile { position:static; }
  .awards-nav-mobile-toggle { display:list-item; cursor:pointer; padding:9px 8px; font-weight:700; color:#25354b; }
  .awards-nav-mobile:not([open]) > nav { display:none; }
  .canonical-program > .grid { grid-template-columns:minmax(0,1fr); }
  .canonical-form-card > .toolbar > .btn { max-width:100%; white-space:normal; }
}
@media (max-width:760px) {
  .awards-app-shell > .main,.awards-app-shell.is-form-workspace > .main { padding:18px 13px 50px; }
}
@media print {
  .awards-app-shell,.awards-app-shell.is-form-workspace { display:block; min-height:0; }
  .awards-app-shell > .awards-sidebar,.awards-app-shell > .preview-ribbon,.awards-app-shell > .content-review-toolbar,.form-nav-close,.form-nav-backdrop,.form-nav-toggle { display:none!important; }
  .awards-app-shell > .main,.awards-app-shell.is-form-workspace > .main { width:auto; max-width:none; margin:0; padding:0; }
}