/* Focus mode: preserve the AegisOps work surface while removing app-shell chrome. */
.focus-mode-toggle{
  min-height:44px;
  padding:8px 12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-color:transparent;
  background:transparent;
  color:var(--sk-ink-soft);
  white-space:nowrap;
}
.focus-mode-toggle:hover:not(:disabled){
  transform:none;
  border-color:var(--sk-line-strong);
  background:var(--sk-surface-green);
  color:var(--sk-pine);
}
.focus-mode-toggle svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
.focus-mode-toggle span{font-size:12px;line-height:1}

body.focus-mode .layout{grid-template-columns:minmax(0,1fr)}
body.focus-mode .sidebar{
  transform:translateX(-105%);
  visibility:hidden;
  pointer-events:none;
}
body.focus-mode .main{grid-column:1;width:100%;min-width:0}
body.focus-mode .topbar{
  height:54px;
  padding:0 clamp(16px,2.5vw,38px);
  justify-content:flex-end;
  background:#fffefa;
}
body.focus-mode .topbar .mobile-brand,
body.focus-mode .topbar .top-right>span,
body.focus-mode .topbar .account-permissions,
body.focus-mode .topbar .mobile-client-logo{display:none}
body.focus-mode .top-right{margin-left:auto;gap:0}
body.focus-mode .focus-mode-toggle{
  border-color:var(--sk-pine);
  background:var(--sk-pine);
  color:#fff;
}
body.focus-mode .focus-mode-toggle:hover:not(:disabled){
  border-color:var(--sk-pine-deep);
  background:var(--sk-pine-deep);
  color:#fff;
}
body.focus-mode .workspace{
  max-width:none;
  padding:30px clamp(20px,3.4vw,58px) 58px;
}

@media(max-width:720px){
  .focus-mode-toggle{padding:8px 10px}
  .focus-mode-toggle span{font-size:11px}
  body.focus-mode .topbar{height:54px;padding:0 12px}
  body.focus-mode .workspace{padding:20px 15px 96px}
}

@media(prefers-reduced-motion:no-preference){
  .sidebar{transition:transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s}
  body:not(.focus-mode) .sidebar{transition-delay:0s}
}