#operations-desk-root{max-width:var(--content-max);width:100%;margin:0 auto;padding:var(--space-7) var(--space-7) var(--space-2)}
.operations-desk-heading{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-5);padding-left:var(--space-4)}
.operations-desk-heading::before{content:"";position:absolute;inset:2px auto 2px 0;width:4px;border-radius:999px;background:var(--color-primary)}
.operations-desk-heading h2{margin:var(--space-1) 0 var(--space-2);font-size:1.6rem;letter-spacing:-.03em;line-height:1.3;word-break:keep-all}
.operations-desk-heading p{margin:0;word-break:keep-all}
.operations-desk-heading>.button{white-space:nowrap}
.operations-desk-quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3)}
.operations-desk-card{position:relative;display:flex;min-height:132px;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-width:0;padding:var(--space-4) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:var(--radius-md);text-align:left;color:var(--color-text);cursor:pointer;font:inherit;box-shadow:var(--shadow-surface);transition:background var(--motion-duration-fast) ease,border-color var(--motion-duration-fast) ease}
.operations-desk-card:nth-child(n+4){border-top-color:var(--color-secondary)}
.operations-desk-card:hover{border-color:var(--color-primary);border-top-color:var(--color-primary);background:var(--color-primary-soft)}
.operations-desk-card:focus-visible{border-color:var(--color-primary);background:var(--color-surface-tint);box-shadow:0 0 0 3px var(--focus-ring)}
.operations-desk-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);background:var(--color-primary-soft);font-size:1.4rem;line-height:1}
.operations-desk-card:nth-child(n+4) .operations-desk-icon{border-color:var(--color-secondary);color:var(--color-secondary);background:var(--color-secondary-soft)}
.operations-desk-card strong{font-size:.9rem;letter-spacing:-.02em;line-height:1.35;word-break:keep-all}
.operations-desk-card .muted{font-size:.72rem;line-height:1.55;word-break:keep-all}
.operations-desk-services{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-muted)}
.operations-desk-services strong{font-size:.78rem;margin-right:auto}
.operations-desk-services .button{border-color:transparent;background:transparent;color:var(--color-primary);padding:6px 10px;font-size:.76rem}
.operations-desk-services .button:hover{border-color:var(--color-border);background:var(--color-surface);color:var(--color-primary-hover)}
.operations-desk-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:var(--space-4);align-items:start}
.operations-desk-directory{display:flex;flex-direction:column;padding:var(--space-3);position:sticky;top:calc(var(--topbar-height) + var(--space-3));max-height:calc(100vh - var(--topbar-height) - var(--space-6));overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-surface)}
.operations-desk-search{position:sticky;top:calc(-1 * var(--space-3));background:var(--color-surface);padding:var(--space-1) 0 var(--space-3);z-index:1}
.operations-desk-search label{display:block;font-size:.78rem;font-weight:750;margin-bottom:var(--space-2)}
.operations-desk-search input{width:100%;min-width:0;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font:inherit;font-size:.76rem}
.operations-desk-search p{font-size:.7rem;margin:var(--space-2) 0 0}
.operations-desk-item{width:100%;min-height:44px;background:transparent;color:var(--color-text-muted);padding:10px var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);text-align:left;cursor:pointer;font:inherit;font-size:.76rem;line-height:1.45}
.operations-desk-item:hover{background:var(--color-surface-muted);color:var(--color-text)}
.operations-desk-item:focus-visible{border-color:var(--color-primary)}
.operations-desk-item[aria-pressed="true"]{border-color:var(--color-primary);border-inline-start:3px solid var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 3px 0 0 var(--color-primary);color:var(--color-primary);font-weight:700}
.operations-desk-directory [hidden]{display:none!important}
.operations-desk-workspace{min-width:0}
.operations-desk-context{padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--space-3);scroll-margin-top:var(--space-5);box-shadow:var(--shadow-surface)}
.operations-desk-context h3{font-size:1.05rem;margin:0 0 var(--space-1);line-height:1.35}
.operations-desk-context p{margin:0;font-size:.76rem;line-height:1.6}
.operations-desk-task{min-width:0}
.operations-desk-task .workspace-page-body{padding:0}
.operations-desk-task>.workspace-page-body:has(>.content-tab-panel)>.workbench-heading{display:none}
.operations-desk-task .workbench-title{font-size:1.25rem}
.operations-desk-task :is(input,select,textarea){max-width:100%;min-width:0}
.operations-desk-welcome{min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-8);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted)}
.operations-desk-welcome h3{font-size:1.05rem;margin:var(--space-4) 0 var(--space-2)}
.operations-desk-welcome p{font-size:.8rem;max-width:390px;line-height:1.75;margin:0}
#overview-root{scroll-margin-top:var(--space-5)}
@media(max-width:1439px){.operations-desk-quick{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1023px){
  #operations-desk-root{padding:var(--space-5) var(--space-5) var(--space-2)}
  .operations-desk-layout{grid-template-columns:190px minmax(0,1fr);gap:var(--space-3)}
}
@media(max-width:768px){
  #operations-desk-root{padding:var(--space-4) var(--space-3) var(--space-2)}
  .operations-desk-heading{align-items:flex-start;flex-direction:column;gap:var(--space-3)}
  .operations-desk-heading h2{font-size:1.35rem}
  .operations-desk-heading p{font-size:.76rem}
  .operations-desk-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
  .operations-desk-card{min-height:128px;padding:var(--space-3) var(--space-2)}
  .operations-desk-services{padding:var(--space-3);gap:var(--space-1)}
  .operations-desk-services strong{flex-basis:100%;margin:0 0 var(--space-1)}
  .operations-desk-layout{display:block}
  .operations-desk-directory{position:relative;top:auto;max-height:234px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:var(--space-3)}
  .operations-desk-search{grid-column:1/-1}
  .operations-desk-context{padding:var(--space-3);margin-bottom:var(--space-3)}
  .operations-desk-welcome{min-height:210px;padding:var(--space-5)}
}
@media(max-width:360px){
  .operations-desk-quick{grid-template-columns:1fr}
  .operations-desk-card{min-height:112px}
}