:root {
  color-scheme: dark;
  --bg: #07090d;
  --surface: #10141b;
  --surface-2: #151a22;
  --surface-3: #1a202a;
  --border: #2a313c;
  --border-soft: #20262f;
  --text: #f4f5f7;
  --muted: #8d96a5;
  --primary: #f07f00;
  --primary-strong: #ff9418;
  --primary-soft: rgba(255, 138, 0, .12);
  --zegum: #7567ff;
  --zegum-strong: #9187ff;
  --zegum-soft: rgba(111, 99, 255, .13);
  --green: #56d7a0;
  --green-soft: rgba(86, 215, 160, .12);
  --gold: #f5bd58;
  --gold-soft: rgba(245, 189, 88, .12);
  --red: #ff727f;
  --red-soft: rgba(255, 114, 127, .12);
  --blue: #6eb6ff;
  --blue-soft: rgba(110, 182, 255, .12);
  --radius: 18px;
  --shadow: 0 24px 80px rgba(0, 0, 0, .28);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; min-width: 320px; background: radial-gradient(circle at 82% -12%, rgba(255, 138, 0, .07), transparent 30%), var(--bg); color: var(--text); }
button, input, textarea { font: inherit; }
button { color: inherit; }
button:focus-visible { outline: 3px solid rgba(255, 148, 24, .38); outline-offset: 2px; }
h1, h2, h3, h4, p { margin-top: 0; }
h1 { margin-bottom: 0; font-size: clamp(1.35rem, 2vw, 1.75rem); font-weight: 650; letter-spacing: -.03em; }
h2 { margin-bottom: 10px; font-size: clamp(1.8rem, 4vw, 3rem); line-height: 1.08; letter-spacing: -.045em; }
h3 { margin-bottom: 8px; font-size: 1.15rem; letter-spacing: -.02em; }
h4 { font-size: 1rem; line-height: 1.45; }
p { color: var(--muted); line-height: 1.65; }
small { color: var(--muted); }

.auth-screen { min-height: 100vh; display: grid; grid-template-columns: minmax(420px, .92fr) minmax(360px, 1.08fr); background: radial-gradient(circle at 78% 30%, rgba(111, 99, 255, .13), transparent 30%), radial-gradient(circle at 14% 18%, rgba(255, 138, 0, .1), transparent 28%), var(--bg); }
.auth-card { display: flex; min-height: 100vh; flex-direction: column; justify-content: center; padding: clamp(34px, 7vw, 96px); border-right: 1px solid var(--border-soft); background: rgba(7, 9, 13, .72); backdrop-filter: blur(24px); }
.auth-card--loading { align-items: flex-start; }
.auth-card--loading .auth-mark { margin-bottom: 28px; }
.auth-brand { position: absolute; top: clamp(28px, 5vw, 56px); left: clamp(34px, 7vw, 96px); display: flex; align-items: center; gap: 13px; }
.auth-brand > span:last-child { display: flex; flex-direction: column; }
.auth-brand strong { letter-spacing: -.02em; }
.auth-brand small { margin-top: 2px; font-size: .68rem; }
.auth-mark { width: 48px; height: 48px; border-radius: 13px; }
.auth-mark span { font-size: .72rem; }
.auth-copy { max-width: 470px; }
.auth-copy h1, .auth-card--loading h1 { margin-bottom: 14px; font-size: clamp(2.1rem, 4vw, 3.35rem); line-height: 1.04; }
.auth-copy p { max-width: 440px; margin-bottom: 0; }
.auth-form { display: grid; max-width: 470px; gap: 15px; margin-top: 34px; }
.auth-form label { display: grid; gap: 7px; color: #c5c9d1; font-size: .75rem; }
.auth-form input { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--border); border-radius: 11px; outline: none; color: var(--text); background: rgba(16, 20, 27, .9); }
.auth-form input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); }
.auth-submit { min-height: 48px; margin-top: 5px; }
.auth-error { padding: 12px 14px; border: 1px solid rgba(255, 114, 127, .22); border-radius: 10px; color: #ffb6bd; background: var(--red-soft); font-size: .76rem; line-height: 1.5; }
.auth-security { display: flex; max-width: 470px; align-items: center; gap: 9px; margin-top: 22px; }
.auth-security > span { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px rgba(86, 215, 160, .5); }
.auth-security small { font-size: .64rem; }
.auth-manifesto { position: relative; display: flex; min-height: 100vh; flex-direction: column; justify-content: flex-end; padding: clamp(40px, 8vw, 110px); overflow: hidden; }
.auth-manifesto::before { position: absolute; top: -15%; right: 10%; width: 2px; height: 90%; background: linear-gradient(transparent, rgba(255, 138, 0, .55), transparent); box-shadow: -34px 0 0 rgba(111, 99, 255, .22), 42px 0 0 rgba(255, 138, 0, .09); content: ''; transform: rotate(34deg); }
.auth-manifesto .zegum-symbol { width: 46px; height: 46px; margin-bottom: 28px; transform: scale(1.12); transform-origin: left bottom; }
.auth-manifesto blockquote { max-width: 560px; margin: 0 0 24px; color: #e4e5e9; font-size: clamp(2rem, 4vw, 4.4rem); font-weight: 680; line-height: 1.06; letter-spacing: -.05em; }
.auth-manifesto > small { color: #aaa3e9; font-weight: 750; letter-spacing: .16em; }

.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 20; display: flex; width: 240px; flex-direction: column; padding: 24px 18px; border-right: 1px solid var(--border-soft); background: rgba(7, 9, 13, .96); backdrop-filter: blur(18px); }
.brand { display: flex; align-items: center; gap: 12px; padding: 4px 8px 28px; border: 0; background: transparent; text-align: left; cursor: pointer; }
.brand__mark, .product-mark, .app-mark { display: grid; place-items: center; color: white; background: linear-gradient(145deg, #222832, #10141b); box-shadow: 0 10px 30px rgba(0, 0, 0, .24); }
.mfx-mark { position: relative; display: grid; overflow: hidden; place-items: center; background: transparent; }
.mfx-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand__mark { width: 40px; height: 40px; border-radius: 11px; }
.brand span:last-child, .sidebar__footer > span:last-child { display: flex; flex-direction: column; }
.brand small { margin-top: 2px; font-size: .72rem; }
.main-nav { display: grid; gap: 6px; }
.nav-item { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 13px; border: 0; border-radius: 12px; color: var(--muted); background: transparent; text-align: left; cursor: pointer; }
.nav-item:hover { color: var(--text); background: var(--surface); }
.nav-item.is-active { position: relative; color: white; background: var(--primary-soft); }
.nav-item.is-active::before { position: absolute; inset: 10px auto 10px 0; width: 2px; border-radius: 99px; background: var(--primary); content: ''; }
.nav-icon { display: grid; width: 24px; place-items: center; font-size: 1rem; }
.sidebar__footer { display: flex; align-items: center; gap: 10px; margin-top: auto; padding: 14px 10px 0; border-top: 1px solid var(--border-soft); }
.avatar { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(255, 138, 0, .34); border-radius: 11px; color: #ffd39f; background: var(--primary-soft); font-size: .78rem; font-weight: 700; }
.avatar--small { width: 34px; height: 34px; border-radius: 10px; }
.avatar img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.avatar--profile { width: 58px; height: 58px; margin-bottom: 14px; border-radius: 16px; font-size: 1rem; }

.main-content { min-height: 100vh; margin-left: 240px; }
.topbar { position: relative; z-index: 15; display: flex; align-items: center; justify-content: space-between; min-height: 88px; padding: 18px clamp(24px, 4vw, 56px); border-bottom: 1px solid rgba(42, 49, 60, .72); background: rgba(7, 9, 13, .96); backdrop-filter: blur(18px); }
.topbar__actions { display: flex; align-items: center; gap: 12px; }
.install-button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(240, 127, 0, .28); border-radius: 10px; color: #ffd39f; background: rgba(240, 127, 0, .08); font: inherit; font-size: .72rem; font-weight: 700; cursor: pointer; }
.install-button:hover, .install-button:focus-visible { border-color: rgba(255, 157, 36, .62); outline: none; background: rgba(240, 127, 0, .15); }
.install-button--auth { width: 100%; margin-top: 12px; }
.record-scope-switch { display: flex; padding: 3px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface); }
.record-scope-switch button { padding: 7px 9px; border: 0; border-radius: 8px; color: var(--muted); background: transparent; font-size: .68rem; cursor: pointer; }
.record-scope-switch button.is-active { color: var(--text); background: var(--primary-soft); }
.record-scope-switch span { margin-left: 4px; color: var(--gold); }
.data-mode-switch { display: flex; padding: 3px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface); }
.data-mode-switch a { padding: 7px 9px; border-radius: 8px; color: var(--muted); font-size: .68rem; text-decoration: none; white-space: nowrap; }
.data-mode-switch a:hover, .data-mode-switch a:focus-visible { color: var(--text); outline: none; background: var(--surface-2); }
.data-mode-switch a.is-active { color: var(--text); background: var(--primary-soft); box-shadow: inset 0 0 0 1px rgba(240, 127, 0, .16); }
.channel-switch { display: grid; gap: 3px; color: var(--muted); font-size: .58rem; text-transform: uppercase; letter-spacing: .08em; }
.channel-switch select { max-width: 170px; min-height: 32px; padding: 0 8px; border: 1px solid var(--border); border-radius: 9px; color: var(--text); background: var(--surface); font-size: .7rem; text-transform: none; letter-spacing: normal; }
.global-search { display: flex; width: min(440px, 38vw); min-height: 42px; align-items: center; gap: 10px; padding: 0 12px; border: 1px solid var(--border); border-radius: 12px; color: var(--muted); background: rgba(16, 22, 36, .78); cursor: pointer; }
.global-search span:nth-child(2) { flex: 1; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.global-search kbd { padding: 3px 7px; border: 1px solid var(--border); border-radius: 6px; color: var(--muted); background: var(--surface-2); font: inherit; font-size: .62rem; }
.search-overlay { position: fixed; inset: 0; z-index: 100; display: grid; place-items: start center; padding: 12vh 18px 18px; }
.search-backdrop { position: absolute; inset: 0; border: 0; background: rgba(3, 6, 12, .78); backdrop-filter: blur(8px); }
.search-dialog { position: relative; width: min(680px, 100%); overflow: hidden; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: 0 28px 90px rgba(0, 0, 0, .55); }
.review-dialog { position: relative; width: min(560px, 100%); padding: 26px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: 0 28px 90px rgba(0, 0, 0, .55); }
.review-dialog > p strong { color: var(--text); }
.review-dialog label { display: grid; gap: 8px; margin-top: 16px; color: var(--muted); font-size: .82rem; }
.review-dialog input, .review-dialog select, .review-dialog textarea { width: 100%; padding: 12px; border: 1px solid var(--border); border-radius: 10px; outline: 0; color: var(--text); background: var(--surface-2); resize: vertical; }
.profile-popover-layer { position: fixed; inset: 0; z-index: 110; pointer-events: none; }
.profile-popover-backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(2, 4, 8, .42); backdrop-filter: blur(2px); pointer-events: auto; }
.profile-popover { position: absolute; top: 76px; right: clamp(18px, 3vw, 48px); width: min(390px, calc(100vw - 32px)); max-height: calc(100vh - 94px); overflow-y: auto; border: 1px solid rgba(87, 97, 116, .52); border-radius: 18px; outline: none; background: linear-gradient(155deg, rgba(22, 27, 36, .99), rgba(11, 14, 20, .99)); box-shadow: 0 28px 90px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .02) inset; pointer-events: auto; animation: profile-enter .16s ease-out; }
.profile-popover:focus-visible { box-shadow: 0 28px 90px rgba(0, 0, 0, .62), 0 0 0 3px rgba(255, 148, 24, .22); }
.profile-popover__header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; padding: 18px 18px 14px; }
.profile-popover__header .avatar--profile { margin: 0; }
.profile-popover__header .eyebrow { margin-bottom: 3px; }
.profile-popover__header h3 { margin: 0; font-size: 1.02rem; }
.profile-popover__header p { margin: 3px 0 0; color: var(--gold); font-size: .7rem; line-height: 1.3; }
.profile-close { width: 32px; height: 32px; border: 0; border-radius: 9px; color: var(--muted); background: transparent; font-size: 1.25rem; cursor: pointer; }
.profile-close:hover { color: var(--text); background: var(--surface-3); }
.profile-session { display: flex; align-items: center; gap: 8px; margin: 0 18px 14px; padding: 9px 11px; border: 1px solid rgba(86, 215, 160, .16); border-radius: 10px; color: #bcefdc; background: rgba(86, 215, 160, .07); font-size: .68rem; }
.profile-session > span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(86, 215, 160, .55); }
.profile-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: 0 18px; padding: 4px; border: 1px solid var(--border-soft); border-radius: 11px; background: rgba(7, 9, 13, .55); }
.profile-tabs button { min-height: 34px; border: 0; border-radius: 8px; color: var(--muted); background: transparent; font-size: .72rem; font-weight: 700; cursor: pointer; }
.profile-tabs button.is-active { color: var(--text); background: var(--surface-3); box-shadow: 0 1px 6px rgba(0, 0, 0, .24); }
.profile-popover__body { padding: 14px 18px 16px; }
.profile-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.profile-facts > div { min-width: 0; padding: 10px 11px; border: 1px solid var(--border-soft); border-radius: 10px; background: rgba(16, 20, 27, .72); }
.profile-facts span, .profile-setting > span { display: block; margin-bottom: 5px; color: var(--muted); font-size: .61rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.profile-facts strong { display: block; overflow: hidden; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.profile-readonly-note { margin: 11px 2px 0; font-size: .67rem; line-height: 1.5; }
.profile-setting { padding: 11px 0; border-bottom: 1px solid var(--border-soft); }
.profile-setting:first-child { padding-top: 0; }
.profile-setting:last-child { padding-bottom: 0; border-bottom: 0; }
.profile-setting--readonly { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.profile-setting--readonly > span { margin: 0; }
.profile-setting--readonly strong { color: #d8dbe1; font-size: .72rem; }
.profile-choice { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.profile-choice a, .profile-choice button { display: grid; min-height: 34px; place-items: center; padding: 7px 9px; border: 1px solid var(--border); border-radius: 9px; color: var(--muted); background: var(--surface-2); font-size: .69rem; text-decoration: none; cursor: pointer; }
.profile-choice .is-active { border-color: rgba(240, 127, 0, .34); color: #ffd09a; background: var(--primary-soft); }
.profile-toggle { display: flex; width: 100%; min-height: 36px; align-items: center; justify-content: space-between; padding: 8px 10px; border: 1px solid var(--border); border-radius: 9px; color: var(--muted); background: var(--surface-2); font-size: .7rem; cursor: pointer; }
.profile-toggle i { position: relative; width: 34px; height: 19px; border-radius: 99px; background: #2d3542; }
.profile-toggle i::after { position: absolute; top: 3px; left: 3px; width: 13px; height: 13px; border-radius: 50%; background: #9ba4b3; content: ''; transition: transform .16s ease, background .16s ease; }
.profile-toggle.is-active i { background: rgba(240, 127, 0, .34); }
.profile-toggle.is-active i::after { background: #ff9d24; transform: translateX(15px); }
.profile-popover__footer { display: grid; gap: 6px; padding: 12px 18px 18px; border-top: 1px solid var(--border-soft); }
.profile-action-link { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 11px; border: 1px solid var(--border); border-radius: 10px; color: var(--text); background: rgba(16, 20, 27, .68); font: inherit; font-size: .74rem; font-weight: 700; text-decoration: none; cursor: pointer; }
.profile-action-link small { font-size: .61rem; font-weight: 500; }
.profile-action-link:hover { border-color: #46516c; background: var(--surface-3); }
.profile-action-link--danger { color: #ffb4bb; }
.profile-logout-confirm { display: grid; gap: 5px; margin: 0 18px 18px; padding: 13px; border: 1px solid rgba(255, 114, 127, .24); border-radius: 11px; background: var(--red-soft); }
.profile-logout-confirm > span { color: var(--muted); font-size: .68rem; }
.profile-logout-confirm > div { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; }
@keyframes profile-enter { from { opacity: 0; transform: translateY(-7px) scale(.985); } to { opacity: 1; transform: none; } }
.channel-draft-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.channel-draft-fields .is-wide { grid-column: 1 / -1; }
.channel-draft-dialog { width: min(760px, 100%); max-height: min(88vh, 920px); overflow: auto; }
.channel-draft-dialog .channel-draft-fields label { margin-top: 0; }
.channel-field-note { display: block; margin-top: 5px; color: var(--muted); font-size: .65rem; line-height: 1.4; }
.channel-draft-fields input:disabled + .channel-field-note { color: var(--gold); }
.channel-draft-dialog .safety-note.is-ready { border-color: rgba(84, 219, 166, .38); background: rgba(84, 219, 166, .08); }
.channel-draft-dialog .safety-note.is-ready strong { color: var(--green); }
.review-dialog input:focus, .review-dialog select:focus, .review-dialog textarea:focus { border-color: var(--primary-strong); }
.analysis-dialog { width: min(720px, 100%); }
.analysis-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; }
.review-dialog textarea.is-invalid { border-color: var(--red); box-shadow: 0 0 0 3px rgba(255, 114, 127, .1); }
.task-dialog__error { display: grid; gap: 3px; margin-top: 10px; padding: 11px 13px; border: 1px solid rgba(255, 114, 127, .28); border-radius: 10px; color: #ffc1c7; background: var(--red-soft); font-size: .78rem; }
.task-dialog__error span { color: var(--muted); line-height: 1.45; }
.task-status-current { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 17px 0 12px; padding: 11px 13px; border: 1px solid var(--border-soft); border-radius: 11px; background: rgba(7, 9, 13, .42); }
.task-status-current > span, .task-status-fieldset legend, .task-reason-field > span { color: var(--muted); font-size: .64rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.task-status-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.task-status-fieldset legend { margin-bottom: 8px; }
.task-status-options { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.task-status-option { display: grid; min-width: 0; min-height: 66px; place-items: center; gap: 5px; padding: 8px 5px; border: 1px solid var(--border); border-radius: 10px; color: var(--muted); background: var(--surface-2); font: inherit; font-size: .65rem; cursor: pointer; transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease; }
.task-status-option i { display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid currentColor; border-radius: 7px; font-style: normal; font-weight: 800; }
.task-status-option:hover, .task-status-option:focus-visible { border-color: #46516c; color: var(--text); transform: translateY(-1px); }
.task-status-option.is-selected { box-shadow: 0 0 0 2px rgba(255, 255, 255, .035) inset; }
.task-status-option--pending.is-selected { border-color: #5e6673; color: #c2c8d1; background: rgba(140, 149, 162, .1); }
.task-status-option--in_progress.is-selected { border-color: rgba(110, 182, 255, .45); color: #9dcdff; background: var(--blue-soft); }
.task-status-option--blocked.is-selected { border-color: rgba(255, 114, 127, .45); color: #ffb4bb; background: var(--red-soft); }
.task-status-option--completed.is-selected { border-color: rgba(86, 215, 160, .42); color: #9af0ca; background: var(--green-soft); }
.task-status-option--not_applicable.is-selected { border-style: dashed; border-color: #59616d; color: #a2a9b5; background: rgba(140, 149, 162, .06); }
.task-reason-field { margin-top: 14px; }
.task-reason-field > small { display: block; margin-top: 6px; color: var(--muted); font-size: .65rem; line-height: 1.45; }
.task-completion-confirm { display: grid; gap: 4px; margin-top: 12px; padding: 12px 13px; border: 1px solid rgba(86, 215, 160, .3); border-radius: 11px; color: #bdf6dd; background: var(--green-soft); }
.task-completion-confirm span { color: var(--muted); font-size: .7rem; line-height: 1.45; }
.task-status-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: -12px 0 18px; }
.task-status-pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid var(--border-soft); border-radius: 99px; color: var(--muted); background: rgba(16, 20, 27, .66); font-size: .65rem; font-weight: 700; }
.task-status-pill i { width: 7px; height: 7px; border-radius: 50%; background: #858d99; }
.task-status-pill--in_progress { border-color: rgba(110, 182, 255, .22); color: #9dcdff; }.task-status-pill--in_progress i { background: var(--blue); }
.task-status-pill--blocked { border-color: rgba(255, 114, 127, .24); color: #ffb4bb; }.task-status-pill--blocked i { background: var(--red); }
.task-status-pill--completed { border-color: rgba(86, 215, 160, .22); color: #9af0ca; }.task-status-pill--completed i { background: var(--green); }
.task-status-pill--not_applicable { border-style: dashed; }.task-status-pill--not_applicable i { background: #69717d; }
.review-dialog__actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }
.search-input { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--border-soft); }
.search-input input { flex: 1; min-width: 0; border: 0; outline: 0; color: var(--text); background: transparent; font: inherit; font-size: 1rem; }
.search-input button { padding: 5px 8px; border: 1px solid var(--border); border-radius: 7px; color: var(--muted); background: var(--surface-2); cursor: pointer; }
.search-results { max-height: 55vh; overflow-y: auto; padding: 10px; }
.search-results button { display: grid; width: 100%; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 12px; border: 0; border-radius: 11px; color: var(--text); background: transparent; text-align: left; cursor: pointer; }
.search-results button:hover { background: var(--surface-2); }
.search-results button span:nth-child(2), .search-suggestions button { display: flex; flex-direction: column; }
.search-results small { margin-top: 4px; }
.search-empty { padding: 26px; color: var(--muted); text-align: center; }
.search-suggestions > .eyebrow { display: block; padding: 8px 12px; }
.status-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--muted); }
.status-dot--ready { background: var(--gold); }.status-dot--production { background: var(--blue); }.status-dot--blocked { background: var(--red); }.status-dot--scheduled { background: var(--green); }
.eyebrow { display: block; margin-bottom: 7px; color: var(--muted); font-size: .68rem; font-weight: 750; letter-spacing: .14em; }
.demo-badge, .lock-note { padding: 7px 10px; border: 1px solid var(--border); border-radius: 99px; color: var(--muted); background: var(--surface); font-size: .72rem; }
.icon-button { position: relative; width: 38px; height: 38px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); cursor: pointer; }
.notification-dot { position: absolute; top: 8px; right: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--red); }
.page { width: min(1480px, 100%); margin: 0 auto; padding: 36px clamp(24px, 4vw, 56px) 80px; }
.toast { position: fixed; top: 102px; right: 28px; z-index: 50; max-width: 360px; padding: 14px 18px; border: 1px solid rgba(86, 215, 160, .3); border-radius: 12px; color: #c8f9e5; background: #123027; box-shadow: var(--shadow); }
.mobile-nav { display: none; }

.hero, .product-hero, .channel-hero, .video-header, .operation-header, .calendar-header { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.hero { position: relative; min-height: 190px; padding: clamp(24px, 4vw, 42px); overflow: hidden; border: 1px solid var(--border); border-radius: 22px; background: linear-gradient(118deg, rgba(255, 138, 0, .12), rgba(16, 20, 27, .94) 48%, rgba(111, 99, 255, .07)); box-shadow: var(--shadow); }
.hero__copy { position: relative; z-index: 1; }
.axis-signature { position: absolute; top: -50px; right: 180px; width: 190px; height: 290px; opacity: .28; transform: rotate(34deg); }
.axis-signature i { position: absolute; inset: 0 auto 0 50%; width: 2px; background: linear-gradient(transparent, var(--primary), transparent); }
.axis-signature i:nth-child(2) { left: 36%; opacity: .36; }
.axis-signature i:nth-child(3) { left: 64%; opacity: .18; }
.hero h2 { margin-bottom: 8px; }
.hero p { margin: 0; font-size: 1.04rem; }
.hero p strong { color: var(--text); }
.button { min-height: 40px; padding: 10px 15px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-2); font-weight: 650; cursor: pointer; }
.button:hover { border-color: #46516c; background: var(--surface-3); }
.button--primary { border-color: transparent; color: #130c03; background: linear-gradient(135deg, #ff9d24, var(--primary)); box-shadow: 0 10px 24px rgba(240, 127, 0, .2); }
.button--primary:hover { background: var(--primary-strong); }
.button--danger { border-color: rgba(255, 114, 127, .25); color: #ffb4bb; background: var(--red-soft); }
.button--text { min-height: auto; padding: 4px 0; border: 0; color: #ffb15a; background: transparent; }
.button:disabled, .task-row:disabled, .file-row:disabled, .file-row.is-disabled, .calendar-controls button:disabled, .calendar-alerts button:disabled {
  opacity: .46;
  cursor: not-allowed;
  box-shadow: none;
  filter: saturate(.35);
}
.button:disabled:hover, .task-row:disabled:hover, .file-row:disabled:hover, .file-row.is-disabled:hover { border-color: var(--border); background: inherit; }

.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 28px; }
.metric-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.metric { display: flex; min-height: 126px; align-items: center; gap: 14px; padding: 20px; border: 1px solid var(--border-soft); border-radius: var(--radius); background: rgba(16, 22, 36, .8); }
.metric > div { display: flex; flex-direction: column; }
.metric strong { font-size: 1.75rem; line-height: 1; }
.metric span { margin-top: 6px; color: var(--text); font-size: .82rem; }
.metric > small { align-self: flex-end; margin-left: auto; white-space: nowrap; font-size: .7rem; }
.metric__icon { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border-radius: 11px; font-weight: 800; }
.metric__icon--purple { color: #ffb65d; background: var(--primary-soft); }
.metric__icon--gold { color: var(--gold); background: var(--gold-soft); }
.metric__icon--blue { color: var(--blue); background: var(--blue-soft); }
.metric__icon--green { color: var(--green); background: var(--green-soft); }
.metric--simple { justify-content: space-between; }

.content-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, .8fr); gap: 18px; }
.content-grid--wide { grid-template-columns: minmax(0, 1.45fr) minmax(300px, .65fr); }
.content-grid--cockpit { grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr); }
.content-grid--video { grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); }
.stack { display: grid; align-content: start; gap: 18px; }
.panel { padding: 22px; border: 1px solid var(--border); border-radius: var(--radius); background: rgba(16, 22, 36, .88); box-shadow: 0 16px 50px rgba(0, 0, 0, .1); }
.panel--compact { padding-bottom: 12px; }
.section-block { margin-top: 34px; }
.forwarded-section { padding-top: 22px; border-top: 1px solid var(--border-soft); }
.forwarded-section.is-collapsed { padding-bottom: 4px; }
.forwarded-summary { max-width: 720px; margin: -5px 0 0; color: var(--muted); font-size: .78rem; }
.collapse-toggle { display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 9px; color: var(--text); background: var(--surface); font: inherit; font-size: .72rem; font-weight: 700; cursor: pointer; }
.collapse-toggle span { display: grid; min-width: 20px; height: 20px; padding: 0 5px; place-items: center; border-radius: 99px; color: var(--gold); background: var(--gold-soft); }
.collapse-toggle:hover, .collapse-toggle:focus-visible { border-color: var(--primary); outline: none; }
.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.section-heading h3 { margin-bottom: 0; }
.attention-list { display: grid; }
.attention-row, .task-row, .upcoming-row, .file-row { display: flex; width: 100%; align-items: center; gap: 12px; border: 0; border-top: 1px solid var(--border-soft); background: transparent; text-align: left; cursor: pointer; }
.attention-row { min-height: 70px; }
.attention-row:first-child, .task-row:first-child, .upcoming-row:first-of-type, .file-row:first-child { border-top: 0; }
.attention-row:hover, .task-row:hover, .upcoming-row:hover, .file-row:hover { background: rgba(255, 255, 255, .018); }
.attention-row__main, .task-row > span:nth-child(2), .upcoming-row > span:nth-child(2), .file-row > span:nth-child(2) { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.attention-row strong, .task-row strong, .upcoming-row strong, .file-row strong { overflow: hidden; font-size: .86rem; text-overflow: ellipsis; white-space: nowrap; }
.attention-row small { margin-top: 5px; }
.attention-row__action { display: flex; flex: 0 0 auto; align-items: flex-end; gap: 6px; flex-direction: column; }
.attention-row__action > small { color: var(--text); font-size: .67rem; font-weight: 700; }
.priority-dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; }
.priority-dot--danger { background: var(--red); box-shadow: 0 0 0 5px var(--red-soft); }
.priority-dot--warning { background: var(--gold); box-shadow: 0 0 0 5px var(--gold-soft); }
.priority-dot--neutral { background: var(--blue); box-shadow: 0 0 0 5px var(--blue-soft); }
.person-chip, .tag { padding: 5px 9px; border: 1px solid var(--border); border-radius: 99px; color: var(--muted); background: var(--surface-2); font-size: .7rem; }
.arrow { color: var(--muted); }
.timeline { display: grid; }
.timeline > div, .timeline__item { display: grid; grid-template-columns: 54px 1fr; gap: 14px; padding: 11px 0; }
.timeline__item { width: 100%; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.timeline__item:last-child { border-bottom: 0; }
.timeline__item:hover { color: var(--primary-strong); }
.timeline time { color: var(--muted); font-size: .7rem; }
.timeline span { display: flex; flex-direction: column; }
.timeline strong { font-size: .82rem; }
.timeline small { margin-top: 4px; }
.timeline .is-current { position: relative; }
.timeline .is-current::before { position: absolute; top: 15px; left: 45px; width: 6px; height: 6px; border-radius: 50%; background: var(--primary-strong); content: ''; }

.apps-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.app-card { position: relative; min-height: 96px; overflow: hidden; border: 1px solid var(--border); border-radius: 16px; color: inherit; background: var(--surface); text-align: left; text-decoration: none; }
.app-card:hover { border-color: #46505d; transform: translateY(-1px); }
.app-card.is-planned { opacity: .68; }
.app-card__open { display: grid; width: 100%; min-height: 96px; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; padding: 16px 52px 16px 16px; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.app-card__favorite { position: absolute; top: 10px; right: 10px; z-index: 2; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid transparent; border-radius: 10px; color: var(--muted); background: rgba(7, 10, 16, .72); font-size: 1.05rem; cursor: pointer; }
.app-card__favorite:hover, .app-card__favorite:focus-visible { border-color: var(--border); color: var(--text); }
.app-card__favorite.is-active { border-color: rgba(255, 145, 0, .34); color: var(--accent); background: rgba(255, 145, 0, .1); }
.app-mark { width: 38px; height: 38px; border-radius: 11px; font-size: .7rem; font-weight: 800; }
.is-planned .app-mark { color: var(--muted); background: var(--surface-3); box-shadow: none; }
.app-card__copy { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.app-card__copy small { color: var(--accent); font-size: .62rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
.app-card__copy span { overflow: hidden; color: var(--muted); font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.app-card--zegum { border-color: rgba(111, 99, 255, .22); background: linear-gradient(135deg, rgba(111, 99, 255, .08), var(--surface) 62%); opacity: .88 !important; }
.app-card--zegum .app-mark { border: 1px solid rgba(145, 135, 255, .28); background: var(--zegum-soft); }

.zegum-card { position: relative; overflow: hidden; padding: 20px; border: 1px solid rgba(111, 99, 255, .28); border-radius: var(--radius); background: radial-gradient(circle at 92% -10%, rgba(111, 99, 255, .2), transparent 42%), linear-gradient(145deg, rgba(18, 18, 34, .98), rgba(12, 14, 21, .98)); box-shadow: 0 18px 55px rgba(0, 0, 0, .18); }
.zegum-card::after { position: absolute; right: -45px; bottom: -80px; width: 180px; height: 180px; border: 1px solid rgba(145, 135, 255, .12); border-radius: 50%; content: ''; }
.zegum-card__head { position: relative; z-index: 1; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; }
.zegum-card__head > span:nth-child(2) { display: flex; flex-direction: column; }
.zegum-card__head small { color: #aaa3e9; font-size: .55rem; font-weight: 750; letter-spacing: .12em; }
.zegum-card__head strong { margin-top: 3px; font-size: 1rem; letter-spacing: .08em; }
.zegum-card p { position: relative; z-index: 1; margin: 17px 0; color: #b0b4c3; font-size: .78rem; line-height: 1.65; }
.zegum-card__signal { position: relative; z-index: 1; display: flex; align-items: center; gap: 9px; padding-top: 13px; border-top: 1px solid rgba(111, 99, 255, .16); }
.zegum-card__signal > span { width: 6px; height: 6px; border-radius: 50%; background: var(--zegum-strong); box-shadow: 0 0 14px var(--zegum); }
.zegum-card__signal small { color: #858ca0; font-size: .65rem; }
.zegum-symbol { position: relative; display: block; width: 34px; height: 34px; border: 1px solid rgba(145, 135, 255, .28); border-radius: 10px; background: rgba(111, 99, 255, .09); }
.zegum-symbol i { position: absolute; top: 8px; left: 7px; width: 16px; height: 1px; background: linear-gradient(90deg, var(--zegum-strong), var(--primary)); transform-origin: right center; }
.zegum-symbol i:first-child { transform: rotate(28deg); }
.zegum-symbol i:nth-child(2) { top: 24px; transform: rotate(-28deg); }
.zegum-symbol b { position: absolute; top: 15px; right: 7px; width: 5px; height: 5px; border-radius: 50%; background: #ff9d24; box-shadow: 0 0 12px rgba(255, 157, 36, .65); }
.zegum-symbol--small { width: 30px; height: 30px; border: 0; background: transparent; transform: scale(.8); }

.status { display: inline-flex; width: max-content; align-items: center; gap: 6px; color: var(--muted); font-size: .7rem; white-space: nowrap; }
.status > span { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.status--success { color: var(--green); }
.status--warning { color: var(--gold); }
.status--danger { color: var(--red); }
.status--info { color: var(--blue); }
.status--planned { color: var(--muted); }

.product-hero { padding: 10px 0 8px; }
.continue-card { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(110px, .22fr) auto; align-items: center; gap: 16px; margin-bottom: 22px; padding: 16px 18px; border: 1px solid rgba(123, 97, 255, .22); border-radius: 16px; background: linear-gradient(110deg, var(--primary-soft), rgba(16, 22, 36, .8)); }
.continue-card__icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #d8d2ff; background: rgba(123, 97, 255, .18); }
.continue-card h3 { margin: 5px 0; font-size: .95rem; }.continue-card p { margin: 0; font-size: .72rem; }.continue-card__progress { display: grid; gap: 7px; }
.product-hero > div:nth-child(2) { flex: 1; }
.product-hero p { margin-bottom: 0; }
.product-mark { width: 72px; height: 72px; flex: 0 0 auto; border-radius: 21px; font-size: 1.05rem; font-weight: 850; }
.product-hero__actions, .channel-hero__actions, .channel-banner__actions, .video-header__actions, .review-actions, .decision-actions, .work-card__footer, .calendar-controls { display: flex; flex-wrap: wrap; gap: 10px; }
.channel-banner { display: flex; align-items: center; gap: 18px; padding: 26px; }
.channel-banner__copy { flex: 1; }
.channel-banner__copy h3 { margin-bottom: 5px; font-size: 1.45rem; }
.channel-banner__copy p { margin-bottom: 12px; }
.channel-avatar { position: relative; display: grid; width: 58px; height: 58px; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid color-mix(in srgb, var(--channel-color, #ff8a00) 42%, transparent); border-radius: 18px; color: var(--gold); background: color-mix(in srgb, var(--channel-color, #ff8a00) 14%, var(--surface-2)); font-weight: 800; }
.channel-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: var(--surface-2); }
.channel-avatar--large { width: 82px; height: 82px; border-radius: 24px; font-size: 1.15rem; }
.tag-row { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.quick-links { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 18px; padding: 14px 18px; border: 1px solid var(--border-soft); border-radius: 15px; background: rgba(16, 22, 36, .65); }
.quick-links > div { margin-right: auto; }
.quick-links .eyebrow { margin-bottom: 3px; }
.channel-access { display: inline-flex; align-items: center; gap: 7px; text-decoration: none; }
.channel-access span { color: var(--primary-strong); }
.channel-access.is-disabled { opacity: .48; cursor: not-allowed; }
.channel-access small { color: var(--muted); font-size: .65rem; }
.video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.video-card { min-width: 0; padding: 18px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); }
.video-card__top, .video-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.video-card h4 { min-height: 46px; margin: 18px 0; }
.muted { color: var(--muted); font-size: .7rem; }
.progress-line { height: 5px; overflow: hidden; border-radius: 99px; background: var(--surface-3); }
.progress-line span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--primary), var(--green)); }
.video-card__meta { margin-top: 8px; color: var(--muted); font-size: .68rem; }
.text-link { margin-top: 17px; padding: 0; border: 0; color: #ffb15a; background: transparent; font-size: .78rem; font-weight: 650; cursor: pointer; }

.breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; color: var(--muted); font-size: .76rem; }
.breadcrumb button { padding: 0; border: 0; color: #ffb15a; background: transparent; cursor: pointer; }
.channel-hero, .video-header { align-items: flex-start; padding-bottom: 24px; border-bottom: 1px solid var(--border-soft); }
.channel-hero > div:nth-child(2), .video-header > div:first-child { flex: 1; }
.channel-hero h2, .video-header h2 { margin: 12px 0 7px; font-size: clamp(1.7rem, 3vw, 2.5rem); }
.channel-hero p, .video-header p { margin-bottom: 0; }
.channel-command-center { display: grid; gap: 15px; margin-bottom: 16px; padding: 18px 20px; }
.channel-command-center__main { display: grid; grid-template-columns: auto minmax(220px, 1fr) auto; align-items: center; gap: 16px; }
.channel-command-center__identity { min-width: 0; }
.channel-command-center__identity h2 { margin: 7px 0 3px; font-size: clamp(1.55rem, 2.6vw, 2.15rem); line-height: 1.06; }
.channel-command-center__identity p { max-width: 620px; margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.45; }
.channel-command-center__footer { display: grid; grid-template-columns: minmax(420px, 1.25fr) minmax(330px, .75fr); align-items: center; gap: 14px; padding-top: 13px; border-top: 1px solid var(--border-soft); }
.channel-stat-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.channel-stat-strip > div { display: grid; min-width: 0; grid-template-columns: auto 1fr; align-items: baseline; gap: 0 8px; padding: 1px 15px; border-right: 1px solid var(--border-soft); }
.channel-stat-strip > div:first-child { padding-left: 0; }
.channel-stat-strip > div:last-child { border-right: 0; }
.channel-stat-strip strong { grid-row: 1 / 3; align-self: center; color: var(--text); font-size: 1.45rem; line-height: 1; }
.channel-stat-strip span { color: var(--text); font-size: .7rem; font-weight: 700; }
.channel-stat-strip small { overflow: hidden; color: var(--muted); font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.channel-access-strip { display: flex; min-width: 0; align-items: center; justify-content: flex-end; gap: 7px; }
.channel-access-strip > .eyebrow { margin: 0 3px 0 0; }
.channel-access-strip .button { min-height: 34px; padding: 7px 10px; font-size: .68rem; }
.channel-manage-menu { position: relative; }
.channel-manage-menu > summary { display: flex; min-width: 146px; align-items: center; justify-content: space-between; gap: 12px; list-style: none; }
.channel-manage-menu > summary::-webkit-details-marker { display: none; }
.channel-manage-menu[open] > summary { border-color: rgba(240, 127, 0, .4); background: var(--primary-soft); }
.channel-manage-menu__panel { position: absolute; top: calc(100% + 8px); right: 0; z-index: 16; display: grid; width: 220px; gap: 6px; padding: 8px; border: 1px solid var(--border); border-radius: 12px; background: #111720; box-shadow: 0 18px 45px rgba(0, 0, 0, .42); }
.channel-manage-menu__panel .button { width: 100%; justify-content: flex-start; box-shadow: none; }
.dna-list { display: grid; margin: 0; }
.dna-list > div { display: grid; grid-template-columns: 120px 1fr; gap: 18px; padding: 15px 0; border-top: 1px solid var(--border-soft); }
.dna-list > div:first-child { border-top: 0; }
.dna-list dt { color: var(--muted); font-size: .72rem; }
.dna-list dd { margin: 0; font-size: .85rem; line-height: 1.6; }
.health-list { display: grid; }
.health-list > div { display: flex; justify-content: space-between; padding: 11px 0; border-top: 1px solid var(--border-soft); color: var(--muted); font-size: .82rem; }
.health-list > div:first-child { border-top: 0; }
.health-list strong { color: var(--text); }
.danger-text { color: var(--red) !important; }
.callout { margin-top: 14px; padding: 15px; border: 1px solid rgba(255, 114, 127, .18); border-radius: 13px; background: var(--red-soft); }
.callout p { margin: 6px 0 10px; font-size: .78rem; }
.channel-history { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--border-soft); }
.channel-history p { margin: 8px 0 0; font-size: .72rem; }
.readiness-panel { margin-bottom: 18px; }
.readiness-summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.readiness-summary h3 { margin: 5px 0; font-size: 1.35rem; }
.readiness-summary p { margin: 0; font-size: .8rem; }
.readiness-ring { display: grid; width: 72px; height: 72px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: conic-gradient(var(--primary) calc(var(--progress) * 1%), var(--surface-3) 0); position: relative; }
.readiness-ring::after { content: ''; position: absolute; inset: 7px; border-radius: 50%; background: var(--surface-2); }
.readiness-ring strong { position: relative; z-index: 1; font-size: .85rem; }
.readiness-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.readiness-item { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 10px; min-width: 0; padding: 12px; border: 1px solid var(--border-soft); border-radius: 12px; background: var(--surface-3); }
.readiness-item > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; font-weight: 800; }
.readiness-item div { min-width: 0; }
.readiness-item strong, .readiness-item small { display: block; }
.readiness-item strong { font-size: .78rem; }
.readiness-item small { margin-top: 3px; color: var(--muted); font-size: .66rem; }
.readiness-item em { font-size: .65rem; font-style: normal; }
.readiness-item.is-ready > span { color: var(--green); background: var(--green-soft); }
.readiness-item.is-ready em { color: var(--green); }
.readiness-item.is-missing > span { color: var(--gold); background: var(--gold-soft); }
.readiness-item.is-missing em { color: var(--gold); }
.readiness-note { display: flex; gap: 8px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border-soft); color: var(--muted); font-size: .7rem; }
.readiness-note strong { color: var(--text); }
.validation-records { padding-top: 22px; border-top: 1px solid var(--border-soft); }
.validation-record { min-width: 0; padding: 8px; border: 1px dashed rgba(245, 189, 88, .28); border-radius: 15px; background: rgba(245, 189, 88, .035); }
.validation-record > span { display: block; padding: 3px 5px 9px; color: var(--gold); font-size: .65rem; }
.validation-record .video-card { height: calc(100% - 27px); }

.operation-header { align-items: flex-end; }
.operation-header p, .calendar-header p { margin-bottom: 0; }
.role-switch { display: flex; padding: 4px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface); }
.role-switch button { min-width: 108px; padding: 9px 12px; border: 0; border-radius: 9px; color: var(--muted); background: transparent; cursor: pointer; }
.role-switch button.is-active { color: white; background: var(--primary); }
.role-switch span { margin-left: 5px; opacity: .75; }
.scope-switch { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.scope-switch button { padding: 8px 10px; border: 0; border-radius: 8px; color: var(--muted); background: transparent; font-size: .75rem; cursor: pointer; }
.scope-switch button.is-active { color: white; background: var(--primary); }
.scope-switch span { margin-left: 4px; opacity: .72; }
.filter-bar { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin-bottom: 14px; padding: 12px 14px; border: 1px solid var(--border-soft); border-radius: 14px; background: rgba(16, 22, 36, .62); }
.filter-bar label, .calendar-alerts label, .manual-fields label { display: flex; flex-direction: column; gap: 6px; color: var(--muted); font-size: .67rem; }
.filter-bar select, .calendar-alerts select, .manual-fields select, .manual-fields input, .manual-fields textarea { min-height: 38px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 9px; color: var(--text); background: var(--surface-2); }
.filter-bar select:disabled, .calendar-alerts select:disabled { opacity: .72; }
.sort-note { margin: 0 2px 8px auto; color: var(--blue); font-size: .7rem; white-space: nowrap; }
.sort-note + .filter-result { margin-left: 4px; }
.filter-result { margin: 0 2px 8px auto; color: var(--muted); font-size: .7rem; }
.queue-summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; padding: 17px 20px; border: 1px solid rgba(110, 182, 255, .18); border-radius: 15px; background: var(--blue-soft); }
.queue-summary > div { display: flex; align-items: center; gap: 12px; }
.queue-summary span:not(.queue-number) { display: flex; flex-direction: column; }
.queue-summary--gold { border-color: rgba(245, 189, 88, .2); background: var(--gold-soft); }
.queue-number { font-size: 1.9rem; font-weight: 750; }
.operation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.work-card--blocked { border-color: rgba(255, 114, 127, .28); }
.work-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.work-card__head h3 { margin: 12px 0 6px; line-height: 1.4; }
.operation-card-context { display: flex; flex-wrap: wrap; gap: 7px; margin: 11px 0; }
.context-chip { display: flex; min-height: 37px; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--border-soft); border-radius: 10px; color: var(--muted); background: var(--surface-2); }
.context-chip strong { color: inherit; font-size: .68rem; }
.context-chip small { padding-left: 7px; border-left: 1px solid currentColor; color: inherit; font-size: .63rem; opacity: .78; }
.context-chip--high, .context-chip--soon { border-color: rgba(245, 189, 88, .24); color: var(--gold); background: var(--gold-soft); }
.context-chip--overdue { border-color: rgba(255, 114, 127, .25); color: #ffb4bb; background: var(--red-soft); }
.context-chip--planned { border-color: rgba(110, 182, 255, .2); color: #9dcdff; background: var(--blue-soft); }
.context-chip--normal, .context-chip--muted { color: var(--muted); }
.next-task-callout { display: flex; min-height: 82px; flex-direction: column; justify-content: center; margin: 12px 0; padding: 13px 15px; border: 1px solid rgba(110, 182, 255, .2); border-radius: 12px; background: var(--blue-soft); }
.next-task-callout span { color: #9dcdff; font-size: .61rem; font-weight: 800; letter-spacing: .11em; }
.next-task-callout strong { margin-top: 5px; color: var(--text); font-size: .88rem; }
.next-task-callout small { margin-top: 4px; color: var(--muted); font-size: .69rem; }
.next-task-callout--blocked { border-color: rgba(255, 114, 127, .28); background: var(--red-soft); }
.next-task-callout--blocked span { color: #ffb4bb; }
.next-task-callout--pending { border-color: var(--border-soft); background: rgba(140, 149, 162, .06); }
.next-task-callout--pending span { color: #aeb5c0; }
.next-task-callout--done { border-color: rgba(86, 215, 160, .22); background: var(--green-soft); }
.next-task-callout--done span { color: var(--green); }
.progress-ring { display: grid; width: 58px; height: 58px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: conic-gradient(var(--primary) calc(var(--progress) * 1%), var(--surface-3) 0); }
.progress-ring::before { grid-area: 1 / 1; width: 46px; height: 46px; border-radius: 50%; background: var(--surface); content: ''; }
.progress-ring strong { z-index: 1; grid-area: 1 / 1; font-size: .72rem; }
.missing-row { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 10px 0; color: var(--muted); font-size: .7rem; }
.missing-row strong { color: var(--gold); }
.missing-row span { padding: 4px 7px; border-radius: 7px; color: #f7d99c; background: var(--gold-soft); }
.empty-state { grid-column: 1 / -1; display: flex; min-height: 180px; flex-direction: column; align-items: center; justify-content: center; border: 1px dashed var(--border); border-radius: var(--radius); color: var(--muted); text-align: center; }
.empty-state strong { color: var(--text); }
.empty-state span { margin-top: 7px; font-size: .76rem; }
.empty-state--operation .button { margin-top: 16px; }
.empty-state--clear { border-color: rgba(86, 215, 160, .18); background: rgba(86, 215, 160, .025); }
.empty-state--filtered { border-color: rgba(245, 189, 88, .2); background: rgba(245, 189, 88, .025); }
.task-row { min-height: 53px; }
.task-list--operation { display: grid; }
.task-current-summary { margin: 8px 0; color: var(--muted); font-size: .75rem; }
.production-progress-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0 6px; padding: 10px 12px; border: 1px solid var(--border-soft); border-radius: 10px; color: var(--muted); background: rgba(7, 9, 13, .32); font-size: .69rem; }
.production-progress-summary strong { color: var(--text); font-size: .78rem; }
.production-progress-summary small { color: var(--muted); text-align: right; }
.completed-task-group { margin-top: 8px; border-top: 1px solid var(--border-soft); }
.task-collapse-toggle { display: flex; width: 100%; min-height: 45px; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 2px; border: 0; color: var(--muted); background: transparent; font: inherit; font-size: .72rem; cursor: pointer; }
.task-collapse-toggle strong { color: var(--gold); font-size: .7rem; }
.task-collapse-toggle:hover strong, .task-collapse-toggle:focus-visible strong { color: var(--primary-strong); }
.task-collapse-toggle:focus-visible { outline: 1px solid var(--primary); outline-offset: 3px; }
.completed-task-list { opacity: .78; }
.task-check { display: grid; width: 25px; height: 25px; flex: 0 0 auto; place-items: center; border: 1px solid var(--border); border-radius: 8px; color: var(--muted); background: var(--surface-2); font-size: .7rem; }
.task-check--completed { border-color: rgba(86, 215, 160, .25); color: var(--green); background: var(--green-soft); }
.task-check--in_progress { border-color: rgba(110, 182, 255, .25); background: var(--blue-soft); }
.task-check--blocked { border-color: rgba(255, 114, 127, .25); color: var(--red); background: var(--red-soft); }
.task-check--not_applicable { border-style: dashed; color: var(--muted); background: transparent; }
.task-status-text--pending { color: #929aa6; }
.task-status-text--in_progress { color: #9dcdff; }
.task-status-text--blocked { color: #ff9fa8; }
.task-status-text--completed { color: #8fe9bf; }
.task-status-text--not_applicable { color: #78818e; }
.task-row small { margin-top: 3px; }
.work-card__footer { justify-content: flex-end; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--border-soft); }
.review-card { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr); gap: 28px; }
.review-card__visual, .thumbnail-preview { display: flex; min-height: 300px; flex-direction: column; align-items: center; justify-content: center; padding: 30px; border: 1px solid rgba(245, 189, 88, .18); border-radius: 16px; color: #fff4c5; background: radial-gradient(circle at 50% 22%, rgba(255, 230, 154, .18), transparent 26%), linear-gradient(145deg, #243541, #141c2b 62%, #3b3029); text-align: center; }
.review-card__visual span, .thumbnail-preview span { margin-bottom: 18px; color: var(--gold); font-size: .65rem; letter-spacing: .15em; }
.review-card__visual strong, .thumbnail-preview strong { font-family: Georgia, serif; font-size: clamp(1.3rem, 3vw, 2rem); line-height: 1.2; }
.review-card__visual small { margin-top: 24px; }
.review-card__content h3 { margin-top: 14px; font-size: 1.4rem; line-height: 1.35; }
.review-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 20px 0; }
.review-facts span { display: flex; flex-direction: column; font-size: .78rem; }
.review-facts small { margin-bottom: 5px; }
.decision-queue-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.decision-queue-card { display: flex; min-height: 310px; flex-direction: column; }
.decision-queue-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.decision-queue-card__head h3 { margin: 13px 0 6px; font-size: 1.08rem; line-height: 1.35; }
.decision-queue-card__reason { display: flex; flex-direction: column; gap: 5px; margin: 20px 0; padding: 14px; border-left: 3px solid var(--primary-strong); background: var(--primary-soft); }
.decision-queue-card__reason span { color: var(--muted); font-size: .72rem; }
.decision-queue-card__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.decision-queue-card__facts span { display: flex; min-width: 0; flex-direction: column; font-size: .74rem; overflow-wrap: anywhere; }
.decision-queue-card__facts small { margin-bottom: 5px; }
.decision-queue-card__actions { display: flex; justify-content: flex-end; margin-top: auto; padding-top: 20px; }

.subnav { display: flex; gap: 2px; margin: -6px 0 20px; overflow-x: auto; border-bottom: 1px solid var(--border-soft); }
.video-stations { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0 0 22px; padding: 15px 18px; border: 1px solid var(--border-soft); border-radius: 14px; background: rgba(16, 22, 36, .55); }
.video-station { position: relative; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: .72rem; }
.video-station:not(:last-child)::after { position: absolute; right: 8px; width: calc(100% - 92px); height: 1px; background: var(--border); content: ''; }
.video-station > span { z-index: 1; display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid var(--border); border-radius: 50%; background: var(--surface-2); }
.video-station--completed { color: var(--green); }.video-station--completed > span { border-color: rgba(86, 215, 160, .35); background: var(--green-soft); }.video-station--active { color: #ffd19b; }.video-station--active > span { border-color: var(--primary); background: var(--primary-soft); }
.subnav button { padding: 12px 15px; border: 0; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; white-space: nowrap; cursor: pointer; }
.subnav button.is-active { border-bottom-color: var(--primary-strong); color: white; }
.summary-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.summary-strip > div { display: flex; flex-direction: column; padding-right: 14px; border-right: 1px solid var(--border-soft); }
.summary-strip > div:last-child { border-right: 0; }
.summary-strip strong { font-size: 1rem; }
.summary-strip small { margin-top: 5px; }
.task-list--detail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.decision-panel p { font-size: .82rem; }
.thumbnail-preview { min-height: 220px; margin: 18px 0; padding: 20px; }
.thumbnail-preview strong { font-size: 1.35rem; }
.decision-actions .button { flex: 1; }
.next-step { border-color: rgba(123, 97, 255, .22); background: var(--primary-soft); }
.next-step p { margin: 0; font-size: .78rem; }
.missing-panel { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid rgba(245, 189, 88, .25); border-radius: 14px; color: var(--gold); background: var(--gold-soft); }
.missing-panel > span { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border-radius: 9px; background: rgba(245, 189, 88, .12); font-weight: 800; }
.missing-panel div { display: flex; flex-direction: column; }
.missing-panel p { margin: 3px 0 0; font-size: .72rem; }
.title-options { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.title-options li { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--border-soft); border-radius: 12px; }
.title-options li > span:first-child { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: var(--muted); background: var(--surface-3); font-size: .72rem; }
.title-options li.is-selected { border-color: rgba(86, 215, 160, .25); background: var(--green-soft); }
.long-copy { color: var(--text); }
.copy-section { position: relative; }
.copy-section .copy-button { margin-top: 12px; }
.copy-box { margin-top: 22px; padding: 15px; border-radius: 12px; background: var(--surface-2); }
.copy-box > div, .copy-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.copy-box p { margin: 6px 0 0; font-size: .8rem; }
.copy-button { flex: 0 0 auto; border: 1px solid var(--line); border-radius: 9px; padding: 7px 10px; color: var(--text); background: var(--surface); font: inherit; font-size: .72rem; font-weight: 700; cursor: pointer; }
.copy-button:hover, .copy-button:focus-visible { border-color: var(--accent); color: var(--accent); outline: none; }
.clipboard-helper { position: fixed; left: -9999px; top: 0; opacity: 0; }
.file-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.file-row { min-height: 68px; }
.file-row:is(a) { color: inherit; text-decoration: none; }
.file-row.is-disabled { cursor: not-allowed; }
.file-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #ffbd70; background: var(--primary-soft); }
.comment-list { display: grid; }
.comment-list article { display: flex; gap: 12px; padding: 15px 0; border-top: 1px solid var(--border-soft); }
.comment-list article:first-child { border-top: 0; }
.comment-list article > div { flex: 1; }
.comment-list article small { display: block; margin-top: 3px; }
.comment-list article p { margin: 8px 0 0; color: var(--text); font-size: .8rem; }
.decision-log { display: grid; gap: 10px; margin-top: 18px; }
.decision-log > div { padding: 14px; border: 1px solid var(--border-soft); border-radius: 12px; background: var(--surface-2); }
.decision-log p { margin: 10px 0 4px; color: var(--text); font-size: .8rem; }
.publication-grid, .analysis-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 18px 0; }
.publication-grid > div, .analysis-grid > div { display: flex; min-height: 74px; flex-direction: column; justify-content: center; padding: 12px; border: 1px solid var(--border-soft); border-radius: 11px; background: var(--surface-2); }
.publication-grid strong, .analysis-grid strong { margin-top: 6px; font-size: .85rem; }
.muted-strong { color: var(--muted); font-weight: 500; }
.missing-callout { display: flex; flex-direction: column; gap: 5px; margin: 14px 0; padding: 13px; border-left: 3px solid var(--gold); color: var(--gold); background: var(--gold-soft); font-size: .75rem; }
.missing-callout span { color: var(--muted); }
.analysis-status { display: flex; align-items: center; gap: 10px; margin-top: 16px; padding: 12px; border-radius: 11px; background: var(--primary-soft); }
.analysis-status > span { color: #ffbd70; font-size: 1.2rem; }
.analysis-status div { display: flex; flex-direction: column; }
.analysis-status small { margin-top: 4px; }
.history-list { display: grid; }
.history-list > div { position: relative; display: grid; grid-template-columns: 14px 110px 1fr; gap: 12px; min-height: 74px; }
.history-list > div::after { position: absolute; top: 17px; bottom: -6px; left: 4px; width: 1px; background: var(--border); content: ''; }
.history-list > div:last-child::after { display: none; }
.history-dot { z-index: 1; width: 9px; height: 9px; margin-top: 4px; border: 2px solid var(--surface); border-radius: 50%; background: var(--primary-strong); box-shadow: 0 0 0 2px var(--primary-soft); }
.history-list time { color: var(--muted); font-size: .7rem; }
.history-list p { color: var(--text); font-size: .82rem; }

.calendar-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(310px, .6fr); gap: 18px; }
.calendar-panel { padding: 0; overflow: hidden; }
.calendar-alerts { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; margin-bottom: 14px; }
.calendar-alerts button { display: flex; min-width: 250px; flex: 1; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--border-soft); border-radius: 13px; background: var(--surface); text-align: left; cursor: pointer; }
.calendar-alerts button > span:last-child { display: flex; flex-direction: column; }
.calendar-alerts button small { margin-top: 4px; }
.calendar-alerts label { min-width: 210px; justify-content: center; padding: 0 12px; }
.weekday-row, .month-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.weekday-row { border-bottom: 1px solid var(--border); }
.weekday-row span { padding: 14px 8px; color: var(--muted); font-size: .62rem; text-align: center; }
.calendar-day { min-height: 120px; padding: 10px; border-right: 1px solid var(--border-soft); border-bottom: 1px solid var(--border-soft); }
.calendar-day:nth-child(7n) { border-right: 0; }
.calendar-day.is-empty { background: rgba(0, 0, 0, .08); }
.calendar-day.is-today { background: var(--primary-soft); }
.day-number { display: flex; justify-content: space-between; color: var(--muted); font-size: .7rem; }
.day-number small { color: #ffbd70; }
.calendar-event { display: grid; width: 100%; grid-template-columns: auto 1fr; gap: 6px; margin-top: 8px; padding: 7px; overflow: hidden; border: 0; border-left: 2px solid var(--blue); border-radius: 6px; color: var(--text); background: var(--blue-soft); text-align: left; cursor: pointer; }
.calendar-event--ready { border-left-color: var(--gold); background: var(--gold-soft); }
.calendar-event--blocked { border-left-color: var(--red); background: var(--red-soft); }
.calendar-event strong { font-size: .56rem; }
.calendar-event span { overflow: hidden; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.upcoming h3 { margin-bottom: 18px; }
.upcoming-row { min-height: 74px; }
.date-tile { display: grid; width: 42px; height: 46px; flex: 0 0 auto; place-items: center; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); }
.date-tile strong { font-size: .9rem; }
.date-tile small { font-size: .58rem; }

.json-layout { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr); gap: clamp(28px, 5vw, 70px); align-items: start; padding-top: 20px; }
.json-layout > div { padding-top: 24px; }
.safety-note { display: flex; flex-direction: column; gap: 5px; margin-top: 26px; padding: 15px; border-left: 3px solid var(--green); color: var(--green); background: var(--green-soft); font-size: .78rem; }
.safety-note span { color: var(--muted); }
.entry-switch { display: flex; width: max-content; max-width: 100%; margin: 24px 0 0; padding: 4px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.entry-switch button { padding: 9px 12px; border: 0; border-radius: 8px; color: var(--muted); background: transparent; cursor: pointer; }
.entry-switch button.is-active { color: white; background: var(--primary); }
.json-editor-label { display: grid; gap: 8px; margin: 20px 0; color: var(--muted); font-size: .72rem; }
.json-editor { width: 100%; min-height: 320px; padding: 20px; border: 1px solid var(--border-soft); border-radius: 13px; outline: 0; color: #ffd2a1; background: #090b0f; resize: vertical; font: .78rem/1.75 ui-monospace, SFMono-Regular, Consolas, monospace; }
.json-editor:focus { border-color: var(--primary-strong); box-shadow: 0 0 0 3px rgba(240, 127, 0, .1); }
.import-preview { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 18px; }
.import-preview > div { display: flex; flex-direction: column; padding: 12px; border-radius: 10px; background: var(--surface-2); }
.import-preview span { font-size: 1.2rem; font-weight: 700; }
.import-errors, .import-valid { display: grid; gap: 5px; margin: 14px 0; padding: 13px 15px; border-left: 3px solid var(--red); color: #ffc1c8; background: var(--red-soft); font-size: .75rem; }
.import-errors span, .import-valid span { color: var(--muted); }
.import-valid { border-left-color: var(--green); color: var(--green); background: var(--green-soft); }
.json-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; }
.supply-template-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.supply-template-actions > span { color: var(--muted); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.supply-template-actions .button { min-height: 34px; padding: 7px 12px; }
.import-result { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--border); }
.import-result-row { display: flex; width: 100%; justify-content: space-between; gap: 16px; padding: 13px 2px; border: 0; border-bottom: 1px solid var(--border-soft); color: var(--text); background: transparent; text-align: left; cursor: pointer; }
.import-result-row strong { color: #ffbd70; }
.import-result-error { display: grid; gap: 4px; padding: 12px 2px; border-bottom: 1px solid var(--border-soft); color: #ffc1c8; }
.import-result-error span { color: var(--muted); font-size: .74rem; }
.import-dialog { width: min(620px, 100%); }
.import-confirm-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.import-confirm-list span { padding: 7px 9px; border: 1px solid var(--border); border-radius: 8px; color: #ffd2a1; background: #090b0f; font: .7rem ui-monospace, SFMono-Regular, Consolas, monospace; }
.import-scope-picker { margin: 16px 0; padding: 16px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.import-scope-picker legend { padding: 0 7px; color: var(--text); font-weight: 700; }
.import-scope-picker > p { margin: 0 0 12px; color: var(--muted); font-size: .75rem; }
.import-scope-picker > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.import-scope-picker button { display: grid; gap: 4px; padding: 13px; border: 1px solid var(--border); border-radius: 10px; color: var(--text); background: #0a0d12; text-align: left; cursor: pointer; }
.import-scope-picker button:hover { border-color: #85551d; }
.import-scope-picker button.is-active { border-color: var(--orange); background: rgba(255, 139, 0, .12); box-shadow: inset 3px 0 0 var(--orange); }
.import-scope-picker button span, .import-scope-picker button code { color: var(--muted); font-size: .7rem; }
.import-scope-picker button code { color: #ffbd70; }
.import-scope-status { display: block; margin-top: 12px; color: var(--muted); }
.import-scope-status strong { color: #ffbd70; }
.import-scope-confirm { display: grid; gap: 3px; margin: 16px 0; padding: 12px; border: 1px solid #85551d; border-radius: 10px; background: rgba(255, 139, 0, .1); }
.import-scope-confirm span, .import-scope-confirm small { color: var(--muted); font-size: .7rem; }
.safety-note--warning { border-left-color: var(--gold); color: var(--gold); background: var(--gold-soft); }
.manual-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 18px 0; }
.manual-fields .is-wide { grid-column: 1 / -1; }
.manual-fields textarea { resize: vertical; }
.manual-uid-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.manual-uid-row .button { min-height: 38px; white-space: nowrap; }
.uid-suggestion-note { display: grid; gap: 4px; margin: 0 0 14px; padding: 12px 14px; border: 1px solid rgba(80, 209, 159, .35); border-radius: 10px; background: var(--green-soft); }
.uid-suggestion-note strong { color: var(--green); font: 700 .82rem ui-monospace, SFMono-Regular, Consolas, monospace; }
.uid-suggestion-note span { color: var(--muted); font-size: .72rem; }
.uid-collision-alert { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 14px 0; padding: 14px 15px; border: 1px solid rgba(255, 190, 80, .38); border-left: 3px solid var(--gold); border-radius: 10px; background: var(--gold-soft); }
.uid-collision-alert > div { display: grid; gap: 5px; }
.uid-collision-alert strong { color: var(--gold); }
.uid-collision-alert span { color: var(--muted); font-size: .75rem; }
.uid-collision-alert .button { flex: 0 0 auto; }
.manual-preview { display: flex; flex-direction: column; gap: 5px; margin-bottom: 18px; padding: 13px; border-radius: 11px; color: var(--green); background: var(--green-soft); font-size: .75rem; }
.manual-preview span { color: var(--muted); }

@media (max-width: 1100px) {
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .apps-grid, .video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .operation-grid, .decision-queue-grid { grid-template-columns: 1fr; }
  .calendar-layout { grid-template-columns: 1fr; }
  .calendar-day { min-height: 100px; }
}

@media (max-width: 820px) {
  .auth-screen { grid-template-columns: 1fr; }
  .auth-card { min-height: 100vh; padding: 118px 24px 42px; border-right: 0; }
  .auth-brand { top: 28px; left: 24px; }
  .auth-manifesto { display: none; }
  .sidebar { display: none; }
  .main-content { margin-left: 0; padding-bottom: 72px; }
  .topbar { position: sticky; top: 0; min-height: 74px; padding: 13px 18px; }
  .record-scope-switch { order: -1; }
  .record-scope-switch button { padding: 6px 7px; }
  .data-mode-switch a { padding: 6px 7px; font-size: .62rem; }
  .topbar .demo-badge, .topbar .icon-button, .install-button--topbar span:last-child { display: none; }
  .install-button--topbar { width: 38px; padding: 0; }
  .global-search { width: 42px; padding: 0; justify-content: center; }.global-search span:nth-child(2), .global-search kbd { display: none; }
  .page { padding: 24px 16px 54px; }
  .mobile-nav { position: fixed; inset: auto 0 0; z-index: 40; display: grid; grid-template-columns: repeat(4, 1fr); min-height: 66px; padding: 6px 8px max(6px, env(safe-area-inset-bottom)); border-top: 1px solid var(--border); background: rgba(7, 9, 13, .97); backdrop-filter: blur(16px); }
  .mobile-nav button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; border: 0; border-radius: 10px; color: var(--muted); background: transparent; }
  .mobile-nav button.is-active { color: #ffd09a; background: var(--primary-soft); }
  .mobile-nav small { font-size: .58rem; }
  .content-grid, .content-grid--wide, .content-grid--cockpit, .content-grid--video, .json-layout { grid-template-columns: minmax(0, 1fr); }
  .review-card { grid-template-columns: 1fr; }
  .review-card__visual { min-height: 250px; }
  .decision-queue-card__facts { grid-template-columns: 1fr; }
  .product-hero, .channel-hero, .video-header, .operation-header, .calendar-header { align-items: flex-start; flex-direction: column; }
  .channel-command-center__main { grid-template-columns: auto minmax(0, 1fr); }
  .channel-command-center__main .channel-hero__actions { grid-column: 1 / -1; }
  .channel-command-center__footer { grid-template-columns: 1fr; }
  .channel-access-strip { justify-content: flex-start; flex-wrap: wrap; }
  .product-hero__actions, .channel-hero__actions, .video-header__actions { width: 100%; }
  .product-hero__actions .button, .channel-hero__actions .button, .video-header__actions .button { flex: 1; }
  .channel-banner { align-items: flex-start; flex-wrap: wrap; }
  .channel-banner__actions { width: 100%; }
  .channel-banner__actions .button { flex: 1; }
  .operation-header .role-switch { width: 100%; }
  .role-switch button { flex: 1; }
  .calendar-panel { overflow-x: auto; }
  .continue-card { grid-template-columns: auto 1fr; }.continue-card__progress, .continue-card .button { grid-column: 2; }
  .video-stations { overflow-x: auto; grid-template-columns: repeat(5, minmax(120px, 1fr)); }.video-station:not(:last-child)::after { display: none; }
  .filter-result { width: 100%; margin: 2px 0 0; }
  .task-status-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .weekday-row, .month-grid { min-width: 700px; }
}

@media (max-width: 560px) {
  .channel-draft-fields { grid-template-columns: 1fr; }
  .channel-draft-fields .is-wide { grid-column: auto; }
  .attention-row__action > small { display: none; }
  h2 { font-size: 1.8rem; }
  .hero { min-height: 0; align-items: flex-start; flex-direction: column; }
  .hero .button { width: 100%; }
  .metric-grid, .metric-grid--three, .apps-grid, .video-grid, .file-grid { grid-template-columns: 1fr; }
  .json-actions, .review-dialog__actions { flex-direction: column-reverse; }
  .task-status-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .task-status-option { min-height: 58px; }
  .task-status-current { align-items: flex-start; flex-direction: column; }
  .json-actions .button, .review-dialog__actions .button { width: 100%; }
  .metric { min-height: 100px; }
  .metric > small { display: none; }
  .attention-row { width: 100%; max-width: 100%; align-items: flex-start; overflow: hidden; padding: 13px 0; }
  .attention-row > * { min-width: 0; }
  .attention-row .person-chip { display: none; }
  .product-mark { width: 58px; height: 58px; border-radius: 17px; }
  .channel-avatar--large { width: 64px; height: 64px; border-radius: 18px; }
  .channel-command-center { padding: 15px; }
  .channel-command-center__main { align-items: start; gap: 12px; }
  .channel-command-center__identity h2 { font-size: 1.35rem; }
  .channel-command-center__main .channel-hero__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .channel-manage-menu > summary, .channel-command-center__main .channel-hero__actions > .button { width: 100%; }
  .channel-manage-menu__panel { right: auto; left: 0; width: min(260px, calc(100vw - 62px)); }
  .channel-stat-strip > div { padding: 0 8px; }
  .channel-stat-strip strong { font-size: 1.15rem; }
  .channel-stat-strip small { display: none; }
  .channel-access-strip > .eyebrow { width: 100%; }
  .dna-list > div { grid-template-columns: 1fr; gap: 7px; }
  .readiness-grid { grid-template-columns: 1fr; }
  .readiness-item { grid-template-columns: 30px 1fr; }
  .readiness-item em { grid-column: 2; }
  .queue-summary { align-items: flex-start; flex-direction: column; }
  .queue-summary .button { width: 100%; }
  .work-card { padding: 16px; }
  .task-list--detail { grid-template-columns: 1fr; }
  .review-facts, .summary-strip, .import-preview { grid-template-columns: 1fr; }
  .import-scope-picker > div { grid-template-columns: 1fr; }
  .publication-grid, .analysis-grid, .analysis-form-grid, .manual-fields { grid-template-columns: 1fr; }
  .manual-fields .is-wide { grid-column: auto; }
  .manual-uid-row { grid-template-columns: 1fr; }
  .uid-collision-alert { align-items: stretch; flex-direction: column; }
  .uid-collision-alert .button { width: 100%; }
  .summary-strip > div { padding: 10px 0; border-right: 0; border-bottom: 1px solid var(--border-soft); }
  .summary-strip > div:last-child { border-bottom: 0; }
  .title-options li { grid-template-columns: 32px 1fr; }
  .title-options li > :last-child { grid-column: 2; justify-self: start; }
  .history-list > div { grid-template-columns: 14px 1fr; }
  .history-list time { grid-column: 2; }
  .history-list p { grid-column: 2; }
  .calendar-controls { width: 100%; }
  .calendar-controls .button { flex: 1; }
  .toast { right: 16px; left: 16px; }
  .profile-popover { inset: auto 8px calc(74px + env(safe-area-inset-bottom)) 8px; width: auto; max-height: calc(100vh - 92px); border-radius: 18px; animation-name: profile-enter-mobile; }
  .profile-popover__header { padding: 16px 16px 12px; }
  .profile-session, .profile-tabs { margin-right: 16px; margin-left: 16px; }
  .profile-popover__body { padding-right: 16px; padding-left: 16px; }
  .profile-popover__footer { padding-right: 16px; padding-left: 16px; }
  .profile-facts { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: no-preference) {
  .app-card, .button, .nav-item { transition: background .18s ease, border-color .18s ease, transform .18s ease; }
}

@keyframes profile-enter-mobile { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

html[data-motion="reduced"] *, html[data-motion="reduced"] *::before, html[data-motion="reduced"] *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
html[data-density="compact"] .page { padding-top: 24px; }
html[data-density="compact"] .metric { min-height: 104px; padding: 16px; }
html[data-density="compact"] .panel { padding: 18px; }

/* MFX OS Visual Kit 1.0 — shell e componentes operacionais */
:root {
  --surface-elevated: #171c25;
  --surface-subtle: #0c1016;
  --focus-ring: rgba(255, 148, 24, .42);
  --radius: 14px;
  --radius-sm: 10px;
  --radius-lg: 16px;
  --shadow: 0 18px 54px rgba(0, 0, 0, .24);
}

::selection { color: #fff; background: rgba(240, 127, 0, .48); }

.ui-icon {
  display: block;
  width: 1.15rem;
  height: 1.15rem;
  flex: 0 0 auto;
}

:where(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--primary-strong);
  outline-offset: 3px;
  box-shadow: 0 0 0 4px var(--focus-ring);
}

:where(button, input, select, textarea):disabled {
  cursor: not-allowed;
  opacity: .56;
}

.sidebar {
  padding: 20px 16px;
  background: linear-gradient(180deg, #080b10 0%, #07090d 74%);
  border-right-color: #222832;
}

.brand {
  min-height: 56px;
  padding: 8px;
  border-radius: var(--radius-sm);
}

.brand:hover { background: rgba(255, 255, 255, .025); }
.main-nav { gap: 6px; margin-top: 24px; }

.nav-item {
  min-height: 44px;
  padding: 0 13px;
  border-radius: var(--radius-sm);
  font-weight: 650;
}

.nav-item::before { width: 2px; border-radius: 0 2px 2px 0; }
.nav-item.is-active { background: linear-gradient(90deg, rgba(240, 127, 0, .17), rgba(240, 127, 0, .08)); }
.nav-item:not(.is-active):hover { color: var(--text); background: rgba(255, 255, 255, .035); }
.nav-icon { display: grid; width: 24px; place-items: center; }
.nav-icon .ui-icon { width: 17px; height: 17px; }

.sidebar__footer {
  padding: 14px 10px 4px;
  border-top-color: #252b35;
}

.topbar {
  min-height: 78px;
  padding: 13px clamp(22px, 3vw, 44px);
  border-bottom-color: #252b35;
  background: rgba(7, 9, 13, .94);
}

.topbar > div:first-child { min-width: 150px; }
.topbar h1 { font-size: clamp(1.18rem, 1.6vw, 1.52rem); line-height: 1.15; }
.topbar__actions { gap: 8px; }
.global-search { height: 44px; border-radius: 12px; background: #101620; }
.global-search .ui-icon { width: 16px; height: 16px; color: #aeb7c6; }
.icon-button { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; }
.icon-button .ui-icon { width: 18px; height: 18px; }
.install-button .ui-icon { width: 16px; height: 16px; }

.page { padding: 28px clamp(22px, 3.6vw, 56px) 64px; }

.hero {
  min-height: 158px;
  padding: clamp(24px, 3vw, 34px);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
}

.hero h2 { letter-spacing: -.035em; }
.hero p { max-width: 700px; }

.metric-grid { gap: 12px; margin-top: 18px; }

.metric {
  display: grid;
  min-width: 0;
  min-height: 112px;
  grid-template-columns: 40px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  gap: 5px 12px;
  padding: 16px 17px;
  border-radius: var(--radius);
  background: linear-gradient(145deg, #111721, #0e131b);
}

.metric > div { min-width: 0; }
.metric strong { font-size: clamp(1.35rem, 2vw, 1.7rem); line-height: 1; }
.metric > div > span { display: block; margin-top: 5px; font-size: .78rem; line-height: 1.28; }
.metric > small {
  grid-column: 2;
  align-self: start;
  margin: 0;
  overflow-wrap: anywhere;
  white-space: normal;
  line-height: 1.35;
}

.metric__icon {
  display: grid;
  width: 40px;
  height: 40px;
  grid-row: 1 / 3;
  place-items: center;
  border-radius: 11px;
}

.metric__icon .ui-icon { width: 19px; height: 19px; }
.metric--simple { display: flex; }
.metric--simple > small { margin-left: auto; }

.content-grid { gap: 14px; margin-top: 14px; }
.stack { gap: 14px; }

.panel {
  padding: 20px;
  border-radius: var(--radius);
  border-color: #28303b;
  background: linear-gradient(155deg, rgba(17, 23, 33, .98), rgba(13, 18, 26, .98));
  box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}

.panel--compact { padding: 18px; }
.section-heading { margin-bottom: 16px; }
.section-heading h3 { margin-top: 4px; letter-spacing: -.02em; }

:where(.app-card, .work-card, .video-card, .attention-row, .upcoming-row, .timeline__item) {
  border-radius: var(--radius-sm);
}

:where(.app-card, .work-card, .video-card):hover {
  border-color: #394352;
  background-color: var(--surface-elevated);
}

.button {
  min-height: 40px;
  border-radius: var(--radius-sm);
  font-weight: 750;
}

:where(input, textarea, select) {
  border-radius: var(--radius-sm);
  border-color: #303845;
  background: #111720;
}

:where(input, textarea, select):hover { border-color: #414c5c; }
:where(input, textarea, select):focus { border-color: var(--primary-strong); }

.empty-state {
  min-height: 142px;
  padding: 28px 22px;
  border-radius: var(--radius);
  border-color: #303844;
  background: linear-gradient(145deg, rgba(17, 22, 31, .42), rgba(8, 11, 16, .35));
}

.empty-state strong { font-size: .92rem; }
.empty-state span { max-width: 560px; line-height: 1.55; }

.status { border-radius: 999px; font-weight: 700; }
.profile-popover, .review-dialog { border-radius: var(--radius-lg); border-color: #333c49; box-shadow: 0 28px 90px rgba(0, 0, 0, .48); }
.search-overlay { backdrop-filter: blur(8px); }
.toast { border-radius: var(--radius-sm); box-shadow: var(--shadow); }

@media (max-width: 1320px) {
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .global-search { width: min(330px, 28vw); }
}

@media (max-width: 980px) and (min-width: 821px) {
  .topbar { align-items: flex-start; flex-wrap: wrap; }
  .global-search { order: 3; width: 100%; }
  .topbar__actions { margin-left: auto; }
}

@media (max-width: 820px) {
  .topbar { min-height: 70px; }
  .page { padding: 20px 15px 52px; }
  .hero { padding: 22px; }
  .mobile-nav .ui-icon { width: 18px; height: 18px; }
}

@media (max-width: 560px) {
  html, body, .app-shell, .main-content { max-width: 100%; overflow-x: hidden; }
  .topbar { gap: 8px; padding: 12px; }
  .topbar > div:first-child { min-width: 0; }
  .topbar h1 { overflow: hidden; font-size: 1.05rem; text-overflow: ellipsis; white-space: nowrap; }
  .topbar .global-search { display: none; }
  .topbar__actions { min-width: 0; gap: 6px; }
  .data-mode-switch a { padding: 6px; font-size: .58rem; }
  .metric-grid { grid-template-columns: 1fr; }
  .metric { min-height: 104px; }
  .metric > small { display: block; }
  .panel { padding: 16px; }
  .empty-state { min-height: 124px; padding: 24px 18px; }
}

/* MFX OS UX Consolidation v66 — navegação agrupada e densidade de aplicativo */
.main-nav { display: grid; gap: 10px; }
.nav-cluster {
  display: grid;
  gap: 4px;
  padding: 10px 6px 6px;
  border: 1px solid rgba(255, 255, 255, .045);
  border-radius: 13px;
  background: rgba(255, 255, 255, .018);
}
.nav-cluster__label {
  padding: 0 8px 6px;
  color: #6f7886;
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.nav-cluster .nav-item { min-height: 40px; }

.environment-menu { position: relative; }
.environment-menu > summary {
  display: flex;
  min-width: 132px;
  min-height: 42px;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  border: 1px solid #303846;
  border-radius: 12px;
  color: var(--text);
  background: #10151d;
  cursor: pointer;
  list-style: none;
}
.environment-menu > summary::-webkit-details-marker { display: none; }
.environment-menu > summary:hover { border-color: #465264; background: #141a24; }
.environment-menu > summary > span { display: grid; min-width: 0; gap: 1px; }
.environment-menu > summary small { color: var(--muted); font-size: .55rem; letter-spacing: .08em; text-transform: uppercase; }
.environment-menu > summary strong { overflow: hidden; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.environment-menu > summary b { margin-left: auto; color: var(--muted); font-size: .72rem; transition: transform .16s ease; }
.environment-menu[open] > summary { border-color: rgba(240, 127, 0, .5); }
.environment-menu[open] > summary b { transform: rotate(180deg); }
.environment-dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; box-shadow: 0 0 0 4px rgba(255, 255, 255, .035); }
.environment-dot--real { background: var(--green); }
.environment-dot--demo { background: var(--purple); }
.environment-menu__panel {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  z-index: 40;
  display: grid;
  width: min(340px, calc(100vw - 28px));
  gap: 14px;
  padding: 16px;
  border: 1px solid #343d4a;
  border-radius: 14px;
  background: #10151d;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .52);
}
.environment-menu__heading { display: grid; gap: 4px; padding-bottom: 12px; border-bottom: 1px solid var(--border-soft); }
.environment-menu__group { display: grid; gap: 7px; }
.environment-menu__group > span, .environment-menu .channel-switch > span { color: var(--muted); font-size: .62rem; font-weight: 750; }
.environment-menu .data-mode-switch, .environment-menu .record-scope-switch { width: 100%; }
.environment-menu .data-mode-switch a, .environment-menu .record-scope-switch button { flex: 1; justify-content: center; text-align: center; }
.environment-menu .channel-switch { display: grid; gap: 7px; }
.environment-menu .channel-switch select { width: 100%; min-height: 38px; }
.environment-menu__note { color: #7f8998; line-height: 1.45; }
.environment-warning { padding: 9px 10px; border: 1px solid rgba(245, 189, 88, .2); border-radius: 9px; color: #e8c985; background: var(--gold-soft); font-size: .68rem; }

.toast {
  top: auto;
  right: 24px;
  bottom: 24px;
  display: flex;
  min-width: min(330px, calc(100vw - 32px));
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 12px 12px 15px;
}
.toast > span { line-height: 1.4; }
.toast > button { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border: 0; border-radius: 8px; color: #c8f9e5; background: rgba(255, 255, 255, .08); cursor: pointer; }

.hero--compact { min-height: 126px; padding: 24px 30px; }
.hero--compact h2 { font-size: clamp(2rem, 3.2vw, 3rem); }
.metric-grid--dashboard { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 18px; }
.metric-grid--dashboard .metric { min-height: 92px; padding: 13px 15px; }
.metric-grid--dashboard .metric__icon { width: 36px; height: 36px; }
.metric-grid--dashboard .metric strong { font-size: 1.42rem; }
.workspace-grid { grid-template-columns: minmax(0, 1.65fr) minmax(260px, .62fr); align-items: start; }
.workspace-grid .attention-panel > .attention-list > .empty-state { min-height: 190px; }
.workspace-rail .empty-state { min-height: 104px; padding: 18px 14px; }
.workspace-rail .zegum-card { padding: 16px; }

.product-hero--compact { gap: 16px; margin-bottom: 18px; padding: 2px 0 4px; }
.product-hero--compact .product-mark { width: 58px; height: 58px; }
.product-hero--compact h2 { font-size: clamp(2rem, 3.4vw, 3rem); }
.product-hero--compact p { max-width: 620px; }
.metric-grid--overview { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 14px 0 16px; }
.metric-grid--overview .metric { min-height: 86px; padding: 14px 16px; }
.channel-banner--compact { padding: 18px 20px; }
.channel-banner--compact .channel-avatar { width: 52px; height: 52px; }
.channel-banner--compact .channel-banner__copy h3 { font-size: 1.22rem; }

.operation-header--compact { align-items: flex-end; margin-bottom: 14px; }
.operation-header--compact h2 { margin: 5px 0 4px; font-size: clamp(2rem, 3.6vw, 3rem); }
.operation-header--compact p { font-size: .82rem; }
.operation-toolbar {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  background: rgba(16, 22, 36, .52);
}
.operation-toolbar .task-status-legend { margin: 0; }
.operation-toolbar .filter-bar { margin: 0; padding: 0; border: 0; background: transparent; }
.operation-toolbar .filter-bar label { min-width: 150px; }
.operation-toolbar .filter-result { margin-left: auto; }
.queue-summary--compact { margin-bottom: 12px; padding: 11px 14px; border-radius: 12px; }
.queue-summary--compact .queue-number { font-size: 1.45rem; }
.queue-summary--compact .button { min-height: 36px; }
.operation-grid--single { grid-template-columns: minmax(0, 760px); }
.operation-grid--single .work-card { width: 100%; }
.work-card { padding: 18px; }
.work-card__head { margin-bottom: 10px; }
.work-card__head h3 { margin: 9px 0 4px; font-size: 1rem; }
.work-card__footer { margin-top: 12px; padding-top: 12px; }

.calendar-header--compact { margin-bottom: 12px; }
.calendar-header--compact h2 { margin: 4px 0; font-size: clamp(2rem, 3.4vw, 3rem); }
.calendar-header--compact p { font-size: .8rem; }
.calendar-toolbar {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid var(--border-soft);
  border-radius: 12px;
  background: rgba(16, 22, 36, .54);
}
.calendar-toolbar__stats { display: flex; gap: 8px; }
.calendar-toolbar__stats > span { display: flex; min-width: 96px; align-items: center; gap: 8px; padding: 7px 9px; border: 1px solid var(--border-soft); border-radius: 9px; background: var(--surface-2); }
.calendar-toolbar__stats strong { font-size: 1rem; }
.calendar-toolbar__stats small { color: var(--muted); font-size: .64rem; }
.calendar-toolbar__stats .has-warning { border-color: rgba(245, 189, 88, .28); }
.calendar-source { margin-right: auto; color: var(--muted); font-size: .68rem; }
.calendar-toolbar label { display: grid; min-width: 200px; gap: 4px; color: var(--muted); font-size: .6rem; }
.calendar-toolbar select { min-height: 36px; padding: 7px 9px; }
.calendar-layout { grid-template-columns: minmax(0, 1.75fr) minmax(260px, .55fr); align-items: start; }
.calendar-layout .upcoming { position: sticky; top: 92px; min-height: 0; }
.calendar-day { min-height: 98px; }

@media (max-width: 1160px) {
  .metric-grid--dashboard { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-grid { grid-template-columns: minmax(0, 1fr) 280px; }
  .calendar-source { display: none; }
}

@media (max-width: 980px) {
  .environment-menu > summary { min-width: 44px; width: 44px; justify-content: center; }
  .environment-menu > summary > span, .environment-menu > summary > b { display: none; }
  .workspace-grid { grid-template-columns: 1fr; }
  .metric-grid--overview { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .operation-grid--single { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .hero--compact { min-height: 0; padding: 20px; }
  .metric-grid--dashboard, .metric-grid--overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .operation-header--compact { gap: 14px; }
  .calendar-toolbar { align-items: stretch; flex-wrap: wrap; }
  .calendar-toolbar label { min-width: 100%; }
  .calendar-layout .upcoming { position: static; }
}

@media (max-width: 560px) {
  .environment-menu__panel { position: fixed; top: 70px; right: 10px; }
  .toast { right: 16px; bottom: 84px; left: 16px; min-width: 0; }
  .metric-grid--dashboard { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric-grid--dashboard .metric { min-height: 86px; grid-template-columns: 32px minmax(0, 1fr); padding: 11px; }
  .metric-grid--dashboard .metric__icon { width: 32px; height: 32px; }
  .metric-grid--dashboard .metric > small { display: none; }
  .metric-grid--overview { grid-template-columns: 1fr; }
  .product-hero--compact .product-mark { width: 48px; height: 48px; }
  .operation-toolbar { padding: 10px; }
  .operation-toolbar .filter-bar label { min-width: calc(50% - 5px); flex: 1; }
  .operation-toolbar .filter-result, .operation-toolbar .sort-note { width: 100%; margin-left: 0; }
  .calendar-toolbar__stats { width: 100%; }
  .calendar-toolbar__stats > span { min-width: 0; flex: 1; }
}
/* MFX OS Shared Core 1.0 */
.nav-cluster--core { margin-top: 8px; padding-top: 14px; border-top: 1px solid var(--border); }
.core-page-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 20px; padding: 8px 4px 2px; }
.core-page-hero h2 { margin: 8px 0; font-size: clamp(2rem, 4vw, 3.65rem); line-height: .96; letter-spacing: -.055em; }
.core-page-hero p { max-width: 720px; margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.65; }
.core-page-hero__metric { min-width: 136px; padding: 18px 20px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--panel); }
.core-page-hero__metric strong, .core-page-hero__metric span { display: block; }
.core-page-hero__metric strong { font-size: 2rem; line-height: 1; }
.core-page-hero__metric span { margin-top: 6px; color: var(--muted); font-size: .78rem; }
.core-status-panel { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 18px; border-left: 3px solid var(--gold); }
.core-status-panel.is-ready { border-left-color: var(--green); }
.core-status-panel h3 { margin: 6px 0; }
.core-status-panel p { margin: 0; color: var(--muted); }
.core-record-panel { padding: 20px; }
.workspace-app-toolbar { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(170px, .36fr) auto; align-items: end; gap: 12px; margin-bottom: 16px; }
.workspace-app-toolbar label { display: grid; gap: 6px; color: var(--muted); font-size: .68rem; }
.workspace-app-toolbar input, .workspace-app-toolbar select { min-height: 42px; padding: 9px 11px; border: 1px solid var(--border); border-radius: 10px; color: var(--text); background: var(--surface-2); }
.core-filter-toolbar { display: grid; grid-template-columns: minmax(240px, 1fr) repeat(2, minmax(145px, .3fr)) auto; align-items: end; gap: 12px; margin-bottom: 16px; }
.core-filter-toolbar--agenda { grid-template-columns: minmax(210px, 1fr) repeat(3, minmax(135px, .25fr)) auto; }
.core-filter-toolbar label { display: grid; gap: 6px; color: var(--muted); font-size: .68rem; }
.core-filter-toolbar input, .core-filter-toolbar select { min-height: 42px; padding: 9px 11px; border: 1px solid var(--border); border-radius: 10px; color: var(--text); background: var(--surface-2); }
.core-agenda-navigation { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.core-agenda-step { display: flex; gap: 8px; }
.core-agenda-step .button { min-width: 42px; min-height: 40px; padding: 8px 12px; }
.core-publication-row { overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--panel) 80%, #0a0d13); }
.core-publication-row > summary { border: 0; border-radius: 0; background: transparent; cursor: pointer; list-style: none; }
.core-publication-row > summary::-webkit-details-marker { display: none; }
.core-publication-row > summary:hover { background: var(--surface-hover); }
.core-publication-detail { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 16px; border-top: 1px solid var(--border); background: var(--surface-2); }
.core-publication-detail dl { display: grid; grid-template-columns: repeat(4, minmax(120px, 1fr)); gap: 18px; margin: 0; }
.core-publication-detail dt { color: var(--muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; }
.core-publication-detail dd { margin: 5px 0 0; color: var(--text); font-size: .82rem; }
.core-command-item { cursor: default; }
.workspace-app-result { padding: 0 2px 12px; color: var(--muted); font-size: .72rem; white-space: nowrap; }
.core-record-list, .core-agenda-list { display: grid; gap: 10px; }
.core-record-row, .core-agenda-row { display: grid; align-items: center; gap: 14px; min-height: 68px; padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--panel) 80%, #0a0d13); }
.core-record-row { grid-template-columns: 42px minmax(180px, 1fr) minmax(130px, auto) auto; }
.core-record-row--run { grid-template-columns: 42px minmax(180px, 1fr) minmax(230px, auto) auto; }
.core-record-row--finance { grid-template-columns: 42px minmax(180px, 1fr) minmax(120px, auto) minmax(110px, auto) auto; }
.core-record-row__mark { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: var(--primary); background: var(--primary-soft); font-size: .74rem; font-weight: 800; }
.core-record-row strong, .core-record-row small, .core-agenda-row strong, .core-agenda-row small { display: block; }
.core-record-row small, .core-agenda-row small, .core-record-row__date { margin-top: 4px; color: var(--muted); font-size: .76rem; }
.core-record-row a { color: var(--primary); font-weight: 750; text-decoration: none; }
.core-record-row em { color: var(--muted); font-size: .76rem; font-style: normal; text-transform: capitalize; }
.core-agenda-row { grid-template-columns: minmax(145px, auto) 1fr auto; }
.core-agenda-row--show { grid-template-columns: minmax(145px, auto) 1fr auto auto auto; }
.core-agenda-row time { color: var(--primary); font-size: .8rem; font-weight: 750; }
.core-people-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.core-person-card { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 12px; min-height: 80px; padding: 14px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--panel) 80%, #0a0d13); }
.core-person-card > span { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(240, 127, 0, .34); border-radius: 14px; color: var(--primary); background: var(--primary-soft); font-weight: 800; }
.core-person-card strong, .core-person-card small { display: block; }
.core-person-card small { margin-top: 4px; color: var(--muted); }
.core-empty-state { min-height: 180px; grid-column: 1 / -1; }
.core-admin-metrics { margin: 0 0 18px; }
.core-inline-note { display: flex; justify-content: space-between; gap: 18px; margin-top: 16px; padding: 14px 16px; border: 1px dashed var(--border); border-radius: var(--radius-sm); color: var(--muted); }
.core-inline-note strong { color: var(--text); }
.financial-import-panel { display: grid; gap: 16px; margin-bottom: 18px; }
.financial-import-panel__intro { max-width: 920px; margin: 0; color: var(--text-muted); line-height: 1.6; }
.financial-import-panel__intro code { color: var(--primary); }
.financial-import-editor { display: grid; gap: 8px; color: var(--muted); font-size: .74rem; font-weight: 700; }
.financial-import-editor textarea { width: 100%; min-height: 250px; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius-sm); outline: 0; color: #ffd2a1; background: #090b0f; resize: vertical; font: .78rem/1.65 ui-monospace, SFMono-Regular, Consolas, monospace; }
.financial-import-editor textarea:focus { border-color: var(--primary-strong); box-shadow: 0 0 0 3px rgba(240, 127, 0, .1); }
.financial-import-preview { display: grid; grid-template-columns: minmax(180px, .8fr) minmax(180px, .8fr) minmax(260px, 1.4fr); gap: 10px; padding: 14px; border: 1px solid color-mix(in srgb, var(--green) 35%, var(--border)); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--green) 7%, var(--surface-2)); }
.financial-import-preview > div { min-width: 0; padding: 10px; }
.financial-import-preview strong, .financial-import-preview small { display: block; }
.financial-import-preview strong { margin-top: 4px; font-size: 1rem; }
.financial-import-preview small { margin-top: 5px; color: var(--muted); line-height: 1.45; }
.financial-import-preview__types { display: flex; align-content: flex-start; flex-wrap: wrap; gap: 8px; }
.financial-import-preview__types span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); background: var(--surface-2); font-size: .7rem; }
.financial-import-preview__types span strong { margin: 0; color: var(--text); font-size: .78rem; }
.financial-import-confirm { display: flex; align-items: flex-start; gap: 10px; padding: 13px 14px; border: 1px solid var(--border); border-radius: var(--radius-sm); color: var(--text-muted); background: var(--surface-2); font-size: .78rem; line-height: 1.5; }
.financial-import-confirm input { width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--primary); }
.financial-import-actions { display: flex; justify-content: flex-end; gap: 10px; }
.financial-import-result { margin: 0; }

@media (max-width: 1050px) {
  .core-people-grid { grid-template-columns: 1fr 1fr; }
  .core-record-row, .core-record-row--run, .core-record-row--finance { grid-template-columns: 42px 1fr auto; }
  .core-record-row > :nth-child(3) { grid-column: 2 / -1; }
}

@media (max-width: 820px) {
  .workspace-app-toolbar, .core-filter-toolbar, .core-filter-toolbar--agenda { grid-template-columns: 1fr; }
  .core-agenda-navigation, .core-publication-detail { align-items: stretch; flex-direction: column; }
  .core-publication-detail dl { grid-template-columns: 1fr 1fr; }
  .workspace-app-result { padding: 0; }
  .core-page-hero, .core-status-panel { align-items: stretch; flex-direction: column; }
  .core-page-hero__metric { min-width: 0; }
  .core-people-grid { grid-template-columns: 1fr; }
  .core-record-row, .core-record-row--run, .core-record-row--finance, .core-agenda-row, .core-agenda-row--show { grid-template-columns: 1fr; }
  .core-record-row__mark { display: none; }
  .core-record-row > :nth-child(3) { grid-column: auto; }
  .core-inline-note { flex-direction: column; }
  .financial-import-preview { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .core-publication-detail dl { grid-template-columns: 1fr; }
}
/* MFX OS Core — ponto e compromissos financeiros */
.time-clock-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 16px; margin-bottom: 16px; }
.time-clock-now, .time-clock-correction, .agreement-readiness { padding: 24px; }
.time-clock-state { display: flex; align-items: center; gap: 16px; margin: 22px 0; }
.time-clock-state h3, .time-clock-correction h3, .agreement-readiness h3 { margin: 0; font-size: clamp(1.25rem, 2vw, 1.8rem); }
.time-clock-state p, .time-clock-correction p, .agreement-readiness p { color: var(--text-muted); margin: 5px 0 0; line-height: 1.55; }
.time-clock-state__dot { width: 18px; height: 18px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 7px color-mix(in srgb, var(--success) 15%, transparent); }
.time-clock-state__dot.is-break { background: var(--warning); box-shadow: 0 0 0 7px color-mix(in srgb, var(--warning) 15%, transparent); }
.time-clock-state__dot.is-done { background: var(--text-muted); box-shadow: 0 0 0 7px color-mix(in srgb, var(--text-muted) 15%, transparent); }
.time-clock-actions, .inline-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.time-clock-now > small { display: block; color: var(--text-muted); margin-top: 18px; }
.time-clock-correction { display: grid; gap: 13px; }
.time-clock-correction label { display: grid; gap: 7px; color: var(--text-muted); font-size: .78rem; }
.time-clock-correction input, .time-clock-correction textarea { width: 100%; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); color: var(--text); padding: 11px 12px; font: inherit; }
.time-clock-correction__times { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.agreement-readiness { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; border-color: color-mix(in srgb, var(--warning) 34%, var(--border)); }
@media (max-width: 850px) { .time-clock-layout { grid-template-columns: 1fr; } .agreement-readiness { align-items: flex-start; flex-direction: column; } }
@media (max-width: 520px) { .time-clock-correction__times { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .financial-import-actions { flex-direction: column-reverse; } .financial-import-actions .button { width: 100%; } }