/* Balanced desktop navigation; compact fallback for short viewports. */
.parked-status-v290{padding:8px;border:1px solid #aab5c3;border-radius:10px;background:#f0f2f5;color:#475569}
.parked-status-v290 .job-status{background:#e2e8f0;color:#475569;font-weight:800}
.parked-status-v290 button{margin-top:5px;font:inherit;font-size:11px;padding:4px 8px;border:1px solid #aab5c3;border-radius:7px;background:#fff;color:#475569}
.parked-job-detail-v290{margin-top:12px;padding-top:10px;border-top:1px solid #cbd5e1}
@media(min-width:761px){
 html body #graphic-app>.sidebar{height:100dvh!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;padding:10px!important}
 html body #graphic-app #nav{flex:0 0 auto!important;align-content:start!important;gap:3px!important;overflow:visible!important}
 html body #graphic-app #nav .department-nav-block{gap:0!important;align-content:start!important}
 html body #graphic-app #nav button[data-view]{height:30px!important;min-height:30px!important;padding:3px 5px!important;line-height:1.2!important;gap:7px!important;margin:0!important}
 html body #graphic-app #nav button[data-view]{border-left-width:3px!important}
 html body #graphic-app #nav .department-nav-graphic>button.analysis-nav-priority{height:30px!important;min-height:30px!important;padding:3px 5px!important;margin:0!important}
 html body #graphic-app #nav button[data-view]>i{flex:0 0 22px!important;margin:0!important;width:22px!important;min-width:22px!important;height:22px!important}
 html body #graphic-app #nav .nav-count{margin-left:auto!important;min-height:18px!important;line-height:14px!important;white-space:nowrap!important}
 html body #graphic-app #nav .department-roster-toggle{margin-left:0!important;flex:0 0 22px!important;width:22px!important;height:22px!important}
 html body #graphic-app .sidebar .back-link{position:static!important;inset:auto!important;transform:none!important;display:block!important;width:100%!important;box-sizing:border-box!important;margin:6px 0 0!important;padding:6px 8px!important;min-height:28px!important;flex:0 0 auto!important}
 html body #graphic-app .sidebar .online-note{flex:0 0 auto!important;margin:3px 0 0!important;min-height:20px!important;padding:3px 6px!important}
 html body #graphic-app #nav button[hidden]{display:none!important}
}
@media(min-width:761px){
 html body #graphic-app #nav{flex:1 0 auto!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:clamp(4px,1.4vh,16px)!important;padding-bottom:10px!important}
 html body #graphic-app #nav .department-nav-block{flex:0 0 auto!important;gap:clamp(0px,.35vh,4px)!important}
 html body #graphic-app #nav button[data-view],html body #graphic-app #nav .department-nav-graphic>button.analysis-nav-priority{height:clamp(27px,4vh,38px)!important;min-height:clamp(27px,4vh,38px)!important}
 html body #graphic-app .sidebar .online-note{order:3!important;border-top:1px solid #dce8e3!important;padding-top:8px!important;margin-top:0!important}
 html body #graphic-app .sidebar .back-link{order:4!important}
 html body:has(#graphic-app:not([hidden])) #logo-studio-universal-hub-back{display:none!important}
}
@media(min-width:761px) and (max-height:700px){
 html body #graphic-app #nav{gap:3px!important;padding-bottom:4px!important}
 html body #graphic-app #nav .department-nav-block{gap:0!important}
 html body #graphic-app #nav button[data-view],html body #graphic-app #nav .department-nav-graphic>button.analysis-nav-priority{height:27px!important;min-height:27px!important}
}
@media(min-width:761px) and (max-height:650px){
 html body #graphic-app #nav button[data-view]{height:27px!important;min-height:27px!important;font-size:11px!important}
 html body #graphic-app .sidebar>.brand{padding-bottom:4px!important;margin-bottom:4px!important}
}