:root{
  --bg-0:#f8f9fa;
  --bg-1:#e9ecef;
  --bg-2:#dee2e6;
  --bg-3:#ced4da;
  --bg-4:#adb5bd;
  --bg-5:#6c757d;
  --career-0:#fff6ee;
  --career-1:#f6dcc4;
  --career-2:#e8b98b;
  --career-3:#cf8b47;
  --career-4:#a6602c;
  --career-5:#7d461d;
  --weather-0:#eef8ff;
  --weather-1:#d7ebfb;
  --weather-2:#b5d8f1;
  --weather-3:#7fb6dd;
  --weather-4:#4c89b6;
  --market-0:#fff9e8;
  --market-1:#f8edc3;
  --market-2:#ead27e;
  --market-3:#d5b251;
  --market-4:#a67e18;
  --text-0:#212529;
  --text-1:#343a40;
  --text-2:#495057;
  --line:rgba(52,58,64,.14);
  --panel:rgba(255,255,255,.82);
  --shadow:0 22px 60px rgba(33,37,41,.08);
  --shadow-soft:0 10px 24px rgba(33,37,41,.05);
  --radius-xl:30px;
  --radius-lg:24px;
  --radius-md:18px;
  --radius-sm:14px;
  --space-panel:20px;
  --space-card:16px;
  --space-card-tight:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:"Tajawal",sans-serif;background:
radial-gradient(circle at top left,rgba(173,181,189,.2),transparent 26%),
linear-gradient(180deg,var(--bg-0),var(--bg-1));color:var(--text-0)}
body{min-height:100vh}
button,input{font:inherit}
.access-gate{
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  padding:18px;
  background:
    radial-gradient(circle at top left,rgba(173,181,189,.16),transparent 26%),
    linear-gradient(180deg,rgba(248,249,250,.98),rgba(233,236,239,.95));
  z-index:120;
}
.access-card{
  width:min(380px,100%);
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(52,58,64,.1);
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 48px rgba(33,37,41,.08);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.access-card h2{
  margin:0;
  font-size:24px;
  font-weight:400;
  line-height:1.2;
}
.access-card p{
  margin:0;
  color:var(--text-2);
  font-size:14px;
  line-height:1.55;
}
.access-form{
  margin-top:2px;
}
.access-form input{
  min-width:0;
  padding:10px 12px;
  min-height:42px;
}
.access-note{
  padding-top:2px;
  font-size:12px;
  line-height:1.45;
}
.access-note[data-error="true"]{
  color:#8a3b12;
}
.security-locked-card{
  padding:18px;
  border-radius:var(--radius-md);
  border:1px solid rgba(52,58,64,.1);
  background:rgba(255,255,255,.82);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.security-locked-card strong{
  font-weight:400;
}
.security-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.security-form-grid .tool-card{
  min-width:0;
}
body.locked{
  overflow:hidden;
}
body.locked .shell{
  display:none;
}
body:not(.locked) .access-gate{
  display:none;
}
.shell{max-width:1540px;margin:0 auto;padding:18px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px}
.sidebar{
  position:sticky;top:18px;height:calc(100vh - 36px);padding:20px 16px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(233,236,239,.78)),
    radial-gradient(circle at top left,rgba(173,181,189,.18),transparent 34%);
  border:1px solid rgba(52,58,64,.1);border-radius:var(--radius-xl);
  box-shadow:0 26px 60px rgba(33,37,41,.09);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:18px
}
.workspace{min-width:0}
.topbar{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin-bottom:18px;
  padding:16px 20px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,249,250,.82)),
    radial-gradient(circle at top right,rgba(173,181,189,.15),transparent 30%);
  border:1px solid rgba(52,58,64,.1);
  border-radius:var(--radius-xl);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 54px rgba(33,37,41,.08);
  position:relative;
  z-index:20;
}
.topbar-copy{display:flex;flex-direction:column;gap:4px;min-width:180px}
.topbar-label{color:var(--text-1);font-size:13px;line-height:1.4}
.brand{display:flex;align-items:center;gap:14px}
.logo-mark{
  width:58px;height:58px;border-radius:20px;display:grid;place-items:center;
  background:linear-gradient(160deg,var(--bg-0),var(--bg-3));
  color:var(--text-0);border:1px solid rgba(52,58,64,.08)
}
.brand h1{margin:0;font-size:24px;font-weight:400}
.brand p{margin:2px 0 0;color:var(--text-2);font-size:13px}
.side-nav{display:flex;flex-direction:column;gap:6px}
.side-nav a{
  padding:10px 12px;border-radius:14px;color:var(--text-1);text-decoration:none;
  border:1px solid transparent;background:rgba(255,255,255,.44);
  transition:background-color .22s ease,border-color .22s ease,transform .22s ease,color .22s ease
}
.side-nav a:hover{background:var(--bg-0);border-color:rgba(52,58,64,.08)}
.side-nav a.active{
  background:var(--text-0);
  color:#f8f9fa;
  border-color:transparent;
  transform:translateX(2px);
}
.side-nav a[href="#career"].active{
  background:linear-gradient(180deg,var(--career-4),var(--career-5));
  color:#fffaf5;
}
.sidebar-note{
  margin-top:auto;padding:14px;border-radius:18px;background:rgba(233,236,239,.72);border:1px solid rgba(52,58,64,.08)
}
.sidebar-note strong{display:block;font-weight:400;margin-bottom:4px}
.sidebar-note span{display:block;color:var(--text-2);font-size:13px;line-height:1.55}
.topbar-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  position:relative;
  z-index:25;
  pointer-events:auto;
}
.topbar-actions > *{
  position:relative;
  z-index:26;
  pointer-events:auto;
}
.search-stack{display:flex;flex-direction:column;gap:6px}
.search{
  width:min(400px,56vw);padding:11px 14px;border-radius:16px;border:1px solid var(--line);
  background:rgba(255,255,255,.88);outline:none;color:var(--text-0)
}
.search:focus{box-shadow:0 0 0 4px rgba(173,181,189,.18)}
.search-summary{font-size:12px;color:var(--text-2);padding-left:2px}
.notification-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:118px;
  justify-content:space-between;
}
.system-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:102px;
  justify-content:space-between;
}
.notification-toggle.is-active,
.system-toggle.is-active{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(52,58,64,.16);
  box-shadow:0 8px 18px rgba(33,37,41,.08);
}
.notification-count{
  position:static;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(33,37,41,.92);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:11px;
  line-height:1;
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 6px 14px rgba(33,37,41,.08);
}
.system-count{
  position:static;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(108,117,125,.92);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:11px;
  line-height:1;
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 6px 14px rgba(33,37,41,.08);
}
.notification-drawer{
  margin-bottom:16px;
  padding:var(--space-panel);
  border:1px solid var(--line);
  border-radius:var(--radius-xl);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-soft);
  max-height:min(62vh,720px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:12px;
  position:relative;
  z-index:18;
  pointer-events:auto;
}
.system-drawer{
  margin-bottom:16px;
  padding:var(--space-panel);
  border:1px solid var(--line);
  border-radius:var(--radius-xl);
  background:rgba(255,255,255,.94);
  box-shadow:var(--shadow-soft);
  max-height:min(62vh,720px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:12px;
  position:relative;
  z-index:18;
  pointer-events:auto;
}
.search-results-drawer{
  margin-bottom:16px;
  padding:var(--space-panel);
  border:1px solid var(--line);
  border-radius:var(--radius-xl);
  background:rgba(255,255,255,.9);
  box-shadow:var(--shadow-soft);
  max-height:min(62vh,720px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:12px;
  position:relative;
  z-index:18;
  pointer-events:auto;
}
.notification-drawer .actions,
.system-drawer .actions,
.search-results-drawer .actions{
  position:relative;
  z-index:19;
  pointer-events:auto;
}
.notification-drawer .button,
.system-drawer .button,
.search-results-drawer .button,
.notification-toggle,
.system-toggle{
  position:relative;
  z-index:30;
  pointer-events:auto;
}
.notification-list{display:flex;flex-direction:column;gap:12px;overflow:auto;padding-right:4px}
.search-results-list{display:flex;flex-direction:column;gap:12px;overflow:auto;padding-right:4px}
.system-drawer .status-card,
.system-drawer .setup-wizard-card{
  margin:0;
  flex:0 0 auto;
}
.system-drawer .notification-list{flex:1 1 auto}
.system-drawer .notification-item{background:rgba(248,249,250,.96)}
.notification-summary-row,
.search-summary-row{
  margin-top:0;
  margin-bottom:2px;
}
.notification-group-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-end;
  padding:4px 2px 0;
}
.notification-group-head strong{
  font-weight:400;
}
.notification-group-head span{
  color:var(--text-2);
  font-size:12px;
  line-height:1.45;
}
.notification-item{
  padding:var(--space-card);
  border-radius:var(--radius-md);
  background:rgba(255,255,255,.94);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}
.notification-item mark{
  padding:0 3px;
  border-radius:6px;
  background:rgba(207,139,71,.16);
  color:inherit;
}
.notification-tags{
  display:flex;
  gap:6px;
  align-items:center;
  flex-wrap:wrap;
}
.notification-item.is-unread{border-color:rgba(52,58,64,.18)}
.notification-item.is-read{opacity:.84}
.button{
  border:none;border-radius:15px;padding:11px 15px;background:var(--text-0);color:#fff;
  cursor:pointer;font-weight:400;box-shadow:0 8px 20px rgba(33,37,41,.12);
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease
}
.button.subtle{
  background:rgba(255,255,255,.88);color:var(--text-0);border:1px solid var(--line);box-shadow:none
}
.button:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(33,37,41,.12)}
.button.subtle:hover{box-shadow:0 8px 18px rgba(33,37,41,.06)}
.button:disabled{opacity:.46;cursor:not-allowed;transform:none;box-shadow:none}
.button.button-fired{
  transform:translateY(-1px) scale(.98);
  box-shadow:0 0 0 4px rgba(173,181,189,.16);
}
.button[data-button-phase="pending"]{
  cursor:progress;
  opacity:.88;
  box-shadow:0 0 0 4px rgba(173,181,189,.14);
}
.button[data-button-phase="success"]{
  box-shadow:0 0 0 4px rgba(108,117,125,.12);
}
.button[data-button-phase="error"]{
  box-shadow:0 0 0 4px rgba(52,58,64,.12);
}
.button--primary{background:var(--text-0);color:#fff;border-color:transparent}
.button--secondary{background:var(--text-1);color:#fff;border-color:transparent}
.button--draft{background:var(--bg-2);color:var(--text-0);border:1px solid rgba(52,58,64,.08);box-shadow:none}
.button--ready{background:var(--bg-3);color:var(--text-0);border:1px solid rgba(52,58,64,.08);box-shadow:none}
.button--ghost{background:#fff;color:var(--text-1);border:1px solid var(--line);box-shadow:none}
.button--quiet{background:var(--bg-0);color:var(--text-2);border:1px solid rgba(52,58,64,.12);box-shadow:none}
.main-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
}
.panel{
  grid-column:span 6;
  padding:var(--space-panel);
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(16px);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.panel[id]{scroll-margin-top:24px}
.panel:hover{transform:translateY(-1px);box-shadow:0 20px 44px rgba(33,37,41,.07)}
.panel.nav-target{
  border-color:rgba(73,80,87,.28);
  box-shadow:0 22px 46px rgba(33,37,41,.1);
}
.hero{
  grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:24px;
  position:relative;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.74)),
    radial-gradient(circle at right center,rgba(173,181,189,.2),transparent 34%)
}
.hero::after{
  content:"";position:absolute;inset:0;background:
    linear-gradient(90deg,rgba(248,249,250,.95) 0%,rgba(248,249,250,.82) 44%,rgba(248,249,250,.36) 100%),
    url("./gabr-portrait.png") right center/contain no-repeat;
  opacity:.22;pointer-events:none;filter:grayscale(1)
}
.hero > *{position:relative;z-index:1}
.hero-copy h3{margin:8px 0 10px;font-size:clamp(29px,3vw,41px);line-height:1.14;font-weight:400;max-width:14ch}
.hero-copy p{margin:0;max-width:68ch;color:var(--text-2);font-size:15px;line-height:1.75}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--text-2)}
.status-card{
  margin-top:16px;padding:var(--space-card-tight) var(--space-card);border-radius:var(--radius-md);border:1px solid var(--line);
  background:rgba(255,255,255,.9);color:var(--text-1);line-height:1.6
}
.weather-card{
  margin-top:12px;
  padding:var(--space-card-tight) var(--space-card);
  border-radius:var(--radius-md);
  border:1px solid rgba(76,137,182,.18);
  background:
    linear-gradient(180deg,rgba(238,248,255,.95),rgba(245,250,255,.88)),
    radial-gradient(circle at top right,rgba(127,182,221,.18),transparent 42%);
  box-shadow:var(--shadow-soft);
}
.market-card{
  margin-top:12px;
  padding:var(--space-card-tight) var(--space-card);
  border-radius:var(--radius-md);
  border:1px solid rgba(166,126,24,.18);
  background:
    linear-gradient(180deg,rgba(255,249,232,.95),rgba(255,252,241,.88)),
    radial-gradient(circle at top right,rgba(213,178,81,.16),transparent 42%);
  box-shadow:var(--shadow-soft);
}
.watch-controls{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:12px;
}
.watch-summary-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.watch-summary-pill{
  padding:11px 12px;
  border-radius:var(--radius-sm);
  background:rgba(248,249,250,.96);
  border:1px solid rgba(52,58,64,.08);
}
.watch-summary-pill strong{
  display:block;
  font-weight:400;
  font-size:18px;
  color:var(--text-0);
}
.watch-summary-pill span{
  display:block;
  margin-top:4px;
  color:var(--text-2);
  font-size:12px;
  line-height:1.45;
}
.watch-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.watch-form .small-note{width:100%;margin-top:-2px}
.watch-inline-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.toggle-pill{
  display:inline-flex;gap:8px;align-items:center;padding:10px 12px;border-radius:999px;
  background:rgba(248,249,250,.96);border:1px solid rgba(52,58,64,.08);font-size:13px;color:var(--text-1)
}
.compact-select{min-width:110px}
.weather-watch-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.weather-city-card{
  padding:12px;
  border-radius:var(--radius-md);
  background:rgba(248,252,255,.96);
  border:1px solid rgba(76,137,182,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.market-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.market-item{
  padding:12px;
  border-radius:var(--radius-sm);
  background:rgba(255,252,244,.96);
  border:1px solid rgba(166,126,24,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.market-item strong{display:block;font-weight:400;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.market-item span{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:var(--text-2)}
.market-price{display:block;margin-top:12px;font-size:24px;line-height:1.1;color:var(--text-0)}
.market-meta-row{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:12px;color:var(--text-2)}
.watch-mini-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-top:10px;
  color:var(--text-2);
  font-size:12px;
}
.type-pill{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(222,226,230,.9);
  color:var(--text-1);
  border:1px solid rgba(52,58,64,.08);
}
.weather-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.weather-head strong{display:block;font-weight:400}
.weather-head span{display:block;color:var(--text-2);font-size:13px;line-height:1.5}
.weather-card .eyebrow,
.weather-card strong{
  color:var(--weather-4);
}
.weather-temp{
  margin-top:12px;
  display:flex;
  align-items:flex-end;
  gap:10px;
}
.weather-temp strong{font-size:34px;font-weight:400;line-height:1}
.weather-temp span{color:var(--text-2);font-size:14px;line-height:1.4;padding-bottom:4px}
.weather-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.weather-meta .subcard{padding:10px 11px}
.weather-days{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.weather-days .subcard{padding:10px 11px}
.weather-card .watch-summary-pill,
.weather-card .subcard,
.weather-card .toggle-pill{
  background:rgba(247,252,255,.96);
  border-color:rgba(76,137,182,.12);
}
.weather-card .button--ghost,
.weather-card .button--quiet{
  background:rgba(247,252,255,.98);
  border:1px solid rgba(76,137,182,.16);
  color:var(--weather-4);
}
.weather-card .button--secondary,
.weather-card .button--primary{
  background:linear-gradient(180deg,var(--weather-3),var(--weather-4));
  color:#f8fcff;
  border:1px solid rgba(76,137,182,.18);
}
.weather-card .assignment-select,
.weather-card input{
  border-color:rgba(76,137,182,.14);
  background:rgba(250,253,255,.96);
}
.weather-card .toggle-pill input{
  accent-color:var(--weather-4);
}
.market-card .eyebrow,
.market-card strong{
  color:var(--market-4);
}
.market-card .watch-summary-pill,
.market-card .toggle-pill{
  background:rgba(255,252,244,.96);
  border-color:rgba(166,126,24,.12);
}
.market-card .button--ghost,
.market-card .button--quiet{
  background:rgba(255,252,244,.98);
  border:1px solid rgba(166,126,24,.16);
  color:var(--market-4);
}
.market-card .button--secondary,
.market-card .button--primary{
  background:linear-gradient(180deg,var(--market-3),var(--market-4));
  color:#fffdf6;
  border:1px solid rgba(166,126,24,.18);
}
.market-card .assignment-select,
.market-card input{
  border-color:rgba(166,126,24,.14);
  background:rgba(255,253,247,.96);
}
.market-card .toggle-pill input{
  accent-color:var(--market-4);
}
.market-card .type-pill{
  background:rgba(248,237,195,.82);
  border-color:rgba(166,126,24,.12);
  color:#77570d;
}
.brief-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:16px 0 6px;
}
.brief-metric{
  padding:12px;
  border-radius:var(--radius-sm);
  background:rgba(248,249,250,.96);
  border:1px solid rgba(52,58,64,.08);
}
.brief-metric strong{display:block;font-size:22px;font-weight:400}
.brief-metric span{display:block;margin-top:4px;color:var(--text-2);font-size:12px;line-height:1.45}
.pill{
  padding:7px 10px;border-radius:999px;background:var(--bg-1);color:var(--text-1);font-size:12px
}
.hero-portrait{display:flex;flex-direction:column;gap:14px;align-items:flex-end;justify-content:flex-end}
.hero-background-card{min-height:220px}
.notification-drawer .section-head,
.search-results-drawer .section-head,
.system-drawer .section-head{flex:0 0 auto}
.kpi-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kpi{
  padding:var(--space-card) 18px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft)
}
.kpi small{display:block;color:var(--text-2);text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.kpi strong{display:block;margin-top:8px;font-size:30px;font-weight:400}
.kpi span{display:block;margin-top:4px;color:var(--text-2);font-size:13px}
.briefing-panel{grid-column:1 / -1}
.integration-panel{grid-column:1 / -1}
.reports-panel{grid-column:1 / -1}
.documentation-panel{grid-column:1 / -1}
.agents-panel{grid-column:1 / -1}
.career-panel{grid-column:1 / -1}
.escalation-panel{grid-column:1 / -1}
.approvals-panel{grid-column:span 6}
.top-feature-panel .section-head{
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(52,58,64,.08);
}
.top-feature-panel .section-head > div{
  max-width:66ch;
}
.top-feature-panel .section-head p{
  margin:8px 0 0;
  color:var(--text-2);
  font-size:14px;
  line-height:1.6;
}
.career-panel{
  background:
    linear-gradient(180deg,rgba(255,250,245,.92),rgba(255,246,238,.82)),
    radial-gradient(circle at top right,rgba(232,185,139,.22),transparent 34%);
  border-color:rgba(166,96,44,.18);
}
.career-panel .section-head{
  border-bottom-color:rgba(166,96,44,.12);
}
.career-panel .eyebrow{
  color:var(--career-5);
}
.integration-panel .integration-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.integration-panel .integration-card{
  min-height:100%;
}
.documentation-layout{
  display:grid;
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
  gap:16px;
  align-items:start;
}
.documentation-sidebar{
  display:grid;
  gap:14px;
  align-content:start;
}
.documentation-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.documentation-summary-grid .report-card small{
  display:block;
  margin-top:6px;
  color:var(--text-2);
  font-size:12px;
  line-height:1.45;
}
.documentation-list{
  display:grid;
  gap:12px;
}
.documentation-list-item{
  padding:16px;
  border-radius:var(--radius-lg);
  border:1px solid var(--line);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-soft);
}
.documentation-list-item.active{
  border-color:rgba(73,80,87,.2);
  box-shadow:0 18px 36px rgba(33,37,41,.08);
}
.documentation-list-item strong{
  display:block;
  margin-top:8px;
  font-weight:400;
}
.documentation-detail-card{
  padding:18px;
  border-radius:var(--radius-lg);
  border:1px solid var(--line);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-soft);
  min-width:0;
}
.documentation-detail-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid rgba(52,58,64,.08);
}
.documentation-detail-head h4{
  margin:8px 0 0;
  font-size:24px;
  font-weight:400;
}
.documentation-detail-head p{
  margin:10px 0 0;
  color:var(--text-2);
  line-height:1.65;
}
.documentation-actions{
  margin-top:0;
  margin-bottom:14px;
}
.documentation-governance-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.documentation-meta{
  display:grid;
  gap:8px;
  justify-items:end;
  color:var(--text-2);
  font-size:13px;
  line-height:1.45;
}
.documentation-sections{
  display:grid;
  gap:14px;
}
.documentation-section-card{
  padding:16px;
  border-radius:var(--radius-md);
  background:rgba(248,249,250,.96);
  border:1px solid rgba(52,58,64,.08);
}
.documentation-section-card strong{
  display:block;
  font-weight:400;
  margin-bottom:10px;
}
.documentation-history-card{
  padding:16px;
  border-radius:var(--radius-md);
  background:rgba(248,249,250,.96);
  border:1px solid rgba(52,58,64,.08);
  margin-bottom:14px;
}
.documentation-history-card strong{
  display:block;
  font-weight:400;
  margin-bottom:10px;
}
.documentation-history-list{
  display:grid;
  gap:10px;
}
.documentation-history-item{
  display:grid;
  grid-template-columns:auto auto 1fr;
  gap:10px;
  align-items:start;
  color:var(--text-2);
  font-size:13px;
  line-height:1.55;
}
.documentation-section-card ul{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:8px;
  color:var(--text-1);
  line-height:1.62;
}
.escalation-layout{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:16px;align-items:stretch}
.career-layout{display:grid;grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);gap:16px;align-items:start}
.career-panel .card-stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-content:start;
}
.career-panel .agent-create-card{position:sticky;top:0}
.career-panel .agent-detail-panel{min-width:0}
.career-panel .agent-create-card,
.career-panel .agent-detail-panel,
.career-panel .mini-card{
  background:rgba(255,251,247,.94);
  border-color:rgba(166,96,44,.14);
}
.career-panel .agent-detail-panel{
  padding:18px;
}
.career-panel .subcard,
.career-panel .agent-detail-list-item,
.career-panel .agent-focus-box{
  background:rgba(255,247,240,.96);
  border-color:rgba(166,96,44,.12);
}
.career-panel .section-head p,
.integration-panel .section-head p,
.approvals-panel .section-head p,
.documentation-panel .section-head p{
  max-width:62ch;
}
.career-file-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.career-inline-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.career-file-row input[type="file"]{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0;
}
.career-file-button{display:inline-flex;align-items:center}
.escalation-panel .card-stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-content:start;
}
.escalation-panel .agent-create-card{
  position:sticky;
  top:0;
}
.escalation-panel .agent-detail-panel,
.integration-panel .setup-wizard-card,
.integration-panel .integration-card,
.integration-panel .status-card{
  min-width:0;
}
.agents-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:16px;align-items:stretch}
.agents-panel .section-head{
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(52,58,64,.08);
}
.agents-panel .card-stack{
  min-width:0;
}
.agents-panel #agentsBox{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-content:start;
}
.agents-panel .agent-create-card{
  position:sticky;
  top:0;
}
.agents-panel .agent-create-card,
.escalation-panel .agent-create-card{
  align-self:start;
}
.agent-create-card{
  padding:var(--space-card);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-soft);
}
.agent-create-card h4{margin:8px 0 10px;font-size:22px;font-weight:400}
.agent-create-card p{margin:0;color:var(--text-2);line-height:1.65}
.agent-focus-box{
  margin-top:14px;
  padding:var(--space-card-tight);
  border-radius:var(--radius-md);
  background:rgba(248,249,250,.94);
  border:1px solid var(--line);
}
.agent-focus-box strong{display:block;font-weight:400;margin-bottom:4px}
.agent-focus-box span{display:block;color:var(--text-2);font-size:13px;line-height:1.55}
.agent-focus-box .actions{margin-top:10px}
.agent-detail-panel{
  margin-top:14px;
  padding:var(--space-card);
  border-radius:var(--radius-md);
  background:rgba(255,255,255,.9);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}
.agent-detail-panel h5{
  margin:8px 0 0;
  font-size:21px;
  font-weight:400;
}
.agent-detail-panel p{
  margin:10px 0 0;
  color:var(--text-2);
  line-height:1.6;
}
.agent-detail-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.agent-detail-stat{
  padding:12px;
  border-radius:var(--radius-sm);
  background:var(--bg-0);
  border:1px solid rgba(52,58,64,.08);
}
.agent-detail-stat strong{
  display:block;
  font-weight:400;
  margin-bottom:4px;
}
.agent-detail-stat span{
  display:block;
  color:var(--text-2);
  font-size:13px;
  line-height:1.5;
}
.agent-detail-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:12px;
}
.agent-detail-list-item{
  padding:11px 12px;
  border-radius:var(--radius-sm);
  background:rgba(248,249,250,.94);
  border:1px solid var(--line);
}
.agent-detail-list-item strong{
  display:block;
  font-weight:400;
  margin-bottom:4px;
}
.agent-detail-list-item span{
  display:block;
  color:var(--text-2);
  font-size:13px;
  line-height:1.5;
}
.task-inline-edit{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
}
.task-due-input{
  flex:1;
  min-width:0;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.92);
  color:var(--text-0);
}
.task-due-input:focus{outline:none;box-shadow:0 0 0 4px rgba(173,181,189,.18)}
.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.integration-status-card{margin:0 0 16px}
.setup-wizard-card{
  margin:0 0 16px;
  padding:var(--space-card);
  border-radius:var(--radius-lg);
  border:1px solid var(--line);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-soft);
}
.setup-wizard-card h4{
  margin:6px 0 10px;
  font-size:22px;
  font-weight:400;
}
.setup-wizard-card p{
  margin:0;
  color:var(--text-2);
  line-height:1.6;
}
.setup-checklist{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.setup-step{
  padding:var(--space-card-tight);
  border-radius:var(--radius-md);
  background:rgba(248,249,250,.94);
  border:1px solid var(--line);
}
.setup-step strong{
  display:block;
  font-weight:400;
  margin-bottom:4px;
}
.setup-step span{
  display:block;
  color:var(--text-2);
  font-size:13px;
  line-height:1.55;
}
.setup-step.done{
  background:rgba(233,236,239,.9);
}
.setup-step.current{
  border-color:rgba(33,37,41,.16);
  box-shadow:0 14px 28px rgba(33,37,41,.06);
}
.setup-code{
  margin-top:12px;
  padding:12px 14px;
  border-radius:16px;
  background:var(--bg-0);
  border:1px solid rgba(52,58,64,.08);
  font-size:13px;
  line-height:1.6;
  overflow:auto;
}
.reports-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.report-date{
  padding:11px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.9);color:var(--text-0)
}
.report-date:focus{outline:none;box-shadow:0 0 0 4px rgba(173,181,189,.18)}
.report-card{
  border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.92);padding:var(--space-card);box-shadow:var(--shadow-soft)
}
.report-card strong{display:block;font-size:24px;font-weight:400}
.report-card span{display:block;margin-top:4px;color:var(--text-2);font-size:13px}
.report-visual-card{
  margin-bottom:14px;
  padding:var(--space-card);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-soft);
}
.report-visual-head{
  display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px
}
.report-visual-head strong{display:block;font-weight:400}
.report-visual-head span{display:block;color:var(--text-2);font-size:13px}
.report-bar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.report-bar-card{
  padding:12px;border-radius:var(--radius-md);background:var(--bg-0);border:1px solid rgba(52,58,64,.08)
}
.report-bar-track{
  height:10px;border-radius:999px;background:rgba(173,181,189,.26);overflow:hidden;margin-top:10px
}
.report-bar-fill{
  height:100%;border-radius:999px;background:linear-gradient(90deg,var(--text-2),var(--text-0))
}
.report-bar-card strong{display:block;font-weight:400}
.report-bar-card span{display:block;color:var(--text-2);font-size:13px;line-height:1.5}
.report-row{
  border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.92);padding:var(--space-card-tight) var(--space-card);display:flex;justify-content:space-between;gap:12px;align-items:flex-start
}
.report-row strong{display:block;font-weight:400;margin-bottom:4px}
.report-row span{display:block;color:var(--text-2);font-size:13px;line-height:1.55}
.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.section-head h3{margin:4px 0 0;font-size:24px;font-weight:400}
.card-stack,.mini-stack{display:flex;flex-direction:column;gap:10px}
.section-stack{display:flex;flex-direction:column;gap:10px}
.section-stack + .section-stack{margin-top:16px}
.group-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  padding:0 2px;
}
.group-head strong{display:block;font-weight:400}
.group-head span{display:block;color:var(--text-2);font-size:13px;line-height:1.5;max-width:44ch}
.agent-card,.brief-card,.mini-card{
  border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,255,255,.9);padding:var(--space-card-tight) 15px;box-shadow:var(--shadow-soft)
}
.agent-card.agent-overview{
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,249,250,.9));
}
.agent-card.agent-career-overview{
  background:
    linear-gradient(180deg,rgba(255,250,245,.98),rgba(255,243,231,.94));
  border-color:rgba(166,96,44,.18);
}
.agent-card.agent-career-overview .badge,
.career-panel .badge.soft{
  background:rgba(232,185,139,.26);
  color:var(--career-5);
}
.career-panel .button--primary{
  background:linear-gradient(180deg,var(--career-4),var(--career-5));
  color:#fffaf5;
}
.career-panel .button--secondary{
  background:rgba(166,96,44,.9);
  color:#fffaf5;
}
.career-panel .button--draft{
  background:rgba(232,185,139,.24);
  border-color:rgba(166,96,44,.12);
  color:var(--career-5);
}
.career-panel .button--ready{
  background:rgba(246,220,196,.92);
  border-color:rgba(166,96,44,.14);
  color:var(--career-5);
}
.career-panel .button--ghost,
.career-panel .button--quiet{
  border-color:rgba(166,96,44,.14);
}
.vacancy-card.saved{
  border-color:rgba(166,96,44,.2);
  background:rgba(255,249,242,.98);
}
.vacancy-card.rejected{
  opacity:.76;
}
.vacancy-card .actions a.button{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.vacancy-link{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid rgba(166,96,44,.24);
}
.vacancy-link:hover{
  color:var(--career-5);
  border-bottom-color:rgba(166,96,44,.45);
}
.agent-card,.brief-card,.mini-card,.integration-card,.tool-card,.report-card,.report-row{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.agent-card:hover,.brief-card:hover,.mini-card:hover,.integration-card:hover,.tool-card:hover,.report-card:hover,.report-row:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 36px rgba(33,37,41,.07);
}
.agent-card.active{animation:pulse 1.5s ease-in-out infinite;border-color:rgba(73,80,87,.34)}
.agent-card h4,.brief-card h4{margin:0;font-size:20px;font-weight:400}
.stacked-badges{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;justify-content:flex-end}
.meta{margin-top:6px;color:var(--text-2);font-size:13px}
.split{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.copy{margin-top:10px;color:var(--text-1);font-size:14px;line-height:1.65}
.subcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.subcard{
  padding:12px;border-radius:var(--radius-sm);background:var(--bg-0);border:1px solid rgba(52,58,64,.08)
}
.subcard strong{display:block;font-weight:400;margin-bottom:4px}
.subcard span{display:block;color:var(--text-2);font-size:13px;line-height:1.5}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.career-panel .actions,
.integration-panel .actions,
.approvals-panel .actions{
  gap:7px;
}
.career-panel .inline-form input,
.career-panel .inline-form textarea,
.integration-panel .inline-form input{
  padding:10px 12px;
}
.career-panel .mini-card,
.integration-panel .integration-card,
.approvals-panel .mini-card{
  position:relative;
}
.career-panel h5,
.integration-panel h4,
.approvals-panel h3{
  letter-spacing:.01em;
}
.career-panel .mini-card span,
.integration-panel .integration-state span,
.approvals-panel .mini-card span{
  line-height:1.55;
}
.assignment-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-top:10px;
  padding:11px 13px;
  border-radius:var(--radius-sm);
  background:rgba(248,249,250,.94);
  border:1px solid var(--line);
}
.assignment-label{
  color:var(--text-2);
  font-size:13px;
}
.assignment-select{
  min-width:190px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.92);
  color:var(--text-0);
}
.assignment-select:focus{outline:none;box-shadow:0 0 0 4px rgba(173,181,189,.18)}
.draft-box{
  margin-top:10px;padding:13px;border-radius:var(--radius-md);background:rgba(248,249,250,.96);border:1px solid var(--line);
  color:var(--text-1);line-height:1.7;font-size:14px
}
.badge{
  display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;
  background:var(--bg-1);color:var(--text-1)
}
.badge.dark{background:var(--text-0);color:#fff}
.badge.soft{background:var(--bg-2)}
.brief-card p{margin:10px 0 0;color:var(--text-1);line-height:1.7}
.approval-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.approvals-panel .mini-stack{gap:12px}
.approvals-panel .report-card{min-height:94px;display:flex;flex-direction:column;justify-content:center}
.approvals-panel .mini-card{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding:16px;
}
.approvals-panel .mini-card .actions{
  justify-content:flex-start;
  align-items:center;
  margin-top:10px;
}
.approvals-panel .mini-card .actions .button{
  min-width:110px;
}
.approvals-panel .section-head{
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(52,58,64,.08);
}
.approvals-panel .section-head p{
  margin:8px 0 0;
  color:var(--text-2);
  font-size:14px;
  line-height:1.6;
}
.integration-panel .integration-card,
.approvals-panel .mini-card,
.career-panel .agent-detail-panel{
  box-shadow:0 12px 28px rgba(33,37,41,.05);
}
.career-panel .agent-detail-panel > .eyebrow,
.career-panel .agent-create-card > .eyebrow,
.approvals-panel .eyebrow{
  margin-bottom:8px;
}
.approval-card.pending-approval{border-color:rgba(108,117,125,.2)}
.approval-card.approved{border-color:rgba(73,80,87,.22);background:rgba(248,249,250,.96)}
.approval-card.rejected{border-color:rgba(108,117,125,.24);background:rgba(233,236,239,.7)}
.approval-state{
  margin-top:12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  line-height:1;
  border:1px solid var(--line);
  background:rgba(248,249,250,.96);
  color:var(--text-1);
}
.approval-state.pending-approval{background:rgba(233,236,239,.96)}
.approval-state.approved{background:rgba(222,226,230,.96)}
.approval-state.rejected{background:rgba(206,212,218,.96)}
.mini-card strong{display:block;font-weight:400;margin-bottom:4px}
.mini-card span{display:block;color:var(--text-2);font-size:13px;line-height:1.5}
.tool-card{
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:rgba(255,255,255,.9);
  padding:var(--space-card);
  box-shadow:var(--shadow-soft);
}
.tool-card strong{display:block;font-weight:400;margin-bottom:4px}
.tool-card span{display:block;color:var(--text-2);font-size:13px;line-height:1.5}
.security-option-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:2px;
}
.security-option{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid rgba(52,58,64,.08);
  border-radius:12px;
  background:rgba(248,249,250,.78);
  min-height:44px;
  cursor:pointer;
}
.security-option input{
  width:auto;
  margin:0;
  justify-self:start;
}
.security-option-label{
  display:block !important;
  min-width:0;
  color:var(--text-1);
  font-size:12px;
  line-height:1.35;
  text-align:left;
  white-space:normal;
  overflow-wrap:anywhere;
}
.code-pill{
  display:inline-block;
  margin-top:10px;
  padding:6px 10px;
  border-radius:999px;
  background:var(--bg-0);
  border:1px solid rgba(52,58,64,.08);
  font-size:12px;
}
.integration-card{
  border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,255,255,.9);padding:var(--space-card);box-shadow:var(--shadow-soft)
}
.integration-card h4{margin:0;font-size:20px;font-weight:400}
.integration-meta{margin-top:6px;color:var(--text-2);font-size:13px;line-height:1.55}
.integration-state{
  margin-top:14px;padding:12px;border-radius:var(--radius-sm);background:var(--bg-0);border:1px solid rgba(52,58,64,.08)
}
.integration-state strong{display:block;font-weight:400;margin-bottom:4px}
.integration-state span{display:block;color:var(--text-2);font-size:13px;line-height:1.5}
.integration-hint{
  margin-top:12px;
  padding:12px;
  border-radius:var(--radius-sm);
  background:rgba(233,236,239,.65);
  border:1px solid rgba(52,58,64,.08);
}
.integration-hint strong{display:block;font-weight:400;margin-bottom:4px}
.integration-hint span{display:block;color:var(--text-2);font-size:13px;line-height:1.5}
.inline-form{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.inline-form input{
  width:100%;
  padding:11px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.92);
  color:var(--text-0);
}
.inline-form select{
  width:100%;
  padding:11px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.92);
  color:var(--text-0);
}
.inline-form textarea{
  width:100%;
  min-height:96px;
  resize:vertical;
  padding:11px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.92);
  color:var(--text-0);
}
.inline-form input:focus{outline:none;box-shadow:0 0 0 4px rgba(173,181,189,.18)}
.inline-form select:focus{outline:none;box-shadow:0 0 0 4px rgba(173,181,189,.18)}
.inline-form textarea:focus{outline:none;box-shadow:0 0 0 4px rgba(173,181,189,.18)}
.inline-form .small-note{
  color:var(--text-2);
  font-size:12px;
  line-height:1.5;
}
.agent-manage-form{
  padding-top:10px;
  border-top:1px solid rgba(52,58,64,.08);
}
.agent-meta-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.side-panel{grid-column:span 3}
.security-panel{grid-column:span 12}
.security-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:8px;
}
.security-layout{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:8px;
}
.security-card{
  min-width:0;
}
.security-help-card{
  margin-top:8px;
}
.security-panel{
  padding:16px;
}
.security-panel .section-head{
  margin-bottom:8px;
}
.security-panel .section-head p{
  max-width:760px;
}
.security-panel .report-card,
.security-panel .tool-card{
  padding:14px;
}
.security-panel .tool-card strong{
  margin-bottom:3px;
}
.security-panel .tool-card span{
  font-size:12px;
  line-height:1.42;
}
.security-card .actions{
  margin-top:8px;
  gap:6px;
  flex-direction:column;
  align-items:stretch;
}
.security-card .button{
  width:100%;
  padding:9px 13px;
  border-radius:13px;
  min-height:40px;
  box-shadow:none;
  justify-content:center;
}
.security-card .button:hover{
  box-shadow:0 8px 18px rgba(33,37,41,.08);
}
.security-card .small-note{
  display:block;
  margin-top:8px;
  font-size:11px;
  line-height:1.4;
}
.modal{
  width:min(860px,calc(100vw - 32px));border:none;border-radius:28px;padding:0;
  background:rgba(255,255,255,.96);box-shadow:var(--shadow)
}
.modal::backdrop{background:rgba(33,37,41,.28)}
.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.modal-head h3{margin:0;font-weight:400}
.modal-body{padding:20px;color:var(--text-1);line-height:1.75;white-space:pre-wrap}
.modal-body p{margin:0 0 12px;white-space:normal}
#securityModal{
  width:min(460px,calc(100vw - 32px));
  border-radius:20px;
  box-shadow:0 16px 40px rgba(33,37,41,.1);
}
#securityModal .modal-head{
  padding:12px 14px;
  gap:8px;
}
#securityModal .modal-head h3{
  font-size:18px;
  line-height:1.2;
}
#securityModal .modal-body{
  padding:14px;
  line-height:1.5;
}
#securityModal .modal-body p{
  margin:0 0 8px;
  font-size:13px;
}
#securityModal .inline-form{
  gap:6px;
  margin-top:6px;
}
#securityModal .security-inline-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
  align-items:center;
}
#securityModal .inline-form input{
  min-height:40px;
  padding:9px 11px;
  border-radius:12px;
}
#securityModal .security-inline-row .button{
  min-height:38px;
  padding:8px 12px;
  border-radius:12px;
  box-shadow:none;
  width:auto;
  white-space:nowrap;
}
#securityModal #closeSecurityModalBtn{
  min-height:32px;
  padding:6px 10px;
  border-radius:11px;
  font-size:12px;
}
#securityModal .small-note{
  margin-top:6px;
  font-size:11px;
  line-height:1.4;
}
@keyframes pulse{
  0%{transform:translateY(0);box-shadow:var(--shadow-soft)}
  50%{transform:translateY(-2px);box-shadow:0 22px 42px rgba(33,37,41,.09)}
  100%{transform:translateY(0);box-shadow:var(--shadow-soft)}
}
@media (max-width:1180px){
  .shell{grid-template-columns:1fr}
  .sidebar{position:static;height:auto}
  .hero{grid-template-columns:1fr}
  .hero-portrait{align-items:flex-start}
  .escalation-layout,
  .agents-layout,
  .career-layout{grid-template-columns:1fr}
  .escalation-panel .card-stack,
  .career-panel .card-stack{grid-template-columns:1fr}
  .agents-panel #agentsBox{grid-template-columns:1fr}
  .kpi-row,.integration-grid,.reports-grid,.report-bar-grid,.brief-metrics,.approval-summary,.weather-watch-grid,.market-grid,.watch-summary-row,.documentation-summary-grid,.security-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel,.approvals-panel,.security-panel{grid-column:span 12}
  .side-panel{grid-column:span 6}
}
@media (max-width:760px){
  .shell{padding:14px}
  .topbar{flex-direction:column;align-items:flex-start}
  .topbar-actions{width:100%}
  .search{width:100%}
  .search-stack{width:100%}
  .kpi-row,.subcards,.integration-grid,.reports-grid,.report-bar-grid,.agent-meta-grid,.agent-detail-stats,.setup-checklist,.brief-metrics,.approval-summary,.weather-meta,.market-grid,.career-inline-grid,.weather-watch-grid,.watch-summary-row,.documentation-summary-grid,.security-summary-grid,.security-layout,.security-option-list{grid-template-columns:1fr}
  .security-form-grid{grid-template-columns:1fr}
  .documentation-layout{grid-template-columns:1fr}
  .documentation-meta{justify-items:start}
  .documentation-governance-grid{grid-template-columns:1fr}
  .documentation-history-item{grid-template-columns:1fr}
  .section-head{flex-direction:column}
  .group-head{flex-direction:column;align-items:flex-start}
  .task-inline-edit{flex-direction:column;align-items:flex-start}
  .task-due-input{width:100%}
  .assignment-row{flex-direction:column;align-items:flex-start}
  .assignment-select{width:100%;min-width:0}
  .watch-controls,.watch-form,.watch-inline-controls{flex-direction:column;align-items:stretch}
  .side-panel{grid-column:span 12}
  .report-row{flex-direction:column}
  #securityModal .security-inline-row{grid-template-columns:1fr}
  #securityModal .security-inline-row .button{width:100%}
}