:root {
  --ink: #171717;
  --muted: #5f5c57;
  --line: #e8e3dc;
  --paper: #f6f4ef;
  --white: #fff;
  --red: #c6282f;
  --red-dark: #a91f26;
  --green: #247759;
  --amber: #925815;
  --blue: #2f68aa;
  --radius: 13px;
  --shadow: 0 10px 35px rgba(30, 28, 24, .08);
}

.ai-message.thinking { color: #f2efe8; border: 1px solid #3c3a36; background: #242321; }
.ai-message.thinking::after { content: "…"; display: inline-block; width: 18px; overflow: hidden; vertical-align: bottom; animation: copilot-dots 1.1s steps(4, end) infinite; }
.ai-copilot.working .ai-context::after { content: " · AI is working"; color: #ffcf3b; }
.ai-copilot :disabled { opacity: .55; cursor: wait; }
@keyframes copilot-dots { from { width: 0; } to { width: 18px; } }
@media (prefers-reduced-motion: reduce) { .ai-message.thinking::after { animation: none; } }

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "DM Sans", Arial, sans-serif; font-size: 14px; }
body.auth-locked { overflow: hidden; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(239,62,66,.22); outline-offset: 2px; }
svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.sso-gate { position: fixed; inset: 0; z-index: 1000; display: grid; grid-template-columns: minmax(0,1.18fr) minmax(420px,.82fr); background: #f4f1eb; }
.sso-brand-panel { position: relative; isolation: isolate; overflow: hidden; padding: clamp(28px,4vw,64px); color: white; background: #171717; display: flex; flex-direction: column; justify-content: space-between; }
.sso-brand-panel::before { content: ""; position: absolute; z-index: -1; width: min(72vw,850px); aspect-ratio: 1; right: -38%; bottom: -54%; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; box-shadow: 0 0 0 90px rgba(239,62,66,.035),0 0 0 180px rgba(255,255,255,.025); }
.sso-brand-panel::after { content: ""; position: absolute; z-index: -1; width: 190px; height: 190px; right: 12%; top: 18%; background: var(--red); clip-path: polygon(45% 0,57% 37%,100% 45%,62% 58%,55% 100%,43% 62%,0 52%,37% 41%); opacity: .92; transform: rotate(11deg); }
.sso-brand-panel > img { width: clamp(120px,15vw,190px); height: auto; }
.sso-brand-copy { position: relative; z-index: 1; max-width: 720px; }
.sso-brand-copy > span,.sso-kicker { color: #ff5559; font: 800 12px "Manrope",sans-serif; letter-spacing: 1.8px; }
.sso-brand-copy h1 { max-width: 760px; margin: 18px 0 22px; font: 800 clamp(48px,6.3vw,92px)/.91 "Manrope",sans-serif; letter-spacing: -.075em; }
.sso-brand-copy p { max-width: 470px; margin: 0; color: #aaa7a2; font-size: clamp(14px,1.4vw,18px); line-height: 1.55; }
.sso-signal { display: flex; align-items: center; gap: 9px; color: #8b8883; font: 700 12px "Manrope",sans-serif; letter-spacing: .8px; text-transform: uppercase; }
.sso-signal i { width: 8px; height: 8px; border-radius: 50%; background: #4ed093; box-shadow: 0 0 0 5px rgba(78,208,147,.1); }
.sso-action-panel { min-width: 0; padding: clamp(30px,6vw,90px); display: flex; flex-direction: column; justify-content: center; position: relative; }
.sso-card { max-width: 470px; }
.sso-card h2 { max-width: 430px; margin: 14px 0 14px; font: 800 clamp(34px,4vw,58px)/.98 "Manrope",sans-serif; letter-spacing: -.055em; }
.sso-card > p { max-width: 430px; margin: 0 0 28px; color: #77736d; font-size: 15px; line-height: 1.55; }
.google-sso-button { width: 100%; min-height: 58px; padding: 0 17px; border: 1px solid #d8d3cb; border-radius: 10px; background: white; display: grid; grid-template-columns: 26px 1fr 20px; align-items: center; gap: 12px; cursor: pointer; box-shadow: 0 8px 25px rgba(30,28,24,.07); color: #292725; text-align: left; font: 700 13px "Manrope",sans-serif; transition: .2s; }
.google-sso-button:hover { transform: translateY(-2px); border-color: #bdb7ae; box-shadow: 0 14px 34px rgba(30,28,24,.11); }
.google-sso-button:disabled { opacity: .58; cursor: wait; transform: none; }
.google-sso-button .google-mark { width: 23px; height: 23px; stroke: none; }
.google-sso-button b { color: var(--red); font-size: 18px; text-align: right; }
.sso-loading { margin-top: 14px; color: #77736d; font-size: 13px; }
.sso-loading span { width: 12px; height: 12px; margin-right: 7px; display: inline-block; vertical-align: -2px; border: 2px solid #ddd7cf; border-top-color: var(--red); border-radius: 50%; animation: ssoSpin .7s linear infinite; }
.sso-error { margin-top: 14px; padding: 11px 13px; border: 1px solid rgba(239,62,66,.25); border-radius: 8px; background: rgba(239,62,66,.07); color: #a3292d; font-size: 13px; line-height: 1.5; }
.sso-trust { margin-top: 20px; padding: 14px 0; border-block: 1px solid #dfdad2; display: flex; flex-wrap: wrap; gap: 10px 16px; }
.sso-trust span { color: #6f6b65; font: 700 12px "Manrope",sans-serif; }
.sso-trust span::first-letter { color: var(--green); }
.sso-preview-note { display: block; margin-top: 17px; color: #9a958d; font-size: 12px; line-height: 1.55; }
.sso-preview-note code { color: #605c56; }
.sso-action-panel > footer { position: absolute; left: clamp(30px,6vw,90px); bottom: 30px; color: #9b968e; font-size: 12px; }
@keyframes ssoSpin { to { transform: rotate(360deg); } }

.app-shell { min-height: 100vh; }
.mission-dock { position: fixed; z-index: 30; left: 50%; bottom: 20px; transform: translateX(-50%); min-width: 760px; height: 66px; color: #ddd; background: #191919; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 7px; display: grid; grid-template-columns: 150px 1fr 105px; align-items: center; gap: 9px; box-shadow: 0 22px 55px rgba(15,14,13,.3), 0 2px 0 rgba(255,255,255,.08) inset; animation: dockArrive .5s cubic-bezier(.2,.8,.2,1) both; }
.dock-brand { min-width: 0; padding-left: 13px; display: flex; align-items: center; }
.dock-brand img { display: block; width: 118px; height: auto; object-fit: contain; }
.nav-stack { height: 50px; padding: 3px; display: grid; grid-template-columns: repeat(4,1fr); gap: 3px; border-radius: 12px; background: #252525; }
.nav-item { min-width: 132px; height: 44px; border: 0; color: #8f8f8f; background: transparent; border-radius: 9px; padding: 0 16px; display: flex; align-items: center; justify-content: center; gap: 9px; cursor: pointer; font: 700 13px "Manrope",sans-serif; transition: color .18s ease, background .18s ease, transform .18s ease; }
.nav-item:hover { color: white; background: #303030; transform: translateY(-1px); }
.nav-item.active { color: var(--ink); background: white; box-shadow: 0 5px 15px rgba(0,0,0,.22); }
.nav-item.active::after { content: ""; width: 5px; height: 5px; margin-left: 2px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 3px rgba(239,62,66,.12); }
.nav-item svg { width: 17px; }
.dock-status { justify-self: end; padding-right: 12px; display: flex; align-items: center; gap: 7px; color: #8c8c8c; font: 700 12px "Manrope",sans-serif; text-transform: uppercase; letter-spacing: .5px; white-space: nowrap; }
.dock-status i { width: 7px; height: 7px; border-radius: 50%; background: #4ed093; box-shadow: 0 0 0 4px rgba(78,208,147,.1); animation: dockPulse 2.2s ease-in-out infinite; }
@keyframes dockPulse { 50% { box-shadow: 0 0 0 7px rgba(78,208,147,0); } }
@keyframes dockArrive { from { opacity: 0; transform: translate(-50%,16px) scale(.98); } to { opacity: 1; transform: translate(-50%,0) scale(1); } }
.profile-mini { width: 100%; margin-top: 15px; border: 1px solid #343434; border-radius: 10px; background: #202020; color: white; padding: 10px 8px; display: flex; align-items: center; gap: 8px; cursor: pointer; }
.profile-mini:hover { background: #292929; }
.profile-mini > svg { width: 15px; margin-left: auto; color: #5f5c57; }
.profile-copy { min-width: 0; display: grid; text-align: left; }
.profile-copy strong { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.profile-copy small { color: #66625c; font-size: 12px; margin-top: 2px; }
.avatar { flex: 0 0 auto; width: 27px; height: 27px; border-radius: 50%; display: grid; place-items: center; font: 700 12px/1 "Manrope", sans-serif; background: #e7ded4; color: #6c4d36; border: 2px solid white; }
.avatar-red { background: var(--red); color: white; border-color: #333; }
.avatar.warm { background: #f2d9c4; color: #965c38; } .avatar.blue { background: #d9e6f7; color: #376791; } .avatar.green { background: #d6eadf; color: #317259; } .avatar.dark { background: #343434; color: white; }

.main-area { width: 100%; min-height: 100vh; padding-bottom: 105px; }
.topbar { height: 72px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.9); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: space-between; padding: 0 36px; position: sticky; top: 0; z-index: 15; }
.mobile-brand { flex: 0 0 104px; display: flex; align-items: center; }
.mobile-brand img { display: block; width: 94px; height: auto; object-fit: contain; }
.global-search { width: min(440px, 48vw); height: 40px; display: flex; align-items: center; gap: 10px; color: #9b9995; background: #f3f1ed; border: 1px solid transparent; border-radius: 9px; padding: 0 12px; transition: .2s; }
.global-search:focus-within { background: white; border-color: #d6d1ca; box-shadow: 0 0 0 3px rgba(0,0,0,.03); }
.global-search svg { width: 17px; }
.global-search input { min-width: 0; flex: 1; background: transparent; border: 0; outline: 0; color: var(--ink); }
.global-search kbd { padding: 2px 7px; border: 1px solid #ddd8d1; background: white; border-radius: 5px; font-size: 13px; color: #66625c; }
.top-actions, .heading-actions { display: flex; align-items: center; gap: 9px; }
.mobile-role-button { display: none; }
.profile-top { width: auto; min-width: 142px; height: 44px; margin: 0; padding: 6px 8px; color: var(--ink); background: white; border-color: var(--line); border-radius: 10px; }
.profile-top:hover { background: #f7f5f1; }.profile-top > svg { color: #66625c; }.profile-top .avatar { border-color: white; }
.icon-button, .close-button { border: 0; background: transparent; cursor: pointer; display: grid; place-items: center; }
.icon-button { width: 40px; height: 40px; border-radius: 9px; position: relative; }
.icon-button:hover { background: #f2f0ec; }
.icon-button.border { border: 1px solid var(--line); width: 43px; font-weight: 700; letter-spacing: 2px; }
.notification-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--red); border: 1px solid white; position: absolute; top: 8px; right: 8px; }
.primary-button, .secondary-button { border-radius: 8px; height: 40px; border: 1px solid transparent; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; cursor: pointer; font-weight: 700; transition: .18s; }
.primary-button { color: white; background: var(--red); box-shadow: 0 4px 12px rgba(239,62,66,.18); }
.primary-button:hover { background: var(--red-dark); transform: translateY(-1px); }
.primary-button span { font-size: 18px; line-height: 1; }
.primary-button .button-label { font-size: inherit; line-height: inherit; }
.primary-button.permission-limited { background: #77736e; box-shadow: none; }
.secondary-button { background: white; border-color: var(--line); }
.secondary-button:hover { border-color: #cfc8c0; background: #faf9f7; }
.secondary-button svg { width: 16px; }

.content { padding: 30px 36px 44px; max-width: 1700px; margin: 0 auto; }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.eyebrow { color: #5f5c57; text-transform: uppercase; letter-spacing: 1.5px; font: 700 12px/1 "Manrope", sans-serif; display: flex; align-items: center; gap: 7px; margin-bottom: 9px; }
.pulse { width: 7px; height: 7px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 4px rgba(46,155,114,.12); }
h1 { margin: 0; font: 800 clamp(27px,3vw,38px)/1.1 "Manrope", sans-serif; letter-spacing: -1.6px; }
.page-heading p { margin: 8px 0 0; color: var(--muted); }
.view-switcher { height: 40px; padding: 3px; border: 1px solid var(--line); background: white; border-radius: 8px; display: flex; }
.view-switcher button { width: 36px; border: 0; border-radius: 6px; background: transparent; color: #66625c; cursor: pointer; display: grid; place-items: center; }
.view-switcher button.active { background: #222; color: white; }
.view-switcher svg { width: 16px; }
.filter-count { min-width: 17px; height: 17px; padding: 0 4px; border-radius: 8px; background: var(--red); color: white; display: inline-grid; place-items: center; font-size: 12px; }

.metrics { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin: 25px 0 30px; }
.metric-card { min-width: 0; background: white; border: 1px solid var(--line); padding: 16px; display: flex; gap: 13px; align-items: center; border-radius: var(--radius); box-shadow: 0 1px 0 rgba(0,0,0,.02); }
.metric-icon { flex: 0 0 auto; width: 39px; height: 39px; border-radius: 10px; display: grid; place-items: center; }
.metric-icon svg { width: 18px; }
.metric-icon.coral { background: #fee1df; color: #dc4a46; } .metric-icon.sand { background: #faead1; color: #b77422; } .metric-icon.mint { background: #dff0e7; color: #348162; } .metric-icon.lilac { background: #e9e4f5; color: #7664a9; }
.metric-card > div:last-child { display: grid; grid-template-columns: auto 1fr; min-width: 0; }
.metric-card span { grid-column: 1/-1; font-size: 13px; color: var(--muted); font-weight: 700; text-transform: uppercase; letter-spacing: .5px; }
.metric-card strong { font: 800 24px/1.15 "Manrope"; margin-top: 4px; }
.metric-card small { align-self: end; justify-self: end; color: #66625c; font-size: 12px; padding-bottom: 3px; white-space: nowrap; }
.metric-card small b { color: var(--green); }

.team-tabs { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #dcd7cf; }
.tabs-scroll { display: flex; overflow-x: auto; scrollbar-width: none; }
.team-tab { border: 0; background: transparent; padding: 0 15px 13px; color: #88847e; font-weight: 700; cursor: pointer; border-bottom: 2px solid transparent; white-space: nowrap; }
.team-tab:first-child { padding-left: 2px; }
.team-tab span { display: inline-grid; place-items: center; min-width: 20px; height: 18px; margin-left: 4px; padding: 0 5px; border-radius: 9px; background: #eae6df; font-size: 12px; }
.team-tab.active { color: var(--ink); border-color: var(--red); }
.team-tab.active span { background: #fee2e1; color: var(--red); }
.board-members { padding-bottom: 9px; display: flex; align-items: center; }
.board-members .avatar { margin-left: -7px; }
.board-members .avatar:first-child { margin-left: 0; }
.member-overflow { font: 700 12px "Manrope"; margin-left: 5px; color: #5f5c57; }

.board { display: grid; grid-template-columns: repeat(3, minmax(260px,1fr)); gap: 15px; margin-top: 21px; align-items: start; }
.kanban-column { min-width: 0; background: rgba(233,229,222,.52); border: 1px solid #e2ddd5; border-radius: 12px; padding: 12px; min-height: 440px; }
.kanban-column.drag-over { background: rgba(239,62,66,.05); border-color: rgba(239,62,66,.35); }
.column-head { display: flex; align-items: center; gap: 8px; padding: 2px 3px 13px; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: #96928b; }
.status-dot.progress { background: var(--amber); }.status-dot.done { background: var(--green); }
.column-head strong { font: 800 12px "Manrope"; text-transform: uppercase; letter-spacing: .7px; }
.column-count { min-width: 20px; height: 20px; padding: 0 5px; display: grid; place-items: center; border-radius: 10px; background: white; color: #817e79; font-size: 12px; border: 1px solid var(--line); }
.column-menu { margin-left: auto; border: 0; background: transparent; color: #66625c; cursor: pointer; letter-spacing: 2px; }
.column-cards { display: grid; gap: 9px; min-height: 280px; }
.task-card { background: white; border: 1px solid #e4dfd8; border-radius: 10px; padding: 14px; box-shadow: 0 2px 7px rgba(30,28,24,.035); cursor: grab; transition: transform .18s, box-shadow .18s, border-color .18s; }
.task-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); border-color: #d7d0c8; }
.task-card.dragging { opacity: .45; transform: rotate(1.5deg) scale(.98); }
.card-top { display: flex; align-items: center; justify-content: space-between; }
.priority { font: 800 12px "Manrope"; text-transform: uppercase; letter-spacing: .65px; padding: 3px 7px; border-radius: 4px; }
.priority.high { background: #fee0df; color: #dc403f; }.priority.medium { background: #faecd6; color: #aa701e; }.priority.low { background: #e4ece9; color: #56786c; }
.card-menu { border: 0; background: transparent; color: #66625c; cursor: pointer; letter-spacing: 2px; padding: 0; }
.task-card h3 { font: 700 13px/1.38 "Manrope"; letter-spacing: -.15px; margin: 11px 0 5px; }
.task-description { color: #5f5c57; font-size: 13px; line-height: 1.5; margin: 0 0 11px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.task-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.team-chip, .due-chip { font-size: 12px; background: #f3f1ed; color: #7d7973; border-radius: 5px; padding: 4px 6px; }
.due-chip { background: transparent; padding-left: 0; }.due-chip::before { content: "◷ "; }
.due-chip.overdue { color: var(--red); font-weight: 700; }
.card-footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eeeae4; margin-top: 12px; padding-top: 10px; }
.assignee { display: flex; align-items: center; gap: 6px; color: #666; font-size: 12px; }
.assignee .avatar { width: 23px; height: 23px; font-size: 12px; border-width: 1px; }
.card-signals { display: flex; gap: 8px; color: #66625c; font-size: 12px; }
.comments:not(:empty)::before { content: "◯ "; }.attachments:not(:empty)::before { content: "⌁ "; }
.empty-column { display: grid; place-items: center; text-align: center; min-height: 180px; color: #66625c; border: 1px dashed #d8d1c8; border-radius: 9px; font-size: 13px; }
.add-task-inline { width: 100%; height: 36px; margin-top: 9px; background: transparent; border: 1px dashed transparent; color: #918d87; border-radius: 8px; text-align: left; cursor: pointer; font-weight: 600; }
.add-task-inline:hover { border-color: #cfc8c0; color: var(--ink); background: rgba(255,255,255,.5); }

.list-view { margin-top: 20px; background: white; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.list-row { display: grid; grid-template-columns: 90px minmax(220px,1.5fr) minmax(140px,.8fr) 120px 130px; gap: 14px; padding: 13px 16px; align-items: center; border-bottom: 1px solid #eeeae4; }
.list-row:last-child { border: 0; }.list-row:hover { background: #faf9f7; }
.list-row.header { background: #f5f2ed; color: #8c8882; text-transform: uppercase; font: 700 12px "Manrope"; letter-spacing: .5px; }
.list-row h3 { margin: 0; font: 700 12px "Manrope"; }.list-row .assignee { font-size: 13px; }

.filter-panel { position: fixed; z-index: 50; top: 0; right: 0; width: min(390px,92vw); height: 100vh; background: white; padding: 28px; transform: translateX(105%); transition: transform .28s ease; box-shadow: -20px 0 60px rgba(0,0,0,.12); display: flex; flex-direction: column; gap: 20px; }
.filter-panel.open { transform: translateX(0); }
.scrim { position: fixed; z-index: 40; inset: 0; background: rgba(19,18,17,.35); opacity: 0; visibility: hidden; transition: .25s; backdrop-filter: blur(2px); }.scrim.open { opacity: 1; visibility: visible; }
.panel-head, .dialog-head { display: flex; justify-content: space-between; align-items: flex-start; }
.panel-head small, .dialog-head small, .popover > small { color: var(--red); font: 800 12px "Manrope"; letter-spacing: 1.4px; }
.panel-head h2, .dialog-head h2 { font: 800 25px "Manrope"; margin: 3px 0 15px; letter-spacing: -1px; }
.close-button { width: 35px; height: 35px; border-radius: 50%; background: #f2f0ec; font-size: 21px; }
.filter-panel label, dialog label { display: grid; gap: 7px; font: 700 13px "Manrope"; color: #5e5b56; }
select, input, textarea { width: 100%; color: var(--ink); background: #f8f6f2; border: 1px solid #dfdad3; border-radius: 8px; padding: 10px 11px; outline: 0; }
select, input { min-height: 41px; } textarea { resize: vertical; }
.panel-actions { margin-top: auto; display: flex; align-items: center; justify-content: space-between; }.text-button { border: 0; background: transparent; text-decoration: underline; cursor: pointer; color: #5f5c57; }

.popover { position: fixed; z-index: 60; width: 300px; border: 1px solid var(--line); background: white; border-radius: 12px; box-shadow: 0 18px 55px rgba(0,0,0,.17); padding: 12px; }
.role-popover { right: 128px; top: 62px; }
.role-option { width: 100%; min-height: 42px; border: 0; background: transparent; border-radius: 7px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 8px 9px; font-weight: 700; text-align: left; }
.role-option:hover { background: #f4f1ed; }.role-option.active { background: #fff0ef; color: var(--red); }.role-option small { display: block; color: #66625c; font-size: 12px; font-weight: 500; margin-top: 2px; }.role-option.active small { color: #bd716f; }
.role-popover > p { background: #f6f4f0; color: #8d8983; border-radius: 7px; font-size: 12px; line-height: 1.45; padding: 8px; margin: 8px 0 0; }
.workspace-account { margin: 9px 0 7px; padding: 9px; border: 1px solid var(--line); border-radius: 8px; display: flex; align-items: center; gap: 9px; }
.google-mini { width: 27px; height: 27px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; color: #4285f4; background: #f2f5fb; font: 800 13px Arial,sans-serif; }
.workspace-account div { display: grid; }.workspace-account strong { font-size: 13px; }.workspace-account small { margin-top: 2px; color: #66625c; font-size: 12px; }
.signout-button { width: 100%; height: 36px; margin-top: 8px; border: 1px solid #ead7d5; border-radius: 7px; color: #b93d41; background: #fff7f6; cursor: pointer; font: 700 12px "Manrope",sans-serif; }
.signout-button:hover { background: #ffedeb; }
.notification-popover { right: 98px; top: 62px; width: min(350px,calc(100vw - 30px)); }
.popover-title { display: flex; justify-content: space-between; padding: 5px 5px 10px; border-bottom: 1px solid var(--line); }.popover-title button { border: 0; background: transparent; color: var(--red); font-size: 12px; cursor: pointer; }
.notice { display: flex; gap: 10px; padding: 12px 5px; border-bottom: 1px solid #f0ede9; }.notice:last-child { border: 0; }.notice-icon { flex: 0 0 auto; width: 25px; height: 25px; border-radius: 50%; display: grid; place-items: center; color: var(--green); background: #e2f0e9; font-weight: 700; }.notice-icon.amber { color: var(--amber); background: #f8ead7; }.notice strong { font-size: 13px; }.notice p { margin: 2px 0; color: #5f5c57; font-size: 12px; line-height: 1.4; }.notice small { color: #66625c; font-size: 12px; }

dialog { width: min(580px,calc(100vw - 30px)); border: 0; border-radius: 16px; padding: 0; box-shadow: 0 30px 90px rgba(0,0,0,.25); }
dialog::backdrop { background: rgba(17,16,15,.48); backdrop-filter: blur(3px); }
dialog form { padding: 25px; display: grid; gap: 17px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.permission-note { color: #746e67; background: #f5f2ed; border-radius: 8px; padding: 10px; display: flex; gap: 8px; font-size: 12px; line-height: 1.45; }.permission-note svg { flex: 0 0 auto; width: 15px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 4px; }

.toast { position: fixed; z-index: 80; right: 28px; bottom: 102px; min-width: 270px; background: #222; color: white; border-radius: 11px; padding: 13px; display: flex; gap: 11px; align-items: center; box-shadow: 0 15px 50px rgba(0,0,0,.24); transform: translateY(90px); opacity: 0; transition: .3s; }.toast.show { transform: translateY(0); opacity: 1; }.toast > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--green); }.toast p { margin: 0; display: grid; }.toast strong { font-size: 13px; }.toast small { color: #66625c; font-size: 12px; margin-top: 2px; }

/* Campaign command center */
.campaign-view { padding-bottom: 70px; }
.campaign-view::before { content: ""; position: fixed; z-index: -1; width: 420px; height: 420px; top: 110px; right: -180px; border-radius: 50%; background: radial-gradient(circle,rgba(255,207,59,.14),transparent 68%); pointer-events: none; }
.campaign-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.campaign-hero p { color: var(--muted); margin: 8px 0 0; }
.hero-tools, .pipeline-tools { display: flex; align-items: flex-end; gap: 9px; }
.campaign-filter { display: grid; gap: 4px; color: #8b8781; font: 700 12px "Manrope"; text-transform: uppercase; letter-spacing: .6px; }
.campaign-filter select, .pipeline-tools select { background: white; min-width: 170px; height: 40px; }
.personal-hud { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 22px; padding: 15px 17px; border-radius: 13px; color: white; background: #202020; box-shadow: 0 12px 35px rgba(0,0,0,.1); }
.personal-hud::after { content: "✦"; position: absolute; right: 37%; top: -24px; color: #ffcf3b; font: 700 68px/1 "Manrope"; transform: rotate(14deg); opacity: .18; }
.personal-copy { display: flex; align-items: center; gap: 12px; min-width: 0; }.personal-avatar { width: 39px; height: 39px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 11px; color: #1a1a1a; background: #ffcf3b; font: 800 13px "Manrope"; transform: rotate(-3deg); }.personal-copy > div { display: grid; }.personal-copy small { color: #a9a9a9; font: 800 12px "Manrope"; letter-spacing: 1px; }.personal-copy strong { margin-top: 2px; font: 800 12px "Manrope"; }.personal-copy p { color: #66625c; font-size: 12px; margin: 3px 0 0; }
.personal-actions { z-index: 1; display: flex; gap: 7px; }.personal-actions button { height: 34px; border: 1px solid #404040; border-radius: 8px; padding: 0 11px; color: #ccc; background: #2b2b2b; font: 700 12px "Manrope"; cursor: pointer; white-space: nowrap; }.personal-actions button:hover { border-color: #666; color: white; transform: translateY(-1px); }.personal-actions b { display: inline-grid; min-width: 17px; height: 17px; margin-left: 5px; place-items: center; border-radius: 9px; color: #222; background: #ffcf3b; }.chat-live-dot { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #4ed18b; box-shadow: 0 0 0 4px rgba(78,209,139,.12); }
.campaign-metrics { margin: 25px 0 17px; display: grid; grid-template-columns: 1.35fr repeat(3,1fr); gap: 11px; }
.campaign-metric { position: relative; overflow: hidden; min-height: 112px; padding: 17px 18px; border: 1px solid var(--line); background: white; border-radius: 12px; display: flex; flex-direction: column; justify-content: center; }
.campaign-metric.feature { background: #1d1d1d; color: white; border-color: #1d1d1d; flex-direction: row; align-items: center; justify-content: space-between; }
.campaign-metric.feature > div { display: grid; }
.campaign-metric.feature svg { width: 95px; height: 52px; color: var(--red); stroke-width: 2.4; opacity: .9; }
.campaign-metric small { color: #88847e; font: 800 12px "Manrope"; letter-spacing: .8px; }
.campaign-metric.feature small { color: #66625c; }
.campaign-metric strong { margin: 6px 0 3px; font: 800 24px "Manrope"; letter-spacing: -.8px; }
.campaign-metric > span, .campaign-metric div > span { color: #97938d; font-size: 12px; }
.campaign-metric.feature div > span b { color: white; }
.mini-progress { height: 4px; margin: 3px 0 8px; background: #ece8e2; border-radius: 2px; overflow: hidden; }.mini-progress span { display: block; height: 100%; background: var(--green); border-radius: inherit; }
.green-text { color: var(--green); }.amber-text { color: var(--amber); }
.attention-strip { display: flex; align-items: center; gap: 20px; border: 1px solid #f0d8b9; background: #fff9ef; border-radius: 11px; padding: 12px 14px; }
.attention-title { display: flex; align-items: center; gap: 9px; min-width: 175px; }
.attention-title > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 8px; background: #f6dfbd; color: #9d6119; font: 800 14px "Manrope"; }
.attention-title div { display: grid; }.attention-title strong { font: 800 13px "Manrope"; }.attention-title small { color: #9b8b76; font-size: 12px; margin-top: 2px; }
.attention-items { flex: 1; display: flex; gap: 8px; min-width: 0; overflow: hidden; }
.attention-item { min-width: 165px; padding: 7px 10px; border-left: 1px solid #ead6bd; display: grid; }
.attention-item strong { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.attention-item small { font-size: 12px; color: #9b8b76; margin-top: 2px; }
.text-arrow { border: 0; background: transparent; white-space: nowrap; color: #8e621f; font: 700 12px "Manrope"; cursor: pointer; }
.campaign-workspace-head { margin: 26px 0 13px; display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; }
.section-title { display: flex; align-items: center; gap: 9px; }.section-title h2 { font: 800 19px "Manrope"; margin: 0; letter-spacing: -.5px; }.section-title span { padding: 4px 7px; color: #89857f; background: #e9e5df; border-radius: 5px; font-size: 12px; font-weight: 700; }
.inline-search { width: 220px; height: 40px; display: flex; align-items: center; gap: 7px; padding: 0 10px; background: white; border: 1px solid var(--line); border-radius: 8px; color: #66625c; }.inline-search svg { width: 15px; }.inline-search input { min-height: 0; height: auto; padding: 0; border: 0; background: transparent; }
.pipeline-tools select { min-width: 125px; }
.stage-rail { display: grid; grid-template-columns: repeat(10,1fr); border: 1px solid var(--line); background: white; border-radius: 10px; overflow: hidden; }
.stage-filter { position: relative; min-width: 0; border: 0; border-right: 1px solid var(--line); background: white; padding: 11px 8px; cursor: pointer; display: grid; text-align: left; gap: 3px; }
.stage-filter:last-child { border: 0; }.stage-filter:hover { background: #faf8f5; }.stage-filter.active { background: #222; color: white; }.stage-filter.active::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: var(--red); }
.stage-filter span { font: 700 12px/1.25 "Manrope"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.stage-filter small { color: #66625c; font-size: 12px; }.stage-filter.active small { color: #66625c; }
.campaign-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 14px; }
.campaign-card { position: relative; min-width: 0; background: white; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; cursor: pointer; transition: .2s ease; }
.campaign-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); border-color: #d4cdc4; }
.campaign-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--card-accent,#bbb); }
.campaign-card-main { padding: 15px 16px 13px 18px; }
.campaign-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.client-lockup { display: flex; align-items: center; gap: 8px; min-width: 0; }.client-logo { width: 31px; height: 31px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 8px; color: white; background: #222; font: 800 13px "Manrope"; }.client-lockup span { display: grid; min-width: 0; }.client-lockup strong { font: 700 13px "Manrope"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.client-lockup small { color: #9b9791; font-size: 12px; }
.status-badge { padding: 4px 7px; border-radius: 5px; background: #ece9e3; color: #6e6a65; font: 800 12px "Manrope"; text-transform: uppercase; letter-spacing: .4px; white-space: nowrap; }.status-badge.red { background: #fee1df; color: #cf3f3e; }.status-badge.amber { background: #f8e9d2; color: #a86e1e; }.status-badge.green { background: #deefe6; color: #34785f; }.status-badge.blue { background: #e1eaf7; color: #4a6e9c; }
.campaign-card h3 { font: 800 14px/1.3 "Manrope"; margin: 13px 0 5px; letter-spacing: -.25px; }.campaign-card .objective { color: #85817b; font-size: 12px; margin: 0; }
.campaign-dates { display: flex; align-items: center; gap: 6px; color: #7f7b75; font-size: 12px; margin: 12px 0 9px; }.campaign-dates svg { width: 13px; }.campaign-dates .risk { color: var(--red); font-weight: 700; margin-left: auto; }
.card-progress-head { display: flex; justify-content: space-between; color: #918d87; font-size: 12px; margin-bottom: 5px; }.card-progress-head strong { color: #5f5b56; }
.campaign-card .progress-track { height: 5px; background: #efebe6; border-radius: 3px; overflow: hidden; }.campaign-card .progress-track span { height: 100%; display: block; background: var(--card-accent,var(--green)); border-radius: inherit; }
.campaign-card-stats { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #eeeae5; border-bottom: 1px solid #eeeae5; margin-top: 13px; }.campaign-card-stats div { padding: 9px 5px; display: grid; gap: 2px; border-right: 1px solid #eeeae5; }.campaign-card-stats div:last-child { border: 0; }.campaign-card-stats small { color: #99958f; font-size: 12px; text-transform: uppercase; }.campaign-card-stats strong { font: 800 13px "Manrope"; }
.campaign-card-foot { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px 10px 18px; background: #fbfaf8; }.owner-stack { display: flex; align-items: center; }.owner-stack .avatar { width: 24px; height: 24px; margin-left: -6px; }.owner-stack .avatar:first-child { margin: 0; }.owner-label { margin-left: 6px; display: grid; }.owner-label strong { font-size: 12px; }.owner-label small { color: #66625c; font-size: 12px; }.open-campaign { border: 0; background: transparent; color: var(--red); font: 700 12px "Manrope"; cursor: pointer; }
.empty-campaigns { grid-column: 1/-1; padding: 60px 20px; text-align: center; color: #66625c; border: 1px dashed #d5cec5; border-radius: 12px; }

.campaign-dialog { width: min(760px,calc(100vw - 30px)); }
.campaign-dialog form { min-height: 590px; grid-template-rows: auto auto 1fr auto; }
.campaign-dialog-head p { margin: -8px 0 0; color: #5f5c57; font-size: 13px; }.campaign-dialog-head h2 { margin-bottom: 12px; }
.wizard-steps { display: flex; align-items: center; justify-content: center; margin: 0 15px 5px; }.wizard-steps button { border: 0; background: transparent; color: #a6a19a; display: flex; align-items: center; gap: 6px; font: 700 12px "Manrope"; cursor: pointer; }.wizard-steps button span { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: #ebe7e1; }.wizard-steps button.active { color: var(--ink); }.wizard-steps button.active span { background: var(--red); color: white; }.wizard-steps i { width: 48px; height: 1px; background: #ddd7d0; }
.wizard-panel { display: none; padding: 12px 5px 0; }.wizard-panel.active { display: block; }.form-section-title { display: grid; margin-bottom: 15px; }.form-section-title strong { font: 800 14px "Manrope"; }.form-section-title span { color: #95918b; font-size: 12px; margin-top: 2px; }.form-grid .full { grid-column: 1/-1; }
.assignment-preview { margin-top: 18px; padding: 13px; border: 1px solid #ded9d1; background: #f8f6f2; border-radius: 9px; display: flex; align-items: center; }.assignment-preview .avatar { margin-left: -5px; }.assignment-preview .avatar:first-child { margin: 0; }.assignment-preview div { display: grid; margin-left: 10px; }.assignment-preview strong { font: 700 13px "Manrope"; }.assignment-preview small { color: #5f5c57; font-size: 12px; margin-top: 2px; }
.team-orbit { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50% 50% 46% 54%; color: white; background: #6c5ce7; font: 800 13px "Manrope"; box-shadow: 6px 0 0 #ffcf3b; }.chat-route-preview { display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 11px; border-radius: 9px; color: #435d50; background: #eef8f2; border: 1px solid #d4e9dc; }.chat-mark { width: 29px; height: 29px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 8px; color: white; background: #35a868; font: 800 13px "Manrope"; }.chat-route-preview div { flex: 1; display: grid; }.chat-route-preview strong { font-size: 12px; }.chat-route-preview small { color: #739080; font-size: 12px; margin-top: 2px; }.connected-chip { padding: 4px 6px; border-radius: 5px; color: #28734f; background: #d7eee0; font: 800 12px "Manrope"; letter-spacing: .5px; }
.sheet-helper { display: flex; gap: 10px; align-items: center; margin-top: 12px; padding: 11px; border-radius: 9px; background: #edf7f1; color: #39775b; }.sheet-helper .sheet-mark { width: 31px; height: 31px; flex: 0 0 auto; border-radius: 8px; background: #3a9c6c; color: white; display: grid; place-items: center; }.sheet-helper svg { width: 17px; }.sheet-helper div { display: grid; }.sheet-helper strong { font: 700 12px "Manrope"; }.sheet-helper small { color: #6b8878; font-size: 12px; line-height: 1.4; margin-top: 2px; }
.task-generation { margin-top: 14px; padding: 12px; border: 1px solid #ded9d1; background: #f8f6f2; border-radius: 9px; grid-template-columns: auto 1fr; align-items: flex-start; }.task-generation input { width: 17px; min-height: 17px; margin-top: 1px; }.task-generation span { display: grid; }.task-generation strong { font-size: 13px; }.task-generation small { color: #5f5c57; font-size: 12px; font-weight: 500; margin-top: 2px; }
.campaign-review-card { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }.review-hero { padding: 16px; background: #222; color: white; }.review-hero small { color: #66625c; font-size: 12px; }.review-hero h3 { font: 800 18px "Manrope"; margin: 4px 0; }.review-hero p { margin: 0; color: #bbb; font-size: 12px; }.review-grid { display: grid; grid-template-columns: repeat(4,1fr); }.review-grid div { display: grid; gap: 3px; padding: 12px; border-right: 1px solid var(--line); }.review-grid div:last-child { border: 0; }.review-grid span { color: #66625c; text-transform: uppercase; font-size: 12px; }.review-grid strong { font: 700 12px "Manrope"; }
.authorization-note { margin-top: 13px; display: flex; gap: 10px; padding: 11px; color: #756f68; background: #f0eee9; border-radius: 8px; }.authorization-note svg { flex: 0 0 auto; width: 19px; color: var(--green); }.authorization-note strong { font-size: 12px; }.authorization-note p { font-size: 12px; line-height: 1.45; margin: 2px 0 0; }
.wizard-actions { display: flex; align-items: center; gap: 8px; border-top: 1px solid var(--line); padding-top: 15px; }.wizard-actions > span { flex: 1; }

.campaign-drawer { position: fixed; z-index: 70; inset: 0 0 0 auto; width: min(670px,95vw); background: white; transform: translateX(103%); transition: transform .3s ease; box-shadow: -20px 0 70px rgba(0,0,0,.17); display: flex; flex-direction: column; }.campaign-drawer.open { transform: translateX(0); }.campaign-scrim { z-index: 65; }
.drawer-head { display: flex; justify-content: space-between; align-items: flex-start; padding: 25px 27px 16px; }.drawer-head small { color: var(--red); font: 800 12px "Manrope"; letter-spacing: 1px; }.drawer-head h2 { font: 800 25px "Manrope"; letter-spacing: -.9px; margin: 4px 0 8px; }.drawer-tags { display: flex; gap: 6px; }.drawer-tags span { padding: 4px 7px; border-radius: 5px; background: #ece9e3; font: 700 12px "Manrope"; }
.drawer-progress { padding: 0 27px 17px; }.drawer-progress > div:first-child { display: flex; justify-content: space-between; margin-bottom: 6px; color: #5f5c57; font-size: 12px; }.drawer-progress strong { color: var(--ink); }.drawer-progress .progress-track { height: 6px; background: #ece8e2; border-radius: 3px; overflow: hidden; }.drawer-progress .progress-track span { display: block; height: 100%; background: var(--green); transition: width .3s; }
.drawer-tabs { display: flex; padding: 0 27px; border-bottom: 1px solid var(--line); overflow-x: auto; }.drawer-tabs button { border: 0; border-bottom: 2px solid transparent; background: transparent; padding: 12px 13px 10px; color: #5f5c57; font: 700 12px "Manrope"; cursor: pointer; white-space: nowrap; }.drawer-tabs button:first-child { padding-left: 0; }.drawer-tabs button.active { color: var(--ink); border-color: var(--red); }
.drawer-body { padding: 20px 27px 90px; overflow-y: auto; flex: 1; background: #faf9f7; }.drawer-section { background: white; border: 1px solid var(--line); border-radius: 10px; padding: 15px; margin-bottom: 12px; }.drawer-section-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }.drawer-section h3 { font: 800 12px "Manrope"; margin: 0; }.drawer-section-head span { color: #66625c; font-size: 12px; }.info-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }.info-grid div { display: grid; gap: 3px; }.info-grid span { color: #66625c; text-transform: uppercase; font-size: 12px; }.info-grid strong { font: 700 12px/1.4 "Manrope"; }
.stage-timeline { display: grid; grid-template-columns: repeat(9,1fr); }.stage-node { position: relative; text-align: center; }.stage-node::before { content: ""; position: absolute; top: 8px; left: -50%; width: 100%; height: 2px; background: #e4dfd8; }.stage-node:first-child::before { display: none; }.stage-node i { position: relative; z-index: 1; width: 16px; height: 16px; margin: 0 auto 6px; display: grid; place-items: center; border-radius: 50%; background: #e4dfd8; font-style: normal; color: white; font-size: 12px; }.stage-node.done::before, .stage-node.done i { background: var(--green); }.stage-node.current i { background: var(--red); box-shadow: 0 0 0 4px rgba(239,62,66,.12); }.stage-node small { display: block; color: #66625c; font-size: 12px; line-height: 1.2; }.stage-node.current small { color: var(--ink); font-weight: 700; }
.deliverable-row, .creator-row, .approval-row, .activity-row { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid #efebe6; }.deliverable-row:last-child, .creator-row:last-child, .approval-row:last-child, .activity-row:last-child { border: 0; }.deliverable-row input { width: 17px; min-height: 17px; }.deliverable-row span, .creator-row > div, .approval-row > div { flex: 1; display: grid; }.deliverable-row strong, .creator-row strong, .approval-row strong, .activity-row strong { font-size: 12px; }.deliverable-row small, .creator-row small, .approval-row small, .activity-row small { color: #66625c; font-size: 12px; margin-top: 2px; }.deliverable-row.completed strong { text-decoration: line-through; color: #66625c; }
.creator-score { color: var(--green); font: 800 12px "Manrope"; }.approval-status { padding: 4px 6px; border-radius: 5px; background: #f7e8d2; color: #9d691c; font: 700 12px "Manrope"; }.approval-status.approved { background: #dfeee6; color: #34785f; }.tiny-action { border: 1px solid var(--line); background: white; border-radius: 6px; padding: 5px 8px; font: 700 12px "Manrope"; cursor: pointer; }.tiny-action:hover { border-color: #bbb; }
.link-list a { display: block; color: #496d9a; font-size: 12px; margin: 6px 0; }.finance-hero { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }.finance-hero div { padding: 12px; background: #f5f2ed; border-radius: 8px; display: grid; }.finance-hero small { color: #66625c; font-size: 12px; }.finance-hero strong { font: 800 14px "Manrope"; margin-top: 3px; }.finance-hero .profit { background: #e8f2ed; color: #2e7358; }
.activity-row { align-items: flex-start; }.activity-dot { width: 8px; height: 8px; flex: 0 0 auto; margin-top: 4px; border-radius: 50%; background: #bbb; box-shadow: 0 0 0 4px #eeeae5; }.activity-row:first-child .activity-dot { background: var(--red); box-shadow: 0 0 0 4px #fee6e5; }
.chat-feed-head { display: flex; align-items: center; gap: 9px; padding: 12px; margin-bottom: 10px; border-radius: 9px; color: white; background: #222; }.chat-feed-head .chat-mark { background: #35a868; }.chat-feed-head div { display: grid; }.chat-feed-head strong { font: 700 13px "Manrope"; }.chat-feed-head small { color: #66625c; font-size: 12px; margin-top: 2px; }.chat-event { display: flex; align-items: flex-start; gap: 9px; padding: 10px 0; border-bottom: 1px solid #eeeae5; }.chat-event:last-child { border: 0; }.chat-event-icon { width: 25px; height: 25px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 7px; color: #2e7758; background: #e1f1e8; font-size: 13px; }.chat-event > div { display: grid; }.chat-event strong { font-size: 12px; line-height: 1.4; }.chat-event small { color: #66625c; font-size: 12px; margin-top: 2px; }
.closeout-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; margin: 12px 0; }.closeout-step { padding: 10px; border-radius: 8px; color: #66625c; background: #f3f0eb; display: grid; gap: 3px; }.closeout-step.done { color: #2e7758; background: #e3f1e9; }.closeout-step.current { color: #9b651a; background: #faead2; }.closeout-step span { font: 800 12px "Manrope"; }.closeout-step small { font-size: 12px; }.closeout-form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }.closeout-form label { display: grid; gap: 5px; color: #5f5c57; font: 700 12px "Manrope"; }.closeout-form .full { grid-column: 1/-1; }.closeout-actions { display: flex; gap: 8px; margin-top: 12px; }.closeout-actions button { flex: 1; }.closeout-note { margin-top: 10px; padding: 9px; border-radius: 7px; color: #5f5c57; background: #f3f0eb; font-size: 12px; line-height: 1.45; }.closeout-complete { text-align: center; padding: 22px 12px; }.closeout-complete span { width: 46px; height: 46px; margin: 0 auto 10px; display: grid; place-items: center; border-radius: 15px; color: white; background: #247759; font-size: 20px; transform: rotate(-3deg); }.closeout-complete h3 { font-size: 14px; }.closeout-complete p { color: #5f5c57; font-size: 12px; }
.drawer-footer { position: absolute; inset: auto 0 0; padding: 12px 27px; background: rgba(255,255,255,.95); backdrop-filter: blur(10px); border-top: 1px solid var(--line); display: flex; justify-content: flex-end; gap: 8px; }.drawer-footer .stage-select { margin-right: auto; min-width: 165px; }
.workspace-card { display: flex; align-items: center; gap: 12px; padding: 13px; border: 1px solid #cfe3d7; background: #f2f8f4; border-radius: 9px; }.workspace-icon { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 9px; background: #3a9c6c; color: white; }.workspace-icon svg { width: 20px; }.workspace-card > div { min-width: 0; display: grid; flex: 1; }.workspace-card strong { font: 700 13px "Manrope"; }.workspace-card small { color: #718579; font-size: 12px; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.workspace-actions { display: flex; gap: 6px; }.sheet-link { text-decoration: none; color: white; background: #31865d; border-radius: 6px; padding: 7px 9px; font: 700 12px "Manrope"; white-space: nowrap; }.sheet-link:hover { background: #28734f; }.sheet-link.disabled { background: #a2aaa5; pointer-events: none; }.sheet-update { border: 1px solid #bcd5c6; background: white; color: #39775b; border-radius: 6px; padding: 7px 9px; font: 700 12px "Manrope"; cursor: pointer; white-space: nowrap; }
.talent-source { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; padding: 11px; border-radius: 8px; background: #edf7f1; }.talent-source div { display: grid; }.talent-source strong { font-size: 12px; }.talent-source small { color: #718579; font-size: 12px; margin-top: 2px; }

/* Content operations system */
.content-pulse { background: #ffb52e; box-shadow: 0 0 0 4px rgba(255,181,46,.14); }.studio-view::before { content: ""; position: fixed; z-index: -1; width: 480px; height: 480px; top: 80px; left: -230px; border-radius: 50%; background: radial-gradient(circle,rgba(255,181,46,.11),transparent 68%); pointer-events: none; }
.studio-hero { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }.studio-hero p { margin: 8px 0 0; color: var(--muted); }.studio-actions { display: flex; gap: 8px; }
.studio-pulse { position: relative; overflow: hidden; margin-top: 22px; padding: 18px 20px; border-radius: 14px; color: white; background: #1d1d1d; display: flex; align-items: center; justify-content: space-between; gap: 20px; }.studio-pulse::after { content: "CONTENT"; position: absolute; right: 180px; top: -8px; color: rgba(255,255,255,.035); font: 800 64px/1 "Manrope"; letter-spacing: -4px; }.studio-pulse > div { display: grid; gap: 3px; }.studio-pulse small { color: #ffbd4a; font: 800 12px "Manrope"; letter-spacing: 1.2px; }.studio-pulse strong { font: 800 15px "Manrope"; }.studio-pulse p { margin: 0; color: #66625c; font-size: 12px; }.studio-pulse button { position: relative; z-index: 1; height: 38px; border: 1px solid #464646; border-radius: 9px; padding: 0 14px; color: #191919; background: #ffcf3b; font: 800 12px "Manrope"; cursor: pointer; }
.studio-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin: 14px 0; }.studio-metrics article { min-height: 92px; padding: 15px; border: 1px solid var(--line); border-radius: 11px; background: white; display: grid; align-content: center; }.studio-metrics small { color: #66625c; font: 800 12px "Manrope"; letter-spacing: .8px; }.studio-metrics strong { margin: 3px 0; font: 800 24px "Manrope"; }.studio-metrics span { color: #66625c; font-size: 12px; }.studio-metrics .alert-metric { color: #9d5d17; background: #fff6e8; border-color: #f0d7ad; }
.studio-alert { margin: 10px 0 15px; padding: 12px 14px; border: 1px solid #f1c7c5; border-radius: 10px; color: #983f3f; background: #fff0ef; font-size: 12px; line-height: 1.5; }.studio-alert strong { font-family: "Manrope"; }
.studio-workspace-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-top: 22px; }.studio-workspace-head > div:first-child { display: flex; align-items: center; gap: 8px; }.studio-workspace-head h2 { margin: 0; font: 800 20px "Manrope"; letter-spacing: -.7px; }.studio-workspace-head span { padding: 4px 7px; border-radius: 5px; color: #5f5c57; background: #eae6df; font: 700 12px "Manrope"; }.studio-modes { padding: 3px; border: 1px solid var(--line); border-radius: 9px; background: white; display: flex; }.studio-modes button { height: 32px; border: 0; border-radius: 6px; padding: 0 11px; color: #5f5c57; background: transparent; font: 700 12px "Manrope"; cursor: pointer; }.studio-modes button.active { color: white; background: #222; }
.studio-filters { display: grid; grid-template-columns: 180px 180px minmax(230px,1fr); gap: 8px; margin: 12px 0; }.studio-filters select,.studio-filters input { min-height: 38px; background: white; font-size: 12px; }.studio-filters label { display: flex; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; background: white; }.studio-filters label svg { width: 15px; color: #66625c; }.studio-filters label input { padding: 0; border: 0; }
.content-board { display: grid; grid-template-columns: repeat(4,minmax(220px,1fr)); gap: 10px; align-items: start; overflow-x: auto; padding-bottom: 5px; }.content-lane { min-height: 380px; padding: 10px; border: 1px solid #e1dcd4; border-radius: 11px; background: rgba(232,227,218,.46); }.content-lane-head { padding: 2px 2px 10px; display: flex; align-items: center; justify-content: space-between; }.content-lane-head strong { font: 800 12px "Manrope"; text-transform: uppercase; letter-spacing: .5px; }.content-lane-head span { min-width: 21px; height: 20px; display: grid; place-items: center; border-radius: 10px; background: white; font: 700 12px "Manrope"; }.content-card { width: 100%; margin-bottom: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: white; text-align: left; cursor: pointer; box-shadow: 0 1px 0 rgba(0,0,0,.02); transition: .18s; }.content-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }.content-card-top { display: flex; justify-content: space-between; gap: 8px; }.content-card-type { color: #75716b; font: 800 12px "Manrope"; text-transform: uppercase; }.content-card-status { padding: 3px 5px; border-radius: 4px; color: #5c7090; background: #e8eef7; font: 700 12px "Manrope"; text-transform: uppercase; }.content-card h3 { margin: 8px 0 3px; font: 800 13px/1.3 "Manrope"; }.content-card p { margin: 0; color: #66625c; font-size: 12px; }.content-card-foot { margin-top: 10px; padding-top: 9px; border-top: 1px solid #eeeae5; display: flex; align-items: center; justify-content: space-between; }.content-card-foot span { color: #5f5c57; font-size: 12px; }.sla-risk { color: var(--red) !important; font-weight: 700; }.card-health { margin: 10px 0 -5px; font: 800 12px "Manrope"; text-transform: uppercase; letter-spacing: .35px; }
.studio-calendar { display: grid; grid-template-columns: repeat(7,minmax(130px,1fr)); overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; background: white; }.calendar-day { min-height: 340px; padding: 11px; border-right: 1px solid var(--line); }.calendar-day:last-child { border: 0; }.calendar-day header { display: grid; margin-bottom: 10px; }.calendar-day header small { color: #66625c; font-size: 12px; text-transform: uppercase; }.calendar-day header strong { font: 800 17px "Manrope"; }.calendar-event { margin: 7px 0; padding: 8px; border-left: 3px solid var(--blue); border-radius: 6px; background: #f2f5fa; cursor: pointer; }.calendar-event.live { border-color: var(--red); background: #fff0ef; }.calendar-event strong { display: block; font-size: 12px; }.calendar-event small { color: #5f5c57; font-size: 12px; }
.capacity-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }.capacity-card { padding: 16px; border: 1px solid var(--line); border-radius: 11px; background: white; }.capacity-person { display: flex; align-items: center; gap: 9px; }.capacity-person div { display: grid; }.capacity-person strong { font: 800 13px "Manrope"; }.capacity-person small { color: #66625c; font-size: 12px; }.capacity-bar { height: 7px; margin: 14px 0 7px; overflow: hidden; border-radius: 4px; background: #ece8e1; }.capacity-bar span { display: block; height: 100%; border-radius: inherit; background: var(--green); }.capacity-card.over .capacity-bar span { background: var(--red); }.capacity-meta { display: flex; justify-content: space-between; color: #5f5c57; font-size: 12px; }
.playbook-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.playbook { min-height: 180px; padding: 17px; border: 1px solid var(--line); border-radius: 12px; background: white; display: flex; flex-direction: column; }.playbook > small { color: var(--red); font: 800 12px "Manrope"; letter-spacing: 1px; }.playbook h3 { margin: 8px 0 5px; font: 800 15px "Manrope"; }.playbook p { margin: 0; color: #5f5c57; font-size: 12px; line-height: 1.45; }.playbook footer { margin-top: auto; display: flex; align-items: center; justify-content: space-between; }.playbook footer span { color: #66625c; font-size: 12px; }.playbook button { border: 0; color: var(--red); background: transparent; font: 800 12px "Manrope"; cursor: pointer; }
.team-collab,.approval-matrix { margin: 0; padding: 11px; border: 1px solid var(--line); border-radius: 9px; display: flex; flex-wrap: wrap; gap: 8px 14px; }.team-collab legend,.approval-matrix legend { padding: 0 5px; color: #5f5c57; font: 800 12px "Manrope"; }.team-collab label,.approval-matrix label { display: flex !important; align-items: center; gap: 6px; font-size: 12px !important; }.team-collab input,.approval-matrix input { width: 15px; min-height: 15px; }
.review-os-summary { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--line); }.review-os-summary div { padding: 11px 13px; display: grid; gap: 3px; }.review-os-summary div:nth-child(odd) { border-right: 1px solid var(--line); }.review-os-summary span { color: #66625c; font-size: 12px; text-transform: uppercase; }.review-os-summary strong { font: 700 12px/1.4 "Manrope"; }
.health-orbit { display: grid; grid-template-columns: 92px 1fr; gap: 14px; align-items: center; }.health-score { width: 80px; height: 80px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--health-color,var(--green)) calc(var(--health)*1%),#ece8e1 0); position: relative; }.health-score::after { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: white; }.health-score strong { position: relative; z-index: 1; font: 800 18px "Manrope"; }.health-details { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.health-details div { padding: 9px; border-radius: 7px; background: #f5f2ed; display: grid; }.health-details small { color: #66625c; font-size: 12px; }.health-details strong { font-size: 12px; margin-top: 2px; }
.approval-gates { display: grid; gap: 7px; }.gate-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 8px; padding: 9px; border-radius: 7px; background: #f7f5f1; }.gate-row strong { font-size: 12px; }.gate-row small { color: #66625c; font-size: 12px; }.gate-row select { width: 115px; min-height: 30px; padding: 4px 7px; font-size: 12px; }.sla-chip { padding: 3px 5px; border-radius: 4px; color: #9a661c; background: #f8e7cc; font: 700 12px "Manrope"; }
.conversation-form { display: flex; gap: 7px; margin-top: 12px; }.conversation-form input { min-height: 37px; }.conversation-form button { flex: 0 0 auto; }
.report-hero { padding: 17px; border-radius: 11px; color: white; background: #1e1e1e; display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }.report-hero div { display: grid; }.report-hero small { color: #66625c; font-size: 12px; }.report-hero strong { margin-top: 3px; font: 800 16px "Manrope"; }.report-bars { display: grid; gap: 9px; }.report-bar > div { display: flex; justify-content: space-between; color: #5f5c57; font-size: 12px; }.report-bar i { display: block; height: 7px; margin-top: 5px; overflow: hidden; border-radius: 4px; background: #ece8e1; }.report-bar i span { display: block; height: 100%; border-radius: inherit; background: var(--blue); }
.asset-dialog { width: min(720px,calc(100vw - 30px)); }.asset-dialog form { max-height: 90vh; overflow-y: auto; }.asset-dialog .dialog-head p { margin: 3px 0 0; color: #66625c; font-size: 12px; }.asset-preview { min-height: 130px; border-radius: 11px; color: #5f5c57; background: repeating-linear-gradient(135deg,#f1eee9,#f1eee9 12px,#eae6df 12px,#eae6df 24px); display: grid; place-items: center; font: 800 13px "Manrope"; }.rule-list { display: grid; gap: 7px; }.rule-toggle { padding: 10px; border: 1px solid var(--line); border-radius: 8px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }.rule-toggle div { display: grid; }.rule-toggle strong { font-size: 12px; }.rule-toggle small { color: #66625c; font-size: 12px; }.rule-toggle input { width: 17px; min-height: 17px; }
.ai-copilot { position: fixed; z-index: 75; inset: 0 0 0 auto; width: min(430px,95vw); padding: 20px; color: white; background: #181818; transform: translateX(105%); transition: transform .28s ease; display: flex; flex-direction: column; }.ai-copilot.open { transform: translateX(0); }.ai-scrim { z-index: 72; }.ai-head { display: flex; justify-content: space-between; }.ai-head small { color: #ffcf3b; font: 800 12px "Manrope"; letter-spacing: 1px; }.ai-head h2 { margin: 4px 0 0; font: 800 20px "Manrope"; }.ai-head button { width: 34px; height: 34px; border: 1px solid #3b3b3b; border-radius: 50%; color: white; background: transparent; cursor: pointer; }.ai-context { margin: 16px 0; padding: 9px; border-radius: 7px; color: #66625c; background: #252525; font-size: 12px; }.ai-messages { flex: 1; overflow-y: auto; display: grid; align-content: start; gap: 9px; }.ai-message { max-width: 88%; padding: 11px; border-radius: 10px; color: #d5d5d5; background: #282828; font-size: 12px; line-height: 1.55; }.ai-message.user { justify-self: end; color: #222; background: #ffcf3b; }.ai-prompts { margin: 12px 0; display: flex; flex-wrap: wrap; gap: 6px; }.ai-prompts button { border: 1px solid #3e3e3e; border-radius: 7px; padding: 7px; color: #bbb; background: transparent; font-size: 12px; cursor: pointer; }.ai-prompts button:hover { color: white; border-color: #5f5c57; }.ai-copilot form { display: flex; gap: 7px; }.ai-copilot input { color: white; background: #252525; border-color: #3a3a3a; }.ai-copilot form button { border: 0; border-radius: 8px; padding: 0 13px; background: #ffcf3b; font-weight: 800; cursor: pointer; }

/* Super Admin control room */
.nav-stack.admin-enabled { grid-template-columns: repeat(5,1fr); }

/* Ops Builder · focused media metrics */
.ops-view { position:relative; }.ops-view::before { content:""; position:fixed; z-index:-1; left:32%; top:80px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(255,207,59,.1),transparent 68%); pointer-events:none; }
.ops-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:20px; }.ops-hero h1 { margin:6px 0 7px; font:800 clamp(36px,4.2vw,58px)/.92 "Manrope"; letter-spacing:-3px; }.ops-hero p { max-width:600px; margin:0; color:var(--muted); font-size:13px; }.ops-spark { color:#d6a400; font-size:13px; }.ops-mode-switch { padding:4px; display:flex; border-radius:10px; background:#e9e5df; }.ops-mode-switch button { min-height:36px; padding:0 13px; border:0; border-radius:7px; color:#7b7873; background:transparent; font:800 12px "Manrope"; cursor:pointer; }.ops-mode-switch button.active { color:white; background:#20201f; box-shadow:0 4px 12px rgba(0,0,0,.14); }
.ops-pulse { min-height:93px; padding:17px 20px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-radius:14px 14px 0 0; color:#f8f7f4; background:#20201f; overflow:hidden; position:relative; }.ops-pulse::after { content:""; position:absolute; width:210px; height:210px; right:110px; border:1px solid #40403c; border-radius:50%; }.ops-pulse > div { position:relative; z-index:1; display:grid; }.ops-pulse small { color:#ffcf3b; font:800 12px "Manrope"; letter-spacing:1.1px; }.ops-pulse strong { margin:4px 0 2px; font:800 16px "Manrope"; letter-spacing:-.4px; }.ops-pulse p { margin:0; color:#9c9a96; font-size:12px; }.ops-pulse-badge { position:relative; z-index:1; padding:9px 12px; border:1px solid #494945; border-radius:8px; color:#ffcf3b; font:800 12px "Manrope"; letter-spacing:.8px; }
.toolbox-layout { min-height:570px; display:grid; grid-template-columns:265px minmax(0,1fr); border:1px solid var(--line); border-top:0; border-radius:0 0 14px 14px; background:white; overflow:hidden; }.tool-rail { padding:9px; border-right:1px solid var(--line); background:#f6f4f0; }.tool-rail button { width:100%; min-height:72px; padding:10px; display:grid; grid-template-columns:27px 1fr 15px; align-items:center; gap:8px; border:0; border-bottom:1px solid #e5e1db; text-align:left; color:#242321; background:transparent; cursor:pointer; }.tool-rail button:last-child { border:0; }.tool-rail button > span { width:25px; height:25px; display:grid; place-items:center; border-radius:7px; color:#97928b; background:#e8e4de; font:800 12px "Manrope"; }.tool-rail button div { display:grid; }.tool-rail strong { font:800 12px "Manrope"; }.tool-rail small { margin-top:3px; color:#99948d; font-size:12px; }.tool-rail b { color:#aaa59e; font-size:13px; }.tool-rail button.active { border-radius:9px; color:white; background:#242321; box-shadow:0 9px 20px rgba(0,0,0,.12); }.tool-rail button.active > span { color:#242321; background:#ffcf3b; }.tool-rail button.active small { color:#aaa8a4; }.tool-rail button.active b { color:#ffcf3b; }
.metrics-only-layout { grid-template-columns:minmax(0,1fr); min-height:0; }
.tool-stage { min-width:0; padding:24px; }.tool-stage-head { min-height:69px; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); }.tool-stage-head small { color:var(--red); font:800 12px "Manrope"; letter-spacing:1.1px; }.tool-stage-head h2 { margin:5px 0 3px; font:800 22px "Manrope"; letter-spacing:-1px; }.tool-stage-head p { max-width:560px; margin:0 0 14px; color:#85817a; font-size:12px; line-height:1.5; }.tool-stage-head > span { flex:0 0 auto; padding:6px 8px; border-radius:6px; color:#5f5c57; background:#f0ede8; font:800 12px "Manrope"; text-transform:uppercase; letter-spacing:.5px; }
.tool-form { margin-top:18px; }.tool-form-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; }.tool-form label { display:grid; gap:5px; color:#69655f; font:800 12px "Manrope"; letter-spacing:.2px; }.tool-form input,.tool-form select { min-height:41px; width:100%; padding:9px 10px; border:1px solid #dfdad3; border-radius:8px; color:#262522; background:#fbfaf8; font:600 12px "DM Sans"; outline:none; }.tool-form input:focus,.tool-form select:focus { border-color:#aaa39a; box-shadow:0 0 0 3px rgba(0,0,0,.035); }.tool-result { min-height:108px; margin-top:16px; padding:17px 19px; display:grid; align-content:center; border-radius:11px; color:white; background:linear-gradient(120deg,#242321,#33322e); }.tool-result small { color:#ffcf3b; font:800 12px "Manrope"; letter-spacing:1px; }.tool-result strong { margin:5px 0 2px; font:800 clamp(20px,3vw,31px) "Manrope"; letter-spacing:-1.3px; }.tool-result span { color:#a8a5a0; font-size:12px; }.calculate-button { min-height:40px; margin-top:12px; padding:0 14px; border:0; border-radius:8px; color:#242321; background:#ffcf3b; font:800 12px "Manrope"; cursor:pointer; }.calculate-button:hover { background:#f6c52f; transform:translateY(-1px); }.formula-note { margin-top:20px; padding-top:12px; display:flex; gap:12px; border-top:1px solid var(--line); color:#98938c; font-size:12px; }.formula-note b { color:#3f3d39; font:800 12px "Manrope"; letter-spacing:.7px; }.metric-result-grid { margin-top:16px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:10px; overflow:hidden; }.metric-result-grid article { min-height:88px; padding:14px; display:grid; align-content:center; border-right:1px solid var(--line); }.metric-result-grid article:last-child { border:0; }.metric-result-grid small { color:#66625c; font:800 12px "Manrope"; letter-spacing:.8px; }.metric-result-grid strong { margin-top:5px; font:800 17px "Manrope"; }.timeline-output { margin-top:16px; border:1px solid var(--line); border-radius:10px; overflow:hidden; }.timeline-step { min-height:55px; padding:8px 13px; display:flex; align-items:center; gap:10px; border-bottom:1px solid #eeeae4; }.timeline-step:last-child { border:0; background:#242321; color:white; }.timeline-step i { width:29px; height:29px; display:grid; place-items:center; border-radius:8px; color:#6f6962; background:#efebe5; font:800 12px "Manrope"; font-style:normal; }.timeline-step:last-child i { color:#242321; background:#ffcf3b; }.timeline-step div { display:grid; }.timeline-step strong { font:800 12px "Manrope"; }.timeline-step small { margin-top:2px; color:#66625c; font-size:12px; }
.media-metric-grid { margin-top:18px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); overflow:hidden; border:1px solid var(--line); border-radius:12px; background:#20201f; }
.media-metric-grid article { min-height:112px; padding:15px; display:grid; align-content:center; border-right:1px solid #383735; border-bottom:1px solid #383735; color:white; }
.media-metric-grid article:nth-child(5n) { border-right:0; }
.media-metric-grid article:nth-last-child(-n+5) { border-bottom:0; }
.media-metric-grid small { color:#ffcf3b; font:800 12px "Manrope"; letter-spacing:.9px; }
.media-metric-grid strong { margin:6px 0 3px; font:800 19px "Manrope"; letter-spacing:-.5px; }
.media-metric-grid span { color:#aaa7a2; font-size:12px; line-height:1.35; }
.people-hero { min-height:125px; padding:20px; display:flex; align-items:center; justify-content:space-between; gap:22px; border-radius:14px; color:white; background:#20201f; }.people-hero small { color:#ffcf3b; font:800 12px "Manrope"; letter-spacing:1px; }.people-hero h2 { margin:5px 0 4px; font:800 23px "Manrope"; letter-spacing:-1px; }.people-hero p { max-width:570px; margin:0; color:#aaa7a2; font-size:12px; }.performance-controls { display:flex; gap:7px; }.performance-controls select { min-height:37px; padding:0 10px; border:1px solid #41413e; border-radius:8px; color:#e8e6e2; background:#2d2d2a; font-size:12px; }.people-metrics { margin:14px 0; display:grid; grid-template-columns:1.2fr repeat(3,1fr); gap:10px; }.people-metric,.people-metrics article { min-height:102px; padding:15px; display:grid; align-content:center; border:1px solid var(--line); border-radius:11px; background:white; }.people-metric.feature { color:white; background:var(--red); border-color:var(--red); }.people-metrics small { color:#66625c; font:800 12px "Manrope"; letter-spacing:.9px; }.people-metric.feature small { color:#ffd3d2; }.people-metrics strong { margin:3px 0; font:800 25px "Manrope"; letter-spacing:-1px; }.people-metrics span { color:#66625c; font-size:12px; }.people-metric.feature span { color:#ffd8d7; }.people-metrics .risk strong { color:var(--red); }
.performance-grid { display:grid; grid-template-columns:minmax(0,1.5fr) 285px; gap:12px; align-items:start; }.performance-board,.score-guide { border:1px solid var(--line); border-radius:12px; background:white; overflow:hidden; }.performance-head { min-height:76px; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.performance-head small,.score-guide > small { color:var(--red); font:800 12px "Manrope"; letter-spacing:1px; }.performance-head h2 { margin:3px 0 0; font:800 17px "Manrope"; }.people-table-head,.people-row { width:100%; display:grid; grid-template-columns:minmax(195px,1.3fr) 72px 72px 72px 110px; gap:8px; align-items:center; padding:0 16px; }.people-table-head { min-height:34px; color:#aaa59e; background:#faf9f7; font:800 12px "Manrope"; text-transform:uppercase; letter-spacing:.6px; }.people-row { min-height:65px; border:0; border-top:1px solid #eeeae5; text-align:left; background:white; cursor:pointer; }.people-row:hover { background:#fbfaf8; }.person-cell { min-width:0; display:flex; align-items:center; gap:9px; }.person-cell div { min-width:0; display:grid; }.person-cell strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:800 12px "Manrope"; }.person-cell small { margin-top:2px; color:#66625c; font-size:12px; }.people-row > span { color:#666; font:700 12px "Manrope"; }.pulse-cell { display:grid; grid-template-columns:25px 1fr; gap:7px; align-items:center; }.pulse-cell b { font:800 13px "Manrope"; }.pulse-cell i { height:5px; border-radius:4px; background:#ece8e1; overflow:hidden; }.pulse-cell i span { display:block; height:100%; border-radius:inherit; background:#247759; }.people-empty { min-height:160px; display:grid; place-items:center; color:#66625c; font-size:12px; }.score-guide { padding:18px; }.score-guide h3 { margin:5px 0 14px; font:800 18px "Manrope"; }.score-ring { width:105px; height:105px; margin:0 auto 16px; display:grid; place-content:center; text-align:center; border-radius:50%; background:radial-gradient(circle at center,#fff 57%,transparent 58%),conic-gradient(#ffcf3b 0 35%,#c6282f 35% 60%,#247759 60% 80%,#7872db 80% 90%,#77a9d6 90%); }.score-ring strong { font:800 24px "Manrope"; }.score-ring span { color:#66625c; font-size:12px; }.score-guide ol { margin:0; padding:0; list-style:none; }.score-guide li { min-height:31px; display:grid; grid-template-columns:38px 1fr; align-items:center; border-bottom:1px solid #eeeae5; }.score-guide li b { font:800 12px "Manrope"; }.score-guide li span { color:#5f5c57; font-size:12px; }.score-guide > p { margin:13px 0 0; padding:10px; border-radius:7px; color:#78736c; background:#f4f1ec; font-size:12px; line-height:1.5; }
.admin-view { position:relative; }.admin-view::before { content:""; position:fixed; z-index:-1; width:620px; height:620px; right:-260px; top:70px; border-radius:50%; background:radial-gradient(circle,rgba(239,62,66,.065),transparent 68%); pointer-events:none; }
.admin-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:20px; }.admin-hero h1 { margin:6px 0 7px; font:800 clamp(34px,4vw,55px)/.95 "Manrope"; letter-spacing:-2.7px; }.admin-hero p { margin:0; max-width:580px; color:var(--muted); font-size:13px; }.admin-live-dot { width:8px; height:8px; border-radius:2px; background:var(--red); box-shadow:0 0 0 4px rgba(239,62,66,.1); transform:rotate(45deg); }
.admin-command-strip { display:grid; grid-template-columns:repeat(4,1fr); overflow:hidden; border:1px solid #2a2927; border-radius:13px; color:white; background:#1d1d1c; box-shadow:0 16px 34px rgba(28,26,23,.12); }.admin-command-strip article { min-height:96px; padding:15px 17px; display:flex; align-items:center; gap:12px; border-right:1px solid #363533; }.admin-command-strip article:last-child { border:0; }.admin-command-strip div { display:grid; }.admin-command-strip small { color:#85827e; font:800 12px "Manrope"; letter-spacing:1px; }.admin-command-strip strong { margin:2px 0; font:800 24px "Manrope"; letter-spacing:-1px; }.admin-command-strip p { margin:0; color:#8f8c88; font-size:12px; }.admin-signal { width:30px; height:30px; flex:0 0 auto; display:grid; place-items:center; border-radius:9px; background:#292927; font-size:12px; }.admin-signal.green { color:#53cc94; }.admin-signal.amber { color:#ffbd4a; }.admin-signal.red { color:#ff575a; }.admin-signal.ink { color:white; }
.admin-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.62fr); gap:14px; margin-top:14px; align-items:start; }.admin-main-column,.admin-side-column { display:grid; gap:14px; }.admin-panel { overflow:hidden; border:1px solid var(--line); border-radius:13px; background:white; box-shadow:0 1px 0 rgba(0,0,0,.02); }.admin-panel-head { min-height:78px; padding:15px 17px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid #ece8e2; }.admin-panel-head > div { display:grid; }.admin-panel-head small { color:var(--red); font:800 12px "Manrope"; letter-spacing:1.15px; }.admin-panel-head h2 { margin:4px 0 2px; font:800 16px "Manrope"; letter-spacing:-.5px; }.admin-panel-head p { margin:0; color:#66625c; font-size:12px; }.admin-search { width:220px; height:36px; padding:0 10px; border:1px solid var(--line); border-radius:8px; background:#faf9f7; display:flex; align-items:center; gap:7px; }.admin-search svg { width:14px; color:#66625c; }.admin-search input { min-height:0; padding:0; border:0; background:transparent; font-size:12px; }
.member-table { min-height:180px; }.member-table-head,.member-row { display:grid; grid-template-columns:minmax(220px,1.3fr) 130px 130px 90px 34px; gap:10px; align-items:center; padding:0 17px; }.member-table-head { min-height:34px; color:#66625c; background:#faf9f7; font:800 12px "Manrope"; letter-spacing:.7px; text-transform:uppercase; }.member-row { min-height:67px; border-top:1px solid #f0ece7; }.member-row:hover { background:#fcfbf9; }.member-person { min-width:0; display:flex; align-items:center; gap:9px; }.member-person > span { width:31px; height:31px; flex:0 0 auto; display:grid; place-items:center; border-radius:9px; color:white; background:#242321; font:800 12px "Manrope"; }.member-person div { min-width:0; display:grid; }.member-person strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:800 12px "Manrope"; }.member-person small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#66625c; font-size:12px; margin-top:2px; }.member-role { font:700 12px "Manrope"; }.member-scope { color:#85817b; font-size:12px; }.member-status { justify-self:start; padding:4px 7px; border-radius:5px; color:#2d7758; background:#e4f1e9; font:800 12px "Manrope"; text-transform:uppercase; }.member-status.suspended,.member-status.removed { color:#a23a3d; background:#fae6e5; }.member-status.invited { color:#9d681b; background:#faecd7; }.member-edit { width:30px; height:30px; border:1px solid var(--line); border-radius:8px; background:white; cursor:pointer; }.member-edit:hover { border-color:#66625c; }.admin-loading,.admin-empty { min-height:180px; display:flex; align-items:center; justify-content:center; gap:8px; color:#66625c; font-size:12px; }.admin-loading span { width:14px; height:14px; border:2px solid #e4dfd8; border-top-color:var(--red); border-radius:50%; animation:ssoSpin .7s linear infinite; }
.policy-lock,.save-state,.audit-shield { padding:5px 7px; border-radius:5px; color:#5f5c57; background:#f1eee9; font:800 12px "Manrope"; letter-spacing:.5px; }.save-state { color:#277357; background:#e5f2ea; }.save-state.saving { color:#9c681d; background:#faecd7; }.role-map { display:grid; grid-template-columns:repeat(4,1fr); }.role-card { min-height:128px; padding:14px; border-right:1px solid #eeeae4; border-bottom:1px solid #eeeae4; display:flex; flex-direction:column; }.role-card:nth-child(4n) { border-right:0; }.role-card:nth-last-child(-n+4) { border-bottom:0; }.role-card > span { width:25px; height:25px; display:grid; place-items:center; border-radius:7px; color:white; background:#242321; font:800 12px "Manrope"; }.role-card.admin-role > span { background:var(--red); }.role-card h3 { margin:9px 0 4px; font:800 12px "Manrope"; }.role-card p { margin:0; color:#5f5c57; font-size:12px; line-height:1.45; }.role-card footer { margin-top:auto; padding-top:8px; color:#66625c; font:700 12px "Manrope"; text-transform:uppercase; letter-spacing:.4px; }
.system-panel form { padding:3px 16px 16px; }.admin-select-row,.control-toggle { min-height:58px; border-bottom:1px solid #eeeae5; display:flex; align-items:center; justify-content:space-between; gap:12px; }.admin-select-row > span,.control-toggle > span { display:grid; }.admin-select-row strong,.control-toggle strong { font:800 12px "Manrope"; }.admin-select-row small,.control-toggle small { margin-top:2px; color:#66625c; font-size:12px; }.admin-select-row select { width:80px; min-height:32px; padding:5px 8px; font-size:12px; }.control-toggle { position:relative; cursor:pointer; }.control-toggle input { position:absolute; opacity:0; pointer-events:none; }.control-toggle i { position:relative; width:32px; height:18px; flex:0 0 auto; border-radius:9px; background:#d9d5cf; transition:.18s; }.control-toggle i::after { content:""; position:absolute; width:12px; height:12px; left:3px; top:3px; border-radius:50%; background:white; box-shadow:0 1px 3px rgba(0,0,0,.2); transition:.18s; }.control-toggle input:checked + i { background:#247759; }.control-toggle input:checked + i::after { transform:translateX(14px); }.danger-toggle input:checked + i { background:var(--red); }.admin-save-button { width:100%; margin-top:14px; }.admin-audit-list { max-height:390px; overflow-y:auto; padding:4px 16px 12px; }.audit-event { padding:12px 0; border-bottom:1px solid #eeeae5; display:grid; grid-template-columns:25px 1fr; gap:8px; }.audit-event:last-child { border:0; }.audit-event > span { width:25px; height:25px; display:grid; place-items:center; border-radius:7px; color:#666; background:#f0ede8; font-size:12px; }.audit-event div { display:grid; }.audit-event strong { font:800 12px "Manrope"; }.audit-event p { margin:2px 0 0; color:#5f5c57; font-size:12px; line-height:1.4; }.audit-event time { margin-top:4px; color:#66625c; font-size:12px; }
.member-dialog { width:min(680px,calc(100vw - 28px)); }.member-dialog form { padding:22px; }.member-identity-preview { margin:14px 0; padding:12px; border-radius:10px; color:white; background:#20201f; display:flex; align-items:center; gap:10px; }.member-identity-preview > span { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:#20201f; background:#ffcf3b; font:800 13px "Manrope"; }.member-identity-preview div { flex:1; display:grid; }.member-identity-preview strong { font:800 13px "Manrope"; }.member-identity-preview small { color:#66625c; font-size:12px; margin-top:2px; }.member-identity-preview i { padding:4px 7px; border:1px solid #464642; border-radius:5px; color:#8fd9b7; font:800 12px "Manrope"; font-style:normal; }.member-form-grid { margin-bottom:12px; }.member-permission-preview { min-height:62px; padding:12px; border:1px solid #e1ddd6; border-radius:9px; background:#f7f5f1; }.member-permission-preview strong { display:block; font:800 12px "Manrope"; }.member-permission-preview p { margin:4px 0 0; color:#5f5c57; font-size:12px; line-height:1.45; }.member-dialog-actions { align-items:center; }.member-dialog-actions > span { flex:1; }.danger-button { min-height:39px; border:1px solid #efc2c1; border-radius:8px; padding:0 13px; color:#ad3438; background:#fff1f0; font:800 12px "Manrope"; cursor:pointer; }.danger-button:hover { background:#fee4e3; }

@media (max-width: 1100px) {
  .metrics { grid-template-columns: repeat(2,1fr); }
  .board { overflow-x: auto; grid-template-columns: repeat(3,minmax(290px,1fr)); padding-bottom: 8px; }
  .metric-card small { justify-self: start; margin-left: 12px; }
  .campaign-metrics { grid-template-columns: repeat(2,1fr); }.campaign-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.stage-rail { overflow-x: auto; grid-template-columns: repeat(10,minmax(105px,1fr)); }.attention-items .attention-item:nth-child(n+3) { display: none; }.mission-dock { min-width: 690px; grid-template-columns: 110px 1fr 85px; }.dock-brand { padding-left: 8px; }.dock-status span { display: none; }.nav-item { min-width: 0; }.content-board { grid-template-columns: repeat(4,minmax(230px,1fr)); }.capacity-grid,.playbook-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 760px) {
  .sso-gate { grid-template-columns: 1fr; grid-template-rows: minmax(220px,38svh) 1fr; overflow-y: auto; }.sso-brand-panel { padding: 23px 20px; }.sso-brand-panel > img { width: 105px; }.sso-brand-panel::after { width: 88px; height: 88px; right: 7%; top: 26%; }.sso-brand-copy h1 { margin: 10px 0 8px; font-size: clamp(40px,13vw,57px); }.sso-brand-copy p { display: none; }.sso-signal { font-size: 12px; }.sso-action-panel { padding: 35px 20px 75px; justify-content: flex-start; }.sso-card { max-width: none; }.sso-card h2 { font-size: 34px; }.sso-card > p { font-size: 13px; margin-bottom: 22px; }.sso-action-panel > footer { left: 20px; bottom: 24px; }
  .mission-dock { width: calc(100% - 20px); min-width: 0; height: 64px; bottom: 8px; padding: 6px; grid-template-columns: 1fr; border-radius: 16px; }.dock-brand, .dock-status { display: none; }.nav-stack { width: 100%; height: 50px; grid-template-columns: repeat(4,1fr); }.nav-item { min-width: 0; height: 44px; padding: 0 6px; gap: 5px; font-size: 12px; }.nav-item:hover { transform: none; }.nav-item svg { width: 15px; }
  .main-area { width: 100%; margin: 0; padding-bottom: 90px; }.topbar { height: 62px; padding: 0 15px; }.mobile-brand { flex-basis: auto; }.mobile-brand img { width: 82px; }.global-search { width: 40px; background: transparent; padding: 0 9px; margin-left: auto; }.global-search input, .global-search kbd { display: none; }.top-actions { gap: 3px; }.top-help, .profile-top { display: none; }.primary-button { padding: 0 11px; }.top-actions .primary-button { font-size: 0; width: 40px; }.top-actions .primary-button span { font-size: 21px; }
  .mobile-role-button { display: grid; place-items: center; width: 31px; height: 31px; border: 0; border-radius: 50%; background: #242424; color: white; font: 700 12px "Manrope"; cursor: pointer; }
  .top-actions .primary-button .button-label { display: none !important; }
  .content { padding: 22px 15px 30px; }.page-heading { align-items: flex-start; }.page-heading p { font-size: 13px; max-width: 280px; }.heading-actions { align-self: flex-start; }.heading-actions .secondary-button, .heading-actions .icon-button { display: none; }
  .metrics { grid-template-columns: 1fr 1fr; gap: 8px; margin: 20px 0 24px; }.metric-card { padding: 12px; align-items: flex-start; }.metric-icon { width: 32px; height: 32px; }.metric-card > div:last-child { grid-template-columns: 1fr; }.metric-card span { font-size: 12px; }.metric-card strong { font-size: 20px; }.metric-card small { display: none; }
  .team-tabs { overflow: hidden; }.board-members { display: none; }.team-tab { padding-inline: 11px; }
  .board { grid-template-columns: repeat(3,minmax(282px,85vw)); margin-right: -15px; scroll-snap-type: x mandatory; }.kanban-column { scroll-snap-align: start; }
  .role-popover { left: auto; right: 15px; bottom: auto; top: 57px; }.notification-popover { right: 15px; top: 57px; }.toast { right: 15px; left: 15px; bottom: 88px; min-width: 0; }.list-view { overflow-x: auto; }.list-row { min-width: 720px; }
  .campaign-hero { align-items: flex-start; }.campaign-hero p { font-size: 13px; max-width: 260px; }.hero-tools { display: none; }.personal-hud { align-items: flex-start; padding: 13px; }.personal-copy p { max-width: 225px; }.personal-actions { display: none; }.campaign-metrics { grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }.campaign-metric { min-height: 96px; padding: 13px; }.campaign-metric.feature { grid-column: 1/-1; min-height: 105px; }.campaign-metric strong { font-size: 20px; }.campaign-metric:nth-child(4) { grid-column: 1/-1; }.attention-strip { align-items: flex-start; }.attention-items { display: none; }.attention-title { flex: 1; }.campaign-workspace-head { align-items: flex-start; }.pipeline-tools select { display: none; }.inline-search { width: 135px; }.campaign-grid { grid-template-columns: 1fr; }.stage-rail { margin-right: -15px; border-radius: 9px 0 0 9px; }.campaign-dialog form { min-height: min(690px,90vh); }.wizard-steps button { font-size: 0; }.wizard-steps i { width: 30px; }.form-grid { gap: 10px; }.review-grid { grid-template-columns: 1fr 1fr; }.review-grid div:nth-child(2) { border-right: 0; }.review-grid div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.campaign-drawer { width: 100%; bottom: 0; }.drawer-head { padding: 18px 17px 13px; }.drawer-progress, .drawer-tabs { padding-left: 17px; padding-right: 17px; }.drawer-body { padding: 15px 17px 100px; }.drawer-footer { padding: 10px 17px; bottom: 0; }.stage-timeline { overflow-x: auto; grid-template-columns: repeat(9,minmax(58px,1fr)); padding-top: 5px; }.finance-hero { grid-template-columns: 1fr 1fr; }.finance-hero div:last-child { grid-column: 1/-1; }.info-grid { grid-template-columns: 1fr 1fr; }.workspace-card { align-items: flex-start; flex-wrap: wrap; }.workspace-card > div { width: calc(100% - 52px); flex: auto; }.workspace-actions { width: 100%; }.workspace-actions > * { flex: 1; text-align: center; }.closeout-steps { grid-template-columns: 1fr 1fr; }.closeout-form { grid-template-columns: 1fr; }.closeout-form .full { grid-column: auto; }.studio-hero { align-items: flex-start; }.studio-actions { display: none; }.studio-pulse { align-items: flex-start; }.studio-pulse p { max-width: 225px; }.studio-pulse button { font-size: 0; width: 38px; padding: 0; }.studio-pulse button::first-letter { font-size: 13px; }.studio-metrics { grid-template-columns: 1fr 1fr; }.studio-workspace-head { align-items: flex-start; flex-direction: column; }.studio-modes { width: 100%; overflow-x: auto; }.studio-modes button { flex: 1; min-width: 76px; }.studio-filters { grid-template-columns: 1fr 1fr; }.studio-filters label { grid-column: 1/-1; }.content-board { margin-right: 0; grid-template-columns: 1fr; overflow: visible; }.content-lane { min-height: 0; }.capacity-grid,.playbook-grid { grid-template-columns: 1fr; }.report-hero { grid-template-columns: 1fr 1fr; }.health-orbit { grid-template-columns: 1fr; }.drawer-tabs { overflow-x: auto; }.drawer-tabs button { flex: 0 0 auto; }.team-collab,.approval-matrix { display: grid; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 420px) { .metrics { grid-template-columns: 1fr 1fr; }.metric-card { gap: 8px; }.metric-icon { display: none; }.form-grid { grid-template-columns: 1fr; } }
@media (max-width: 1100px) { .admin-grid { grid-template-columns:1fr; }.admin-side-column { grid-template-columns:1fr 1fr; } }
@media (max-width: 760px) {
  .nav-stack.admin-enabled { grid-template-columns:repeat(5,1fr); }
  .admin-hero { align-items:flex-start; }.admin-hero p { max-width:280px; }.admin-hero > .primary-button { display:none; }
  .admin-command-strip { grid-template-columns:1fr 1fr; }.admin-command-strip article:nth-child(2) { border-right:0; }.admin-command-strip article:nth-child(-n+2) { border-bottom:1px solid #363533; }
  .admin-grid,.admin-side-column { grid-template-columns:1fr; }.admin-panel-head { align-items:flex-start; }.admin-search { width:130px; }.member-table { overflow-x:auto; }.member-table-head,.member-row { min-width:720px; }
  .role-map { grid-template-columns:1fr 1fr; }.role-card:nth-child(2n) { border-right:0; }.role-card:nth-last-child(-n+4) { border-bottom:1px solid #eeeae4; }.role-card:nth-last-child(-n+2) { border-bottom:0; }.member-dialog form { padding:17px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }

@media (max-width:1100px) {
  .media-metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .media-metric-grid article,.media-metric-grid article:nth-child(5n),.media-metric-grid article:nth-last-child(-n+5) { border-right:1px solid #383735; border-bottom:1px solid #383735; }
  .media-metric-grid article:nth-child(3n) { border-right:0; }
  .media-metric-grid article:last-child { border-bottom:0; }
  .performance-grid { grid-template-columns:1fr; }.score-guide { display:grid; grid-template-columns:1fr 120px 1.3fr; gap:14px; align-items:center; }.score-guide > small,.score-guide h3,.score-guide > p { grid-column:1; }.score-guide .score-ring { grid-column:2; grid-row:1/4; margin:0; }.score-guide ol { grid-column:3; grid-row:1/4; }
}
@media (max-width:760px) {
  .ops-hero { align-items:flex-start; flex-direction:column; }.ops-hero p { max-width:310px; }.ops-pulse { min-height:105px; padding:15px; }.ops-pulse p { max-width:245px; }.ops-pulse-badge { display:none; }.toolbox-layout { display:block; }.tool-stage { padding:16px; }.tool-stage-head > span { display:none; }.tool-form-grid { grid-template-columns:1fr 1fr; }.media-metric-grid { grid-template-columns:1fr 1fr; }.media-metric-grid article,.media-metric-grid article:nth-child(3n) { border-right:1px solid #383735; border-bottom:1px solid #383735; }.media-metric-grid article:nth-child(2n) { border-right:0; }.media-metric-grid article:nth-last-child(-n+2) { border-bottom:0; }
}

/* Readability system · August 2026
   Operational information stays compact, but never miniature. */
body { line-height: 1.5; }
p, small, label, .formula-note, .legal-note { line-height: 1.5; }
button, input, select, textarea { font-size: 14px; }
button, [role="button"] { min-height: 44px; }
input, select { min-height: 44px; }
textarea { min-height: 92px; line-height: 1.5; }
.primary-button, .secondary-button { height: 44px; font-size: 14px; }
.primary-button { background: var(--red); box-shadow: 0 4px 12px rgba(198,40,47,.2); }
.view-switcher { height: 48px; }
.view-switcher button { width: 42px; }
.icon-button, .close-button, .mobile-role-button, .member-edit { min-width: 44px; width: 44px; height: 44px; }
.card-menu, .column-menu { min-width: 44px; min-height: 44px; padding: 8px; }
.add-task-inline { height: 44px; }
.eyebrow { line-height: 1.3; }
.task-description, .campaign-card p, .content-card p, .role-card p, .audit-event p { line-height: 1.55; }
.ops-pulse { min-height: 112px; padding-block: 22px; }
.tool-rail button { min-height: 72px; }
.tool-form label { font-size: 13px; }
.tool-form input, .tool-form select { min-height: 46px; font-size: 14px; }
.metric-result-grid article { min-height: 104px; }
.timeline-step { min-height: 64px; }
.people-row, .member-row { min-height: 72px; }
.member-table-head, .people-table-head { min-height: 42px; }
.role-card { min-height: 154px; }
.admin-command-strip article { min-height: 112px; }
.admin-select-row, .control-toggle { min-height: 66px; }
.drawer-tabs button, .studio-modes button, .ops-mode-switch button { min-height: 44px; }
.sheet-link, .workspace-actions a { min-height: 44px; display: inline-flex; align-items: center; }
.inline-search, .admin-search { min-height: 44px; height: 44px; }
.inline-search input, .admin-search input { min-height: 40px; font-size: 14px; }
.personal-copy p, .ops-pulse p, .admin-command-strip p,
.review-hero p, .report-hero small, .ai-context,
.member-identity-preview small { color: #c6c2bb; }
.admin-command-strip small { color: #b8b4ad; }
.review-hero small { color: #ff8f93; }
.campaign-metric.feature small,
.campaign-metric.feature div > span { color: #bdb8b1; }

@media (max-width: 760px) {
  .mission-dock { height: 82px; }
  .nav-stack { height: 68px; display: flex; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
  .nav-stack::-webkit-scrollbar { display: none; }
  .nav-item { flex: 0 0 94px; height: 62px; padding: 5px 4px; gap: 3px; flex-direction: column; font-size: 12px; line-height: 1.15; scroll-snap-align: start; }
  .main-area { padding-bottom: 112px; }
  .topbar { height: 68px; }
  .mobile-role-button { display: grid; }
  .ops-pulse { min-height: 142px; padding: 20px 15px; align-items: flex-start; }
  .ops-pulse p { max-width: 270px; }
  .tool-rail button { min-height: 64px; }
  .tool-rail button > span { width: 30px; height: 30px; }
  .tool-stage { padding: 20px 16px; }
  .tool-form-grid { gap: 12px; }
  .campaign-card, .task-card, .content-card { padding: 16px; }
  .open-campaign, .attention-strip button { min-height: 44px; padding-block: 8px; }
}