/* Neptox HQ — President Command Desk
   Rustige precisie, drie merksporen en één levend operatiecentrum. */

:root {
  --hq-bg: #f2f5f8;
  --hq-surface: #ffffff;
  --hq-ink: #1f2d35;
  --hq-muted: #5d6c75;
  --hq-line: #dce4e9;
  --hq-navy: #182a38;
  --hq-blue: #3f7195;
  --hq-blue-soft: #eaf2f8;
  --hq-teal: #3f756b;
  --hq-teal-soft: #e9f3f0;
  --hq-sand: #9b6a34;
  --hq-sand-soft: #f7efe5;
  --hq-violet: #6e679b;
  --hq-violet-soft: #efedf7;
  --hq-coral: #a95548;
  --hq-coral-soft: #faece9;
  --hq-shadow: 0 16px 50px rgba(30, 51, 65, .08);
  --hq-radius: 14px;
}

* { box-sizing: border-box; }
body { color: var(--hq-ink); background: var(--hq-bg); font-weight: 400; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .58; }
:where(button, a, input, select, textarea):focus-visible {
  outline: 3px solid #8eb9cc;
  outline-offset: 2px;
}
.page-head h1[tabindex="-1"]:focus {
  outline: 3px solid #8eb9cc;
  outline-offset: 6px;
  border-radius: 2px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.app { grid-template-columns: 238px minmax(0, 1fr); background: var(--hq-bg); }
.sidebar {
  height: 100dvh;
  overflow: hidden;
  background: #f9fbfc;
  border-right: 1px solid var(--hq-line);
  box-shadow: none;
}
.sidebar .brand { min-height: 70px; flex: 0 0 auto; }
.sidebar nav {
  overflow-y: auto;
  min-height: 0;
  scrollbar-gutter: stable;
  padding-bottom: 20px;
}
.sidebar nav::-webkit-scrollbar { width: 5px; }
.sidebar nav::-webkit-scrollbar-thumb { background: #d7e0e5; border-radius: 9px; }
.nav-section { color: #83919a; letter-spacing: .13em; font-size: 9px; margin-top: 19px; }
.nav-item { min-height: 39px; border-radius: 8px; color: #55646d; font-weight: 450; }
.nav-item > span:first-child { color: #89969e; }
.nav-item.active { background: #e8f0f4; color: #223e50; }
.nav-item.active > span:first-child { color: var(--hq-blue); }
.nav-badge { background: var(--hq-coral); }
.side-bottom { background: rgba(249, 251, 252, .96); border-top: 1px solid var(--hq-line); }
.demo-chip { font-size: 9px; color: #74838c; display: flex; align-items: center; gap: 7px; margin: 1px 9px 9px; }
.demo-chip i { width: 6px; height: 6px; border-radius: 50%; background: #c38b46; }
.profile { min-height: 52px; }
.profile b { font-weight: 560; }

.topbar {
  background: rgba(255, 255, 255, .88);
  backdrop-filter: blur(15px);
  border-bottom: 1px solid var(--hq-line);
  min-height: 70px;
  height: 70px;
}
.environment-pill, .mock-label, .mock-disclaimer {
  color: #7b6a50;
  background: #faf5eb;
  border: 1px solid #eadfc9;
  border-radius: 999px;
  font-size: 9px;
  letter-spacing: .04em;
  padding: 6px 9px;
}
.saloua-button {
  border: 1px solid #cbdce5;
  background: #f3f8fb;
  color: #29495c;
  min-height: 38px;
  padding: 5px 12px 5px 6px;
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-size: 11px;
}
.saloua-spark, .mini-saloua {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: white;
  background: linear-gradient(145deg, #315f7a, #6b93a9);
  box-shadow: 0 5px 15px rgba(44, 86, 109, .2);
}
.company-switch { background: #edf2f5; border-color: #e1e8ec; }
.company-switch button { color: #697780; font-weight: 450; }
.company-switch button.active { color: #263c49; box-shadow: 0 3px 12px rgba(40, 60, 72, .08); }
.quick, .primary { background: #315d73; border-color: #315d73; font-weight: 520; }
.primary:hover, .quick:hover { background: #294f62; }

#main { padding: 27px clamp(18px, 2.4vw, 38px) 60px; max-width: 1680px; width: 100%; margin: 0 auto; }
.page-head { margin-bottom: 22px; }
.page-head h1 { font-family: ui-serif, Georgia, serif; color: #22323c; font-size: clamp(28px, 3vw, 40px); font-weight: 400; letter-spacing: -.035em; }
.page-head p:not(.eyebrow) { color: var(--hq-muted); }
.eyebrow, .section-kicker { font-size: 9px; letter-spacing: .14em; color: #7a8991; font-weight: 560; }
.head-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; justify-content: flex-end; }
.card { border-color: var(--hq-line); box-shadow: 0 6px 24px rgba(39, 58, 70, .035); border-radius: var(--hq-radius); }
.card h2, .content-card h2, .worker-card h2 { font-weight: 530; }
.filter { color: #44555f; border-color: #d8e1e6; background: #fff; }
.text-button { color: #386782; }
.muted { color: var(--hq-muted) !important; }
.mock-disclaimer { text-align: left; border-radius: 9px; margin-top: 16px; }

/* Signature: living command stage */
.hq-stage {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .8fr);
  background: linear-gradient(120deg, #172a38 0%, #203c4d 60%, #2e5964 100%);
  color: white;
  border-radius: 18px;
  min-height: 262px;
  margin-bottom: 14px;
  box-shadow: 0 22px 60px rgba(23, 50, 65, .18);
}
.hq-stage::before, .hq-stage::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(180, 220, 229, .12);
  border-radius: 50%;
  pointer-events: none;
}
.hq-stage::before { width: 430px; height: 430px; left: -210px; bottom: -320px; box-shadow: 0 0 0 70px rgba(255,255,255,.018), 0 0 0 140px rgba(255,255,255,.012); }
.hq-stage::after { width: 320px; height: 320px; right: -180px; top: -210px; box-shadow: 0 0 0 55px rgba(255,255,255,.02); }
.hq-intro { padding: clamp(28px, 4vw, 47px); display: flex; flex-direction: column; justify-content: space-between; z-index: 1; }
.saloua-presence { display: grid; grid-template-columns: 73px 1fr; gap: 22px; align-items: center; }
.saloua-core { width: 70px; height: 70px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(205, 232, 238, .25); position: relative; box-shadow: 0 0 0 9px rgba(255,255,255,.025), 0 0 0 18px rgba(255,255,255,.018); }
.saloua-core span { font-family: Georgia, serif; font-size: 31px; }
.saloua-core i { position: absolute; right: 2px; bottom: 5px; width: 10px; height: 10px; background: #7fd3a3; border: 2px solid #254556; border-radius: 50%; box-shadow: 0 0 12px #7fd3a3; }
.saloua-presence small { color: #a9c3cf; letter-spacing: .12em; font-size: 9px; }
.saloua-presence h2 { font-family: Georgia, serif; font-size: clamp(27px, 3vw, 41px); font-weight: 400; margin: 8px 0 7px; letter-spacing: -.035em; }
.saloua-presence p { color: #c4d3da; margin: 0; line-height: 1.6; max-width: 650px; font-size: 12px; }
.hq-stage-actions { display: flex; gap: 8px; margin-top: 28px; }
.hq-stage-actions button, .ghost-light, .primary.light { padding: 10px 13px; border-radius: 8px; border: 1px solid rgba(255,255,255,.17); color: white; background: rgba(255,255,255,.07); }
.hq-stage-actions button:first-child, .primary.light { color: #1b3747; background: white; }
.revenue-flight { z-index: 1; background: rgba(6, 24, 34, .24); border-left: 1px solid rgba(255,255,255,.09); padding: 34px 30px; display: flex; flex-direction: column; justify-content: center; }
.flight-head { display: grid; gap: 4px; }
.flight-head span { color: #9eb8c4; font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }
.flight-head b { font-size: 18px; font-weight: 520; }
.flight-head small { color: #89a4b0; }
.goal-track { height: 9px; background: rgba(255,255,255,.11); border-radius: 9px; position: relative; margin: 32px 0 35px; }
.goal-track i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(90deg,#64a99b,#80c5ad); border-radius: inherit; }
.goal-track span, .goal-track strong { position: absolute; top: 15px; font-size: 9px; color: #9db4be; font-weight: 400; }
.goal-track span { left: 0; }
.goal-track strong { right: 0; color: #d7e2e6; }
.brand-objectives { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.brand-objectives > div { display: grid; grid-template-columns: 8px 1fr; gap: 1px 7px; }
.brand-objectives small { color: #91aab5; font-size: 9px; }
.brand-objectives b { grid-column: 2; font-weight: 510; font-size: 11px; }
.brand-dot { width: 7px; height: 7px; border-radius: 50%; margin-top: 3px; }
.neptox-dot { background: #68a89c; } .sikamua-dot { background: #d0a46e; } .cora-dot { background: #a5a0d1; }

.pulse-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 14px; }
.pulse-card { background: var(--hq-surface); border: 1px solid var(--hq-line); border-radius: 12px; min-height: 104px; padding: 16px; display: grid; grid-template-columns: 35px 1fr auto; gap: 12px; align-items: center; }
.pulse-icon { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font-size: 13px; }
.pulse-icon.blue { background: var(--hq-blue-soft); color: var(--hq-blue); }
.pulse-icon.coral { background: var(--hq-coral-soft); color: var(--hq-coral); }
.pulse-icon.gold { background: var(--hq-sand-soft); color: var(--hq-sand); }
.pulse-icon.violet { background: var(--hq-violet-soft); color: var(--hq-violet); }
.pulse-card small { color: #74828a; font-size: 9px; display: block; }
.pulse-card b { display: block; font-size: 22px; font-weight: 470; margin: 2px 0; }
.pulse-card p { color: var(--hq-muted); margin: 0; font-size: 9px; }
.pulse-card button { border: 0; background: transparent; color: #6b7b84; font-size: 10px; padding: 7px; }

.command-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(290px, .65fr); gap: 14px; margin-bottom: 14px; }
.command-board, .saloua-brief { padding: 19px; }
.section-kicker { display: block; margin-bottom: 5px; }
.department-stream { display: grid; }
.department-line { border: 0; border-top: 1px solid #e7ecef; background: transparent; display: grid; grid-template-columns: 20px 1fr auto 12px; gap: 12px; align-items: center; padding: 11px 3px; text-align: left; color: var(--hq-ink); }
.department-line:hover { background: #f7fafb; }
.department-line b, .department-line small { display: block; }
.department-line b { font-weight: 520; }
.department-line small { color: var(--hq-muted); margin-top: 3px; font-size: 9px; }
.dept-signal { width: 11px; height: 11px; display: grid; place-items: center; border: 1px solid #9ebcb4; border-radius: 50%; }
.dept-signal i { width: 5px; height: 5px; background: #66a18f; border-radius: 50%; }
.dept-signal.attention { border-color: #d2a664; }
.dept-signal.attention i { background: #c48a3c; }
.dept-work { text-align: right; color: #40535e; font-size: 10px; min-width: 80px; }
.brief-top { display: flex; align-items: center; gap: 10px; }
.brief-top h2 { margin: 3px 0 0; }
.brief-list { list-style: none; padding: 0; margin: 20px 0; display: grid; }
.brief-list li { display: grid; grid-template-columns: 29px 1fr; gap: 9px; border-top: 1px solid #e8edef; padding: 13px 0; }
.brief-list li > span { color: #8a9aa2; font-size: 9px; }
.brief-list b, .brief-list small { display: block; }
.brief-list b { font-weight: 520; font-size: 12px; }
.brief-list small { color: var(--hq-muted); margin-top: 4px; }
.hq-lower-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 14px; }
.work-log { display: grid; grid-template-columns: 45px 29px 1fr auto; gap: 10px; align-items: center; padding: 11px 0; border-top: 1px solid #e8edef; }
.work-log time { color: #819099; font-size: 9px; }
.work-log b { font-weight: 520; }
.work-log p { margin: 3px 0 0; color: var(--hq-muted); font-size: 10px; }
.worker-avatar { width: 28px; height: 28px; border-radius: 9px; background: #e9f0f4; color: #42647a; display: grid; place-items: center; font-size: 10px; flex: 0 0 auto; }
.next-room { padding: 18px; }
.room-visual { min-height: 94px; border-radius: 10px; padding: 14px; background: linear-gradient(135deg, #e9f1f6, #f7f4ef); display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 17px; }
.room-visual > span { font-size: 8px; letter-spacing: .14em; color: #6f808a; }
.room-avatars { display: flex; }
.room-avatars i { width: 31px; height: 31px; margin-right: -6px; border: 2px solid white; border-radius: 50%; display: grid; place-items: center; background: #315d73; color: white; font-style: normal; font-size: 9px; }
.room-avatars i:nth-child(2) { background: #5a8279; }.room-avatars i:nth-child(3){background:#9b6a34}.room-avatars i:last-child{background:#6e679b}
.next-room > p { color: var(--hq-muted); line-height: 1.5; }
.room-actions { display: flex; gap: 8px; flex-wrap: wrap; }

/* President Inbox */
.president-rule, .trial-banner { display: flex; gap: 13px; align-items: center; padding: 14px 17px; background: #edf4f7; border: 1px solid #d6e3e9; border-radius: 11px; margin-bottom: 15px; }
.president-rule > span { font-size: 23px; color: #315d73; }
.president-rule b { font-weight: 560; }
.president-rule p, .trial-banner p { margin: 3px 0 0; color: var(--hq-muted); font-size: 11px; }
.decision-list { display: grid; gap: 10px; }
.decision-card { background: white; border: 1px solid var(--hq-line); border-left: 3px solid #91a3ad; border-radius: 12px; display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 16px; padding: 18px; transition: opacity .2s, transform .2s; }
.decision-card.green { border-left-color: #5b9885; }.decision-card.blue{border-left-color:#5d8eae}.decision-card.red{border-left-color:#bd6658}.decision-card.gold{border-left-color:#bd874a}
.decision-card.resolved { opacity: .58; }
.decision-mark { width: 38px; height: 38px; border-radius: 11px; background: #f0f4f6; display: grid; place-items: center; color: #6c7e88; }
.decision-meta { display: flex; gap: 13px; color: #74848d; font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }
.decision-main h2 { margin: 7px 0 12px; font-size: 16px; font-weight: 530; }
.decision-facts { display: flex; gap: 25px; flex-wrap: wrap; font-size: 10px; }
.decision-facts span { color: #3d505b; }
.decision-facts small { display: block; color: #89969d; margin-bottom: 3px; }
.decision-actions { display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; max-width: 310px; }
.resolved-label { color: #37725f; background: #e9f4ef; padding: 8px 10px; border-radius: 8px; font-size: 10px; }.resolved-label.rejected{color:#8b4f44;background:#f8ece9}

/* Saloua */
.saloua-state { color: #3f756b; font-size: 10px; display: flex; align-items: center; gap: 7px; }
.saloua-state i { width: 7px; height: 7px; border-radius: 50%; background: #64a78e; box-shadow: 0 0 0 4px #e3f1eb; }
.saloua-workspace { display: grid; grid-template-columns: minmax(220px,.55fr) minmax(400px,1.15fr) minmax(240px,.55fr); gap: 14px; align-items: start; }
.saloua-mission { background: linear-gradient(160deg,#1c3241,#294e5f); color: white; border-radius: 15px; padding: 24px; min-height: 570px; }
.saloua-portrait { width: 92px; height: 92px; border-radius: 50%; border: 1px solid rgba(255,255,255,.2); display: grid; place-items: center; position: relative; margin-bottom: 35px; box-shadow: 0 0 0 12px rgba(255,255,255,.025),0 0 0 24px rgba(255,255,255,.015); }
.saloua-portrait span { font-family: Georgia,serif; font-size: 40px; }.saloua-portrait i{position:absolute;width:10px;height:10px;background:#78d09f;border-radius:50%;right:7px;bottom:9px;box-shadow:0 0 12px #78d09f}
.saloua-mission .section-kicker { color: #96b3c0; }
.saloua-mission h2 { font-family: Georgia,serif; font-size: 28px; font-weight: 400; margin: 9px 0; }
.saloua-mission > p { color: #c0d1d9; line-height: 1.65; }
.saloua-mission dl { margin: 26px 0; }
.saloua-mission dl div { display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.1); padding: 11px 0; font-size: 10px; }
.saloua-mission dt { color: #94adba; }.saloua-mission dd{margin:0}
.saloua-mission .filter { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); color: white; }
.saloua-chat { padding: 0; overflow: hidden; min-height: 570px; display: flex; flex-direction: column; }
.chat-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--hq-line); padding: 14px 16px; }
.chat-head > div { display: flex; align-items: center; gap: 9px; }.chat-head b,.chat-head small{display:block}.chat-head small{color:var(--hq-muted);margin-top:3px}
.secure-label { font-size: 9px; color: #5c5688; background: #f0eef8; border-radius: 20px; padding: 6px 8px; }
.chat-thread { flex: 1; padding: 20px; display: flex; flex-direction: column; gap: 11px; max-height: 430px; overflow-y: auto; background: #f8fafb; }
.message { max-width: 82%; border-radius: 12px; padding: 11px 13px; }
.message small { font-size: 8px; display: block; margin-bottom: 5px; color: #829099; }
.message p { margin: 0; line-height: 1.55; font-size: 12px; }
.message.assistant { background: white; border: 1px solid #dfe7eb; align-self: flex-start; }
.message.user { background: #315d73; color: white; align-self: flex-end; }.message.user small{color:#bfd0d9}
.message.pending { border-style: dashed; }
.chat-compose { border-top: 1px solid var(--hq-line); padding: 12px; display: flex; gap: 9px; align-items: end; background: white; }
.chat-compose textarea { flex: 1; resize: none; border: 1px solid #d8e2e7; border-radius: 9px; padding: 10px 11px; line-height: 1.45; color: var(--hq-ink); }
.saloua-live-compose{display:grid;grid-template-columns:1fr auto;align-items:end}.saloua-live-compose>label{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:600;color:var(--hq-ink)}.saloua-live-compose>label small{font-weight:400;color:var(--hq-muted)}.saloua-live-compose textarea{min-height:82px}.message.error{border:1px solid #e5c2ba;background:#fff6f3}.message.error small{color:#a55342}
@media(max-width:620px){.saloua-live-compose{grid-template-columns:1fr}.saloua-live-compose>label{grid-column:auto;align-items:flex-start;flex-direction:column}.saloua-live-compose .primary{width:100%}}
.delegation-rail { display: grid; gap: 14px; }
.delegated-item { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 9px; padding: 12px 0 15px; border-top: 1px solid #e8edef; }
.delegated-item b,.delegated-item small{display:block}.delegated-item b{font-weight:520}.delegated-item small{color:var(--hq-muted);margin-top:3px}.delegated-item>span{font-size:10px;color:#5f7079}.delegated-item>i{position:absolute;bottom:8px;left:0;right:0;height:3px;background:#edf1f3;border-radius:3px}.delegated-item>i:after{content:"";display:block;height:100%;width:var(--p);background:#6e9a8e;border-radius:inherit}
.escalation-clock { text-align: center; padding: 27px 0; }.escalation-clock b{font-size:36px;font-weight:430;display:block}.escalation-clock span{color:var(--hq-muted);font-size:10px}

/* Organization */
.trial-banner { align-items: flex-start; }.trial-banner>span{font-size:9px;letter-spacing:.12em;color:#725f3e;background:#f5e8cf;padding:6px 8px;border-radius:6px;white-space:nowrap}
.org-command { display: grid; grid-template-columns: 1fr 42px 1fr minmax(330px, 2fr); align-items: center; padding: 20px; margin-bottom: 14px; }
.org-president,.org-saloua { display: flex; gap: 12px; align-items:center; }.org-president .crown,.org-saloua>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eaf1f5;color:#315d73;font-size:18px}.org-saloua>span{background:#edf4f2;color:#47786d;font-family:Georgia,serif}.org-president small,.org-saloua small{font-size:8px;letter-spacing:.1em;color:#85939b}.org-president b,.org-saloua b{display:block;font-weight:550}.org-president p,.org-saloua p{margin:3px 0 0;color:var(--hq-muted);font-size:9px}
.org-line { height: 1px; background: #d9e2e7; margin: 0 7px; }
.org-flow { display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.org-flow span{padding:7px 8px;background:#f4f7f8;border:1px solid #e0e7eb;border-radius:7px;font-size:9px}.org-flow i{font-style:normal;color:#9aa7ae;font-size:10px}
.org-summary { display: grid; grid-template-columns: repeat(5, 1fr); gap: 9px; margin-bottom: 15px; }
.dept-tile { background: white; border: 1px solid var(--hq-line); border-radius: 10px; padding: 12px; display: grid; grid-template-columns: 26px 1fr; gap: 8px; text-align: left; min-height: 87px; }
.dept-tile>span{font-size:9px;color:#84939b}.dept-tile b,.dept-tile small{display:block}.dept-tile b{font-weight:520;font-size:11px}.dept-tile small{color:var(--hq-muted);font-size:8px;margin-top:4px}.dept-tile>i{grid-column:2;font-style:normal;color:#647780;font-size:9px}
.toolbar-count { margin-left: auto; color: var(--hq-muted); font-size: 10px; }
.worker-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; }
.worker-card { background: white; border: 1px solid var(--hq-line); border-radius: 12px; padding: 16px; min-height: 255px; text-align: left; color: var(--hq-ink); display: flex; flex-direction: column; }
.worker-card:hover { border-color: #b8ccd6; box-shadow: var(--hq-shadow); transform: translateY(-1px); }
.worker-top { display: flex; align-items: center; gap: 7px; }.worker-avatar.large{width:37px;height:37px;border-radius:11px;font-size:13px}.worker-avatar.xl{width:52px;height:52px;border-radius:15px;font-size:18px}
.trial-pill { font-size: 8px; color: #745b31; background: #f7eddb; padding: 4px 6px; border-radius: 999px; }
.risk-dot { margin-left: auto; width: 7px; height: 7px; border-radius: 50%; background: #6ca18f; }.risk-dot.normaal{background:#c18a47}.risk-dot.hoog{background:#b95f50}
.worker-card h2 { font-size: 16px; margin: 15px 0 3px; }.worker-card>p{margin:0;color:#435660;font-size:11px}.worker-dept{color:#829098;font-size:9px;margin-top:5px}.worker-focus{color:var(--hq-muted);font-size:10px;line-height:1.5;margin:14px 0}
.worker-score { margin-top: auto; }.worker-score>span{display:flex;justify-content:space-between;font-size:9px}.worker-score small{color:var(--hq-muted)}.worker-score b{font-weight:530}.worker-score>i{display:block;height:4px;background:#edf1f3;border-radius:5px;margin-top:6px}.worker-score em{display:block;height:100%;background:#6b9b8f;border-radius:inherit}
.worker-card footer { display: flex; justify-content: space-between; color: #819099; font-size: 8px; border-top: 1px solid #edf1f3; margin-top: 13px; padding-top: 10px; }

/* Chat */
.chat-shell { display: grid; grid-template-columns: 260px minmax(430px,1fr) 220px; min-height: 650px; background:white;border:1px solid var(--hq-line);border-radius:14px;overflow:hidden; }
.group-panel,.group-context{background:#f8fafb;padding:16px;border-right:1px solid var(--hq-line)}.group-context{border-right:0;border-left:1px solid var(--hq-line)}
.group-panel-head span{font-size:8px;letter-spacing:.12em;color:#839199}.group-panel-head b{display:block;font-weight:520;margin-top:4px;font-size:11px}
.group-row { width:100%;border:0;background:transparent;display:grid;grid-template-columns:32px 1fr 10px;gap:9px;align-items:center;text-align:left;padding:10px 8px;border-radius:9px;margin-top:5px;color:var(--hq-ink)}.group-row.active{background:#e7eff3}.group-symbol{width:30px;height:30px;border-radius:9px;background:#e4ebef;color:#41657a;display:grid;place-items:center}.group-symbol.large{width:39px;height:39px;border-radius:12px}.group-row b,.group-row small{display:block}.group-row b{font-weight:520;font-size:11px}.group-row small{color:var(--hq-muted);font-size:8px;margin-top:3px}.group-row>i{font-style:normal;color:#739f91;font-size:8px}
.chat-privacy,.privacy-card{margin-top:23px;border:1px solid #dfe7eb;background:white;border-radius:9px;padding:12px}.chat-privacy b,.privacy-card b{font-weight:550;font-size:10px}.chat-privacy p,.privacy-card p{color:var(--hq-muted);font-size:9px;line-height:1.5;margin:5px 0 0}
.group-conversation{display:flex;flex-direction:column;min-width:0}.group-conversation>header{padding:14px 16px;border-bottom:1px solid var(--hq-line);display:flex;justify-content:space-between;align-items:center;gap:12px}.group-conversation>header>div{display:flex;gap:9px;align-items:center}.group-conversation h2{font-size:14px;margin:0;font-weight:540}.group-conversation header p{margin:4px 0 0;color:var(--hq-muted);font-size:9px}.group-messages{padding:20px;display:flex;flex-direction:column;gap:14px;background:#fff;min-height:460px;max-height:530px;overflow:auto}.group-message{display:grid;grid-template-columns:28px 1fr;gap:10px;max-width:760px}.group-message>div>div{display:flex;gap:8px;align-items:center}.group-message b{font-weight:540;font-size:11px}.group-message small{color:#8a979e;font-size:8px}.group-message p{margin:6px 0 0;background:#f3f6f8;border-radius:0 10px 10px 10px;padding:10px 12px;font-size:11px;line-height:1.55}.group-compose{margin-top:auto}
.group-context h2{font-weight:520}.context-stat{border-top:1px solid #e2e9ed;padding:13px 0}.context-stat b{font-size:22px;font-weight:450;display:block}.context-stat span{color:var(--hq-muted);font-size:9px}

/* Meetings and room */
.meeting-hero { min-height: 250px; border-radius: 16px; background: linear-gradient(120deg,#233c4c,#3c6270);color:white;padding:34px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;margin-bottom:18px;overflow:hidden;position:relative}.meeting-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,rgba(127,184,188,.17),transparent 35%);pointer-events:none}.meeting-hero>div{z-index:1}.live-room-badge{font-size:8px;letter-spacing:.14em;color:#b9cdd5}.live-room-badge i,.room-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#77d39e;margin-right:6px;box-shadow:0 0 9px #77d39e}.meeting-hero h2{font-family:Georgia,serif;font-weight:400;font-size:34px;margin:10px 0}.meeting-hero p{color:#c6d4da;line-height:1.6;max-width:520px}.meeting-hero-actions{display:flex;gap:8px;margin-top:20px}.meeting-stage{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.stage-person{aspect-ratio:1.1;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stage-person span{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13);font-size:11px}.stage-person small{color:#bfd0d7;font-size:8px;margin-top:7px}.stage-person.president{border-color:rgba(224,190,119,.38)}.stage-person.sal{border-color:rgba(113,210,170,.36)}
.meeting-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.55fr);gap:15px}.section-title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.section-title-row h2{font-size:20px;font-weight:520;margin:3px 0}.section-title-row>span{color:var(--hq-muted);font-size:9px}.meeting-list{display:grid;gap:9px}.meeting-card{display:grid;grid-template-columns:50px 1px 1fr auto;gap:15px;align-items:center;background:white;border:1px solid var(--hq-line);border-radius:12px;padding:16px}.meeting-card time{font-size:14px;color:#3d6277}.meeting-line{height:48px;background:#dfe6ea}.meeting-info>span{color:#829099;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.meeting-info h2{font-size:14px;font-weight:540;margin:5px 0}.meeting-info p{margin:0;color:var(--hq-muted);font-size:9px}.meeting-tags{display:flex;gap:6px;margin-top:8px}.meeting-tags span{background:#f0f4f6;border-radius:5px;padding:4px 6px;font-size:8px;color:#63747d}.agenda-pack{padding:22px}.agenda-pack h2{font-family:Georgia,serif;font-size:25px;font-weight:400}.pack-step{display:grid;grid-template-columns:47px 1fr;gap:9px;border-top:1px solid #e5ebee;padding:13px 0}.pack-step span{font-size:9px;color:#54768a}.pack-step p{margin:0;font-size:10px;color:var(--hq-muted);line-height:1.5}.meeting-rule{margin-top:18px;background:#f5f1e9;border-radius:8px;padding:11px;color:#766448;font-size:9px;line-height:1.5}
.meeting-room{position:fixed;inset:0;background:#111f29;color:white;z-index:100;display:flex;flex-direction:column}.meeting-room>header{min-height:76px;padding:13px 22px;border-bottom:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center}.meeting-room header>div:nth-child(2){text-align:center}.meeting-room h1{font-size:15px;font-weight:520;margin:5px 0 0}.room-live{font-size:8px;letter-spacing:.12em;color:#aabfc9}.room-close{justify-self:end;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:white;border-radius:8px;padding:9px 11px}.room-body{flex:1;display:grid;grid-template-columns:240px 1fr 280px;min-height:0}.room-agenda,.room-notes{padding:22px;background:#172731;overflow:auto}.room-agenda{border-right:1px solid rgba(255,255,255,.08)}.room-notes{border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.agenda-topic{width:100%;border:0;border-left:2px solid transparent;background:transparent;color:white;display:grid;grid-template-columns:28px 1fr;gap:8px;text-align:left;padding:12px 8px}.agenda-topic.active{background:rgba(255,255,255,.06);border-left-color:#7cb3b4}.agenda-topic>span{color:#7f98a4;font-size:8px}.agenda-topic b,.agenda-topic small{display:block}.agenda-topic b{font-weight:510;font-size:10px}.agenda-topic small{color:#7f98a4;font-size:8px;margin-top:3px}.room-security{margin-top:30px;border:1px solid rgba(255,255,255,.09);border-radius:9px;padding:11px}.room-security b{font-size:9px;color:#b5c8d1}.room-security p{font-size:8px;line-height:1.5;color:#849da8}.virtual-table{padding:26px;display:flex;flex-direction:column;min-width:0}.meeting-people{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.person-tile{background:#1c303c;border:1px solid rgba(255,255,255,.08);border-radius:12px;min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center}.person-tile span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#294959}.person-tile b{font-weight:510;font-size:10px;margin-top:8px}.person-tile small{color:#8da4af;font-size:8px;margin-top:3px}.person-tile.main{border-color:rgba(213,178,102,.35)}.person-tile.speaking{border-color:#558f8a;box-shadow:inset 0 0 0 1px #558f8a}.meeting-focus{margin:auto 0;background:#192e39;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:25px;text-align:center}.meeting-focus>span{font-size:8px;letter-spacing:.13em;color:#7f9daa}.meeting-focus h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:10px auto 20px;max-width:630px}.meeting-kpis{display:flex;justify-content:center;gap:45px}.meeting-kpis b,.meeting-kpis small{display:block}.meeting-kpis b{font-size:22px;font-weight:450}.meeting-kpis small{color:#849da8;font-size:8px}.meeting-focus p{color:#9eb1ba;font-size:10px;max-width:660px;margin:20px auto 0;line-height:1.6}.room-controls{display:flex;justify-content:center;gap:7px;margin-top:18px}.room-controls button{background:#213946;color:white;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 10px;font-size:9px}.room-notes h2{font-size:17px;font-weight:520}.note-stream{display:grid;gap:12px;margin-top:15px;overflow:auto}.note-stream>div{display:grid;grid-template-columns:34px 1fr;gap:8px}.note-stream time{color:#77909c;font-size:8px}.note-stream p{margin:0;background:#1f3440;border-radius:0 8px 8px 8px;padding:9px;font-size:9px;line-height:1.5}.room-notes form{margin-top:auto;display:flex}.room-notes input{min-width:0;flex:1;background:#213743;border:1px solid rgba(255,255,255,.1);color:white;padding:9px;border-radius:8px 0 0 8px}.room-notes form button{border:0;background:#55867e;color:white;border-radius:0 8px 8px 0}

/* Academy, assets and vault */
.academy-hero{display:grid;grid-template-columns:1.4fr .5fr;gap:30px;align-items:center;background:linear-gradient(130deg,#f0f4f6,#f7f1e7);border:1px solid var(--hq-line);border-radius:15px;padding:28px;margin-bottom:15px}.academy-hero h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:8px 0}.academy-hero p{color:var(--hq-muted);line-height:1.55}.academy-score{border-left:1px solid #d8e0e4;padding-left:30px}.academy-score small,.academy-score span{display:block;color:var(--hq-muted);font-size:9px}.academy-score b{display:block;font-size:39px;font-weight:430;margin:8px 0}.academy-score i{display:block;height:5px;background:#dfe6e9;border-radius:5px;margin:10px 0}.academy-score em{display:block;height:100%;background:#5d8c82;border-radius:inherit}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.course-card{background:white;border:1px solid var(--hq-line);border-radius:12px;padding:12px;display:grid;grid-template-columns:115px 1fr;gap:16px}.course-visual{border-radius:9px;min-height:155px;background:#dfeaf0;padding:12px;display:flex;flex-direction:column;justify-content:space-between}.course-visual.v2{background:#eee4d6}.course-visual.v3{background:#e2e5ee}.course-visual.v4{background:#e1eee9}.course-visual span{font-size:9px;color:#61737c}.course-visual i{font-style:normal;font-family:Georgia,serif;font-size:28px}.course-card h2{font-size:16px;font-weight:530;margin:7px 0}.course-card p{color:var(--hq-muted);font-size:10px}.course-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:8px;color:#7a8991}
.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.library-toolbar>div:first-child{display:flex;gap:8px;flex:1}.library-toolbar .search{min-width:280px}.librarian{display:flex;gap:9px;align-items:center;background:white;border:1px solid var(--hq-line);border-radius:10px;padding:8px 11px}.librarian>span{width:30px;height:30px;border-radius:9px;background:#e6eef2;display:grid;place-items:center;color:#3d647a}.librarian b,.librarian small{display:block}.librarian b{font-weight:520;font-size:10px}.librarian small{color:var(--hq-muted);font-size:8px;margin-top:3px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.asset-card{background:white;border:1px solid var(--hq-line);border-radius:12px;overflow:hidden}.asset-preview{height:165px;background:var(--asset);padding:12px;position:relative;display:flex;align-items:center;justify-content:center}.asset-preview>span{position:absolute;top:11px;left:11px;background:rgba(255,255,255,.75);backdrop-filter:blur(8px);padding:5px 7px;border-radius:5px;font-size:8px}.asset-preview>b{font-family:Georgia,serif;color:white;font-size:54px;font-weight:400;opacity:.75}.asset-preview>button{position:absolute;right:9px;top:9px;border:0;background:rgba(255,255,255,.7);border-radius:6px}.asset-info{padding:14px}.asset-info h2{font-size:14px;margin:10px 0 4px}.asset-info p{margin:0;color:var(--hq-muted);font-size:9px}.asset-info footer{border-top:1px solid #e9edef;margin-top:12px;padding-top:9px;display:flex;justify-content:space-between;color:#839098;font-size:8px}
.vault-banner{background:linear-gradient(120deg,#202c3d,#353a55);color:white;border-radius:15px;padding:24px;display:grid;grid-template-columns:52px 1fr auto;gap:18px;align-items:center;margin-bottom:14px}.vault-seal{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#b9b6dd}.vault-banner>div:nth-child(2)>span{font-size:8px;letter-spacing:.13em;color:#aaaac8}.vault-banner h2{font-size:20px;font-weight:510;margin:5px 0}.vault-banner p{margin:0;color:#bdc2d1;font-size:10px}.vault-stats{display:flex;gap:18px}.vault-stats span{color:#aeb5c4;font-size:8px}.vault-stats b{display:block;color:white;font-size:23px;font-weight:440}.classification-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:13px}.class-level{background:white;border:1px solid var(--hq-line);border-top:3px solid #aab7be;border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between}.class-level span{font-size:9px;color:#63747d}.class-level b{font-weight:520}.class-level.l1{border-top-color:#6d988c}.class-level.l2{border-top-color:#b49053}.class-level.l3{border-top-color:#a86559}.class-level.l4{border-top-color:#6f689a}.classification{padding:5px 7px;border-radius:6px;font-size:8px}.classification.c1{background:#eaf3ef;color:#417260}.classification.c2{background:#f5eee2;color:#826337}.classification.c3{background:#f7e9e6;color:#8c5146}.classification.c4{background:#eeecf7;color:#595183}

/* Security */
.security-command{background:linear-gradient(120deg,#182936,#283e4a);color:white;border-radius:15px;padding:25px;display:grid;grid-template-columns:115px 1fr 210px;gap:24px;align-items:center;margin-bottom:13px}.security-radar{width:104px;height:104px;border-radius:50%;border:1px solid rgba(118,185,169,.25);display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(92,156,142,.18),transparent 65%);box-shadow:0 0 0 15px rgba(255,255,255,.018),0 0 0 30px rgba(255,255,255,.01)}.security-radar i{position:absolute;width:1px;height:100%;background:rgba(116,179,164,.13)}.security-radar em{position:absolute;width:100%;height:1px;background:rgba(116,179,164,.13)}.security-radar span{font-size:30px;font-weight:430}.security-radar small{position:absolute;top:67px;width:90px;text-align:center;color:#8fa8b3;font-size:7px}.security-command h2{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:6px 0}.security-command p{color:#b2c4cc;line-height:1.55}.security-badges{display:flex;gap:6px;flex-wrap:wrap}.security-badges span{border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:5px 6px;color:#aec0c8;font-size:8px}.security-owner{border-left:1px solid rgba(255,255,255,.1);padding-left:22px;display:flex;gap:11px;align-items:center}.security-owner>span{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center}.security-owner small{color:#8ea7b1;font-size:8px}.security-owner b{display:block;font-weight:520}.security-owner p{margin:3px 0 0;font-size:8px}.security-domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px}.security-domain-grid article{background:white;border:1px solid var(--hq-line);border-radius:11px;padding:15px}.security-domain-grid article>div:first-child{display:flex;justify-content:space-between}.security-domain-grid span{font-size:10px}.security-domain-grid article>div:first-child b{font-size:8px;color:#8b6544;background:#f7eee2;border-radius:5px;padding:4px 5px}.security-domain-grid p{color:var(--hq-muted);font-size:9px;min-height:24px}.security-meter{height:4px;background:#edf1f3;border-radius:4px}.security-meter i{display:block;height:100%;background:#638f85;border-radius:inherit}.security-domain-grid footer{display:flex;justify-content:space-between;align-items:center;color:#809098;font-size:8px;margin-top:9px}.security-bottom{display:grid;grid-template-columns:1.25fr .75fr;gap:13px}.zone-row{display:grid;grid-template-columns:10px 1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #e7edef}.zone-light{width:7px;height:7px;border-radius:50%;background:#64a18c}.zone-row b,.zone-row small{display:block}.zone-row b{font-weight:520}.zone-row small{color:var(--hq-muted);font-size:8px;margin-top:3px}.zone-row>span:nth-child(3){font-size:8px;color:#648076}

/* Roles and modals */
.identity-banner{display:grid;grid-template-columns:53px 1fr auto;gap:16px;align-items:center;background:#243746;color:white;border-radius:14px;padding:20px;margin-bottom:13px}.identity-seal{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:22px}.identity-banner>div:nth-child(2)>span{font-size:8px;letter-spacing:.12em;color:#9eb3be}.identity-banner h2{font-size:18px;font-weight:520;margin:5px 0}.identity-banner p{margin:0;color:#b9c8cf;font-size:9px}.permission-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px}.permission-principles article{background:white;border:1px solid var(--hq-line);border-radius:10px;padding:13px}.permission-principles span{color:#85949c;font-size:8px}.permission-principles b{display:block;font-weight:530;margin-top:9px}.permission-principles p{color:var(--hq-muted);font-size:9px;line-height:1.5;margin-bottom:0}.secure-role-grid{grid-template-columns:repeat(3,1fr)}.role-card-top{display:flex;justify-content:space-between;align-items:center}.role-card-top>span:last-child{font-size:8px;color:#778790}.role-card>p{color:var(--hq-muted);font-size:9px}.role-card .filter{margin-top:13px}
.modal-backdrop { backdrop-filter: blur(4px); }
.saloua-quick-modal { max-width: 610px; }
.saloua-modal-title,.worker-modal-title{display:flex;gap:10px;align-items:center}.saloua-modal-title small{font-size:8px;letter-spacing:.11em;color:#78909d}.saloua-modal-title h2{margin:2px 0;font-size:21px!important}.quick-context{display:grid;grid-template-columns:110px 1fr;gap:10px;background:#f2f6f8;border-radius:8px;padding:10px;margin:15px 0;color:var(--hq-muted);font-size:9px}.quick-context b{color:var(--hq-ink);font-weight:520}.saloua-quick-modal .chat-compose{padding:12px 0 0;border:0;display:grid}.quick-prompts{display:flex;gap:6px;flex-wrap:wrap}.quick-prompts button{border:1px solid var(--hq-line);background:#f7fafb;border-radius:7px;padding:6px 8px;color:#566973;font-size:8px}.worker-modal{max-width:680px}.worker-modal-title h2{margin:3px 0;font-size:22px!important}.worker-modal-title p{margin:0;color:var(--hq-muted);font-size:9px}.worker-profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.worker-profile-grid>div{background:#f5f8f9;border-radius:8px;padding:10px}.worker-profile-grid small,.worker-profile-grid b{display:block}.worker-profile-grid small{color:var(--hq-muted);font-size:8px}.worker-profile-grid b{font-weight:520;font-size:10px;margin-top:4px}.worker-mission{border-left:2px solid #5f8da5;padding:9px 12px;background:#f4f8fa}.worker-mission span{font-size:8px;letter-spacing:.1em;color:#718690}.worker-mission p{margin:5px 0;font-size:11px}.skill-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.skill-list>div>span{display:flex;justify-content:space-between;font-size:9px}.skill-list b{font-weight:520}.skill-list em{font-style:normal;color:#6d7d85}.skill-list i{display:block;height:4px;background:#edf1f3;border-radius:4px;margin-top:5px}.skill-list u{display:block;height:100%;background:#659286;border-radius:inherit}.worker-guard{background:#fbf3e7;border:1px solid #efdfc7;border-radius:8px;padding:10px}.worker-guard b{font-weight:540;font-size:10px}.worker-guard p{margin:4px 0 0;color:#766749;font-size:9px}.search-results{display:grid;gap:5px;margin-top:12px;max-height:390px;overflow:auto}.search-results>p{color:var(--hq-muted);font-size:10px}.search-results button{border:1px solid var(--hq-line);background:#fff;border-radius:8px;padding:10px;display:flex;justify-content:space-between;text-align:left}.search-results button small{color:var(--hq-muted)}
.local-register{margin-top:16px}.local-record-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--hq-line)}.local-record-row:first-of-type{border-top:0}.local-record-row div{min-width:0;display:grid;gap:3px}.local-record-row b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.local-record-row small,.local-record-row>span:last-child{color:var(--hq-muted);font-size:10px}.local-record-row small{overflow-wrap:anywhere}.empty-state{min-height:150px;display:grid;place-content:center;text-align:center;gap:6px;color:var(--hq-muted)}.empty-state b{color:var(--hq-ink);font-weight:600}.empty-state.small{min-height:90px}
.mobile-dock { display: none; }

@media (max-width: 1240px) {
  .pulse-grid { grid-template-columns: 1fr 1fr; }
  .worker-grid { grid-template-columns: repeat(3, 1fr); }
  .org-summary { grid-template-columns: repeat(3, 1fr); }
  .saloua-workspace { grid-template-columns: 230px 1fr; }
  .delegation-rail { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .chat-shell { grid-template-columns: 230px 1fr; }
  .group-context { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--hq-line); display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; align-items: center; }
  .group-context > .section-kicker, .group-context > h2 { display:none; }
}

@media (max-width: 980px) {
  .environment-pill { display: none; }
  .hq-stage, .command-layout, .hq-lower-grid, .meeting-layout, .security-bottom { grid-template-columns: 1fr; }
  .revenue-flight { border-left: 0; border-top: 1px solid rgba(255,255,255,.09); }
  .worker-grid { grid-template-columns: repeat(2, 1fr); }
  .org-command { grid-template-columns: 1fr 30px 1fr; }
  .org-flow { grid-column: 1 / -1; justify-content: flex-start; margin-top: 18px; }
  .asset-grid, .security-domain-grid { grid-template-columns: repeat(2, 1fr); }
  .meeting-hero { grid-template-columns: 1fr; gap: 25px; }
  .course-grid { grid-template-columns: 1fr; }
  .room-body { grid-template-columns: 190px 1fr; }
  .room-notes { grid-column: 1 / -1; border-left: 0; border-top: 1px solid rgba(255,255,255,.08); max-height: 230px; }
  .note-stream { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 760px) {
  body { background: #f4f6f8; }
  .app { padding-bottom: 70px; }
  .sidebar { width: min(88vw, 330px); left: min(-88vw, -330px); z-index: 90; }
  .sidebar.open { left: 0; }
  .sidebar .brand { min-height: 62px; }
  .nav-item { min-height: 44px; }
  .topbar { min-height: 60px; height: auto; padding: 9px 12px; position: sticky; top: 0; z-index: 35; }
  .top-actions { margin-left: auto; }
  .saloua-button { padding-right: 7px; }
  .saloua-button > span:last-child { display: none; }
  .company-switch { order: 3; width: 100%; overflow-x: auto; scrollbar-width: none; }
  .company-switch button:not(.active) { font-size: 11px; }
  .quick { display: none; }
  #main { padding: 20px 13px 30px; }
  .page-head { display: flex; align-items: flex-start; }
  .page-head h1 { font-size: 28px; }
  .page-head > div:last-child:not(:first-child) { margin-left: auto; }
  .head-actions .mock-label { display: none; }
  .hq-stage { min-height: 0; border-radius: 14px; }
  .hq-intro { padding: 24px 20px; }
  .saloua-presence { grid-template-columns: 54px 1fr; gap: 15px; }
  .saloua-core { width: 52px; height: 52px; }
  .saloua-core span { font-size: 24px; }
  .saloua-presence h2 { font-size: 26px; }
  .revenue-flight { padding: 22px 20px; }
  .pulse-grid { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 82%; overflow-x: auto; scroll-snap-type: x mandatory; gap: 9px; padding-bottom: 5px; }
  .pulse-card { scroll-snap-align: start; }
  .command-layout, .hq-lower-grid { gap: 10px; }
  .department-line { grid-template-columns: 17px 1fr auto; }
  .department-line > span:last-child { display: none; }
  .dept-work { min-width: 64px; }
  .work-log { grid-template-columns: 38px 27px 1fr; }
  .work-log .tag { display: none; }
  .decision-card { grid-template-columns: 38px 1fr; padding: 14px; }
  .decision-actions { grid-column: 2; justify-content: flex-start; max-width: none; }
  .decision-facts { gap: 12px; }
  .saloua-workspace { grid-template-columns: 1fr; }
  .saloua-mission { min-height: 0; }
  .saloua-chat { min-height: 520px; }
  .delegation-rail { grid-column: auto; grid-template-columns: 1fr; }
  .org-command { grid-template-columns: 1fr; gap: 12px; }
  .org-line { height: 20px; width: 1px; margin-left: 20px; }
  .org-flow { grid-column: auto; overflow-x: auto; flex-wrap: nowrap; justify-content:flex-start; }
  .org-summary { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 72%; overflow-x: auto; }
  .worker-grid { grid-template-columns: 1fr; }
  .toolbar { overflow-x: auto; flex-wrap: nowrap; }
  .toolbar .search { min-width: 240px; }
  .toolbar-count { display: none; }
  .chat-shell { display: block; min-height: 0; }
  .group-panel { display: flex; overflow-x: auto; gap: 7px; border-right:0; border-bottom:1px solid var(--hq-line); }
  .group-panel-head,.chat-privacy { display:none; }
  .group-row { min-width: 200px; margin:0; }
  .group-conversation>header { align-items:flex-start; }
  .group-conversation>header>div:last-child { flex-direction:column; }
  .group-messages { min-height: 390px; }
  .group-context { display:none; }
  .meeting-hero { padding: 25px 20px; }
  .meeting-hero h2 { font-size: 28px; }
  .meeting-stage { grid-template-columns: repeat(5,72px); overflow-x:auto; }
  .meeting-card { grid-template-columns: 43px 1px 1fr; }
  .meeting-card>button { grid-column:3; justify-self:start; }
  .academy-hero { grid-template-columns:1fr; padding:22px; }
  .academy-score { border-left:0;border-top:1px solid #d8e0e4;padding:18px 0 0; }
  .course-card { grid-template-columns: 86px 1fr; }
  .library-toolbar { align-items:stretch; flex-direction:column; }
  .library-toolbar>div:first-child { overflow-x:auto; }
  .library-toolbar .search { min-width:240px; }
  .asset-grid, .security-domain-grid { grid-template-columns:1fr; }
  .vault-banner { grid-template-columns:45px 1fr; }.vault-stats{grid-column:2}.classification-strip{display:flex;overflow-x:auto}.class-level{min-width:145px}
  .security-command { grid-template-columns:90px 1fr;padding:20px; }.security-owner{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.1);padding:15px 0 0}.security-radar{width:82px;height:82px}.security-radar small{top:55px}.permission-principles{grid-template-columns:1fr 1fr}.secure-role-grid{grid-template-columns:1fr}.identity-banner{grid-template-columns:45px 1fr}.identity-banner>.classification{grid-column:2;justify-self:start}.worker-profile-grid{grid-template-columns:1fr 1fr}.skill-list{grid-template-columns:1fr}
  .meeting-room>header { grid-template-columns:1fr auto; padding:10px 13px; }.meeting-room header>.brand{display:none}.meeting-room header>div:nth-child(2){text-align:left}.room-close{font-size:0}.room-close::after{content:"×";font-size:20px}.room-body{display:block;overflow:auto}.room-agenda{display:none}.virtual-table{padding:13px}.meeting-people{grid-template-columns:repeat(2,1fr)}.person-tile{min-height:100px}.meeting-focus{margin:14px 0}.meeting-kpis{gap:16px}.room-controls{overflow-x:auto;justify-content:flex-start}.room-notes{max-height:none}.note-stream{grid-template-columns:1fr}
  .mobile-dock { display: grid; position: fixed; z-index: 70; left: 9px; right: 9px; bottom: 8px; grid-template-columns: repeat(4,1fr); background: rgba(253,254,255,.94); backdrop-filter: blur(18px); border:1px solid #d9e2e7; border-radius:15px; padding:6px; box-shadow:0 12px 40px rgba(25,48,62,.16); }
  .mobile-dock button { border:0;background:transparent;color:#64747d;min-height:48px;border-radius:10px;display:grid;place-items:center;position:relative;gap:1px; }
  .mobile-dock button span { font-size:15px; }.mobile-dock button small{font-size:8px}.mobile-dock button i{position:absolute;top:3px;right:20%;background:var(--hq-coral);color:white;width:15px;height:15px;border-radius:50%;font-style:normal;font-size:8px;display:grid;place-items:center}
  .modal-backdrop { padding: 9px; align-items: end; }
  .modal { max-height: 92dvh; overflow:auto; border-radius:16px 16px 12px 12px; }
  .local-record-row{grid-template-columns:auto 1fr}.local-record-row>span:last-child{display:none}
}

@media (max-width: 460px) {
  .metrics { grid-template-columns: 1fr; }
  .pulse-grid { grid-auto-columns: 90%; }
  .brand-objectives { gap: 5px; }
  .hq-stage-actions, .meeting-hero-actions { flex-direction: column; align-items: stretch; }
  .department-line { padding: 12px 0; }
  .decision-actions button { flex: 1; }
  .course-card { grid-template-columns:1fr; }.course-visual{min-height:100px}
  .permission-principles { grid-template-columns:1fr; }
  .security-command { grid-template-columns:1fr; }.security-radar{margin:auto}.security-command>div:nth-child(2){text-align:center}.security-badges{justify-content:center}
}

@media (prefers-reduced-motion: no-preference) {
  .saloua-core i, .security-radar::after {
    animation: hqPulse 2.3s ease-in-out infinite;
  }
  .work-log:first-of-type .worker-avatar { animation: hqBreathe 3s ease-in-out infinite; }
}
@keyframes hqPulse { 50% { transform: scale(1.22); opacity: .72; } }
@keyframes hqBreathe { 50% { box-shadow: 0 0 0 5px rgba(79,134,145,.08); } }

/* President Operations Floor — Quiet Command */
.hq-floor-lobby,
.meeting-room.boardroom {
  --command-ink: #0c1921;
  --command-petrol: #17313b;
  --command-petrol-soft: #203e47;
  --command-limestone: #f3f0e8;
  --command-fog: #aab8b8;
  --command-glass: #69a398;
  --command-brass: #c2a166;
  --command-coral: #b9695c;
  --command-interface: "Avenir Next", Avenir, Manrope, Inter, system-ui, sans-serif;
  --command-display: "Iowan Old Style", Newsreader, Georgia, serif;
  --command-mono: "SFMono-Regular", "IBM Plex Mono", Menlo, monospace;
  font-family: var(--command-interface);
}

.hq-floor-lobby {
  position: relative;
  overflow: hidden;
  color: #edf1ed;
  background:
    radial-gradient(circle at 76% 18%, rgba(105, 163, 152, .13), transparent 27%),
    linear-gradient(138deg, #0c1921 0%, #10242d 54%, #17313b 100%);
  border: 1px solid rgba(170, 184, 184, .17);
  border-radius: 22px;
  padding: clamp(22px, 3vw, 36px);
  box-shadow: 0 24px 70px rgba(12, 25, 33, .17);
}
.hq-floor-lobby::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .17;
  background-image:
    linear-gradient(rgba(170, 184, 184, .11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(170, 184, 184, .11) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), transparent 82%);
}
.hq-floor-header,
.hq-floor-map,
.hq-floor-legend { position: relative; z-index: 1; }
.hq-floor-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  padding-bottom: 26px;
}
.hq-floor-header .section-kicker { color: var(--command-brass); font-family: var(--command-mono); font-size: 10px; }
.hq-floor-header h2 {
  margin: 7px 0 8px;
  max-width: 760px;
  color: #f5f2e9;
  font-family: var(--command-display);
  font-size: clamp(29px, 3.7vw, 48px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -.03em;
}
.hq-floor-header p { max-width: 690px; margin: 0; color: #aebcbd; font-size: 13px; line-height: 1.55; }
.hq-floor-status { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; flex: 0 0 auto; }
.hq-floor-status span {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  color: #d5ddda;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(170,184,184,.15);
  border-radius: 999px;
  font-size: 11px;
}
.hq-floor-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--command-brass); box-shadow: 0 0 0 4px rgba(194,161,102,.11); }
.hq-floor-map {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-height: 410px;
  padding: 12px;
  background: rgba(4, 13, 18, .38);
  border: 1px solid rgba(170,184,184,.13);
  border-radius: 17px;
}
.hq-floor-room {
  position: relative;
  min-height: 185px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 23px;
  color: #ecf0ed;
  text-align: left;
  background: linear-gradient(145deg, rgba(41,73,82,.72), rgba(18,42,50,.72));
  border: 1px solid rgba(170,184,184,.18);
  border-radius: 12px;
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.hq-floor-room::before,
.hq-floor-room::after { content: ""; position: absolute; pointer-events: none; }
.hq-floor-room::before {
  inset: 10px;
  border: 1px solid rgba(170,184,184,.09);
  border-radius: 8px;
}
.hq-floor-room::after {
  width: 170px;
  height: 170px;
  right: -64px;
  top: -72px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(105,163,152,.14), transparent 67%);
}
.hq-floor-room:hover { transform: translateY(-2px); border-color: rgba(194,161,102,.54); background: linear-gradient(145deg, rgba(48,82,91,.86), rgba(21,48,56,.86)); }
.hq-floor-room:focus-visible { outline-color: var(--command-brass); }
.hq-floor-room.is-next { border-color: rgba(194,161,102,.68); box-shadow: inset 0 0 0 1px rgba(194,161,102,.12); }
.hq-floor-room--factory { background: linear-gradient(145deg, rgba(36,67,78,.75), rgba(20,43,52,.76)); }
.hq-floor-room--commerce { background: linear-gradient(145deg, rgba(61,69,61,.76), rgba(27,45,44,.78)); }
.hq-floor-room--security { background: linear-gradient(145deg, rgba(46,58,71,.75), rgba(21,36,45,.8)); }
.hq-floor-room-code {
  position: absolute;
  left: 22px;
  top: 20px;
  color: #90a3a4;
  font-family: var(--command-mono);
  font-size: 10px;
  letter-spacing: .08em;
}
.hq-floor-room-light {
  position: absolute;
  right: 21px;
  top: 21px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--command-brass);
  box-shadow: 0 0 0 5px rgba(194,161,102,.09);
}
.hq-floor-room--security .hq-floor-room-light { background: #7d8c90; box-shadow: 0 0 0 5px rgba(170,184,184,.07); }
.hq-floor-room-name { max-width: 88%; font-family: var(--command-display); font-size: clamp(21px, 2.2vw, 30px); line-height: 1.08; }
.hq-floor-room-meta { margin-top: 8px; color: #a6b6b6; font-size: 11px; }
.hq-floor-room-status { width: 100%; display: flex; justify-content: space-between; margin-top: 21px; color: #d6dedb; font-size: 12px; }
.hq-floor-room-status b { color: var(--command-brass); font-size: 16px; font-weight: 400; }
.hq-floor-core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 76px;
  height: 76px;
  display: grid;
  place-content: center;
  gap: 2px;
  text-align: center;
  transform: translate(-50%, -50%);
  color: var(--command-brass);
  background: #0d1d25;
  border: 1px solid rgba(194,161,102,.58);
  border-radius: 50%;
  box-shadow: 0 0 0 9px rgba(12,25,33,.88), 0 0 0 10px rgba(170,184,184,.12);
}
.hq-floor-core span { font-family: var(--command-display); font-size: 24px; line-height: 1; }
.hq-floor-core small { color: #8fa1a2; font-family: var(--command-mono); font-size: 7px; letter-spacing: .09em; }
.hq-floor-legend { display: flex; gap: 22px; flex-wrap: wrap; padding-top: 17px; color: #8fa0a1; font-size: 10px; }
.hq-floor-legend span { display: inline-flex; align-items: center; gap: 7px; }
.hq-floor-legend i { width: 6px; height: 6px; border-radius: 50%; background: var(--command-brass); }
.hq-floor-legend i.available { background: #738487; }
.hq-floor-lower { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(265px, .55fr); gap: 15px; margin-top: 18px; }
.hq-floor-schedule { min-width: 0; }
.hq-floor-lower .section-title-row h2 { font-family: var(--command-display); font-size: 27px; font-weight: 400; }
.hq-floor-lower .section-title-row > span { font-size: 11px; }
.hq-floor-lower .meeting-card { border-radius: 13px; padding: 17px; }
.hq-floor-lower .meeting-card time { font-family: var(--command-mono); font-size: 12px; }
.hq-floor-lower .meeting-info > span { font-size: 10px; letter-spacing: .07em; }
.hq-floor-lower .meeting-info h2 { font-size: 15px; font-weight: 520; }
.hq-floor-lower .meeting-info p { font-size: 11px; }
.hq-floor-lower .meeting-tags span { padding: 5px 7px; font-size: 9px; }
.hq-floor-lower .agenda-pack h2 { font-family: var(--command-display); font-size: 29px; }
.hq-floor-lower .pack-step span,
.hq-floor-lower .pack-step p,
.hq-floor-lower .meeting-rule { font-size: 11px; }

/* Immersive council chamber */
.meeting-room.boardroom {
  z-index: 220;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 100dvh;
  overflow: hidden;
  color: #edf1ed;
  background: var(--command-ink);
}
.meeting-room.boardroom .section-kicker { color: #809395; font-family: var(--command-mono); font-size: 9px; }
.meeting-room.boardroom > .boardroom-header {
  min-height: 80px;
  display: grid;
  grid-template-columns: minmax(180px, .85fr) minmax(300px, 1.4fr) minmax(250px, .85fr);
  align-items: center;
  gap: 18px;
  padding: 12px 20px;
  color: #f3f2ed;
  background: rgba(12,25,33,.98);
  border-bottom: 1px solid rgba(170,184,184,.14);
}
.boardroom-brand { display: flex; align-items: center; gap: 9px; font-size: 12px; letter-spacing: .08em; }
.boardroom-brand .brand-mark { width: 34px; height: 34px; display: grid; place-items: center; color: var(--command-brass); font-family: var(--command-display); font-size: 20px; border: 1px solid rgba(194,161,102,.55); border-radius: 50%; }
.boardroom-brand > span:nth-child(2) { white-space: nowrap; }
.boardroom-brand b { color: var(--command-brass); font-weight: 500; }
.boardroom-brand em { padding-left: 9px; color: #839596; border-left: 1px solid rgba(170,184,184,.17); font-family: var(--command-mono); font-size: 9px; font-style: normal; }
.meeting-room.boardroom .boardroom-heading { text-align: center; }
.meeting-room.boardroom .boardroom-heading h1 { margin: 4px 0 3px; font-family: var(--command-display); font-size: clamp(19px, 2vw, 26px); font-weight: 400; letter-spacing: -.015em; }
.boardroom-heading p { margin: 0; color: #8fa1a2; font-size: 11px; }
.boardroom-simulation { display: inline-flex; align-items: center; gap: 7px; color: #c8ae7b; font-family: var(--command-mono); font-size: 9px; letter-spacing: .07em; }
.boardroom-simulation i { width: 6px; height: 6px; border-radius: 50%; background: var(--command-brass); box-shadow: 0 0 0 4px rgba(194,161,102,.09); }
.boardroom-presence { display: grid; grid-template-columns: 1fr auto auto; align-items: center; justify-content: end; gap: 10px; }
.boardroom-presence > span { justify-self: end; color: #91a2a3; font-size: 10px; }
.boardroom-presence > strong { min-width: 48px; color: #d7dcd8; font-family: var(--command-mono); font-size: 11px; font-weight: 400; }
.meeting-room.boardroom .room-close {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 11px;
  color: #dce1dd;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(170,184,184,.18);
  border-radius: 8px;
  font-size: 10px;
}
.meeting-room.boardroom .room-close b { color: var(--command-brass); font-size: 17px; font-weight: 400; }
.meeting-room.boardroom .room-close::after { content: none; }
.meeting-room.boardroom button { color: inherit; }
.meeting-room.boardroom button:focus-visible,
.meeting-room.boardroom input:focus-visible,
.meeting-room.boardroom select:focus-visible,
.meeting-room.boardroom textarea:focus-visible { outline-color: var(--command-brass); }
.boardroom-layout { min-height: 0; display: grid; grid-template-columns: minmax(210px, 240px) minmax(500px, 1fr) minmax(310px, 355px); overflow: hidden; }
.boardroom-agenda,
.boardroom-workspace { min-width: 0; min-height: 0; padding: 20px; background: #132831; overflow-y: auto; scrollbar-color: #3d5358 transparent; }
.boardroom-agenda { border-right: 1px solid rgba(170,184,184,.11); }
.boardroom-workspace { display: flex; flex-direction: column; border-left: 1px solid rgba(170,184,184,.11); }
.boardroom-panel-title { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 4px 10px; }
.boardroom-panel-title .section-kicker { grid-column: 1 / -1; }
.boardroom-panel-title h2 { margin: 3px 0 0; font-family: var(--command-display); font-size: 22px; font-weight: 400; }
.boardroom-panel-title small { color: #87999a; font-size: 10px; }
.boardroom-progress { height: 3px; margin: 14px 0 13px; overflow: hidden; background: rgba(170,184,184,.11); border-radius: 5px; }
.boardroom-progress i { display: block; height: 100%; background: var(--command-brass); border-radius: inherit; transition: width .25s ease; }
.boardroom-agenda-list { display: grid; gap: 5px; }
.boardroom-agenda-item {
  width: 100%;
  min-height: 56px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 9px 8px;
  text-align: left;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
}
.boardroom-agenda-item > span { color: #718486; font-family: var(--command-mono); font-size: 10px; }
.boardroom-agenda-item b,
.boardroom-agenda-item small { display: block; }
.boardroom-agenda-item b { overflow: hidden; color: #d9dfdc; font-size: 12px; font-weight: 450; text-overflow: ellipsis; }
.boardroom-agenda-item small { margin-top: 3px; color: #718486; font-size: 10px; }
.boardroom-agenda-item:hover { background: rgba(255,255,255,.035); }
.boardroom-agenda-item.active { background: rgba(194,161,102,.08); border-color: rgba(194,161,102,.27); }
.boardroom-agenda-item.active > span { color: var(--command-brass); }
.boardroom-agenda-item.done b { color: #859697; text-decoration: line-through; text-decoration-color: rgba(170,184,184,.28); }
.boardroom-agenda-item.done > span { color: var(--command-glass); }
.boardroom-security-note { margin-top: 24px; padding: 12px; color: #97a6a6; background: rgba(255,255,255,.025); border: 1px solid rgba(170,184,184,.11); border-radius: 9px; }
.boardroom-security-note b { color: #c5ac79; font-family: var(--command-mono); font-size: 9px; font-weight: 400; }
.boardroom-security-note p { margin: 7px 0 0; font-size: 10px; line-height: 1.55; }
.boardroom-stage {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 20px clamp(16px, 2.2vw, 34px) 16px;
  background:
    radial-gradient(ellipse at 50% 28%, rgba(54,95,99,.30), transparent 48%),
    linear-gradient(180deg, #10232c 0%, #0c1c24 100%);
}
.boardroom-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .14;
  background-image:
    linear-gradient(rgba(170,184,184,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(170,184,184,.08) 1px, transparent 1px);
  background-size: 36px 36px;
}
.council-table,
.boardroom-presentation,
.boardroom-end-summary,
.boardroom-controls { position: relative; z-index: 1; }
.council-table { flex: 0 0 auto; width: min(100%, 820px); height: clamp(230px, 29vh, 300px); margin: 0 auto; }
.council-table-surface {
  position: absolute;
  inset: 20% 18% 19%;
  overflow: hidden;
  display: grid;
  place-content: center;
  text-align: center;
  color: #d7ded9;
  background:
    radial-gradient(ellipse at 50% 38%, rgba(105,163,152,.16), transparent 54%),
    linear-gradient(145deg, #1b3b43, #102a33 72%);
  border: 1px solid rgba(170,184,184,.26);
  border-radius: 50%;
  box-shadow: inset 0 0 35px rgba(0,0,0,.25), 0 20px 45px rgba(0,0,0,.2);
}
.council-table-surface::before {
  content: "";
  position: absolute;
  inset: 11px;
  border: 1px solid rgba(170,184,184,.09);
  border-radius: inherit;
}
.council-table-surface::after {
  content: "";
  position: absolute;
  left: -45%;
  top: -30%;
  width: 35%;
  height: 170%;
  transform: rotate(18deg);
  background: linear-gradient(90deg, transparent, rgba(243,240,232,.06), transparent);
}
.council-table-surface > span { color: var(--command-brass); font-family: var(--command-mono); font-size: 8px; letter-spacing: .13em; }
.council-table-surface > b { margin: 7px 0 5px; font-family: var(--command-display); font-size: clamp(17px, 2vw, 25px); font-weight: 400; }
.council-table-surface > small { color: #819496; font-size: 9px; }
.council-seat {
  position: absolute;
  z-index: 2;
  width: 136px;
  min-height: 62px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  column-gap: 9px;
  align-items: center;
  padding: 8px;
  color: #dce1dd;
  background: rgba(20,45,53,.93);
  border: 1px solid rgba(170,184,184,.15);
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0,0,0,.14);
}
.council-seat > span { grid-row: 1 / 4; width: 40px; height: 40px; display: grid; place-items: center; color: #dce3df; background: #294c54; border: 1px solid rgba(170,184,184,.15); border-radius: 50%; font-family: var(--command-display); font-size: 16px; }
.council-seat b { align-self: end; overflow: hidden; font-size: 11px; font-weight: 500; line-height: 1.1; text-overflow: ellipsis; }
.council-seat small { overflow: hidden; color: #8fa1a2; font-size: 9px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.council-seat em { align-self: start; color: #6f8587; font-size: 8px; font-style: normal; line-height: 1; }
.council-seat.is-president { border-color: rgba(194,161,102,.55); box-shadow: 0 0 0 1px rgba(194,161,102,.08), 0 12px 28px rgba(0,0,0,.18); }
.council-seat.is-president > span { color: #f2e5c8; background: #5a4e37; border-color: rgba(194,161,102,.55); }
.council-seat.is-president em { color: var(--command-brass); }
.council-seat.is-speaking { border-color: rgba(105,163,152,.62); }
.council-seat.is-speaking > span { border-color: var(--command-glass); }
.seat-north { top: 0; left: 50%; transform: translateX(-50%); }
.seat-south { bottom: 0; left: 50%; transform: translateX(-50%); }
.seat-north-east { top: 20%; right: 0; }
.seat-south-east { right: 0; bottom: 17%; }
.seat-south-west { left: 0; bottom: 17%; }
.seat-north-west { top: 20%; left: 0; }
.boardroom-roster { position: relative; z-index: 2; width: min(86%, 760px); margin: -22px auto 28px; color: #c8d3d0; background: rgba(21,44,52,.94); border: 1px solid rgba(170,184,184,.18); border-radius: 11px; }
.boardroom-roster summary { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; color: #e2e7e3; cursor: pointer; font-size: 11px; list-style: none; }
.boardroom-roster summary::-webkit-details-marker { display: none; }
.boardroom-roster summary::after { content: "＋"; color: var(--command-brass); font-size: 16px; }
.boardroom-roster[open] summary::after { content: "−"; }
.boardroom-roster > div { max-height: 210px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; overflow-y: auto; padding: 0 12px 12px; }
.boardroom-roster > div span,
.boardroom-roster > div button { min-width: 0; padding: 8px; text-align: left; color: inherit; background: rgba(255,255,255,.035); border: 1px solid transparent; border-radius: 7px; }
.boardroom-roster > div button:hover,
.boardroom-roster > div button:focus-visible { background: rgba(105,163,152,.10); border-color: rgba(105,163,152,.36); }
.boardroom-roster > div b,.boardroom-roster > div small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.boardroom-roster > div b { color: #dbe2de; font-size: 10px; font-weight: 540; }
.boardroom-roster > div small { margin-top: 3px; color: #819496; font-size: 8px; }
.boardroom-roster > p { margin: 0; padding: 0 14px 13px; color: #819496; font-size: 9px; line-height: 1.45; }
.boardroom-roster + .boardroom-presentation,.boardroom-roster + .boardroom-end-summary { margin-top: 0; }
.boardroom-presentation,
.boardroom-end-summary {
  width: min(86%, 760px);
  margin: -26px auto 0;
  padding: clamp(17px, 2vw, 24px);
  color: #1b2d34;
  background: var(--command-limestone);
  border: 1px solid rgba(194,161,102,.34);
  border-radius: 13px;
  box-shadow: 0 18px 45px rgba(0,0,0,.23);
}
.boardroom-presentation-label { display: flex; justify-content: space-between; gap: 12px; color: #7b6b4e; font-family: var(--command-mono); font-size: 8px; letter-spacing: .05em; }
.boardroom-presentation-label em { color: #758286; font-style: normal; }
.boardroom-presentation h2,
.boardroom-end-summary h2 { max-width: 760px; margin: 11px 0 14px; font-family: var(--command-display); font-size: clamp(21px, 2.2vw, 31px); font-weight: 400; line-height: 1.08; letter-spacing: -.02em; }
.boardroom-presentation > p,
.boardroom-end-summary > p { margin: 15px 0 0; color: #57666a; font-size: 12px; line-height: 1.55; }
.boardroom-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid #ddd9cf; border-radius: 9px; }
.boardroom-kpis > div { min-width: 0; padding: 11px; background: rgba(255,255,255,.42); }
.boardroom-kpis b,
.boardroom-kpis small { display: block; }
.boardroom-kpis b { overflow: hidden; color: #20343a; font-family: var(--command-mono); font-size: 15px; font-weight: 400; text-overflow: ellipsis; }
.boardroom-kpis small { margin-top: 3px; color: #738084; font-size: 9px; }
.boardroom-next {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin-top: 17px;
  padding: 9px 12px;
  color: #f2efe6 !important;
  background: #24444d;
  border: 1px solid #24444d;
  border-radius: 8px;
  font-size: 11px;
}
.boardroom-next span { color: var(--command-brass); font-size: 16px; }
.meeting-live-chat {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  width: min(94%, 860px);
  margin: 18px auto 0;
  overflow: hidden;
  color: #dfe6e2;
  background: rgba(9,25,33,.94);
  border: 1px solid rgba(105,163,152,.28);
  border-radius: 14px;
  box-shadow: 0 18px 45px rgba(0,0,0,.24);
}
.boardroom-stage > .meeting-live-chat { order: 1; }
.boardroom-stage > .boardroom-presentation { order: 2; margin-top: 18px; }
.boardroom-stage > .boardroom-controls { order: 3; }
.meeting-live-chat > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border-bottom: 1px solid rgba(170,184,184,.12); }
.meeting-live-chat > header h2 { margin: 3px 0 0; font-family: var(--command-display); font-size: 22px; font-weight: 400; }
.meeting-live-state { display: inline-flex; align-items: center; gap: 7px; color: #9eafac; font-size: 9px; white-space: nowrap; }
.meeting-live-state i { width: 7px; height: 7px; background: #78b6a9; border-radius: 50%; box-shadow: 0 0 0 5px rgba(120,182,169,.09); }
.meeting-chat-stream { min-height: 112px; max-height: 260px; overflow-y: auto; display: grid; align-content: start; gap: 10px; padding: 14px 16px; scrollbar-color: #3d5358 transparent; }
.meeting-chat-empty { min-height: 82px; display: grid; place-content: center; text-align: center; color: #839597; }
.meeting-chat-empty b { color: #d6dfdb; font-size: 12px; font-weight: 500; }
.meeting-chat-empty p { margin: 5px 0 0; font-size: 10px; }
.meeting-chat-empty code { color: #d7bc86; background: rgba(194,161,102,.09); }
.meeting-chat-message { width: min(86%, 690px); display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 9px; }
.meeting-chat-message.is-president { justify-self: end; grid-template-columns: minmax(0,1fr) 32px; }
.meeting-chat-message.is-president .meeting-chat-avatar { grid-column: 2; background: #5b4f39; border-color: rgba(194,161,102,.45); }
.meeting-chat-message.is-president > div:last-child { grid-column: 1; grid-row: 1; background: #294a54; }
.meeting-chat-message.is-error > div:last-child { border-color: rgba(185,105,92,.42); }
.meeting-chat-avatar { width: 32px; height: 32px; display: grid; place-items: center; color: #e3e9e5; background: #31555c; border: 1px solid rgba(105,163,152,.38); border-radius: 9px; font-family: var(--command-display); font-size: 13px; }
.meeting-chat-message > div:last-child { min-width: 0; padding: 10px 12px; background: #162e37; border: 1px solid rgba(170,184,184,.12); border-radius: 5px 12px 12px 12px; }
.meeting-chat-message header { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.meeting-chat-message header b { color: #edf1ed; font-size: 10px; font-weight: 560; }
.meeting-chat-message header small { overflow: hidden; color: #72888a; font-family: var(--command-mono); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.meeting-chat-message p { margin: 6px 0 0; color: #c5d0cd; font-size: 12px; line-height: 1.52; overflow-wrap: anywhere; }
.meeting-chat-message.is-thinking { opacity: .74; }
.meeting-live-compose { display: grid; grid-template-columns: minmax(180px, 260px) minmax(0,1fr); gap: 8px 12px; padding: 13px 16px 15px; background: #10252d; border-top: 1px solid rgba(170,184,184,.12); }
.meeting-live-compose > label[for="meetingSpeaker"] { display: none; }
.meeting-live-compose > label:not(.sr-only) { grid-column: 1; color: #87999a; font-size: 9px; }
.meeting-live-compose select { grid-column: 1; grid-row: 2; min-width: 0; padding: 9px 10px; color: #dfe5e1; background: #0c1e25; border: 1px solid rgba(170,184,184,.18); border-radius: 8px; font-size: 11px; }
.meeting-speaker-picker { grid-column: 1; grid-row: 1 / 3; min-width: 0; align-self: start; }
.meeting-speaker-label { display: block; margin: 0 0 6px; color: #87999a; font-size: 9px; }
.meeting-speaker-trigger {
  width: 100%;
  min-height: 76px;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) 18px;
  align-items: center;
  gap: 9px;
  padding: 9px;
  text-align: left;
  color: #e2e8e4;
  background: #0c1e25;
  border: 1px solid rgba(105,163,152,.34);
  border-radius: 10px;
}
.meeting-speaker-trigger:hover,
.meeting-speaker-trigger[aria-expanded="true"] { background: #102a32; border-color: rgba(105,163,152,.62); }
.meeting-speaker-trigger > span:nth-child(2) { min-width: 0; }
.meeting-speaker-trigger b,
.meeting-speaker-trigger small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.meeting-speaker-trigger b { font-size: 11px; font-weight: 580; }
.meeting-speaker-trigger small { margin-top: 4px; color: #819597; font-size: 8px; }
.meeting-speaker-trigger i { color: #bfa873; font-size: 17px; font-style: normal; text-align: center; transition: transform .16s ease; }
.meeting-speaker-trigger[aria-expanded="true"] i { transform: rotate(180deg); }
.meeting-speaker-avatar { width: 34px; height: 34px; display: grid; place-items: center; color: #e5ebe6; background: #284c55; border: 1px solid rgba(105,163,152,.38); border-radius: 50%; font-family: var(--command-display); font-size: 15px; }
.meeting-speaker-menu { margin-top: 7px; padding: 9px; background: #10272f; border: 1px solid rgba(170,184,184,.18); border-radius: 11px; box-shadow: 0 18px 35px rgba(0,0,0,.28); }
.meeting-speaker-menu > label { display: block; margin-bottom: 5px; color: #84989a; font-size: 8px; }
.meeting-speaker-search { display: grid; grid-template-columns: 25px minmax(0,1fr); align-items: center; margin-bottom: 7px; color: #809395; background: #0a1d24; border: 1px solid rgba(170,184,184,.16); border-radius: 8px; }
.meeting-speaker-search > span { text-align: center; font-size: 15px; }
.meeting-speaker-search input { min-width: 0; min-height: 38px; padding: 7px 8px 7px 0; color: #e4e9e5; background: transparent; border: 0; outline: 0; font-size: 10px; }
.meeting-speaker-directory { max-height: 290px; overflow-y: auto; padding-right: 3px; scrollbar-color: #3d5358 transparent; }
.meeting-speaker-group { padding: 5px 0 7px; border-top: 1px solid rgba(170,184,184,.09); }
.meeting-speaker-group:first-child { padding-top: 0; border-top: 0; }
.meeting-speaker-group h3 { margin: 3px 4px 5px; color: #b8a16e; font-family: var(--command-mono); font-size: 7px; font-weight: 500; letter-spacing: .07em; text-transform: uppercase; }
.meeting-speaker-group button { width: 100%; min-height: 48px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 6px; text-align: left; color: #dce4df; background: transparent; border: 1px solid transparent; border-radius: 8px; }
.meeting-speaker-group button:hover,
.meeting-speaker-group button:focus-visible { background: rgba(105,163,152,.10); border-color: rgba(105,163,152,.28); }
.meeting-speaker-group button[aria-selected="true"] { background: rgba(194,161,102,.10); border-color: rgba(194,161,102,.30); }
.meeting-speaker-group button > span { width: 28px; height: 28px; display: grid; place-items: center; background: #284b54; border-radius: 50%; font-family: var(--command-display); font-size: 12px; }
.meeting-speaker-group button > div { min-width: 0; }
.meeting-speaker-group button b,
.meeting-speaker-group button small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.meeting-speaker-group button b { font-size: 10px; font-weight: 560; }
.meeting-speaker-group button small { margin-top: 2px; color: #809294; font-size: 7px; }
.meeting-speaker-group button em { color: #75898b; font-size: 7px; font-style: normal; }
.meeting-speaker-none { margin: 8px 2px 2px; color: #8fa0a0; font-size: 9px; }
.meeting-live-compose textarea { grid-column: 2; grid-row: 1 / 3; min-height: 76px; padding: 10px 12px; color: #e7ece8; background: #0c1e25; border: 1px solid rgba(105,163,152,.34); border-radius: 9px; resize: vertical; font-size: 12px; line-height: 1.45; }
.meeting-live-compose > .meeting-compose-actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.meeting-live-compose > .meeting-compose-actions small { color: #748789; font-size: 8px; }
.meeting-live-compose > .meeting-compose-actions button[type="submit"] { min-width: 110px; min-height: 42px; padding: 8px 13px; color: #14262c; background: #e7e2d7; border: 0; border-radius: 8px; font-size: 11px; font-weight: 620; }
.meeting-live-compose button:disabled { opacity: .58; }
.boardroom-controls { display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; margin-top: 12px; padding: 7px; }
.boardroom-controls button {
  min-height: 42px;
  padding: 8px 10px;
  color: #bdc9c7;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(170,184,184,.14);
  border-radius: 8px;
  font-size: 10px;
}
.boardroom-controls button:hover,
.boardroom-controls button[aria-pressed="true"] { color: #f1eee6; background: rgba(105,163,152,.13); border-color: rgba(105,163,152,.42); }
.boardroom-controls button:last-child { color: #e6d7b7; border-color: rgba(194,161,102,.27); }
.boardroom-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; margin-top: 14px; padding: 3px; background: rgba(255,255,255,.035); border-radius: 8px; }
.boardroom-tabs button { min-width: 0; min-height: 38px; padding: 6px 3px; color: #829596; background: transparent; border: 0; border-radius: 6px; font-size: 10px; }
.boardroom-tabs button span { display: inline-grid; min-width: 16px; height: 16px; place-items: center; margin-left: 2px; color: #718385; background: rgba(255,255,255,.06); border-radius: 50%; font-family: var(--command-mono); font-size: 7px; }
.boardroom-tabs button.active { color: #eeeae0; background: #24424a; }
.boardroom-tabs button.active span { color: #e5d6b8; }
.boardroom-tabpanel { flex: 1 1 150px; min-height: 120px; max-height: 36vh; overflow-y: auto; margin: 12px -4px 0 0; padding-right: 4px; }
.boardroom-entry { display: grid; grid-template-columns: 39px minmax(0, 1fr); gap: 8px; padding: 11px 0; border-top: 1px solid rgba(170,184,184,.1); }
.boardroom-entry:first-child { border-top: 0; }
.boardroom-entry time { color: #728688; font-family: var(--command-mono); font-size: 8px; }
.boardroom-entry b { color: #cbd4d1; font-size: 11px; font-weight: 500; }
.boardroom-entry p { margin: 4px 0 0; color: #9caaaa; font-size: 11px; line-height: 1.45; }
.boardroom-entry small { display: block; margin-top: 5px; color: #718486; font-size: 9px; }
.boardroom-entry--decision b { color: #d5bd8a; }
.boardroom-entry--action b { color: #86b1a7; }
.boardroom-entry-actions { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.boardroom-entry-actions button { min-height: 34px; padding: 6px 8px; color: #cbd4d1; background: rgba(255,255,255,.04); border: 1px solid rgba(170,184,184,.14); border-radius: 6px; font-size: 8px; }
.boardroom-empty { display: grid; min-height: 110px; place-items: center; padding: 18px; color: #7d9091; text-align: center; font-size: 10px; line-height: 1.5; border: 1px dashed rgba(170,184,184,.14); border-radius: 8px; }
.boardroom-capture { margin-top: 12px; padding-top: 13px; border-top: 1px solid rgba(170,184,184,.12); }
.boardroom-capture-head { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.boardroom-capture-head b { color: #ccd5d2; font-size: 11px; font-weight: 500; }
.boardroom-capture-head small { color: #718486; font-size: 9px; }
.boardroom-capture > label,
.boardroom-action-fields > label:not(.boardroom-task-check) { display: block; margin: 8px 0 4px; color: #87999a; font-size: 10px; }
.boardroom-capture select,
.boardroom-capture textarea,
.boardroom-capture input {
  width: 100%;
  min-height: 38px;
  padding: 8px;
  color: #e0e5e1;
  background: #0f222a;
  border: 1px solid rgba(170,184,184,.16);
  border-radius: 7px;
  font-size: 12px;
}
.boardroom-capture textarea { min-height: 72px; resize: vertical; line-height: 1.45; }
.boardroom-action-fields[hidden] { display: none; }
.boardroom-task-check { display: flex; align-items: center; gap: 7px; margin-top: 9px; color: #a7b4b3; font-size: 10px; }
.boardroom-task-check input { width: 16px; min-height: 16px; margin: 0; accent-color: var(--command-brass); }
.boardroom-capture > button {
  width: 100%;
  min-height: 40px;
  margin-top: 10px;
  color: #17282e;
  background: var(--command-limestone);
  border: 0;
  border-radius: 7px;
  font-size: 11px;
}
.boardroom-end-summary { margin-top: 3px; }
.boardroom-summary-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid #ddd9cf; border-radius: 9px; }
.boardroom-summary-grid div { padding: 13px; background: rgba(255,255,255,.45); }
.boardroom-summary-grid b,
.boardroom-summary-grid span { display: block; }
.boardroom-summary-grid b { font-family: var(--command-mono); font-size: 18px; font-weight: 400; }
.boardroom-summary-grid span { margin-top: 3px; color: #718084; font-size: 9px; }
.boardroom-summary-actions { display: flex; justify-content: flex-end; gap: 7px; margin-top: 17px; }
.boardroom-summary-actions button { min-height: 42px; padding: 8px 12px; color: #314248; background: transparent; border: 1px solid #cfd1ca; border-radius: 7px; font-size: 10px; }
.boardroom-summary-actions button:last-child { color: #f4f0e8; background: #25454e; border-color: #25454e; }
.toast { z-index: 320; }

@media (max-width: 1180px) {
  .boardroom-layout { grid-template-columns: 205px minmax(470px, 1fr); grid-template-rows: minmax(0, 1fr) minmax(280px, 42vh); }
  .boardroom-workspace { grid-column: 1 / -1; max-height: 42vh; display: grid; grid-template-columns: minmax(280px, .7fr) minmax(420px, 1.3fr); grid-template-rows: auto auto 1fr; gap: 0 20px; border-left: 0; border-top: 1px solid rgba(170,184,184,.11); }
  .boardroom-workspace > .boardroom-panel-title,
  .boardroom-workspace > .boardroom-tabs,
  .boardroom-workspace > .boardroom-tabpanel { grid-column: 1; }
  .boardroom-workspace > .boardroom-capture { grid-column: 2; grid-row: 1 / 4; margin-top: 0; padding-top: 0; border-top: 0; }
  .boardroom-workspace > .boardroom-readonly { grid-column: 2; grid-row: 1 / 4; margin-top: 0; }
  .boardroom-tabpanel { max-height: none; }
}

@media (max-width: 900px) {
  .hq-floor-header { align-items: flex-start; flex-direction: column; }
  .hq-floor-status { justify-content: flex-start; }
  .hq-floor-lower { grid-template-columns: 1fr; }
  .meeting-room.boardroom > .boardroom-header { grid-template-columns: auto minmax(260px, 1fr) auto; }
  .boardroom-brand > span:nth-child(2),
  .boardroom-brand em,
  .boardroom-presence > span { display: none; }
  .boardroom-layout { display: block; overflow-y: auto; }
  .boardroom-agenda,
  .boardroom-stage,
  .boardroom-workspace { overflow: visible; }
  .boardroom-agenda { position: sticky; top: 0; z-index: 20; padding: 14px 16px; border-right: 0; border-bottom: 1px solid rgba(170,184,184,.13); box-shadow: 0 10px 25px rgba(4,12,17,.18); }
  .boardroom-agenda .boardroom-panel-title,
  .boardroom-security-note { display: none; }
  .boardroom-progress { margin: 0 0 9px; }
  .boardroom-agenda-list { display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; }
  .boardroom-agenda-item { min-width: 188px; min-height: 48px; }
  .boardroom-stage { min-height: 650px; padding-bottom: 10px; }
  .council-table { height: 250px; }
  .boardroom-workspace { max-height: none; display: block; padding-bottom: calc(28px + env(safe-area-inset-bottom)); }
  .boardroom-workspace > .boardroom-readonly { margin-top: 14px; }
  .boardroom-tabpanel { max-height: 340px; }
  .boardroom-capture { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(170,184,184,.12); }
}

@media (max-width: 760px) {
  .hq-floor-lobby { margin-inline: -2px; padding: 20px 14px; border-radius: 17px; }
  .hq-floor-header { gap: 15px; padding-bottom: 19px; }
  .hq-floor-header h2 { font-size: 32px; }
  .hq-floor-header p { font-size: 12px; }
  .hq-floor-status span { min-height: 34px; font-size: 10px; }
  .hq-floor-map { grid-template-columns: 1fr; min-height: 0; padding: 8px; }
  .hq-floor-room { min-height: 145px; padding: 19px; }
  .hq-floor-room-code { left: 18px; top: 17px; }
  .hq-floor-room-light { right: 18px; top: 18px; }
  .hq-floor-room-name { font-size: 23px; }
  .hq-floor-room-status { margin-top: 15px; }
  .hq-floor-core { display: none; }
  .hq-floor-legend { gap: 12px; }
  .hq-floor-lower .meeting-card { grid-template-columns: 45px 1px minmax(0, 1fr); gap: 10px; padding: 14px; }
  .hq-floor-lower .meeting-card > button { grid-column: 3; justify-self: start; min-height: 42px; }
  .hq-floor-lower .meeting-info p { line-height: 1.45; }
  .hq-floor-lower .meeting-tags { overflow-x: auto; }
  .hq-floor-lower .meeting-tags span { flex: 0 0 auto; }

  .meeting-room.boardroom > .boardroom-header { min-height: 72px; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 10px 12px; }
  .boardroom-brand { display: none; }
  .meeting-room.boardroom .boardroom-heading { text-align: left; }
  .meeting-room.boardroom .boardroom-heading h1 { overflow: hidden; max-width: 58vw; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
  .boardroom-heading p { overflow: hidden; max-width: 60vw; text-overflow: ellipsis; white-space: nowrap; }
  .boardroom-simulation { font-size: 7px; }
  .boardroom-presence { grid-template-columns: auto auto; }
  .boardroom-presence > strong { font-size: 10px; }
  .meeting-room.boardroom .room-close { width: 42px; min-height: 42px; justify-content: center; padding: 0; font-size: 0; }
  .meeting-room.boardroom .room-close b { font-size: 20px; }
  .boardroom-agenda { padding: 10px 11px; }
  .boardroom-agenda-item { min-width: 166px; min-height: 46px; }
  .boardroom-stage { min-height: 600px; padding: 15px 8px 9px; }
  .council-table { height: 300px; }
  .council-seat { width: 108px; min-height: 56px; grid-template-columns: 32px minmax(0, 1fr); column-gap: 7px; padding: 6px; }
  .council-seat > span { width: 32px; height: 32px; font-size: 14px; }
  .council-seat b { font-size: 10px; }
  .council-seat small { font-size: 7px; }
  .council-seat em { font-size: 6px; }
  .council-table-surface { inset: 23% 19% 21%; }
  .council-table-surface > b { font-size: 17px; }
  .council-table-surface > small { max-width: 180px; margin: auto; font-size: 8px; }
  .seat-north-east { top: 20%; right: 1px; }
  .seat-south-east { right: 1px; bottom: 16%; }
  .seat-south-west { left: 1px; bottom: 16%; }
  .seat-north-west { top: 20%; left: 1px; }
  .boardroom-presentation,
  .boardroom-end-summary { width: calc(100% - 16px); margin-top: -17px; padding: 16px; }
  .boardroom-roster { width: calc(100% - 16px); margin-top: -12px; }
  .boardroom-roster > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .boardroom-presentation h2,
  .boardroom-end-summary h2 { font-size: 23px; }
  .boardroom-presentation > p,
  .boardroom-end-summary > p { font-size: 11px; }
  .boardroom-kpis b { font-size: 13px; }
  .boardroom-controls { position: sticky; bottom: 0; z-index: 15; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; margin-top: 9px; padding: 8px calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left)); background: rgba(12,25,33,.94); backdrop-filter: blur(14px); }
  .boardroom-controls button { flex: 0 0 auto; min-height: 44px; font-size: 10px; }
  .boardroom-workspace { padding: 18px 14px calc(28px + env(safe-area-inset-bottom)); }
  .boardroom-tabs button { min-height: 44px; font-size: 10px; }
  .boardroom-tabpanel { max-height: 380px; }
  .boardroom-capture select,
  .boardroom-capture textarea,
  .boardroom-capture input,
  .boardroom-capture > button { min-height: 44px; font-size: 12px; }
  .boardroom-entry p { font-size: 11px; }
}

@media (max-width: 480px) {
  .hq-floor-lower .section-title-row { align-items: flex-start; }
  .hq-floor-lower .section-title-row > span { display: none; }
  .council-table { height: 282px; }
  .council-seat { width: 92px; }
  .council-seat small { max-width: 50px; }
  .council-seat em { display: none; }
  .council-table-surface { inset: 25% 21% 22%; }
  .council-table-surface > b { font-size: 15px; }
  .council-table-surface > small { display: none; }
  .boardroom-presentation-label { align-items: flex-start; flex-direction: column; gap: 4px; }
  .boardroom-kpis,
  .boardroom-summary-grid { grid-template-columns: 1fr; }
  .boardroom-kpis > div,
  .boardroom-summary-grid div { display: flex; align-items: baseline; justify-content: space-between; gap: 9px; padding: 8px 10px; }
  .boardroom-kpis small,
  .boardroom-summary-grid span { margin-top: 0; }
  .boardroom-summary-actions { flex-direction: column-reverse; }
  .boardroom-summary-actions button { width: 100%; min-height: 44px; }
}

@media (prefers-reduced-motion: no-preference) {
  .council-table-surface::after { animation: councilLightSweep 8s ease-in-out infinite; }
  .council-seat.is-speaking > span { animation: councilSpeaker 2.8s ease-in-out infinite; }
}
@keyframes councilLightSweep {
  0%, 38% { transform: translateX(-30%) rotate(18deg); opacity: 0; }
  55% { opacity: 1; }
  78%, 100% { transform: translateX(520%) rotate(18deg); opacity: 0; }
}
@keyframes councilSpeaker {
  50% { box-shadow: 0 0 0 5px rgba(105,163,152,.13); }
}

/* Final interaction and readability polish */
.modal-backdrop { z-index: 260; }
.hq-floor-core { pointer-events: none; }
.hq-floor-room-light { background: var(--command-glass); box-shadow: 0 0 0 5px rgba(105,163,152,.09); }
.hq-floor-room.is-next .hq-floor-room-light { background: var(--command-brass); box-shadow: 0 0 0 5px rgba(194,161,102,.09); }
.hq-floor-room:not(.is-next) .hq-floor-room-status b { color: #aab8b8; }
.boardroom-agenda-item > span,
.boardroom-agenda-item small,
.boardroom-panel-title small,
.boardroom-entry time,
.boardroom-entry small,
.boardroom-capture-head small,
.boardroom-capture > label,
.boardroom-action-fields > label:not(.boardroom-task-check) { color: #9aa9aa; }
.boardroom-entry time { font-size: 10px; }
.boardroom-tabs button span { font-size: 9px; }
.boardroom-presentation-label { font-size: 10px; }
.boardroom-kpis small,
.boardroom-summary-grid span { font-size: 10px; }
.boardroom-entry-actions button { font-size: 10px; }
.boardroom-kpis small,
.boardroom-summary-grid span { color: #5f6d70; }
.meeting-room.boardroom .room-close,
.boardroom-next,
.boardroom-controls button,
.boardroom-tabs button,
.boardroom-capture select,
.boardroom-capture input,
.boardroom-capture > button,
.boardroom-entry-actions button,
.boardroom-summary-actions button { min-height: 44px; }
.meeting-planner-backdrop :is(button, input, select) { min-height: 44px; }
.meeting-planner-backdrop .close { min-width: 44px; }
.council-seat em { color: #9aa9aa; }
.boardroom-readonly {
  margin-top: 14px;
  padding: 14px;
  color: #a9b6b4;
  background: rgba(194,161,102,.06);
  border: 1px solid rgba(194,161,102,.18);
  border-radius: 9px;
}
.boardroom-readonly b { color: #d9c69d; font-size: 11px; font-weight: 500; }
.boardroom-readonly p { margin: 6px 0 0; font-size: 10px; line-height: 1.55; }
.boardroom-confirm-backdrop {
  position: fixed;
  inset: 0;
  z-index: 290;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(4,12,17,.72);
  backdrop-filter: blur(10px);
}
.boardroom-confirm {
  width: min(100%, 480px);
  padding: 24px;
  color: #1c2e35;
  background: var(--command-limestone);
  border: 1px solid rgba(194,161,102,.42);
  border-radius: 14px;
  box-shadow: 0 28px 80px rgba(0,0,0,.38);
}
.boardroom-confirm h2 { margin: 7px 0 9px; font-family: var(--command-display); font-size: 27px; font-weight: 400; letter-spacing: -.02em; }
.boardroom-confirm p { margin: 0; color: #56666a; font-size: 12px; line-height: 1.6; }
.boardroom-confirm > div { display: flex; justify-content: flex-end; gap: 7px; margin-top: 20px; }
.boardroom-confirm button { min-height: 44px; padding: 9px 12px; color: #394a4f; background: transparent; border: 1px solid #c9ccc6; border-radius: 8px; font-size: 11px; }
.boardroom-confirm button:last-child { color: #f2eee6; background: #24444d; border-color: #24444d; }
#main[data-page="Meetings"] > .page-head { margin-bottom: 16px; }
#main[data-page="Meetings"] > .page-head h1 { font-family: "Avenir Next", Avenir, Inter, system-ui, sans-serif; font-size: 22px; font-weight: 500; letter-spacing: -.015em; }
#main[data-page="Meetings"] > .page-head p:not(.eyebrow) { max-width: 660px; font-size: 12px; }

@media (max-width: 760px) {
  .hq-floor-map {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .hq-floor-room { flex: 0 0 76vw; scroll-snap-align: start; }
  .hq-floor-legend::before { content: "Veeg door de 4 ruimtes →"; flex: 0 0 100%; color: #c7d0cd; font-size: 10px; }
  .boardroom-layout { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
  .boardroom-controls {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 250;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3px;
    overflow: hidden;
    margin: 0;
    border-top: 1px solid rgba(170,184,184,.13);
  }
  .boardroom-controls button { min-width: 0; padding-inline: 3px; font-size: 9px; white-space: nowrap; }
  .boardroom-workspace { padding-bottom: calc(104px + env(safe-area-inset-bottom)); }
  .meeting-live-chat { width: 100%; }
  .boardroom-stage > .meeting-live-chat { margin-top: 6px; }
  .meeting-live-compose { grid-template-columns: 1fr; }
  .meeting-live-compose > label:not(.sr-only),
  .meeting-live-compose select,
  .meeting-speaker-picker,
  .meeting-live-compose textarea,
  .meeting-live-compose > .meeting-compose-actions { grid-column: 1; grid-row: auto; }
  .meeting-speaker-menu { max-height: min(46dvh, 330px); overflow: hidden; }
  .meeting-speaker-directory { max-height: min(32dvh, 210px); overscroll-behavior: contain; }
  .meeting-live-compose > .meeting-compose-actions { align-items: stretch; flex-direction: column; }
  .meeting-live-compose > .meeting-compose-actions button[type="submit"] { width: 100%; min-height: 46px; }
  .meeting-chat-message { width: 94%; }
  .boardroom-simulation { font-size: 9px; }
  .boardroom-entry-actions button { min-height: 44px; font-size: 10px; }
}

@media (max-width: 480px) {
  .council-seat {
    width: 64px;
    min-height: 62px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px;
    background: transparent;
    border-color: transparent;
    box-shadow: none;
  }
  .council-seat > span { flex: 0 0 auto; width: 40px; height: 40px; font-size: 15px; }
  .council-seat b { max-width: 64px; color: #cdd5d2; font-size: 9px; text-align: center; white-space: nowrap; }
  .council-seat small,
  .council-seat em { display: none; }
  .council-seat.is-president { border-color: transparent; box-shadow: none; }
  .council-table-surface { inset-inline: 17%; }
  .boardroom-confirm { padding: 20px; }
  .boardroom-confirm > div { flex-direction: column-reverse; }
  .boardroom-confirm button { width: 100%; }
}

/* Responsive command polish — calm density, clear touch, no hidden data. */
:root { --muted: #5f6d68; }

.page-head .eyebrow {
  color: #5d7079;
  font-size: 10px;
}

#main[data-page="Vandaag"] .section-kicker {
  color: #566a74;
  font-size: 10px;
}
#main[data-page="Vandaag"] .pulse-card small {
  color: #566872;
  font-size: 10px;
}
#main[data-page="Vandaag"] .pulse-card p,
#main[data-page="Vandaag"] .department-line small { font-size: 10px; }
#main[data-page="Vandaag"] .work-log time {
  color: #596c75;
  font-size: 10px;
}
#main[data-page="Vandaag"] .work-log p { font-size: 11px; }

#main[data-page="Agenda"] .day small,
#main[data-page="Shopify"] .bar-wrap small { font-size: 11px; }
#main:is(
  [data-page="Agenda"],
  [data-page="Leads & CRM"],
  [data-page="Shopify"],
  [data-page="Finance"]
) :is(.metric-label, .metric-note, th) {
  color: var(--muted);
  font-size: 11px;
}
#main[data-page="Agenda"] :is(.schedule-row time, .event p, .planner-item > span, .planner-item small),
#main[data-page="Leads & CRM"] .lead-card p,
#main[data-page="Shopify"] :is(.bar-wrap small, .shop-stat span) { color: var(--muted); }

.boardroom-presentation-label { font-size: 11px; }
.boardroom-presentation-label em { color: #56676b; }
.boardroom-kpis small,
.boardroom-summary-grid span { font-size: 11px; }

/* The CRM keeps its board character while making off-screen lanes explicit. */
.pipeline {
  scroll-padding-inline: 2px;
  scroll-snap-type: x proximity;
  overscroll-behavior-inline: contain;
}
.pipeline > .lane { scroll-snap-align: start; }
.pipeline-scroll-hint {
  display: none;
  align-items: center;
  gap: 7px;
  margin: -5px 2px 10px;
  color: #5d7079;
  font-size: 11px;
}
.pipeline-scroll-hint:empty::before { content: "Veeg door de CRM-fases →"; }

/* Optional mobile-card table contract: add .responsive-table and td[data-label]. */
@media (max-width: 620px) {
  :where(.table-wrap.responsive-table, .table-wrap:has(> table.responsive-table)) {
    overflow: visible;
    background: transparent;
    border: 0;
    border-radius: 0;
  }
  :where(table.responsive-table, .table-wrap.responsive-table > table) {
    width: 100%;
    min-width: 0;
    display: block;
  }
  :where(table.responsive-table, .table-wrap.responsive-table > table) thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  :where(table.responsive-table, .table-wrap.responsive-table > table) tbody {
    display: grid;
    gap: 10px;
  }
  :where(table.responsive-table, .table-wrap.responsive-table > table) tr {
    display: grid;
    overflow: hidden;
    background: var(--hq-surface);
    border: 1px solid var(--hq-line);
    border-radius: 12px;
    box-shadow: 0 6px 22px rgba(39, 58, 70, .035);
  }
  :where(table.responsive-table, .table-wrap.responsive-table > table) td {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(102px, .8fr) minmax(0, 1.2fr);
    align-items: center;
    gap: 12px;
    padding: 11px 13px;
    border-bottom: 1px solid #e8edef;
    overflow-wrap: anywhere;
  }
  :where(table.responsive-table, .table-wrap.responsive-table > table) td::before {
    content: attr(data-label);
    color: #61727a;
    font-size: 10px;
    font-weight: 560;
    letter-spacing: .055em;
    text-transform: uppercase;
  }
  :where(table.responsive-table, .table-wrap.responsive-table > table) td:last-child { border-bottom: 0; }
  :where(table.responsive-table, .table-wrap.responsive-table > table) td > :is(.tag, .status, button) { justify-self: start; }
}

/* Drawer hook for the main script: the scrim is inert until body.sidebar-open. */
.sidebar-scrim {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 80;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: rgba(17, 36, 47, .42);
  backdrop-filter: blur(3px);
  transition: opacity .2s ease, visibility .2s ease;
}

@media (max-width: 1050px), (pointer: coarse) {
  .topbar :is(.menu-button, .icon-button, .saloua-button, .quick),
  .company-switch button,
  #main :is(.primary, .filter, .text-button),
  .pulse-card button,
  .close,
  .hq-floor-lower .meeting-card > button,
  .meeting-room.boardroom .room-close {
    min-height: 44px;
  }
  .topbar :is(.menu-button, .icon-button),
  .pulse-card button,
  .close,
  .meeting-room.boardroom .room-close { min-width: 44px; }
  #main .text-button,
  .pulse-card button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* Daily operations — functional, local-first management surfaces. */
.operation-banner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin: -6px 0 16px;
  padding: 13px 15px;
  color: #304751;
  background: #f8f4ea;
  border: 1px solid #e6d9bd;
  border-radius: 11px;
}
.operation-banner > span {
  color: #735f3d;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: .11em;
  white-space: nowrap;
}
.operation-banner b,
.operation-banner p { display: block; }
.operation-banner b { font-size: 12px; font-weight: 600; }
.operation-banner p { margin: 3px 0 0; color: #65747a; font-size: 11px; line-height: 1.45; }

.filter-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #65747b;
  font-size: 10px;
}
.filter-label .filter { min-width: 112px; }
.row-actions { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.filter.compact { padding: 7px 9px; }
tr.is-unread td:first-child { box-shadow: inset 3px 0 #b8874f; }

.task-engine-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin: -5px 0 14px;
  background: #dce5e8;
  border: 1px solid #dce5e8;
  border-radius: 12px;
}
.task-engine-strip > div { padding: 14px 16px; background: #fff; }
.task-engine-strip span { display: block; color: #718086; font-size: 8px; letter-spacing: .1em; }
.task-engine-strip b { display: block; margin-top: 5px; color: #29434e; font-family: Georgia, serif; font-size: 24px; font-weight: 400; }
.task-title-line { display: flex; align-items: center; gap: 8px; }
.task-priority { display: inline-grid; flex: 0 0 auto; min-width: 28px; min-height: 23px; place-items: center; color: #40535b; font-size: 8px; font-weight: 700; background: #edf2f4; border-radius: 6px; }
.task-priority.p1 { color: #8f3d31; background: #fae7e2; }
.task-priority.p2 { color: #785b2f; background: #f6edd9; }
.task-row td > small { display: block; margin-top: 5px; color: #78868c; font-size: 9px; line-height: 1.4; }
.task-detail-ribbon { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; margin: 16px 0 8px; padding: 10px 12px; color: #34515b; background: #edf4f5; border-radius: 9px; }
.task-detail-ribbon span { padding: 4px 7px; color: #795c31; font-size: 8px; font-weight: 700; letter-spacing: .07em; background: #f3e9d3; border-radius: 5px; }
.task-detail-ribbon b { font-size: 11px; font-weight: 650; }
.task-detail-ribbon small { color: #6d7c82; font-size: 9px; }
.task-definition { margin: 10px 0; padding: 13px 15px; background: #f7fafb; border: 1px solid #dfe7ea; border-radius: 9px; }
.task-definition.next { background: #f4f7ee; border-color: #dce5cd; }
.task-definition span { color: #6d7d83; font-size: 8px; font-weight: 700; letter-spacing: .1em; }
.task-definition p,
.task-blocked p { margin: 6px 0 0; color: #40545d; font-size: 11px; line-height: 1.55; }
.task-blocked { margin: 10px 0; padding: 13px 15px; color: #893d32; background: #fff4f1; border: 1px solid #edc8c0; border-radius: 9px; }
.task-blocked b { font-size: 10px; }
.task-proof { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e0e7ea; }
.task-proof > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.task-proof > div b { color: #51636b; font-size: 10px; }
.task-proof ul { display: grid; gap: 6px; margin: 10px 0; padding: 0; list-style: none; }
.task-proof li { padding: 9px 11px; background: #f8fafb; border: 1px solid #e3e9ec; border-radius: 8px; }
.task-proof li b,
.task-proof li small { display: block; }
.task-proof li b { color: #344b55; font-size: 10px; font-weight: 600; }
.task-proof li small { margin-top: 3px; color: #7b898e; font-size: 8px; }
.task-proof li.empty-proof { color: #7b898e; font-size: 10px; text-align: center; }
#taskEvidenceForm { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 8px; }
#taskEvidenceForm label { display: grid; gap: 5px; color: #596b73; font-size: 9px; }
#taskEvidenceForm input { width: 100%; min-height: 39px; padding: 9px 10px; border: 1px solid #d7e1e5; border-radius: 8px; }

.integration-command {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 150px)) minmax(260px, 1fr);
  gap: 1px;
  overflow: hidden;
  margin-bottom: 15px;
  color: #e9f1f2;
  background: #294e58;
  border: 1px solid #294e58;
  border-radius: 13px;
}
.integration-command > div { padding: 17px; background: #315a64; }
.integration-command > div span { display: block; color: #b9cacc; font-size: 8px; letter-spacing: .1em; }
.integration-command > div b { display: block; margin: 5px 0 3px; font-family: Georgia, serif; font-size: 25px; font-weight: 400; }
.integration-command > div small { color: #b9cacc; font-size: 8px; line-height: 1.4; }
.integration-command aside { display: flex; justify-content: center; flex-direction: column; padding: 17px 20px; background: #294e58; }
.integration-command aside b { font-size: 11px; }
.integration-command aside p { margin: 4px 0 0; color: #c6d5d6; font-size: 9px; line-height: 1.5; }
.integration-grid-v4 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.integration-card-v4 { display: flex; min-width: 0; min-height: 260px; flex-direction: column; padding: 16px; background: #fff; border: 1px solid #dde6e9; border-radius: 12px; box-shadow: 0 7px 22px rgba(34, 59, 70, .04); }
.integration-card-v4 header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.integration-card-v4 header span { color: #78878d; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.integration-card-v4 h2 { margin: 4px 0 0; color: #293f49; font-family: Georgia, serif; font-size: 19px; font-weight: 400; }
.integration-card-v4 header i { flex: 0 0 auto; padding: 5px 7px; font-size: 8px; font-style: normal; border-radius: 6px; }
.integration-card-v4 header i.ready { color: #2f705b; background: #e3f1eb; }
.integration-card-v4 header i.pending,
.integration-card-v4 header i.checking { color: #7c633a; background: #f4ead5; }
.integration-card-v4 header i.planned { color: #526b7f; background: #e8eff4; }
.integration-card-v4 header i.blocked { color: #934438; background: #fae9e5; }
.integration-card-v4 > p { min-height: 42px; margin: 14px 0; color: #5b6b72; font-size: 10px; line-height: 1.55; }
.integration-card-v4 dl { display: grid; gap: 7px; margin: 0; }
.integration-card-v4 dl div { display: grid; grid-template-columns: 75px minmax(0, 1fr); gap: 8px; }
.integration-card-v4 dt { color: #7b898e; font-size: 8px; }
.integration-card-v4 dd { margin: 0; overflow-wrap: anywhere; color: #42565f; font-size: 9px; line-height: 1.4; }
.integration-card-v4 footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 14px; border-top: 1px solid #e5eaed; }
.integration-card-v4 footer small { max-width: 150px; color: #77868c; font-size: 8px; line-height: 1.4; }
.integration-card-v4 footer .text-button { flex: 0 0 auto; font-size: 9px; }
.integration-card-actions-v9 { display: flex; flex: 0 0 auto; flex-direction: column; align-items: flex-end; gap: 6px; }
.integration-test-button-v9 { padding: 8px 10px; color: #fff; background: #285f70; border: 0; border-radius: 8px; font: inherit; font-size: 9px; font-weight: 800; cursor: pointer; }
.integration-test-button-v9:hover { background: #204d5b; }
.integration-test-button-v9:disabled { cursor: wait; opacity: .6; }
.integration-boundary { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; align-items: center; margin-top: 14px; padding: 15px 17px; color: #824137; background: #fff6f3; border: 1px solid #edc8c0; border-radius: 11px; }
.integration-boundary > span { display: grid; width: 36px; height: 36px; place-items: center; color: #fff; background: #a65346; border-radius: 50%; }
.integration-boundary b { font-size: 11px; }
.integration-boundary p { margin: 4px 0 0; color: #765d58; font-size: 9px; line-height: 1.5; }
.integration-gate ol { margin: 0; padding-left: 19px; color: #596a72; font-size: 11px; line-height: 1.8; }
.continuity-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 15px 24px; align-items: center; margin-top: 15px; padding: 20px; background: #fff; border: 1px solid #dce5e8; border-radius: 13px; box-shadow: 0 8px 25px rgba(33, 59, 69, .04); }
.continuity-card h2 { margin: 5px 0 7px; color: #293f49; font-family: Georgia, serif; font-size: 23px; font-weight: 400; }
.continuity-card p { max-width: 720px; margin: 0; color: #5d6d74; font-size: 10px; line-height: 1.6; }
.continuity-status { display: flex; align-items: center; gap: 8px; min-width: 225px; padding: 10px 12px; color: #51656d; font-size: 9px; background: #f3f7f8; border-radius: 8px; }
.continuity-status i { width: 7px; height: 7px; flex: 0 0 auto; background: #4f8d78; border-radius: 50%; box-shadow: 0 0 0 4px #e2efea; }
.continuity-actions { display: flex; grid-column: 2; gap: 8px; justify-content: flex-end; }
.continuity-card footer { grid-column: 1 / -1; padding-top: 12px; color: #7a878c; font-size: 8px; border-top: 1px solid #e6ebed; }
.restore-summary { margin: 17px 0; padding: 18px; background: #f4f7f8; border: 1px solid #dde6e9; border-radius: 10px; }
.restore-summary span,
.restore-summary b { display: block; }
.restore-summary span { color: #7b898e; font-size: 8px; letter-spacing: .1em; }
.restore-summary b { margin-top: 6px; color: #2e4650; font-family: Georgia, serif; font-size: 20px; font-weight: 400; }
.restore-summary p { margin: 10px 0 0; color: #5c6c73; font-size: 10px; line-height: 1.55; }
.launch-command-v4 { display: grid; grid-template-columns: repeat(3, minmax(0, 145px)) minmax(270px, 1fr); gap: 1px; overflow: hidden; margin-bottom: 13px; color: #edf3f2; background: #284c55; border: 1px solid #284c55; border-radius: 13px; }
.launch-command-v4 > div { padding: 16px; background: #315962; }
.launch-command-v4 span { display: block; color: #b8c9c9; font-size: 8px; letter-spacing: .1em; }
.launch-command-v4 > div b { display: block; margin: 5px 0 3px; font-family: Georgia, serif; font-size: 26px; font-weight: 400; }
.launch-command-v4 small { color: #bdcdcd; font-size: 8px; }
.launch-command-v4 aside { display: flex; justify-content: center; flex-direction: column; padding: 16px 20px; background: #284c55; }
.launch-command-v4 aside > span { color: #d2b57d; }
.launch-command-v4 aside b { margin: 5px 0 2px; font-family: Georgia, serif; font-size: 19px; font-weight: 400; }
.launch-command-v4 aside p { margin: 0; color: #bdcccc; font-size: 9px; line-height: 1.5; }
.launch-track-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.launch-track { overflow: hidden; background: #fff; border: 1px solid #dce5e8; border-radius: 13px; box-shadow: 0 8px 24px rgba(35,59,69,.04); }
.launch-track > header { display: grid; grid-template-columns: minmax(0, 1fr) 54px; gap: 14px; align-items: start; min-height: 142px; padding: 18px 17px 13px; }
.launch-track > header span { color: #76868c; font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.launch-track > header h2 { margin: 7px 0 6px; color: #293f49; font-family: Georgia, serif; font-size: 19px; font-weight: 400; line-height: 1.15; }
.launch-track > header p { margin: 0; color: #66767d; font-size: 9px; line-height: 1.45; }
.launch-ring { display: grid; width: 52px; height: 52px; place-items: center; background: conic-gradient(#4c8774 calc(var(--launch) * 1%), #e5ecee 0); border-radius: 50%; }
.launch-ring::before { width: 40px; height: 40px; content: ''; grid-area: 1 / 1; background: white; border-radius: 50%; }
.launch-ring b { z-index: 1; grid-area: 1 / 1; color: #3d5963; font-size: 9px; }
.launch-progress { height: 3px; background: #e8edef; }
.launch-progress i { display: block; height: 100%; background: #4c8774; }
.launch-checklist { display: grid; padding: 8px; }
.launch-check { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; align-items: center; width: 100%; min-height: 51px; padding: 8px; color: #354c56; text-align: left; background: transparent; border: 0; border-bottom: 1px solid #e7ecee; border-radius: 7px; }
.launch-check:last-child { border-bottom: 0; }
.launch-check:hover { background: #f4f8f8; }
.launch-check > span { display: grid; width: 24px; height: 24px; place-items: center; color: #789097; background: #edf2f3; border-radius: 50%; }
.launch-check b,
.launch-check small { display: block; }
.launch-check b { font-size: 9px; font-weight: 600; line-height: 1.35; }
.launch-check small { margin-top: 3px; color: #7b898e; font-size: 8px; }
.launch-check.done { color: #527066; }
.launch-check.done > span { color: white; background: #4f8a77; }
.launch-check.done b { text-decoration: line-through; text-decoration-color: #9db1aa; }
.launch-handoff { display: grid; grid-template-columns: minmax(180px, .55fr) minmax(0, 1.45fr) auto; gap: 18px; align-items: center; margin-top: 13px; padding: 16px 18px; background: #f7f3e9; border: 1px solid #e4d7bb; border-radius: 11px; }
.launch-handoff span { color: #7b6238; font-size: 8px; letter-spacing: .1em; }
.launch-handoff h2 { margin: 4px 0 0; color: #364a51; font-family: Georgia, serif; font-size: 18px; font-weight: 400; }
.launch-handoff p { margin: 0; color: #65747a; font-size: 9px; line-height: 1.55; }

.lead-card-button,
.content-card-button {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.lead-card-button { display: block; }
.lead-card-button:hover,
.content-card-button:hover { border-color: #a9bec8; box-shadow: 0 9px 25px rgba(35,62,76,.08); }
.lead-card-button:focus-visible,
.content-card-button:focus-visible { outline: 3px solid #8eb9cc; outline-offset: 2px; }
.lane-empty { padding: 24px 8px; color: #718087; font-size: 11px; text-align: center; }
.content-card-button { padding: 0; overflow: hidden; background: white; }
.content-card-button .content-body small { display: block; margin-top: 10px; color: #64747b; font-size: 10px; line-height: 1.45; }

body.modal-open { overflow: hidden; }
.managed-backdrop { z-index: 270; }
.managed-modal { max-height: min(90dvh, 820px); overflow-y: auto; }
.managed-modal .modal-head h2 { margin: 5px 0 0; }
.detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin: 18px 0;
  background: #dce4e8;
  border: 1px solid #dce4e8;
  border-radius: 10px;
}
.detail-grid > div { min-width: 0; padding: 14px; background: #f9fbfc; }
.detail-grid small,
.detail-grid b { display: block; }
.detail-grid small { color: #68777e; font-size: 9px; letter-spacing: .07em; text-transform: uppercase; }
.detail-grid b { margin-top: 5px; overflow-wrap: anywhere; color: #263c47; font-size: 12px; font-weight: 600; }
.detail-note { margin: 15px 0; color: #52636b; font-size: 12px; line-height: 1.65; }
.detail-textarea { display: grid; gap: 7px; color: #40545e; font-size: 11px; font-weight: 600; }
.detail-textarea textarea { width: 100%; padding: 12px; color: var(--hq-ink); border: 1px solid #d5e0e5; border-radius: 9px; resize: vertical; line-height: 1.55; }
.integration-gate { margin: 17px 0; padding: 18px; background: #f5f8fa; border: 1px solid var(--hq-line); border-radius: 11px; }
.integration-gate > span { color: #8a6941; font-size: 9px; letter-spacing: .1em; }
.integration-gate h3 { margin: 7px 0 12px; font-family: Georgia, serif; font-size: 23px; font-weight: 400; }
.integration-gate ul { margin: 0; padding-left: 19px; color: #596a72; font-size: 11px; line-height: 1.8; }
.quick-add-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 18px 0 5px; }
.quick-add-grid button { min-height: 82px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px 12px; padding: 14px; color: #263e49; text-align: left; background: #f7fafb; border: 1px solid #dce5e9; border-radius: 11px; }
.quick-add-grid button:hover { background: #edf4f7; border-color: #b9ccd5; }
.quick-add-grid b { font-size: 13px; font-weight: 600; }
.quick-add-grid small { color: #6b7b82; font-size: 10px; }
.quick-add-grid span { grid-column: 2; grid-row: 1 / 3; color: #58798b; }

@media (max-width: 760px) {
  #main { padding-bottom: calc(112px + env(safe-area-inset-bottom)); }
  .operation-banner { grid-template-columns: 1fr; gap: 5px; }
  .operation-banner > span { white-space: normal; }
  .toolbar .filter-label { flex: 1 1 140px; justify-content: space-between; }
  .filter-label .filter { flex: 1; min-width: 0; }
  .managed-modal { width: 100%; max-height: 92dvh; border-radius: 16px 16px 10px 10px; }
  .task-engine-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .integration-command { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .integration-command aside { grid-column: 1 / -1; }
  .integration-grid-v4 { grid-template-columns: 1fr; }
  .continuity-card { grid-template-columns: 1fr; }
  .continuity-status,
  .continuity-actions { grid-column: auto; }
  .continuity-actions { justify-content: stretch; }
  .continuity-actions button { flex: 1; }
  .launch-command-v4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .launch-command-v4 aside { grid-column: 1 / -1; }
  .launch-track-grid { grid-template-columns: 1fr; }
  .launch-track > header { min-height: 0; }
  .launch-handoff { grid-template-columns: 1fr; }
  .launch-handoff button { justify-self: start; }
}

@media (max-width: 480px) {
  .page-head { flex-wrap: wrap; gap: 12px; }
  .page-head > div:first-child { flex: 1 1 100%; min-width: 0; }
  .page-head > :not(:first-child) { margin-left: 0 !important; }
  .page-head > :is(.primary, .filter),
  .page-head > .head-actions { width: 100%; }
  .page-head > :is(.primary, .filter) { justify-content: center; }
  .page-head > .head-actions { justify-content: flex-start; }
  .detail-grid,
  .quick-add-grid { grid-template-columns: 1fr; }
  .managed-modal .modal-actions { align-items: stretch; flex-direction: column-reverse; }
  .managed-modal .modal-actions button { width: 100%; min-height: 44px; }
  #taskEvidenceForm { grid-template-columns: 1fr; }
  .task-detail-ribbon { grid-template-columns: auto 1fr; }
  .task-detail-ribbon small { grid-column: 1 / -1; }
  .integration-command { grid-template-columns: 1fr; }
  .integration-command aside { grid-column: auto; }
  .integration-card-v4 { min-height: 0; }
  .continuity-actions { flex-direction: column-reverse; }
  .launch-command-v4 { grid-template-columns: 1fr; }
  .launch-command-v4 aside { grid-column: auto; }
}

@media (min-width: 761px) and (max-width: 1120px) {
  .integration-grid-v4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .integration-command { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .integration-command aside { grid-column: 1 / -1; }
  .launch-track-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .launch-track:last-child { grid-column: 1 / -1; }
  .launch-command-v4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .launch-command-v4 aside { grid-column: 1 / -1; }
}

@media (min-width: 761px) and (max-width: 1050px) {
  .topbar { padding-inline: 20px; }
  .environment-pill { display: none; }
  .company-switch { overflow-x: auto; scrollbar-width: none; }
  .company-switch button { white-space: nowrap; }
  .company-switch button:not(.active) { font-size: 12px; }
}

@media (max-width: 1050px) {
  .pipeline-scroll-hint { display: flex; }
}

@media (max-width: 760px) {
  body.sidebar-open { overflow: hidden; }
  .sidebar-scrim { display: block; }
  body.sidebar-open .sidebar-scrim {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  body.sidebar-open .sidebar { left: 0; }
  .toast {
    left: 13px;
    right: 13px;
    bottom: calc(88px + env(safe-area-inset-bottom));
    text-align: center;
  }
}

/* HQ AI router · besloten preview */
.hq-ai-preview-banner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  margin: 0 0 16px;
  padding: 13px 15px;
  color: #384f5a;
  background: #f7f2e7;
  border: 1px solid #e3d5b7;
  border-radius: 12px;
}
.hq-ai-preview-banner > span {
  padding: 5px 7px;
  color: #735b34;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .11em;
  background: #eee1c6;
  border-radius: 6px;
}
.hq-ai-preview-banner b,
.hq-ai-preview-banner p { display: block; }
.hq-ai-preview-banner b { font-size: 12px; font-weight: 650; }
.hq-ai-preview-banner p { margin: 3px 0 0; color: #69767b; font-size: 10px; line-height: 1.45; }
.hq-ai-preview-banner > i { color: #8b634f; font-size: 10px; font-style: normal; white-space: nowrap; }

.hq-ai-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  height: clamp(400px, calc(100dvh - 260px), 610px);
  min-height: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dce5e8;
  border-radius: 14px;
  box-shadow: 0 14px 34px rgba(35, 59, 70, .06);
}
.hq-ai-console { min-width: 0; min-height: 0; display: flex; flex-direction: column; }
.hq-ai-console-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid #e4eaed;
}
.hq-ai-console-head h2 { margin: 4px 0 0; color: #263e49; font-family: Georgia, serif; font-size: 21px; font-weight: 400; }
.hq-ai-health { display: inline-flex; align-items: center; gap: 7px; color: #65757c; font-size: 10px; }
.hq-ai-health i { width: 7px; height: 7px; background: #4b8b78; border-radius: 50%; box-shadow: 0 0 0 4px #e8f3ef; }
.hq-ai-messages { flex: 1; min-height: 0; overflow-y: auto; padding: 22px; background: #f7f9fa; }
.hq-ai-empty { max-width: 440px; margin: 42px auto; color: #65767d; text-align: center; }
.hq-ai-empty > span { display: grid; width: 46px; height: 46px; place-items: center; margin: 0 auto 14px; color: #2d6370; font-size: 25px; background: #e6f0f2; border-radius: 13px; }
.hq-ai-empty h2 { margin: 0 0 8px; color: #2c434e; font-family: Georgia, serif; font-size: 23px; font-weight: 400; }
.hq-ai-empty p { margin: 0; font-size: 11px; line-height: 1.7; }
.hq-ai-message { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; width: min(86%, 760px); min-width: min(320px, 86%); margin: 0 0 14px; }
.hq-ai-message.is-user { grid-template-columns: minmax(0, 1fr) 34px; margin-left: auto; }
.hq-ai-message .hq-ai-avatar { grid-column: 1; grid-row: 1; }
.hq-ai-message > div:last-child { grid-column: 2; grid-row: 1; min-width: 0; padding: 12px 14px; background: white; border: 1px solid #dfe7ea; border-radius: 4px 12px 12px; }
.hq-ai-message.is-user .hq-ai-avatar { grid-column: 2; grid-row: 1; }
.hq-ai-message.is-user > div:last-child { grid-column: 1; grid-row: 1; }
.hq-ai-message.is-user > div:last-child { color: #fff; background: #294f59; border-color: #294f59; border-radius: 12px 4px 12px 12px; }
.hq-ai-message.is-error > div:last-child { background: #fff7f5; border-color: #edc6bd; }
.hq-ai-message.is-pending > div:last-child { background: #f1f6f7; }
.hq-ai-avatar { display: grid; width: 34px; height: 34px; place-items: center; color: #294f59; font-family: Georgia, serif; font-size: 14px; background: #dfebed; border-radius: 9px; }
.hq-ai-message.is-user .hq-ai-avatar { color: white; background: #315c67; }
.hq-ai-message header { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.hq-ai-message header b { font-size: 11px; font-weight: 650; }
.hq-ai-message header small { overflow: hidden; color: #7b898e; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.hq-ai-message.is-user header small { color: #c8d7da; }
.hq-ai-message p { margin: 7px 0 0; overflow-wrap: anywhere; font-size: 11px; line-height: 1.65; white-space: pre-wrap; }
.hq-ai-message footer { margin-top: 9px; padding-top: 8px; color: #6e7d83; font-size: 9px; border-top: 1px solid #e6ecee; }
.hq-ai-compose { position: relative; z-index: 2; flex: 0 0 auto; padding: 14px 18px; background: white; border-top: 1px solid #e1e8eb; box-shadow: 0 -8px 22px rgba(36, 62, 73, .04); }
.hq-ai-compose > label { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 7px; color: #53666f; font-size: 10px; font-weight: 650; }
.hq-ai-compose > label small { color: #89969b; font-size: 8px; font-weight: 500; }
.hq-ai-compose textarea { width: 100%; min-height: 68px; max-height: 180px; padding: 12px 13px; color: #243b46; font: inherit; font-size: 11px; line-height: 1.55; resize: vertical; background: #fbfcfc; border: 1px solid #d5e0e4; border-radius: 10px; }
.hq-ai-compose textarea:focus { outline: 3px solid #dcebee; border-color: #789ea8; }
.hq-ai-compose-actions { display: flex; align-items: end; gap: 10px; margin-top: 10px; }
.hq-ai-compose-actions label { display: grid; gap: 4px; color: #65767d; font-size: 9px; }
.hq-ai-compose-actions select { min-width: 210px; padding: 8px 30px 8px 9px; color: #304852; font-size: 10px; background: #f5f8f9; border: 1px solid #d8e2e6; border-radius: 8px; }
.hq-ai-compose-actions > span { margin-left: auto; color: #839096; font-size: 9px; }
.hq-ai-compose-actions .primary { min-height: 36px; }
.hq-ai-rules { overflow-y: auto; padding: 22px 18px; background: #f2f6f7; border-left: 1px solid #dde5e8; }
.hq-ai-rules > h2 { margin: 5px 0 19px; color: #2b424c; font-family: Georgia, serif; font-size: 22px; font-weight: 400; }
.hq-ai-rule { display: grid; grid-template-columns: 34px 1fr; gap: 10px; margin-bottom: 10px; padding: 12px; background: white; border: 1px solid #dce5e8; border-radius: 10px; }
.hq-ai-rule > span { display: grid; width: 34px; height: 34px; place-items: center; color: #315b66; font-family: Georgia, serif; font-size: 14px; background: #e6f0f2; border-radius: 8px; }
.hq-ai-rule b { display: block; color: #314852; font-size: 11px; font-weight: 650; }
.hq-ai-rule p { margin: 4px 0 0; color: #697a81; font-size: 9px; line-height: 1.5; }
.hq-ai-rule-note { margin: 15px 2px; color: #677980; font-size: 9px; line-height: 1.65; }
.hq-ai-audit-card { display: grid; grid-template-columns: 26px 1fr; gap: 9px; margin-top: 18px; padding: 13px; color: #e6f0f1; background: #294d56; border-radius: 11px; }
.hq-ai-audit-card > span { font-size: 14px; }
.hq-ai-audit-card b { display: block; font-size: 10px; font-weight: 650; }
.hq-ai-audit-card p { margin: 4px 0 0; color: #c8d7da; font-size: 9px; line-height: 1.55; }

@media (max-width: 980px) {
  .hq-ai-layout { grid-template-columns: 1fr; height: auto; }
  .hq-ai-messages { min-height: 220px; max-height: 48dvh; }
  .hq-ai-rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; border-top: 1px solid #dde5e8; border-left: 0; }
  .hq-ai-rules > .section-kicker,
  .hq-ai-rules > h2 { grid-column: 1 / -1; }
  .hq-ai-rules > h2 { margin-bottom: 4px; }
  .hq-ai-rule-note,
  .hq-ai-audit-card { margin: 0; }
}

@media (max-width: 600px) {
  .hq-ai-preview-banner { grid-template-columns: 1fr; }
  .hq-ai-preview-banner > i { white-space: normal; }
  .hq-ai-layout { min-height: 0; border-radius: 11px; }
  .hq-ai-console-head { padding: 15px; }
  .hq-ai-messages { min-height: 170px; max-height: 42dvh; padding: 14px 11px; }
  .hq-ai-message { width: 96%; min-width: 0; }
  .hq-ai-message header { align-items: flex-start; flex-direction: column; gap: 2px; }
  .hq-ai-compose { padding: 13px 11px; }
  .hq-ai-compose-actions { align-items: stretch; flex-wrap: wrap; }
  .hq-ai-compose-actions label { flex: 1 1 100%; }
  .hq-ai-compose-actions select { width: 100%; min-height: 40px; }
  .hq-ai-compose-actions > span { margin: auto 0; }
  .hq-ai-compose-actions .primary { flex: 1; min-height: 42px; }
  .hq-ai-rules { grid-template-columns: 1fr; padding: 17px 13px; }
  .hq-ai-rules > .section-kicker,
  .hq-ai-rules > h2 { grid-column: auto; }
}

/* Finance & Control Office */
.finance-command-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-bottom: 15px; }
.finance-command-card { padding: 20px; color: #eaf2f2; background: linear-gradient(135deg,#244b55,#315f68); border: 1px solid #315c66; border-radius: 13px; box-shadow: 0 12px 30px rgba(36,75,85,.1); }
.finance-command-card.legal { color: #314850; background: linear-gradient(135deg,#f4f1e8,#e8eef0); border-color: #d7d5c9; box-shadow: none; }
.finance-command-card > span { color: #bcd0d3; font-size: 9px; font-weight: 650; letter-spacing: .1em; }
.finance-command-card.legal > span { color: #786c51; }
.finance-command-card h2 { margin: 8px 0; font-family: Georgia,serif; font-size: 22px; font-weight: 400; }
.finance-command-card p { margin: 0; color: #c7d7da; font-size: 10px; line-height: 1.65; }
.finance-command-card.legal p { color: #68767b; }
.finance-command-card > div { display: grid; grid-template-columns: auto 1fr auto 1fr; align-items: baseline; gap: 5px 9px; margin-top: 17px; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.15); }
.finance-command-card.legal > div { border-color: #d4dcde; }
.finance-command-card > div b { font-size: 14px; font-weight: 600; }
.finance-command-card > div small { color: #b8cbcf; font-size: 9px; }
.finance-command-card.legal > div small { color: #758287; }
.entity-book-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 15px 0 20px; }
.entity-book-card { padding: 16px; background: white; border: 1px solid #dce5e8; border-radius: 11px; box-shadow: 0 8px 20px rgba(37,60,70,.04); }
.entity-book-card header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.entity-book-card header i { color: #87664a; font-size: 9px; font-style: normal; }
.entity-book-card h2 { margin: 13px 0 4px; color: #2b424c; font-family: Georgia,serif; font-size: 18px; font-weight: 400; }
.entity-book-card > p { min-height: 30px; margin: 0 0 13px; color: #718087; font-size: 9px; line-height: 1.5; }
.entity-book-card > div { padding: 9px 0; border-top: 1px solid #e7ecee; }
.entity-book-card > div small,.entity-book-card > div b { display: block; }
.entity-book-card > div small { color: #829096; font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }
.entity-book-card > div b { margin-top: 3px; color: #41565f; font-size: 10px; font-weight: 550; line-height: 1.45; }
.entity-book-card footer { margin-top: 9px; color: #8a6555; font-size: 8px; line-height: 1.45; }
@media (max-width: 900px) { .entity-book-grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .finance-command-grid { grid-template-columns: 1fr; } .finance-command-card { padding: 17px; } }

/* SIKAMUA physical inventory */
.inventory-loading { display:flex; align-items:center; justify-content:center; gap:12px; min-height:180px; }
.inventory-start-card { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:28px; align-items:center; padding:28px; background:linear-gradient(135deg,#173943,#285a61); color:#eef6f5; border:1px solid #315e65; border-radius:16px; }
.inventory-start-card h2 { margin:8px 0; font-family:Georgia,serif; font-size:30px; font-weight:400; }
.inventory-start-card p { max-width:650px; color:#c7d8da; line-height:1.6; }
.inventory-start-card form { display:grid; gap:13px; padding:18px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:12px; }
.inventory-start-card label,.inventory-entry-card label { display:grid; gap:6px; font-size:11px; font-weight:650; }
.inventory-start-card input,.inventory-entry-card input,.inventory-entry-card textarea { width:100%; min-height:44px; padding:11px 12px; color:#263f49; background:#fff; border:1px solid #cfdde1; border-radius:9px; font:inherit; box-sizing:border-box; }
.inventory-start-card input:focus,.inventory-entry-card input:focus,.inventory-entry-card textarea:focus { outline:3px solid rgba(83,151,130,.23); border-color:#4f8f7c; }
.inventory-layout { display:grid; grid-template-columns:minmax(280px,360px) minmax(0,1fr); gap:14px; align-items:start; }
.inventory-entry-card { position:sticky; top:14px; padding:20px; background:#fff; border:1px solid #dbe5e8; border-radius:13px; box-shadow:0 10px 25px rgba(33,60,70,.05); }
.inventory-entry-card form { display:grid; gap:12px; margin-top:16px; }
.inventory-entry-card textarea { resize:vertical; }
.inventory-entry-card form>small { color:#72828a; line-height:1.5; }
.inventory-quantity-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.inventory-form-actions { display:flex; gap:8px; flex-wrap:wrap; }
.inventory-count-card { min-width:0; }
.inventory-difference { display:inline-flex; justify-content:center; min-width:38px; padding:4px 8px; border-radius:999px; font-weight:700; }
.inventory-difference.ok { color:#276b56; background:#e5f2ed; }
.inventory-difference.negative { color:#a44937; background:#faeae6; }
.inventory-difference.positive { color:#71551b; background:#f6edcf; }
.inventory-difference.unknown { color:#67777e; background:#edf1f2; }
.inventory-table td small { display:block; margin-top:4px; color:#7a898f; }
.filter.danger { color:#a44937; border-color:#e7bdb4; }
@media (max-width: 980px) { .inventory-layout,.inventory-start-card { grid-template-columns:1fr; } .inventory-entry-card { position:static; } }
@media (max-width: 620px) { .inventory-start-card { padding:19px 15px; } .inventory-start-card h2 { font-size:25px; } .inventory-entry-card,.inventory-count-card { border-radius:10px; } .inventory-quantity-grid { grid-template-columns:1fr 1fr; } .inventory-form-actions>* { flex:1 1 100%; } }

/* Truthful, company-scoped team directory */
.company-command-section {
  position: relative;
  margin: 16px 0;
  padding: 20px;
  overflow: hidden;
  color: #eaf2f2;
  background:
    linear-gradient(rgba(84, 130, 138, .09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(84, 130, 138, .09) 1px, transparent 1px),
    radial-gradient(circle at 50% 0%, rgba(69, 133, 139, .22), transparent 47%),
    #102b33;
  background-size: 34px 34px, 34px 34px, auto, auto;
  border: 1px solid #294c54;
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(23, 52, 61, .12);
}
.company-command-section::after {
  position: absolute;
  width: 330px;
  height: 330px;
  right: -170px;
  bottom: -230px;
  border: 1px solid rgba(102, 163, 170, .24);
  border-radius: 50%;
  box-shadow: 0 0 0 46px rgba(102, 163, 170, .035), 0 0 0 92px rgba(102, 163, 170, .025);
  content: '';
  pointer-events: none;
}
.company-command-heading {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}
.company-command-heading h2 { margin: 5px 0; color: #fff; font-family: Georgia, serif; font-size: 25px; font-weight: 400; }
.company-command-heading p { margin: 0; color: #aac0c4; font-size: 13px; line-height: 1.55; }
.company-command-hint { color: #94adb2; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.company-command-deck { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.company-command-card {
  position: relative;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 11px;
  min-width: 0;
  min-height: 148px;
  padding: 15px;
  overflow: hidden;
  color: #e9f1f2;
  text-align: left;
  background: rgba(10, 34, 41, .84);
  border: 1px solid rgba(142, 179, 185, .22);
  border-radius: 12px;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.company-command-card:hover,
.company-command-card:focus-visible { transform: translateY(-2px); background: rgba(20, 55, 63, .96); border-color: rgba(150, 198, 203, .55); outline: 0; }
.company-command-card.is-selected { border-color: #71a89c; box-shadow: inset 0 0 0 1px rgba(113, 168, 156, .25); }
.company-command-index { color: #6f939a; font: 700 11px/1 monospace; letter-spacing: .12em; }
.company-command-orbit { position: absolute; width: 108px; height: 108px; right: -42px; top: -44px; border: 1px solid rgba(114, 161, 168, .2); border-radius: 50%; pointer-events: none; }
.company-command-orbit::before,
.company-command-orbit::after { position: absolute; inset: 15px; border: 1px solid rgba(114, 161, 168, .14); border-radius: 50%; content: ''; }
.company-command-orbit::after { inset: 31px; }
.company-command-orbit i { position: absolute; width: 5px; height: 5px; left: 13px; top: 50%; background: #7fb8ac; border-radius: 50%; box-shadow: 0 0 10px #7fb8ac; }
.company-command-copy { display: flex; min-width: 0; flex-direction: column; }
.company-command-copy > small { color: #fff; font-size: 12px; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
.company-command-copy > strong { max-width: 260px; margin: 8px 0 15px; color: #bed0d3; font-size: 13px; font-weight: 500; line-height: 1.45; }
.company-command-copy > em { width: fit-content; margin-top: auto; padding: 5px 8px; font-size: 10px; font-style: normal; border-radius: 999px; }
.company-command-copy > em.verified,
.company-command-copy > em.ready { color: #a7d8c6; background: rgba(63, 132, 107, .2); }
.company-command-copy > em.attention { color: #efd29a; background: rgba(167, 113, 38, .18); }
.company-command-copy > em.idle { color: #b8c7ca; background: rgba(126, 151, 156, .13); }
.company-command-copy > span { margin-top: 6px; overflow: hidden; color: #91a9ae; font-size: 10px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.company-command-meta { display: flex; align-items: flex-end; flex-direction: column; justify-content: flex-end; min-width: 58px; text-align: right; }
.company-command-meta b { color: #fff; font-family: Georgia, serif; font-size: 23px; font-weight: 400; }
.company-command-meta small { color: #78959c; font-size: 9px; }
.company-command-meta i { margin-top: 20px; color: #bad0d3; font-size: 11px; font-style: normal; font-weight: 700; }
.company-sikamua .company-command-orbit i { background: #d5ad62; box-shadow: 0 0 10px #d5ad62; }
.company-corablanca .company-command-orbit i { background: #9c8bc5; box-shadow: 0 0 10px #9c8bc5; }

.team-company-filter { display:flex; gap:8px; margin:0 0 13px; overflow:auto; scrollbar-width:none; }
.team-company-filter::-webkit-scrollbar { display:none; }
.team-company-filter .filter { flex:0 0 auto; }
.team-readiness { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:22px; align-items:center; margin-bottom:14px; padding:18px 20px; }
.team-readiness span { color:#84939a; font-size:8px; font-weight:700; letter-spacing:.12em; }
.team-readiness h2 { margin:4px 0 5px; font-family:Georgia,serif; font-size:22px; font-weight:400; }
.team-readiness p { max-width:760px; margin:0; color:#697a82; font-size:10px; line-height:1.55; }
.team-readiness dl { display:flex; gap:22px; margin:0; }
.team-readiness dl div { min-width:76px; }
.team-readiness dt { color:#84939a; font-size:8px; }
.team-readiness dd { margin:4px 0 0; color:#2b424c; font-size:22px; }
.worker-card-truth { min-height:225px; }
.worker-card-main { display:flex; align-items:center; gap:10px; }
.worker-card-main h2 { margin:0 0 3px; }
.worker-company-badges { display:flex; gap:5px; flex-wrap:wrap; margin-top:auto; }
.worker-company-badges span { padding:4px 6px; color:#56707a; background:#edf3f5; border-radius:999px; font-size:8px; }
.worker-proof { font-weight:650; }
.worker-proof.ready { color:#2d765e; }
.worker-proof.waiting { color:#946c31; }
.worker-evidence { display:grid; gap:8px; margin:12px 0; }
.worker-evidence > div { padding:10px 11px; background:#f4f7f8; border:1px solid #e0e8ea; border-radius:8px; }
.worker-evidence b,.worker-evidence small { display:block; }
.worker-evidence b { font-size:10px; }
.worker-evidence small { margin-top:3px; color:#73838a; font-size:8px; line-height:1.45; }
.operating-cell-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 18px; }
.operating-cell { display:flex; min-width:0; flex-direction:column; padding:15px; background:#fff; border:1px solid var(--hq-line); border-radius:12px; }
.operating-cell header,.operating-cell footer,.team-list-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.operating-cell header span,.team-list-heading span { color:#7f9098; font-size:8px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.operating-cell header b { color:#456c60; font-size:8px; }
.operating-cell h2 { margin:11px 0 5px; color:#2b424c; font-size:14px; }
.operating-cell p { min-height:48px; margin:0; color:#687a82; font-size:9px; line-height:1.5; }
.operating-members { display:flex; flex-wrap:wrap; gap:5px; margin:12px 0; }
.operating-members button { padding:5px 7px; color:#365560; background:#edf3f5; border:0; border-radius:999px; font-size:8px; cursor:pointer; }
.operating-cell footer { margin-top:auto; padding-top:10px; border-top:1px solid #edf1f3; color:#7c8d94; font-size:8px; }
.operating-cell footer button { padding:0; color:#285f73; background:none; border:0; font:inherit; font-weight:700; cursor:pointer; }
.team-list-heading { margin:20px 0 10px; }
.team-list-heading h2 { margin:4px 0 0; color:#2b424c; font-family:Georgia,serif; font-size:22px; font-weight:400; }
.team-list-heading small { color:#7b8a91; font-size:9px; }

@media (max-width: 760px) {
  .company-command-section { margin-inline: -12px; padding: 17px 12px; border-radius: 0; }
  .company-command-heading { align-items: start; }
  .company-command-heading h2 { font-size: 22px; }
  .company-command-heading p { max-width: 290px; }
  .company-command-hint { display: none; }
  .company-command-deck { display: flex; gap: 8px; margin-inline: -12px; padding: 0 12px 5px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .company-command-deck::-webkit-scrollbar { display: none; }
  .company-command-card { flex: 0 0 min(86vw, 330px); min-height: 142px; scroll-snap-align: center; }
  .team-company-filter { position:sticky; top:0; z-index:5; margin-inline:-12px; padding:9px 12px; background:rgba(244,248,249,.96); backdrop-filter:blur(12px); }
  .team-readiness { grid-template-columns:1fr; gap:14px; padding:15px; }
  .team-readiness dl { justify-content:space-between; gap:8px; }
  .team-readiness dl div { min-width:0; }
  .operating-cell-grid { display:flex; gap:8px; margin-inline:-12px; padding:0 12px 5px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .operating-cell-grid::-webkit-scrollbar { display:none; }
  .operating-cell { flex:0 0 min(82vw,310px); padding:12px; scroll-snap-align:start; }
  .operating-cell p { min-height:0; }
  .team-list-heading { align-items:flex-end; }
  .team-list-heading small { max-width:150px; text-align:right; }
  .worker-grid-truth { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .worker-card-truth { min-height:0; padding:12px; }
  .worker-card-truth .worker-avatar.large { width:32px; height:32px; flex:0 0 32px; }
  .worker-card-truth h2 { font-size:13px; }
  .worker-card-truth .worker-card-main p { font-size:9px; line-height:1.25; }
  .worker-card-truth .worker-dept { display:none; }
  .worker-card-truth .worker-focus { min-height:0; margin:8px 0; overflow:hidden; font-size:8px; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
  .worker-card-truth .worker-company-badges { margin:0; }
  .worker-card-truth footer { display:grid; gap:3px; margin-top:9px; padding-top:8px; }
  .worker-card-truth footer span:last-child { display:none; }
  .group-panel { display:flex; gap:7px; overflow-x:auto; padding:10px; scroll-snap-type:x proximity; }
  .group-panel-head,.chat-privacy { display:none; }
  .group-row { min-width:150px; margin:0; padding:8px; scroll-snap-align:start; }
  .group-messages { min-height:45dvh; max-height:55dvh; padding:13px 11px; }
  .group-compose { position:sticky; bottom:0; z-index:4; background:#fff; border-top:1px solid var(--hq-line); }
}

@media (max-width: 360px) {
  .worker-grid-truth { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .worker-card-truth .worker-focus { min-height:0; }
}

/* Prevent iOS from zooming every time the President focuses a form control. */
@media (max-width: 760px) {
  input,
  textarea,
  select { font-size:16px; }
}