:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ink: #f7f8fa;
  --muted: #9ba6b4;
  --panel: #161c25;
  --line: #2a3442;
  --accent: #43ad75;
  --accent-dark: #08271d;
  --danger: #ff5d65;
}

html { scrollbar-gutter: stable; }

.auth-options { display: grid; gap: 10px; margin: 18px 0; }
.auth-options p { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.5; }
.auth-primary, .auth-secondary, .auth-link { min-height: 44px; border-radius: 13px; font: inherit; font-weight: 800; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease; }
.auth-primary { border: 0; color: #fff; background: #2661ee; box-shadow: 0 8px 18px rgba(38,97,238,.2); }
.auth-secondary { border: 1px solid var(--line); color: var(--text); background: var(--surface); }
.auth-primary:hover, .auth-secondary:hover { transform: translateY(-2px); }
.auth-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; background: rgba(12,14,20,.58); backdrop-filter: blur(8px); }
.auth-modal[hidden] { display: none; }
.auth-card { position: relative; width: min(420px, 100%); padding: 30px; border: 1px solid #e0e3e9; border-radius: 25px; color: #20232a; background: #fff; box-shadow: 0 30px 80px rgba(0,0,0,.32); }
.auth-card h2 { margin: 6px 0 22px; font-size: 1.7rem; }
.auth-card form { display: grid; gap: 15px; }
.auth-card label { display: grid; gap: 7px; color: var(--muted); font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.auth-card input { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid #d9dde5; border-radius: 13px; color: #20232a; background: #f7f8fb; font: inherit; text-transform: none; letter-spacing: normal; }
.auth-close { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; border: 0; border-radius: 50%; color: #686e79; background: #f1f2f5; font-size: 1.4rem; cursor: pointer; }
.auth-card form, .auth-card label, .auth-card .auth-options { background: transparent; }
html[data-theme="dark"] .auth-card { color: #f2f3f6; border-color: #393d47; background: #202229; }
html[data-theme="dark"] .auth-card input { color: #f2f3f6; border-color: #414650; background: #292c34; }
html[data-theme="dark"] .auth-card .auth-close { color: #d8dbe2; background: #30333c; }
.auth-link { min-height: auto; margin: 15px 14px 0 0; padding: 0; border: 0; color: #2661ee; background: transparent; font-size: .82rem; }
.auth-message { min-height: 20px; margin: 0; color: #b64e58; font-size: .82rem; line-height: 1.4; }
.external-auth { display: grid; gap: 11px; margin-top: 18px; }
.auth-divider { display: flex; align-items: center; gap: 12px; color: #858b97; font-size: .74rem; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.auth-divider::before, .auth-divider::after { content: ""; flex: 1; height: 1px; background: #e0e3e9; }
.google-signin-button { min-height: 44px; display: grid; place-items: center; overflow: hidden; border-radius: 13px; }
.google-signin-button > div { width: 100% !important; }
.external-auth-button { width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 13px; font-weight: 750; }
.external-auth-button svg { width: 19px; height: 19px; flex: 0 0 auto; }
.apple-auth-button { border-color: #111; color: #fff; background: #111; }
.external-auth-button:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,.14); }
html[data-theme="dark"] .auth-divider::before, html[data-theme="dark"] .auth-divider::after { background: #414650; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; min-height: 100dvh; background: #080b10; color: var(--ink); }
button, textarea, input { font: inherit; }
button, .file-button { min-height: 48px; border-radius: 14px; border: 1px solid transparent; font-weight: 750; cursor: pointer; touch-action: manipulation; }
button:disabled { opacity: .5; cursor: wait; }
.phone-shell { width: min(100%, 460px); min-height: 100dvh; margin: 0 auto; padding: max(18px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom)); background: #0d1117; }
.app-header { padding: 8px 2px 24px; }
.eyebrow, .step { color: var(--accent); font-size: .72rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
h1 { font-size: 1.2rem; margin: 4px 0 0; }
h2 { font-size: 1.7rem; margin: 6px 0 5px; }
.hint, .fallback p { color: var(--muted); line-height: 1.45; margin: 0 0 16px; }
.screen { display: none; }
.screen.active { display: block; animation: reveal .2s ease-out; }
@keyframes reveal { from { opacity: 0; transform: translateY(5px); } }
textarea { width: 100%; resize: vertical; min-height: 300px; padding: 16px; color: var(--ink); background: var(--panel); border: 1px solid var(--line); border-radius: 16px; line-height: 1.55; font-size: 1.05rem; }
textarea:focus, input:focus { outline: 3px solid rgba(67,173,117,.2); border-color: var(--accent); }
.primary { color: #061710; background: var(--accent); }
.secondary, .icon-button { color: var(--ink); background: var(--panel); border-color: var(--line); }
.danger, .record-button { color: white; background: #d93f49; }
.full { width: 100%; margin-top: 14px; }
.compact { margin: 0 0 10px; }
.record-heading { display: flex; justify-content: space-between; align-items: end; }
.timer { color: var(--muted); font-variant-numeric: tabular-nums; padding-bottom: 10px; font-size: .85rem; }
.stage { position: relative; overflow: hidden; aspect-ratio: 9 / 13; max-height: 58dvh; background: #020304; border: 1px solid var(--line); border-radius: 20px; }
.stage video { width: 100%; height: 100%; object-fit: contain; transform: scaleX(-1); background: #000; }
.stage.camera-hidden video, .stage.camera-hidden .camera-placeholder { opacity: 0; }
.stage video, .camera-placeholder { transition: opacity .2s ease; }
.camera-placeholder { position: absolute; inset: 0; display: grid; place-content: center; gap: 8px; padding: 28px; text-align: center; color: var(--muted); background: #080b10; }
.camera-placeholder[hidden] { display: none; }
.camera-placeholder small { line-height: 1.4; }
.prompter-window { position: absolute; z-index: 2; left: 0; right: 0; top: 13%; height: 45%; overflow: hidden; padding: 46px 20px; background: linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.52), rgba(0,0,0,.82)); border-block: 1px solid rgba(255,255,255,.12); mask-image: linear-gradient(transparent, black 23%, black 77%, transparent); }
#prompter-text { white-space: pre-wrap; text-align: center; font-size: 28px; line-height: 1.45; font-weight: 700; text-shadow: 0 2px 6px #000; }
.countdown { position: absolute; z-index: 5; inset: 0; display: grid; place-content: center; background: rgba(0,0,0,.52); font-size: 7rem; font-weight: 900; }
.recording-badge { position: absolute; z-index: 4; top: 14px; right: 14px; padding: 6px 9px; border-radius: 20px; background: rgba(0,0,0,.65); font-size: .75rem; font-weight: 900; }
.recording-badge i { display: inline-block; width: 9px; height: 9px; margin-right: 4px; border-radius: 50%; background: var(--danger); animation: blink 1s infinite; }
@keyframes blink { 50% { opacity: .3; } }
.status { min-height: 20px; margin: 9px 2px; color: var(--muted); font-size: .85rem; }
.status.error { color: #ff9ba1; }
.controls-row, .record-actions, .preview-actions { display: flex; gap: 9px; }
.controls-row { flex-wrap: wrap; }
.controls-row button { flex: 1 1 calc(50% - 9px); }
.range-label { display: flex; justify-content: space-between; margin: 14px 2px 5px; color: var(--muted); font-size: .82rem; font-weight: 700; }
input[type="range"] { width: 100%; accent-color: var(--accent); }
.record-actions { margin-top: 16px; }
.record-actions button { flex: 1; }
.playback { width: 100%; aspect-ratio: 9 / 13; max-height: 58dvh; margin: 12px 0; object-fit: contain; background: #020304; border-radius: 20px; border: 1px solid var(--line); }
.preview-actions { flex-wrap: wrap; }
.preview-actions button { flex: 1; min-width: 100px; }
.fallback { margin-top: 18px; padding: 16px; border: 1px solid var(--line); background: var(--panel); border-radius: 16px; }
.fallback p { font-size: .88rem; margin: 5px 0 12px; }
.file-button { display: grid; place-items: center; width: 100%; color: var(--ink); border: 1px solid var(--line); background: #202936; }
#fallback-file { position: absolute; width: 1px; height: 1px; opacity: 0; }
.upload-result { margin-top: 16px; padding: 16px; border: 1px solid rgba(67,173,117,.4); border-radius: 16px; background: var(--accent-dark); line-height: 1.55; }
.upload-result.error { color: #ffc4c7; border-color: rgba(255,93,101,.5); background: #2b1114; }
.upload-result a { color: var(--accent); font-weight: 800; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (min-width: 600px) { body { padding: 28px 0; } .phone-shell { min-height: calc(100dvh - 56px); border: 1px solid var(--line); border-radius: 28px; box-shadow: 0 24px 80px rgba(0,0,0,.5); } }

/* Canvas application shell */
body { padding: 0; overflow-x: hidden; background: #eef0f4; color: #11141a; }
body.auth-checking .app-command-bar,
body.auth-checking .app-nav,
body.auth-checking .notification-panel,
body.auth-checking .workspace { visibility: hidden; }
html.signed-out-guard .app-command-bar,
html.signed-out-guard .app-nav,
html.signed-out-guard .notification-panel,
html.signed-out-guard .workspace,
html.signed-out-guard .trial-global-notice { display: none !important; }
.app-command-bar { position: fixed; z-index: 24; inset: 0 0 auto; height: 64px; border-bottom: 1px solid #e2e4e8; background: #fff; box-shadow: 0 2px 12px rgba(28,32,39,.035); }
.workspace { min-height: 100dvh; padding: 64px 0 0; background-color: #f7f8fa; background-image: radial-gradient(#d4d7dd .75px, transparent .75px); background-size: 18px 18px; }
.canvas-topbar { position: absolute; z-index: 2; top: 7px; right: 68px; width: auto; height: auto; margin: 0; display: flex; align-items: center; justify-content: flex-end; color: #12151b; }
.canvas-topbar[hidden] { display: none; }
.canvas-topbar > div { display: grid; gap: 2px; }
.canvas-kicker { color: #8b909a; font-size: .62rem; font-weight: 850; letter-spacing: .14em; }
.canvas-topbar strong { font-size: .96rem; }
.saved-state { display: flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid #dde0e5; border-radius: 999px; background: rgba(255,255,255,.75); color: #696f79; font-size: .74rem; font-weight: 700; }
.saved-state i { width: 7px; height: 7px; border-radius: 50%; background: #43ad75; box-shadow: 0 0 0 3px rgba(69,201,137,.12); }
.workspace-switcher-wrap { position: relative; }
.workspace-switcher-trigger { min-width: 220px; min-height: 49px; padding: 6px 11px 6px 8px; display: grid; grid-template-columns: 35px minmax(140px, 1fr); align-items: center; gap: 9px; text-align: left; border: 1px solid #dfe1e6; border-radius: 14px; color: #282b32; background: rgba(255,255,255,.96); box-shadow: 0 7px 22px rgba(31,34,41,.1); }
.workspace-switcher-trigger > span:first-child { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 10px; color: #275ce7; background: #e6edfe; font-size: .67rem; font-weight: 850; }
.workspace-switcher-trigger > span:nth-child(2) { min-width: 0; display: grid; gap: 1px; }
.workspace-switcher-trigger small { overflow: hidden; color: #9297a0; font-size: .55rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.workspace-switcher-trigger strong { overflow: hidden; font-size: .71rem; text-overflow: ellipsis; white-space: nowrap; }
.workspace-switcher-trigger:hover, .workspace-switcher-trigger[aria-expanded="true"] { border-color: #bdcdf3; background: #f8faff; }
.workspace-switcher-menu { position: absolute; top: calc(100% + 8px); right: 0; width: min(310px, calc(100vw - 24px)); padding: 9px; border: 1px solid #e0e2e7; border-radius: 15px; color: #292c33; background: #fff; box-shadow: 0 18px 50px rgba(28,31,38,.18); }
.switcher-account-row { padding: 9px 8px 11px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid #eceef1; }
.switcher-account-row > span { min-width: 0; display: grid; gap: 2px; }
.switcher-account-row small { color: #999da5; font-size: .54rem; font-weight: 850; letter-spacing: .1em; }
.switcher-account-row strong { overflow: hidden; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.switcher-account-row button { min-height: 32px; padding: 5px 8px; border: 0; color: #2b5ed9; background: #e8eefe; font-size: .64rem; }
.switcher-account-row .header-account-options-trigger { width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 0; display: grid; place-items: center; border: 1px solid transparent; border-radius: 11px; color: #3f6ad2; background: transparent; font-size: 1.15rem; line-height: 1; }
.switcher-account-row .header-account-options-trigger:hover, .switcher-account-row .header-account-options-trigger[aria-expanded="true"] { border-color: #cbd9fd; color: #265bda; background: #e8eefe; }
.switcher-workspace-list { display: grid; gap: 4px; }
.switcher-workspace { width: 100%; min-height: 45px; padding: 6px 8px; display: grid; grid-template-columns: 29px 1fr auto; align-items: center; gap: 8px; text-align: left; border: 0; color: #33363d; background: transparent; }
.switcher-workspace:hover { background: #f2f4fa; }
.switcher-workspace.active { color: #2c5cd1; background: #e8eefe; }
.switcher-workspace > span:first-child { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 8px; color: #275ce7; background: #e1e9fe; font-size: .58rem; font-weight: 850; }
.switcher-workspace > span:nth-child(2) { display: grid; gap: 1px; }
.switcher-workspace strong { font-size: .69rem; }
.switcher-workspace small { color: #9a9ea6; font-size: .56rem; }
.switcher-workspace b { color: #3466e1; font-size: .75rem; }
.canvas-stage { width: 100%; min-height: calc(100dvh - 64px); margin: 0; padding: 12px 28px 38px; display: grid; place-items: start center; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.canvas-view { width: 100%; }
.home-canvas { min-height: calc(100dvh - 196px); display: grid; place-content: center; justify-items: center; text-align: center; }
.customer-home-content { display: grid; justify-items: center; }
.editor-home-content { width: min(820px,calc(100vw - 48px)); text-align: left; }
.editor-home-heading { margin-bottom: 24px; }
.editor-home-heading h2 { margin-top: 7px; }
.editor-job-list { display: grid; gap: 12px; }
.editor-job-card { display: flex; align-items: center; gap: 18px; padding: 18px 20px; border: 1px solid #e0e2e9; border-radius: 18px; background: rgba(255,255,255,.94); box-shadow: 0 12px 30px rgba(22,28,42,.07); }
.editor-job-card.unread { border-color: #b6cafc; box-shadow: 0 12px 30px rgba(38,98,243,.13); }
.editor-job-card > div { min-width: 0; display: grid; gap: 4px; }
.editor-job-card strong { color: #242631; font-size: 1rem; }
.editor-job-card span,.editor-job-card time { color: #797e89; font-size: .76rem; }
.editor-job-card button { margin-left: auto; flex: 0 0 auto; border: 0; border-radius: 12px; padding: 11px 15px; color: #fff; background: #2662f3; font-weight: 800; cursor: pointer; transition: transform .16s ease,box-shadow .16s ease; }
.editor-job-card button:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(38,98,243,.28); }
.editor-home-content{width:min(1120px,calc(100vw - 48px))}.editor-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 16px}.editor-summary>div{display:grid;gap:4px;border:1px solid #e0e4ec;border-radius:16px;background:#fff;padding:16px 18px;box-shadow:0 8px 22px rgba(22,28,42,.05)}.editor-summary strong{color:#20232d;font-size:1.55rem}.editor-summary span{color:#747b88;font-size:.72rem;font-weight:750}.editor-controls{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr auto;align-items:end;gap:10px;border:1px solid #e1e4eb;border-radius:18px;background:rgba(255,255,255,.9);padding:14px}.editor-controls label{display:grid;gap:6px;color:#6d7481;font-size:.66rem;font-weight:800}.editor-controls input[type="search"],.editor-controls select{width:100%;min-height:42px;border:1px solid #d7dbe4;border-radius:10px;background:#fff;padding:8px 10px;color:#242631;font:inherit;font-size:.75rem}.editor-controls select[multiple]{height:72px}.editor-completed-toggle{display:flex!important;align-items:center;align-self:center;white-space:nowrap}.editor-filter-hint{margin:7px 3px 15px;color:#8a909b;font-size:.65rem}.editor-job-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto}.editor-client-avatar{position:relative;display:grid;width:44px;height:44px;overflow:hidden;place-items:center;border-radius:50%;background:#e9efff;color:#2662f3;font-size:.75rem;font-weight:900}.editor-client-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.editor-job-copy{gap:8px!important}.editor-job-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.editor-job-title>strong{font-size:1rem}.editor-job-title>b{border-radius:999px;background:#e9efff;padding:4px 7px;color:#2662f3;font-size:.58rem}.editor-job-badge{border-radius:999px;background:#f0f2f6;padding:4px 8px!important;color:#656d79!important;font-size:.6rem!important;font-weight:800}.editor-job-client{color:#505866!important;font-weight:750}.editor-job-timeline{display:flex!important;flex-wrap:wrap;gap:7px 14px!important}.editor-job-timeline>*{position:relative}.editor-job-timeline>*+*:before{position:absolute;left:-8px;color:#c2c6ce;content:"·"}.editor-job-timeline strong{font-size:.7rem}.deadline-on-track{color:#37865d!important}.deadline-due-soon{color:#a86b00!important}.deadline-overdue{color:#c24f59!important}.editor-change-age{color:#a05f00!important;font-weight:800}.editor-job-card.due-soon{border-left:4px solid #e4a62d}.editor-job-card.overdue{border-left:4px solid #d85a65}.editor-job-card.status-changesrequested{background:#fffaf1}
@media(max-width:900px){.editor-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-controls{grid-template-columns:1fr 1fr}.editor-job-card{grid-template-columns:44px minmax(0,1fr)}.editor-job-card>button{grid-column:1/-1;width:100%;margin-left:0}}
@media(max-width:560px){.editor-controls{grid-template-columns:1fr}.editor-job-card{grid-template-columns:1fr}.editor-client-avatar{margin-bottom:2px}.editor-job-timeline{display:grid!important}.editor-job-timeline>*+*:before{display:none}}
.editor-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.editor-summary>button{display:grid;gap:4px;border:1px solid #e0e4ec;border-radius:16px;background:#fff;padding:16px 18px;text-align:left;box-shadow:0 8px 22px rgba(22,28,42,.05);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.editor-summary>button:hover{transform:translateY(-2px);border-color:#9db7f8}.editor-summary>button.active{border:2px solid #2662f3;padding:15px 17px;box-shadow:0 9px 24px rgba(38,98,243,.14)}.editor-summary>button strong{color:#20232d;font-size:1.55rem}.editor-summary>button span{color:#747b88;font-size:.72rem;font-weight:750}.editor-summary>button.active span{color:#2662f3}.editor-controls{grid-template-columns:1.3fr 1fr 1fr auto}@media(max-width:900px){.editor-summary{grid-template-columns:repeat(2,minmax(0,1fr));}.editor-summary>button:last-child{grid-column:1/-1}.editor-controls{grid-template-columns:1fr 1fr}}@media(max-width:560px){.editor-summary,.editor-controls{grid-template-columns:1fr}.editor-summary>button:last-child{grid-column:auto}}
.editor-job-status { color: #777d88; text-align: center; }
.live-notification-toast { position: fixed; z-index: 1200; top: 76px; right: 18px; max-width: min(360px,calc(100vw - 36px)); padding: 13px 17px; border: 1px solid #cbd9fd; border-radius: 14px; color: #2b3e6e; background: #fff; box-shadow: 0 16px 42px rgba(23,30,47,.2); font-size: .82rem; font-weight: 750; opacity: 0; transform: translateY(-12px); pointer-events: none; transition: opacity .2s ease,transform .2s ease; }
.live-notification-toast.show { opacity: 1; transform: translateY(0); }
.live-notification-toast.has-action{display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:auto}
.live-notification-toast.has-action>span{min-width:0}
.live-notification-toast.has-action button{flex:0 0 auto;padding:0;border:0;color:#275ce7;background:transparent;font-family:inherit;font-size:.78rem;font-weight:900;text-decoration:underline;cursor:pointer}
.live-notification-toast.has-action button:disabled{opacity:.5;cursor:wait}
.live-notification-toast.has-visual{max-width:min(570px,calc(100vw - 36px));display:grid;grid-template-columns:172px minmax(0,1fr) auto;align-items:center;gap:14px;pointer-events:auto}
.toast-microphone-guide{position:relative;width:172px;height:40px;padding:5px 10px 5px 6px;display:flex;align-items:center;gap:8px;overflow:hidden;border:1px solid #cfd7e6;border-radius:20px;background:#f4f6fa}
.toast-example-url{min-width:0;overflow:hidden;color:#3e4655;font-family:Arial,sans-serif;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;text-overflow:ellipsis}
.toast-browser-mic{position:relative;width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#2d5eea;font-size:17px;animation:toast-mic-pulse 1.6s ease-in-out infinite}
@keyframes toast-mic-pulse{0%,100%{box-shadow:0 0 0 0 rgba(45,94,234,.25)}50%{box-shadow:0 0 0 7px rgba(45,94,234,0)}}
.upload-progress-toast{position:fixed;z-index:1201;top:76px;right:18px;width:min(360px,calc(100vw - 36px));padding:14px 16px;border:1px solid #cbd9fd;border-radius:14px;color:#2b3e6e;background:#fff;box-shadow:0 16px 42px rgba(23,30,47,.2);opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.upload-progress-toast.show{opacity:1;transform:translateY(0)}.upload-progress-toast strong,.upload-progress-toast span{display:block}.upload-progress-toast span{margin-top:4px;color:#777184;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-progress-toast div{height:5px;margin-top:10px;overflow:hidden;border-radius:99px;background:#e3e8f6}.upload-progress-toast i{display:block;width:0;height:100%;border-radius:inherit;background:#275ce7;transition:width .18s ease}
.home-canvas-mark { width: 54px; height: 54px; margin-bottom: 18px; display: grid; place-items: center; border-radius: 17px; color: #fff; background: linear-gradient(145deg, #275ce7, #5c88f4); box-shadow: 0 12px 28px rgba(46,99,228,.24); font-weight: 850; }
.home-canvas h2 { margin: 7px 0 8px; color: #20232a; font-size: clamp(1.6rem, 4vw, 2.5rem); letter-spacing: -.045em; }
.home-canvas p { max-width: 410px; margin: 0; color: #747983; font-size: .9rem; line-height: 1.6; }
.home-create-button { min-height: 46px; margin-top: 22px; padding: 8px 17px; color: #fff; background: #275ce7; box-shadow: 0 9px 22px rgba(46,99,228,.2); }
.home-canvas:has(.customer-command-centre:not([hidden])){place-content:start stretch;justify-items:stretch;text-align:left}
.customer-command-centre{width:min(1120px,calc(100vw - 48px));margin:0 auto;padding:8px 0 50px;text-align:left}
.command-centre-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:14px 2px 26px}
.command-centre-heading h1{margin:6px 0 5px;color:#20232a;font-size:clamp(2rem,4vw,3.25rem);line-height:1;letter-spacing:-.055em}
.command-centre-heading p{max-width:none;margin:0;color:#747983;font-size:.9rem}
.command-create-button{min-height:48px;padding:10px 18px;border:0;border-radius:13px;color:#fff;background:#275ce7;box-shadow:0 10px 24px rgba(46,99,228,.24);font-weight:850;white-space:nowrap;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.command-create-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(46,99,228,.3)}
.command-controls{padding:18px;border:1px solid #e0e2e8;border-radius:19px;background:rgba(255,255,255,.92);box-shadow:0 12px 32px rgba(32,35,47,.06)}
.command-filter-row,.command-search-row{display:flex;align-items:end;gap:12px}
.command-filter-row label,.command-sort{display:grid;min-width:220px;gap:6px;color:#777d87;font-size:.61rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.command-filter-row select,.command-sort select,.command-search input{height:43px;border:1px solid #dfe2e7;border-radius:11px;color:#30333b;background:#f8f9fa;font:inherit;font-size:.75rem;font-weight:650;letter-spacing:0;text-transform:none}
.command-filter-row select,.command-sort select{padding:0 34px 0 11px}
.command-tabs{display:flex;gap:7px;margin:18px 0;padding-top:16px;border-top:1px solid #eceef1;overflow-x:auto;scrollbar-width:none}
.command-tabs::-webkit-scrollbar{display:none}
.command-tabs button{min-height:39px;padding:7px 12px;border:1px solid #e0e2e7;border-radius:10px;color:#626874;background:#fff;font-size:.7rem;font-weight:780;white-space:nowrap;cursor:pointer}
.command-tabs button b{margin-left:5px;color:#8a909a;font-size:.65rem}
.command-tabs button.active{border-color:#c3d4fc;color:#2d59c3;background:#eaf0fe}
.command-tabs button.active b{color:#2d59c3}
.command-substatus-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:-7px 0 18px}
.command-substatus-tabs button{min-height:32px;padding:5px 10px;border:1px solid transparent;border-radius:999px;color:#656b76;background:#f0f1f4;font-size:.64rem;font-weight:760;white-space:nowrap;cursor:pointer;transition:transform .15s ease,background .15s ease}
.command-substatus-tabs button:hover{transform:translateY(-1px);background:#e8e9ed}
.command-substatus-tabs button b{margin-left:4px;color:#8b9099;font-size:.6rem}
.command-substatus-tabs button.active{border-color:#c6d6fd;color:#2e5ac4;background:#e9effe}
.command-substatus-tabs button.active b{color:#2e5ac4}
.command-status-filter{position:relative;width:max-content;margin:-7px 0 18px}
.command-status-trigger{min-height:34px;padding:5px 10px;display:flex;align-items:center;gap:7px;border:1px solid #dfe1e7;border-radius:10px;color:#5d6470;background:#f5f6f8;font-size:.66rem;font-weight:780;cursor:pointer}
.command-status-trigger:hover,.command-status-trigger[aria-expanded="true"]{border-color:#b9ccf9;background:#eaf0fe}
.command-status-trigger b{max-width:min(430px,55vw);overflow:hidden;padding-left:7px;border-left:1px solid #d8dbe2;color:#2e5ac4;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}
.command-status-trigger i{font-size:.8rem;font-style:normal;transition:transform .16s ease}
.command-status-trigger[aria-expanded="true"] i{transform:rotate(180deg)}
.command-status-menu{position:absolute;z-index:18;top:calc(100% + 6px);left:0;width:min(300px,calc(100vw - 48px));max-height:310px;overflow-y:auto;padding:11px;border:1px solid #dfe1e7;border-radius:12px;color:#343842;background:#fff;box-shadow:0 18px 45px rgba(31,34,43,.18)}
.command-status-menu>strong{display:block;margin:1px 2px 9px;font-size:.76rem}
.command-status-menu label{min-height:36px;padding:6px 3px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;cursor:pointer}
.command-status-menu label:hover{background:transparent}
.command-status-menu input{position:absolute;opacity:0;pointer-events:none}
.command-status-check{width:18px;height:18px;display:grid;place-items:center;border:1.5px solid #cfd3dc;border-radius:5px;background:#fff}
.command-status-menu input:checked+.command-status-check{border-color:#396ef1;background:#396ef1}
.command-status-menu input:checked+.command-status-check:after{content:"✓";color:#fff;font-size:.72rem;font-weight:900;line-height:1}
.command-status-menu label>span:nth-of-type(2){overflow:hidden;color:#4f5560;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}
.command-status-menu label>b{min-width:22px;color:#8b9099;font-size:.64rem;text-align:right}
.command-search-row{justify-content:space-between}
.command-search{flex:1}
.command-search input{width:100%;padding:0 13px;font-weight:500}
.command-sort{grid-template-columns:auto minmax(150px,190px);align-items:center;min-width:0}
.command-sort span{white-space:nowrap}
.command-job-list{display:grid;gap:11px;margin-top:16px}
.command-job-card{position:relative;padding:19px 20px;border:1px solid #e0e2e7;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 9px 26px rgba(33,36,48,.045);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.command-job-card:focus-visible{outline:3px solid rgba(46,99,228,.28);outline-offset:3px}
.command-job-card:has(.command-job-open-target:hover),.command-job-card:has(.command-job-action:hover){transform:translateY(-2px);border-color:#c1ceec;box-shadow:0 15px 34px rgba(33,36,48,.08)}
.command-job-open-target{cursor:pointer}
.command-job-card.needs-attention{border-color:#c9d8fd;background:#fcfdff;box-shadow:inset 3px 0 #3a6ff0,0 10px 28px rgba(46,99,228,.07)}
.command-job-top{display:flex;align-items:start;justify-content:space-between;gap:20px}
.command-job-top h2{margin:0;color:#252832;font-size:1rem;letter-spacing:-.02em}
.command-job-title-row,.command-job-context,.command-job-platforms{display:flex;align-items:center}
.command-job-title-row{flex-wrap:wrap;gap:8px}
.command-job-context{flex-wrap:wrap;gap:9px}
.command-job-platforms{gap:5px;margin-top:5px}
.command-platform-icon{width:21px;height:21px;display:grid;place-items:center;border:1px solid #dfe1e7;border-radius:7px;color:#626874;background:#f7f8fa;font-size:.57rem;font-weight:850;line-height:1}
.command-job-unread{padding:4px 7px;border-radius:99px;color:#2e5ac4;background:#e7edfe;font-size:.55rem;font-weight:850}
.command-job-card.has-unread{border-color:#bdcffc;box-shadow:inset 3px 0 #346aed,0 10px 28px rgba(46,99,228,.08)}
.command-job-location{max-width:none!important;margin:5px 0 0!important;color:#858a94!important;font-size:.67rem!important}
.command-job-status{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:6px 9px;border-radius:99px;color:#4e5562;background:#f1f2f5;font-size:.65rem;font-weight:800}
.command-job-status i{width:7px;height:7px;border-radius:50%;background:#8590a2}
.needs-attention .command-job-status{color:#2d59c3;background:#e4ecfe}.needs-attention .command-job-status i{background:#2b63eb}
.command-job-card.status-ready-to-submit{border-color:#e4bd35;background:#fffaf0;box-shadow:inset 4px 0 0 #e4bd35,0 10px 28px rgba(133,101,8,.08)}
.status-ready-to-submit .command-job-status{color:#725a08;background:#fff5bf}.status-ready-to-submit .command-job-status i{background:#d5a916}
.status-complete .command-job-status{color:#2c744c;background:#e8f6ee}.status-complete .command-job-status i{background:#43ad75}
.command-job-explanation{max-width:720px!important;margin:14px 0 0!important;color:#4e5460!important;font-size:.76rem!important;line-height:1.55!important}
.command-job-meta{display:flex;flex-wrap:nowrap;align-items:center;gap:6px 15px;margin-top:13px;padding-right:150px;color:#8b9099;font-size:.62rem;white-space:nowrap}
.command-job-meta span:not(:last-child):after{content:"";display:inline-block;width:3px;height:3px;margin-left:15px;vertical-align:middle;border-radius:50%;background:#c5c8cf}
.command-job-meta .command-job-scheduled{display:inline-flex;align-items:center;gap:7px}.command-job-meta .command-job-scheduled>span:after{display:none}.command-job-calendar-edit{box-sizing:border-box;width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;color:#275ce7;background:transparent;cursor:pointer}.command-job-calendar-edit:hover{color:#174ac8;background:rgba(39,92,231,.08)}.command-job-calendar-edit:focus-visible{outline:2px solid #275ce7;outline-offset:2px}.command-job-calendar-edit .material-symbols-outlined{width:1em;overflow:hidden;font-size:1.15rem;line-height:1;white-space:nowrap}
.command-job-action{position:absolute;right:18px;bottom:17px;min-height:37px;padding:7px 11px;border:1px solid #dedfe5;border-radius:10px;color:#2d59c3;background:#fff;font-size:.68rem;font-weight:850;cursor:pointer}
.command-job-action:hover{border-color:#a5befa;background:#eff3fe;transform:translateY(-1px)}
.command-job-actions{position:absolute;right:18px;bottom:17px;display:flex;align-items:center;gap:8px}.command-job-actions .command-job-action{position:static}.command-job-more{box-sizing:border-box;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:10px;background:transparent;color:#9297a0;font-size:.7rem;line-height:1;letter-spacing:.06em;font-weight:900;cursor:pointer}.command-job-more:hover,.command-job-more[aria-expanded="true"]{border-color:#d0dcf9;background:#ecf2fe;color:#2b5ed9;transform:translateY(-1px)}
.command-list-footer{display:flex;align-items:center;justify-content:space-between;min-height:64px;color:#858b95;font-size:.68rem}
.command-list-footer button{min-height:39px;padding:7px 14px;border:1px solid #dddfe5;border-radius:11px;color:#404b64;background:#fff;font-weight:800;cursor:pointer}
.command-empty{margin-top:16px;padding:52px 20px;border:1px dashed #daddE3;border-radius:18px;background:rgba(255,255,255,.7);text-align:center}
.command-empty h2{margin:0;color:#30333b;font-size:1.15rem}.command-empty p{margin:8px auto 0}.command-empty .home-create-button{margin-top:18px}
.command-job-skeleton{display:grid;gap:11px;pointer-events:none}.command-job-skeleton i{display:block;height:10px;border-radius:99px;background:linear-gradient(90deg,#eceef2 20%,#f7f8fa 45%,#eceef2 70%);background-size:220% 100%;animation:command-skeleton 1.3s linear infinite}.command-job-skeleton i:first-child{width:45%;height:15px}.command-job-skeleton i:nth-child(2){width:70%}.command-job-skeleton i:last-child{width:58%}@keyframes command-skeleton{to{background-position:-220% 0}}
@media(max-width:720px){.customer-command-centre{width:min(100% - 28px,1120px)}.command-centre-heading{align-items:stretch;flex-direction:column}.command-create-button{width:100%}.command-filter-row{display:grid;grid-template-columns:1fr}.command-filter-row label{min-width:0}.command-search-row{align-items:stretch;flex-direction:column}.command-sort{grid-template-columns:1fr}.command-job-top{display:grid}.command-job-status{width:max-content}.command-job-meta{display:grid;gap:5px;padding-right:0;white-space:normal}.command-job-meta span:after{display:none!important}.command-job-action{position:static;width:100%;margin-top:16px}.command-tabs{margin-right:-18px;padding-right:18px}}
html[data-theme="dark"] .command-centre-heading h1,html[data-theme="dark"] .command-job-top h2,html[data-theme="dark"] .command-empty h2{color:#eaeef7}
html[data-theme="dark"] .command-platform-icon{color:#d4d6dc;border-color:#42454e;background:#292b32}html[data-theme="dark"] .command-job-unread{color:#c9d8fd;background:#283146}
html[data-theme="dark"] .command-controls,html[data-theme="dark"] .command-job-card,html[data-theme="dark"] .command-empty{border-color:#353741;background:rgba(31,33,39,.94)}
html[data-theme="dark"] .command-job-card.status-ready-to-submit{border-color:#b8952f;background:#29271f;box-shadow:inset 4px 0 0 #b8952f}html[data-theme="dark"] .status-ready-to-submit .command-job-status{color:#f2d877;background:#403a20}html[data-theme="dark"] .status-ready-to-submit .command-job-status i{background:#d6b646}
html[data-theme="dark"] .command-filter-row select,html[data-theme="dark"] .command-sort select,html[data-theme="dark"] .command-search input{border-color:#41434d;color:#e5e9f2;background:#272930}
html[data-theme="dark"] .command-job-calendar-edit{color:#7fa1ff;background:transparent}html[data-theme="dark"] .command-job-calendar-edit:hover{color:#a8beff;background:rgba(127,161,255,.1)}
html[data-theme="dark"] .command-tabs{border-color:#343640}html[data-theme="dark"] .command-tabs button{border-color:#41434d;color:#bbb8c5;background:#292b32}html[data-theme="dark"] .command-tabs button.active{border-color:#4563aa;color:#ccdafd;background:#273044}html[data-theme="dark"] .command-substatus-tabs button{color:#b9bbc3;background:#292b32}html[data-theme="dark"] .command-substatus-tabs button:hover{background:#32343c}html[data-theme="dark"] .command-substatus-tabs button.active{color:#ccdafd;border-color:#4563aa;background:#273044}
html[data-theme="dark"] .command-status-trigger{color:#c6c8cf;border-color:#41434d;background:#292b32}html[data-theme="dark"] .command-status-trigger:hover,html[data-theme="dark"] .command-status-trigger[aria-expanded="true"]{border-color:#4563aa;background:#273044}html[data-theme="dark"] .command-status-menu{color:#eceef3;border-color:#41434d;background:#25272e}html[data-theme="dark"] .command-status-check{border-color:#595d68;background:#202229}html[data-theme="dark"] .command-status-menu label>span:nth-of-type(2){color:#d7dae0}
html[data-theme="dark"] .command-job-explanation{color:#c5c2ce!important}html[data-theme="dark"] .command-job-action,html[data-theme="dark"] .command-list-footer button{border-color:#494b56;color:#c9d8fd;background:#292b32}
.create-video-view { display: grid; justify-items: center; gap: 18px; }
.create-video-context { width: min(100%, 660px); padding: 12px; display: grid; grid-template-columns: minmax(150px, 1fr) minmax(130px, .8fr) minmax(150px, 1fr); align-items: end; gap: 9px; border: 1px solid #e0e2e7; border-radius: 15px; background: rgba(255,255,255,.92); box-shadow: 0 8px 24px rgba(30,34,41,.07); }
.create-video-heading { padding: 0 7px 4px; display: grid; gap: 3px; color: #23262d; }
.create-video-heading strong { font-size: .9rem; }
.create-video-context label { display: grid; gap: 5px; color: #8d929b; font-size: .58rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.create-video-context select { min-width: 0; height: 39px; padding: 0 31px 0 11px; appearance: none; border: 1px solid #dfe1e6; border-radius: 10px; color: #30333a; background-color: #f8f9fa; background-image: linear-gradient(45deg, transparent 50%, #8e939c 50%), linear-gradient(135deg, #8e939c 50%, transparent 50%); background-position: calc(100% - 15px) 16px, calc(100% - 11px) 16px; background-size: 4px 4px, 4px 4px; background-repeat: no-repeat; font-size: .7rem; font-weight: 700; }
.creation-chooser { isolation: isolate; position: relative; width: 100%; min-height: min(720px, calc(100dvh - 180px)); overflow: hidden; padding: clamp(52px, 8vw, 92px) clamp(18px, 3vw, 38px) 32px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 20px; color: #fff; background: linear-gradient(145deg, #11171a 0%, #17252a 38%, #161a24 70%, #101315 100%); box-shadow: 0 25px 70px rgba(18,22,27,.26); }
.create-video-view .creation-chooser { min-height: auto; padding: clamp(36px,7vw,78px) clamp(18px,4vw,54px); justify-content: start; gap: clamp(28px,5vw,54px); border-radius: 0; color: #252936; background: transparent; box-shadow: none; }
.create-video-view .creation-chooser::before,.create-video-view .creation-glow,.create-video-view .creation-prompt { display: none; }
.create-video-view .creation-chooser h1 { margin: 0; color: #3158b9; }
.create-video-view .creation-options { width: min(100%,900px); margin: 0 auto; }
.creation-chooser::before { content: ""; position: absolute; z-index: -2; inset: 0; opacity: .34; background: repeating-linear-gradient(0deg, transparent 0 78px, rgba(255,255,255,.04) 79px 118px, transparent 119px 168px); transform: skewY(-3deg) scale(1.1); }
.creation-glow { position: absolute; z-index: -1; width: 430px; height: 430px; border-radius: 50%; filter: blur(80px); opacity: .24; }
.creation-glow.one { top: -200px; left: 4%; background: #43ad75; }
.creation-glow.two { right: 3%; bottom: 8%; background: #275ee3; }
.creation-chooser h1 { margin: 0 auto 24px; text-align: center; color: #fff; font-size: clamp(2rem, 4.2vw, 3.4rem); line-height: 1.05; letter-spacing: -.055em; }
.creation-prompt { width: min(100%, 650px); min-height: 164px; margin: 0 auto auto; padding: 13px 14px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; background: linear-gradient(120deg, rgba(41,118,113,.66), rgba(59,68,92,.76)); box-shadow: 0 16px 36px rgba(0,0,0,.25); backdrop-filter: blur(18px); }
.prompt-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.prompt-chips span { padding: 7px 10px; border-radius: 10px; color: #e9eced; background: rgba(14,17,21,.35); font-size: .66rem; font-weight: 750; }
.creation-description { width: 100%; min-height: 72px; margin: 10px 0 8px; padding: 10px 4px; appearance: none; resize: vertical; border: 0 !important; outline: 0; color: #fff; background: transparent; box-shadow: none !important; font-size: .82rem; line-height: 1.5; }
.creation-description::placeholder { color: rgba(255,255,255,.58); }
.creation-description:focus { border: 0 !important; outline: 0; box-shadow: none !important; }
.prompt-actions { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 8px; }
.prompt-actions button { min-height: 34px; padding: 5px 12px; border: 0; border-radius: 11px; color: #182026; background: #69c797; font-size: .68rem; }
.prompt-actions button:first-child { width: 34px; padding: 0; color: #fff; background: rgba(255,255,255,.18); font-size: 1.1rem; }
.prompt-actions span { overflow: hidden; color: rgba(255,255,255,.48); font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.creation-options { width: min(100%, 760px); margin: clamp(42px, 8vw, 90px) auto 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.creation-option { isolation: isolate; position: relative; min-width: 0; aspect-ratio: 4 / 3; overflow: hidden; padding: 17px; display: flex; align-items: flex-end; justify-content: space-between; text-align: left; border: 1px solid #dfe1e6; border-radius: 17px; color: #fff; background: #20242a; box-shadow: 0 12px 28px rgba(0,0,0,.24); }
.creation-option::before { content: ""; position: absolute; z-index: -2; inset: 0; background-image: var(--card-image-light); background-size: cover; background-position: center; transition: transform .35s ease; }
html[data-theme="light"] #ideas-card::before { filter: brightness(1.16) contrast(.96); }
html[data-theme="dark"] .creation-option::before { background-image: var(--card-image-dark, var(--card-image-light)); }
html[data-theme="dark"] .creation-option { border-color: #3b3f48; }
html[data-theme="dark"] .creation-option:hover { border-color: #555b66; }
.creation-option::after { content: ""; position: absolute; z-index: -1; inset: 55% 0 0; pointer-events: none; background: linear-gradient(180deg, rgba(4,8,12,0), rgba(4,8,12,.78)); }
.creation-option:hover::before { transform: scale(1.045); }
.creation-option:hover { border-color: #cfd4dc; transform: translateY(-2px); }
.creation-option > span { min-width: 0; display: grid; gap: 3px; }
.creation-option strong { font-size: clamp(.82rem, 1.5vw, 1.08rem); line-height: 1.16; }
.creation-option small { color: rgba(255,255,255,.65); font-size: .61rem; }
.creation-option b { width: 27px; height: 27px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #15191e; background: rgba(255,255,255,.88); font-size: .72rem; }
.creation-modal-backdrop { position: fixed; z-index: 90; inset: 0; padding: 18px; display: grid; place-items: center; background: rgba(10,12,16,.62); backdrop-filter: blur(10px); animation: modal-fade .18s ease-out; }
@keyframes modal-fade { from { opacity: 0; } }
.creation-modal { position: relative; width: min(100%, 520px); min-height: 300px; padding: 34px; border: 1px solid #e2e3e8; border-radius: 22px; color: #22252b; background: #fff; box-shadow: 0 30px 90px rgba(0,0,0,.35); animation: modal-rise .22s ease-out; }
@keyframes modal-rise { from { opacity: 0; transform: translateY(10px) scale(.985); } }
.creation-modal h2 { margin: 7px 45px 25px 0; font-size: 1.7rem; letter-spacing: -.04em; }
.creation-modal-close { position: absolute; top: 18px; right: 18px; width: 38px; min-height: 38px; padding: 0; border: 1px solid #e3e5e9; border-radius: 11px; color: #777c85; background: #f7f8f9; font-size: 1.3rem; }
.creation-modal-placeholder { min-height: 145px; display: grid; place-content: center; justify-items: center; gap: 9px; border: 1px dashed #d9dbe1; border-radius: 15px; color: #8a8f98; background: #f8f9fa; text-align: center; }
.creation-modal-placeholder span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: #2f63e3; background: #e6edfe; }
.creation-modal-placeholder p { margin: 0; font-size: .76rem; }
.workspace-settings-view { width: min(calc(100% - 40px), 980px); padding: 18px 0 42px; }
.settings-page-head { margin-bottom: 24px; display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 18px; }
.settings-page-head > div { display: grid; gap: 4px; }
.settings-page-head h1 { margin: 0; color: #20232a; font-size: clamp(1.7rem, 3vw, 2.35rem); letter-spacing: -.045em; }
.settings-page-head p { margin: 2px 0 0; color: #777c85; font-size: .78rem; }
.settings-back, .settings-save { min-height: 40px; padding: 7px 12px; border: 1px solid #dfe2e7; color: #4d525b; background: rgba(255,255,255,.9); }
.workspace-settings-view .settings-back,#account-settings-view .settings-back{display:none}
.settings-save { color: #fff; border-color: #275ce7; background: #275ce7; }
.workspace-setting-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.workspace-setting-card { padding: 17px; display: grid; grid-template-columns: 38px 1fr; gap: 11px; border: 1px solid #e0e2e7; border-radius: 17px; color: #282b32; background: rgba(255,255,255,.92); box-shadow: 0 8px 24px rgba(29,32,39,.055); }
.workspace-setting-card > span:nth-child(2) { display: grid; gap: 3px; align-content: center; }
.workspace-setting-card strong { font-size: .82rem; }
.workspace-setting-card small { color: #8e939c; font-size: .64rem; line-height: 1.4; }
.setting-card-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; font-weight: 850; }
.setting-card-icon.purple { color: #275ce7; background: #e6edfe; }
.setting-card-icon.green { color: #2f8053; background: #e8f6ee; }
.setting-card-icon.amber { color: #a96712; background: #fff1d9; }
.setting-card-icon.blue { color: #2872bb; background: #e6f2ff; }
.setting-card-icon.coral { color: #c34d58; background: #ffe9eb; }
.workspace-setting-card textarea { grid-column: 1 / -1; width: 100%; min-height: 118px; padding: 11px; resize: vertical; border: 1px solid #e1e3e7; border-radius: 11px; color: #30333a; background: #f8f9fa; font-size: .72rem; line-height: 1.5; }
.workspace-setting-card textarea:focus { border-color: #7a9aea; outline: 0; box-shadow: 0 0 0 3px rgba(46,99,228,.09); }
.settings-save-status { min-height: 20px; margin: 14px 3px 0; color: #327d52; font-size: .7rem; text-align: right; }
.production-defaults-card { grid-column: 1 / -1; }
.production-controls { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.production-control { min-width: 0; display: grid; gap: 5px; color: #858a93; font-size: .57rem; font-weight: 850; letter-spacing: .075em; text-transform: uppercase; }
.production-control select { width: 100%; min-width: 0; height: 39px; padding: 0 30px 0 10px; appearance: none; border: 1px solid #dfe1e6; border-radius: 10px; color: #30333a; background-color: #f8f9fa; background-image: linear-gradient(45deg, transparent 50%, #90959e 50%), linear-gradient(135deg, #90959e 50%, transparent 50%); background-position: calc(100% - 14px) 16px, calc(100% - 10px) 16px; background-size: 4px 4px, 4px 4px; background-repeat: no-repeat; font-size: .68rem; font-weight: 650; letter-spacing: 0; text-transform: none; }
.production-multi-select { position: relative; min-width: 0; }
.production-multi-trigger { position:relative;width: 100%; min-width: 0; height: 39px; padding: 0 30px 0 10px; overflow: hidden; text-align: left; border: 1px solid #dfe1e6; border-radius: 10px; color: #30333a; background: #f8f9fa; font-size: .68rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.production-multi-trigger::after { content: ""; position: absolute; top: 16px; right: 13px; width: 6px; height: 6px; transform: rotate(45deg); border-right: 1.5px solid #90959e; border-bottom: 1.5px solid #90959e; }
.production-multi-trigger:hover, .production-multi-trigger[aria-expanded="true"] { border-color: #a5b9ea; background: #fff; }
.production-multi-menu { position: absolute; z-index: 14; top: calc(100% + 6px); left: 0; width: max(100%, 205px); max-height: 230px; padding: 6px; overflow-y: auto; border: 1px solid #dde0e5; border-radius: 11px; color: #3d424b; background: #fff; box-shadow: 0 13px 35px rgba(27,30,37,.18); }
.production-multi-menu.production-multi-floating { position: fixed; z-index: 120; right: auto; margin: 0; overflow-y: auto; overscroll-behavior: contain; }
.production-multi-menu label { min-height: 34px; padding: 6px 8px; display: flex; align-items: center; gap: 8px; border-radius: 7px; font-size: .64rem; font-weight: 600; letter-spacing: 0; text-transform: none; cursor: pointer; }
.production-multi-menu label:hover { background: #eff2f8; }
.production-multi-menu input { width: 15px; height: 15px; margin: 0; accent-color: #275ce7; }
.creation-modal.finished-mode { width: min(100%, 760px); max-height: calc(100dvh - 36px); overflow-y: auto; }
.finished-video-content { display: grid; gap: 14px; }
.finished-upload { min-height: 91px; padding: 15px; display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 4px 11px; border: 1px dashed #cfd2d9; border-radius: 14px; background: #f8f9fa; cursor: pointer; }
.finished-upload > span { grid-row: 1 / 3; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: #275ce7; background: #e6edfe; font-size: 1rem; }
.finished-upload strong { font-size: .76rem; }
.finished-upload small { color: #8d929b; font-size: .63rem; }
.finished-upload input { grid-column: 1 / -1; width: 100%; margin-top: 6px; color: #737881; font-size: .65rem; }
.finished-video-file-status { min-height: 18px; margin: 0 3px; color: #777c85; font-size: .68rem; overflow-wrap: anywhere; }
.finished-upload.modal-upload-recording { min-height: 82px; grid-template-columns: 24px 1fr; align-content: center; border-style: solid; background: #fff; transition: border-color .18s ease,background .18s ease,transform .18s ease; }
.finished-upload.modal-upload-recording:hover { border-color: #b5c7f2; background: #f8faff; transform: translateY(-1px); }
.finished-upload.modal-upload-recording > span { grid-row: 1; width: 24px; height: 24px; border-radius: 0; color: #275ce7; background: transparent; font-size: 19px; }
.finished-upload.modal-upload-recording strong { display: flex; align-items: center; gap: 6px; color: #343840; font-size: .68rem; }
.finished-upload.modal-upload-recording small { grid-column: 2; }
.finished-upload.modal-upload-recording input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.finished-video-file-status.wizard-footage-list { margin: 0; color: #555b65; }
.finished-mode #start-with-footage{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border:1px solid #275ce7;background:#275ce7;color:#fff;font-weight:800}.review-upload-recording{width:100%;min-height:86px;box-sizing:border-box;padding:18px 22px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:14px;border:1px solid #d4d9e3;border-radius:14px;color:#292d35;background:#fff;cursor:pointer}.review-upload-recording:hover{border-color:#9eb5f2;background:#f8faff}.review-upload-recording>.material-symbols-outlined{color:#275ce7;font-size:1.45rem}.review-upload-recording>span:nth-child(2){display:grid;gap:6px}.review-upload-recording strong{font-size:.76rem}.review-upload-recording small{color:#858b96;font-size:.68rem;font-weight:500}.review-upload-recording input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}.recorded-review-note{display:grid;gap:8px}.recorded-review-note>strong{font-size:.72rem;text-transform:uppercase}.recorded-review-note .idea-voice-field{position:relative;display:block;padding-right:52px}.recorded-review-note .idea-voice-button{position:absolute;right:0;top:50%;margin:0;transform:translateY(-50%)}.recorded-review-note .idea-voice-button>.material-symbols-outlined{position:absolute;top:50%;left:50%;width:27px;height:27px;margin:0;display:block;line-height:27px;text-align:center;transform:translate(-50%,-50%)}.recorded-review-note .idea-voice-button:hover{transform:translateY(calc(-50% - 2px))}.recorded-review-note .idea-voice-button:active{transform:translateY(calc(-50% + 1px)) scale(.97)}.recorded-review-note textarea{width:100%;min-height:92px;box-sizing:border-box;padding:12px 14px;resize:vertical;border:1px solid #d4d9e3;border-radius:12px;color:#292d35;background:#fff;font:inherit;font-size:.72rem;line-height:1.5}.recorded-review-note textarea:focus{outline:2px solid rgba(39,92,231,.16);border-color:#275ce7}.recorded-review-shell{grid-template-rows:max-content minmax(0,1fr)}.recorded-review-nav{grid-template-columns:1fr}.recorded-review-inline{grid-row:2;position:static;padding:0;overflow-y:auto;background:transparent}.recorded-review-inline .job-review-panel{min-height:100%;box-sizing:border-box}.recorded-review-inline .review-main-actions{justify-content:flex-end}.recorded-review-inline .review-source-assets .wizard-footage-row{width:100%;max-width:none}.recorded-review-inline .wizard-footage-remove{display:grid!important;place-items:center;font-family:Arial,sans-serif;font-size:20px;line-height:1}html[data-theme="dark"] .review-upload-recording{color:#eef1f6;border-color:#454a56;background:#252830}html[data-theme="dark"] .review-upload-recording:hover{border-color:#607bbd;background:#292e3a}html[data-theme="dark"] .review-upload-recording small{color:#aeb4c0}html[data-theme="dark"] .recorded-review-note textarea{color:#eef1f6;border-color:#454a56;background:#20232a}
.video-agent-view { width: min(calc(100% - 40px), 920px); height: max(220px, calc(100dvh - 176px)); }
.video-agent-view.has-job-context{width:min(calc(100% - 40px),1500px)}.video-agent-view.has-job-context .agent-context-card{width:100%;flex:0 0 auto}.video-agent-view.has-job-context .agent-page-job-card{box-sizing:border-box;width:100%;min-height:190px;margin:0}.video-agent-view.has-job-context .agent-page-job-card .command-job-actions{bottom:20px}
.agent-conversation-shell { position: relative; height: 100%; min-height: 0; display: grid; grid-template-rows: max-content minmax(0, 1fr) max-content; overflow: hidden; border: 1px solid #e0e2e7; border-radius: 20px; background: rgba(255,255,255,.94); box-shadow: 0 18px 50px rgba(35,38,48,.08); }
.creation-wizard-nav { grid-row: 1; padding: 0 clamp(14px, 3vw, 28px); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid #e3e4e9; background: rgba(255,255,255,.96); }
.creation-wizard-nav button { position: relative; min-width: 0; padding: 16px 8px 14px; display: flex; justify-content: center; align-items: center; gap: 7px; border: 0; color: #858a94; background: transparent; }
.creation-wizard-nav button::after { content: ""; position: absolute; right: 8px; bottom: -1px; left: 8px; height: 3px; border-radius: 3px 3px 0 0; background: transparent; }
.creation-wizard-nav button span { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid #d9dce2; border-radius: 50%; font-size: .7rem; }
.creation-wizard-nav button strong { overflow: hidden; text-overflow: ellipsis; font-size: .8rem; }
.creation-wizard-nav button.current { color: #2b5ed9; }
.creation-wizard-nav button.current::after { background: #275ce7; }
.creation-wizard-nav button.current span { color: #fff; border-color: #275ce7; background: #275ce7; }
.creation-wizard-nav button.complete:not(.current) span { color: #518363; border-color: #badfc9; background: #edf8f1; }
.creation-wizard-stage { grid-row: 2; }
.creation-wizard-stage .agent-message { width: 100%; max-width: none; min-height: 100%; display: flex; flex-direction: column; }
.creation-wizard-stage .agent-message > small:first-child, .creation-wizard-stage .idea-milestone, .creation-wizard-stage .idea-back-action { display: none; }
.creation-wizard-stage .agent-message > p { padding: 0 0 14px; color: #292d35; background: transparent; font-size: .84rem; font-weight: 750; }
.wizard-panel-heading { display: flex; align-items: center; gap: 8px; }
.creation-wizard-stage .agent-message > p.wizard-panel-heading { font-size: 1.3rem; line-height: 1.2; }
.wizard-back-button { width: auto; min-width: 0; height: 42px; min-height: 42px; padding: 9px 16px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid #d9dce2; border-radius: 11px; color: #555a63; background: transparent; font-size: .7rem; font-weight: 800; box-shadow: none; }
.wizard-back-button .material-symbols-outlined { width: 18px; height: 18px; margin: 0; display: grid; place-items: center; color: currentColor; font-size: 18px; line-height: 1; }
.wizard-back-button:hover { color: #3255aa; border-color: #b5c7f2; background: #f8faff; transform: translateY(-1px); box-shadow: none; }
.wizard-back-button:active { transform: translateY(1px); box-shadow: 0 2px 6px rgba(35,38,48,.08); }
.agent-job-status { grid-row: 1; padding: 10px 22px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #dbe1f2; color: #3b4e7c; background: #eef2fe; font-size: .7rem; }
.agent-job-status strong { font-size: .74rem; }
.agent-job-status span { color: #77718d; }
.start-editing-button { margin-left: auto; border: 0; border-radius: 999px; padding: 9px 15px; color: #fff; background: #2662f3; font-weight: 800; cursor: pointer; box-shadow: 0 7px 18px rgba(38,98,243,.24); transition: transform .16s ease,box-shadow .16s ease; }
.start-editing-button:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(38,98,243,.34); }
.start-editing-button:disabled { opacity: .55; transform: none; }
.agent-message.submitted-plan ~ .agent-message { border-left: 3px solid rgba(38,98,243,.32); }
.agent-message.message-focus { animation: message-focus-pulse 2.1s ease; }
@keyframes message-focus-pulse { 0%,100% { box-shadow: none; } 20%,70% { box-shadow: 0 0 0 4px rgba(38,98,243,.2),0 12px 30px rgba(38,98,243,.16); } }
.agent-message.submitted-plan { width: 100%; max-width: none; padding: 18px; border: 1px solid #bed0fc; background: #ecf2fe; box-shadow: 0 10px 28px rgba(46,99,228,.12); }
.agent-message.submitted-plan > small { color: #275ce7; }
.agent-message.submitted-plan > p { white-space: pre-wrap; line-height: 1.62; }
.submitted-plan-content { margin-top: 14px; border-top: 1px solid #cbd7ef; color: #303744; }
.submitted-plan-content summary { min-height: 44px; display: flex; align-items: center; gap: 8px; list-style: none; cursor: pointer; user-select: none; }
.submitted-plan-content summary::-webkit-details-marker { display: none; }
.submitted-plan-content summary strong { font-size: .76rem; }
.submitted-plan-content summary > span:not(.material-symbols-outlined) { margin-left: auto; color: #68748d; font-size: .66rem; font-weight: 700; }
.submitted-plan-content summary .material-symbols-outlined { color: #275ce7; font-size: 20px; line-height: 1; transition: transform .18s ease; }
.submitted-plan-content[open] summary .material-symbols-outlined { transform: rotate(180deg); }
.submitted-plan-content-body { padding: 2px 0 5px; display: grid; gap: 12px; }
.submitted-plan-content-body > div { display: grid; gap: 3px; }
.submitted-plan-content-body small { color: #737b8c; font-size: .58rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.agent-message .submitted-plan-content-body p { margin: 0; padding: 0; color: inherit; background: transparent; border-radius: 0; font-size: .72rem; line-height: 1.55; white-space: pre-wrap; }
.submitted-plan-assets { margin-top: 14px; padding-top: 13px; display: grid; gap: 9px; border-top: 1px solid #cbd7ef; }
.submitted-plan-assets > strong { color: #303744; font-size: .76rem; }
.submitted-plan-assets .wizard-footage-list { margin: 0; padding: 0; gap: 7px; background: transparent; border: 0; }
.submitted-plan-assets .wizard-footage-row { justify-self: start; width: min(100%, 340px); min-width: 0; box-sizing: border-box; }
.submitted-plan-assets .wizard-footage-view { flex: 0 0 auto; width: auto !important; min-width: 68px; }
.agent-message.creation-locked { border-color: #e0e2e7; background: #f5f6f8; }
.creation-lock-note { display: block; margin-top: 8px; color: #777d87; font-size: .58rem; font-style: normal; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.agent-message.creation-locked button, .agent-message.creation-locked input, .agent-message.creation-locked textarea, .agent-message.creation-locked select { pointer-events: none; }
.agent-message.creation-locked button { color: #696e78 !important; border-color: #d8dbe1 !important; background: #eceef1 !important; box-shadow: none !important; transform: none !important; }
.new-agent-activity{position:absolute;z-index:6;left:50%;bottom:132px;box-sizing:border-box;width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px;max-height:42px;aspect-ratio:1;padding:0;display:grid;place-items:center;border:1px solid #d9dde6;border-radius:999px;color:#275ce7;background:#fff;box-shadow:0 7px 20px rgba(35,38,48,.18);transform:translateX(-50%);transition:opacity .16s ease,transform .16s ease,box-shadow .16s ease}.new-agent-activity:hover{box-shadow:0 9px 24px rgba(35,38,48,.24);transform:translate(-50%,-2px)}.new-agent-activity:active{transform:translate(-50%,0) scale(.96)}.new-agent-activity svg{width:22px;height:22px;display:block;fill:currentColor}.new-agent-activity[hidden]{display:none}
.video-agent-view.production-mode .agent-composer #preferences-trigger, .video-agent-view.production-mode .agent-composer #submit-job { opacity: .46; pointer-events: none; box-shadow: none; }
html[data-theme="dark"] .agent-job-status { color: #afc5fc; border-color: #2c3448; background: #1f2533; }
html[data-theme="dark"] .agent-message.submitted-plan { color: #e9effe; border-color: #3f5077; background: #22293a; }
html[data-theme="dark"] .submitted-plan-content { color: #e9effe; border-top-color: #3f4c69; }
html[data-theme="dark"] .submitted-plan-content summary > span:not(.material-symbols-outlined),html[data-theme="dark"] .submitted-plan-content-body small { color: #aeb9d0; }
html[data-theme="dark"] .agent-message .submitted-plan-content-body p { color: #e9effe; background: transparent; }
html[data-theme="dark"] .submitted-plan-assets { border-top-color: #3f4c69; }
html[data-theme="dark"] .submitted-plan-assets > strong { color: #e9effe; }
html[data-theme="dark"] .agent-message.creation-locked { border-color: #383b44; background: #22242a; }
.agent-messages { grid-row: 2; min-height: 0; padding: clamp(18px, 4vw, 38px); display: flex; flex-direction: column; gap: 18px; overflow-y: auto; overscroll-behavior: contain; }
.agent-message { width: min(78%, 620px); display: grid; gap: 7px; }
.agent-message.user { align-self: flex-end; }
.agent-message small { color: #8d929b; font-size: .58rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.agent-message.user small { text-align: right; }
.agent-message p { margin: 0; padding: 13px 15px; border-radius: 16px 16px 16px 5px; color: #363a42; background: #f0f1f4; font-size: .78rem; line-height: 1.55; white-space: pre-wrap; }
.idea-milestone { width: max-content; margin: 0 0 7px; padding: 3px 7px; display: block; border-radius: 999px; color: #3262d7; background: #dde7fe; font-size: .55rem; font-weight: 850; letter-spacing: .04em; line-height: 1.35; text-transform: uppercase; }
.agent-message.user p { border-radius: 16px 16px 5px 16px; color: #fff; background: #275ce7; }
.agent-attachments { display: flex; flex-wrap: wrap; gap: 7px; }
.agent-message-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.agent-message-actions button { min-height: 35px; padding: 6px 12px; border: 1px solid #275ce7; border-radius: 10px; color: #fff; background: #275ce7; font-size: .66rem; box-shadow: 0 6px 15px rgba(46,99,228,.18); transition: transform .16s ease, box-shadow .16s ease; }
.agent-message-actions button:hover { transform: translateY(-2px); box-shadow: 0 9px 20px rgba(46,99,228,.26); }
.agent-message-actions button:active { transform: translateY(1px) scale(.98); }
.agent-message-actions .agent-upload-video-action { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.agent-message-actions .agent-upload-video-action .material-symbols-outlined { font-size: 1rem; line-height: 1; }
.edit-actions-clarification { display: grid; gap: 10px; }
.edit-action-section { min-width: 0; margin: 0; padding: 0; border: 0; }
.edit-action-section legend { width: 100%; margin: 0 0 7px; padding: 0; color: #858a93; font-size: .57rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.edit-action-choices { display: flex; flex-wrap: wrap; gap: 7px; }
.edit-action-choice { position: relative; cursor: pointer; }
.edit-action-choice input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.edit-action-choice span { min-height: 34px; padding: 7px 10px; display: flex; align-items: center; border: 1px solid #d9dce2; border-radius: 10px; color: #565b65; background: #fff; font-size: .64rem; line-height: 1.3; transition: transform .15s ease, border-color .15s ease, color .15s ease, background-color .15s ease, box-shadow .15s ease; }
.edit-action-choice span:hover { transform: translateY(-1px); border-color: #b4c4ec; box-shadow: 0 5px 12px rgba(35,38,48,.08); }
.edit-action-choice input:checked + span { color: #285ee1; border-color: #bcccf3; background: #e8eefe; box-shadow: 0 5px 13px rgba(46,99,228,.12); font-weight: 750; }
.edit-action-choice input:focus-visible + span { outline: 3px solid rgba(46,99,228,.2); outline-offset: 2px; }
.edit-action-other { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #d9dce2; border-radius: 10px; color: #343840; background: #fff; font-size: .68rem; }
.edit-actions-clarification .edit-actions-continue { justify-self: start; min-height: 36px; padding: 7px 14px; border: 0; border-radius: 10px; color: #fff; background: #275ce7; font-size: .66rem; font-weight: 800; transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease; }
.edit-actions-clarification .edit-actions-continue:not(:disabled):hover { transform: translateY(-2px); box-shadow: 0 8px 17px rgba(46,99,228,.24); }
.edit-actions-clarification .edit-actions-continue:disabled { opacity: .42; cursor: not-allowed; }
.idea-source-form { width: min(100%, 620px); }
.idea-source-support { display: grid; gap: 9px; }
.idea-supporting-input { padding: 11px; display: grid; gap: 7px; border: 1px solid #e0e2e7; border-radius: 11px; background: #f8f9fa; }
.idea-supporting-input > strong { color: #555a63; font-size: .64rem; }
.idea-supporting-input input { width: 100%; min-height: 36px; padding: 7px 9px; border: 1px solid #d9dce2; border-radius: 9px; color: #343840; background: #fff; font-size: .68rem; }
.idea-url-inputs { display: grid; gap: 6px; }
.idea-add-url, .idea-attach-placeholder { justify-self: start; min-height: 30px; padding: 4px 8px; border: 0; color: #2b5ed9; background: #e8eefe; font-size: .61rem; }
.idea-cards { width: min(100%, 620px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.idea-card { min-width: 0; padding: 13px; display: flex; flex-direction: column; gap: 8px; border: 1px solid #dfe1e6; border-radius: 13px; background: #fff; box-shadow: 0 6px 18px rgba(35,38,48,.06); }
.idea-card > strong { color: #30343b; font-size: .72rem; line-height: 1.35; }
.agent-message .idea-card > p { padding: 0; border-radius: 0; color: #5b6069; background: transparent; font-size: .65rem; line-height: 1.45; }
.idea-card > small { color: #858a93; font-size: .59rem; line-height: 1.4; }
.idea-card > span { color: #275ce7; font-size: .6rem; font-weight: 800; }
.idea-card > button { margin-top: auto; }
.idea-card > button, .idea-more { min-height: 33px; padding: 6px 9px; border: 0; color: #fff; background: #275ce7; font-size: .62rem; font-weight: 800; }
.idea-more { margin-top: 9px; color: #2b5ed9; background: #e8eefe; }
.idea-route-tabs { width: min(100%, 620px); display: flex; gap: 22px; border-bottom: 1px solid #dfe1e6; }
.idea-route-tabs button { position: relative; padding: 8px 2px 10px; display: inline-flex; align-items: center; gap: 6px; border: 0; color: #555a63; background: transparent; font-weight: 750; }
.idea-route-tabs button .material-symbols-outlined { color: currentColor; font-size: 19px; line-height: 1; }
.idea-route-tabs button::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: transparent; }
.idea-route-tabs button.selected { color: #2b5ed9; }
.idea-route-tabs button.selected::after { background: #275ce7; }
.idea-route-panel { width: min(100%, 620px); }
.idea-own-direction { width: min(100%, 620px); margin-top: 10px; padding: 14px; display: grid; gap: 12px; border: 1px solid #dfe1e6; border-radius: 14px; background: #f8f9fa; }
.idea-own-direction label { display: grid; gap: 5px; }
.idea-own-direction strong { color: #292d35; font-size: .72rem; }
.idea-own-direction small { color: #858a93; font-size: .62rem; line-height: 1.4; }
.idea-own-heading{position:relative;display:flex;align-items:center;gap:7px}.idea-own-help{position:relative}.idea-own-help summary{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#6f7783;cursor:pointer;list-style:none}.idea-own-help summary::-webkit-details-marker{display:none}.idea-own-help summary:hover,.idea-own-help summary:focus-visible,.idea-own-help[open] summary{color:#275ce7;background:#e8eefe;outline:none}.idea-help-icon{width:16px;height:16px;display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;font-family:Arial,sans-serif;font-size:11px;font-style:normal;font-weight:800;line-height:1;text-transform:none}.idea-own-help p{position:absolute;z-index:5;top:calc(100% + 7px);left:-10px;width:250px;margin:0;padding:10px 12px;border:1px solid #d9dce2;border-radius:10px;color:#59616e;background:#fff;box-shadow:0 10px 26px rgba(29,36,50,.13);font-size:.66rem;font-weight:500;line-height:1.45;text-transform:none}.idea-own-help:not([open]) p{display:none}.idea-own-help:hover p,.idea-own-help:focus-within p{display:block}html[data-theme="dark"] .idea-own-help p{color:#d6dae2;border-color:#41454f;background:#292c33}
.idea-own-direction textarea { width: 100%; min-height: 64px; padding: 10px 12px; resize: vertical; border: 1px solid #d9dce2; border-radius: 10px; color: #383c44; background: #fff; font: inherit; }
.idea-own-direction > button { min-height: 38px; padding: 8px 14px; border: 0; border-radius: 10px; color: #fff; background: #275ce7; font-weight: 800; }
.idea-own-direction > button:disabled { opacity: .45; cursor: not-allowed; }
.idea-prompt-controls { width: 100%; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 7px; }
.idea-prompt-controls > .idea-prompt-send { width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 0; display: inline-grid; place-items: center; align-self: center; border: 0; border-radius: 50%; color: #fff; background: #275ce7; box-shadow: 0 7px 16px rgba(38,86,205, .18); }
.idea-prompt-send .material-symbols-outlined { display: block; color: #fff; font-size: 25px; line-height: 1; }
.idea-prompt-send:disabled { opacity: .42; cursor: not-allowed; }
.idea-prompt-send:not(:disabled):hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(38,86,205, .26); }
.idea-prompt-send:not(:disabled):active { transform: translateY(1px); box-shadow: 0 4px 9px rgba(38,86,205, .2); }
.idea-editor-panel { width: min(100%, 620px); padding: 12px; display: grid; gap: 10px; border: 1px solid #dedfe5; border-radius: 13px; background: #f8f9fa; }
.idea-editor-panel > textarea, .idea-talking-points textarea { width: 100%; padding: 10px; resize: vertical; border: 1px solid #d9dce2; border-radius: 10px; color: #343840; background: #fff; font: inherit; font-size: .69rem; line-height: 1.55; }
.idea-talking-points > label { display: grid; gap: 5px; }
.idea-talking-points > label > span { color: #7f848d; font-size: .58rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.idea-editor-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.idea-editor-actions[hidden] { display: none; }
.idea-editor-actions button { min-height: 32px; padding: 5px 9px; border: 1px solid #d9dce2; color: #555a63; background: #fff; font-size: .61rem; }
.idea-editor-actions button:last-child { color: #fff; border-color: #275ce7; background: #275ce7; }
.selected-idea-summary > .idea-editor-actions button:first-child, .idea-manual-edit .idea-editor-actions button:first-child { color: #fff; border-color: #275ce7; background: #275ce7; }
.selected-idea-summary > .idea-editor-actions button:last-child, .idea-manual-edit .idea-editor-actions button:last-child { color: #555a63; border-color: #d9dce2; background: #fff; }
.selected-idea-summary > .idea-editor-actions { padding-top: 4px; }
.selected-idea-summary > .idea-editor-actions button:first-child { min-height: 38px; padding: 8px 18px; border-radius: 10px; font-weight: 800; }
.idea-editor-actions.content-edit-actions button,.idea-editor-actions.content-edit-actions button:last-child { color: #555a63; border-color: #d9dce2; background: #fff; }
.idea-save-status { min-height: 14px; color: #327d52; font-size: .61rem; }
.selected-idea-summary, .idea-content-card { width: min(100%, 620px); padding: 14px; display: grid; gap: 12px; border: 1px solid #dfe1e6; border-radius: 14px; background: #f8f9fa; }
.selected-idea-summary > div:not(.idea-editor-actions), .idea-content-display > div { display: grid; gap: 3px; }
.selected-idea-summary small, .idea-content-display small { color: #858a93; font-size: .56rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.selected-idea-summary span, .idea-content-display span { color: #383c44; font-size: .7rem; line-height: 1.5; }
.idea-format-choices { width: min(100%, 620px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.idea-format-choices button { min-height: 92px; padding: 13px; display: grid; align-content: center; gap: 5px; text-align: left; border: 1px solid #d9dce2; border-radius: 12px; color: #343840; background: #fff; }
.idea-format-choices button:hover { border-color: #b5c7f2; background: #f8faff; transform: translateY(-1px); }
.idea-format-choices strong { font-size: .72rem; }
.idea-format-choices span { color: #7e838c; font-size: .62rem; line-height: 1.45; }
.idea-content-display { padding: 12px; display: grid; gap: 12px; border-radius: 11px; background: #fff; }
.idea-refinement-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.idea-refinement-control { display: grid; gap: 5px; }
.idea-refinement-control .production-multi-select { width: 100%; }
.idea-refinement-control .production-multi-trigger { height: 36px; border-radius: 9px; background: #fff; font-size: .64rem; font-weight: 400; }
.idea-refinement-control .production-multi-trigger::after { top: 14px; }
.idea-refinement-control > span, .idea-manual-edit label > span, .idea-rewrite-panel label > span { color: #858a93; font-size: .56rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.idea-refinement-control select,.idea-refinement-control input, .idea-rewrite-panel input { width: 100%; min-height: 36px; padding: 6px 9px; border: 1px solid #d9dce2; border-radius: 9px; color: #343840; background: #fff; font-size: .64rem; }
.idea-manual-edit { display: grid; gap: 9px; }
.idea-manual-edit[hidden] { display: none; }
.idea-manual-edit label, .idea-rewrite-panel label { display: grid; gap: 5px; }
.idea-manual-edit textarea { width: 100%; padding: 9px; resize: vertical; border: 1px solid #d9dce2; border-radius: 9px; color: #343840; background: #fff; font: inherit; font-size: .67rem; line-height: 1.5; }
.idea-rewrite-panel { padding: 11px; display: grid; gap: 9px; border: 1px solid #d1ddf9; border-radius: 11px; background: #f8faff; }
.idea-rewrite-panel[hidden] { display: none; }
.idea-rewrite-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.idea-rewrite-chips button { min-height: 28px; padding: 4px 7px; border: 1px solid #cad6f5; color: #2b5ed9; background: #fff; font-size: .58rem; }
.idea-rewrite-panel > button { justify-self: start; min-height: 32px; padding: 5px 10px; border: 0; color: #fff; background: #275ce7; font-size: .62rem; }
.idea-rewrite-panel .idea-editor-actions button:first-child { color: #fff; border-color: #275ce7; background: #275ce7; }
.idea-rewrite-panel .idea-editor-actions button:last-child { color: #555a63; border-color: #d9dce2; background: #fff; }
.idea-final-actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 3px; border-top: 1px solid #e3e4e8; }
.idea-final-actions button { min-height: 36px; padding: 6px 11px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid #d9dce2; color: #555a63; background: #fff; font-size: .63rem; font-weight: 800; }
.idea-final-actions button .material-symbols-outlined { overflow: visible; color: currentColor; font-size: 19px; line-height: 1; }
.idea-final-actions button:last-child { color: #fff; border-color: #275ce7; background: #275ce7; }
.idea-final-actions .use-content-button { min-height: 38px; padding: 8px 18px; border-radius: 10px; }
.idea-history-actions { display: flex; }
.idea-history-actions button, .idea-back-action { min-height: 29px; padding: 4px 8px; border: 1px solid #cad6f5; color: #2b5ed9; background: #f8faff; font-size: .58rem; font-weight: 750; }
.idea-back-action { justify-self: start; margin-top: 2px; border-color: transparent; background: transparent; }
.agent-message.superseded > p { opacity: .68; }
.agent-message.superseded .idea-answer-bubble { opacity: .68; }
.idea-superseded-note { justify-self: start; color: #999da5; font-size: .56rem; font-style: normal; }
.idea-format-choices button.current { border-color: #b5c7f2; background: #eff3fe; }
.pre-script-settings { width:min(100%,620px); margin-top:14px; padding:16px; border:1px solid #dfe2e8; border-radius:14px; background:#fafbfc; }
.pre-script-settings .review-preferences { margin-bottom:12px; }
.pre-script-settings .pre-script-generate { width:100%; margin-top:8px; }
.pre-script-settings .content-audience-control > input { grid-column:2; width:100%; }
.content-format-cards { width:min(100%,700px); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:stretch; }
.content-format-card { min-width:0; min-height:440px; padding:22px; display:flex; flex-direction:column; border:1px solid #d9dce2; border-radius:16px; background:#fff; box-sizing:border-box; }
.content-format-card-script,
.content-format-card-talking { border-color:#a9c0fb; background:#f3f6ff; }
.content-format-card > strong { color:#30343c; font-size:.82rem; }
.content-format-card > p { min-height:44px; margin:8px 0 14px; color:#7e838c; font-size:.67rem; font-weight:650; line-height:1.45; }
.content-format-card .pre-script-settings { width:100%; margin:0; padding:14px 0 0; flex:1; display:flex; flex-direction:column; border:0; border-top:1px solid #dbe3f7; border-radius:0; background:transparent; box-sizing:border-box; }
.content-format-card .review-preference-heading > strong { font-size:.82rem; line-height:1.3; }
.content-format-card .review-preferences { font-size:.72rem; line-height:1.45; }
.content-format-card .review-preferences dt { font-size:inherit; font-weight:500; }
.content-format-card .review-preferences dd { font-size:inherit; }
.content-format-card .review-preference-control > span { font-size:.72rem; font-weight:500; letter-spacing:0; text-transform:none; }
.content-format-card .review-change-preferences { min-height:32px; padding:5px 10px; display:inline-flex; align-items:center; gap:5px; border:0; border-radius:9px; color:#2459dd; background:#e3ebff; font-size:.64rem; font-weight:800; }
.content-format-card .review-change-preferences .material-symbols-outlined { font-size:17px; }
.content-format-generate { width:100%; min-height:46px; margin-top:auto; padding:10px 16px; border:0; border-radius:11px; color:#fff; background:#2f61e8; font-size:.7rem; font-weight:850; text-align:center; box-shadow:0 8px 18px rgba(47,97,232,.16); }
.content-format-generate:hover { background:#2556db; transform:translateY(-1px); }
.content-format-card .review-preference-controls { margin-bottom:12px; }
.content-format-card .pre-script-settings .pre-script-generate { margin-top:auto; }
.content-format-card-talking .content-format-generate { margin-top:auto; }
@media (max-width:760px){.content-format-cards{grid-template-columns:1fr}.content-format-card{min-height:auto}.content-format-card-talking{min-height:250px}}
.idea-answer-bubble { overflow: hidden; border-radius: 16px 16px 5px 16px; color: #fff; background: #275ce7; }
.agent-message.user .idea-answer-bubble > p { border-radius: 0; background: transparent; }
.idea-answer-change { margin: 0 12px 10px; min-height: 27px; padding: 3px 8px; border: 1px solid rgba(255,255,255,.38); color: #fff; background: rgba(255,255,255,.12); font-size: .57rem; font-weight: 800; }
.idea-answer-change:hover { background: rgba(255,255,255,.2); transform: translateY(-1px); }
.idea-voice-field { position: relative; width: 100%; display: grid; grid-template-columns: minmax(0,1fr) 42px; align-items: center; gap: 7px; }
.idea-voice-field > input, .idea-voice-field > textarea { width: 100%; min-width: 0; }
.idea-voice-button { position: relative; width: 42px; min-height: 42px; padding: 0; display: grid; place-items: center; align-self: center; border: 1px solid #dfe1e6; border-radius: 50%; color: #656b75; background: #fff; box-shadow: 0 4px 12px rgba(35,38,48,.06); transition: transform .16s ease, box-shadow .16s ease, color .16s ease, background-color .16s ease; }
.idea-voice-button .material-symbols-outlined { font-size: 27px; }
.idea-voice-button:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(35,38,48,.14); }
.idea-voice-button:active { transform: translateY(1px) scale(.97); }
.idea-voice-button.recording { color: #fff; border-color: #e05261; background: #e05261; animation: voice-pulse 1.2s infinite; }
.idea-voice-button .voice-stop-symbol { position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; display: block; border-radius: 3px; background: #fff; box-shadow: 0 0 0 1px rgba(255,255,255,.12); transform: translate(-50%,-50%); }
.idea-voice-status { position: absolute; top: calc(100% + 3px); left: 0; z-index: 1; color: #858a93; font-size: .55rem; font-weight: 600; letter-spacing: 0; text-transform: none; }
.idea-voice-status:empty { display: none; }
.idea-angle-rewrite { padding-top: 11px; display: grid; gap: 8px; border-top: 1px solid #e2e4e8; }
.idea-angle-rewrite[hidden] { display: none; }
.idea-angle-rewrite label { display: grid; gap: 5px; }
.idea-angle-rewrite label > span { color: #858a93; font-size: .56rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.idea-angle-rewrite input { width: 100%; min-height: 37px; padding: 7px 9px; border: 1px solid #d9dce2; border-radius: 9px; color: #343840; background: #fff; font-size: .67rem; }
.idea-angle-rewrite > button { min-height: 37px; padding: 6px 11px; border: 0; color: #fff; background: #275ce7; font-size: .62rem; font-weight: 800; }
.idea-angle-rewrite > button:disabled { opacity: .42; cursor: not-allowed; }
.idea-angle-last { grid-column: 1 / -1; color: #777d87; font-size: .59rem; line-height: 1.4; }
.recording-method-choices { width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.recording-method-choices button { min-height: 92px; padding: 12px; display: grid; align-content: center; gap: 5px; text-align: left; border: 1px solid #d9dce2; color: #343840; background: #fff; }
.recording-method-choices button:hover { border-color: #b5c7f2; background: #f8faff; transform: translateY(-1px); }
.recording-method-choices strong { display: flex; align-items: center; gap: 6px; color: #343840; font-size: .68rem; }
.recording-method-choices strong > span:not(.material-symbols-outlined) { color: inherit; font-size: inherit; line-height: inherit; }
.recording-method-choices strong > .material-symbols-outlined { color: #275ce7; font-size: 19px; line-height: 1; }
.recording-method-choices span { color: #838892; font-size: .59rem; line-height: 1.4; }
.wizard-footage-list { width: 100%; margin-top: 14px; padding: 13px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; border: 1px solid #dfe1e6; border-radius: 13px; background: #f8f9fb; }
.wizard-footage-list > strong { width: 100%; color: #555b65; font-size: .65rem; }
.wizard-footage-list > div { min-height: 34px; padding: 5px 6px 5px 10px; display: flex; align-items: center; gap: 8px; border: 1px solid #cad6f5; border-radius: 9px; color: #2b5ed9; background: #ecf2fe; font-size: .62rem; font-weight: 700; }
.wizard-footage-list > div button { width: 24px; height: 24px; padding: 0; border: 0; border-radius: 7px; color: #6b657e; background: #fff; }
.wizard-footage-list > .wizard-footage-row { min-width: min(100%,310px); justify-content: space-between; }
.wizard-footage-row > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wizard-footage-row-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 5px; }
.wizard-footage-list .wizard-footage-row-actions .wizard-footage-view { width: auto; min-width: 62px; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; color: #275ce7; border: 1px solid #c7d4f4; }
.wizard-footage-view .material-symbols-outlined { font-size: 17px; }
.wizard-footage-list .wizard-footage-row-actions .wizard-footage-select { display: grid; place-items: center; color: #778095; font-family: Arial, sans-serif; font-size: 20px; line-height: 1; }
.wizard-footage-list .wizard-footage-row-actions .wizard-footage-select.selected { color: #42b47c; }
.wizard-footage-list .wizard-footage-row-actions .wizard-footage-remove { color: #766f82; font-size: 17px; }
.footage-delete-modal > div { box-shadow: 0 24px 70px rgba(0,0,0,.34); }
.footage-delete-modal > div > strong { font-size: .95rem; }
.wizard-stage-actions { width: 100%; margin-top: auto; padding: 28px 2px 2px; display: flex; justify-content: flex-end; align-items: center; gap: 8px; }
.wizard-stage-actions.idea-final-actions { border-top: 0; }
.wizard-stage-actions > button:not(.wizard-back-button) { min-height: 42px; padding: 9px 20px; border: 1px solid #275ce7; border-radius: 11px; color: #fff; background: #275ce7; font-size: .7rem; font-weight: 800; box-shadow: 0 7px 17px rgba(38,86,205,.2); }
.wizard-stage-actions > button:not(.wizard-back-button),.job-review-backdrop.wizard-inline #submit-for-editing { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.action-check { width: 18px; height: 18px; display: grid; place-items: center; color: currentColor; font-size: 18px; line-height: 1; }
.wizard-stage-actions > button:not(.wizard-back-button):hover { color: #fff; border-color: #2459d9; background: #2459d9; transform: translateY(-1px); }
.wizard-footage-actions { width: 100%; }
.wizard-footage-actions .wizard-footage-review { width: auto; height: auto; min-height: 38px; padding: 8px 18px; border-radius: 10px; color: #fff; background: #275ce7; font-weight: 800; }
.wizard-footage-actions .wizard-footage-review:hover { color: #fff; background: #2659d3; transform: translateY(-1px); }
.wizard-footage-actions .wizard-footage-review:disabled { cursor: not-allowed; opacity: .45; transform: none; }
.recording-inline-panel, .recording-session-panel, .recording-upload-panel, .recording-summary-panel { width: min(100%, 620px); padding: 13px; display: grid; gap: 10px; border: 1px solid #dfe1e6; border-radius: 13px; background: #f8f9fa; }
.recording-guide-preview { max-height: 150px; padding: 11px; overflow-y: auto; white-space: pre-wrap; border-radius: 10px; color: #555a63; background: #fff; font-size: .65rem; line-height: 1.5; }
.recording-camera-placeholder, .companion-camera { min-height: 155px; display: grid; place-content: center; justify-items: center; gap: 5px; border-radius: 11px; color: #dfe3e9; background: linear-gradient(145deg,#252b34,#11151b); text-align: center; }
.recording-camera-placeholder small, .companion-camera small { color: #8e96a2; font-size: .6rem; }
.recording-prompt-controls, .recording-live-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.recording-prompt-controls button, .recording-live-controls button { min-height: 31px; padding: 5px 8px; border: 1px solid #d9dce2; color: #555a63; background: #fff; font-size: .58rem; }
.recording-prompt-controls button.active { color: #2b5ed9; border-color: #bcccf3; background: #e8eefe; }
.recording-live-controls span { margin-left: auto; font-variant-numeric: tabular-nums; font-size: .72rem; font-weight: 800; }
.recording-take-list, .recording-upload-list, .companion-takes { display: grid; gap: 6px; }
.recording-take-list > div, .recording-upload-list > div, .companion-takes > div { min-height: 42px; padding: 6px 8px; display: flex; align-items: center; justify-content: space-between; gap: 9px; border-radius: 9px; background: #fff; }
.recording-take-list span, .companion-takes span { display: grid; gap: 2px; }
.recording-take-list small, .companion-takes small { color: #8b9099; font-size: .57rem; }
.recording-take-list > div > div { display: flex; gap: 4px; }
.recording-take-list button, .recording-upload-list button, .companion-takes button { min-height: 28px; padding: 4px 7px; border: 1px solid #d9dce2; color: #5e636c; background: #fff; font-size: .56rem; }
.recording-done, .recording-upload-panel > button:last-child, .companion-finish { justify-self: end; min-height: 35px; padding: 6px 10px; border: 0; color: #fff; background: #275ce7; font-size: .62rem; font-weight: 800; }
.agent-message .recording-session-panel > p { padding: 0; border-radius: 0; color: #666b74; background: transparent; font-size: .65rem; }
.qr-placeholder { width: 154px; aspect-ratio: 1; padding: 11px; justify-self: center; border: 9px solid #fff; background: repeating-conic-gradient(#171a20 0 25%,#fff 0 50%) 0/18px 18px; box-shadow: 0 4px 18px rgba(0,0,0,.14); }
.recording-session-panel > small { justify-self: center; color: #858a93; font-size: .6rem; }
.recording-upload-panel > button:first-of-type { justify-self: start; min-height: 34px; padding: 5px 9px; border: 1px solid #d9dce2; color: #2b5ed9; background: #fff; }
.recording-summary-panel > div:not(.idea-editor-actions) { display: grid; gap: 4px; }
.recording-summary-panel > div > span { color: #518363; font-size: .64rem; }
.prompt-only-overlay { position: fixed; z-index: 200; inset: 0; padding: clamp(18px,4vw,48px); display: grid; grid-template-rows: minmax(0,1fr) auto; gap: 16px; color: #f7f8fb; background: #0d1015; }
.prompt-only-content { max-width: 950px; width: 100%; margin: auto; padding: 7vh 4vw; overflow-y: auto; white-space: pre-wrap; font-size: 28px; line-height: 1.65; text-align: center; }
.prompt-only-controls { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.prompt-only-controls button { min-height: 42px; padding: 7px 13px; border: 1px solid #363b45; color: #e9ebef; background: #1b1f27; }
.device-recording-overlay { position: fixed; z-index: 210; inset: 0; overflow: hidden; color: #fff; background: #090c11; }
.device-recording-stage { position: absolute; inset: 0; overflow: hidden; background: radial-gradient(circle at center,#29313c,#0a0d12 72%); }
.device-recording-stage > video { width: 100%; height: 100%; object-fit: contain; background: #000; }
.device-recording-stage.playing-take > video { height: calc(100% - 132px); object-fit: contain; background: #000; }
.device-recording-stage.camera-off.playing-take > video { opacity: 1; }
.device-recording-stage.playing-take .device-recording-prompt { display: none; }
.device-recording-stage.camera-off > video { opacity: 0; }
.device-recording-prompt { position: absolute; z-index: 2; inset: 8% 10% 14%; padding: 18px; overflow-y: auto; white-space: pre-wrap; color: #fff; font-size: 28px; font-weight: 650; line-height: 1.55; text-align: center; text-shadow: 0 2px 8px rgba(0,0,0,.9); background: linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.04)); border-radius: 16px; box-sizing: border-box; }
.device-recording-prompt.teleprompt-active { inset: 0 10% 132px; padding: calc(50dvh - 1em) 18px 42dvh; }
.device-recording-countdown { position: absolute; z-index: 5; inset: 0; display: grid; place-items: center; color: #fff; background: rgba(3,5,8,.6); font-size: min(34vw,180px); font-weight: 900; }
.device-recording-status { position: absolute; z-index: 4; top: 18px; left: 50%; max-width: calc(100% - 100px); display: flex; align-items: center; gap: 9px; transform: translateX(-50%); color: #fff; font-size: .7rem; }
.device-recording-status button { min-height: 34px; padding: 5px 10px; border: 1px solid rgba(255,255,255,.45); color: #fff; background: rgba(46,99,228,.92); font-size: .62rem; font-weight: 800; white-space: nowrap; }
.device-recording-status.permission-guide { width: min(690px,calc(100% - 116px)); max-width: none; padding: 10px 12px; display: grid; grid-template-columns: 172px minmax(0,1fr) auto; gap: 12px; color: #293d70; border: 1px solid #cbd9fd; border-radius: 15px; background: rgba(255,255,255,.97); box-shadow: 0 16px 42px rgba(0,0,0,.28); font-size: .73rem; font-weight: 750; line-height: 1.35; }
.device-recording-status.permission-guide .device-browser-guide { width: 172px; }
.device-recording-status.permission-guide .device-permission-copy { min-width: 0; }
.device-recording-status.permission-guide button { min-height: auto; padding: 0; border: 0; color: #275ce7; background: transparent; font-size: .7rem; text-decoration: underline; }
@media(max-width:760px){.device-recording-status.permission-guide{top:12px;width:min(540px,calc(100% - 92px));grid-template-columns:145px minmax(0,1fr)}.device-recording-status.permission-guide .device-browser-guide{width:145px}.device-recording-status.permission-guide button{grid-column:2;justify-self:start}}
.device-recording-exit { position: absolute; z-index: 7; top: max(12px,env(safe-area-inset-top)); right: 14px; width: 42px; min-height: 42px; padding: 0; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; color: #fff; background: rgba(12,15,20,.62); font-size: 1.4rem; }
.device-recording-footer { position: absolute; z-index: 6; inset: auto 0 0; height: 132px; padding: 9px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); display: grid; grid-template-columns: minmax(95px,1fr) auto minmax(95px,1fr); align-items: start; gap: 10px; background: transparent; border: 0; }
.device-footer-side { position: relative; display: flex; align-items: flex-end; }
.device-footer-right { justify-content: flex-end; }
.device-footer-button { min-height: 46px; padding: 8px 15px; border: 1px solid rgba(255,255,255,.35); border-radius: 14px; color: #fff; background: rgba(18,22,28,.68); font-size: .84rem; font-weight: 850; backdrop-filter: blur(12px); }
.device-takes-button { padding: 7px 8px 7px 11px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; white-space: nowrap; }
.device-takes-button::after { content: "keyboard_arrow_up"; font-family: "Material Symbols Outlined"; font-size: 22px; font-weight: normal; line-height: 1; transition: transform .2s ease; }
.device-takes-button.open::after { content: "keyboard_arrow_down"; animation: device-takes-arrow-bounce .22s ease; }
.device-takes-button .device-takes-arrow { display: none; }
.device-takes-button strong { font-size: .78rem; }
@keyframes device-takes-arrow-bounce { 50% { transform: translateY(3px); } }
.device-record-centre { position: relative; display: grid; justify-items: center; gap: 2px; }
.device-record-button { width: 58px; min-height: 58px; padding: 0; border: 5px solid #fff; border-radius: 50%; background: #ec4154; box-shadow: 0 0 0 3px rgba(255,255,255,.2); }
.device-record-button.stop { border-radius: 16px; background: #ec4154; transform: scale(.82); }
.prompt-play-centre .prompt-play-button { width: 62px; min-height: 62px; border: 0; color: #fff; background: transparent; box-shadow: none; }
.prompt-play-centre .prompt-play-button .material-symbols-outlined { display: block; font-size: 62px; font-variation-settings: "FILL" 1; }
.prompt-play-centre .prompt-play-button:hover:not(:disabled) { color: #a0bbfb; transform: translateY(-2px) scale(1.03); }
.prompt-play-centre .prompt-play-button:active:not(:disabled) { transform: translateY(1px) scale(.97); }
.prompt-play-centre .prompt-play-button:disabled { opacity: .38; }
.prompt-play-centre .device-submit-job { display: block; top: 68px; min-width: 70px; border-radius: 11px; font-size: .72rem; }
.device-record-centre > span { position: absolute; top: 60px; color: #c8ccd3; font-size: .58rem; white-space: nowrap; }
.device-submit-job { position: absolute; top: 66px; min-height: 32px; padding: 5px 12px; border: 0; color: #fff; background: #275ce7; font-size: .62rem; font-weight: 800; white-space: nowrap; }
.device-record-centre > small { position: absolute; top: 101px; width: 220px; color: #ffadad; font-size: .57rem; text-align: center; }
.device-bottom-sheet { position: absolute; bottom: calc(100% + 10px); width: min(340px,calc(100vw - 24px)); max-height: min(62vh,520px); padding: 12px; overflow-y: auto; border: 1px solid #363b45; border-radius: 15px; color: #e9ebef; background: #1b1f27; box-shadow: 0 -14px 45px rgba(0,0,0,.36); }
.text-sheet { left: 0; display: grid; gap: 11px; }
.takes-sheet { right: 0; display: grid; gap: 7px; animation: device-takes-sheet-in .2s ease-out; transform-origin: bottom right; }
@keyframes device-takes-sheet-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
.text-sheet > div, .text-sheet > label { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.text-sheet button, .text-sheet select { min-height: 33px; padding: 5px 9px; border: 1px solid #414650; color: #e9ebef; background: #272c35; }
.text-sheet label input[type="checkbox"] { position: absolute; opacity: 0; }
.text-sheet label i { width: 42px; height: 24px; position: relative; border-radius: 99px; background: #4b515c; }
.text-sheet label i::after { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; transition:.16s; }
.text-sheet label input:checked + i { background:#275ce7; }
.text-sheet label input:checked + i::after { transform:translateX(18px); }
.teleprompt-speed-control { min-width: 190px; display: grid; grid-template-columns: minmax(90px,1fr) 18px auto; align-items: center; gap: 7px; }
.teleprompt-speed-control input[type="range"] { --range-progress: 0%; position: static; width: 100%; min-width: 0; height: 8px; opacity: 1; appearance: none; border: 0; border-radius: 99px; background: linear-gradient(to right,#3a70f3 0 var(--range-progress),#4b505b var(--range-progress) 100%); cursor: pointer; }
.teleprompt-speed-control input[type="range"]::-webkit-slider-thumb { width: 18px; height: 18px; appearance: none; border: 3px solid #3a70f3; border-radius: 50%; background: #fff; box-shadow: 0 2px 7px rgba(0,0,0,.35); }
.teleprompt-speed-control input[type="range"]::-moz-range-thumb { width: 13px; height: 13px; border: 3px solid #3a70f3; border-radius: 50%; background: #fff; box-shadow: 0 2px 7px rgba(0,0,0,.35); }
.teleprompt-speed-control input[type="range"]:focus-visible { outline: 2px solid #8cacfa; outline-offset: 5px; }
.teleprompt-speed-control output { color: #fff; font-size: .65rem; font-weight: 800; text-align: right; }
.text-sheet .teleprompt-speed-try { min-height: 30px; padding: 4px 9px; border-color: rgba(94,139,248,.65); border-radius: 9px; color: #b4c9fc; background: transparent; font-size: .62rem; font-weight: 800; }
.text-sheet .teleprompt-speed-try:hover:not(:disabled) { color: #fff; background: rgba(46,99,228,.25); transform: translateY(-1px); }
.text-sheet .teleprompt-speed-try:disabled { opacity: .4; }
.device-take-row { min-height: 52px; display: grid; grid-template-columns: minmax(0,1fr) 36px 36px; align-items: center; gap: 5px; border-radius: 10px; background: #252a33; }
.device-take-row > button { min-height: 36px; border: 0; color: #e5e7eb; background: transparent; }
.device-take-row > button:first-child { padding: 6px 8px; display: grid; gap: 2px; text-align: left; }
.device-take-row small { color: #949aa5; font-size: .55rem; }
.device-take-row .take-heart { color: #42b47c; font-size: 1.25rem; }
.device-take-row .take-remove { color: #b8bdc6; font-size: 1.1rem; }
.device-take-row .take-remove .material-symbols-outlined { font-size: 21px; }
.device-selected-take { width: min(190px,32vw); min-width: 0; min-height: 46px; margin-right: 7px; padding: 4px; display: grid; grid-template-columns: 30px minmax(0,1fr) 30px; align-items: center; gap: 3px; text-align: left; border: 1px solid #363b45; border-radius: 14px; color: #fff; background: rgba(20,24,31,.78); backdrop-filter: blur(12px); }
.device-selected-take > span { display: grid; gap: 2px; }
.device-selected-take strong, .device-selected-take small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.device-selected-take small { color: #aeb3bc; font-size: .55rem; }
.device-selected-take button { width: 30px; min-height: 36px; padding: 0; border: 0; color: #fff; background: transparent; }
.device-selected-take .selected-take-heart { color: #42b47c; font-size: 1.25rem; }
.device-selected-take .selected-take-close { color: #d8dbe1; font-size: 1.2rem; }
.device-delete-modal { position: fixed; z-index: 220; inset: 0; padding: 18px; display: grid; place-items: center; background: rgba(0,0,0,.68); }
.device-delete-modal > div { width: min(100%,380px); padding: 20px; display: grid; gap: 12px; border-radius: 16px; color: #30343b; background: #fff; }
.device-delete-modal p { margin:0; color:#777d86; font-size:.68rem; }
.device-delete-modal > div > div { display:flex; justify-content:flex-end; gap:7px; }
.device-delete-modal button { min-height:35px; padding:6px 10px; border:1px solid #d9dce2; background:#fff; }
.device-delete-modal button:last-child { color:#fff; border-color:#d83c4f; background:#d83c4f; }
.recording-companion-view { width: 100%; min-height: 100dvh; padding: 22px; display: grid; place-items: center; background: radial-gradient(circle at top,#1e2538,#11141a 55%); }
.companion-card { width: min(100%,560px); padding: 24px; display: grid; gap: 13px; border-radius: 20px; color: #30343b; background: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.34); }
.companion-card > small { color: #275ce7; font-size: .59rem; font-weight: 850; letter-spacing: .1em; }
.companion-card h1, .companion-card h2 { margin: 0; }
.companion-card h2 { color: #666b74; font-size: .88rem; }
.companion-card select { min-height: 38px; padding: 6px 9px; border: 1px solid #d9dce2; border-radius: 9px; }
.companion-controls { display: flex; gap: 7px; }
.companion-controls button, .companion-camera button { min-height: 36px; padding: 6px 10px; border: 1px solid #d9dce2; color: #555a63; background: #fff; }
.companion-guide { max-height: 220px; padding: 12px; overflow-y: auto; white-space: pre-wrap; border-radius: 10px; background: #f3f4f6; font-size: .7rem; line-height: 1.55; }
body.companion-mode .app-command-bar, body.companion-mode .app-nav, body.companion-mode .notification-panel, body.companion-mode .nav-backdrop { display: none !important; }
body.companion-mode .workspace { padding: 0; }
body.companion-mode .canvas-stage { min-height: 100dvh; padding: 0; border-radius: 0; }
.agent-attachment { padding: 7px 9px; border: 1px solid #dedfe5; border-radius: 9px; color: #646973; background: #fff; font-size: .62rem; }
.agent-composer { grid-row: 3; position: relative; z-index: 2; min-width: 0; margin: 0 14px 14px; padding: 10px; display: block; visibility: visible; opacity: 1; border: 1px solid #dedfe5; border-radius: 15px; background: #f8f9fa; box-shadow: 0 -10px 28px rgba(35,38,48,.045); }
.submitted-plan .editor-production-actions { margin-top: 18px; padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 0; border-radius: 12px; color: #3b4e7c; background: #eef2fe; }
.submitted-plan .editor-production-actions strong { color: #2e51a5; font-size: .78rem; }
.submitted-plan .editor-production-actions button { min-height: 38px; padding: 6px 13px 6px 9px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid #2a58c8; border-radius: 11px; color: #fff; background: #2659d3; font-size: .68rem; font-weight: 800; box-shadow: 0 6px 15px rgba(42,76,158,.2); cursor: pointer; transition: transform .16s ease,box-shadow .16s ease; }
.submitted-plan .editor-production-actions button:hover { transform: translateY(-2px); box-shadow: 0 7px 17px rgba(46,99,228,.18); }
.submitted-plan .editor-production-actions button:disabled { opacity: .58; transform: none; }
.submitted-plan .editor-production-actions .material-symbols-outlined { width: 25px; height: 25px; display: grid; place-items: center; overflow: visible; color: #fff; font-size: 23px; line-height: 1; }
.submitted-plan .editor-production-actions button span:last-child { color: #fff; }
.agent-composer textarea { width: 100%; min-height: 58px; padding: 5px; resize: none; border: 0; outline: 0; color: #30333a; background: transparent; font: inherit; font-size: .76rem; }
.agent-composer > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.agent-composer span { overflow: hidden; color: #8b9099; font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.agent-composer button { min-height: 36px; padding: 6px 17px; border: 0; color: #fff; background: #275ce7; }
.agent-composer > .composer-attachment-chips { width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 6px; }
.composer-attachment-chips:empty { display: none; }
.composer-video-list-wrap { position: relative; }
.agent-composer .composer-videos-trigger { min-height: 32px; padding: 5px 11px; border: 1px solid #bcccf3; border-radius: 9px; color: #285ee1; background: #e8eefe; font-size: .63rem; font-weight: 800; transition: transform .16s ease, box-shadow .16s ease; }
.agent-composer .composer-videos-trigger:hover { transform: translateY(-2px); box-shadow: 0 7px 16px rgba(46,99,228,.17); }
.composer-video-menu { position: absolute; z-index: 9; bottom: calc(100% + 7px); left: 0; width: min(310px, calc(100vw - 42px)); padding: 6px; border: 1px solid #dde0e5; border-radius: 12px; color: #343840; background: #fff; box-shadow: 0 14px 40px rgba(27,30,37,.2); }
.composer-video-menu > div { min-height: 38px; padding: 5px 5px 5px 9px; display: grid; grid-template-columns: minmax(0, 1fr) 28px; align-items: center; gap: 8px; border-radius: 8px; }
.composer-video-menu > div:hover { background: #f2f4fa; }
.composer-video-menu span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .65rem; }
.agent-composer .composer-video-menu button { width: 26px; min-height: 26px; padding: 0; border: 0; border-radius: 7px; color: #7b8089; background: #eff0f3; font-size: .9rem; }
.composer-chip { width: auto; max-width: 210px; flex: 0 1 auto; padding: 6px 7px 6px 9px; display: inline-flex; align-items: center; justify-content: flex-start; gap: 6px; border: 1px solid #dddfe5; border-radius: 9px; color: #555a64; background: #fff; font-size: .62rem; }
.composer-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.composer-chip button { width: 20px; min-height: 20px; padding: 0; border-radius: 6px; color: #858a94; background: #f0f1f3; }
.composer-status { min-height: 15px; margin: 0 5px; color: #a4545e; font-size: .61rem; }
.composer-status.missing-footage-hint { color: #77728f; font-weight: 700; text-align: center; }
.composer-actions { display: grid !important; grid-template-columns: minmax(36px, 1fr) auto minmax(81px, 1fr); align-items: center; gap: 9px; }
.composer-attach-action, .composer-centre-actions, .composer-send-actions { min-width: 0; display: flex; align-items: center; gap: 7px; }
.composer-centre-actions { justify-content: center; }
.composer-send-actions { justify-content: flex-end; }
.composer-popover-wrap { position: relative; }
.agent-composer .composer-icon-button { width: 46px; min-height: 46px; padding: 0; display: grid; place-items: center; border: 1px solid #dfe1e6; border-radius: 50%; color: #555b65; background: #fff; font-size: 1rem; }
.agent-composer .composer-icon-button.recording { color: #fff; border-color: #e05261; background: #e05261; animation: voice-pulse 1.2s infinite; }
.agent-composer #voice-note-button.recording { width: 46px; min-width: 46px; padding: 0; }
.agent-composer #voice-note-button .voice-stop-symbol { position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; display: block; border-radius: 3px; background: #fff; transform: translate(-50%,-50%); }
@keyframes voice-pulse { 50% { box-shadow: 0 0 0 5px rgba(224,82,97,.13); } }
.material-symbols-outlined { font-family: "Material Symbols Outlined" !important; font-weight: normal !important; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; }
.agent-composer .preferences-trigger { width: 46px; min-height: 46px; padding: 0; display: grid; place-items: center; overflow: hidden; border: 1px solid #dfe1e6; border-radius: 50%; color: #5c616b; background: #fff; }
.agent-composer .preferences-trigger .material-symbols-outlined, .agent-composer .composer-icon-button .material-symbols-outlined, .agent-composer .send-message-button .material-symbols-outlined { font-size: 29px; }
.agent-composer #voice-note-button { width: 46px; min-height: 46px; }
.composer-popover { position: absolute; z-index: 8; bottom: calc(100% + 9px); left: 0; border: 1px solid #dde0e5; border-radius: 13px; color: #2e3239; background: #fff; box-shadow: 0 16px 46px rgba(27,30,37,.2); }
.attachment-menu { width: 250px; padding: 7px; }
.attachment-menu label, .attachment-menu > button { width: 100%; min-height: 36px; padding: 7px 9px; display: flex; align-items: center; border: 0; border-radius: 8px; color: #3e434c; background: transparent; font-size: .66rem; cursor: pointer; }
.attachment-menu label:hover, .attachment-menu > button:hover { background: #edf0f7; }
.attachment-menu .attachment-menu-option { min-height: 56px; gap: 10px; }
.attachment-menu .attachment-menu-option > .material-symbols-outlined { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; overflow: visible; border-radius: 10px; color: #285ee1; background: #e7edfe; font-size: 22px; line-height: 1; }
.attachment-menu .attachment-menu-option > span:nth-child(2) { min-width: 0; display: grid; gap: 2px; white-space: normal; }
.attachment-menu .attachment-menu-option strong { color: #343842; font-size: .68rem; }
.attachment-menu .attachment-menu-option small { color: #858a94; font-size: .58rem; line-height: 1.35; }
.preferences-popover { width: min(355px, calc(100vw - 34px)); max-height: min(540px, calc(100dvh - 190px)); padding: 14px; overflow-y: auto; }
.agent-composer .preferences-popover { max-height: none; overflow: visible; }
.agent-composer .preferences-popover .production-multi-menu { max-height: 230px; overflow-y: auto; overscroll-behavior: contain; }
.agent-composer .preferences-popover .production-multi-trigger,
.agent-composer .preferences-popover .production-multi-trigger:hover,
.agent-composer .preferences-popover .production-multi-trigger[aria-expanded="true"] { color: #343840; border-color: #dfe1e6; background: #f8f9fa; box-shadow: none; transform: none; }
.agent-composer .preferences-popover .production-multi-menu label:hover { background: transparent; }
.preferences-popover > div:first-child { margin-bottom: 12px; display: grid; gap: 2px; }
.preferences-popover strong { font-size: .78rem; }
.preferences-popover small { color: #8b9099; font-size: .61rem; }
.job-preference-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.job-preference-control { display: grid; gap: 4px; color: #858a93; font-size: .55rem; font-weight: 800; text-transform: uppercase; }
.job-preference-control select { width: 100%; min-width: 0; height: 35px; padding: 0 7px; border: 1px solid #dfe1e6; border-radius: 8px; color: #343840; background: #f8f9fa; font-size: .62rem; text-transform: none; }
.job-preference-control .production-multi-trigger { height: 35px; border-radius: 8px; font-size: .62rem; }
.job-preference-control .production-multi-trigger::after { top: 14px; }
.agent-composer .reset-job-preferences { width: 100%; margin-top: 11px; min-height: 33px; color: #275ce7; background: #e8eefe; font-size: .62rem; }
.agent-composer .submit-job-button { min-height: 38px; padding: 6px 15px; border: 1px solid #275ce7; color: #fff; background: #275ce7; font-size: .64rem; box-shadow: 0 6px 16px rgba(46,99,228,.22); }
.agent-composer .submit-job-button.awaiting-video { opacity: .38; filter: saturate(.35); cursor: not-allowed; box-shadow: none; }
.agent-composer .submit-job-button.awaiting-video:hover { transform: none; box-shadow: none; }
.agent-composer .send-message-button { width: 46px; min-height: 46px; padding: 0; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #275ce7; font-size: 1rem; }
.agent-composer .composer-icon-button, .agent-composer .preferences-trigger, .agent-composer .submit-job-button, .agent-composer .send-message-button { align-items: center; justify-content: center; vertical-align: middle; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease; }
.agent-composer .composer-icon-button:hover, .agent-composer .preferences-trigger:hover, .agent-composer .submit-job-button:hover, .agent-composer .send-message-button:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(35,38,48,.16); }
.agent-composer .composer-icon-button:active, .agent-composer .preferences-trigger:active, .agent-composer .submit-job-button:active, .agent-composer .send-message-button:active { transform: translateY(1px) scale(.97); box-shadow: 0 2px 7px rgba(35,38,48,.12); }
.agent-composer .composer-icon-button:focus-visible, .agent-composer .preferences-trigger:focus-visible, .agent-composer .submit-job-button:focus-visible, .agent-composer .send-message-button:focus-visible { outline: 3px solid rgba(46,99,228,.24); outline-offset: 2px; }
.agent-composer .composer-icon-button .material-symbols-outlined, .agent-composer .preferences-trigger .material-symbols-outlined, .agent-composer .send-message-button .material-symbols-outlined { width: 1em; height: 1em; display: grid; place-items: center; line-height: 1; }
.agent-composer .send-message-button, .agent-composer .send-message-button .material-symbols-outlined { color: #fff !important; }
.job-review-backdrop { position: fixed; z-index: 95; inset: 0; padding: 18px; display: grid; place-items: center; background: rgba(10,12,16,.64); backdrop-filter: blur(8px); }
.job-review-panel { width: min(100%, 560px); max-height: calc(100dvh - 36px); padding: 25px; display: flex; flex-direction: column; border: 1px solid #e0e2e7; border-radius: 20px; color: #292d34; background: #fff; box-shadow: 0 25px 80px rgba(0,0,0,.3); }
.job-review-backdrop.wizard-inline { position: static; z-index: auto; grid-row: 2; min-height: 0; padding: clamp(18px, 4vw, 38px); display: block; overflow-y: auto; background: transparent; backdrop-filter: none; }
.job-review-backdrop.wizard-inline .job-review-panel { width: 100%; max-height: none; min-height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.job-review-backdrop.wizard-inline .job-review-panel > .canvas-kicker { display: none; }
.job-review-backdrop.wizard-inline .job-review-panel h2 { margin: 0 0 16px; font-size: 1.3rem; line-height: 1.2; }
.job-review-backdrop.wizard-inline .job-review-summary { width: min(100%, 760px); max-height: none; overflow-y: visible; overscroll-behavior: auto; }
.job-review-backdrop.wizard-inline .review-main-actions { margin-top: auto; padding: 28px 2px 2px; align-items: center; }
.job-review-backdrop.wizard-inline .review-main-actions button { font-size: .7rem; font-weight: 800; }
.job-review-backdrop.wizard-inline .review-main-actions button:last-child { min-height: 42px; padding: 9px 20px; border-radius: 11px; }
.job-review-panel h2 { margin: 6px 0 16px; font-size: 1.55rem; }
.job-review-summary { min-height: 0; max-height: min(64dvh, 590px); padding: 13px; overflow-y: auto; overscroll-behavior: contain; border-radius: 12px; color: #5c626c; background: #f5f6f8; font-size: .72rem; line-height: 1.55; white-space: pre-wrap; }
.review-customer-summary { margin: 0 0 16px; color: #343840; font-size: .78rem; line-height: 1.65; }
.review-preferences { margin: 0 0 16px; display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; }
.review-preferences dt { color: #8a8f98; }
.review-preferences dd { margin: 0; color: #363a42; font-weight: 700; }
.job-review-summary > strong { display: block; margin: 14px 0 5px; color: #343840; font-size: .65rem; text-transform: uppercase; letter-spacing: .07em; }
.job-review-summary ul { margin: 0; padding-left: 18px; }
.job-submit-status { min-height: 18px; color: #327d52; font-size: .68rem; }
.review-main-actions { display: flex; justify-content: flex-end; gap: 8px; }
.job-review-panel button { min-height: 38px; padding: 7px 13px; border: 1px solid #dfe1e6; color: #4d525b; background: #fff; }
.job-review-panel .wizard-back-button { width: auto; min-width: 0; height: 42px; min-height: 42px; padding: 9px 16px; border: 1px solid #d9dce2; border-radius: 11px; color: #555a63; background: transparent; }
.job-review-panel .wizard-back-button:hover { color: #3255aa; border-color: #b5c7f2; background: #f8faff; }
.review-main-actions button:last-child { color: #fff; border-color: #275ce7; background: #275ce7; }
.review-preference-heading { margin: 2px 0 8px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.review-preference-heading > strong { margin: 0; }
.job-review-panel .review-change-preferences { min-height: 30px; padding: 4px 9px; border: 0; color: #2b5ed9; background: #e8eefe; font-size: .63rem; font-weight: 800; }
.review-preference-helper { display: block; margin: -7px 0 10px; color: #8a8f98; font-size: .62rem; }
.review-preference-controls { margin: 0 0 17px; display: grid; gap: 8px; white-space: normal; }
.review-preference-control { min-width: 0; display: grid; grid-template-columns: minmax(105px, .65fr) minmax(0, 1fr); align-items: center; gap: 9px 14px; }
.review-preference-control > span { color: #858a93; font-size: .56rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.review-preference-control select, .review-preference-control > input { width: 100%; min-width: 0; height: 37px; padding: 0 9px; border: 1px solid #dfe1e6; border-radius: 9px; color: #343840; background: #fff; font-size: .64rem; }
.review-preference-control > input { grid-column: 2; }
.review-preference-control .production-multi-trigger { height: 37px; border-radius: 9px; font-size: .64rem; }
.review-preference-control .production-multi-menu { max-height: 220px; overflow-y: auto; }
.job-review-panel .review-reset-preferences { min-height: 34px; border: 0; color: #2b5ed9; background: #e8eefe; font-size: .63rem; font-weight: 800; }
@media (max-width: 520px) {
  .job-review-backdrop { padding: 9px; }
  .job-review-panel { max-height: calc(100dvh - 18px); padding: 19px 16px; }
  .job-review-summary { max-height: 67dvh; }
  .review-preference-control { grid-template-columns: 90px minmax(0, 1fr); gap: 8px; }
}
.inherited-defaults { padding: 14px; border: 1px solid #e1e3e7; border-radius: 14px; background: #fff; }
.inherited-defaults > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.inherited-defaults > div:first-child > span { display: grid; gap: 2px; }
.inherited-defaults strong { font-size: .76rem; }
.inherited-defaults small { color: #91969f; font-size: .61rem; }
.inherited-defaults button { min-height: 32px; padding: 5px 9px; border: 0; color: #2b5ed9; background: #e8eefe; font-size: .63rem; }
.effective-defaults-list { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 7px; }
.effective-defaults-list span { padding: 6px 9px; border-radius: 999px; color: #575c65; background: #f0f1f3; font-size: .62rem; }
.effective-defaults-list .defaults-empty { color: #92969f; background: transparent; padding-left: 0; }
.job-override-panel { padding: 14px; border: 1px solid #d1ddf9; border-radius: 14px; background: #f8faff; }
.reset-overrides { min-height: 34px; margin-top: 11px; padding: 5px 9px; border: 0; color: #696f78; background: transparent; font-size: .64rem; }
.save-finished-job { min-height: 44px; color: #fff; background: #275ce7; }
.finished-job-status { min-height: 18px; margin: -5px 2px 0; color: #327d52; font-size: .67rem; text-align: center; }
.phone-shell { width: min(100%, 460px); min-height: auto; margin: 0; padding: 24px 18px 28px; border: 1px solid #252d39; border-radius: 26px; background: #0d1117; color: var(--ink); box-shadow: 0 24px 70px rgba(27,31,40,.2); }

.app-nav { position: fixed; z-index: 40; inset: 0 auto 0 0; width: 364px; display: grid; grid-template-columns: 78px minmax(0, 1fr); transform: translateX(-102%); transition: transform .28s cubic-bezier(.22,.75,.25,1); border-right: 1px solid #e3e5e9; background: #fff; box-shadow: 20px 0 55px rgba(20,24,32,.13); }
.app-nav.open { transform: translateX(0); }
.app-nav.home-compact { width: 78px; grid-template-columns: 78px; }
.app-nav.home-compact .nav-detail { display: none; }
.nav-rail { min-height: 0; padding: 14px 9px 12px; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; overflow: hidden; border-right: 1px solid #eceef1; background: #fafafa; }
.rail-top { display: grid; gap: 8px; }
.rail-brand-link{display:grid;place-items:center;box-sizing:border-box;min-height:58px;padding:8px 2px;border-radius:12px;background:transparent}.rail-brand-link img{display:block;width:29px;height:29px;object-fit:contain;transition:transform .16s ease}.rail-brand-link:hover{background:transparent}.rail-brand-link:hover img{transform:translateY(-1px) scale(1.04)}.rail-brand-link:focus-visible{outline:2px solid #275ce7;outline-offset:2px}
.brand-mark { width: 44px; min-height: 44px; margin: 0 auto 13px; display: grid; place-items: center; border: 0; border-radius: 14px; color: #fff; background: linear-gradient(145deg, #376ff5, #5685f8); box-shadow: 0 7px 18px rgba(55,111,245,.25); font-size: 1.05rem; }
.rail-item { min-height: 58px; padding: 8px 2px; display: grid; place-items: center; gap: 3px; border: 0; color: #777d87; background: transparent; font-size: .64rem; font-weight: 700; }
.rail-item .material-symbols-outlined { font-size: 29px; }
.rail-item svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.rail-item:hover, .rail-item.active { color: #285ee1; background: #e8eefe; }
.rail-item.rail-new-recording { color: #fff; background: #275ce7; box-shadow: 0 7px 17px rgba(46,99,228,.24); transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease; }
.rail-item.rail-new-recording:hover { color: #fff; background: #3d71ee; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(46,99,228,.3); }
.rail-item.rail-new-recording:active { transform: translateY(1px) scale(.97); }
.rail-bottom{width:100%;display:grid;align-items:stretch;justify-items:stretch;gap:10px}.rail-bottom .rail-help{width:100%;margin:0}.rail-bottom .rail-profile{justify-self:center}
.profile-trigger { width: 42px; min-height: 42px; margin: 0 auto; border: 2px solid transparent; border-radius: 50%; color: #fff; background: #242833; font-size: .76rem; letter-spacing: .02em; }
.profile-trigger.active { border-color: #5c89f6; box-shadow: 0 0 0 3px #e6edfe; }
.rail-profile { width: 60px; min-height: 42px; margin: 0 auto; padding: 0 7px; border: 2px solid transparent; border-radius: 21px; color: #fff; background: #242833; font-size: .7rem; font-weight: 800; letter-spacing: .01em; }
.rail-profile.signed-in { width: 42px; padding: 0; border-radius: 50%; }
.rail-profile.has-avatar-image,.user-option-avatar.has-avatar-image,.user-account-summary>span.has-avatar-image,.open-nav-icon.has-avatar-image{background-position:center;background-size:cover;background-repeat:no-repeat;color:transparent}
.rail-profile.active { border-color: #5c89f6; box-shadow: 0 0 0 3px #e6edfe; }
.nav-detail { min-width: 0; overflow-y: auto; overscroll-behavior: contain; color: #181b21; background: #fff; scrollbar-width: thin; }
.nav-detail-head { position: sticky; z-index: 2; top: 0; min-height: 91px; padding: 22px 18px 15px 22px; display: flex; align-items: start; justify-content: space-between; background: rgba(255,255,255,.94); backdrop-filter: blur(12px); }
.nav-kicker { color: #9a9fa8; font-size: .58rem; font-weight: 850; letter-spacing: .14em; }
.nav-detail h2 { margin: 3px 0 0; color: #17191f; font-size: 1.35rem; letter-spacing: -.035em; }
.close-nav { min-width: 36px; min-height: 36px; padding: 0; border: 1px solid #e5e7eb; border-radius: 10px; color: #6e737c; background: #fafafa; font-size: 1.45rem; line-height: 1; }
.nav-panel { display: none; min-height: 100%; padding: 22px 18px 24px 22px; }
.nav-panel.active { display: flex; flex-direction: column; animation: panel-in .18s ease-out; }
.home-nav-panel>*{display:none!important}
.nav-panel[data-panel="workspace"] { padding-inline: 10px; }
.nav-panel[data-panel="workspace"] .workspace-heading { padding-inline: 3px; }
@keyframes panel-in { from { opacity: 0; transform: translateX(5px); } }
.panel-intro { margin: 0 0 17px; color: #727781; font-size: .84rem; line-height: 1.55; }
.account-control { margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid #eceef1; }
.account-heading { align-items: center; margin-bottom: 10px; }
.account-heading .panel-intro { margin: 0; }
.account-message { display: block; min-height: 0; padding: 0 8px; color: #92969f; font-size: .63rem; }
.context-trigger { width: 36px; min-height: 36px; padding: 0; display: grid; place-items: center; border: 1px solid transparent; border-radius: 10px; color: #9297a0; background: transparent; font-size: .7rem; letter-spacing: .06em; }
.context-trigger:hover, .context-trigger[aria-expanded="true"] { color: #2b5ed9; border-color: #d0dcf9; background: #ecf2fe; }
.context-menu { position: fixed; z-index: 70; width: 158px; padding: 5px; border: 1px solid #e0e2e7; border-radius: 12px; color: #30333a; background: #fff; box-shadow: 0 14px 38px rgba(25,28,35,.18); }
.context-menu button { width: 100%; min-height: 39px; padding: 7px 9px; display: flex; align-items: center; gap: 9px; border: 0; border-radius: 8px; color: inherit; background: transparent; text-align: left; font-size: .72rem; }
.context-menu button:hover { background: #eff3fe; color: #295cd8; }
.context-menu button:last-child:hover { color: #d34752; background: #fff0f1; }
.context-menu button span { width: 21px; color: #9499a2; text-align: center; }
.context-menu button span:last-child{width:auto;flex:1;color:inherit;text-align:left;white-space:nowrap}

@media (hover: hover) and (pointer: fine) {
  .workspace-accordion-header .context-trigger,
  .accordion-job .context-trigger { opacity: 0; pointer-events: none; transform: translateX(3px); transition: opacity .14s, transform .14s, color .14s, background .14s; }
  .workspace-accordion-header:hover .context-trigger,
  .workspace-accordion-header:focus-within .context-trigger,
  .accordion-job:hover .context-trigger,
  .accordion-job:focus-within .context-trigger,
  .context-trigger[aria-expanded="true"] { opacity: 1; pointer-events: auto; transform: translateX(0); }
}

@media (hover: none), (pointer: coarse) {
  .workspace-accordion-header .context-trigger,
  .accordion-job .context-trigger { opacity: 0; pointer-events: none; transform: translateX(3px); transition: opacity .14s, transform .14s; }
  .workspace-accordion.touch-active > .workspace-accordion-header .context-trigger,
  .accordion-job.touch-active .context-trigger,
  .context-trigger[aria-expanded="true"] { opacity: 1; pointer-events: auto; transform: translateX(0); }
}
.panel-primary { width: 100%; min-height: 72px; padding: 13px; display: flex; align-items: center; gap: 12px; text-align: left; color: #fff; background: linear-gradient(135deg, #275ce7, #487af3); box-shadow: 0 10px 24px rgba(46,99,228,.2); }
.panel-primary-icon { width: 36px; height: 36px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; background: rgba(255,255,255,.17); font-size: 1.3rem; }
.panel-primary span:last-child, .panel-link span:nth-child(2), .job-card span:nth-child(2) { display: grid; gap: 3px; }
.panel-primary small { color: rgba(255,255,255,.72); font-size: .68rem; font-weight: 550; }
.panel-section-title { margin: 25px 2px 9px; color: #9a9fa8; font-size: .63rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.panel-link, .settings-row { width: 100%; min-height: 58px; padding: 10px; display: flex; align-items: center; gap: 10px; text-align: left; border: 0; color: #272a31; background: transparent; }
.panel-link:hover, .settings-row:hover { background: #f2f4fa; }
.panel-link > span:first-child, .settings-row > span:first-child { width: 31px; height: 31px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; color: #275ce7; background: #eaf0fe; }
.panel-link small, .job-card small { color: #92969f; font-size: .67rem; font-weight: 550; }
.panel-link b, .settings-row b { margin-left: auto; color: #b0b3ba; font-size: 1.15rem; }
.soft-card { margin-top: 20px; padding: 16px; display: grid; gap: 5px; border: 1px solid #e7e9ef; border-radius: 15px; background: linear-gradient(145deg, #f8faff, #f5f6f8); }
.soft-card-label { color: #4573e4; font-size: .59rem; font-weight: 850; letter-spacing: .12em; }
.soft-card p { margin: 3px 0 0; color: #777c85; font-size: .75rem; line-height: 1.5; }
.panel-row { display: flex; align-items: start; justify-content: space-between; }
.tiny-action { min-height: 32px; padding: 5px 9px; border: 0; border-radius: 9px; color: #2a5cd6; background: #e8eefe; font-size: .72rem; }
.panel-search { height: 42px; padding: 0 12px; display: flex; align-items: center; gap: 8px; border: 1px solid #e3e5e9; border-radius: 11px; background: #fafafa; }
.panel-search span { color: #999da5; font-size: 1.2rem; }
.panel-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: #22252a; background: transparent; font-size: .78rem; }
.workspace-summary { margin-bottom: 18px; padding: 11px; display: flex; align-items: center; gap: 10px; border: 1px solid #e8e9ed; border-radius: 13px; background: #fafafa; }
.workspace-avatar { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: linear-gradient(145deg, #275ce7, #5884f0); font-size: .78rem; font-weight: 850; }
.workspace-summary > span:last-child { display: grid; gap: 2px; }
.workspace-summary small { color: #989ca5; font-size: .56rem; font-weight: 850; letter-spacing: .1em; }
.workspace-summary strong { color: #292c32; font-size: .77rem; }
.workspace-heading { align-items: center; margin-bottom: 11px; }
.workspace-heading .panel-intro { margin: 0; }
.workspace-list { display: grid; gap: 12px; }
.workspace-accordion { overflow: hidden; border: 0; border-radius: 13px; background: transparent; transition: background .16s; }
.workspace-accordion:hover { background: #f4f6fa; }
.workspace-accordion.expanded { background: #eff2fa; }
.workspace-accordion.selected { background: #e3eafa; }
.workspace-accordion-header { min-height: 59px; padding: 5px 6px 5px 5px; display: grid; grid-template-columns: minmax(0, 1fr) 36px; align-items: center; gap: 3px; border-radius: 13px; }
.workspace-toggle { width: 100%; min-height: 48px; padding: 5px 7px; display: grid; grid-template-columns: 33px minmax(0, 1fr); align-items: center; gap: 9px; text-align: left; border: 0; color: #2b2e35; background: transparent; }
.workspace-toggle > span:first-child { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 9px; color: #275ce7; background: #e8eefe; font-size: .68rem; font-weight: 850; }
.workspace-toggle > span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.workspace-toggle strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .76rem; }
.workspace-toggle small { color: #969ba4; font-size: .61rem; }
.accordion-jobs { margin: 0 7px 7px; padding: 4px 7px 5px 10px; border: 0; border-radius: 11px; background: rgba(255,255,255,.72); }
.accordion-job { min-height: 55px; display: grid; grid-template-columns: minmax(0, 1fr) 36px; align-items: center; border-bottom: 1px solid #eceef1; }
.accordion-job:last-child { border-bottom: 0; }
.accordion-job-main { min-width: 0; min-height: 50px; padding: 7px 5px; display: grid; grid-template-columns: 8px minmax(0, 1fr); align-items: center; gap: 10px; text-align: left; border: 0; color: #353840; background: transparent; }
.accordion-job-main > span:last-child { min-width: 0; display: grid; gap: 3px; }
.accordion-job-main strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .7rem; }
.accordion-job-main small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999da5; font-size: .59rem; }
.job-dot { width: 7px; height: 7px; border-radius: 50%; background: #43ad75; box-shadow: 0 0 0 3px rgba(67,173,117,.13); }
.accordion-empty { padding: 16px 8px; display:flex;flex-direction:column;align-items:center;gap:10px;color: #999da5; font-size: .65rem; text-align: center; }
.accordion-empty-create{min-height:32px;padding:6px 10px;border:1px solid #dadce3;border-radius:9px;color:#275bda;background:#fff;font-size:.62rem;font-weight:800}.accordion-empty-create .material-symbols-outlined{font-size:17px}.accordion-empty-create:hover{transform:translateY(-1px);border-color:#b9c7e9;background:#f6f8ff;box-shadow:0 5px 12px rgba(43,70,135,.1)}
.account-accordion { margin-bottom: 8px; }
.account-options { margin-inline: 7px; }
.account-option .accordion-job-main { grid-template-columns: 29px minmax(0, 1fr); }
.account-option-avatar { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; color: #275ce7; background: #e8eefe; font-size: .6rem; font-weight: 850; }
.workspace-choice { width: 100%; min-height: 52px; padding: 9px 10px; display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 9px; text-align: left; border: 1px solid #e7e8ec; color: #30333a; background: #fff; }
.workspace-choice.active { border-color: #bccdf7; background: #f3f7ff; }
.workspace-choice > span:first-child { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; color: #275ce7; background: #e8eefe; font-size: .65rem; font-weight: 850; }
.workspace-choice > span:nth-child(2) { display: grid; gap: 2px; }
.workspace-choice small { color: #989ca5; font-size: .61rem; font-weight: 550; }
.workspace-choice b { color: #aaaeb6; font-size: .85rem; }
.job-card { width: 100%; min-height: 73px; margin-top: 14px; padding: 9px; display: grid; grid-template-columns: 54px 1fr auto; align-items: center; gap: 10px; text-align: left; border: 1px solid #e8e9ed; color: #272a31; background: #fff; }
.job-card:hover { border-color: #bdcef7; box-shadow: 0 7px 20px rgba(37,39,47,.07); }
.job-thumb { height: 48px; position: relative; overflow: hidden; border-radius: 9px; background: linear-gradient(145deg, #242a35, #11151c); }
.job-thumb i { position: absolute; inset: 12px 17px; border: 2px solid #55bf82; border-radius: 50%; }
.job-card b { align-self: start; color: #a7abb3; font-size: .75rem; letter-spacing: .06em; }
.empty-note { margin-top: 20px; padding: 17px 10px; border-top: 1px solid #eeeef1; text-align: center; color: #a0a4ac; font-size: .71rem; }
.profile-card { padding: 15px; display: flex; align-items: center; gap: 12px; border-radius: 15px; color: #fff; background: #20232b; }
.profile-card > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(145deg, #3d71ef, #5f89f0); font-size: .74rem; font-weight: 800; }
.profile-card div { display: grid; gap: 3px; }
.profile-card small { color: #aeb2bb; font-size: .68rem; }
.settings-row { min-height: 51px; border-bottom: 1px solid #f0f0f2; border-radius: 0; font-size: .79rem; }
.settings-row > span:first-child { color: #6d727b; background: #f2f3f5; }
.profile-spacer { flex: 1; min-height: 40px; }
.nav-panel[data-panel="profile"]{min-height:calc(100dvh - 91px);box-sizing:border-box}.nav-panel[data-panel="profile"]>#signed-in-options{flex:1;margin:16px 0 0;display:flex;flex-direction:column;min-height:0}.nav-panel[data-panel="profile"]>#signed-in-options[hidden]{display:none}.user-options-links{display:grid;gap:5px}.user-options-links button{width:100%;min-height:58px;padding:8px 9px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;border:0;border-radius:11px;color:#30343b;background:transparent;text-align:left}.user-options-links button:hover{color:#275ce7;background:#eef3ff;transform:translateY(-1px)}.user-options-links button>.material-symbols-outlined,.user-option-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#275ce7;background:#e8eefe;font-size:22px}.user-option-avatar{color:#fff;background:#275ce7;font-size:.7rem;font-weight:850}.user-options-links button>span:last-child{min-width:0;display:grid;gap:3px}.user-options-links strong,.user-options-links small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-options-links strong{font-size:.76rem}.user-options-links small{color:#9297a1;font-size:.61rem;font-weight:500}.user-sign-out{width:100%;min-height:42px;margin-top:auto;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d9dce2;border-radius:11px;color:#4d525b;background:#fff;font-weight:800}.user-sign-out:hover{transform:translateY(-2px);border-color:#c9ced8;box-shadow:0 8px 18px rgba(28,31,39,.1)}.user-sign-out .material-symbols-outlined{font-size:19px}
.user-page-view{width:min(calc(100% - 40px),980px);padding:18px 0 42px}.user-settings-card{padding:20px;border:1px solid #e1e3e8;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(31,34,43,.05)}.user-settings-card>header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #eceef1}.user-settings-card>header>.material-symbols-outlined{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:#275ce7;background:#e8eefe}.user-settings-card>header>div{display:grid;gap:3px}.user-settings-card>header strong{font-size:.9rem}.user-settings-card>header small,.user-page-placeholder{color:#7f858f;font-size:.7rem}.user-account-summary{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid #eceef1}.user-account-summary>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:#275ce7;font-weight:850}.user-account-summary>div{display:grid;gap:4px}.user-account-summary strong{font-size:1rem}.user-account-summary small{color:#858a94;font-size:.7rem}.user-detail-list{margin:10px 0 0}.user-detail-list>div{padding:12px 0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:15px;border-bottom:1px solid #eceef1}.user-detail-list dt{color:#858a94;font-size:.68rem}.user-detail-list dd{margin:0;color:#343840;font-size:.73rem;font-weight:700}.user-page-placeholder{margin:16px 0 0}.user-theme-setting{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.user-theme-setting>span{font-size:.72rem;font-weight:750}.theme-toggle{display:inline-flex;padding:3px;border-radius:11px;background:#f0f1f4}.theme-toggle button{min-height:34px;padding:6px 13px;border:0;border-radius:8px;color:#626874;background:transparent;font-weight:750}.theme-toggle button.active{color:#fff;background:#275ce7;box-shadow:0 4px 10px rgba(39,92,231,.2)}html[data-theme="dark"] .user-options-links button{color:#eceef3}html[data-theme="dark"] .user-options-links button:hover{color:#a9c0fb;background:#242b3b}html[data-theme="dark"] .user-sign-out{color:#eceef3;border-color:#41454f;background:#292c33}html[data-theme="dark"] .user-settings-card{color:#eceef3;border-color:#393c45;background:#22242b}html[data-theme="dark"] .user-settings-card>header,html[data-theme="dark"] .user-account-summary,html[data-theme="dark"] .user-detail-list>div{border-color:#393c45}html[data-theme="dark"] .user-detail-list dd{color:#eceef3}html[data-theme="dark"] .theme-toggle{background:#292c33}@media(max-width:620px){.user-page-view{width:calc(100% - 20px)}.user-detail-list>div{grid-template-columns:1fr;gap:4px}}
.muted-row { color: #8d9199; }
.display-setting { margin: 2px 0 8px; padding: 12px; border: 1px solid #ececf0; border-radius: 14px; background: #fafafa; }
.display-setting > div:first-child { display: flex; align-items: center; gap: 10px; }
.display-setting > div:first-child > span:last-child { display: grid; gap: 2px; }
.display-setting strong { color: #292c32; font-size: .78rem; }
.display-setting small { color: #91959e; font-size: .65rem; }
.display-icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; color: #275ce7; background: #e8eefe; }
.theme-switch { margin-top: 12px; padding: 3px; display: grid; grid-template-columns: 1fr 1fr; gap: 3px; border: 1px solid #e1e3e7; border-radius: 11px; background: #edeef1; }
.theme-option { min-height: 34px; padding: 5px 10px; border: 0; border-radius: 8px; color: #737780; background: transparent; font-size: .7rem; }
.theme-option.active { color: #2d59c3; background: #fff; box-shadow: 0 2px 7px rgba(31,34,41,.1); }
.nav-backdrop { position: fixed; z-index: 35; inset: 0; visibility: hidden; opacity: 0; background: rgba(25,28,35,.15); transition: opacity .22s, visibility .22s; }
.nav-backdrop.visible { visibility: visible; opacity: 1; }
.open-nav { position: fixed; z-index: 45; top: 10px; left: 14px; min-height: 44px; padding: 5px 13px 5px 6px; display: flex; align-items: center; gap: 8px; border: 1px solid #dfe1e6; color: #292c32; background: #fff; box-shadow: 0 4px 14px rgba(31,34,41,.09); opacity: 1; transform: translateY(0); transition: opacity .18s, transform .18s; font-size: .76rem; }
.open-nav[hidden] { display: flex !important; pointer-events: none; opacity: 0; transform: translateY(-7px); }
.open-nav-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #275ce7; font-size: .9rem; }
.open-nav-icon.material-symbols-outlined { font-size: 22px; }
.notification-trigger { position: fixed; z-index: 45; top: 10px; right: 14px; width: 44px; min-height: 44px; padding: 0; display: grid; place-items: center; border: 1px solid #dfe1e6; border-radius: 50%; color: #343840; background: #fff; box-shadow: 0 4px 14px rgba(31,34,41,.09); }
.notification-trigger > .material-symbols-outlined { font-size: 27px; }
.notification-trigger:hover, .notification-trigger[aria-expanded="true"] { color: #2a5edb; border-color: #c0cff5; background: #f2f6fe; }
.notification-trigger svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.notification-count { position: absolute; top: -4px; right: -3px; min-width: 19px; height: 19px; padding: 0 5px; display: grid; place-items: center; border: 2px solid #f3f4f6; border-radius: 999px; color: #fff; background: #ed4d67; font-size: .6rem; font-weight: 850; font-variant-numeric: tabular-nums; }
.notification-panel { position: fixed; z-index: 40; top: 0; right: 10px; width: min(390px, calc(100vw - 20px)); max-height: calc(100dvh - 10px); display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e1e3e8; border-radius: 0 0 22px 22px; color: #1b1e24; background: #fff; box-shadow: 0 22px 65px rgba(23,27,35,.18); transform: translateY(calc(-100% - 20px)); visibility: hidden; transition: transform .3s cubic-bezier(.22,.75,.25,1), visibility .3s; }
.notification-panel.open { transform: translateY(0); visibility: visible; }
.notification-head { min-height: 82px; padding: 20px 68px 14px 21px; display: flex; align-items: start; justify-content: space-between; flex: 0 0 auto; border-bottom: 1px solid #edeef1; }
.notification-head h2 { margin: 3px 0 0; color: #17191f; font-size: 1.35rem; letter-spacing: -.035em; }
.notification-scroll { min-height: 0; padding: 12px 13px 25px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.notification-tools { min-height: 39px; padding: 2px 7px 8px; display: flex; align-items: center; justify-content: space-between; font-size: .78rem; }
.notification-tools button { min-height: 30px; padding: 4px 8px; border: 0; color: #275ce7; background: transparent; font-size: .68rem; }
.notification-swipe-row { position: relative; overflow: hidden; border-bottom: 1px solid #eff0f2; border-radius: 12px; background: transparent; transition: opacity .2s ease, max-height .22s ease, margin .22s ease; max-height: 140px; }
.notification-item { position: relative; z-index: 1; padding: 14px 10px; display: grid; grid-template-columns: 38px 1fr; gap: 11px; border-radius: 12px; background: #fff; touch-action: pan-y; user-select: none; transition: transform .2s cubic-bezier(.22,.75,.25,1), background .15s ease; }
.notification-item.actionable { cursor: pointer; }
.notification-swipe-row.swiped .notification-item { transform: translateX(-88px); }
.notification-swipe-row.dragging .notification-item { transition: none; }
.notification-delete { position: absolute; z-index: 0; inset: 0 0 0 auto; width: 88px; padding: 8px; display: grid; place-content: center; justify-items: center; gap: 2px; border: 0; border-radius: 0; color: #fff; background: #df4957; font-size: .65rem; font-weight: 800; opacity: 0; visibility: hidden; transition: opacity .12s ease, visibility .12s; }
.notification-swipe-row.swiped .notification-delete,.notification-swipe-row.dragging .notification-delete { opacity: 1; visibility: visible; }
.notification-delete .material-symbols-outlined { font-size: 21px; }
.notification-delete:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
.notification-swipe-row.deleting { opacity: .55; pointer-events: none; }
.notification-swipe-row.deleted { max-height: 0; margin: 0; opacity: 0; }
body:has(#notification-panel.open) .creation-help { display: none !important; }
.notification-item:hover { background: #f6f8fa; }
.notification-item.unread::after { content: ""; position: absolute; top: 18px; right: 9px; width: 6px; height: 6px; border-radius: 50%; background: #3166e5; }
.notification-symbol { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; font-size: .8rem; font-weight: 850; }
.notification-symbol.purple { color: #2a5edb; background: #e7edfe; }
.notification-symbol.green { color: #2f8053; background: #e8f6ee; }
.notification-symbol.amber { color: #aa6a13; background: #fff2dc; }
.notification-symbol.slate { color: #626873; background: #eceef1; }
.notification-item div { min-width: 0; padding-right: 10px; display: grid; gap: 4px; }
.notification-item strong { color: #262930; font-size: .77rem; line-height: 1.35; }
.notification-item p { margin: 0; color: #7b8089; font-size: .7rem; line-height: 1.45; }
.notification-item time { color: #a0a4ac; font-size: .62rem; }
.notification-date { padding: 20px 8px 6px; color: #a0a4ac; font-size: .59rem; font-weight: 850; letter-spacing: .12em; }
.notification-end { padding: 24px 10px 5px; text-align: center; color: #a2a6ae; font-size: .68rem; }

html[data-theme="light"] { color-scheme: light; }
html[data-theme="light"] .phone-shell { --ink: #171a20; --muted: #707681; --panel: #f4f5f7; --line: #dfe2e7; --accent: #275ce7; --accent-dark: #eaf0fe; --danger: #e44752; color: var(--ink); background: #fff; border-color: #e0e2e7; }
html[data-theme="light"] .phone-shell .app-header { color: #171a20; }
html[data-theme="light"] .phone-shell .stage { border-color: #292f38; }
html[data-theme="light"] .phone-shell .primary { color: #fff; }
html[data-theme="light"] .phone-shell .fallback { background: #f5f6f8; }
html[data-theme="light"] .phone-shell .file-button { color: #22262d; background: #eceef2; }

html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] body { color: #edf0f5; background: #111319; }
html[data-theme="dark"] .app-command-bar { border-color: #2a2d35; background: #181a20; box-shadow: 0 2px 12px rgba(0,0,0,.2); }
html[data-theme="dark"] .workspace { background-color: #15171c; background-image: radial-gradient(#343740 .75px, transparent .75px); }
html[data-theme="dark"] .canvas-topbar { color: #f2f3f6; }
html[data-theme="dark"] .canvas-kicker { color: #858a94; }
html[data-theme="dark"] .saved-state { color: #a5aab3; border-color: #343740; background: rgba(28,30,37,.82); }
html[data-theme="dark"] .canvas-stage { background: transparent; }
html[data-theme="dark"] .workspace-switcher-trigger, html[data-theme="dark"] .workspace-switcher-menu { color: #eceef3; border-color: #393c45; background: #202229; }
html[data-theme="dark"] .workspace-switcher-trigger:hover, html[data-theme="dark"] .workspace-switcher-trigger[aria-expanded="true"] { border-color: #444f6a; background: #282531; }
html[data-theme="dark"] .switcher-account-row { border-color: #343740; }
html[data-theme="dark"] .switcher-account-row button, html[data-theme="dark"] .switcher-workspace.active { color: #9db8fb; background: #242b3b; }
html[data-theme="dark"] .switcher-account-row .header-account-options-trigger { color: #9db8fb; background: transparent; }
html[data-theme="dark"] .switcher-account-row .header-account-options-trigger:hover, html[data-theme="dark"] .switcher-account-row .header-account-options-trigger[aria-expanded="true"] { border-color: #444f6a; background: #242b3b; }
html[data-theme="dark"] .switcher-workspace { color: #e3e5ea; }
html[data-theme="dark"] .switcher-workspace:hover { background: #292b32; }
html[data-theme="dark"] .home-canvas h2 { color: #f1f2f5; }
html[data-theme="dark"] .home-canvas p { color: #9da2ac; }
html[data-theme="dark"] .editor-job-card { border-color: #373946; background: rgba(31,32,40,.96); }
html[data-theme="dark"] .editor-job-card strong { color: #eff1f6; }
html[data-theme="dark"] .live-notification-toast { color: #e7edfe; border-color: #3d4b6d; background: #282631; }
html[data-theme="dark"] .live-notification-toast.has-action button{color:#9bb5ff}
html[data-theme="dark"] .toast-microphone-guide{border-color:#4a5161;background:#20232b}
html[data-theme="dark"] .toast-example-url{color:#d8dce5}
@media(max-width:620px){.live-notification-toast.has-visual{grid-template-columns:145px minmax(0,1fr);}.live-notification-toast.has-visual>button{grid-column:2;justify-self:start}.toast-microphone-guide{width:145px}.toast-example-url{font-size:11px}}
html[data-theme="dark"] .upload-progress-toast{color:#e7edfe;border-color:#3d4b6d;background:#282631}html[data-theme="dark"] .upload-progress-toast span{color:#aaa4b8}html[data-theme="dark"] .upload-progress-toast div{background:#45404f}
html[data-theme="dark"] .editor-delivery-panel{color:#eef1f9;background:#24232b}html[data-theme="dark"] .editor-delivery-panel input[type=file],html[data-theme="dark"] .editor-delivery-panel textarea{color:#eef1f9;border-color:#514d5d;background:#302e38}
html[data-theme="dark"] .create-video-context { border-color: #343740; background: rgba(29,31,38,.94); }
html[data-theme="dark"] .create-video-heading { color: #eff0f4; }
html[data-theme="dark"] .create-video-context select { color: #eceef3; border-color: #3b3e47; background-color: #24262d; }
html[data-theme="dark"] .create-video-context select option { color: #eceef3; background: #24262d; }
html[data-theme="dark"] .creation-modal { color: #eff0f4; border-color: #363942; background: #1d1f25; }
html[data-theme="dark"] .creation-modal-close { color: #adb1b9; border-color: #3a3d45; background: #25272e; }
html[data-theme="dark"] .creation-modal-placeholder { color: #9ca1aa; border-color: #3b3e47; background: #181a1f; }
html[data-theme="dark"] .settings-page-head h1 { color: #f0f1f4; }
html[data-theme="dark"] .settings-page-head p { color: #9ca1aa; }
html[data-theme="dark"] .settings-back { color: #d9dce2; border-color: #393c45; background: #202229; }
html[data-theme="dark"] .workspace-setting-card { color: #e9ebef; border-color: #363942; background: rgba(31,33,40,.94); box-shadow: 0 8px 24px rgba(0,0,0,.16); }
html[data-theme="dark"] .workspace-setting-card textarea { color: #eceef3; border-color: #3a3d45; background: #181a1f; }
html[data-theme="dark"] .production-control select { color: #eceef3; border-color: #3a3d45; background-color: #181a1f; }
html[data-theme="dark"] .production-control select option { color: #eceef3; background: #202229; }
html[data-theme="dark"] .production-multi-trigger { color: #eceef3; border-color: #3a3d45; background: #181a1f; }
html[data-theme="dark"] .production-multi-menu { color: #e1e3e8; border-color: #3a3d45; background: #22242b; }
html[data-theme="dark"] .production-multi-menu label:hover { background: #30323a; }
html[data-theme="dark"] .finished-upload, html[data-theme="dark"] .inherited-defaults { border-color: #3b3e47; background: #181a1f; }
html[data-theme="dark"] .agent-conversation-shell { border-color: #343740; background: rgba(29,31,38,.96); }
html[data-theme="dark"] .new-agent-activity{color:#9db7ff;border-color:#454a56;background:#252830;box-shadow:0 7px 20px rgba(0,0,0,.35)}
html[data-theme="dark"] .creation-wizard-nav { border-color: #343740; background: rgba(29,31,38,.98); }
html[data-theme="dark"] .creation-wizard-stage .agent-message > p { color: #eceef3; }
html[data-theme="dark"] .wizard-back-button,html[data-theme="dark"] .job-review-panel .wizard-back-button { color: #d9dce2; border-color: #454852; background: transparent; }
html[data-theme="dark"] .wizard-back-button:hover,html[data-theme="dark"] .job-review-panel .wizard-back-button:hover { color: #b6cafc; border-color: #4c6192; background: #292733; }
html[data-theme="dark"] .agent-message p { color: #e2e4e9; background: #292c33; }
html[data-theme="dark"] .idea-milestone { color: #b6cafc; background: #2b3349; }
html[data-theme="dark"] .agent-message.user p { color: #fff; background: #275ce7; }
html[data-theme="dark"] .edit-action-choice span, html[data-theme="dark"] .edit-action-other { color: #d9dce2; border-color: #3b3e47; background: #22252b; }
html[data-theme="dark"] .edit-action-section legend { color: #999ea8; }
html[data-theme="dark"] .edit-action-choice input:checked + span { color: #b0c6fc; border-color: #3e4964; background: #242b3b; }
html[data-theme="dark"] .idea-supporting-input, html[data-theme="dark"] .idea-editor-panel { border-color: #3b3e47; background: #22252b; }
html[data-theme="dark"] .idea-supporting-input > strong, html[data-theme="dark"] .idea-card > strong { color: #eceef3; }
html[data-theme="dark"] .idea-supporting-input input, html[data-theme="dark"] .idea-editor-panel textarea, html[data-theme="dark"] .idea-talking-points textarea { color: #eceef3; border-color: #3b3e47; background: #181a1f; }
html[data-theme="dark"] .idea-card { border-color: #3b3e47; background: #22252b; }
html[data-theme="dark"] .agent-message .idea-card > p { color: #c9ccd3; background: transparent; }
html[data-theme="dark"] .idea-editor-actions button { color: #d9dce2; border-color: #3b3e47; background: #292c33; }
html[data-theme="dark"] .idea-editor-actions button:last-child { color: #fff; border-color: #4375ed; background: #275ce7; }
html[data-theme="dark"] .selected-idea-summary > .idea-editor-actions button:first-child, html[data-theme="dark"] .idea-manual-edit .idea-editor-actions button:first-child { color: #fff; border-color: #4375ed; background: #275ce7; }
html[data-theme="dark"] .selected-idea-summary > .idea-editor-actions button:last-child, html[data-theme="dark"] .idea-manual-edit .idea-editor-actions button:last-child { color: #d9dce2; border-color: #3b3e47; background: #292c33; }
html[data-theme="dark"] .idea-editor-actions.content-edit-actions button,html[data-theme="dark"] .idea-editor-actions.content-edit-actions button:last-child { color: #d9dce2; border-color: #3b3e47; background: #292c33; }
html[data-theme="dark"] .selected-idea-summary, html[data-theme="dark"] .idea-content-card { border-color: #3b3e47; background: #22252b; }
html[data-theme="dark"] .idea-own-direction { border-color: #3b3e47; background: #22252b; }
html[data-theme="dark"] .idea-route-tabs { border-color: #3b3e47; }
html[data-theme="dark"] .idea-route-tabs button { color: #b9bdc7; }
html[data-theme="dark"] .idea-route-tabs button.selected { color: #7a9ff9; }
html[data-theme="dark"] .idea-own-direction strong { color: #f0f1f4; }
html[data-theme="dark"] .idea-own-direction textarea { border-color: #3b3e47; color: #e2e4e9; background: #191c22; }
html[data-theme="dark"] .selected-idea-summary span, html[data-theme="dark"] .idea-content-display span { color: #e2e4e9; }
html[data-theme="dark"] .idea-content-display, html[data-theme="dark"] .idea-format-choices button { color: #e7e9ed; border-color: #3b3e47; background: #181a1f; }
html[data-theme="dark"] .idea-format-choices button:hover { border-color: #3e4964; background: #1b202b; }
html[data-theme="dark"] .idea-refinement-control select,html[data-theme="dark"] .idea-refinement-control input, html[data-theme="dark"] .idea-manual-edit textarea, html[data-theme="dark"] .idea-rewrite-panel input { color: #eceef3; border-color: #3b3e47; background: #181a1f; }
html[data-theme="dark"] .idea-rewrite-panel { border-color: #3e4964; background: #1b202b; }
html[data-theme="dark"] .idea-rewrite-chips button { color: #b0c6fc; border-color: #3e4964; background: #242b3b; }
html[data-theme="dark"] .idea-rewrite-panel .idea-editor-actions button:first-child { color: #fff; border-color: #4375ed; background: #275ce7; }
html[data-theme="dark"] .idea-rewrite-panel .idea-editor-actions button:last-child { color: #d9dce2; border-color: #3b3e47; background: #292c33; }
html[data-theme="dark"] .idea-final-actions { border-color: #3b3e47; }
html[data-theme="dark"] .idea-final-actions button { color: #d9dce2; border-color: #3b3e47; background: #292c33; }
html[data-theme="dark"] .idea-final-actions button:last-child { color: #fff; border-color: #4375ed; background: #275ce7; }
html[data-theme="dark"] .idea-history-actions button, html[data-theme="dark"] .idea-back-action { color: #b0c6fc; border-color: #3e4964; background: #242b3b; }
html[data-theme="dark"] .idea-back-action { border-color: transparent; background: transparent; }
html[data-theme="dark"] .idea-format-choices button.current { border-color: #275ce7; background: #242b3b; }
html[data-theme="dark"] .content-format-card { color:#e7e9ed; border-color:#3b3e47; background:#181a1f; }
html[data-theme="dark"] .content-format-card-script,
html[data-theme="dark"] .content-format-card-talking { border-color:#355ba9; background:#1c2230; }
html[data-theme="dark"] .content-format-card > strong { color:#f0f2f7; }
html[data-theme="dark"] .content-format-card .pre-script-settings { border-top-color:#35415d; }
html[data-theme="dark"] .idea-angle-rewrite { border-color: #3b3e47; }
html[data-theme="dark"] .idea-angle-rewrite input { color: #eceef3; border-color: #3b3e47; background: #181a1f; }
html[data-theme="dark"] .idea-voice-button { color: #d7dae0; border-color: #3c3f48; background: #25272e; }
html[data-theme="dark"] .recording-inline-panel, html[data-theme="dark"] .recording-session-panel, html[data-theme="dark"] .recording-upload-panel, html[data-theme="dark"] .recording-summary-panel { border-color: #3b3e47; background: #22252b; }
html[data-theme="dark"] .recording-guide-preview, html[data-theme="dark"] .recording-take-list > div, html[data-theme="dark"] .recording-upload-list > div { color: #e2e4e9; background: #181a1f; }
html[data-theme="dark"] .recording-method-choices button, html[data-theme="dark"] .recording-prompt-controls button, html[data-theme="dark"] .recording-live-controls button { color: #e2e4e9; border-color: #3b3e47; background: #22252b; }
html[data-theme="dark"] .recording-method-choices button:hover { border-color: #4c6192; background: #292733; }
html[data-theme="dark"] .recording-method-choices strong { color: #eaeef6; }
html[data-theme="dark"] .recording-method-choices span { color: #aaa7b4; }
html[data-theme="dark"] .recording-method-choices strong > .material-symbols-outlined { color: #6792f9; }
html[data-theme="dark"] .wizard-footage-list { color: #d8d6df; border-color: #3b3e47; background: #24262d; }
html[data-theme="dark"] .wizard-footage-list > strong { color: #c4c1cd; }
html[data-theme="dark"] .wizard-footage-list > div { color: #b6cafc; border-color: #3e4b6a; background: #252d3f; }
html[data-theme="dark"] .wizard-footage-list > div button { color: #c3c9d8; background: #3c3945; }
html[data-theme="dark"] .wizard-footage-list > div button:hover { color: #fff; background: #504a5e; }
html[data-theme="dark"] .wizard-footage-actions .wizard-footage-review { color: #fff; background: #275ce7; }
html[data-theme="dark"] .wizard-footage-actions .wizard-footage-review:hover { color: #fff; background: #4576ee; }
html[data-theme="dark"] .finished-upload.modal-upload-recording { color: #e5e8f0; border-color: #3b3e47; background: #24262d; }
html[data-theme="dark"] .finished-upload.modal-upload-recording:hover { border-color: #4c6192; background: #292733; }
html[data-theme="dark"] .finished-upload.modal-upload-recording strong { color: #eaeef6; }
html[data-theme="dark"] .finished-upload.modal-upload-recording small,html[data-theme="dark"] .finished-video-file-status { color: #aaa7b4; }
html[data-theme="dark"] .agent-attachment { color: #c9ccd3; border-color: #3b3e47; background: #23252c; }
html[data-theme="dark"] .agent-composer { border-color: #393c45; background: #181a1f; }
html[data-theme="dark"] .submitted-plan .editor-production-actions { color: #c2d3fc; background: #1f2533; }
html[data-theme="dark"] .submitted-plan .editor-production-actions strong { color: #c2d3fc; }
html[data-theme="dark"] .submitted-plan .editor-production-actions button { color: #fff; border-color: #4677ee; background: #275ce7; }
html[data-theme="dark"] .submitted-plan .editor-production-actions .material-symbols-outlined,html[data-theme="dark"] .submitted-plan .editor-production-actions button span:last-child { color: #fff; }
html[data-theme="dark"] .agent-composer textarea { color: #eceef3; }
html[data-theme="dark"] .composer-chip, html[data-theme="dark"] .composer-popover, html[data-theme="dark"] .job-review-panel { color: #e7e9ed; border-color: #3a3d46; background: #22242b; }
html[data-theme="dark"] .composer-video-menu { color: #e7e9ed; border-color: #3a3d46; background: #22242b; }
html[data-theme="dark"] .composer-video-menu > div:hover { background: #2d3037; }
html[data-theme="dark"] .agent-composer .composer-videos-trigger { color: #b0c6fc; border-color: #3e4964; background: #242b3b; }
html[data-theme="dark"] .composer-chip button { color: #b1b5bd; background: #30333b; }
html[data-theme="dark"] .agent-composer .composer-icon-button, html[data-theme="dark"] .agent-composer .preferences-trigger { color: #d7dae0; border-color: #3c3f48; background: #25272e; }
html[data-theme="dark"] .agent-composer .preferences-popover .production-multi-trigger,
html[data-theme="dark"] .agent-composer .preferences-popover .production-multi-trigger:hover,
html[data-theme="dark"] .agent-composer .preferences-popover .production-multi-trigger[aria-expanded="true"] { color: #eceef3; border-color: #3a3d45; background: #181a1f; box-shadow: none; }
html[data-theme="dark"] .agent-composer .submit-job-button { color: #fff; border-color: #4375ed; background: #275ce7; }
html[data-theme="dark"] .attachment-menu label, html[data-theme="dark"] .attachment-menu > button { color: #dfe1e6; }
html[data-theme="dark"] .attachment-menu label:hover, html[data-theme="dark"] .attachment-menu > button:hover { background: #30323a; }
html[data-theme="dark"] .attachment-menu .attachment-menu-option > .material-symbols-outlined { color: #b6cafc; background: #283042; }
html[data-theme="dark"] .attachment-menu .attachment-menu-option strong { color: #f0f1f4; }
html[data-theme="dark"] .job-preference-control select { color: #e9ebef; border-color: #3b3e47; background: #181a1f; }
html[data-theme="dark"] .job-review-summary { color: #c8cbd2; background: #181a1f; }
html[data-theme="dark"] .review-customer-summary, html[data-theme="dark"] .review-preferences dd, html[data-theme="dark"] .job-review-summary > strong { color: #e3e5ea; }
html[data-theme="dark"] .review-preference-control select, html[data-theme="dark"] .review-preference-control > input { color: #e9ebef; border-color: #3b3e47; background: #181a1f; }
html[data-theme="dark"] .job-review-panel .review-change-preferences, html[data-theme="dark"] .job-review-panel .review-reset-preferences { color: #b0c6fc; background: #242b3b; }
html[data-theme="dark"] .job-override-panel { border-color: #3e4964; background: #1b202b; }
html[data-theme="dark"] .effective-defaults-list span { color: #cfd2d8; background: #30333a; }
html[data-theme="dark"] .open-nav, html[data-theme="dark"] .notification-trigger { color: #e8eaf0; border-color: #343740; background: #202229; box-shadow: 0 4px 14px rgba(0,0,0,.24); }
html[data-theme="dark"] .notification-trigger:hover, html[data-theme="dark"] .notification-trigger[aria-expanded="true"] { color: #88a9fa; border-color: #435175; background: #1f2430; }
html[data-theme="dark"] .notification-count { border-color: #181a20; }
html[data-theme="dark"] .app-nav { border-color: #2c2f36; background: #191b21; box-shadow: 20px 0 55px rgba(0,0,0,.35); }
html[data-theme="dark"] .nav-rail { border-color: #2c2f36; background: #15171c; }
html[data-theme="dark"] .rail-item { color: #9499a3; }
html[data-theme="dark"] .rail-item:hover, html[data-theme="dark"] .rail-item.active { color: #8cacfa; background: #1f2533; }
html[data-theme="dark"] .rail-item.rail-new-recording, html[data-theme="dark"] .rail-item.rail-new-recording:hover { color: #fff; background: #275ce7; }
html[data-theme="dark"] .nav-detail, html[data-theme="dark"] .nav-detail-head { color: #eceef3; background: rgba(27,29,35,.97); }
html[data-theme="dark"] .nav-detail h2, html[data-theme="dark"] .display-setting strong { color: #f1f2f5; }
html[data-theme="dark"] .close-nav { color: #a8adb6; border-color: #383b44; background: #24262d; }
html[data-theme="dark"] .panel-intro, html[data-theme="dark"] .soft-card p { color: #9da2ac; }
html[data-theme="dark"] .account-control { border-color: #30333a; }
html[data-theme="dark"] .context-menu { color: #e6e8ed; border-color: #393c45; background: #22242b; }
html[data-theme="dark"] .context-trigger:hover, html[data-theme="dark"] .context-trigger[aria-expanded="true"] { color: #99b6fb; border-color: #424f6e; background: #1f2430; }
html[data-theme="dark"] .context-menu button:hover { background: #212734; color: #9db8fb; }
html[data-theme="dark"] .context-menu button:last-child:hover { color: #ff8c95; background: #382227; }
html[data-theme="dark"] .panel-link, html[data-theme="dark"] .settings-row, html[data-theme="dark"] .job-card { color: #e5e7eb; }
html[data-theme="dark"] .panel-link:hover, html[data-theme="dark"] .settings-row:hover { background: #23252c; }
html[data-theme="dark"] .soft-card, html[data-theme="dark"] .display-setting { border-color: #333640; background: linear-gradient(145deg, #24222d, #202229); }
html[data-theme="dark"] .panel-search { border-color: #363943; background: #22242b; }
html[data-theme="dark"] .panel-search input { color: #eceef3; }
html[data-theme="dark"] .job-card, html[data-theme="dark"] .workspace-summary { border-color: #353841; background: #202229; }
html[data-theme="dark"] .workspace-summary strong { color: #f0f1f4; }
html[data-theme="dark"] .workspace-choice { color: #e9ebef; border-color: #353841; background: #202229; }
html[data-theme="dark"] .workspace-choice.active { border-color: #46567b; background: #1f2430; }
html[data-theme="dark"] .workspace-accordion { background: transparent; }
html[data-theme="dark"] .workspace-accordion:hover { background: #22242b; }
html[data-theme="dark"] .workspace-accordion.expanded { background: #26232f; }
html[data-theme="dark"] .workspace-accordion.selected { background: #242b3b; }
html[data-theme="dark"] .workspace-toggle, html[data-theme="dark"] .accordion-job-main { color: #e9ebef; }
html[data-theme="dark"] .accordion-jobs { background: rgba(20,22,27,.68); }
html[data-theme="dark"] .accordion-job { border-color: #30333a; }
html[data-theme="dark"] .accordion-empty-create{color:#afc5fc;border-color:#444852;background:#25282f}
html[data-theme="dark"] .empty-note, html[data-theme="dark"] .settings-row { border-color: #30333a; }
html[data-theme="dark"] .theme-switch { border-color: #393c45; background: #14161b; }
html[data-theme="dark"] .theme-option { color: #9297a1; }
html[data-theme="dark"] .theme-option.active { color: #afc5fc; background: #34303f; box-shadow: 0 2px 7px rgba(0,0,0,.25); }
html[data-theme="dark"] .notification-panel { color: #edf0f4; border-color: #30333b; background: #1b1d23; box-shadow: 0 22px 65px rgba(0,0,0,.4); }
html[data-theme="dark"] .notification-head { border-color: #30333a; }
html[data-theme="dark"] .notification-head h2, html[data-theme="dark"] .notification-item strong { color: #f0f1f4; }
html[data-theme="dark"] .notification-item { border-color: #2e3138; }
html[data-theme="dark"] .notification-item:hover { background: #23252c; }
html[data-theme="dark"] .notification-item p { color: #a0a5ae; }
html[data-theme="dark"] .notification-swipe-row { border-color: #2e3138; }
html[data-theme="dark"] .notification-item { background: #1b1d23; }

@media (max-width: 700px) {
  .app-nav { width: min(92vw, 364px); }
  .app-nav.home-compact { width: 78px; }
  .workspace { padding: 64px 0 0; }
  .canvas-topbar { top: 7px; right: 68px; }
  .canvas-stage { min-height: calc(100dvh - 64px); padding: 10px 8px 18px; border-radius: 0; }
  .workspace-switcher-trigger { min-width: 180px; }
  .home-canvas { min-height: calc(100dvh - 116px); padding: 8px 18px 28px; }
  .editor-home-content { width: 100%; }
  .editor-job-card { align-items: flex-start; flex-direction: column; }
  .editor-job-card button { width: 100%; margin-left: 0; }
  .create-video-context { grid-template-columns: 1fr 1fr; }
  .create-video-heading { grid-column: 1 / -1; }
  .creation-chooser { min-height: calc(100dvh - 164px); padding-inline: 12px; border-radius: 16px; }
  .creation-options { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(210px, 72vw); overflow-x: auto; scroll-snap-type: x mandatory; padding: 2px 2px 10px; }
  .creation-option { scroll-snap-align: start; }
  .creation-prompt { min-height: 150px; }
  .workspace-settings-view { width: calc(100% - 20px); padding-top: 10px; }
  .video-agent-view { width: calc(100% - 20px); height: max(210px, calc(100dvh - 152px)); }
  .agent-conversation-shell { border-radius: 16px; }
  .agent-message { width: 90%; }
  .idea-cards { grid-template-columns: 1fr; }
  .idea-format-choices, .idea-refinement-controls { grid-template-columns: 1fr; }
  .recording-method-choices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .recording-take-list > div { align-items: flex-start; flex-direction: column; }
  .recording-companion-view { padding: 9px; }
  .companion-card { padding: 18px; }
  .composer-actions { grid-template-columns: minmax(99px, 1fr) auto minmax(99px, 1fr); align-items: center; gap: 5px; }
  .composer-centre-actions { min-width: 0; }
  .job-preference-controls { grid-template-columns: 1fr; }
  .settings-page-head { grid-template-columns: 1fr auto; }
  .settings-page-head > div { grid-column: 1 / -1; grid-row: 2; }
  .settings-back { grid-column: 1; grid-row: 1; justify-self: start; }
  .settings-save { grid-column: 2; grid-row: 1; }
  .workspace-setting-grid { grid-template-columns: 1fr; }
  .production-controls { grid-template-columns: 1fr; }
  .phone-shell { border-radius: 20px; }
  .notification-panel { top: 64px; right: 0; width: 100%; max-height: calc(100dvh - 64px); border-width: 0 0 1px; border-radius: 0 0 22px 22px; }
  .open-nav { width: 44px; padding: 6px; border-radius: 14px; }
  #open-nav-label { display: none; }
}
.submission-pending::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.55rem;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;vertical-align:-.15em;animation:submission-spin .7s linear infinite}
@keyframes submission-spin{to{transform:rotate(360deg)}}
.editor-upload-footage{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:10px 14px;border:0;border-radius:11px;color:#fff;background:#275ce7;font-weight:750}.editor-upload-footage .material-symbols-outlined{font-size:22px}.editor-delivery-backdrop{position:fixed;z-index:1300;inset:0;display:grid;place-items:center;padding:20px;background:rgba(20,22,29,.7)}.editor-delivery-panel{width:min(520px,100%);max-height:min(720px,calc(100vh - 40px));overflow:auto;padding:26px;border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.35)}.editor-delivery-panel h2{margin:7px 0}.editor-delivery-panel>p{color:#777184}.editor-delivery-panel input[type=file]{width:100%;margin:15px 0;padding:14px;border:1px dashed #bdc5d9;border-radius:12px}.editor-delivery-panel textarea{box-sizing:border-box;width:100%;margin-top:14px;padding:13px;border:1px solid #ced4e0;border-radius:12px;resize:vertical}.editor-delivery-files{display:flex;flex-wrap:wrap;gap:7px}.editor-delivery-files span{max-width:100%;padding:7px 10px;border-radius:9px;color:#3359b4;background:#e8eefe;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent-message p .editor-upload-footage{display:flex;width:max-content}.editor-delivery-attach{position:relative;margin:16px 0 10px}.editor-delivery-attach>.attachment-menu{top:54px;bottom:auto;left:0}.editor-delivery-attach .attachment-menu-option{width:100%;border:0;background:transparent;text-align:left}.editor-delivery-files{align-items:flex-start;justify-content:flex-start;min-height:36px}.editor-delivery-files>[data-videos]{position:relative}.editor-delivery-files .composer-video-summary{white-space:nowrap}.editor-delivery-video-list{position:absolute;z-index:4;top:38px;left:0;width:min(320px,75vw);padding:8px;border:1px solid #d1d7e7;border-radius:12px;background:#fff;box-shadow:0 15px 35px rgba(23,30,47,.18)}.editor-delivery-video-list>span,.editor-delivery-support-list>span{display:flex;align-items:center;gap:7px}.editor-delivery-video-list>span{justify-content:space-between}.editor-delivery-video-list button,.editor-delivery-support-list button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;color:#777184;background:transparent;font-size:17px}.editor-delivery-support-list{display:flex;flex-wrap:wrap;gap:7px}.editor-delivery-message{display:flex;align-items:center;gap:10px;margin-top:12px}.editor-delivery-panel .editor-delivery-message textarea{min-height:64px;margin:0}.editor-delivery-message .composer-icon-button{flex:0 0 46px}.editor-delivery-message .composer-icon-button.recording{color:#fff;background:#d64d66}html[data-theme="dark"] .editor-delivery-video-list{border-color:#514d5d;background:#302e38}
.editor-delivery-panel .composer-icon-button{width:46px;height:46px;min-height:46px;padding:0;display:grid;place-items:center;border:1px solid #dfe1e6;border-radius:50%;color:#555b65;background:#fff;transition:transform .16s ease,box-shadow .16s ease}.editor-delivery-panel .composer-icon-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(35,38,48,.16)}.editor-delivery-panel .composer-icon-button .material-symbols-outlined{font-size:29px}.editor-delivery-files span{max-width:none;padding:0;border-radius:0;color:inherit;background:transparent;font-size:inherit}.editor-delivery-files .composer-video-summary{min-height:32px;padding:5px 11px;border:1px solid #bcccf3;border-radius:9px;color:#285ee1;background:#e8eefe;font-size:.63rem;font-weight:800}.editor-delivery-video-list>span{min-height:38px;padding:5px 5px 5px 9px;border-radius:8px;color:#343840;background:#fff;font-size:.65rem}.editor-delivery-video-list>span:hover{background:#f2f4fa}.editor-delivery-support-list>span{width:auto;max-width:210px;padding:6px 7px 6px 9px;border:1px solid #dddfe5;border-radius:9px;color:#555a64;background:#fff;font-size:.62rem}.editor-delivery-support-list>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-delivery-panel .editor-delivery-message textarea{height:64px;min-height:64px;padding:12px;border:1px solid #dedfe5;border-radius:12px;color:#30333a;background:#f8f9fa;font:inherit;font-size:.76rem;resize:none}.editor-delivery-panel .review-main-actions button:first-child{color:#555a64;border:1px solid #dfe1e6;background:#fff}html[data-theme="dark"] .editor-delivery-panel .composer-icon-button,html[data-theme="dark"] .editor-delivery-support-list>span{color:#d7dae0;border-color:#3c3f48;background:#25272e}html[data-theme="dark"] .editor-delivery-panel .editor-delivery-message textarea{color:#eceef3;border-color:#393c45;background:#181a1f}
.editor-delivery-support-list>span{box-sizing:border-box;height:32px;min-height:32px;padding:5px 6px 5px 9px}.editor-delivery-support-list>span>button{width:20px;height:20px;min-height:20px;padding:0}.submitted-plan .editor-production-actions{flex-direction:column;align-items:flex-start;justify-content:flex-start}.submitted-plan .editor-production-actions button{align-self:flex-start}
.delivery-review-card,.completion-downloads{margin-top:10px;padding:12px;border:1px solid #dedfe5;border-radius:12px;background:#fff}.delivery-review-card>strong,.completion-downloads>strong{display:block;margin-bottom:8px;font-size:.72rem}.delivery-file-list,.completion-downloads>div{display:grid;gap:6px}.delivery-file-list button,.completion-downloads button{min-height:36px;padding:7px 10px;display:flex;align-items:center;gap:8px;border:1px solid #dedfe5;border-radius:9px;color:#494e58;background:#f8f9fa;text-align:left}.delivery-file-list button:hover,.completion-downloads button:hover{border-color:#a4bbf2;background:#ecf2fe}.delivery-file-list .material-symbols-outlined{color:#275ce7;font-size:22px}.delivery-review-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid #ececf0}.delivery-review-actions button{min-height:34px;padding:6px 11px;border:1px solid #d9dbe2;border-radius:9px;color:#555a64;background:#fff;font-size:.64rem;font-weight:750}.delivery-review-actions button.selected{color:#3255aa;border-color:#bccffc;background:#e7edfe}.video-preview-backdrop{position:fixed;z-index:1400;inset:0;display:grid;place-items:center;padding:20px;background:rgba(12,14,20,.82)}.video-preview-panel{position:relative;width:min(900px,100%);padding:18px;border-radius:18px;color:#f5f5f7;background:#17191f;box-shadow:0 28px 90px rgba(0,0,0,.55)}.video-preview-panel>button{position:absolute;top:10px;right:10px;z-index:1;width:36px;height:36px;border:0;border-radius:50%;color:#fff;background:rgba(0,0,0,.55);font-size:24px}.video-preview-panel h2{margin:0 45px 12px 0;font-size:1rem}.video-preview-panel video{display:block;width:100%;max-height:75vh;border-radius:12px;background:#000}.review-response-panel{width:min(480px,100%);padding:24px;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.35)}.review-response-panel h2{margin-top:0}.review-response-panel textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #dedfe5;border-radius:11px;font:inherit;resize:vertical}.review-stars{display:flex;gap:4px;margin:4px 0 14px}.review-stars button{padding:0;border:0;color:#d1d2d7;background:transparent;font-size:30px}.review-stars button.selected{color:#f4b942}html[data-theme="dark"] .delivery-review-card,html[data-theme="dark"] .completion-downloads,html[data-theme="dark"] .review-response-panel{color:#eceef3;border-color:#393c45;background:#22242b}html[data-theme="dark"] .delivery-file-list button,html[data-theme="dark"] .completion-downloads button,html[data-theme="dark"] .delivery-review-actions button{color:#e2e4e9;border-color:#3e414a;background:#292b32}html[data-theme="dark"] .delivery-review-actions button.selected{color:#c9d8fd;border-color:#275ce7;background:#25304b}html[data-theme="dark"] .review-response-panel textarea{color:#eceef3;border-color:#41444d;background:#181a1f}
.completion-downloads .material-symbols-outlined{color:#275ce7;font-size:22px}.submitted-plan .editor-production-actions button,.submitted-plan .editor-production-actions button:hover{color:#fff!important;border-color:#2a58c8!important;background:#2659d3!important}.submitted-plan .editor-production-actions button span{color:#fff!important}
.agent-message p>.delivery-review-card{margin:12px 0 0;padding:11px 0 0;border:0;border-top:1px solid #d9dbe2;border-radius:0;background:transparent}.agent-message p>.delivery-review-card .delivery-file-list,.agent-message p>.delivery-review-card .delivery-review-actions{white-space:normal}.agent-message p>.delivery-review-card .delivery-review-actions{margin-bottom:0}
.agent-message.user p .editor-upload-footage{border:1px solid rgba(255,255,255,.9)}.agent-message p>.completion-downloads{margin:12px 0 0;padding:11px 0 0;border:0;border-top:1px solid rgba(255,255,255,.38);border-radius:0;background:transparent}.agent-message p>.completion-downloads>div{white-space:normal}.agent-message p>.completion-downloads button{color:#494e58;border-color:#dedfe5;background:#fff}.agent-message p>.completion-downloads button:hover{border-color:#b4c6f3;background:#fff}
#preferences-trigger{display:none!important}
.agent-message p>.chat-message-files{display:grid;gap:8px;margin:11px 0 0;padding:10px 0 0;border-top:1px solid rgba(128,128,145,.25);white-space:normal}.agent-message p>.chat-message-files>strong{font-size:.75rem;color:inherit}.agent-message p>.chat-message-files .chat-message-file-list{display:grid;gap:6px}.agent-message p>.chat-message-files button{width:100%;min-height:36px;padding:7px 10px;display:flex;align-items:center;gap:8px;border:1px solid #dedfe5;border-radius:9px;color:#494e58;background:#fff;text-align:left}.agent-message p>.chat-message-files button:hover{border-color:#b4c6f3;background:#fff}.agent-message p>.chat-message-files .material-symbols-outlined{color:#275ce7;font-size:22px}
.chat-file-row{display:flex;align-items:stretch;gap:6px;width:100%}.chat-file-row>.chat-file-primary{flex:1;min-width:0}.chat-file-row>.chat-file-primary>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file-row>.chat-file-download{flex:0 0 40px;width:40px!important;justify-content:center;padding:7px!important}.chat-file-row>.chat-file-download .material-symbols-outlined{margin:0}.delivery-file-list>.chat-file-row>button,.completion-downloads>div>.chat-file-row>button{margin:0}.delivery-file-list>.chat-file-row>.chat-file-download,.completion-downloads>div>.chat-file-row>.chat-file-download{flex-basis:40px}
.workspace-account-header{margin:0 3px 18px;padding:2px 4px 14px;border-bottom:1px solid #eceef1}.workspace-account-row{min-height:43px;display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:5px;border-radius:11px}.workspace-account-row>strong{padding-left:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#252830;font-size:.9rem}.workspace-account-menu{width:205px}.workspace-account-menu button:last-child:hover{color:#295cd8;background:#eff3fe}.workspace-account-menu button.selected{color:#2e57b9;background:#eaf0fe}.workspace-account-menu button>span:nth-child(2){min-width:0;display:grid;gap:2px;flex:1}.workspace-account-menu button strong,.workspace-account-menu button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-account-menu button small{color:#9398a1;font-size:.58rem}.account-menu-avatar{width:29px!important;height:29px;display:grid;place-items:center;border-radius:8px;color:#285ee0!important;background:#e8eefe;font-weight:850}.workspace-account-menu .material-symbols-outlined{font-size:18px}.workspace-account-menu .account-menu-back{margin-bottom:4px;border-bottom:1px solid #e7e9ef;border-radius:7px}.account-menu-empty{margin:0;padding:12px 10px;color:#858a94;font-size:.7rem}.account-management-view{width:min(calc(100% - 40px),980px);padding:18px 0 42px}.account-placeholder-card{max-width:520px;padding:22px;border:1px solid #e2e3e8;border-radius:16px;background:#fff}.account-placeholder-card p{margin-bottom:0;color:#777c85}html[data-theme="dark"] .workspace-account-header{border-color:#353840}html[data-theme="dark"] .workspace-account-row>strong{color:#f0f1f4}html[data-theme="dark"] .account-placeholder-card{color:#eceef3;border-color:#393c45;background:#22242b}
@media (hover:hover) and (pointer:fine){.workspace-account-trigger{opacity:0;pointer-events:none;transform:translateX(3px);transition:opacity .14s,transform .14s}.workspace-account-row:hover .workspace-account-trigger,.workspace-account-row:focus-within .workspace-account-trigger,.switcher-account-row:hover .workspace-account-trigger,.switcher-account-row:focus-within .workspace-account-trigger,.workspace-account-trigger[aria-expanded="true"]{opacity:1;pointer-events:auto;transform:none}}
@media (hover:none),(pointer:coarse){.workspace-account-trigger{opacity:1;pointer-events:auto}}
.workspace-account-menu .account-choice{display:grid;grid-template-columns:29px minmax(0,1fr) 18px;align-items:center;column-gap:10px;padding:7px 8px}.workspace-account-menu .account-choice>.account-menu-avatar{justify-self:start}.workspace-account-menu .account-choice>span:nth-child(2){width:100%;min-width:0;display:grid;justify-self:stretch;gap:2px;text-align:left}.workspace-account-menu .account-choice>span:nth-child(2)>strong,.workspace-account-menu .account-choice>span:nth-child(2)>small{display:block;width:100%;margin:0;text-align:left}.account-choice-check{width:18px;justify-self:end;color:#295ddc;font-size:.8rem;line-height:1;text-align:center}.workspace-account-menu .account-choice:not(.selected) .account-choice-check{visibility:hidden}
.workspace-account-menu [data-account-action]>.material-symbols-outlined{width:24px;color:#777d87;font-size:21px}.workspace-account-menu [data-account-action]:hover>.material-symbols-outlined{color:#295cd8}
.workspace-account-menu [data-account-action]{justify-content:flex-start}.workspace-account-menu [data-account-action]>span:last-child{width:auto;flex:1;text-align:left}
.workspace-context-cards{display:grid;gap:12px;margin-top:22px}.workspace-context-card,.workspace-management-card{border:1px solid #e1e2e7;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(31,34,43,.04)}.workspace-context-card>summary{min-height:72px;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;cursor:pointer;list-style:none}.workspace-context-card>summary::-webkit-details-marker{display:none}.workspace-context-card>summary>span{display:grid;gap:4px}.workspace-context-card>summary strong{font-size:.91rem}.workspace-context-card>summary small{color:#7d828c;font-size:.69rem;font-weight:500}.workspace-context-card>summary>b{padding:6px 9px;border-radius:9px;color:#295bd4;background:#e8eefe;font-size:.61rem}.workspace-card-editor{padding:3px 16px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid #ececf0}.workspace-card-editor>label,.workspace-item-form>label{display:grid;gap:6px;color:#777c86;font-size:.63rem;font-weight:750}.workspace-card-editor>label:has(textarea),.workspace-card-editor>fieldset,.workspace-card-editor>.production-controls,.workspace-card-editor>.workspace-item-list,.workspace-card-editor>.workspace-item-form,.workspace-card-editor>.card-save-row{grid-column:1/-1}.workspace-card-editor input,.workspace-card-editor select,.workspace-card-editor textarea{box-sizing:border-box;width:100%;min-height:40px;padding:9px 10px;border:1px solid #dfe1e6;border-radius:10px;color:#30333a;background:#fafbfc;font:inherit}.workspace-card-editor textarea{resize:vertical}.workspace-card-editor fieldset{margin:0;padding:11px;border:1px solid #e1e2e7;border-radius:11px}.workspace-card-editor legend{padding:0 5px;color:#777c86;font-size:.63rem;font-weight:750}.personality-options{display:flex;flex-wrap:wrap;gap:7px}.personality-options label{padding:7px 9px;border-radius:9px;background:#eff3fe;font-size:.65rem}.personality-options input{width:auto;min-height:0;margin-right:5px}.card-save-row{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:38px}.card-save-row>span{margin-right:auto;color:#518363;font-size:.65rem}.card-save-row button,.card-secondary-action{min-height:36px;padding:7px 12px;border:1px solid #dadce3;border-radius:10px;color:#575d67;background:#fff;font-weight:750}.card-save-row button:last-child{color:#fff;border-color:#275ce7;background:#275ce7}.workspace-item-list{display:grid;gap:7px;margin-top:12px}.workspace-item-row{padding:9px 10px;display:flex;align-items:center;gap:10px;border:1px solid #e3e4e9;border-radius:10px;background:#fafbfc}.workspace-item-row>span:first-child{min-width:0;display:grid;gap:2px;flex:1}.workspace-item-row small{color:#3064e1;font-size:.55rem;font-weight:850;text-transform:uppercase}.workspace-item-row strong,.workspace-item-row em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-item-row strong{font-size:.7rem}.workspace-item-row em{color:#858a94;font-size:.6rem;font-style:normal}.workspace-item-row>span:last-child{display:flex;gap:5px}.workspace-item-row button{padding:5px 7px;border:0;border-radius:7px;color:#275ce7;background:#eaf0fe;font-size:.58rem}.workspace-item-form{margin-top:4px;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid #d1ddf9;border-radius:12px;background:#f8faff}.workspace-item-form[hidden]{display:none}.workspace-item-form>label:has(textarea),.workspace-item-form>.card-save-row{grid-column:1/-1}.workspace-management-card{padding:16px}.workspace-management-card p{color:#7d828c;font-size:.68rem}.workspace-management-card button{padding:8px 11px;border:1px solid #e9b8bd;border-radius:9px;color:#bc3f4b;background:#fff5f6}.settings-page-head>div>small{display:block;max-width:720px;margin-top:6px;color:#7b808a;line-height:1.5}html[data-theme="dark"] .workspace-context-card,html[data-theme="dark"] .workspace-management-card{color:#eceef3;border-color:#393c45;background:#22242b}html[data-theme="dark"] .workspace-card-editor{border-color:#393c45}html[data-theme="dark"] .workspace-card-editor input,html[data-theme="dark"] .workspace-card-editor select,html[data-theme="dark"] .workspace-card-editor textarea,html[data-theme="dark"] .workspace-item-row,html[data-theme="dark"] .workspace-item-form{color:#eceef3;border-color:#41444d;background:#292b32}
@media(max-width:620px){.workspace-card-editor,.workspace-item-form{grid-template-columns:1fr}.workspace-context-card>summary{grid-template-columns:1fr}.workspace-context-card>summary>b{width:max-content}.account-management-view,.workspace-settings-view{width:calc(100% - 20px)}}
.workspace-item-form>.source-active-toggle{display:flex;align-items:center;justify-content:flex-start;align-self:end;gap:8px;min-height:40px}.workspace-item-form>.source-active-toggle input{appearance:auto;width:16px!important;height:16px!important;min-width:16px;min-height:16px!important;padding:0!important;margin:0;flex:0 0 16px;border:0;border-radius:3px;accent-color:#275ce7}.workspace-item-form>.source-active-toggle>span{line-height:1.25}.workspace-source-row small{display:flex;align-items:center;gap:5px}.workspace-source-row small::before{content:"";width:7px;height:7px;border-radius:50%;background:#43ad75}.workspace-source-row .source-row-action{width:86px;min-height:32px;padding:5px 8px;justify-content:center;border:1px solid #dadce3;color:#575d67;background:#fff}.workspace-source-row .source-row-action:hover{border-color:#c4c7cf;color:#343840;background:#f7f8fa}.workspace-source-row .source-row-action .material-symbols-outlined{font-size:16px}.workspace-card-editor>.card-secondary-action{width:max-content;min-height:32px;padding:5px 9px;justify-self:start;border-color:transparent;color:#275ce7;background:#eaf0fe;font-size:.62rem}.workspace-card-editor>.card-secondary-action:hover{border-color:#cbd9fd;color:#2a5ace;background:#e0e8fe}.workspace-card-editor>.card-secondary-action .material-symbols-outlined{font-size:16px}html[data-theme="dark"] .workspace-context-card>summary>b{background:#26324d;color:#a0bbfb}html[data-theme="dark"] .workspace-source-row .source-row-action{border-color:#4a4d56;color:#d5d8de;background:#25272d}html[data-theme="dark"] .workspace-source-row .source-row-action:hover{border-color:#626671;color:#fff;background:#30333a}html[data-theme="dark"] .workspace-card-editor>.card-secondary-action{border-color:transparent;color:#a0bbfb;background:#242b3b}html[data-theme="dark"] .workspace-card-editor>.card-secondary-action:hover{border-color:#444f6a;color:#cbd9fd;background:#2b3245}
.workspace-context-card>summary strong{display:flex;align-items:center;gap:8px}.workspace-context-card>summary strong>.material-symbols-outlined{color:#275ce7;font-size:21px;font-weight:400}.workspace-context-card>summary>span>small{margin-left:29px}
.workspace-card-editor .production-control{text-transform:none;letter-spacing:normal}
.workspace-card-editor .production-control select,.workspace-card-editor .production-control .production-multi-trigger{font-family:inherit;font-size:.68rem;font-weight:650;line-height:1;letter-spacing:0;text-transform:none}
.workspace-context-card>summary{grid-template-columns:minmax(0,1fr) auto 22px}.workspace-context-card>summary::after{content:"";justify-self:center;width:8px;height:8px;transform:translateY(-2px) rotate(45deg);border-right:2px solid #8c94a1;border-bottom:2px solid #8c94a1;transition:transform .18s ease}.workspace-context-card[open]>summary::after{transform:translateY(2px) rotate(225deg)}html[data-theme="dark"] .workspace-context-card>summary::after{border-color:#aeb6c3}

/* Keep native selects and checkbox multi-selects dimensionally identical in every shared context. */
.production-control select,.production-control .production-multi-trigger{box-sizing:border-box;height:40px;min-height:40px}
.workspace-card-editor select,.workspace-card-editor .production-multi-trigger{box-sizing:border-box;height:40px;min-height:40px}
.idea-refinement-control select,.idea-refinement-control .production-multi-trigger{box-sizing:border-box;height:36px;min-height:36px}
.job-preference-control select,.job-preference-control .production-multi-trigger{box-sizing:border-box;height:35px;min-height:35px}
.review-preference-control select,.review-preference-control .production-multi-trigger{box-sizing:border-box;height:37px;min-height:37px}
.production-control select,.workspace-card-editor select,.idea-refinement-control select,.job-preference-control select,.review-preference-control select{padding-right:34px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#90959e 50%),linear-gradient(135deg,#90959e 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 11px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
html[data-theme="dark"] .workspace-card-editor .production-control select{background-image:linear-gradient(45deg,transparent 50%,#aeb6c3 50%),linear-gradient(135deg,#aeb6c3 50%,transparent 50%)}
.workspace-production-select{position:relative;min-width:0}.workspace-production-select select,.workspace-card-editor .workspace-production-select select{display:block;background-image:none!important}.workspace-production-select::after{content:"";position:absolute;pointer-events:none;top:50%;right:16px;width:7px;height:7px;transform:translateY(-65%) rotate(45deg);border-right:2px solid #9098a5;border-bottom:2px solid #9098a5}.workspace-card-editor .production-multi-menu input{box-sizing:border-box;flex:0 0 15px;width:15px;min-width:15px;height:15px;min-height:15px;padding:0;border-radius:3px}.workspace-card-editor .production-multi-menu label{display:flex;grid-template-columns:none;align-items:center;justify-content:flex-start;gap:8px;min-height:34px;padding:6px 8px}.workspace-card-editor .production-multi-menu label span{min-width:0;text-align:left;white-space:normal}html[data-theme="dark"] .workspace-production-select::after{border-color:#aeb6c3}
.review-production-select{position:relative;display:block;min-width:0}.review-production-select select,.review-preference-control .review-production-select select{display:block;background-image:none!important}.review-production-select::after{content:"";position:absolute;pointer-events:none;top:50%;right:14px;width:7px;height:7px;transform:translateY(-65%) rotate(45deg);border-right:2px solid #9098a5;border-bottom:2px solid #9098a5}html[data-theme="dark"] .review-production-select::after{border-color:#aeb6c3}
.review-preference-control .production-multi-trigger::after{top:50%;right:14px;width:7px;height:7px;transform:translateY(-65%) rotate(45deg);border-right-width:2px;border-bottom-width:2px;border-color:#9098a5}html[data-theme="dark"] .review-preference-control .production-multi-trigger::after{border-color:#aeb6c3}
.account-modal-backdrop{position:fixed;inset:0;z-index:1210;display:grid;place-items:center;padding:20px;background:rgba(20,22,29,.62);backdrop-filter:blur(5px)}.account-modal-backdrop[hidden]{display:none}.account-modal-panel{box-sizing:border-box;width:min(460px,100%);padding:30px;border:1px solid #e2e3e8;border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(15,17,24,.28)}.account-modal-panel h2{margin:8px 0 8px;color:#22252c;font-size:1.65rem}.account-modal-panel>p{margin:0 0 22px;color:#707581;line-height:1.55}.account-modal-panel form>label{display:grid;gap:7px;color:#6e7380;font-size:.72rem;font-weight:800}.account-modal-panel input{box-sizing:border-box;width:100%;min-height:48px;padding:11px 13px;border:1px solid #dcdfe6;border-radius:11px;color:#272b33;background:#fafbfc;font:inherit}.account-modal-panel input:focus{outline:3px solid rgba(46,99,228,.13);border-color:#275ce7}.account-modal-panel form>p{min-height:20px;margin:8px 0 0;color:#b34d58;font-size:.72rem}.account-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.account-modal-actions button{min-height:44px;padding:0 18px;border:1px solid #dcdfe6;border-radius:11px;background:#fff;color:#444a55;font-weight:800}.account-modal-actions button:last-child{border-color:#275ce7;background:#275ce7;color:#fff}.account-modal-actions button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(28,31,39,.12)}html[data-theme="dark"] .account-modal-panel{border-color:#3a3e48;background:#1f2228}html[data-theme="dark"] .account-modal-panel h2{color:#eff2f9}html[data-theme="dark"] .account-modal-panel>p,html[data-theme="dark"] .account-modal-panel form>label{color:#aaaeba}html[data-theme="dark"] .account-modal-panel input{border-color:#41454f;background:#292c33;color:#eaeef6}html[data-theme="dark"] .account-modal-actions button:first-child{border-color:#41454f;background:#292c33;color:#eaeef6}@media(max-width:520px){.account-modal-panel{padding:24px 20px}.account-modal-actions{flex-direction:column-reverse}.account-modal-actions button{width:100%}}
.add-workspace-nav{margin-top:auto;min-height:48px;padding:9px 12px;display:flex;align-items:center;gap:10px;border:1px solid #d1dbf5;border-radius:12px;color:#2a59cd;background:#ecf2fe;font-size:.72rem;font-weight:800;text-align:left;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.add-workspace-nav:hover{transform:translateY(-2px);background:#e1e9fe;box-shadow:0 8px 18px rgba(49,80,156,.13)}.add-workspace-nav .material-symbols-outlined{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#275ce7;font-size:22px}.add-workspace-card{width:min(620px,100%);box-sizing:border-box;margin-top:22px;padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;border:1px solid #e1e2e7;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(31,34,43,.07)}.add-workspace-card>label{display:grid;gap:7px;color:#747984;font-size:.67rem;font-weight:800}.add-workspace-card>label:has(textarea),.add-workspace-card>.workspace-create-step,.add-workspace-card>.settings-save-status,.add-workspace-card>.add-workspace-actions{grid-column:1/-1}.add-workspace-card input,.add-workspace-card textarea{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #dfe1e6;border-radius:11px;color:#30333a;background:#fafbfc;font:inherit}.add-workspace-card textarea{resize:vertical}.workspace-create-step{display:flex;align-items:center;gap:11px;margin-top:3px;padding-top:14px;border-top:1px solid #ececf0}.workspace-create-step:first-child{padding-top:0;border-top:0}.workspace-create-step>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:9px;color:#fff;background:#275ce7;font-size:.7rem;font-weight:850}.workspace-create-step>div{display:grid;gap:3px}.workspace-create-step strong{font-size:.78rem}.workspace-create-step small{color:#858a94;font-size:.63rem}.add-workspace-actions{display:flex;justify-content:flex-end;gap:8px}.add-workspace-actions button{min-height:40px;padding:8px 13px;border:1px solid #dfe1e6;border-radius:10px;color:#555a64;background:#fff;font-weight:800}.add-workspace-actions button:last-child{color:#fff;border-color:#275ce7;background:#275ce7}html[data-theme="dark"] .add-workspace-nav{color:#b6cafc;border-color:#3a445b;background:#232938}html[data-theme="dark"] .add-workspace-card{color:#eceef3;border-color:#393c45;background:#22242b}html[data-theme="dark"] .add-workspace-card input,html[data-theme="dark"] .add-workspace-card textarea{color:#eceef3;border-color:#41444d;background:#292b32}@media(max-width:620px){.add-workspace-card{grid-template-columns:1fr;padding:16px}}
.workspace-create-form{width:100%}.workspace-create-form>.workspace-context-cards{margin-top:22px}.workspace-create-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}.workspace-create-actions button,.workspace-context-modal-actions button{min-height:42px;padding:8px 16px;border:1px solid #dcdfe6;border-radius:11px;color:#4c525d;background:#fff;font-weight:800}.workspace-create-actions button:last-child,.workspace-context-modal-actions button:last-child{color:#fff;border-color:#275ce7;background:#275ce7}.workspace-create-actions button:hover,.workspace-context-modal-actions button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(28,31,39,.12)}.workspace-context-modal-panel{width:min(520px,100%)}.workspace-context-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}html[data-theme="dark"] .workspace-create-actions button:first-child,html[data-theme="dark"] .workspace-context-modal-actions button:first-child{color:#eceef3;border-color:#41454f;background:#292c33}@media(max-width:520px){.workspace-create-actions,.workspace-context-modal-actions{flex-direction:column-reverse}.workspace-create-actions button,.workspace-context-modal-actions button{width:100%}}
.workspace-card-editor>.source-active-toggle{display:flex;align-items:center;justify-content:flex-start;align-self:end;gap:8px;min-height:40px}.workspace-card-editor>.source-active-toggle input{appearance:auto;width:16px!important;height:16px!important;min-width:16px;min-height:16px!important;padding:0!important;margin:0;flex:0 0 16px;border:0;border-radius:3px;accent-color:#275ce7}.workspace-card-editor>.source-active-toggle>span{line-height:1.25}.new-workspace-source-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:10px}.new-workspace-source-actions>span{margin-right:auto;color:#b34d58;font-size:.65rem}.new-workspace-source-actions>.card-secondary-action{width:max-content;min-height:32px;padding:5px 9px;color:#275ce7;border-color:transparent;background:#eaf0fe;font-size:.62rem}

/* Shared application button shape. Icon-only controls intentionally remain circular. */
button{border-radius:11px}
button.auth-close,button.idea-prompt-send,button.idea-voice-button,button.device-recording-exit,button.device-record-button,button.composer-icon-button,button.preferences-trigger,button.send-message-button,button.profile-trigger,button.rail-profile,button.notification-trigger,.editor-delivery-panel button.composer-icon-button,.editor-delivery-video-list button,.editor-delivery-support-list button,.video-preview-panel>button{border-radius:50%}
.button-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:6px}.button-with-icon>.material-symbols-outlined{color:currentColor;font-size:18px;line-height:1}

.draft-switch-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(20,22,29,.62);backdrop-filter:blur(5px)}
.draft-switch-dialog{width:min(470px,100%);padding:30px;border:1px solid #e2e3e8;border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(15,17,24,.28)}
.draft-switch-dialog h2{margin:8px 0 10px;color:#22252c;font-size:1.65rem;line-height:1.15}
.draft-switch-dialog p{margin:0;color:#6e7380;font-size:.94rem;line-height:1.6}
.draft-switch-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}
.draft-switch-actions button{min-height:44px;padding:0 18px;border:1px solid #dcdfe6;border-radius:11px;background:#fff;color:#444a55;font-weight:800}
.draft-switch-actions button.primary{border-color:#275ce7;background:#275ce7;color:#fff;box-shadow:0 9px 20px rgba(46,99,228,.22)}
.draft-switch-actions button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(28,31,39,.12)}
html[data-theme="dark"] .draft-switch-dialog{border-color:#3a3e48;background:#1f2228}
html[data-theme="dark"] .draft-switch-dialog h2{color:#eff2f9}
html[data-theme="dark"] .draft-switch-dialog p{color:#aaaeba}
html[data-theme="dark"] .draft-switch-actions button:not(.primary){border-color:#41454f;background:#292c33;color:#eaeef6}
@media (max-width:520px){.draft-switch-dialog{padding:24px 20px}.draft-switch-actions{flex-direction:column-reverse}.draft-switch-actions button{width:100%}}
/* Compact client weekly production planner */
.this-week-panel{background:var(--surface,#fff);border:1px solid var(--line,#dde1e8);border-radius:18px;padding:18px;margin:0 0 16px;box-shadow:0 8px 24px rgba(25,31,44,.04)}
.this-week-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.this-week-navigation{display:flex;align-items:center;justify-content:flex-end;gap:7px}.this-week-navigation button{display:grid!important;place-items:center;box-sizing:border-box!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#275ce7!important;font-size:1rem!important;line-height:1!important}.this-week-navigation button .material-symbols-outlined{font-size:2rem}.this-week-navigation button:hover{transform:translateY(-1px);background:#f2f6ff!important}.this-week-view-label{display:inline-flex;align-items:center;gap:6px;margin-left:auto;border:0;background:transparent;color:#275ce7;font-size:.85rem;font-weight:800;white-space:nowrap}.this-week-view-label .material-symbols-outlined{font-size:1.2rem}.this-week-navigation .this-week-today{width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;border:0!important;background:transparent!important}.this-week-navigation .this-week-today .material-symbols-outlined{font-size:1.2rem}.this-week-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:11px}.this-week-footer>button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#275ce7;font-weight:750;padding:6px 0}.this-week-footer .material-symbols-outlined{font-size:1.15rem}
.this-week-panel h2{font-size:1.35rem;line-height:1.1;margin:3px 0 0}
.this-week-panel>header button{border:0;background:transparent;color:var(--purple,#275ce7);font-weight:750;padding:8px 10px}
.this-week-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}
.this-week-day{min-width:0;border:1px solid var(--line,#e1e4ea);border-radius:13px;background:var(--surface,#fff);padding:10px}
.this-week-day.today{border-color:#4173ed;box-shadow:inset 0 0 0 1px rgba(35,93,235,.16);background:rgba(35,93,235,.035)}
.this-week-day>header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px 8px}
.this-week-day>header strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.this-week-day>header span{font-size:.72rem;color:var(--muted,#7b8290)}
.this-week-slots{display:grid;gap:7px}.this-week-slot{display:grid;width:100%;min-height:72px;text-align:left;border:1px solid transparent;border-radius:10px;padding:9px;background:#f5f6f8;color:inherit}
.this-week-slot:hover{transform:translateY(-1px);border-color:#bed0fc}.this-week-slot strong{font-size:.76rem;line-height:1.25}.this-week-slot span{font-size:.7rem;color:var(--muted,#747b88);margin-top:4px}.this-week-slot small{font-size:.7rem;color:var(--purple,#275ce7);font-weight:750;margin-top:6px}
.this-week-slot.job{background:#eaf0fe;border-color:#d0ddfd}.this-week-slot.missed{background:#f7f7f8}.this-week-slot.missed span,.this-week-slot.missed small{color:#8c9099}
.this-week-slot.job.ready-to-submit,.production-month-job.ready-to-submit{background:#fff5bf;border:1px solid #e4bd35;box-shadow:inset 4px 0 0 #e4bd35}
.this-week-slot.job.waiting-for-credit,.production-month-job.waiting-for-credit{background:#f3f4f6;border:1px solid #dfe2e8;opacity:.82}
.this-week-empty{display:grid;place-items:center;min-height:72px;color:var(--muted,#969ba5);font-size:.72rem}.this-week-status{margin:10px 0 0;color:#a33;font-size:.78rem}
.schedule-modal-panel{box-sizing:border-box;width:min(520px,calc(100vw - 24px));max-width:520px;overflow:hidden}.schedule-modal-panel form{display:grid;min-width:0;gap:14px}.schedule-modal-panel form>*{min-width:0}.schedule-modal-panel fieldset{border:0;padding:0;margin:0;transition:opacity .18s ease}.schedule-modal-panel legend,.schedule-modal-panel form>label{font-weight:700;font-size:.78rem}.schedule-modal-panel select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:40px;margin-top:7px;padding:0 34px 0 11px;border:1px solid #dfe1e6;border-radius:10px;color:#30333a;background-color:#fafbfc;font:inherit;font-size:.75rem;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#90959e 50%),linear-gradient(135deg,#90959e 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.schedule-modal-panel form .schedule-active{position:relative;display:flex;grid-template-columns:none;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--line,#dde1e8);border-radius:12px;background:#fafbfc;cursor:pointer}.schedule-active-copy{display:grid;gap:3px}.schedule-active-copy small{color:#747b8b;font-size:.68rem;font-weight:500;line-height:1.35}.schedule-modal-panel form .schedule-active input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.schedule-switch{position:relative;flex:0 0 42px;width:42px;height:24px;border-radius:999px;background:#c9ced8;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);transition:background .18s ease}.schedule-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(20,30,50,.25);transition:transform .18s ease}.schedule-active input:checked+.schedule-switch{background:var(--blue,#2f61e9)}.schedule-active input:checked+.schedule-switch::after{transform:translateX(18px)}.schedule-active input:focus-visible+.schedule-switch{outline:3px solid rgba(47,97,233,.25);outline-offset:2px}.schedule-modal-panel fieldset.schedule-days-disabled{opacity:.42}.schedule-modal-panel fieldset:disabled .schedule-weekdays label{cursor:not-allowed;background:#f1f2f5}.schedule-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:8px}.schedule-weekdays label{box-sizing:border-box;display:flex;min-width:0;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 2px;border:1px solid var(--line,#dde1e8);border-radius:9px;font-size:.66rem;transition:background .18s ease,opacity .18s ease}.schedule-weekdays input{flex:0 0 15px;width:15px;height:15px;margin:0}.schedule-modal-panel .account-modal-actions{min-width:0;flex-wrap:wrap}
html[data-theme="dark"] .this-week-panel,html[data-theme="dark"] .this-week-day{background:#202229;border-color:#383c46}html[data-theme="dark"] .this-week-day.today{background:#1f2533;border-color:#366df1}html[data-theme="dark"] .this-week-slot{background:#292c34}html[data-theme="dark"] .this-week-slot.job{background:#222b42;border-color:#374b79}html[data-theme="dark"] .schedule-modal-panel select{color:#eceef3;border-color:#41444d;background-color:#292b32}
html[data-theme="dark"] .this-week-slot.job.ready-to-submit,html[data-theme="dark"] .production-month-job.ready-to-submit{background:#403a20;border-color:#b8952f}html[data-theme="dark"] .this-week-slot.job.waiting-for-credit,html[data-theme="dark"] .production-month-job.waiting-for-credit{background:#2a2c31;border-color:#41444c}
html[data-theme="dark"] .this-week-navigation button{border-color:#41454f!important;background:#292c33!important;color:#76a0ff!important}
@media(max-width:720px){.this-week-panel{padding:14px;margin-bottom:12px}.this-week-panel>header{align-items:center}.this-week-view-label span:last-child{display:none}.this-week-days{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.this-week-day{flex:0 0 150px;scroll-snap-align:start}}
@media(max-width:390px){.schedule-weekdays{gap:3px}.schedule-weekdays label{min-height:50px;font-size:.61rem}.schedule-modal-panel .account-modal-actions{justify-content:stretch}.schedule-modal-panel .account-modal-actions button{flex:1}}
.customer-command-centre .command-filter-row{display:none}
.schedule-modal-panel label:has(#schedule-workspace){display:none}
.this-week-slot.planned strong{visibility:hidden}
.schedule-modal-panel .schedule-weekdays label{border-color:#dfe1e6}
html[data-theme="dark"] .schedule-modal-panel .schedule-weekdays label{border-color:#41444d}
.home-production-card{padding:18px;border:1px solid #e0e2e8;border-radius:19px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(32,35,47,.06)}
.home-production-card .this-week-panel{margin:0;padding:0 0 22px;border:0;border-radius:0;background:transparent;box-shadow:none}
.home-production-card .this-week-panel>header{margin-bottom:20px;padding:0;border-bottom:0}
.home-production-section-heading{display:flex;align-items:end;justify-content:space-between;padding:13px 0 0;border-top:1px solid #e5e7eb;border-bottom:0}
.home-production-section-heading h2{margin:3px 0 0;color:#252832;font-size:1.3rem;line-height:1.1}
.home-production-card .this-week-panel h2,.home-production-section-heading h2{font-size:1.55rem}
.search-jobs-heading{align-items:flex-start;justify-content:flex-start;flex-direction:column}
.home-production-card .this-week-panel>header .canvas-kicker,.home-production-card .search-jobs-heading .canvas-kicker{display:none}
.home-production-card .this-week-day{border-color:#dfe2e7}
.home-production-card #schedule-settings{display:inline-flex;align-items:center;gap:7px;color:#275ce7}.home-production-card #schedule-settings .material-symbols-outlined{color:inherit;font-size:1.2rem}
.home-production-card .command-controls{padding:17px 0 20px;border:0;border-radius:0;background:transparent;box-shadow:none}
.home-production-card .command-tabs{margin-top:0;padding-top:0;border-top:0}
.home-production-card .command-job-list{margin-top:0}
html[data-theme="dark"] .home-production-card{border-color:#383c46;background:#202229}html[data-theme="dark"] .home-production-card .this-week-panel{background:transparent}html[data-theme="dark"] .home-production-section-heading,html[data-theme="dark"] .home-production-card .this-week-panel>header{border-color:#393c45}html[data-theme="dark"] .home-production-section-heading h2{color:#f0f1f5}
@media(max-width:720px){.home-production-card{padding:14px}.home-production-section-heading{padding-top:18px}}
.customer-command-centre [data-action="new-recording"]{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.customer-command-centre [data-action="new-recording"]>span[aria-hidden="true"]{display:none}
.customer-command-centre [data-action="new-recording"]::before{content:"video_call";font-family:"Material Symbols Outlined";font-size:1.25em;font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;color:inherit}
#context-create-video{display:flex;align-items:center;gap:7px}#context-create-video .material-symbols-outlined{font-size:1.1rem;color:inherit}

/* Contextual guidance shared by the create-video chooser and creation wizard. */
.creation-help{position:fixed;right:22px;bottom:22px;z-index:58;display:grid;justify-items:end;max-width:calc(100vw - 32px);font-family:inherit}
.creation-help[hidden],.creation-help-panel[hidden]{display:none}
.creation-help-trigger{min-height:42px;padding:9px 17px;display:flex;align-items:center;gap:9px;border:1px solid #d8dfed;border-radius:11px;color:#275ce7;background:#fff;box-shadow:0 7px 17px rgba(38,86,205,.08);font-family:inherit;font-size:.7rem;font-weight:800;line-height:1;cursor:pointer}
.creation-help-trigger:hover{color:#214fc9;border-color:#bfccef;background:#f7f9ff;transform:translateY(-1px)}
.creation-help-trigger .material-symbols-outlined{font-size:1.25rem}
.creation-help-trigger[hidden]{display:none}
.creation-help-panel{width:min(360px,calc(100vw - 32px));padding:22px;border:1px solid #dce2ec;border-radius:22px;color:#181d28;background:rgba(255,255,255,.98);box-shadow:0 22px 60px rgba(26,35,55,.2);overflow:hidden}
.creation-help-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.creation-help-panel header>div{display:grid;gap:7px}
.creation-help-step{color:#2d5eea;font-size:.66rem;font-weight:900;letter-spacing:.14em}
.creation-help-panel h2{margin:0;font-size:1.24rem;line-height:1.18;letter-spacing:-.025em}
.creation-help-panel header button{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #e0e5ee;border-radius:11px;color:#697181;background:#f8f9fb;cursor:pointer}
.creation-help-panel header button .material-symbols-outlined{width:18px;height:18px;display:block;overflow:hidden;font-size:1.1rem}
.creation-help-panel>p{margin:16px 0 0;color:#5f6878;font-size:.85rem;line-height:1.6}
.creation-help-example{margin-top:16px;padding:13px 14px;display:grid;grid-template-columns:auto 1fr;gap:10px;border-radius:14px;color:#263249;background:#edf3ff}
.creation-help-example>.material-symbols-outlined{width:20px;height:20px;margin-top:1px;display:block;overflow:hidden;color:#2d5eea;font-size:1.15rem}
.creation-help-example p{margin:0;font-size:.78rem;line-height:1.5}
.creation-help-progress{margin-top:19px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.creation-help-progress span{height:4px;border-radius:99px;background:#e5e8ef}
.creation-help-progress span.complete{background:#a9bff8}.creation-help-progress span.current{background:#2d5eea}
.creation-help-panel footer{margin-top:15px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #edf0f4}
.creation-help-panel footer button{padding:0;border:0;color:#315ac7;background:transparent;font-family:inherit;font-size:.75rem;font-weight:800;cursor:pointer}
.creation-help-panel footer button:hover{text-decoration:underline}
.creation-help-panel footer a{color:#315ac7;font-size:.75rem;font-weight:800;text-decoration:none}
.creation-help-panel footer a:hover{text-decoration:underline}
.creation-help.open .creation-help-trigger{display:none}
.product-tour-target{position:relative;z-index:2;outline:3px solid #5d86ef;outline-offset:3px;box-shadow:0 0 0 7px rgba(39,92,231,.14)!important}.product-tour-card{position:fixed;z-index:90;box-sizing:border-box;padding:20px;border:1px solid #dce2ec;border-radius:18px;color:#181d28;background:#fff;box-shadow:0 22px 60px rgba(26,35,55,.24)}.product-tour-card h2{margin:7px 0 8px;font-size:1.18rem;line-height:1.2}.product-tour-card>p{margin:0;color:#606978;font-size:.78rem;line-height:1.55}.product-tour-progress{margin:17px 0 15px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.product-tour-progress i{height:4px;border-radius:99px;background:#e4e8ef}.product-tour-progress i.complete{background:#abc0f7}.product-tour-progress i.current{background:#275ce7}.product-tour-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-tour-card footer>span{display:flex;gap:7px}.product-tour-card footer button{min-height:36px;padding:7px 12px;border:1px solid #dce1ea;color:#555e6d;background:#fff;font-weight:800}.product-tour-card footer [data-tour-next]{color:#fff;border-color:#275ce7;background:#275ce7}.product-tour-card footer button:disabled{opacity:.4}.product-tour-card footer [data-tour-skip]{padding-inline:0;border-color:transparent;color:#747c89;background:transparent}

html[data-theme="dark"] .creation-help-panel{border-color:#383d48;color:#f4f5f8;background:rgba(31,33,40,.98);box-shadow:0 22px 60px rgba(0,0,0,.38)}
html[data-theme="dark"] .creation-help-panel header button{border-color:#414651;color:#d7dae1;background:#292c34}
html[data-theme="dark"] .creation-help-panel>p{color:#b7bdc9}
html[data-theme="dark"] .creation-help-example{color:#dce5fa;background:#252e44}
html[data-theme="dark"] .creation-help-progress span{background:#444852}
html[data-theme="dark"] .creation-help-progress span.complete{background:#526da9}
html[data-theme="dark"] .creation-help-progress span.current{background:#6990ff}
html[data-theme="dark"] .creation-help-panel footer{border-color:#3a3e47}
html[data-theme="dark"] .creation-help-trigger{color:#dce5ff;border-color:#424957;background:#292c34}
html[data-theme="dark"] .product-tour-card{color:#f3f5f9;border-color:#414651;background:#22252c;box-shadow:0 22px 60px rgba(0,0,0,.42)}html[data-theme="dark"] .product-tour-card>p{color:#b8bec9}html[data-theme="dark"] .product-tour-card footer button{color:#dfe3eb;border-color:#464b56;background:#292c34}html[data-theme="dark"] .product-tour-card footer [data-tour-next]{color:#fff;border-color:#376bea;background:#275ce7}html[data-theme="dark"] .product-tour-card footer [data-tour-skip]{color:#aeb4bf;border-color:transparent;background:transparent}

@media(max-width:700px){
  .creation-help{right:12px;bottom:12px;max-width:calc(100vw - 24px)}
  .creation-help-panel{width:min(350px,calc(100vw - 24px));padding:19px;border-radius:19px}
  .creation-help-trigger{min-height:45px;padding:0 15px;border-radius:14px}
  .creation-help-panel>p{font-size:.82rem}
}
.this-week-slot.planned:not(.missed) small{display:inline-flex;align-items:center;gap:5px}.this-week-slot.planned:not(.missed) small::before{content:"video_call";font-family:"Material Symbols Outlined";font-size:1rem;font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;color:inherit}
.home-production-card{display:grid;gap:16px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.home-production-card .this-week-panel,.home-production-card .search-jobs-card{box-sizing:border-box;margin:0;padding:18px;border:1px solid #e0e2e8;border-radius:19px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(32,35,47,.06)}
.home-production-card .this-week-panel{padding-bottom:18px}
.home-production-card .home-production-section-heading{padding:0;border:0}
html[data-theme="dark"] .home-production-card{background:transparent}html[data-theme="dark"] .home-production-card .this-week-panel,html[data-theme="dark"] .home-production-card .search-jobs-card{border-color:#383c46;background:#202229}
@media(max-width:720px){.home-production-card{padding:0}.home-production-card .this-week-panel,.home-production-card .search-jobs-card{padding:14px}}
/* Inline production schedule: compact week/month views and allowance */
.production-schedule-panel{display:block}
.production-schedule-header{align-items:flex-start!important;margin-bottom:12px!important}
.production-schedule-header>div:first-child{min-width:0}
.production-schedule-header .canvas-kicker{display:block!important;margin-bottom:7px;color:#275ce7;font-size:.68rem;font-weight:850;letter-spacing:.14em}
.production-allowance-inline{display:flex;min-width:190px;flex-direction:column;align-items:flex-end;padding:10px 12px;border:1px solid #d8e2fb;border-radius:12px;background:#f3f6ff;text-align:right}
.production-allowance-inline strong{color:#17213b;font-size:.86rem}.production-allowance-inline span{margin-top:3px;color:#697386;font-size:.68rem}
.production-schedule-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.production-view-toggle{display:inline-flex;padding:3px;border:1px solid #dfe3eb;border-radius:11px;background:#f6f7f9}
.production-view-toggle button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#69717f;font-size:.76rem;font-weight:800}
.production-view-toggle button .material-symbols-outlined{font-size:18px;font-weight:400}
.production-view-toggle button[aria-selected="true"]{background:#fff;color:#275ce7;box-shadow:0 2px 8px rgba(32,42,65,.09)}
.production-schedule-empty{grid-column:1/-1;display:flex;min-height:84px;align-items:center;gap:12px;padding:14px 16px;border:1px dashed #cfd7e8;border-radius:13px;background:#fafbfc;color:#6e7785}
.production-schedule-empty>.material-symbols-outlined{color:#275ce7}.production-schedule-empty div{min-width:0;flex:1}.production-schedule-empty strong{display:block;color:#252832;font-size:.82rem}.production-schedule-empty p{margin:3px 0 0;font-size:.72rem;line-height:1.4}.production-schedule-empty button{min-height:36px;padding:0 13px;border:1px solid #275ce7;border-radius:9px;background:#275ce7;color:#fff;font-size:.72rem;font-weight:800}
.this-week-slot.planned strong{visibility:visible}.this-week-slot.missed{border-style:dashed}.this-week-slot.missed span{color:#727987}
.production-rhythm-summary{color:#7a818e;font-size:.7rem}
.production-month-view{min-width:0}.production-month-weekdays,.production-month-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.production-month-weekdays{margin-bottom:6px;padding:0 6px}.production-month-weekdays span{color:#858c98;font-size:.62rem;font-weight:850;text-align:center;text-transform:uppercase;letter-spacing:.08em}
.production-month-day{box-sizing:border-box;min-width:0;min-height:104px;padding:8px;border:1px solid #e0e4eb;border-radius:11px;background:#fff}
.production-month-day.outside{opacity:.42}.production-month-day.today{border-color:#7ea0f3;box-shadow:inset 0 0 0 1px rgba(39,92,231,.12)}.production-month-day.planned{background:#fbfcff}
.production-month-day>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.production-month-day>header span{display:none;color:#7b8391;font-size:.58rem;font-weight:800;text-transform:uppercase}.production-month-day>header strong{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;color:#343943;font-size:.68rem}.production-month-day.today>header strong{background:#275ce7;color:#fff}
.production-month-day-body{display:grid;gap:5px}.production-month-job,.production-month-planned{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:7px;border:0;border-radius:8px;background:#eaf0fe;text-align:left}.production-month-job strong{display:block;max-width:100%;overflow:hidden;color:#222b3c;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.production-month-job span,.production-month-planned span:last-child{margin-top:2px;color:#596781;font-size:.57rem}.production-month-planned{flex-direction:row;align-items:center;gap:4px;background:#f0f4ff;color:#275ce7}.production-month-planned .material-symbols-outlined{font-size:.85rem}.production-month-planned.past{border:1px dashed #d5dbe7;background:#f8f8f9;color:#747b88}
.production-month-job-count{border:1px solid #bfd0fb;background:#eef3ff}.production-month-job-count strong{color:#275ce7}.production-day-jobs-panel{width:min(520px,calc(100vw - 28px))}.production-day-jobs-list{display:grid;gap:8px;margin:18px 0}.production-day-jobs-list button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;width:100%;padding:13px 14px;border:1px solid #dce2ee;border-radius:12px;background:#fff;color:#252a34;text-align:left;cursor:pointer}.production-day-jobs-list button:hover{border-color:#9db6f7;background:#f3f6ff}.production-day-jobs-list strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-day-jobs-list button>span:first-of-type{grid-column:1;color:#747c8a;font-size:.7rem}.production-day-jobs-list button>span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:#275ce7;font-size:.72rem;font-weight:800}.production-day-jobs-close{display:block;min-width:110px;min-height:42px;margin-left:auto;border:1px solid #275ce7;border-radius:10px;background:#275ce7;color:#fff;font-weight:800;cursor:pointer}
.production-month-add{display:grid;width:28px;height:28px;place-items:center;margin:auto;border:1px dashed #cbd5e7;border-radius:8px;background:transparent;color:#8a94a6;font-size:1rem;opacity:0}.production-month-day:hover .production-month-add,.production-month-add:focus-visible{opacity:1}
html[data-theme="dark"] .production-allowance-inline{border-color:#49608e;background:#252e43}html[data-theme="dark"] .production-allowance-inline strong,html[data-theme="dark"] .production-schedule-empty strong{color:#f4f6fb}html[data-theme="dark"] .production-allowance-inline span{color:#b8c1d1}html[data-theme="dark"] .production-view-toggle{border-color:#484d59;background:#292c33}html[data-theme="dark"] .production-view-toggle button{color:#aeb6c5}html[data-theme="dark"] .production-view-toggle button[aria-selected="true"]{background:#3a4050;color:#9eb9ff}html[data-theme="dark"] .production-schedule-empty{border-color:#4a5261;background:#292d35}html[data-theme="dark"] .production-month-weekdays span{color:#aeb6c6}html[data-theme="dark"] .production-month-day{border-color:#454b57;background:#292c33}html[data-theme="dark"] .production-month-day.planned{background:#2b3040}html[data-theme="dark"] .production-month-day>header strong{color:#d9dee8}html[data-theme="dark"] .production-month-day>header span{color:#aeb6c5}html[data-theme="dark"] .production-month-day.outside{opacity:.58}html[data-theme="dark"] .production-month-day.today{border-color:#668df0;box-shadow:inset 0 0 0 1px rgba(112,150,246,.28)}html[data-theme="dark"] .production-month-day.today>header strong{color:#fff;background:#3769e8}html[data-theme="dark"] .production-month-job{border:1px solid #455a88;background:#2d3a58}html[data-theme="dark"] .production-month-job strong{color:#f1f4fb}html[data-theme="dark"] .production-month-job span{color:#bdcae7}html[data-theme="dark"] .production-month-planned{border:1px solid #3d4c70;background:#303a52;color:#88a9ff}html[data-theme="dark"] .production-month-planned span:last-child{color:#aebfe9}html[data-theme="dark"] .production-month-planned.past{border-color:#4a505c;background:#2b2e35;color:#aeb5c1}html[data-theme="dark"] .production-month-add{border-color:#596276;color:#b8c2d5}html[data-theme="dark"] .production-month-job.ready-to-submit{background:#4b421c;border-color:#d0a91e;box-shadow:inset 4px 0 0 #e1b821}html[data-theme="dark"] .production-month-job.ready-to-submit strong{color:#fff4be}html[data-theme="dark"] .production-month-job.ready-to-submit span{color:#f0d871}
html[data-theme="dark"] .production-month-job-count{border-color:#506ba8;background:#2a3857}html[data-theme="dark"] .production-month-job-count strong{color:#a9c0ff}html[data-theme="dark"] .production-day-jobs-list button{border-color:#454a55;background:#292c33;color:#eef1f7}html[data-theme="dark"] .production-day-jobs-list button:hover{border-color:#637fbd;background:#30394e}
@media(max-width:720px){.production-schedule-header{flex-direction:column}.production-allowance-inline{box-sizing:border-box;width:100%;min-width:0;align-items:flex-start;text-align:left}.production-schedule-toolbar{align-items:center}.production-view-toggle{flex:1}.production-view-toggle button{flex:1}.production-month-weekdays{display:none}.production-month-days{grid-template-columns:1fr;gap:7px}.production-month-day{display:grid;min-height:0;grid-template-columns:78px 1fr;align-items:start;padding:10px}.production-month-day.outside{display:none}.production-month-day>header{justify-content:flex-start;gap:8px;margin:0}.production-month-day>header span{display:block;order:2}.production-month-day>header strong{order:1}.production-month-day-body{min-width:0}.production-month-add{margin:0;opacity:1}.this-week-days{display:grid;grid-template-columns:1fr;overflow:visible}.this-week-day{display:grid;grid-template-columns:76px 1fr;gap:7px}.this-week-day>header{justify-content:flex-start;flex-direction:column;gap:2px;padding:4px}.this-week-day>header strong{font-size:.7rem}.this-week-day>header span{font-size:.65rem}.production-rhythm-summary{display:none}}
.trial-global-notice{position:fixed;z-index:25;top:7px;left:50%;min-height:48px;max-width:calc(100vw - 620px);box-sizing:border-box;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 14px;border:1px solid #bfd0fb;border-radius:12px;background:#eef3ff;color:#17213b;box-shadow:0 8px 24px #1f293715;font-size:.78rem;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer}.trial-global-notice:hover{transform:translateX(-50%) translateY(-1px);background:#e7efff;box-shadow:0 10px 26px #1f293720}.trial-global-notice u{color:#275ce7;text-underline-offset:2px}.onboarding-card{max-width:520px}.onboarding-plan{margin:18px 0;padding:16px;border:1px solid #dfe5ef;border-radius:14px;background:#f6f8fc}.onboarding-plan strong,.onboarding-plan span{display:block}.onboarding-secondary{margin-top:10px;background:#fff!important;color:#275ce7!important;border:1px solid #275ce7!important}.billing-plan-actions{padding:20px}.billing-plan-actions a{display:inline-flex;text-decoration:none}
.billing-overview-card{width:min(1120px,100%)}.billing-plans{padding:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.billing-plans article{padding:20px;display:flex;min-width:0;flex-direction:column;border:1px solid #dfe3ec;border-radius:16px;background:#fff}.billing-plans article.featured{border-color:#9bb5f8;background:#f3f6ff;box-shadow:0 12px 28px rgba(39,92,231,.1)}.billing-plans article.single{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 24px}.billing-plans article>span{color:#275ce7;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.billing-plans article>strong{margin-top:10px;font-size:1.8rem}.billing-plans article>strong small{font-size:.72rem;color:#777e8a}.billing-plans article p{min-height:48px;margin:10px 0 20px;color:#69717f;font-size:.76rem;line-height:1.55}.billing-plans article button{min-height:42px;margin-top:auto;border:1px solid #275ce7;color:#fff;background:#275ce7;font-weight:850}.billing-plans article.single p{min-height:0;margin:2px 0}.billing-plans article.single button{grid-column:2;grid-row:1/4;min-width:180px}.billing-overview-card>.settings-save-status{padding:0 22px 18px;text-align:left}@media(max-width:800px){.billing-plans{grid-template-columns:1fr}.billing-plans article.single{grid-column:auto;display:flex}.billing-plans article.single button{min-width:0}}
.billing-plans article.current-plan{border-color:#43ad75;box-shadow:0 0 0 2px rgba(67,173,117,.12)}.billing-plans article button:disabled{cursor:not-allowed;border-color:#cbd2df;background:#e7ebf2;color:#687386;opacity:1}
@media(max-width:900px){.trial-global-notice{max-width:calc(100vw - 250px);gap:7px;padding-inline:10px;font-size:.68rem}}
@media(max-width:620px){.trial-global-notice{left:50%;max-width:calc(100vw - 150px);overflow:hidden;text-overflow:ellipsis;font-size:.62rem}.trial-global-notice a{flex:0 0 auto}}
.ready-production-message .message-copy{padding:18px;border:1px solid #bed0ff;background:#eef3ff}.ready-production-message .message-copy>strong{font-size:1.05rem;color:#173d9f}.ready-production-message .message-copy>p{margin:.4rem 0 0}.ready-production-message .agent-message-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.ready-production-message .ready-production-primary{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:10px;background:#275ce7;color:#fff;text-decoration:none;font-weight:800}.ready-production-message button{min-height:40px;padding:0 16px;border:1px solid #d4dbe8;border-radius:10px;background:#fff;color:#243047;font-weight:800}
.job-manage-panel{width:min(560px,100%)}.job-calendar-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin:4px 0 12px}.job-calendar-head strong{text-align:center}.job-calendar-head button,.job-no-planned-date{min-height:38px;border:1px solid #dcdfe6;border-radius:10px;background:#fff;color:#38404b;font-weight:800}.job-calendar-weekdays,.job-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.job-calendar-grid{position:relative}.job-calendar-weekdays span{text-align:center;color:#838995;font-size:.62rem;font-weight:800}.job-calendar-day{min-width:0;min-height:55px;display:grid;place-content:center;gap:2px;border:1px solid #e0e3e9;border-radius:9px;background:#fff;color:#30353e;cursor:pointer}.job-calendar-day strong{font-size:.8rem}.job-calendar-day small{font-size:.55rem;color:#9298a4}.job-calendar-day.outside{opacity:.45}.job-calendar-day.planned{border-color:#b8cafa;background:#f1f5ff}.job-calendar-day.viewed-week{box-shadow:inset 0 -3px 0 #275ce7}.job-calendar-day.note-open{border-color:#275ce7;box-shadow:0 0 0 2px rgba(39,92,231,.13)}.job-calendar-day.full small{color:#a9682c}.job-calendar-day.selected{border-color:#275ce7;background:#275ce7;color:#fff}.job-calendar-day.selected small{color:#fff}.job-calendar-day:disabled{opacity:.32;cursor:not-allowed}.job-calendar-note{position:absolute;z-index:8;box-sizing:border-box;width:250px;padding:13px;border:1px solid #d7ddea;border-radius:13px;background:#fff7cb;color:#242832;box-shadow:0 16px 38px rgba(24,31,48,.2);text-align:left}.job-calendar-note>strong{display:block;padding-bottom:9px;border-bottom:1px solid rgba(50,55,65,.12);font-size:.78rem}.job-calendar-note section{display:grid;gap:4px;padding-top:10px}.job-calendar-note section+section{margin-top:9px;border-top:1px solid rgba(50,55,65,.12)}.job-calendar-note b{font-size:.78rem;line-height:1.3}.job-calendar-note span,.job-calendar-note small{color:#687080;font-size:.66rem}.job-calendar-note p{margin:10px 0;color:#687080;font-size:.72rem}.job-calendar-note button{justify-self:start;margin-top:5px;padding:7px 10px;border:0;border-radius:9px;background:#275ce7;color:#fff;font-size:.7rem;font-weight:800}.job-calendar-note-create{display:inline-flex;align-items:center;gap:5px}.job-calendar-note-create .material-symbols-outlined{color:inherit;font-size:1rem}.job-no-planned-date{width:100%;margin-top:10px}.job-no-planned-date.selected{border-color:#275ce7;color:#275ce7;background:#eff3fe}#job-delete-confirm{border-color:#c43f4d;background:#c43f4d;color:#fff}html[data-theme="dark"] .job-calendar-head button,html[data-theme="dark"] .job-calendar-day,html[data-theme="dark"] .job-no-planned-date{border-color:#41454f;background:#292c33;color:#eaeef6}html[data-theme="dark"] .job-calendar-day.planned{background:#27334d}html[data-theme="dark"] .job-calendar-day.selected{background:#275ce7}html[data-theme="dark"] .job-calendar-note{border-color:#555b68;background:#30343d;color:#f2f4f8}html[data-theme="dark"] .job-calendar-note span,html[data-theme="dark"] .job-calendar-note small,html[data-theme="dark"] .job-calendar-note p{color:#c1c6d0}@media(max-width:720px){.command-job-actions{position:static;justify-content:flex-end;margin-top:16px}.command-job-actions .command-job-action{width:auto;margin:0}.command-job-more{flex:0 0 38px}}
.job-calendar-note .job-calendar-note-create span{color:#fff}.job-calendar-note .job-calendar-note-create .material-symbols-outlined{color:#fff;font-size:1rem}.job-calendar-note .job-calendar-note-create span:last-child{font-size:.7rem}
.job-calendar-day.past{opacity:.42;cursor:pointer}.job-calendar-day.past.note-open{opacity:.72}
/* Compact production allowance shown with the signed-in controls. */
.user-production-allowance{width:100%;min-height:54px;margin-top:auto;padding:8px 9px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;overflow:hidden;border:1px solid #dbe4fb;border-radius:11px;color:#30343b;background:#f4f7ff;text-align:left}
.user-production-allowance:hover{border-color:#b7c9f8;background:#eef3ff;transform:translateY(-1px)}
.user-production-allowance>.material-symbols-outlined{width:32px;height:32px;display:grid;place-items:center;overflow:hidden;border-radius:9px;color:#275ce7;background:#e2eafe;font-family:'Material Symbols Outlined';font-size:19px;line-height:1;white-space:nowrap}
.user-production-allowance>span:last-child{min-width:0;display:grid;gap:1px;overflow:hidden}.user-production-allowance strong,.user-production-allowance small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-production-allowance strong{font-size:.68rem;line-height:1.25}.user-production-allowance small{color:#727987;font-size:.56rem;line-height:1.25}
.user-production-allowance+.user-sign-out{margin-top:9px}
html[data-theme="dark"] .user-production-allowance{color:#eceef3;border-color:#36435f;background:#222a3a}html[data-theme="dark"] .user-production-allowance:hover{border-color:#526b9e;background:#273249}html[data-theme="dark"] .user-production-allowance small{color:#a9afbb}
/* Account profile editing */
.account-profile-card+.account-password-card{margin-top:16px}
.account-close-card{margin-top:16px}.account-close-card>header>.material-symbols-outlined{color:#b74450;background:#fbeaec}.account-close-content{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px}.account-close-content p{max-width:650px;margin:0 0 7px;color:#737985;font-size:.73rem;line-height:1.55}.account-close-button{flex:0 0 auto;min-height:42px;padding:8px 16px;border:1px solid #d6a2a8;border-radius:11px;color:#a93240;background:#fff;font-weight:800}.account-close-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px rgba(125,34,46,.12)}.account-close-button:disabled{cursor:not-allowed;opacity:.45}.account-close-backdrop{position:fixed;inset:0;z-index:1450;display:grid;place-items:center;padding:20px;background:rgba(20,22,29,.66);backdrop-filter:blur(6px)}.account-close-backdrop[hidden]{display:none}.account-close-dialog{box-sizing:border-box;width:min(520px,100%);padding:30px;border:1px solid #e2e3e8;border-radius:22px;color:#292d35;background:#fff;box-shadow:0 28px 80px rgba(15,17,24,.3)}.account-close-dialog h2{margin:8px 0 14px;font-size:1.65rem;line-height:1.15}.account-close-dialog p,.account-close-dialog li{color:#6e7480;font-size:.78rem;line-height:1.55}.account-close-dialog ul{margin:14px 0;padding-left:20px}.account-close-warning{padding:11px 13px;border-radius:10px;color:#973745!important;background:#fff0f1;font-weight:800}.account-close-dialog label{display:grid;gap:8px;color:#555b66;font-size:.72rem;font-weight:800}.account-close-dialog input{box-sizing:border-box;width:100%;height:50px;padding:10px 13px;border:1px solid #dcdfe6;border-radius:11px;color:#252932;background:#fafbfc;font:700 1.15rem/1 inherit;letter-spacing:.28em;text-align:center}.account-close-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.account-close-actions button{min-height:44px;padding:8px 17px;border:1px solid #dcdfe6;border-radius:11px;color:#484e59;background:#fff;font-weight:800}.account-close-actions .danger{color:#fff;border-color:#ba3e4d;background:#ba3e4d}.account-close-actions button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(28,31,39,.12)}html[data-theme="dark"] .account-close-content p{color:#aeb2bc}html[data-theme="dark"] .account-close-button{color:#f3b6bd;border-color:#71434a;background:#292c33}html[data-theme="dark"] .account-close-dialog{color:#eef1f7;border-color:#3a3e48;background:#1f2228}html[data-theme="dark"] .account-close-dialog p,html[data-theme="dark"] .account-close-dialog li,html[data-theme="dark"] .account-close-dialog label{color:#b3b7c1}html[data-theme="dark"] .account-close-dialog input{color:#f1f3f8;border-color:#41454f;background:#292c33}html[data-theme="dark"] .account-close-actions button:first-child{color:#eceef3;border-color:#41454f;background:#292c33}@media(max-width:620px){.account-close-content{align-items:stretch;flex-direction:column}.account-close-button{align-self:flex-start}.account-close-actions{flex-direction:column-reverse}.account-close-actions button{width:100%}}
.account-avatar-editor{display:flex;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid #eceef1}
.account-avatar-editor>div{display:grid;gap:3px;margin-right:auto}.account-avatar-editor strong{font-size:.78rem}.account-avatar-editor small{color:#7f858f;font-size:.68rem}
.account-avatar-editor button,.account-form-actions button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border:1px solid #d9dde5;border-radius:10px;color:#343840;background:#fff;font-size:.72rem;font-weight:800}
.account-avatar-editor button:hover{border-color:#b9c7eb;background:#f6f8fe;transform:translateY(-1px)}.account-avatar-editor button.secondary{color:#68707d}
.account-avatar-editor .material-symbols-outlined,.account-form-actions .material-symbols-outlined{font-size:18px}
.account-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.account-password-card .account-settings-form{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-settings-form label{display:grid;gap:7px}.account-settings-form label>span{color:#686f7b;font-size:.68rem;font-weight:800}.account-settings-form input{width:100%;min-height:42px;padding:9px 12px;border:1px solid #d9dde5;border-radius:10px;color:#262a32;background:#f8f9fb;font:inherit;font-size:.75rem;outline:none}.account-settings-form input:focus{border-color:#275ce7;box-shadow:0 0 0 3px rgba(39,92,231,.1);background:#fff}
.account-settings-form label>small{min-height:1.1rem;color:#858b96;font-size:.6rem;line-height:1.4}
.account-form-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:2px}.account-form-actions p{margin-right:auto}.account-form-actions button{color:#fff;border-color:#275ce7;background:#275ce7}.account-form-actions button:hover{background:#174bd3;transform:translateY(-1px)}.account-form-actions button:disabled{opacity:.55;transform:none}
html[data-theme="dark"] .account-avatar-editor{border-color:#393c45}html[data-theme="dark"] .account-avatar-editor button{color:#eceef3;border-color:#41454f;background:#292c33}html[data-theme="dark"] .account-settings-form input{color:#eceef3;border-color:#41454f;background:#292c33}html[data-theme="dark"] .account-settings-form input:focus{border-color:#5c89f6;background:#24272e}
@media(max-width:700px){.account-avatar-editor{align-items:flex-start;flex-wrap:wrap}.account-avatar-editor>div{flex-basis:100%}.account-settings-form,.account-password-card .account-settings-form{grid-template-columns:1fr}.account-form-actions{align-items:stretch;flex-direction:column}.account-form-actions button{align-self:flex-end}}
/* Grouped account notification preferences. */
.notification-preferences-card{padding-bottom:16px}.notification-preference-head,.notification-preference-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 92px;align-items:center;column-gap:14px}.notification-preference-head{padding:15px 4px 7px;color:#858b96;font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.notification-preference-head span:not(:first-child){text-align:center}.notification-preference-list{border-top:1px solid #eceef1}.notification-preference-row{min-height:88px;padding:13px 4px;border-bottom:1px solid #eceef1}.notification-preference-row>div{display:grid;gap:4px}.notification-preference-row>div>strong{font-size:.78rem}.notification-preference-row>div>small{color:#777e89;font-size:.67rem;line-height:1.45}.notification-preference-row details{margin-top:2px;color:#657084;font-size:.63rem}.notification-preference-row summary{width:max-content;color:#275ce7;cursor:pointer;font-weight:750;list-style:none}.notification-preference-row summary::-webkit-details-marker{display:none}.notification-preference-row summary::after{content:' +';}.notification-preference-row details[open] summary::after{content:' −'}.notification-preference-row details p{max-width:650px;margin:7px 0 0;line-height:1.5}.notification-required{justify-self:center;padding:5px 8px;border-radius:999px;color:#68717f;background:#f0f2f5;font-size:.59rem;font-weight:800;white-space:nowrap}.setting-switch{justify-self:center;position:relative;display:grid;place-items:center;cursor:pointer}.setting-switch input{position:absolute;opacity:0;pointer-events:none}.setting-switch>span{position:relative;width:38px;height:22px;border-radius:999px;background:#d6dae2;box-shadow:inset 0 0 0 1px rgba(34,42,56,.06);transition:background .2s ease}.setting-switch>span::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(30,38,52,.22);transition:transform .2s ease}.setting-switch input:checked+span{background:#275ce7}.setting-switch input:checked+span::after{transform:translateX(16px)}.setting-switch input:focus-visible+span{outline:3px solid rgba(39,92,231,.2);outline-offset:2px}.setting-switch b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.notification-preference-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:16px}.notification-preference-actions p{margin-right:auto}.notification-preference-actions button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 15px;border:1px solid #275ce7;border-radius:10px;color:#fff;background:#275ce7;font-size:.72rem;font-weight:850}.notification-preference-actions button:hover{background:#174bd3;transform:translateY(-1px)}.notification-preference-actions .material-symbols-outlined{font-size:18px}
html[data-theme="dark"] .notification-preference-list,html[data-theme="dark"] .notification-preference-row{border-color:#393c45}html[data-theme="dark"] .notification-preference-row>div>small{color:#abb1bc}html[data-theme="dark"] .notification-required{color:#c6cbd4;background:#30333b}html[data-theme="dark"] .setting-switch>span{background:#555c69;box-shadow:inset 0 0 0 1px #707887}html[data-theme="dark"] .setting-switch input:checked+span{background:#376cf0;box-shadow:inset 0 0 0 1px #6e96ff,0 0 0 2px rgba(55,108,240,.13)}html[data-theme="dark"] .setting-switch>span::after{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.42)}
@media(max-width:650px){.notification-preference-head{display:none}.notification-preference-list{margin-top:14px}.notification-preference-row{grid-template-columns:1fr auto;gap:12px}.notification-preference-row>div{grid-column:1/-1}.notification-preference-row .notification-required,.notification-preference-row .setting-switch{justify-self:start}.notification-preference-row .setting-switch b{position:static;width:auto;height:auto;margin-top:5px;overflow:visible;clip:auto;color:#747b87;font-size:.58rem}.notification-preference-row.required-row{grid-template-columns:1fr auto auto}.notification-preference-row.required-row>div{grid-column:1/-1}}
/* Account display and regional preferences. */
.application-preference-grid{display:grid}.application-preference-row{min-height:72px;padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #eceef1}.application-preference-row>div:first-child,.application-preference-row>span{display:grid;gap:4px}.application-preference-row strong{font-size:.76rem}.application-preference-row small{color:#7f858f;font-size:.67rem;font-weight:500}.application-preference-row select{width:min(100%,260px);height:42px;padding:0 38px 0 13px;border:1px solid #dfe2e8;border-radius:11px;color:#30343c;background:#f8f9fb;font:inherit;font-size:.72rem}.application-preference-actions{padding-top:18px;display:flex;align-items:center;justify-content:flex-end;gap:14px}.application-preference-actions>span{margin-right:auto;color:#43ad75;font-size:.7rem}.application-preference-actions button{display:inline-flex;align-items:center;gap:7px}.application-preference-actions .material-symbols-outlined{font-size:18px}html[data-theme="dark"] .application-preference-row{border-color:#393c45}html[data-theme="dark"] .application-preference-row select{color:#eceef3;border-color:#41454f;background:#292c33}@media(max-width:620px){.application-preference-row{align-items:stretch;flex-direction:column;gap:10px}.application-preference-row select{width:100%}.application-preference-row .theme-toggle{align-self:flex-start}}
.application-preference-actions button.primary{color:#fff;border-color:#275ce7;background:#275ce7;box-shadow:0 8px 18px rgba(39,92,231,.2)}
.application-preference-actions button.primary:hover{color:#fff;background:#1f4fcf;box-shadow:0 10px 22px rgba(39,92,231,.28)}
.application-preference-actions button.primary .material-symbols-outlined{color:#fff}
/* Independent Capathy billing account */
.billing-account-details{display:grid;gap:14px;margin-top:20px;padding-top:20px;border-top:1px solid #dfe3ec}
.billing-checkout-panel{padding:18px;border:1px solid #bfd0fb;border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(24,38,72,.1)}
.billing-checkout-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line,#dfe3eb)}
.billing-checkout-panel>header>div{display:grid;gap:4px}.billing-checkout-panel>header small{color:var(--muted,#758094)}.billing-checkout-panel>header button{min-height:38px;padding:0 14px;border:1px solid #d7dce6;border-radius:11px;background:#fff;color:#3c4350;font-weight:800}
#billing-checkout{min-height:240px}html[data-theme="dark"] .billing-checkout-panel{border-color:#3b5cae;background:#202229}html[data-theme="dark"] .billing-checkout-panel>header button{border-color:#41454f;background:#292c33;color:#eef1f7}
.billing-account-panel,.billing-invoices-panel{padding:18px;border:1px solid #dfe3ec;border-radius:18px;background:var(--surface,#fff)}
.billing-account-panel>header,.billing-invoices-panel>header,.billing-invoice-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.billing-account-panel header div,.billing-invoices-panel header div,.billing-invoice-row div{display:grid;gap:4px}
.billing-account-panel small,.billing-invoices-panel small,.billing-invoice-row small{color:var(--muted,#758094)}
.billing-invoices-list{display:grid;gap:18px;margin-top:18px}
.billing-invoice-row{padding:13px 0;border-top:1px solid var(--line,#dfe3eb)}
.billing-invoice-row button,.billing-account-panel button{min-height:40px;padding:0 16px;border-radius:12px}
#billing-invoices-empty{margin:14px 0 0;color:var(--muted,#758094)}
.billing-invoice-card{border:1px solid #dfe3ec;border-radius:16px;background:var(--surface,#fff);overflow:hidden}
.billing-invoice-card>summary{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(160px,1fr) minmax(210px,1.5fr) minmax(100px,.55fr) minmax(70px,.45fr) 28px;align-items:center;gap:18px;padding:20px;cursor:pointer;list-style:none}
.billing-invoice-card>summary::-webkit-details-marker{display:none}
.billing-invoice-card>summary span:nth-child(5){text-transform:capitalize}
.billing-invoice-card>summary:hover{background:var(--surface-soft,#f7f8fb)}
.billing-invoice-chevron{display:grid;place-items:center;transition:transform .2s ease}
.billing-invoice-card[open] .billing-invoice-chevron{transform:rotate(180deg)}
.billing-invoice-body{padding:0 20px 20px;border-top:1px solid #dfe3ec}
.billing-invoice-card dl{display:grid;grid-template-columns:max-content 1fr;gap:9px 8px;margin:18px 0;color:var(--muted,#758094)}
.billing-invoice-card dt{font-weight:700}.billing-invoice-card dd{margin:0;overflow-wrap:anywhere}
.billing-invoice-actions{display:flex;align-items:center;gap:8px}.billing-invoice-actions strong{margin-right:4px}.billing-invoice-actions button{min-height:40px;padding:0 16px;border:1px solid var(--line,#dfe3eb);border-radius:12px;background:transparent;color:var(--text,#1d2330);font-weight:800}
#billing-subscription-action.billing-resume-action{background:#43ad75;border-color:#43ad75;color:#fff}
#billing-subscription-action.billing-resume-action:hover{background:#389966;border-color:#389966;color:#fff}
html[data-theme="dark"] .billing-account-details,html[data-theme="dark"] .billing-invoice-body{border-color:#41454f}
html[data-theme="dark"] .billing-account-panel,html[data-theme="dark"] .billing-invoices-panel,html[data-theme="dark"] .billing-invoice-card{border-color:#41454f}
html[data-theme="dark"] .billing-overview-card{border-color:#3b3f49;background:#202229}
html[data-theme="dark"] .billing-overview-card>header{border-color:#3b3f49}
html[data-theme="dark"] .billing-plans article{color:#eef2f8;border-color:#454a55;background:#292c34;box-shadow:none}
html[data-theme="dark"] .billing-plans article.featured{border-color:#5578cf;background:#273149;box-shadow:0 10px 28px rgba(10,18,40,.28)}
html[data-theme="dark"] .billing-plans article.current-plan{border-color:#50c489;background:#26352f;box-shadow:0 0 0 2px rgba(80,196,137,.16)}
html[data-theme="dark"] .billing-plans article>span{color:#82a6ff}
html[data-theme="dark"] .billing-plans article>strong{color:#f5f7fb}
html[data-theme="dark"] .billing-plans article>strong small{color:#b9c0cd}
html[data-theme="dark"] .billing-plans article p{color:#c0c6d1}
html[data-theme="dark"] .billing-plans article button:disabled{color:#b8c0ce;border-color:#505766;background:#383d47}
html[data-theme="dark"] .billing-overview-card>.settings-save-status{color:#62d69a}
html[data-theme="dark"] .billing-account-panel,html[data-theme="dark"] .billing-invoices-panel{color:#edf1f7;background:#292c34}
html[data-theme="dark"] .billing-account-panel small,html[data-theme="dark"] .billing-invoices-panel small,html[data-theme="dark"] .billing-invoice-row small{color:#b8bfcb}
html[data-theme="dark"] .billing-invoice-card{color:#edf1f7;background:#23262d}
html[data-theme="dark"] .billing-invoice-card>summary{color:#e7ebf2}
html[data-theme="dark"] .billing-invoice-card>summary:hover{background:#30343d}
html[data-theme="dark"] .billing-invoice-card dl{color:#b8bfcb}
html[data-theme="dark"] .billing-invoice-actions button{color:#e8edf6;border-color:#505662;background:#30343c}
@media(max-width:760px){.billing-invoice-card>summary{grid-template-columns:1fr auto 28px}.billing-invoice-card>summary span:nth-child(3){grid-column:1/-1}.billing-invoice-card>summary span:nth-child(5){grid-column:2}.billing-invoice-card dl{grid-template-columns:1fr}.billing-invoice-card dd{margin-bottom:4px}}
.idea-generation-status,.idea-generation-error{padding:1rem;border:1px solid #d9dce2;border-radius:12px;background:var(--surface-soft,#f7f8fb);font-weight:700;color:var(--muted,#697386)}
.idea-generation-error{color:#a63e45;background:#fff6f6}
.capathy-loading-state{display:flex;align-items:center;gap:.85rem;min-height:4.25rem;color:#30343b}
.capathy-loading-state strong{font:inherit;font-size:.72rem;font-weight:600;color:inherit}
.capathy-spinner{position:relative;display:inline-block;flex:0 0 auto;width:2.15rem;height:2.15rem;animation:capathy-spinner-turn 1.35s cubic-bezier(.55,.15,.45,.85) infinite}
.capathy-spinner-ray{position:absolute;left:50%;top:50%;display:block;width:.31rem;height:.92rem;border-radius:999px;transform-origin:50% 0;box-shadow:0 1px 3px rgba(25,37,66,.12)}
.capathy-spinner-ray.blue{background:#275ce7;transform:translate(-50%,-.08rem) rotate(0deg) translateY(-.87rem)}
.capathy-spinner-ray.yellow{background:#ffc62f;transform:translate(-50%,-.08rem) rotate(90deg) translateY(-.87rem)}
.capathy-spinner-ray.green{background:#43ad75;transform:translate(-50%,-.08rem) rotate(180deg) translateY(-.87rem)}
.capathy-spinner-ray.coral{background:#ff5e57;transform:translate(-50%,-.08rem) rotate(270deg) translateY(-.87rem)}
.idea-generation-state.capathy-loading-state{padding:1rem;border:1px solid #d9dce2;border-radius:12px;background:var(--surface-soft,#f7f8fb)}
html[data-theme="dark"] .capathy-loading-state{color:#f4f7fb}
html[data-theme="dark"] .idea-generation-state.capathy-loading-state{background:var(--surface-soft,#242832);border-color:var(--line,#414754)}
@keyframes capathy-spinner-turn{0%{transform:rotate(0deg) scale(.94)}50%{transform:rotate(180deg) scale(1.04)}100%{transform:rotate(360deg) scale(.94)}}
@media (prefers-reduced-motion:reduce){.capathy-spinner{animation-duration:2.8s}}
.billing-change-modal{position:relative;width:min(500px,100%);padding:32px}.billing-change-modal h2{margin-right:58px}.billing-change-icon{position:absolute;top:27px;right:28px;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#275ce7;background:#e8efff}.billing-change-icon .material-symbols-outlined{font-size:27px}.billing-change-modal>p{white-space:pre-line}.billing-change-notice{display:grid;grid-template-columns:22px 1fr;align-items:start;gap:10px;padding:13px 14px;border:1px solid #cad8fb;border-radius:12px;color:#40516f;background:#f2f6ff;font-size:.73rem;line-height:1.5}.billing-change-notice .material-symbols-outlined{color:#275ce7;font-size:20px}.billing-change-backdrop .account-modal-actions{margin-top:24px}html[data-theme="dark"] .billing-change-icon{color:#8eafff;background:#293654}html[data-theme="dark"] .billing-change-notice{color:#c8d4ef;border-color:#3c4e78;background:#242d40}@media(max-width:520px){.billing-change-modal h2{margin-right:0}.billing-change-icon{position:static;margin:8px 0 14px}.billing-change-backdrop .account-modal-actions{flex-direction:column-reverse}}