/* NEXWORKER — URETILMIS DOSYA (aile workspace). Kaynak: assets/css, derleme: php tools/build-css.php */
.zone-page > .detail-zone > .zone-head .zone-tag { line-height: 1.45; letter-spacing: 0.045em; font-variant-numeric: tabular-nums; }
.challenge-journal-shell { gap: 22px; }
.challenge-journal-editor { gap: 16px; padding: clamp(18px, 2vw, 28px); border: 1px solid color-mix(in srgb, var(--gold) 27%, var(--frame)); border-radius: 18px; background:
linear-gradient(135deg, color-mix(in srgb, var(--gold) 7%, transparent), transparent 42%),
color-mix(in srgb, var(--plate-1) 86%, var(--sunk)); }
.challenge-journal-editor > header, .challenge-journal-page > header { gap: 16px; }
.challenge-journal-editor h3 { margin-top: 5px; color: var(--ink); font-size: clamp(1.2rem, 1.45vw, 1.65rem); }
.challenge-journal-editor label { gap: 8px; color: var(--ink-2); font-weight: 750; }
.challenge-journal-editor textarea { border-radius: 15px; padding: 16px 18px; font-size: clamp(1rem, 0.92vw, 1.12rem); line-height: 1.7; color: var(--ink); background: color-mix(in srgb, var(--sunk) 78%, var(--plate-2)); border-color: color-mix(in srgb, var(--gold) 18%, var(--channel)); }
.challenge-journal-history { gap: 12px; }
.challenge-journal-history > .card-head { margin-top: 4px; padding-bottom: 12px; border-bottom: 1px solid var(--hair); }
.challenge-journal-history > .card-head b { font-family: var(--mono); color: var(--gold); }
.challenge-journal-page { gap: 14px; padding: 18px 20px; border-radius: 15px; border: 1px solid var(--hair); background: color-mix(in srgb, var(--plate-2) 86%, var(--sunk)); }
.challenge-journal-page.is-current { border-color: color-mix(in srgb, var(--gold) 42%, var(--frame)); box-shadow: inset 3px 0 0 var(--gold); }
.challenge-journal-page header span { font-family: var(--mono); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.13em; color: var(--gold); }
.challenge-journal-page h4 { margin-top: 3px; color: var(--ink); font-size: 1.06rem; }
.challenge-journal-page header a { color: var(--cyan); text-decoration: none; font-weight: 800; }
.challenge-journal-page p { margin: 0; color: var(--ink-2); font-size: 1rem; line-height: 1.75; }
@media (max-width: 680px) {
.challenge-journal-editor { padding: 16px 14px; }
.challenge-journal-page { padding: 16px 14px; }
}
.page-wrap { margin:0 auto; }
.form-grid { margin-top:22px; }
.form-grid input, .form-grid select, .form-grid textarea, .form-stack input, .compact-settings input, .adjustment-form input, .mini-form input, .complete-inline input { padding:0 12px; }
.form-grid textarea { padding-top:11px; }
.stage-chip { margin-left:5px; }
.unit-row { gap:12px; padding:7px 14px; }
.unit-row.completed { opacity:.72; }
.complete-inline { gap:6px; }
.funnel-flow { gap:5px; margin:32px 0; padding:18px 0; }
.funnel-step { padding:8px 5px; }
.funnel-step strong { margin:6px 0 3px; }
.kpi-cards div { padding:13px; }
.kpi-cards strong { margin-top:6px; }
.data-panel { margin-top:18px; }
.financial-strip { gap:0; margin-top:18px; padding:0; }
.financial-strip div { padding:20px 16px; }
.financial-strip strong { margin-top:6px; }
.table-scroll { margin:18px -24px -24px; }
.report-grid { gap:18px; }
.bar-chart { gap:7px; padding-top:30px; }
.bar-column { gap:7px; }
.bar-stack i { transition:height .85s cubic-bezier(.18,.82,.22,1) var(--bar-delay,0ms); }
.category-report { gap:4px; }
.category-report .panel-head { margin-bottom:15px; }
.category-score { gap:9px; padding:12px 0; padding-bottom:13px; }
.settings-section { gap:30px; }
.settings-section h2 { margin:0; }
.theme-option { padding:10px; }
.theme-option input { opacity:0; }
.theme-option i { gap:3px; padding:5px; }
.theme-option i b { opacity:.9; }
.theme-option i b:nth-child(2) { opacity:.6; }
.theme-option strong { margin-top:7px; }
.adjustment-form { gap:8px; }
.auth-card .brand-mark { margin-bottom:28px; }
.form-stack { margin-top:22px; }
.dashboard-wrap { margin:0 auto; gap:18px; }
.welcome-copy { margin:8px 0 0; margin-top:10px; }
.panel { animation:kinetic-enter .42s cubic-bezier(.2,.8,.2,1) both; }
.panel-head { column-gap:16px; }
.score-body { margin-top:22px; }
.score-ring { padding-right:24px; padding:0; animation:kinetic-breathe 2.8s ease-in-out infinite; }
.score-ring span { margin-top:6px; }
.task-item { gap:12px; padding:11px 12px; transition:.18s; margin:7px 0; }
.task-points span { margin-top:3px; }
.quote-panel p { margin:0 0 11px; }
.page-wrap, .dashboard-wrap { padding:36px 34px 56px; padding-top:clamp(32px,3vw,54px); }
.form-panel, .list-panel, .data-panel, .settings-panel, .funnel-panel, .chart-panel, .category-report { padding:24px; }
.kinetic-score-burst { gap:2px; padding:12px 15px; animation:kinetic-burst .9s cubic-bezier(.18,.8,.22,1) forwards; }
.field-label, .form-grid label, .form-stack label, .compact-settings label { gap:7px; }
.button, .secondary-button { padding:10px 15px; }
.pwa-toast { gap:3px; padding:14px 16px; animation:kinetic-toast .45s cubic-bezier(.2,1.2,.3,1); }
.login-shell input:not([type="checkbox"]):not([type="radio"]) { padding:12px 15px; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease; }
.mission-v4-page .panel-head p { margin:6px 0 0; }
.is-loading { opacity:.74; }
.kpi-toolbelt, .data-action-grid, .data-control-grid { gap:18px; }
.kpi-toolbelt { padding:24px; }
.kpi-toolbelt > div:last-child { gap:10px; }
.kpi-toolbelt form { gap:8px; }
.quick-record-links { gap:0; }
.quick-record-links > a { padding:14px; }
.data-action-card { gap:7px; padding:24px; }
.data-control-grid { margin-top:18px; }
.premium-form-panel, .correction-list, .trash-center, .audit-log, .kpi-control-v4 > .panel { padding:24px; }
.correction-list article, .trash-center article, .audit-log article { gap:12px; padding:12px 0; }
.correction-list article div { gap:4px; }
.trash-center, .audit-log { margin-top:18px; }
.notification-settings-grid { gap:12px; }
.notification-settings-grid > label:has(input[type="checkbox"]) { gap:9px; padding:12px; }
.detail-cta { margin-top:auto; }
.notification-item.read { opacity:.56; }
.day-transition-v3 form { gap:10px; }
.day-close-metrics { margin-top:15px; }
.day-close-metrics span { gap:3px; padding:9px 11px; }
.creative-timeline, .creative-status-control, .creative-checklist, .creative-kpi-mini, .creative-versions { padding:26px; }
.creative-stage-row { gap:13px; padding:15px 0; }
.creative-stage-row > div { gap:4px; }
.drive-launch { padding:13px; }
.creative-checklist form { gap:9px; }
.creative-checklist label { gap:11px; padding:12px; }
.mini-metric-grid div { gap:5px; padding:13px; }
.version-grid { gap:11px; }
.version-grid > article, .version-add-card { gap:8px; padding:16px; }
.creative-meta-editor { margin-top:20px; padding:0; }
.creative-meta-editor summary { padding:18px 23px; }
.creative-meta-editor form { padding:0 23px 23px; }
.schedule-history { gap:0; margin-top:20px; padding:25px; }
.schedule-history > div:not(.panel-head) { gap:15px; padding:12px 0; }
.mission-filters { gap:8px; margin:-8px 0 18px; }
.mission-filters a { padding:10px 15px; }
.mission-pulse-grid { margin-bottom:18px; }
.mission-pulse-grid article { gap:5px; padding:16px; }
.mission-v3-layout { gap:20px; }
.reschedule-dialog form { gap:14px; padding:25px; }
.time-grid { gap:20px; }
.time-grid > article, .day-history { padding:25px; }
.time-type-list > div { gap:14px; padding:13px 0; }
.time-type-list span { gap:3px; }
.hour-heatmap { gap:9px; }
.hour-heatmap div { gap:4px; padding:14px; }
.day-summary-grid { gap:10px; }
.day-summary-grid article { gap:6px; padding:15px; }
.day-summary-grid p { margin:5px 0 0; }
.category-time-panel { margin:20px 0; padding:25px; }
.category-time-grid { gap:10px; }
.category-time-grid article { gap:5px; padding:15px; }
.challenge-bars { padding-top:20px; }
.ads-kpi-v3 .funnel-panel-v3 { margin-bottom:24px; }
.calculated-kpi-panel-v3 { padding:22px; }
.calculated-kpi-panel-v3 .calculated-kpi-grid { gap:8px; }
.calculated-kpi-panel-v3 .calculated-kpi-grid article { padding:12px; }
.kpi-table-v3 { margin-top:26px; }
.funnel-panel-v3 + .kpi-entry-v3 { margin-top:0; }
.device-settings-controls { gap:14px; }
.current-device-card { gap:13px; padding:16px 17px; }
.device-pulse { animation:kinetic-pulse 1.45s ease-in-out infinite; }
.current-device-card strong { margin-top:3px; }
.current-device-card div span { margin-top:2px; }
.current-device-card > b { padding:6px 9px; }
.device-fields { gap:12px; }
.device-fields label { gap:7px; }
.device-fields input, .device-fields select { padding:11px 13px; }
.session-expiry { gap:3px; padding:13px 15px; }
.day-transition-banner { gap:24px; margin:22px clamp(28px,3vw,60px) 0; padding:18px 20px; }
.day-transition-banner h2 { margin:3px 0; }
.day-transition-banner p { margin:0; }
.production-layout, .kpi-entry-layout, .finance-layout { gap:22px; }
.production-card-grid { gap:14px; margin-top:18px; }
.production-card { gap:11px; }
.production-card > div:first-child { gap:10px; }
.production-card h3 { margin:0; }
.production-card p { margin:0; }
.production-progress i { animation:kinetic-flow 3s linear infinite; }
.compact-unit-page { padding-top:0; }
.active-unit-list { gap:9px; margin-top:16px; }
.active-unit-row { gap:14px; padding:11px 12px; }
.active-unit-row small { margin-top:4px; }
.unit-quick-actions { gap:8px; }
.unit-quick-actions form { gap:8px; }
.unit-quick-actions input[type="url"] { padding:8px 10px; }
.locked-unit { padding:7px 10px; }
.inline-creator form, .inline-vendor-form { gap:10px; }
.gantt-scroll { padding-bottom:9px; }
.gantt-header > span { padding:12px; }
.gantt-days b { gap:3px; }
.gantt-label { gap:11px; padding:10px 12px; }
.gantt-label small { margin-top:3px; }
.dashboard-section { gap:16px; margin-bottom:28px; }
.section-band { gap:13px; }
.today-dashboard-grid { gap:18px; }
.category-kpi-grid { gap:12px; }
.category-kpi-grid article, .lifetime-category-list article { gap:7px; padding:17px; }
.kpi-hub-grid { gap:18px; }
.kpi-hub-grid > a { gap:7px 18px; transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.sub-tabs { gap:8px; margin:-7px 0 20px; }
.sub-tabs a { padding:10px 15px; }
.filter-bar { gap:10px; margin-bottom:18px; padding:15px; }
.content-table input, .content-table select { padding:8px 10px; }
.finance-detail { margin-top:20px; }
.calculated-kpi-grid { gap:10px; margin-top:15px; }
.calculated-kpi-grid article { gap:7px; padding:14px; padding-left:20px; }
.inline-vendor-form { margin-top:18px; padding-top:18px; }
.api-key-grid, .api-provider-list, .session-device-list { gap:11px; }
.api-provider-card, .session-device-card { gap:12px; padding:15px; }
.api-provider-card > div, .session-device-card > div { gap:3px; }
.url-preview-popover { padding:11px 13px; }
.home-dashboard-v2 { gap:20px; }
.home-quote { padding:30px 34px; }
.home-quote p { margin:0 0 18px; }
.unit-drive-link { margin-top:5px; }
.settings-addon-wrap { padding-top:0; }
.beta02-settings { margin-top:0; }
.profile-upload-form { gap:13px; }
.profile-upload-form input[type="file"] { padding:10px; }
.record-safety-wrap, .finance-control-v4, .campaign-safety-v4 { padding-top:0; }
.destructive-strip { gap:12px; margin-top:18px; padding:20px; }
.panel-head > div:first-child { padding-left:1px; }
.kpi-control-v4 .kpi-toolbelt { margin-top:34px; }
.funnel-detail-page { gap:30px; }
.funnel-detail-page .detail-identity.panel { margin:0; padding:12px 4px 22px 22px; }
.funnel-detail-page .detail-control-grid, .funnel-detail-page .funnel-step-layout { gap:28px; margin:0; }
.funnel-detail-page .funnel-step-list { padding:28px; }
.funnel-detail-page .funnel-step-layout > .premium-form-panel { padding:28px; }
.beta05-quality-gate { padding:28px; }
.quality-check-grid { gap:10px; margin-bottom:18px; }
.quality-check-grid input { opacity:0; }
.quality-check-grid span { gap:11px; padding:12px 14px; }
.quality-settings-grid { gap:20px; }
.quality-area-manager { padding:20px; }
.quality-area-manager > header { margin-bottom:18px; padding-left:20px; }
.quality-area-manager > header h3 { margin:5px 0 0; }
.quality-template-card { gap:13px; margin-top:16px; padding:16px; }
.quality-template-card > div { gap:10px; }
.quality-setting-item { gap:10px; }
.settings-section-heading { column-gap:18px; }
.work-component-panel { padding:28px; }
.work-component-groups { margin-top:22px; }
.work-component-group > header > div { gap:4px; }
.work-component-group > header h3 { margin:0; }
.component-row { gap:13px; margin:0; }
.component-row > span:nth-child(2) { gap:4px; }
.bulk-list-head { gap:14px; margin:0 0 12px; padding:10px 12px; border:1px solid var(--hair); border-radius:13px; background:color-mix(in srgb,var(--area-color,var(--creative)) 4%,var(--sunk)); }
.bulk-list-head>small { font-family:var(--mono); color:var(--ink-3); }
.bulk-list-head>small b { color:var(--area-color,var(--creative)); }
.bulk-master-select, .bulk-record-select { gap:9px; }
.bulk-master-select input, .bulk-record-select input { opacity:0; }
.bulk-master-select span, .bulk-record-select span { border:1px solid var(--channel); border-radius:9px; background:var(--sunk); color:transparent; font-size:.86rem; font-weight:900; transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease; }
.bulk-master-select input:focus-visible+span, .bulk-record-select input:focus-visible+span { outline:2px solid var(--blue); outline-offset:2px; }
.bulk-master-select input:checked+span, .bulk-record-select input:checked+span { border-color:var(--area-color,var(--creative)); background:color-mix(in srgb,var(--area-color,var(--creative)) 22%,var(--sunk)); color:var(--ink); box-shadow:0 0 18px -7px var(--area-color,var(--creative)); }
.bulk-master-select input:indeterminate+span { border-color:var(--area-color,var(--creative)); color:transparent; }
.bulk-master-select input:indeterminate+span::after { content:''; border-radius:2px; background:var(--area-color,var(--creative)); }
.bulk-delete-modal { padding:20px; background:rgba(0,0,0,.72); backdrop-filter:blur(9px); }
.bulk-delete-dialog { gap:18px; padding:24px; border:1px solid color-mix(in srgb,var(--bad) 38%,var(--frame)); border-radius:20px; background:linear-gradient(180deg,var(--plate-raise),var(--plate-2)); box-shadow:inset 0 1px 0 var(--lip),0 30px 90px rgba(0,0,0,.7); }
.bulk-delete-dialog>header { gap:18px; }
.bulk-delete-dialog h2 { margin:4px 0 0; }
.bulk-delete-dialog h2 b { color:var(--bad); }
.bulk-delete-dialog>p { margin:0; color:var(--ink-2); line-height:1.55; }
.bulk-delete-dialog label { gap:8px; }
.modal-close { padding:0; border:1px solid var(--channel); border-radius:11px; background:var(--sunk); color:var(--ink-2); font-size:1.4rem; }
.bulk-dialog-actions { gap:10px; }
@media (max-width: 760px) {
.task-item { padding:12px 15px; }
.form-panel, .list-panel, .data-panel, .settings-panel, .funnel-panel, .chart-panel, .category-report { padding:17px; }
.funnel-flow { padding-bottom:8px; }
.table-scroll { margin:15px -17px -17px; }
.settings-section { gap:15px; }
}
@media (max-width: 760px) {
.page-wrap, .dashboard-wrap { padding:27px 15px 42px; }
.score-ring { padding:0; }
}
@media (prefers-reduced-motion: reduce) {
* { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}
@media (min-width:1700px) {
.page-wrap, .dashboard-wrap { margin-inline:auto; }
}
@media (max-width:760px) {
.page-wrap, .dashboard-wrap { padding-right:max(15px,env(safe-area-inset-right)); padding-left:max(15px,env(safe-area-inset-left)); }
.funnel-flow { padding-bottom:10px; }
}
@media (min-width:2200px) {
.calculated-kpi-panel-v3 .calculated-kpi-grid article { padding:16px; }
}
@media (max-width:760px) {
.schedule-history > div:not(.panel-head) { gap:4px; }
}
@media (prefers-reduced-motion:reduce) {
.bar-stack i { transition:none; }
}
@media (min-width:2200px) {
.page-wrap, .dashboard-wrap { padding:52px clamp(58px,3.3vw,90px) 82px; }
.dashboard-wrap { gap:25px; }
.score-body { margin-top:30px; }
.task-item { padding:15px 17px; }
.report-grid { gap:25px; }
.form-panel, .list-panel, .data-panel, .settings-panel, .funnel-panel, .chart-panel, .category-report { padding:34px; }
.device-fields input, .device-fields select { padding:13px 15px; }
.button, .secondary-button { padding:12px 18px; }
.settings-section { gap:42px; }
.current-device-card { padding:20px; }
}
@media (min-width:2200px) {
.production-layout, .kpi-entry-layout, .finance-layout { gap:28px; }
.today-dashboard-grid { gap:25px; }
.category-kpi-grid { gap:16px; }
.category-kpi-grid article { padding:23px; }
.filter-bar { padding:20px; }
}
@media (max-width:760px) {
.page-wrap, .dashboard-wrap { padding-top:78px; }
.day-transition-banner { margin:74px 14px 0; padding:16px; }
}
@media (min-width:2200px) {
.home-dashboard-v2 { gap:27px; }
.home-quote { padding:34px; }
}
@media (max-width:760px) {
.home-dashboard-v2 { gap:15px; }
.home-welcome { padding-right:54px; }
.home-quote { padding:24px; }
}
@media (min-width:2200px) {
.funnel-detail-page, .beta05-detail-addons { gap:36px; }
}
@media (max-width:760px) {
.beta05-quality-gate { padding:20px; }
.funnel-detail-page { gap:20px; }
}
@media (orientation:portrait) and (min-width:761px) and (max-width:1200px) {
.page-wrap, .dashboard-wrap { padding-top:86px; padding-right:clamp(24px,4vw,44px); padding-left:clamp(24px,4vw,44px); }
.day-transition-banner { margin-top:84px; }
.home-dashboard-v2 { gap:18px; }
}
@media (max-width:760px) {
.panel-head { column-gap:12px; }
.work-component-panel { padding:19px; }
.bulk-delete-modal { padding:12px; }
.bulk-delete-dialog { padding:19px; }
}
.main-content { background:
radial-gradient(1200px 620px at 68% -12%, rgba(79, 168, 255, 0.045), transparent 62%),
radial-gradient(900px 520px at 4% 108%, rgba(233, 185, 107, 0.032), transparent 60%),
var(--void); }
.nav-item .dot { background: var(--blue); box-shadow: 0 0 10px -1px var(--blue); border-radius: 50%; }
.panel, .settings-section, .catalog-card, .challenge-card, .data-panel, .list-panel, .chart-panel, .quote-panel, .score-card, .gantt-panel, .funnel-panel, .auth-card, .quality-template-card, .session-device-card, .new-template-card, .data-action-card { border-radius: var(--r); background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip), var(--shadow); color: var(--ink-2); }
.panel-head { border-bottom: 1px solid var(--hair); }
.panel-head .kicker { margin-bottom: 5px; }
.section-band, .dashboard-section > .kicker { color: var(--ink-3); }
.table-scroll, .gantt-scroll, .recovery-codes, .audit-log, .correction-list, .schedule-history, .rest-trace { border-radius: var(--r-in); background: var(--sunk); border: 1px solid var(--frame); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.7); }
.form-help, .builder-note, .pace-note { color: var(--ink-3); font-size: 0.9rem; }
.batch-submit-dock button { border-radius: var(--r-s); border: 1px solid var(--frame); background: linear-gradient(180deg, var(--plate-raise), var(--plate-2)); box-shadow: inset 0 1px 0 var(--lip), 0 10px 22px -16px #000; color: var(--ink); font-family: inherit; font-weight: 700; font-size: 0.9rem; letter-spacing: 0.02em; transition: border-color 0.14s ease, color 0.14s ease, transform 0.08s ease; }
.form-panel, .premium-form-panel, .mini-form, .inline-form, .inline-creator { border-radius: var(--r); }
.stage-chip, .status-pill, .count-pill, .category-chip, .unit-code, .quality-status, .theme-option span { border-radius: var(--r-s); background: var(--sunk); border: 1px solid var(--channel); color: var(--ink-2); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; padding: 4px 9px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04); }
.count-pill, .unit-code { font-family: var(--mono); letter-spacing: 0.06em; text-transform: none; color: var(--ink-2); }
.status-pill.success, .quality-status.completed, .success-text, .positive { color: var(--ok); border-color: rgba(59, 201, 138, 0.38); }
.status-pill.warning { color: var(--warn); border-color: rgba(232, 163, 61, 0.38); }
.status-pill.danger, .negative, .locked-unit { color: var(--bad); border-color: rgba(239, 95, 101, 0.38); }
.filter-chips a, .platform-tabs a, .sub-tabs a, .mission-filters a, .filter-bar a, .challenge-history-tabs a, .prompt-chips button { border-radius: 100px; background: linear-gradient(180deg, var(--plate-raise), var(--plate-2)); border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip); color: var(--ink-2); font-size: 0.9rem; font-weight: 700; }
.filter-chips a:hover, .platform-tabs a:hover, .sub-tabs a:hover, .mission-filters a:hover, .filter-bar a:hover { color: var(--ink); }
.filter-chips a.active, .platform-tabs a.active, .sub-tabs a.active, .mission-filters a.active, .filter-bar a.active, .challenge-history-tabs a.active { color: var(--ink); border-color: var(--blue-dim); box-shadow: inset 0 1px 0 var(--lip), 0 0 14px -6px var(--blue); }
.table-link { color: var(--blue); }
.score-ring strong, .score-body strong, .home-score strong, .challenge-score strong, .mini-metric-grid strong, .creative-hero-score, .detail-identity strong, .kpi-cards strong, .category-score strong, .mission-pulse-grid strong, .day-close-metrics strong { font-family: var(--mono); font-weight: 700; letter-spacing: -0.04em; background: linear-gradient(180deg, var(--steel-1) 0%, var(--steel-2) 46%, var(--steel-3) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.score-ring small, .home-score small, .detail-identity small, .challenge-score small { font-family: var(--sans); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-3); -webkit-text-fill-color: var(--ink-3); }
.mini-stats, .mini-metric-grid, .mission-pulse-grid, .day-close-metrics, .kpi-cards, .challenge-stats, .home-support-grid { gap: 1px; background: var(--frame); border: 1px solid var(--frame); border-radius: var(--r); box-shadow: inset 0 1px 0 var(--lip), var(--shadow); }
.mini-stats > *, .mini-metric-grid > *, .mission-pulse-grid > *, .day-close-metrics > *, .kpi-cards > *, .challenge-stats > *, .home-support-grid > * { background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); border-radius: 0; border: 0; }
.mini-stats > *::after, .mission-pulse-grid > *::after, .kpi-cards > *::after { content: ''; background: var(--rail, var(--blue)); box-shadow: 0 0 12px -2px var(--rail, var(--blue)); opacity: 0.85; }
.production-progress, .up-bar, .rp-bar, .component-progress, .bar-stack, .challenge-bars .bar-column { border-radius: 2px; background: var(--sunk); border: 1px solid var(--frame); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7), 0 0 0 1px var(--hair-soft); }
.production-progress > *, .up-bar > *, .rp-bar > *, .component-progress > * { border-radius: 0; background: linear-gradient(90deg, var(--blue), var(--gold)); box-shadow: 0 0 14px -4px var(--gold); }
.rp-bar > * { background: linear-gradient(90deg, var(--gold), var(--blue)); }
.production-card, .catalog-card, .funnel-step-card, .active-unit-row, .unit-row, .component-row, .session-device-card, .quality-template-card, .theme-option, .version-grid > *, .challenge-list > *, .task-group, .data-action-card, .home-challenge { border-radius: var(--r-in); background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip), 0 16px 32px -24px #000; color: var(--ink-2); }
.production-card::before, .active-unit-row::before, .unit-row::before, .funnel-step-card::before, .component-row::before, .home-challenge::before { content: ''; border-radius: 2px; background: var(--area-color, var(--blue)); box-shadow: 0 0 12px -1px var(--area-color, var(--blue)); }
.production-card:hover, .catalog-card:hover { border-color: var(--channel); }
.production-card h3, .catalog-card h3 { color: var(--ink); }
.production-card p, .catalog-card p { color: var(--ink-2); font-size: 0.9rem; }
.detail-cta { color: var(--blue); font-size: 0.86rem; font-weight: 700; }
.detail-identity { border-radius: var(--r); background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip), var(--shadow-deep); }
.detail-identity h1 { font-size: 1.85rem; }
.gantt-header, .gantt-days { border-bottom: 1px solid var(--frame); background: var(--void-2); }
.gantt-days > * { color: var(--ink-3); font-size: 0.82rem; font-weight: 700; border-left: 1px solid var(--hair-soft); }
.gantt-days > *.active, .gantt-days > *.today { color: var(--blue); }
.gantt-row { border-bottom: 1px solid var(--hair-soft); }
.gantt-row:hover { background: rgba(255, 255, 255, 0.012); }
.gantt-label { border-right: 1px solid var(--hair); }
.gantt-label strong { color: var(--ink); font-size: 0.9rem; }
.gantt-label small { color: var(--ink-3); font-size: 0.82rem; }
.gantt-track { border-radius: var(--r-s); color: var(--ink-2); font-family: var(--mono); font-size: 0.82rem; }
.gantt-track::before { content: ''; border-radius: 2px; background: var(--area-color, var(--blue)); box-shadow: 0 0 10px -1px var(--area-color, var(--blue)); }
.gantt-resize-handle { background: var(--channel); border-radius: 2px; }
.gantt-resize-handle:hover { background: var(--blue); }
.settings-section-heading { border-bottom: 1px solid var(--hair); }
.settings-section-icon { border-radius: var(--r-in); background: linear-gradient(180deg, var(--plate-raise), var(--plate-2)); border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip); color: var(--blue); }
.theme-grid { gap: 10px; }
.theme-option.active, .theme-option:has(input:checked) { border-color: var(--blue-dim); box-shadow: inset 0 1px 0 var(--lip), 0 0 18px -8px var(--blue); }
.theme-option strong { color: var(--ink); font-size: 0.9rem; }
.theme-option .theme-swatch { gap: 5px; padding: 6px; border: 1px solid color-mix(in srgb, var(--swatch-1) 28%, #28303a); border-radius: 10px; background: linear-gradient(125deg, color-mix(in srgb, var(--swatch-1) 15%, #090b0f), #090b0f 62%); }
.theme-option .theme-swatch i { padding: 0; border-radius: 6px; }
.theme-option .theme-swatch i:nth-child(1) { background: var(--swatch-1); }
.theme-option .theme-swatch i:nth-child(2) { background: var(--swatch-2); }
.theme-option .theme-swatch i:nth-child(3) { background: var(--swatch-3); }
.auth-body { padding: 24px; background:
radial-gradient(760px 460px at 50% -10%, rgba(79, 168, 255, 0.07), transparent 62%),
radial-gradient(620px 400px at 50% 110%, rgba(233, 185, 107, 0.05), transparent 60%),
var(--void); }
.auth-card { padding: 34px 32px 30px; }
.quote-panel blockquote, .home-quote { color: var(--ink); font-size: 1.05rem; line-height: 1.55; }
.quote-mark { color: var(--ink-4); }
.destructive-strip, .beta05-delete-zone, .record-safety-wrap, .trash-center { border-radius: var(--r-in); border: 1px solid rgba(239, 95, 101, 0.26); background: linear-gradient(180deg, rgba(239, 95, 101, 0.05), transparent); }
.drive-launch, .unit-drive-link { color: var(--gold); font-weight: 700; font-size: 0.86rem; }
@media (prefers-reduced-motion: reduce) {
* { animation: none !important; transition: none !important; }
}
.score-ring { border-radius: 50%; background:
conic-gradient(
from -90deg,
var(--blue) 0%,
var(--gold) calc(var(--score, 0) * 1%),
var(--sunk) calc(var(--score, 0) * 1%)
); box-shadow: 0 0 34px -14px var(--blue), inset 0 0 0 1px var(--frame); }
.score-ring::before { content: ''; border-radius: 50%; background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip), inset 0 0 26px rgba(0, 0, 0, 0.75); }
.score-ring span { font-weight: 800; text-transform: uppercase; color: var(--ink-3); }
.score-breakdown > div { border-bottom: 1px solid var(--hair); }
.score-breakdown > div:last-child { border-bottom: 0; }
.score-breakdown > div { padding: 15px 0; }
.score-breakdown > div span { color: var(--ink-2); font-size: 0.96rem; line-height: 1.5; }
.score-breakdown > div strong { font-family: var(--mono); font-size: 1.22rem; color: var(--ink); letter-spacing: -0.025em; line-height: 1.3; }
.score-breakdown small { font-family: var(--sans); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.16em; color: var(--ink-3); line-height: 1.6; }
.score-breakdown p { color: var(--ink-2); font-size: 0.9rem; line-height: 1.6; padding-top: 4px; }
.dot { border-radius: 50%; background: var(--blue); box-shadow: 0 0 8px -1px var(--blue); margin-right: 7px; }
.dot.purple { background: var(--creative); box-shadow: 0 0 8px -1px var(--creative); }
.dot.cyan { background: var(--content); box-shadow: 0 0 8px -1px var(--content); }
.gantt-track { background: none; border: 0; box-shadow: none; padding: 7px 0; }
.gantt-track > span { padding: 6px 10px 6px 13px; margin: 0 3px; border-radius: var(--r-s); background: var(--brush), linear-gradient(180deg, #1B222C, #10161D); border: 1px solid var(--frame); box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.07),
0 0 0 1px color-mix(in srgb, var(--area-color, var(--blue)) 26%, transparent),
0 10px 20px -14px #000; }
.gantt-track > span::before { content: ''; border-radius: 2px; background: var(--area-color, var(--blue)); box-shadow: 0 0 10px -1px var(--area-color, var(--blue)); }
.gantt-track > span:hover { background: var(--brush), linear-gradient(180deg, #222B36, #151C24); border-color: var(--channel); }
.gantt-track em { gap: 1px; font-style: normal; line-height: 1.2; }
.gantt-track em b { font-family: var(--mono); font-size: 0.86rem; font-weight: 700; color: var(--ink); letter-spacing: -0.02em; }
.gantt-track em small { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; color: var(--ink-3); }
.gantt-label > i { background: var(--area-color, var(--blue)); box-shadow: 0 0 12px -2px var(--area-color, var(--blue)); border-radius: 2px; }
.gantt-label a { color: inherit; }
.gantt-label a:hover strong { color: var(--blue); }
.gantt-label > b { font-family: var(--mono); font-size: 0.86rem; font-weight: 700; color: var(--ink-2); letter-spacing: -0.02em; }
.gantt-days > * { font-family: var(--mono); }
.mission-filters a, .filter-bar a { text-decoration: none; }
.auth-card label small { margin-left: 6px; color: var(--ink-3); font-weight: 600; }
.panel, .settings-section, .data-panel, .list-panel, .chart-panel, .quote-panel, .score-card, .challenge-card, .funnel-panel, .gantt-panel, .catalog-card, .production-card { padding: clamp(18px, 1.5vw, 26px); }
.panel-head { padding-bottom: 15px; margin-bottom: 18px; }
.panel > .panel-head:first-child { padding-top: 0; }
.panel.gantt-panel, .panel:has(> .table-scroll), .panel:has(> .steps) { padding-bottom: clamp(14px, 1.2vw, 20px); }
.table-scroll, .gantt-scroll { padding: 0; }
.settings-section { padding: clamp(20px, 1.6vw, 28px); }
.form-grid, .form-stack { gap: 16px; }
.form-grid > label, .form-stack > label { gap: 7px; }
.stage-chip, .status-pill, .category-chip, .quality-status { font-size: 0.82rem; padding: 5px 10px; }
.count-pill, .unit-code { font-size: 0.82rem; padding: 5px 10px; }
.mini-stats > * small, .kpi-cards > * small, .mission-pulse-grid > * small, .n-tile small, .score-ring span { font-size: 0.78rem; letter-spacing: 0.16em; line-height: 1.7; }
.mini-stats > *, .mini-metric-grid > *, .mission-pulse-grid > *, .day-close-metrics > *, .kpi-cards > *, .challenge-stats > *, .home-support-grid > * { padding: 16px 18px; }
.welcome-row .home-profile-photo, .welcome-row .profile-photo, .home-welcome .profile-photo { border-radius: 50%; border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip), 0 0 0 1px var(--channel), 0 14px 28px -18px #000; }
@media (max-width: 760px) {
.welcome-row .home-profile-photo, .welcome-row .profile-photo, .home-welcome .profile-photo { font-size: 1.15rem; }
}
.challenge-bars i b { border-radius: 3px 3px 1px 1px; background: linear-gradient(180deg, var(--blue), var(--gold)); box-shadow: 0 0 12px -3px var(--gold); }
.bar-stack { background: var(--sunk); border: 1px solid var(--frame); border-radius: 3px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7); }
.bar-stack i:first-child { background: var(--gold); }
.bar-stack i:last-child { background: var(--blue); }
.bar-column span { color: var(--ink-3); font-family: var(--mono); font-size: 0.82rem; }
.panel-head h2, .settings-section-heading h2 { font-size: 1.02rem; font-weight: 800; letter-spacing: 0.075em; text-transform: uppercase; color: var(--ink); line-height: 1.35; }
.panel-head h2 { margin: 0; }
.panel-meta { margin: 5px 0 0; font-family: var(--mono); font-size: 0.9rem; font-weight: 700; color: var(--ink-2); letter-spacing: -0.01em; line-height: 1.45; }
.settings-section-heading .panel-meta { margin-bottom: 4px; }
.auth-logo { margin: 0 auto 22px; border-radius: 22px; border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip), 0 22px 44px -22px #000; }
.auth-card h1 { font-size: 1.5rem; letter-spacing: -0.015em; margin-bottom: 24px; }
.auth-card .form-stack { gap: 16px; }
.auth-card .primary-button { padding: 13px; margin-top: 4px; }
.profile-photo, .home-profile-photo, .settings-profile-photo { border-radius: 50%; background: linear-gradient(180deg, var(--plate-raise), var(--plate-2)); border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip), 0 0 0 1px var(--channel); color: var(--ink-2); font-weight: 800; letter-spacing: 0.06em; }
.profile-photo img, .home-profile-photo img, .settings-profile-photo img { border-radius: 50%; }
.score-body { gap: 20px; }
@media (min-width: 1240px) {
.score-body { gap: 26px; }
}
.score-breakdown > div { gap: 16px; }
.home-welcome { gap: clamp(18px, 1.6vw, 28px); }
.home-profile-photo { font-size: 1.2rem; }
.settings-profile-photo { font-size: 1.4rem; }
.settings-category-grid { gap: 16px; }
.settings-category-card { gap: 8px; padding: 26px 24px 22px; border-radius: var(--r); background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip), var(--shadow); color: var(--ink-2); }
.settings-category-card::before { content: ''; border-radius: 2px; background: var(--blue); box-shadow: 0 0 12px -1px var(--blue); }
.settings-category-card:hover { border-color: var(--channel); }
.settings-category-card:hover .detail-cta { color: var(--ink); }
.settings-category-icon { border-radius: var(--r-in); background: linear-gradient(180deg, var(--plate-raise), var(--plate-2)); border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip); color: var(--blue); font-size: 1.1rem; margin-bottom: 4px; }
.settings-category-card h2 { font-size: 1.06rem; font-weight: 800; letter-spacing: -0.005em; text-transform: none; color: var(--ink); }
.settings-category-card p { font-size: 0.9rem; line-height: 1.55; margin: 0; }
.settings-category-card .detail-cta { margin-top: auto; padding-top: 8px; }
.settings-category-head { padding-bottom: 0; }
.settings-category-head .back-link { margin-bottom: 8px; }
.settings-page .settings-panel { gap: 0; }
.settings-page .settings-panel > form + form, .settings-page .settings-panel > form + .settings-section, .settings-page .settings-panel > .settings-section + form, .settings-page .settings-panel > .settings-section + .settings-section { border-top: 1px solid var(--hair); margin-top: 22px; padding-top: 22px; }
.settings-page .settings-panel > form > .primary-button, .settings-page .settings-panel > form > button { margin-top: 16px; }
.brand-icon-form { gap: 16px; }
.brand-icon-preview { gap: 18px; }
.brand-icon-preview img { border-radius: 22px; border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip), 0 16px 32px -20px #000; }
.brand-icon-preview strong { color: var(--ink); font-size: 0.96rem; margin-bottom: 4px; }
.brand-icon-preview small { line-height: 1.55; }
.brand-icon-reset { margin-top: 14px; }
.work-block-list { gap: 16px; }
.work-block { margin: 0; padding: 18px 20px 20px; border-radius: var(--r-in); background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip), 0 14px 28px -22px #000; }
.work-block::before { content: ''; border-radius: 2px; background: var(--blue); box-shadow: 0 0 12px -1px var(--blue); }
.work-block-head { gap: 16px; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--hair); }
.work-block-head > label { gap: 7px; }
.work-block-head .work-block-remove { margin-left: auto; }
.work-code-field { border-radius: var(--r-s); border: 1px solid var(--frame); background: var(--sunk); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.65), 0 0 0 1px var(--channel); }
.work-code-field b { padding: 0 12px; background: linear-gradient(180deg, var(--plate-raise), var(--plate-2)); border-right: 1px solid var(--frame); color: var(--gold); font-family: var(--mono); font-weight: 700; font-size: 0.96rem; }
.work-code-field input { border: 0; box-shadow: none; background: transparent; font-family: var(--mono); font-size: 1.04rem; font-weight: 700; color: var(--ink); }
.work-code-field input:focus { box-shadow: none; outline: none; }
.work-code-field:focus-within { box-shadow: inset 0 1px 3px rgba(0,0,0,.65), 0 0 0 1px var(--blue), 0 0 16px -6px var(--blue); }
.work-code-field.code-clash { box-shadow: inset 0 1px 3px rgba(0,0,0,.65), 0 0 0 1px var(--bad); }
label.optional-prior-stage { opacity: 0.55; }
label.optional-prior-stage input { border-style: dashed; }
.work-block-actions { margin-top: 16px; }
.detailed-duplicate-control { gap:12px; margin-top:16px; padding:15px 16px; border:1px solid color-mix(in srgb,var(--area-color,var(--blue)) 34%,var(--border)); border-radius:16px; background:color-mix(in srgb,var(--area-color,var(--blue)) 7%,var(--panel-2)); }
.detailed-duplicate-control>div { gap:4px; }
.detailed-duplicate-control>div small { color:var(--muted); }
.detailed-duplicate-control label { gap:8px; margin:0; }
.detailed-duplicate-control label b { border-radius:11px; background:color-mix(in srgb,var(--area-color,var(--blue)) 18%,var(--panel)); color:var(--area-color,var(--cyan)); }
.creative-works-list { gap: 10px; }
.creative-work-row { gap: 18px; padding: 14px 18px 14px 20px; border-radius: var(--r-in); background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip), 0 12px 24px -20px #000; }
.creative-work-row::before { content: ''; border-radius: 2px; background: var(--area-color, var(--creative)); box-shadow: 0 0 12px -1px var(--area-color, var(--creative)); }
.creative-work-row:hover { border-color: var(--channel); }
.creative-work-row.is-late { border-color: color-mix(in srgb, var(--bad) 42%, var(--frame)); background: var(--brush), linear-gradient(180deg, color-mix(in srgb, var(--bad) 7%, var(--plate-1)), var(--plate-2)); }
.creative-work-row.is-late::before { background: var(--bad); box-shadow: 0 0 14px -1px var(--bad); }
.creative-work-row.is-late .creative-work-next small { color: var(--bad); font-weight: 800; }
.creative-work-row.is-settled { opacity: .72; }
.creative-work-row.is-settled::before { background: var(--ok); box-shadow: 0 0 12px -1px var(--ok); }
.creative-work-id { gap: 7px; }
.creative-work-id .unit-code { font-family: var(--mono); font-size: 0.96rem; font-weight: 700; color: var(--gold); background: var(--sunk); border: 1px solid var(--channel); border-radius: var(--r-s); padding: 4px 10px; }
.creative-work-main { gap: 5px; }
.creative-work-main strong { color: var(--ink); font-size: 1.04rem; }
.creative-work-main a:hover strong { color: var(--blue); }
.creative-work-main small { color: var(--ink-3); font-size: 0.86rem; }
.creative-work-main .production-progress { margin-top: 4px; }
.creative-work-next { gap: 4px; }
.creative-work-next .next-label { font-family: var(--fd, inherit); font-size: 0.86rem; font-weight: 700; color: var(--ink-2); }
.creative-work-next .next-label.done { color: var(--ok); }
.creative-work-next small { font-family: var(--mono); font-size: 0.82rem; color: var(--ink-3); }
.creative-work-row .unit-quick-actions { gap: 8px; }
.creative-work-row .unit-quick-actions form { margin: 0; }
.detail-page { gap: 30px; }
.zone-grid { gap: 16px; }
.zone-body .zone-card, .zone-body > .panel:not(.detail-identity) { border-radius: var(--r-in); padding: 18px 20px; background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip); color: var(--ink-2); }
.zone-body > .panel:not(.detail-identity)::before { opacity: 0; }
.zone-body > .panel:not(.detail-identity) > .panel-head { border-bottom: 1px solid var(--hair); }
.card-head { gap: 12px; padding-bottom: 11px; margin-bottom: 14px; border-bottom: 1px solid var(--hair); }
.card-head h3 { font-size: 0.96rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--ink); }
.card-head a { font-size: 0.86rem; font-weight: 700; color: var(--blue); }
.zone-card > h3 { font-size: 0.96rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--ink); margin-bottom: 12px; }
.identity-score { gap: 3px; }
.identity-score > span { font-size: 0.78rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--zone-tone, var(--blue)); }
.identity-score strong { font-size: 1.75rem; line-height: 1.1; }
.detail-identity .identity-score small { font-family: var(--mono); font-size: 0.82rem; font-weight: 500; letter-spacing: 0.02em; text-transform: none; color: var(--ink-2); -webkit-text-fill-color: var(--ink-2); }
.zone-card.creative-meta-editor > summary { gap: 10px; font-size: 0.96rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--ink); }
.zone-card.creative-meta-editor > summary::before { content: '+'; color: var(--blue); font-family: var(--mono); }
.zone-card.creative-meta-editor[open] > summary::before { content: '−'; }
.zone-card.creative-meta-editor > summary span { font-size: 0.86rem; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--ink-3); }
.zone-card.creative-meta-editor[open] > summary { margin-bottom: 14px; padding-bottom: 11px; border-bottom: 1px solid var(--hair); }
.safety-pair { gap: 14px; }
.safety-card { border-radius: var(--r-in); border: 1px solid var(--frame); padding: 16px 18px; background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); box-shadow: inset 0 1px 0 var(--lip); }
.safety-card h3 { font-size: 0.96rem; font-weight: 700; color: var(--ink); }
.safety-card p { margin: 7px 0 13px; font-size: 0.86rem; line-height: 1.5; color: var(--ink-3); }
.safety-card form { gap: 8px; }
.safety-card--delete { border-color: color-mix(in srgb, var(--bad) 42%, var(--frame)); background: linear-gradient(180deg, color-mix(in srgb, var(--bad) 8%, var(--plate-1)), var(--plate-2)); }
.safety-card--delete h3 { color: var(--bad); }
.detail-identity.panel { gap: 24px; padding: 22px 26px; }
.detail-identity .back-link { margin-bottom: 8px; font-size: 0.86rem; color: var(--ink-3); }
.detail-identity .kicker { margin-bottom: 6px; }
.detail-identity p { margin-top: 6px; font-size: 0.9rem; }
.component-row > span:not(.component-check) { gap: 3px; }
.component-row > span:not(.component-check) > b { color: var(--ink); font-size: 0.9rem; }
.component-row > span:not(.component-check) > small { font-family: var(--mono); font-size: 0.82rem; color: var(--ink-3); }
.component-row + .component-row { border-top: 1px solid var(--hair-soft); }
.component-check { border-radius: 50%; font-family: var(--mono); font-size: 0.86rem; color: var(--ink-3); border: 1px solid var(--channel); background: var(--sunk); }
.component-row.completed .component-check { color: var(--ok); border-color: color-mix(in srgb, var(--ok) 40%, var(--channel)); }
.creative-stage-row + .creative-stage-row { border-top: 1px solid var(--hair-soft); }
.creative-stage-row > i { border-radius: 50%; font-family: var(--mono); font-size: 0.86rem; font-style: normal; color: var(--ink-3); border: 1px solid var(--channel); background: var(--sunk); }
.creative-stage-row.completed > i { color: var(--ok); border-color: color-mix(in srgb, var(--ok) 40%, var(--channel)); }
.creative-stage-row strong { color: var(--ink); font-size: 0.9rem; }
.creative-stage-row span { font-family: var(--mono); font-size: 0.82rem; color: var(--ink-3); }
.creative-stage-row b { font-family: var(--mono); font-size: 0.9rem; color: var(--ink); }
.creative-stage-row small { font-family: var(--mono); font-size: 0.82rem; color: var(--ink-4); }
.creative-checklist label { border-radius: var(--r-s); border: 1px solid var(--channel); background: var(--sunk); font-size: 0.9rem; color: var(--ink-2); }
.kpi-hub-grid > a { padding: 24px 26px; border-radius: var(--r); background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip), var(--shadow); }
.kpi-hub-grid > a::after { content: ''; border-radius: var(--r-in); border: 1px solid color-mix(in srgb, var(--area-color) 22%, var(--channel)); }
.kpi-hub-grid > a::before { content: ''; border-radius: 0 3px 3px 0; background: linear-gradient(180deg, var(--area-color), transparent 88%); }
.kpi-hub-grid > a:hover { border-color: color-mix(in srgb, var(--area-color) 40%, var(--frame)); box-shadow: inset 0 1px 0 var(--lip), var(--shadow-deep); }
.kpi-hub-grid i { border-radius: var(--r-in); font-style: normal; font-size: 1.35rem; color: var(--area-color); border: 1px solid color-mix(in srgb, var(--area-color) 34%, var(--channel)); background: var(--sunk); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.6); }
.kpi-hub-grid span { font-size: 0.78rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--area-color); }
.kpi-hub-grid strong { font-size: 1.14rem; font-weight: 700; color: var(--ink); }
.kpi-hub-grid small { font-size: 0.9rem; color: var(--ink-3); }
.settings-category-card--data::before { background: var(--gold); box-shadow: 0 0 12px -1px var(--gold); }
.settings-category-card--data .settings-category-icon { color: var(--gold); border-color: color-mix(in srgb, var(--gold) 34%, var(--channel)); }
.extra-page { gap: 22px; }
.extra-tag-group { margin-top: 18px; }
.extra-row { gap: 14px; padding: 12px 14px; border-radius: var(--r-in); border: 1px solid var(--frame); background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); box-shadow: inset 0 1px 0 var(--lip); }
.extra-row + .extra-row { margin-top: 8px; }
.extra-row-size { font-family: var(--mono); font-size: 0.82rem; letter-spacing: 0.08em; text-transform: uppercase; padding: 6px 8px; border-radius: var(--r-s); border: 1px solid color-mix(in srgb, var(--extra) 32%, var(--channel)); background: var(--sunk); }
.extra-row-main { gap: 4px; }
.extra-row-main strong { font-size: 0.96rem; color: var(--ink); }
.extra-row-main small { font-family: var(--mono); font-size: 0.82rem; color: var(--ink-3); }
.extra-row-main .production-progress { margin-top: 3px; }
.funnel-step-card { gap: 8px 10px; padding: 12px 14px; border-radius: var(--r-in); border: 1px solid var(--frame); background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); box-shadow: inset 0 1px 0 var(--lip); }
.funnel-step-card + .funnel-step-card { margin-top: 8px; }
.funnel-step-card.completed { border-color: color-mix(in srgb, var(--ok) 26%, var(--frame)); }
.funnel-step-card.in_progress { border-color: color-mix(in srgb, var(--blue) 26%, var(--frame)); }
.funnel-card-next { gap: 2px; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--hair); }
.funnel-card-next .next-label { font-size: 0.86rem; font-weight: 700; color: var(--ink-2); }
.funnel-card-next .next-label.done { color: var(--ok); }
.funnel-card-next small { font-family: var(--mono); font-size: 0.82rem; color: var(--ink-3); }
.funnel-template-panel { padding: 24px 26px; }
.funnel-template-form { margin-top: 16px; }
.funnel-template-list { gap: 8px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--hair); }
.funnel-template-list > article { gap: 12px; padding: 10px 14px; border-radius: var(--r-in); border: 1px solid var(--frame); background: var(--sunk); }
.funnel-template-list strong { font-size: 0.9rem; color: var(--ink); }
.funnel-template-list small { font-size: 0.82rem; color: var(--ink-3); }
.funnel-save-template { margin-top: 18px; padding: 18px 20px; border-radius: var(--r-in); border: 1px solid color-mix(in srgb, var(--gold) 24%, var(--frame)); background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); box-shadow: inset 0 1px 0 var(--lip); }
.funnel-save-template h3 { font-size: 0.9rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold); }
.funnel-save-template p { margin: 6px 0 13px; font-size: 0.86rem; color: var(--ink-3); }
.funnel-save-template-row { gap: 9px; }
.work-component-group { border-radius: var(--r-in); border: 1px solid var(--frame); box-shadow: inset 0 1px 0 var(--lip); }
.work-component-group + .work-component-group { margin-top: 16px; }
.work-component-group::before { content: ''; background: linear-gradient(180deg, var(--stage-tone), transparent 82%); }
.work-component-group > header { gap: 14px; padding: 15px 18px 13px 22px; border-bottom: 1px solid var(--hair); background: linear-gradient(180deg, color-mix(in srgb, var(--stage-tone) 9%, var(--plate-raise)), transparent); }
.work-component-group .stage-flag { margin-bottom: 5px; padding: 3px 10px; border-radius: 999px; font-family: var(--mono); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.1em; border: 1px solid color-mix(in srgb, var(--stage-tone) 38%, var(--channel)); background: var(--sunk); }
.work-component-group > header h3 { font-size: 1.04rem; color: var(--ink); }
.work-component-group > header small { margin-top: 3px; font-family: var(--mono); color: var(--ink-3); }
.work-component-group > header strong { font-family: var(--mono); font-size: 1.06rem; font-weight: 700; letter-spacing: -0.03em; color: var(--ink); }
.work-component-group .component-check { color: var(--stage-tone); border-color: color-mix(in srgb, var(--stage-tone) 34%, var(--channel)); }
.work-component-group.complete { border-color: color-mix(in srgb, var(--ok) 24%, var(--frame)); }
.work-component-group.complete .component-check { color: var(--ok); border-color: color-mix(in srgb, var(--ok) 38%, var(--channel)); }
.component-row > strong { font-family: var(--mono); }
.creative-archive-list { gap: 8px; padding: 16px 24px 22px; }
.creative-archive-list > article { gap: 12px; padding: 11px 14px; border-radius: var(--r-in); border: 1px solid var(--frame); background: var(--sunk); }
.creative-archive-list strong { color: var(--ink); font-size: 0.9rem; }
.creative-archive-list small { font-family: var(--mono); color: var(--ink-3); }
.kpi-inline-form { gap: 10px; margin-bottom: 16px; }
.kpi-basis-form { gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--hair); }
.session-list-head { gap: 16px; }
.session-device-card em { font-style: normal; }
@media (max-width: 760px) {
.detail-identity.panel { gap: 14px; padding: 18px 16px; }
.detail-identity h1 { font-size: 1.4rem; }
.zone-body .zone-card, .zone-body > .panel:not(.detail-identity) { padding: 15px 14px; }
.zone-card.creative-meta-editor > summary { gap: 6px; }
.work-component-group > header { gap: 8px; padding: 13px 14px 12px 18px; }
}
@media (max-width: 680px) {
.creative-work-row .unit-quick-actions { gap: 6px; }
}
.timer-body { gap: 20px; }
.timer-target { gap: 3px; }
.timer-stage { padding: 3px 10px; border-radius: 999px; font-family: var(--mono); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.1em; color: var(--teal); border: 1px solid color-mix(in srgb, var(--teal) 38%, var(--channel)); background: var(--sunk); }
.timer-target strong { font-size: 1.04rem; color: var(--ink); }
.timer-target small { font-family: var(--mono); color: var(--ink-3); }
.timer-clock { gap: 2px; padding: 12px 22px; border-radius: var(--r-in); border: 1px solid var(--channel); background: var(--sunk); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7); }
.timer-clock strong { font-family: var(--mono); font-size: 1.7rem; font-weight: 700; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; background: linear-gradient(180deg, var(--steel-1), var(--steel-3)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.timer-clock small { font-size: 0.78rem; font-weight: 800; letter-spacing: 0.16em; color: var(--ink-4); }
.timer-card.running .timer-clock { border-color: color-mix(in srgb, var(--teal) 46%, var(--channel)); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7), 0 0 22px -8px var(--teal); }
.timer-card.running .timer-clock small { color: var(--teal); }
.timer-card.running .timer-button { border-color: color-mix(in srgb, var(--warn) 50%, var(--frame)); }
.timer-meta { gap: 1px; margin-top: 16px; border-radius: var(--r-in); background: var(--frame); border: 1px solid var(--frame); }
.timer-meta > div { padding: 11px 14px; background: var(--plate-2); gap: 2px; }
.timer-meta span { font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); }
.timer-meta strong { font-family: var(--mono); font-size: 0.96rem; color: var(--ink); }
@keyframes nex-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
.timer-active { font-family: var(--mono); font-size: 0.82rem; color: var(--teal); padding: 5px 11px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--teal) 34%, var(--channel)); background: var(--sunk); }
@media (max-width: 760px) {
.timer-body { gap: 14px; }
}
.challenge-page { gap: 22px; }
.challenge-day-actions, .challenge-day-off-state { gap: 20px; padding: 18px 20px; border-left: 3px solid var(--gold); }
.challenge-day-actions-copy, .challenge-day-off-state > div { gap: 5px; }
.challenge-day-actions-copy strong, .challenge-day-off-state strong { font-size: 1rem; line-height: 1.35; color: var(--ink); }
.challenge-day-actions-copy small, .challenge-day-off-state small { font-size: 0.84rem; line-height: 1.55; color: var(--ink-3); }
.challenge-day-action-forms { gap: 10px; }
.challenge-day-action-forms form { margin: 0; }
.sick-day-form { gap: 8px; }
.sick-day-button { border-color: color-mix(in srgb, var(--bad) 48%, var(--channel)); color: color-mix(in srgb, var(--bad) 78%, var(--ink)); background: color-mix(in srgb, var(--bad) 7%, var(--plate-2)); }
.sick-day-button:hover { border-color: var(--bad); color: var(--ink); }
.challenge-day-off-state.is-sick { border-left-color: var(--bad); }
.challenge-day-off-state.is-sick .kicker, .sick-trace { color: var(--bad); }
.challenge-day-off-state.is-rest { border-left-color: var(--gold); }
.challenge-active-card { padding: 24px 26px; transition: transform 0.18s ease, border-color 0.18s ease; }
.challenge-active-card:hover { border-color: color-mix(in srgb, var(--gold) 34%, var(--frame)); }
.challenge-active-head { gap: 18px; margin-bottom: 14px; }
.challenge-active-head h2 { font-size: 1.5rem; color: var(--ink); margin-top: 4px; }
.challenge-active-score strong { font-family: var(--mono); font-size: 1.9rem; font-weight: 700; letter-spacing: -0.03em; background: linear-gradient(180deg, var(--steel-1), var(--steel-3)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.challenge-active-score small { font-family: var(--mono); color: var(--ink-3); }
.challenge-active-foot { gap: 8px 22px; margin-top: 12px; font-family: var(--mono); font-size: 0.82rem; color: var(--ink-3); }
.challenge-active-foot .detail-cta { margin-left: auto; font-family: var(--sans); }
.challenge-past-link { gap: 16px; padding: 16px 24px; color: var(--ink-2); }
.challenge-planner { padding: 0; }
.challenge-planner > summary { gap: 12px; padding: 20px 26px; color: var(--ink); }
.challenge-planner > summary b { font-size: 1.04rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.challenge-planner .planner-icon { border-radius: var(--r-s); font-size: 1.1rem; color: var(--gold); border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--channel)); background: var(--sunk); }
.challenge-planner .planner-hint { margin-left: auto; font-size: 0.86rem; color: var(--ink-3); }
.challenge-planner[open] > summary { border-bottom: 1px solid var(--hair); }
.planner-body { padding: 20px 26px 26px; gap: 20px; }
.planner-groups { gap: 14px; }
.planner-group { border-radius: var(--r-in); border: 1px solid var(--frame); background: var(--sunk); }
.planner-group > header { padding: 11px 16px; border-bottom: 1px solid var(--hair); background: linear-gradient(180deg, var(--plate-raise), var(--plate-2)); }
.planner-group > header span { font-size: 0.8rem; font-weight: 800; letter-spacing: 0.16em; color: var(--gold); }
.planner-row { gap: 12px; padding: 10px 16px; margin: 0; }
.planner-row + .planner-row { border-top: 1px solid var(--hair-soft); }
.planner-label b { font-size: 0.9rem; color: var(--ink); }
.planner-label small { font-family: var(--mono); font-size: 0.78rem; color: var(--ink-3); }
.planner-result { gap: 14px; padding: 18px 20px; border-radius: var(--r-in); border: 1px solid color-mix(in srgb, var(--gold) 22%, var(--frame)); background:
linear-gradient(180deg, color-mix(in srgb, var(--gold) 6%, transparent), transparent 40%),
var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); }
.planner-total { gap: 2px; }
.planner-total span { font-size: 0.8rem; font-weight: 800; letter-spacing: 0.16em; color: var(--ink-3); }
.planner-total strong { font-family: var(--mono); font-size: 2rem; font-weight: 700; letter-spacing: -0.03em; background: linear-gradient(180deg, var(--steel-1), var(--steel-3)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.planner-total small { font-family: var(--mono); color: var(--ink-3); }
.planner-scenarios { gap: 10px; }
.planner-scenario { gap: 3px; padding: 14px 16px; border-radius: var(--r-in); border: 1px solid var(--channel); background: var(--sunk); transition: border-color 0.18s ease, transform 0.18s ease; }
.planner-scenario:hover { border-color: var(--ink-4); }
.planner-scenario > span { font-size: 0.84rem; color: var(--ink-2); }
.planner-scenario strong { font-family: var(--mono); font-size: 1.24rem; font-weight: 700; letter-spacing: -0.02em; color: var(--ink); }
.planner-scenario small { font-family: var(--mono); font-size: 0.78rem; color: var(--ink-4); }
.planner-scenario.active { border-color: var(--gold); box-shadow: inset 0 0 0 1px var(--gold); }
.planner-scenario.active > span { color: var(--gold); }
.planner-pick { margin: 0; }
.planner-create { margin-top: 4px; }
.challenge-bars { gap: 4px; margin-top: 18px; padding: 12px 10px 0; border-radius: var(--r-in); background: var(--sunk); border: 1px solid var(--frame); }
.challenge-bars > div { gap: 5px; }
.challenge-bars i { border-radius: 3px 3px 0 0; background: linear-gradient(180deg, var(--blue), color-mix(in srgb, var(--blue) 30%, transparent)); }
.challenge-bars span { font-family: var(--mono); font-size: 0.78rem; color: var(--ink-4); }
.challenge-area-list { gap: 10px; }
.challenge-area-list > div { gap: 12px; }
.challenge-area-list span { font-size: 0.88rem; color: var(--ink-2); }
.challenge-area-list b { font-family: var(--mono); font-size: 0.88rem; color: var(--ink); }
.challenge-area-list .production-progress i { background: var(--area-color); }
.challenge-detail-page .progress-track.zone-card { padding: 0; }
@media (max-width: 760px) {
.challenge-day-actions, .challenge-day-off-state { gap: 16px; padding: 17px 16px; }
.challenge-active-foot .detail-cta { margin-left: 0; }
}
.planner-group[data-group="Funnel"] .planner-row { border-top: 0; }
.planner-group[data-group="Funnel"] .planner-row:nth-child(n+2) { border-top: 1px solid var(--hair-soft); }
.challenge-bars span { writing-mode: horizontal-tb; }
.funnel-detail-page .identity-card { gap: 12px; }
.funnel-detail-page .identity-head { gap: 14px; }
.funnel-detail-page .identity-head h3 { font-size: 1.32rem; font-weight: 700; color: var(--ink); letter-spacing: -0.01em; }
.funnel-detail-page .identity-head p { color: var(--ink-3); font-size: 0.92rem; }
.funnel-detail-page .identity-figure { font-family: var(--mono); font-size: 1.55rem; line-height: 1.1; background: linear-gradient(180deg, var(--steel-1), var(--steel-2)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.funnel-detail-page .identity-figure small { font-size: 0.7rem; font-weight: 800; letter-spacing: 0.16em; color: var(--funnel); -webkit-text-fill-color: var(--funnel); }
.funnel-stage { border-radius: var(--r-in); border: 1px solid var(--frame); border-left: 3px solid var(--step-tone, var(--ink-4)); background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); box-shadow: inset 0 1px 0 var(--lip); }
.funnel-stage--new { border-style: dashed; }
.funnel-stage > summary { gap: 12px; padding: 14px 18px; }
.funnel-stage > summary:hover { background: var(--sunk); }
.funnel-stage .step-no { font-family: var(--mono); font-size: 1rem; font-weight: 700; color: var(--step-tone, var(--ink-3)); }
.funnel-stage .step-name { gap: 2px; }
.funnel-stage .step-name strong { font-size: 0.98rem; font-weight: 700; color: var(--ink); }
.funnel-stage .step-name small { font-family: var(--mono); font-size: 0.78rem; color: var(--ink-3); }
.funnel-stage .step-flag { gap: 6px; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--step-tone, var(--channel)); background: var(--sunk); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--step-tone, var(--ink-2)); }
.funnel-stage .step-flag small { font-family: var(--mono); font-weight: 500; letter-spacing: 0; color: var(--ink-3); }
.funnel-stage .step-marks { gap: 10px; }
.funnel-stage .step-late { font-size: 0.72rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--danger); }
.funnel-stage[open] > summary { border-bottom: 1px solid var(--hair); }
.funnel-stage-body { gap: 16px; padding: 16px 18px 18px; }
.funnel-stage-body .step-form { padding-top: 4px; border-top: 1px solid var(--hair-soft); }
.funnel-stage-body .work-component-panel { margin: 0; }
.step-units { gap: 8px; }
.step-unit { gap: 12px; padding: 10px 14px; border-radius: var(--r-in); border: 1px solid var(--hair); background: var(--sunk); }
.step-unit.completed { opacity: 0.62; }
.step-unit strong { font-family: var(--mono); font-size: 0.9rem; color: var(--ink); }
.step-unit small { font-family: var(--mono); font-size: 0.78rem; color: var(--ink-3); }
.step-unit-actions { gap: 8px; }
.step-unit-actions form { gap: 8px; }
.step-unit-note { font-size: 0.8rem; font-weight: 700; color: var(--gold); }
@media (max-width: 760px) {
.funnel-stage > summary { row-gap: 8px; padding: 12px 14px; }
.funnel-stage .step-no { line-height: 1.4; }
.funnel-stage .step-name small { line-height: 1.55; }
.funnel-stage-body { padding: 14px; }
}
.auth-card .auth-lead { margin: -10px 0 20px; color: var(--ink-2); font-size: 0.92rem; line-height: 1.55; }
.auth-card .otp-input { font-family: var(--mono); font-size: 1.5rem; letter-spacing: 0.32em; }
.auth-back { margin-top: 18px; font-size: 0.86rem; font-weight: 700; color: var(--ink-3); }
.auth-back:hover { color: var(--blue); }
.twofa-body { gap: 14px; }
.twofa-state { margin-top: 10px; padding: 5px 12px; border-radius: 999px; border: 1px solid var(--channel); background: var(--sunk); font-family: var(--mono); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.14em; }
.twofa-state.on { color: var(--ok); border-color: color-mix(in srgb, var(--ok) 40%, var(--channel)); }
.twofa-state.off { color: var(--ink-3); }
.twofa-grid { gap: 14px; }
.twofa-grid form { gap: 9px; margin-top: 12px; }
.twofa-section .zone-card p { color: var(--ink-2); font-size: 0.9rem; line-height: 1.55; }
.twofa-setup h3 { margin-top: 6px; }
.twofa-setup h3 + p { margin-bottom: 14px; }
.twofa-setup-grid { gap: 20px; margin-bottom: 22px; }
.totp-qr-frame { padding: 10px; border-radius: var(--r-in); border: 1px solid var(--channel); background: #ffffff; line-height: 0; }
.totp-manual { gap: 8px; }
.totp-manual > span { font-size: 0.76rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); }
.totp-manual code { padding: 10px 12px; border-radius: var(--r-in); border: 1px solid var(--channel); background: var(--sunk); font-family: var(--mono); font-size: 1rem; letter-spacing: 0.12em; color: var(--gold); }
.totp-manual small { color: var(--ink-3); font-size: 0.82rem; line-height: 1.5; }
.twofa-confirm { gap: 10px; }
.twofa-confirm input { font-family: var(--mono); font-size: 1.1rem; letter-spacing: 0.2em; }
.recovery-codes-card { margin-bottom: 16px; padding: 18px 20px; border-radius: var(--r-in); border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--frame)); background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); box-shadow: inset 0 1px 0 var(--lip); }
.recovery-codes-card p { margin-bottom: 14px; color: var(--ink-2); font-size: 0.9rem; line-height: 1.55; }
.recovery-code-grid { gap: 8px; margin-bottom: 16px; }
.recovery-code-grid code { padding: 9px 12px; border-radius: var(--r-in); border: 1px solid var(--channel); background: var(--sunk); font-family: var(--mono); font-size: 0.95rem; letter-spacing: 0.08em; color: var(--ink); }
.recovery-code-actions { gap: 10px; }
.zone-page { gap: 26px; }
.zone-body > .creative-works-board, .zone-body > .extra-board { padding: 0; border: 0; background: none; box-shadow: none; }
.zone-side-link { margin-bottom: 12px; }
.zone-side-link a { font-size: 0.86rem; font-weight: 700; color: var(--zone-tone, var(--blue)); }
@media (max-width: 760px) {
.zone-page { gap: 18px; }
}
.mission-view-bar { gap: 16px; margin-bottom: 18px; }
.mission-view-tabs { gap: 6px; }
.mission-view-tabs a { padding: 8px 15px; border-radius: 999px; border: 1px solid var(--hair); background: var(--sunk); font-size: 0.86rem; font-weight: 700; color: var(--ink-3); transition: color 0.14s ease, border-color 0.14s ease; }
.mission-view-tabs a:hover { color: var(--ink); }
.mission-view-tabs a.active { color: var(--ink); border-color: color-mix(in srgb, var(--blue) 40%, var(--channel)); background: linear-gradient(180deg, var(--plate-raise), var(--plate-2)); box-shadow: inset 0 1px 0 var(--lip); }
.mission-period { gap: 10px; }
.mission-period b { font-family: var(--mono); font-size: 0.9rem; letter-spacing: 0.04em; color: var(--ink); }
.period-step { border-radius: 50%; border: 1px solid var(--hair); background: var(--sunk); font-size: 1.1rem; color: var(--ink-2); }
.period-step:hover { color: var(--blue); border-color: var(--blue); }
.period-today { font-size: 0.82rem; font-weight: 700; color: var(--ink-3); }
.period-today:hover { color: var(--blue); }
.mission-list { gap: 18px; }
.mission-day { gap: 8px; }
.mission-day > header { gap: 10px; padding-bottom: 8px; border-bottom: 1px solid var(--hair); }
.mission-day > header b { font-family: var(--mono); font-size: 0.94rem; color: var(--ink); }
.mission-day > header span { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-4); }
.mission-day > header em { padding: 2px 9px; border-radius: 999px; border: 1px solid var(--blue); font-size: 0.7rem; font-style: normal; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--blue); }
.mission-day > header em.late { border-color: var(--bad); color: var(--bad); }
.mission-day > header small { margin-left: auto; font-family: var(--mono); font-size: 0.8rem; color: var(--ink-3); }
.mission-day.is-today > header b { color: var(--blue); }
.mission-day.is-late > header b { color: var(--bad); }
.mission-list-row { gap: 14px; padding: 11px 15px; border-radius: var(--r-in); border: 1px solid var(--hair); background: var(--sunk); }
.mission-list-row > i { border-radius: 2px; background: var(--area-color, var(--blue)); }
.mission-list-row strong { font-size: 0.95rem; color: var(--ink); }
.mission-list-row small { font-family: var(--mono); font-size: 0.78rem; color: var(--ink-3); }
.calendar-head { gap: 6px; margin-bottom: 6px; }
.calendar-head span { padding: 6px 0; font-size: 0.74rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-4); }
.calendar-grid { gap: 6px; }
.calendar-day { gap: 4px; padding: 8px; border-radius: var(--r-in); border: 1px solid var(--hair); background: var(--sunk); }
.calendar-day.outside { opacity: 0.4; }
.calendar-day.is-today { border-color: var(--blue); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--blue) 30%, transparent); }
.calendar-day.is-late > header b { color: var(--bad); }
.calendar-day > header { gap: 6px; }
.calendar-day > header b { font-family: var(--mono); font-size: 0.86rem; color: var(--ink-2); }
.calendar-day.is-today > header b { color: var(--blue); }
.calendar-day > header small { font-family: var(--mono); font-size: 0.72rem; color: var(--ink-4); }
.calendar-chip { gap: 6px; padding: 4px 6px; border-radius: 5px; background: color-mix(in srgb, var(--area-color, var(--blue)) 14%, var(--plate-2)); }
.calendar-chip i { border-radius: 2px; background: var(--area-color, var(--blue)); }
.calendar-chip span { font-family: var(--mono); font-size: 0.74rem; color: var(--ink-2); }
.calendar-chip:hover span { color: var(--ink); }
.calendar-more { font-family: var(--mono); font-size: 0.72rem; color: var(--ink-4); }
.mission-calendar--week { gap: 8px; }
.week-column { gap: 8px; padding: 10px; border-radius: var(--r-in); border: 1px solid var(--hair); background: var(--sunk); }
.week-column.is-today { border-color: var(--blue); }
.week-column > header { gap: 2px; padding-bottom: 8px; border-bottom: 1px solid var(--hair); }
.week-column > header b { font-size: 0.78rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); }
.week-column.is-today > header b { color: var(--blue); }
.week-column.is-late > header span { color: var(--bad); }
.week-column > header span { font-family: var(--mono); font-size: 0.9rem; color: var(--ink); }
.week-column > header small { font-family: var(--mono); font-size: 0.72rem; color: var(--ink-4); }
.week-body { gap: 8px; }
.week-card { gap: 5px; padding: 9px 10px; border-radius: 8px; border: 1px solid var(--hair); border-left: 3px solid var(--area-color, var(--blue)); background: var(--plate-2); }
.week-card strong { font-size: 0.86rem; line-height: 1.35; color: var(--ink); }
.week-card small { font-family: var(--mono); font-size: 0.72rem; color: var(--ink-3); }
.week-card .small-button { padding: 4px 9px; font-size: 0.74rem; }
@media (max-width: 760px) {
.mission-view-tabs a { padding: 7px 12px; font-size: 0.82rem; }
.calendar-day { padding: 6px; }
.calendar-chip span { font-size: 0.68rem; }
.calendar-head span { font-size: 0.66rem; letter-spacing: 0.06em; }
}
.home-dashboard-v2 .home-welcome { gap: clamp(16px, 1.6vw, 24px); padding: clamp(26px, 3vw, 46px) 20px clamp(20px, 2.4vw, 34px); }
.home-dashboard-v2 .home-welcome > div:first-of-type { gap: 8px; }
.home-dashboard-v2 .home-welcome .eyebrow { letter-spacing: 0.24em; }
.home-dashboard-v2 .home-welcome h1 { font-size: clamp(2.1rem, 3.4vw, 3.35rem); line-height: 1.08; letter-spacing: -0.025em; }
.home-dashboard-v2 .home-welcome .welcome-copy { font-size: clamp(1rem, 1.05vw, 1.18rem); color: var(--ink-2); }
.home-dashboard-v2 .home-profile-photo { border-radius: 25%; font-size: clamp(1.8rem, 2.2vw, 2.6rem); box-shadow:
inset 0 1px 0 var(--lip),
0 0 0 1px var(--channel),
0 0 0 7px color-mix(in srgb, var(--blue) 7%, transparent),
0 22px 46px -22px #000; }
.home-dashboard-v2 .home-profile-photo img { border-radius: 25%; }
.score-ring > div { padding: 0 6px; }
.score-ring strong { font-size: clamp(1.05rem, 1.35vw, 1.55rem); letter-spacing: -0.03em; }
@media (max-width: 760px) {
.home-dashboard-v2 .home-welcome { gap: 16px; padding: 18px 8px 10px; }
.home-dashboard-v2 .home-profile-photo { font-size: 1.9rem; }
.home-dashboard-v2 .home-welcome h1 { font-size: 1.85rem; }
.home-dashboard-v2 .home-welcome .welcome-copy { font-size: 0.98rem; }
}
.home-dashboard-v2 .panel-head h2 { font-size: clamp(1rem, 0.9vw, 1.16rem); }
.home-dashboard-v2 .score-breakdown > div > span { font-size: var(--home-body); }
.home-dashboard-v2 .score-breakdown > div > strong { font-size: var(--home-figure); }
.home-dashboard-v2 .score-breakdown > div > strong small { font-size: var(--home-label); }
.home-dashboard-v2 .score-breakdown > p { font-size: var(--home-body); line-height: 1.55; }
.home-dashboard-v2 .score-ring strong { font-size: clamp(1.2rem, 1.5vw, 1.75rem); }
.home-dashboard-v2 .score-ring span { font-size: var(--home-label); }
.home-dashboard-v2 .home-quote p { margin: 0; font-size: var(--home-body) !important; font-weight: 600; line-height: 1.62; letter-spacing: 0; color: var(--ink); }
@media (max-width: 760px) {
.home-dashboard-v2 { padding-top: calc(env(safe-area-inset-top, 0px) + 22px); }
.home-dashboard-v2 .home-welcome { padding-top: 6px; padding-bottom: 6px; }
}
.creative-stage-row > div:last-child { gap: 6px; }
@media (max-width: 760px) {
.creative-stage-row { row-gap: 10px; padding: 14px 0; }
.creative-stage-row > div:last-child { gap: 10px; }
}
.stage-times { gap: 8px; margin-top: 2px; }
.stage-times label { gap: 4px; }
.stage-times label > span { font-size: 0.7rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-4); }
.stage-times input { padding: 5px 8px; font-family: var(--mono); }
.stage-times i { font-family: var(--mono); font-size: 0.74rem; font-style: normal; color: var(--ink-4); }
.unit-plan-actions { gap: 6px; }
.plan-chip { padding: 5px 10px; border-radius: 999px; border: 1px solid var(--hair); background: var(--sunk); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.04em; color: var(--ink-3); }
.plan-chip:hover { color: var(--blue); border-color: var(--blue); }
.calendar-chip > a { font-family: var(--mono); font-size: 0.74rem; color: var(--ink-2); }
.calendar-chip:hover > a { color: var(--ink); }
.chip-plan-group { gap: 2px; }
.chip-plan { padding: 0 3px; border: 0; background: none; font-size: 0.8rem; line-height: 1; color: var(--ink-4); }
.chip-plan:hover { color: var(--blue); }
.worklib-group { border-radius: var(--r-in); border: 1px solid var(--frame); border-left: 3px solid var(--group-tone, var(--zone-tone, var(--blue))); background: var(--brush), linear-gradient(180deg, var(--plate-1), var(--plate-2)); box-shadow: inset 0 1px 0 var(--lip); }
.worklib-group + .worklib-group { margin-top: 10px; }
.worklib-group > summary { gap: 12px; padding: 13px 18px; }
.worklib-group > summary:hover { background: var(--sunk); }
.worklib-group[open] > summary { border-bottom: 1px solid var(--hair); }
.worklib-name { gap: 2px; }
.worklib-name strong { font-size: 0.86rem; font-weight: 800; letter-spacing: 0.1em; color: var(--ink); }
.worklib-name small { font-family: var(--mono); font-size: 0.76rem; color: var(--ink-3); }
.worklib-total { font-family: var(--mono); font-size: 0.86rem; color: var(--group-tone, var(--gold)); }
.worklib-body { gap: 8px; padding: 14px 18px 18px; }
.worklib-row { gap: 10px; padding: 9px 12px; border-radius: var(--r-in); border: 1px solid var(--hair); background: var(--sunk); }
.worklib-row--add { border-style: dashed; }
.worklib-row.muted { opacity: 0.55; }
.worklib-row .row-order { font-family: var(--mono); }
.worklib-row .row-up { font-family: var(--mono); }
.worklib-row .row-unit { font-family: var(--mono); font-size: 0.76rem; font-weight: 700; color: var(--gold); }
.worklib-row .small-button.danger { color: var(--bad); border-color: color-mix(in srgb, var(--bad) 34%, var(--channel)); }
.worklib-row--catalog .row-active { gap: 6px; font-size: 0.78rem; color: var(--ink-3); }
.worklib-row--catalog .row-code { font-family: var(--mono); font-size: 0.72rem; color: var(--ink-4); }
@media (max-width: 900px) {
.worklib-row, .worklib-row--catalog { row-gap: 8px; }
}
.home-dashboard-v2 .home-quote > .panel-head { gap: 16px; }
.quote-source { font-size: var(--home-label); letter-spacing: 0.18em; color: var(--ink-4); }
.home-quote[data-quote-kind='quran'] .quote-source { color: color-mix(in srgb, var(--gold) 72%, var(--ink-4)); }
.home-dashboard-v2 .home-quote { padding: clamp(24px, 2.2vw, 34px) clamp(28px, 3vw, 48px) clamp(28px, 2.6vw, 40px); }
.home-dashboard-v2 .home-quote .quote-body { gap: 14px; }
.home-dashboard-v2 .home-quote p.quote-text { font-size: var(--quote-size) !important; font-weight: 600; line-height: 1.5; letter-spacing: -0.01em; color: var(--ink); }
.quote-arabic { margin: 0; font-family: 'Noto Naskh Arabic', 'Amiri', 'Traditional Arabic', 'Geeza Pro',
'Segoe UI', serif; font-size: calc(var(--quote-size, 1.3rem) * 1.18); line-height: 2; font-weight: 500; color: color-mix(in srgb, var(--gold) 82%, var(--ink)); }
.home-dashboard-v2 .home-quote p.quote-arabic { font-size: calc(var(--quote-size) * 1.18) !important; color: color-mix(in srgb, var(--gold) 82%, var(--ink)); }
.quote-ref { font-size: var(--home-label); letter-spacing: 0.1em; color: var(--ink-4); }
.home-dashboard-v2 .home-quote .quote-mark { margin-bottom: -4px; font-size: 58px; line-height: 1; color: color-mix(in srgb, var(--gold) 22%, transparent); }
@media (max-width: 980px) {
.home-dashboard-v2 .home-quote > .panel-head { gap: 6px; }
}
.quote-pool { gap: 10px; }
.quote-row { gap: 14px; padding: 12px 14px; border: 1px solid var(--channel); border-radius: 14px; background: var(--sunk); }
.quote-row.is-off { opacity: 0.42; }
.quote-row-body { gap: 5px; }
.quote-row-tr { margin: 0; color: var(--ink-2); line-height: 1.5; }
.quote-row-ar { margin: 0; font-size: 1.16rem; line-height: 1.9; color: color-mix(in srgb, var(--gold) 78%, var(--ink)); }
.quote-row-ref { font-size: 0.82rem; letter-spacing: 0.08em; color: var(--ink-4); }
.quote-row-actions { gap: 8px; }
.quote-add-form { gap: 10px; margin-top: 14px; }
.stage-ledger { padding: 26px; }
.timer-card + .stage-ledger { margin-top: 16px; }
.stage-ledger .creative-stage-row:last-of-type { border-bottom: 0; }
@media (max-width: 760px) {
.stage-ledger { padding: 18px; }
}
.prod-session-row { gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--hair-soft); }
.prod-session-row:last-child { border-bottom: 0; }
.prod-session-row > div { gap: 3px; }
.prod-session-row strong { color: var(--ink); font-size: 0.92rem; }
.prod-session-row small { font-family: var(--mono); font-size: 0.8rem; color: var(--ink-4); }
.prod-session-row > b { font-family: var(--mono); font-size: 0.95rem; color: var(--ink); }
.prod-clock { font-family: var(--mono); font-size: 0.82rem; color: var(--ink-3); }
.prod-score { font-family: var(--mono); font-size: 0.82rem; color: var(--ink-4); }
.prod-session-row.is-current { background: color-mix(in srgb, var(--blue) 7%, transparent); }
.prod-sessions, .prod-start, .prod-done, .prod-archive, .prod-trend, .prod-volume, .prod-records { padding: 24px; }
.prod-delete { margin-top: 18px; }
@media (max-width: 760px) {
.prod-session-row { row-gap: 6px; }
.prod-sessions, .prod-start, .prod-done, .prod-archive, .prod-trend, .prod-volume, .prod-records { padding: 18px; }
}
.quality-manager-unified { padding: clamp(18px, 2vw, 28px); }
.quality-manager-unified > .form-note { margin: 0 0 18px; line-height: 1.55; }
.quality-area-manager { border: 1px solid color-mix(in srgb, var(--quality-tone) 27%, var(--frame)); border-radius: var(--r); background:
linear-gradient(145deg, color-mix(in srgb, var(--quality-tone) 6%, var(--plate-1)), var(--plate-2)); box-shadow: inset 0 1px 0 var(--lip), 0 20px 42px -32px #000; }
.quality-area-manager::before { content: ''; background: linear-gradient(90deg, var(--quality-tone), transparent 72%); box-shadow: 0 0 18px -4px var(--quality-tone); }
.quality-area-manager > header { border-left: 3px solid var(--quality-tone); }
.quality-area-manager > header span, .quality-template-head > div > span { color: var(--quality-tone); font-family: var(--mono); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.13em; }
.quality-area-manager > header h3 { color: var(--ink); font-size: clamp(1.08rem, 1.4vw, 1.35rem); }
.quality-template-create, .quality-item-add { gap: 10px; }
.quality-template-create { margin-top: 18px; }
.quality-template-card { border-color: color-mix(in srgb, var(--quality-tone) 19%, var(--frame)); background:
var(--brush),
linear-gradient(180deg, color-mix(in srgb, var(--quality-tone) 4%, var(--plate-1)), var(--plate-2)); }
.quality-template-head { padding-bottom: 12px; border-bottom: 1px solid var(--channel); }
.quality-template-head > div { gap: 4px; }
.quality-template-head strong { color: var(--ink); font-size: 1rem; }
.quality-template-head > span { color: var(--ink-4); font-size: 0.78rem; }
.quality-item-list { gap: 8px; }
.quality-setting-item { padding: 9px 10px 9px 14px; border: 1px solid var(--channel); border-left: 2px solid color-mix(in srgb, var(--quality-tone) 68%, var(--channel)); border-radius: var(--r-s); background: var(--sunk); }
.quality-setting-item span { color: var(--ink-2); font-size: 0.9rem; line-height: 1.4; }
.quality-setting-item.muted { opacity: 0.62; }
@media (max-width: 760px) {
.quality-manager-unified { padding: 15px; }
.quality-area-manager { padding: 16px; }
}
.component-group-add { gap: 12px; margin: 18px 0; padding: 16px; border-color: color-mix(in srgb, var(--blue) 28%, var(--frame)); }
.component-group-add label { gap: 7px; }
.component-group-tools { gap: 8px; padding: 10px; border: 1px solid color-mix(in srgb, var(--group-tone, var(--blue)) 22%, var(--hair)); border-radius: var(--r-in); background: color-mix(in srgb, var(--group-tone, var(--blue)) 4%, var(--sunk)); }
.component-group-tools .small-button[title] { padding-inline: 10px; }
.worklib-row .row-placement { padding-inline: 5px; font-size: 0.74rem; }
.worklib-row--catalog .row-component { border-color: color-mix(in srgb, var(--group-tone, var(--blue)) 30%, var(--channel)); }
.worklib-row--catalog-add { gap: 10px; padding: 11px 12px; border: 1px dashed color-mix(in srgb, var(--group-tone, var(--blue)) 44%, var(--channel)); border-radius: var(--r-in); background: color-mix(in srgb, var(--group-tone, var(--blue)) 3%, var(--sunk)); }
.settings-category-head + .settings-work-page { padding-top: 20px; }
.settings-work-stack { gap: 16px; }
.settings-work-stack > .detail-zone { margin: 0; }
.settings-work-stack > .detail-zone[open] { margin-bottom: 4px; }
@media (max-width: 760px) {
.settings-category-head + .settings-work-page { padding-top: 14px; }
.settings-work-stack { gap: 12px; }
}
.quality-manager-v24 .quality-template-card { gap: 12px; }
.quality-copy-form { gap: 10px; padding: 11px; border: 1px dashed color-mix(in srgb, var(--quality-tone) 30%, var(--channel)); border-radius: var(--r-in); background: color-mix(in srgb, var(--quality-tone) 4%, var(--sunk)); }
.quality-copy-form label { gap: 6px; }
.quality-copy-form label > span { color: var(--ink-3); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.quality-manager-v24 .quality-setting-item { gap: 10px; }
.detail-zone--monitor { padding-bottom: 22px; background:
linear-gradient(135deg, color-mix(in srgb, var(--zone-tone) 7%, transparent), transparent 42%),
color-mix(in srgb, var(--plate-1) 58%, var(--sunk)); }
.detail-zone--monitor:not([open]) { padding-bottom: 22px; }
.detail-zone--monitor:not([open]) > .zone-head { border-bottom: 1px solid var(--frame); }
.detail-zone--monitor > .zone-head:hover .zone-title { color: var(--zone-tone); }
.zone-monitor-label { color: color-mix(in srgb, var(--zone-tone) 76%, var(--ink)); font-family: var(--mono); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.12em; }
.challenge-active-link { color: inherit; }
.challenge-cancel-form { gap: 10px; margin-top: 18px; padding-top: 16px; border-top: 1px solid color-mix(in srgb, var(--bad) 18%, var(--hair)); }
.challenge-cancel-note { margin-top: 10px !important; color: color-mix(in srgb, var(--bad) 74%, var(--ink-2)) !important; }
@media (max-width: 760px) {
.quality-manager-v24 { padding: 12px; }
.quality-settings-grid-three { gap: 14px; }
.quality-manager-v24 .quality-area-manager { padding: 14px 12px; }
.challenge-active-card { padding: 18px 16px; }
}
.creative-v2-page.zone-page, .content-v4-page.zone-page { gap: 20px; }
.creative-v2-page > .detail-zone, .content-v4-page > .detail-zone { padding-bottom: 0; border-color: color-mix(in srgb, var(--zone-tone) 13%, var(--frame)); border-radius: 18px; background:
linear-gradient(135deg, color-mix(in srgb, var(--zone-tone) 3.5%, transparent), transparent 46%),
color-mix(in srgb, var(--plate-1) 74%, var(--sunk)); box-shadow: inset 0 1px 0 var(--lip), 0 18px 44px -38px #000; }
.creative-v2-page > .detail-zone::before, .content-v4-page > .detail-zone::before { opacity: 0.76; }
.creative-v2-page > .detail-zone > .zone-head, .content-v4-page > .detail-zone > .zone-head { padding: 18px 24px 16px 28px; gap: 12px; border-bottom-color: var(--hair-soft); background: transparent; box-shadow: none; }
.creative-v2-page > .detail-zone > .zone-head .zone-index, .content-v4-page > .detail-zone > .zone-head .zone-index { margin-top: 4px; padding: 3px 7px; border-radius: 7px; background: color-mix(in srgb, var(--zone-tone) 9%, var(--sunk)); border: 1px solid color-mix(in srgb, var(--zone-tone) 18%, var(--channel)); color: color-mix(in srgb, var(--zone-tone) 84%, var(--ink)); -webkit-text-fill-color: currentColor; font-size: 0.74rem; line-height: 1; letter-spacing: 0.08em; opacity: 1; }
.creative-v2-page > .detail-zone > .zone-head h2.zone-title, .content-v4-page > .detail-zone > .zone-head h2.zone-title { font-size: clamp(1.04rem, 1.1vw, 1.22rem); line-height: 1.25; letter-spacing: -0.01em; text-transform: none; color: var(--ink); }
.creative-v2-page > .detail-zone > .zone-head .zone-tag, .content-v4-page > .detail-zone > .zone-head .zone-tag { padding: 5px 11px; border-color: color-mix(in srgb, var(--zone-tone) 18%, var(--channel)); background: color-mix(in srgb, var(--zone-tone) 5%, var(--sunk)); font-size: 0.78rem; color: var(--ink-3); }
.creative-v2-page > .detail-zone > .zone-body, .content-v4-page > .detail-zone > .zone-body { gap: 14px; padding: 0 24px 24px 28px; }
.creative-v2-page > .detail-zone > .zone-body > .zone-card, .content-v4-page > .detail-zone > .zone-body > .zone-card { padding: 18px 0 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.creative-v2-page > .detail-zone > .zone-body > .creative-works-board, .content-v4-page > .detail-zone > .zone-body > .creative-works-board { padding-top: 4px; }
.creative-v2-page .creative-work-row, .content-v4-page .creative-work-row { padding: 16px 18px 16px 22px; border-color: var(--hair); border-radius: 14px; background: color-mix(in srgb, var(--plate-2) 88%, var(--sunk)); box-shadow: none; }
.creative-v2-page .creative-work-row:hover, .content-v4-page .creative-work-row:hover { border-color: color-mix(in srgb, var(--area-color) 34%, var(--channel)); background: color-mix(in srgb, var(--area-color) 3.5%, var(--plate-2)); }
.creative-v2-page .creative-work-main strong, .content-v4-page .creative-work-main strong { font-size: 1rem; }
.creative-v2-page .creative-work-main small, .content-v4-page .creative-work-main small, .creative-v2-page .creative-work-next small, .content-v4-page .creative-work-next small { color: var(--ink-3); }
.creative-v2-page .prod-session-row, .content-v4-page .prod-session-row { padding: 14px 16px; border: 1px solid var(--hair-soft); border-radius: 12px; background: color-mix(in srgb, var(--plate-2) 82%, var(--sunk)); }
.creative-v2-page .prod-session-row + .prod-session-row, .content-v4-page .prod-session-row + .prod-session-row { margin-top: 8px; }
.creative-v2-page .prod-session-row strong, .content-v4-page .prod-session-row strong { font-size: 0.96rem; }
.creative-v2-page .prod-session-row small, .content-v4-page .prod-session-row small, .creative-v2-page .prod-clock, .content-v4-page .prod-clock { color: var(--ink-3); }
.creative-v2-page .card-head, .content-v4-page .card-head { margin-bottom: 12px; border-bottom-color: var(--hair-soft); }
.creative-v2-page .card-head h3, .content-v4-page .card-head h3 { font-size: 0.84rem; letter-spacing: 0.12em; color: var(--ink-2); }
.creative-v2-page #creativeWorkForm, .content-v4-page #contentWorkForm { padding-top: 8px; }
@media (max-width: 760px) {
.creative-v2-page.zone-page, .content-v4-page.zone-page { gap: 14px; }
.creative-v2-page > .detail-zone > .zone-head, .content-v4-page > .detail-zone > .zone-head { padding: 14px 14px 13px 17px; }
.creative-v2-page > .detail-zone > .zone-body, .content-v4-page > .detail-zone > .zone-body { padding: 0 14px 16px 17px; }
.creative-v2-page > .detail-zone > .zone-head h2.zone-title, .content-v4-page > .detail-zone > .zone-head h2.zone-title { font-size: 0.98rem; }
.creative-v2-page .creative-work-row, .content-v4-page .creative-work-row { padding: 14px 13px 14px 18px; }
.creative-v2-page .prod-session-row, .content-v4-page .prod-session-row { padding: 13px; }
}
.system-pipeline-badge { padding: 0 13px; border: 1px solid color-mix(in srgb, var(--ok) 30%, var(--hair)); border-radius: 12px; color: var(--ok); background: color-mix(in srgb, var(--ok) 7%, var(--plate-2)); font: 750 0.72rem/1 var(--mono); letter-spacing: 0.05em; }
.work-component-group { border-color: color-mix(in srgb, var(--stage-tone) 24%, var(--hair)); background:
linear-gradient(125deg, color-mix(in srgb, var(--stage-tone) 5%, transparent), transparent 46%),
color-mix(in srgb, var(--plate-2) 91%, var(--sunk)); }
.work-component-group > header { border-bottom-color: color-mix(in srgb, var(--stage-tone) 18%, var(--hair-soft)); }
.work-component-group .stage-flag { color: var(--stage-tone); }
.home-focus-v27 { gap:clamp(16px,1.4vw,26px); }
.home-mission-entry { gap:22px; padding:18px 22px; text-decoration:none; border:1px solid color-mix(in srgb,var(--blue) 38%,var(--channel)); border-radius:18px; background:linear-gradient(112deg,color-mix(in srgb,var(--blue) 9%,var(--plate-1)),var(--plate-1) 62%,color-mix(in srgb,var(--violet) 8%,var(--plate-2))); box-shadow:inset 0 1px 0 var(--lip),0 16px 34px -28px color-mix(in srgb,var(--blue) 70%,#000); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.home-mission-entry::before { content:""; background:linear-gradient(180deg,var(--cyan),var(--blue),var(--violet)); box-shadow:0 0 20px var(--blue); }
.home-mission-entry:hover { border-color:color-mix(in srgb,var(--cyan) 58%,var(--channel)); box-shadow:inset 0 1px 0 var(--lip),0 22px 42px -28px color-mix(in srgb,var(--blue) 80%,#000); }
.home-mission-entry-main { gap:15px; }
.home-mission-entry-main>i { border:1px solid color-mix(in srgb,var(--cyan) 38%,var(--channel)); border-radius:15px; background:color-mix(in srgb,var(--blue) 10%,var(--sunk)); color:var(--cyan); font:800 1.35rem/1 var(--mono); font-style:normal; }
.home-mission-entry-main>span { gap:4px; }
.home-mission-entry-main small { color:var(--cyan); font:800 .7rem/1.2 var(--mono); letter-spacing:.13em; }
.home-mission-entry-main strong { color:var(--ink); font-size:clamp(1.15rem,1.25vw,1.4rem); }
.home-mission-entry>b { gap:10px; color:var(--ink-2); font-size:.94rem; }
.home-mission-entry>b span { border-radius:11px; background:color-mix(in srgb,var(--blue) 14%,var(--sunk)); color:var(--cyan); font-size:1.1rem; transition:transform .18s ease; }
.home-challenge-card { padding:clamp(24px,2vw,34px); }
.home-challenge-head { gap:18px; margin:12px 0 18px; }
.home-challenge-head h2 { margin:0; font-size:clamp(23px,1.7vw,32px); }
.home-challenge-head strong { font-size:clamp(25px,2vw,38px); color:var(--lime); }
.home-challenge-card p { color:var(--muted); }
.home-challenge-card>a { color:var(--cyan); font-weight:800; text-decoration:none; }
.creation-mode-switch { gap:20px; padding:18px 20px; margin-bottom:14px; border:1px solid color-mix(in srgb,var(--area-color,var(--blue)) 28%,var(--border)); border-radius:18px; background:color-mix(in srgb,var(--panel) 90%,transparent); }
.creation-mode-switch p { margin:5px 0 0; color:var(--muted); }
.segmented-control { gap:4px; padding:5px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.segmented-control button { border:0; border-radius:10px; padding:11px 16px; background:transparent; color:var(--muted); font:800 13px/1 var(--body); }
.segmented-control button.active { color:var(--text); background:linear-gradient(135deg,var(--violet),var(--blue)); box-shadow:0 7px 20px color-mix(in srgb,var(--violet) 32%,transparent); }
.focus-create-form .active-start-date::after { content:"başlangıç tarihi"; margin-top:6px; color:var(--area-color,var(--cyan)); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.detail-focus-tabs { gap:7px; margin:0 0 22px; padding:6px; border:1px solid var(--border); border-radius:18px; background:color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter:blur(18px); }
.detail-focus-tabs a { padding:13px 18px; border-radius:12px; color:var(--muted); font-weight:800; text-decoration:none; }
.detail-focus-tabs a:hover { color:var(--text); background:var(--surface); }
.detail-focus-tabs a.active { color:#fff; background:linear-gradient(135deg,var(--area-color),color-mix(in srgb,var(--area-color) 58%,var(--violet))); box-shadow:0 8px 24px color-mix(in srgb,var(--area-color) 28%,transparent); }
.focus-detail-page .detail-zone { margin-bottom:18px; }
.focus-detail-page .zone-head { padding-left:22px; }
.focus-detail-page .zone-title { font-size:clamp(18px,1.25vw,23px); letter-spacing:.04em; }
.mission-v4-page[data-view="focus"] .mission-view-panel { padding:0; }
.mission-v4-page[data-view="focus"] .mission-view-panel>.panel-head { margin:0; padding:20px 22px; border-bottom:1px solid var(--hair); }
.mission-focus-board { gap:0; }
.mission-focus-group { border:0; border-radius:0; background:transparent; }
.mission-focus-group+.mission-focus-group { border-top:1px solid var(--hair); }
.mission-focus-group>header { padding:13px 18px; border-bottom:1px solid var(--hair-soft); background:color-mix(in srgb,var(--group-tone,var(--blue)) 5%,var(--sunk)); }
.mission-focus-group>header h3 { margin:0; color:color-mix(in srgb,var(--group-tone) 78%,var(--ink)); font-size:1rem; }
.mission-focus-group>header span { border-radius:10px; background:var(--panel); font-weight:900; }
.mission-focus-group--late>header span { color:var(--bad); }
.mission-focus-group--progress>header span { color:var(--lime); }
.mission-focus-group--today>header span { color:var(--blue); }
.mission-focus-row { gap:14px; padding:15px 18px; border-bottom:1px solid var(--hair-soft); }
.mission-focus-row:last-child { border-bottom:0; }
.mission-focus-row>i { border-radius:9px; background:var(--area-color); box-shadow:0 0 12px var(--area-color); }
.mission-focus-row a { text-decoration:none; color:var(--ink); }
.mission-focus-row small { margin-top:5px; color:var(--ink-3); }
.mission-focus-row>b { color:var(--area-color); }
.mission-focus-empty { margin:18px; border:1px dashed var(--channel); border-radius:16px; background:var(--sunk); }
.mission-period--focus { gap:8px; }
.period-focus-step { gap:7px; padding:6px 11px; border:1px solid var(--hair); border-radius:12px; background:var(--sunk); color:var(--ink-3); text-decoration:none; }
.period-focus-step span { font-size:1.15rem; color:var(--cyan); }
.period-focus-step small { font-size:.76rem; font-weight:750; }
.period-focus-step:hover { border-color:color-mix(in srgb,var(--blue) 48%,var(--channel)); color:var(--ink); }
.mission-period-current { gap:4px; padding:5px 15px; }
.mission-period-current small { color:var(--cyan); font:800 .66rem/1 var(--mono); letter-spacing:.13em; }
.mission-period-current b { font-size:.86rem; }
.mission-period--focus .period-today { padding:8px 11px; border:1px solid var(--hair); border-radius:10px; }
.mission-period--focus .period-today.is-current { color:var(--lime); border-color:color-mix(in srgb,var(--lime) 35%,var(--channel)); background:color-mix(in srgb,var(--lime) 7%,var(--sunk)); }
.zone-page>.page-title { margin-bottom:24px; }
.zone-page>.detail-zone { margin-bottom:18px; }
.zone-page>.detail-zone>.zone-head .zone-index { opacity:.38; }
@media (max-width:560px) {
.home-mission-entry { padding:14px 15px; }
.home-mission-entry>b { font-size:0; }
.home-mission-entry>b span { font-size:1.1rem; }
.mission-period-current { padding:4px 6px 8px; }
.detail-focus-tabs { gap:3px; padding:4px; border-radius:14px; }
.detail-focus-tabs a { padding:11px 6px; font-size:12px; }
.mission-focus-row { gap:10px; }
}
@media (min-width:1700px) {
.page-wrap, .dashboard-wrap { padding:44px 42px 68px!important; }
}
.main-content input, .main-content select, .main-content textarea, .main-content button { font-family:var(--sans); font-size:.94rem; }
.main-content label { font-size:.84rem; line-height:1.45; }
.main-content .panel-meta, .main-content .form-note, .main-content .quiet-note { font-size:.86rem; line-height:1.55; }
.main-content textarea { line-height:1.55; }
.beta28-detail { gap:18px; }
.beta28-detail .detail-focus-tabs { margin-bottom:0; }
.beta28-detail .detail-zone { margin:0; }
.beta28-detail .zone-head { padding-left:20px; }
.beta28-detail .zone-title { font-size:clamp(1.06rem,1vw,1.22rem); }
.detail-summary-strip { gap:30px; padding:clamp(24px,2vw,34px); border:1px solid color-mix(in srgb,var(--area-color) 34%,var(--channel)); border-radius:22px; background:linear-gradient(118deg,color-mix(in srgb,var(--area-color) 10%,var(--plate-1)),var(--plate-1) 58%,var(--plate-2)); box-shadow:inset 0 1px 0 var(--lip),var(--shadow); }
.detail-summary-strip::before { content:""; background:var(--area-color); box-shadow:0 0 22px var(--area-color); }
.detail-summary-copy .back-link { margin-bottom:12px; font-weight:750; }
.detail-summary-copy .kicker { color:var(--area-color); font-size:.78rem; letter-spacing:.14em; }
.detail-summary-copy h1 { margin:7px 0 8px; font-size:clamp(2rem,2.4vw,3rem); }
.detail-summary-copy p { color:var(--ink-2); font-size:1rem; }
.detail-summary-score { gap:5px; padding-left:28px; border-left:1px solid var(--hair); }
.detail-summary-score>span { font-size:.76rem; font-weight:850; letter-spacing:.12em; color:var(--area-color); }
.detail-summary-score>strong { font:850 clamp(1.65rem,2vw,2.35rem)/1.1 var(--sans); color:var(--ink); }
.detail-summary-score>small { font-family:var(--mono); font-size:.82rem; color:var(--ink-3); }
.focus-panel { padding:clamp(20px,1.6vw,28px); border:1px solid var(--channel); border-radius:18px; background:var(--brush),linear-gradient(180deg,var(--plate-1),var(--plate-2)); box-shadow:inset 0 1px 0 var(--lip); }
.focus-panel-head { gap:18px; margin-bottom:20px; }
.focus-panel-head h2 { margin-top:4px; font-size:1.18rem; }
.focus-panel-head .kicker { font-size:.76rem; color:var(--area-color,var(--blue)); letter-spacing:.13em; }
.status-control-v28 form { gap:13px; }
.status-control-v28 p { margin-top:18px; color:var(--ink-3); font-size:.86rem; }
.stage-plan-board { margin-top:16px; padding:0; }
.stage-plan-board>.focus-panel-head { margin:0; padding:20px 22px; border-bottom:1px solid var(--hair); }
.stage-plan-row { gap:15px; padding:15px 20px; border-bottom:1px solid var(--hair-soft); }
.stage-plan-row:last-child { border-bottom:0; }
.stage-plan-row>i { border:1px solid color-mix(in srgb,var(--area-color) 35%,var(--channel)); border-radius:10px; color:var(--area-color); font-style:normal; font-weight:850; }
.stage-plan-name { gap:2px; }
.stage-plan-name strong { font-size:.96rem; }
.stage-plan-name small { font-size:.78rem; color:var(--ink-3); }
.stage-plan-date { gap:2px; }
.stage-plan-date span { font-size:.7rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-4); }
.stage-plan-date strong { font:750 .86rem/1.3 var(--mono); }
.stage-plan-row>b { font:800 .86rem/1 var(--mono); color:var(--area-color); }
.stage-plan-row.complete { opacity:.62; }
.stage-reschedule>summary { padding:8px 11px; border:1px solid var(--channel); border-radius:10px; color:var(--ink-2); font-size:.78rem; font-weight:750; }
.stage-reschedule-form { gap:11px; padding:16px; border:1px solid var(--channel); border-radius:14px; background:var(--plate-raise); box-shadow:0 24px 50px #000; }
.beta28-detail .detail-zone[data-zone="timer"]>.zone-body { padding:18px 20px 20px; }
.beta28-detail .timer-card { padding:20px 22px; }
.beta28-detail .timer-body { gap:24px; }
.beta28-detail .timer-target { gap:6px; }
.beta28-detail .timer-target strong { font-size:1.16rem; }
.beta28-detail .timer-target small { font-size:.86rem; }
.beta28-detail .timer-clock { padding:13px 24px; }
.beta28-detail .timer-clock strong { font-size:2rem; }
.beta28-detail .timer-meta { margin-top:12px; }
.beta28-detail .timer-meta>div { padding:10px 14px; }
.beta28-detail .timer-meta span { font-size:.72rem; }
.beta28-detail .timer-meta strong { font-size:1rem; }
.sculpt-checklist { padding:0; background:transparent; border:0; box-shadow:none; }
.sculpt-checklist>.panel-head { margin:0 0 13px; padding:0 2px; }
.sculpt-checklist>.panel-head h2 { font-size:1.18rem; }
.work-component-groups { gap:10px; margin:0; }
details.work-component-group { margin:0; border-radius:15px; background:color-mix(in srgb,var(--plate-2) 90%,var(--stage-tone) 3%); }
.component-group-summary { gap:14px; padding:13px 17px; }
.component-group-marker { border:1px solid color-mix(in srgb,var(--stage-tone) 38%,var(--channel)); border-radius:11px; color:var(--stage-tone); font:800 .78rem/1 var(--mono); }
.component-group-copy { gap:3px; }
.component-group-copy small { font-size:.69rem; font-weight:850; letter-spacing:.11em; color:var(--stage-tone); }
.component-group-copy strong { font-size:.97rem; }
.component-group-progress { gap:8px; color:var(--ink-3); font:750 .76rem/1 var(--mono); }
.component-group-progress>i { border-radius:99px; background:var(--hair); }
.component-group-progress>i>b { border-radius:inherit; background:var(--stage-tone); }
.component-group-score { color:var(--ink-2); font:750 .8rem/1 var(--mono); }
.component-group-toggle { border-right:2px solid var(--ink-3); border-bottom:2px solid var(--ink-3); transition:transform .2s ease; }
details.work-component-group[open] .component-group-summary { border-bottom:1px solid var(--hair); }
.work-component-group .component-checklist { padding:5px 14px 12px 18px; }
.component-row, .component-row.completed { padding:8px 8px; border:0; }
.component-row+.component-row { border-top:1px solid var(--hair-soft); }
.component-row>span:nth-child(2)>b { font-size:.94rem; font-weight:700; }
.component-row>span:nth-child(2)>small { font-size:.76rem; }
.component-row>strong { font-size:.8rem; color:var(--stage-tone,var(--ok)); }
.component-row.completed { opacity:.58; }
.component-done-button { padding:0!important; border:1px solid color-mix(in srgb,var(--ok) 38%,var(--channel)); border-radius:11px; background:color-mix(in srgb,var(--ok) 8%,var(--sunk)); color:var(--ok); font-size:1rem!important; font-weight:900; }
.component-done-button:hover { color:var(--void); background:var(--ok); }
.quality-gate-simple { padding:0; }
.quality-gate-simple>.panel-head { margin-bottom:14px; }
.quality-gate-simple .quality-check-grid { gap:8px; }
.quality-gate-simple .quality-check-grid span { padding:10px 12px; font-size:.92rem; }
.file-launch-grid { gap:10px; margin-top:18px; }
.file-launch-card { gap:5px; padding:14px; border:1px solid var(--channel); border-radius:13px; background:var(--plate-2); }
.file-launch-card>span { font-size:.72rem; font-weight:850; letter-spacing:.1em; color:var(--area-color); text-transform:uppercase; }
.file-launch-card>strong { font-size:.9rem; }
.file-launch-card.empty { opacity:.48; }
.creative-v2-page .creative-work-row.is-late, .content-v4-page .creative-work-row.is-late { border-color:color-mix(in srgb,var(--bad) 46%,var(--frame)); background:var(--brush),linear-gradient(180deg,color-mix(in srgb,var(--bad) 8%,var(--plate-1)),var(--plate-2)); }
.creative-v2-page .creative-work-row.is-settled, .content-v4-page .creative-work-row.is-settled { opacity:.72; }
.creative-v2-page .creative-work-row.is-selected, .content-v4-page .creative-work-row.is-selected { opacity:1; border-color:color-mix(in srgb,var(--area-color) 52%,var(--frame)); background:color-mix(in srgb,var(--area-color) 7%,var(--plate-2)); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--area-color) 18%,transparent); }
@media (orientation:portrait) and (min-width:761px) and (max-width:1200px) {
.beta28-detail { padding-top:86px; }
.detail-summary-score { padding:18px 0 0; border-top:1px solid var(--hair); border-left:0; }
}
@media (max-width:760px) {
.beta28-detail { gap:13px; padding-top:78px; }
.detail-summary-strip { gap:18px; padding:21px 18px; border-radius:17px; }
.detail-summary-copy h1 { font-size:1.75rem; }
.detail-summary-copy p { font-size:.94rem; }
.detail-summary-score { padding:16px 0 0; border-top:1px solid var(--hair); border-left:0; }
.detail-summary-score>strong { font-size:1.55rem; }
.detail-focus-tabs { scrollbar-width:none; }
.detail-focus-tabs a { font-size:.82rem; }
.beta28-detail .zone-head { padding:12px 14px; }
.beta28-detail .zone-index { font-size:.76rem; }
.beta28-detail .zone-body { padding:0 13px 14px; }
.focus-panel { padding:17px 14px; }
.focus-panel-head { margin-bottom:16px; }
.stage-plan-board { padding:0; }
.stage-plan-row { gap:10px; padding:13px 12px; }
.stage-reschedule-form { margin-top:8px; box-shadow:none; }
.beta28-detail .timer-card { padding:16px; }
.component-group-summary { gap:9px; padding:11px; }
.component-row, .component-row.completed { gap:9px; padding:9px 4px; }
}
.quality-template-stack { gap:18px; margin-top:16px; }
.quality-template-run { gap:16px; padding:20px; border:1px solid color-mix(in srgb,var(--area-color,var(--cyan)) 30%,var(--line)); border-radius:20px; background:linear-gradient(145deg,color-mix(in srgb,var(--plate-2) 94%,var(--area-color,var(--cyan)) 6%),var(--panel)); box-shadow:0 16px 38px rgba(0,0,0,.16); }
.quality-template-run>header { gap:18px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.quality-template-run>header span { margin-bottom:5px; color:var(--area-color,var(--cyan)); font:700 .72rem/1.2 var(--mono); letter-spacing:.14em; }
.quality-template-run>header h3 { margin:0; color:var(--ink-1); font-size:1.12rem; line-height:1.35; }
.quality-template-run .quality-check-grid { margin:0; }
.quality-check-grid span { border:1px solid var(--line); border-radius:14px; background:color-mix(in srgb,var(--plate-2) 92%,transparent); color:var(--ink-2); transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease; }
.quality-check-grid i { border:1px solid var(--line); border-radius:9px; background:var(--sunk); color:var(--ink-4); font-style:normal; }
.quality-check-grid label:hover span { border-color:color-mix(in srgb,var(--area-color,var(--cyan)) 48%,var(--line)); }
.quality-check-grid input:checked+span { border-color:color-mix(in srgb,var(--ok) 68%,var(--line)); background:color-mix(in srgb,var(--ok) 13%,var(--plate-2)); color:var(--ink-1); }
.quality-check-grid input:checked+span i { border-color:var(--ok); background:var(--ok); color:#06110b; box-shadow:0 0 18px color-mix(in srgb,var(--ok) 45%,transparent); }
.quality-check-grid input:focus-visible+span { outline:3px solid color-mix(in srgb,var(--cyan) 45%,transparent); outline-offset:2px; }
.quality-status.complete { border-color:color-mix(in srgb,var(--ok) 65%,var(--line)); color:var(--ok); background:color-mix(in srgb,var(--ok) 12%,transparent); }
.code-sequence-form label small { margin-top:7px; color:var(--ink-3); font-size:.84rem; line-height:1.45; }
.extra-task-list { gap:10px; }
.extra-row-size { color:var(--extra); font-weight:800; }
.extra-row-size small { font-size:.65rem; letter-spacing:.12em; color:var(--ink-4); }
@media(max-width:760px) {
.quality-template-stack { gap:12px; }
.quality-template-run { padding:15px; border-radius:16px; }
.quality-template-run>header { gap:10px; }
}
.challenge-history-grid { gap:16px; }
.challenge-history-card { gap:13px; text-decoration:none; }
.challenge-history-card:hover { border-color:color-mix(in srgb,var(--gold) 38%,var(--frame)); }
.challenge-history-card-head { gap:12px; }
.challenge-history-card-head span { color:var(--gold); font:800 .72rem/1.2 var(--mono); letter-spacing:.12em; }
.challenge-history-card-head b { color:var(--ink); font:800 1rem/1 var(--mono); }
.challenge-history-card.is-cancelled .challenge-history-card-head span { color:var(--bad); }
.challenge-history-card h2 { margin:0; color:var(--ink); font-size:1.25rem; }
.challenge-history-card p { margin:0; color:var(--ink-3); font-family:var(--mono); }
.challenge-history-card .progress-track { margin:2px 0; }
.challenge-history-score { gap:4px; }
.challenge-history-score strong { color:var(--ink); font:800 1.15rem/1.2 var(--mono); }
.challenge-history-score small { color:var(--ink-3); line-height:1.5; }
.welcome-message-preview { gap:8px; border-color:color-mix(in srgb,var(--cyan) 28%,var(--frame))!important; }
.welcome-message-preview span { color:var(--cyan); font:800 .7rem/1.2 var(--mono); letter-spacing:.13em; }
.welcome-message-preview p { margin:0; color:var(--ink); font-size:1.08rem; line-height:1.6; }
.home-welcome .welcome-copy { line-height:1.55; }
.welcome-message-pool { gap:7px; padding:3px 5px 3px 0; }
.welcome-message-row { gap:12px; padding:11px 12px; border:1px solid var(--hair); border-radius:12px; background:var(--plate-2); }
.welcome-message-row.is-off { opacity:.46; }
.welcome-message-row>b { color:var(--cyan); font:750 .74rem/1 var(--mono); }
.welcome-message-row>p { margin:0; color:var(--ink-2); line-height:1.48; }
.welcome-message-row>div { gap:7px; }
.welcome-message-add { gap:12px; margin-top:6px; }
.welcome-message-add label { gap:7px; }
@media(max-width:760px) {
.zone-page>.detail-zone>.zone-head, .challenge-detail-page>.detail-zone>.zone-head { row-gap:10px; }
.zone-page>.detail-zone>.zone-head .zone-tag, .challenge-detail-page>.detail-zone>.zone-head .zone-tag { margin:0; padding:8px 10px; border-radius:10px; font-size:.74rem; line-height:1.5; letter-spacing:.025em; }
.creative-v2-page .creative-work-row, .content-v4-page .creative-work-row { gap:11px 12px; padding:15px 14px 16px 18px; }
.creative-v2-page .creative-work-id, .content-v4-page .creative-work-id { gap:8px; }
.creative-v2-page .creative-work-main, .content-v4-page .creative-work-main { padding-left:3px; }
.creative-v2-page .creative-work-main strong, .content-v4-page .creative-work-main strong { font-size:1.02rem; line-height:1.35; }
.creative-v2-page .creative-work-main small, .content-v4-page .creative-work-main small { margin-top:4px; line-height:1.45; }
.creative-v2-page .creative-work-next, .content-v4-page .creative-work-next { padding:10px 12px; border:1px solid var(--hair-soft); border-radius:11px; background:var(--sunk); }
.creative-v2-page .creative-work-row>.unit-quick-actions, .content-v4-page .creative-work-row>.unit-quick-actions { gap:7px; }
.bulk-list-head { gap:10px; padding:12px; }
.bulk-list-head>small { line-height:1.45; }
.extra-row { gap:12px; padding:15px; }
.extra-row-size { padding:7px 11px; }
.extra-row-main strong, .extra-row-main small { line-height:1.45; }
.extra-row>.unit-quick-actions { gap:8px; }
.production-card { padding:17px; }
.challenge-planner>summary { padding:16px; gap:9px 11px; }
.challenge-planner>summary b { font-size:.94rem; line-height:1.35; letter-spacing:.08em; }
.challenge-planner>summary .planner-hint { margin:0; font-size:.8rem; line-height:1.4; }
.planner-body { padding:16px; }
.challenge-past-link { padding:15px 17px; }
.welcome-message-row { gap:9px; padding:11px; }
}
.wk-page, .wk-settings { gap: var(--space-4); }
.wk-glass { border: 1px solid var(--wk-edge); border-radius: 20px; background:
linear-gradient(180deg, color-mix(in srgb, var(--ink) 4%, transparent), transparent 42%),
var(--wk-glass); backdrop-filter: blur(18px) saturate(1.25); -webkit-backdrop-filter: blur(18px) saturate(1.25); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ink) 8%, transparent), 0 18px 40px rgba(0, 0, 0, .28); }
[data-saver='on'] .wk-glass { backdrop-filter: none; -webkit-backdrop-filter: none; background: var(--plate-1); }
.wk-head { gap: var(--space-4); }
.wk-head-title h1 { margin: 2px 0 0; font-size: clamp(1.6rem, 2.4vw, 2.2rem); letter-spacing: -.02em; }
.wk-head-actions { gap: var(--space-2); }
.wk-switch { gap: 4px; padding: 4px; border: 1px solid var(--wk-edge); border-radius: 999px; background: var(--wk-glass); backdrop-filter: blur(14px); }
.wk-switch a { padding: 8px 18px; border-radius: 999px; color: var(--ink-2); font-weight: 650; text-decoration: none; font-size: var(--fs-s); }
.wk-switch a:hover { color: var(--ink); }
.wk-switch a.is-active { color: var(--ink); background: color-mix(in srgb, var(--blue) 22%, var(--plate-raise)); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ink) 12%, transparent); }
.wk-strip { gap: var(--space-3); }
.wk-strip > .wk-glass { padding: 16px 18px; gap: 6px; }
.wk-strip strong { gap: 9px; font-size: var(--fs-xl); line-height: 1.2; }
.wk-strip strong small { font-size: var(--fs-s); color: var(--ink-2); font-weight: 500; }
.wk-strip strong > i { border-radius: 3px; background: var(--c, var(--blue)); box-shadow: 0 0 12px var(--c, var(--blue)); }
.wk-strip small { color: var(--ink-2); font-size: var(--fs-s); }
.wk-progress { border-radius: 99px; background: var(--wk-line); }
.wk-progress i { border-radius: inherit; background: linear-gradient(90deg, color-mix(in srgb, var(--c) 70%, transparent), var(--c)); transition: width .6s var(--ease-out, ease); }
.wk-next { margin: 6px 0 0; padding: 8px 0 0; border-top: 1px solid var(--wk-line); gap: 5px; }
.wk-next li { gap: 8px; font-size: var(--fs-s); color: var(--ink-2); }
.wk-next li i { border-radius: 50%; background: var(--c); }
.wk-next li span { color: var(--ink); font-variant-numeric: tabular-nums; font-weight: 650; }
.wk-preview { margin-top: 6px; border-radius: 6px; background: var(--wk-line); }
.wk-preview i { background: color-mix(in srgb, var(--c) 78%, transparent); border-radius: 3px; }
.wk-preview b { background: var(--ink); box-shadow: 0 0 8px var(--ink); }
.wk-prayer-card summary { gap: 6px; }
.wk-prayer-card summary::after { content: 'Bugünün vakitleri ▾'; font-size: var(--fs-xs); color: var(--ink-3); }
.wk-prayer-card details[open] summary::after { content: 'Kapat ▴'; }
.wk-prayer-list { margin: 8px 0 0; padding: 0; gap: 6px; }
.wk-prayer-list li { gap: 1px; padding: 7px 9px; border-radius: 10px; background: var(--wk-line); font-size: var(--fs-xs); color: var(--ink-2); }
.wk-prayer-list b { color: var(--ink); font-size: var(--fs-m); font-variant-numeric: tabular-nums; }
.wk-prayer-list li.is-past { opacity: .5; }
.wk-prayer-list li.is-next { background: color-mix(in srgb, var(--gold) 18%, transparent); color: var(--gold); }
.wk-board { padding: 6px; }
.wk-scroll { border-radius: 15px; }
.wk-corner { background: var(--wk-glass-strong); }
.wk-dayhead { gap: 1px; padding: 6px 4px; text-decoration: none; color: var(--ink-2); background: var(--wk-glass-strong); border-bottom: 1px solid var(--wk-line); }
.wk-dayhead b { color: var(--ink); font-size: var(--fs-m); letter-spacing: .02em; }
.wk-dayhead span { font-size: var(--fs-xs); font-variant-numeric: tabular-nums; }
.wk-dayhead small { font-size: 11px; color: var(--ink-3); }
a.wk-dayhead:hover b { color: var(--blue); }
.wk-dayhead.is-today b { color: var(--blue); }
.wk-dayhead.is-today::after { content: ''; border-radius: 2px; background: var(--blue); box-shadow: 0 0 10px var(--blue); }
.wk-board--day .wk-dayhead { padding-left: 14px; gap: 10px; }
.wk-ruler, .wk-lane { margin-block: 12px; }
.wk-ruler { background: var(--wk-glass-strong); border-right: 1px solid var(--wk-line); }
.wk-ruler span, .wk-ruler b, .wk-ruler em { font-size: 11.5px; font-variant-numeric: tabular-nums; color: var(--ink-3); }
.wk-ruler em { font-style: normal; font-size: 10px; color: var(--ink-4); line-height: 1.1; }
.wk-ruler .wk-now-label { padding: 1px 5px; border-radius: 6px; color: var(--plate-2); background: var(--ink); font-weight: 750; }
.wk-ruler .wk-stop-label { color: var(--bad); font-weight: 800; letter-spacing: .06em; }
.wk-lane { border-left: 1px solid var(--wk-line); }
.wk-lane.is-today { background: color-mix(in srgb, var(--blue) 4%, transparent); }
.wk-hour { background: var(--wk-line); }
.wk-fold { border-radius: 8px; background: repeating-linear-gradient(135deg, var(--wk-line) 0 2px, transparent 2px 7px); }
.wk-fold span { font-size: 10.5px; color: var(--ink-4); background: var(--plate-2); padding: 0 6px; border-radius: 6px; }
.wk-prayer { border-top: 1px dashed color-mix(in srgb, var(--gold) 55%, transparent); }
.wk-prayer span { font-size: 10px; font-style: normal; color: var(--gold); }
.wk-kerahat { opacity: .45; background: repeating-linear-gradient(-45deg, color-mix(in srgb, var(--bad) 16%, transparent) 0 3px, transparent 3px 9px); }
.wk-lane.is-today .wk-kerahat, .wk-board--day .wk-kerahat { opacity: 1; }
.wk-stop { border-top: 2px solid color-mix(in srgb, var(--bad) 70%, transparent); }
.wk-now { border-top: 1px solid color-mix(in srgb, var(--ink) 30%, transparent); }
.wk-lane.is-today .wk-now { border-top: 2px solid var(--ink); box-shadow: 0 0 10px color-mix(in srgb, var(--ink) 60%, transparent); }
.wk-lane.is-today .wk-now::before { content: ''; border-radius: 50%; background: var(--ink); }
.wk-block { padding: 0; border: 1px solid color-mix(in srgb, var(--c) 46%, transparent); border-radius: 10px; color: var(--ink); background:
linear-gradient(180deg, color-mix(in srgb, #fff 14%, transparent), transparent 38%),
linear-gradient(90deg, color-mix(in srgb, var(--c) 34%, transparent) var(--p, 0%), color-mix(in srgb, var(--c) 21%, transparent) var(--p, 0%)); backdrop-filter: blur(6px); box-shadow: inset 3px 0 0 var(--c), 0 6px 16px rgba(0, 0, 0, .22); transition: transform .15s ease, box-shadow .15s ease, opacity .3s ease; }
.wk-block:hover { box-shadow: inset 3px 0 0 var(--c), 0 10px 22px rgba(0, 0, 0, .32), 0 0 0 1px color-mix(in srgb, var(--c) 60%, transparent); }
.wk-block:focus-visible { outline: 2px solid var(--c); outline-offset: 1px; }
.wk-block.is-past { opacity: .42; }
.wk-block.is-now { border-color: var(--c); box-shadow: inset 3px 0 0 var(--c), 0 0 0 1px var(--c), 0 0 22px color-mix(in srgb, var(--c) 45%, transparent); }
.wk-block-inner { gap: 2px; padding: 6px 8px 6px 10px; }
.wk-block-title { font-weight: 700; font-size: 13.5px; line-height: 1.2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wk-block-time { font-size: 11.5px; color: color-mix(in srgb, var(--ink) 74%, transparent); font-variant-numeric: tabular-nums; }
.wk-block-desc { font-size: 11.5px; color: var(--ink-2); line-height: 1.3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
@container (max-height: 44px) {
.wk-block-inner { gap: 6px; padding: 0 8px 0 10px; }
.wk-block-title { -webkit-line-clamp: 1; font-size: 12.5px; }
.wk-block-time { font-size: 11px; }
}
@container (max-height: 24px) {
.wk-block-title { font-size: 11.5px; }
}
.wk-ghost { border-radius: 10px; border: 1px dashed var(--blue); background: color-mix(in srgb, var(--blue) 18%, transparent); }
.is-copying .wk-lane:hover { background: color-mix(in srgb, var(--blue) 8%, transparent); }
.wk-daypicker { gap: 6px; }
.wk-daypicker a { gap: 1px; padding: 8px 4px; border: 1px solid var(--wk-edge); border-radius: 14px; background: var(--wk-glass); text-decoration: none; color: var(--ink-2); }
.wk-daypicker a b { color: var(--ink); font-size: var(--fs-s); }
.wk-daypicker a span { font-size: var(--fs-xs); font-variant-numeric: tabular-nums; }
.wk-daypicker a i { border-radius: 50%; background: var(--c); }
.wk-daypicker a.is-today b { color: var(--blue); }
.wk-daypicker a.is-active { border-color: color-mix(in srgb, var(--blue) 60%, transparent); background: color-mix(in srgb, var(--blue) 18%, var(--plate-1)); }
.wk-daypicker .wk-daypicker-step { font-size: 20px; color: var(--ink); }
.wk-dayview { gap: var(--space-3); }
.wk-dayside { gap: var(--space-3); }
.wk-load { padding: 16px; gap: 8px; }
.wk-load > strong { font-size: var(--fs-xl); }
.wk-load > strong small { font-size: var(--fs-s); color: var(--ink-2); font-weight: 500; }
.wk-bar { border-radius: 6px; gap: 2px; background: var(--wk-line); }
.wk-bar i { background: linear-gradient(180deg, color-mix(in srgb, #fff 18%, var(--c)), var(--c)); }
.wk-legend { margin: 0; padding: 0; gap: 6px; }
.wk-legend li { gap: 8px; font-size: var(--fs-s); color: var(--ink-2); }
.wk-legend li i { border-radius: 3px; background: var(--c); }
.wk-legend li b { color: var(--ink); font-variant-numeric: tabular-nums; }
.wk-legend li small { color: var(--ink-3); font-variant-numeric: tabular-nums; }
.wk-legend--grid { column-gap: 24px; }
.wk-distribution { padding: 18px 20px; gap: 14px; }
.wk-distribution header { gap: 16px; }
.wk-distribution dl { gap: 26px; margin: 0; }
.wk-distribution dt { font-size: var(--fs-xs); color: var(--ink-3); letter-spacing: .06em; text-transform: uppercase; }
.wk-distribution dd { margin: 0; font-size: var(--fs-xl); font-weight: 750; font-variant-numeric: tabular-nums; }
.wk-agenda { gap: var(--space-3); }
.wk-agenda-day { padding: 14px 14px 10px; gap: 8px; }
.wk-agenda-day.is-today { border-color: color-mix(in srgb, var(--blue) 45%, transparent); }
.wk-agenda-day header { gap: 10px; }
.wk-agenda-day h2 { margin: 0; font-size: var(--fs-xl); }
.wk-agenda-day.is-today h2 { color: var(--blue); }
.wk-agenda-day header span { color: var(--ink-2); font-size: var(--fs-s); }
.wk-agenda-day header small { color: var(--ink-3); font-size: var(--fs-xs); }
.wk-agenda-day header b { margin-left: auto; color: var(--ink-2); font-size: var(--fs-s); font-variant-numeric: tabular-nums; }
.wk-agenda-day ol { margin: 0; padding: 0; gap: 6px; }
.wk-agenda-empty { margin: 0; color: var(--ink-3); font-size: var(--fs-s); }
.wk-agenda-block button { gap: 10px; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--c) 36%, transparent); border-radius: 12px; color: var(--ink); background: linear-gradient(180deg, color-mix(in srgb, #fff 9%, transparent), transparent 50%), color-mix(in srgb, var(--c) 15%, transparent); box-shadow: inset 3px 0 0 var(--c); }
.wk-agenda-block.is-past button { opacity: .45; }
.wk-agenda-block.is-now button { border-color: var(--c); box-shadow: inset 3px 0 0 var(--c), 0 0 18px color-mix(in srgb, var(--c) 40%, transparent); }
.wk-agenda-time { font-weight: 750; font-variant-numeric: tabular-nums; }
.wk-agenda-time small { color: var(--ink-3); font-weight: 500; }
.wk-agenda-body { gap: 2px; }
.wk-agenda-body small { gap: 6px; color: var(--ink-2); font-size: var(--fs-xs); }
.wk-agenda-body small i { border-radius: 50%; background: var(--c); }
.wk-agenda-body em { font-style: normal; font-size: var(--fs-xs); color: var(--ink-2); }
.wk-agenda-dur { color: var(--ink-2); font-size: var(--fs-xs); font-variant-numeric: tabular-nums; }
.wk-agenda-gap span { padding: 2px 12px; font-size: var(--fs-xs); color: var(--ink-3); border-left: 2px dotted var(--wk-edge); margin-left: 32px; }
.wk-agenda-prayer { gap: 10px; padding: 0 12px; font-size: var(--fs-xs); color: var(--gold); }
.wk-agenda-prayer span { font-variant-numeric: tabular-nums; }
.wk-agenda-prayer em { font-style: normal; gap: 10px; }
.wk-agenda-prayer em::after { content: ''; border-top: 1px dashed color-mix(in srgb, var(--gold) 40%, transparent); }
.wk-agenda-add { border: 0; background: none; color: var(--blue); font-weight: 650; padding: 6px 2px; }
.wk-modal { padding: 20px; }
.wk-modal-backdrop { border: 0; background: rgba(0, 0, 0, .6); backdrop-filter: blur(6px); }
.wk-sheet { gap: 14px; padding: 20px 22px 22px; border: 1px solid var(--wk-edge); border-radius: 22px; background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 5%, transparent), transparent 30%), color-mix(in srgb, var(--plate-raise) 90%, transparent); backdrop-filter: blur(22px); box-shadow: 0 30px 80px rgba(0, 0, 0, .55); transition: transform .2s ease; }
.wk-sheet-head h2 { margin: 2px 0 0; }
.wk-sheet label { gap: 6px; font-size: var(--fs-s); color: var(--ink-2); }
.wk-sheet fieldset { border: 0; margin: 0; padding: 0; gap: 6px; }
.wk-sheet legend { margin-bottom: 6px; font-size: var(--fs-s); color: var(--ink-2); padding: 0; }
.wk-days input, .wk-chips input { opacity: 0; }
.wk-days span, .wk-chips span { gap: 7px; padding: 0 14px; border: 1px solid var(--wk-edge); border-radius: 999px; color: var(--ink-2); background: var(--wk-line); font-weight: 600; }
.wk-days input:checked + span { color: var(--ink); border-color: var(--blue); background: color-mix(in srgb, var(--blue) 22%, transparent); }
.wk-chips span i { border-radius: 50%; background: var(--c); }
.wk-chips input:checked + span { color: var(--ink); border-color: var(--c, var(--ink-2)); background: color-mix(in srgb, var(--c, var(--ink-3)) 22%, transparent); }
.wk-days input:focus-visible + span, .wk-chips input:focus-visible + span { outline: 2px solid var(--blue); outline-offset: 2px; }
.wk-times { gap: 10px; }
.wk-duration { padding: 0 4px 11px; font-variant-numeric: tabular-nums; color: var(--ink); font-weight: 700; }
.wk-duration.is-bad { color: var(--bad); font-weight: 600; font-size: var(--fs-xs); }
.wk-sheet-actions { gap: 8px; }
.wk-sheet-actions .danger { margin-left: auto; }
.wk-copy-bar { gap: 14px; padding: 10px 12px 10px 18px; border-radius: 999px; border: 1px solid var(--wk-edge); background: var(--wk-glass-strong); backdrop-filter: blur(16px); box-shadow: 0 16px 40px rgba(0, 0, 0, .45); }
.wk-set { padding: 20px 22px; gap: 16px; }
.wk-set-title { gap: 12px; }
.wk-set-title > span { font-size: var(--fs-xl); font-weight: 800; color: var(--ink-4); font-variant-numeric: tabular-nums; }
.wk-set-title h2 { margin: 0; font-size: var(--fs-l); }
.wk-set-title h2 small { margin-left: 8px; font-size: var(--fs-xs); color: var(--ink-3); font-weight: 600; }
.wk-set-title p { margin: 4px 0 0; color: var(--ink-2); font-size: var(--fs-s); }
.wk-set--fold > summary h2::after { content: ' ▾'; color: var(--ink-3); }
.wk-set--fold[open] > summary h2::after { content: ' ▴'; }
.wk-set-form { gap: 14px; padding-left: 56px; }
.wk-set-form label { gap: 6px; font-size: var(--fs-s); color: var(--ink-2); }
.wk-set-form label small { color: var(--ink-3); font-size: var(--fs-xs); }
.wk-checks { gap: 8px; }
.wk-check, .wk-checks > label { gap: 9px; color: var(--ink) !important; }
.wk-segment { border: 0; margin: 0; padding: 0; gap: 8px; }
.wk-segment legend { padding: 0; margin-bottom: 6px; font-size: var(--fs-s); color: var(--ink-2); }
.wk-segment label { gap: 8px; padding: 9px 14px; border: 1px solid var(--wk-edge); border-radius: 12px; color: var(--ink); background: var(--wk-line); }
.wk-cats { gap: 12px; padding-left: 56px; }
.wk-cat { gap: 10px 20px; padding: 14px; border: 1px solid color-mix(in srgb, var(--c) 30%, var(--wk-edge)); border-radius: 16px; background: color-mix(in srgb, var(--c) 6%, transparent); }
.wk-cat-name { gap: 10px; }
.wk-cat-name i { border-radius: 4px; background: var(--c); box-shadow: 0 0 10px var(--c); }
.wk-cat-actions { gap: 8px; }
.wk-palette { gap: 3px; }
.wk-palette-row { gap: 4px; }
.wk-palette-row > span { font-size: 11px; color: var(--ink-3); }
.wk-palette-row.is-current > span { color: var(--ink-2); font-weight: 650; }
.wk-palette input { opacity: 0; margin: 0; }
.wk-palette i { border-radius: 6px; background: var(--swatch); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25); }
.wk-palette input:checked + i { outline: 2px solid var(--ink); outline-offset: 2px; }
.wk-palette input:focus-visible + i { outline: 2px solid var(--blue); outline-offset: 2px; }
@media (max-width: 760px) {
.wk-switch a { padding: 10px 6px; }
.wk-strip { scroll-padding-inline: 15px; scrollbar-width: none; margin-inline: -15px; padding-inline: 15px; }
.wk-strip > .wk-glass { padding: 12px 14px; }
.wk-strip strong { font-size: var(--fs-l); }
.wk-daypicker { gap: 4px; }
.wk-daypicker a { padding: 6px 2px; border-radius: 12px; }
.wk-distribution dl { gap: 16px; }
.wk-fab { border-radius: 18px; border: 1px solid color-mix(in srgb, var(--blue) 60%, transparent); background: linear-gradient(180deg, color-mix(in srgb, #fff 18%, var(--blue)), var(--blue)); color: #04101F; font-size: 34px; line-height: 1; font-weight: 500; box-shadow: 0 14px 30px color-mix(in srgb, var(--blue) 38%, transparent); }
.wk-modal { padding: 0; }
.wk-sheet { border-radius: 22px 22px 0 0; padding: 6px 16px calc(18px + env(safe-area-inset-bottom, 0px)); }
.wk-sheet-handle i { border-radius: 3px; background: var(--ink-3); }
.wk-duration { padding: 0; }
.wk-days span { padding: 0; }
.wk-set-form, .wk-cats { padding-left: 0; }
}
.wk-checks { gap: 2px; }
.wk-checks > label { margin: 0; padding: 0; }
.wk-inline-select { gap: 10px; color: var(--ink-2) !important; }
.snd-head { gap: 18px; }
.snd-head-lead { margin: 10px 0 0; color: var(--ink-3); font-size: .86rem; line-height: 1.6; }
@keyframes snd-bounce { to { transform: scaleY(.55); opacity: 1; } }
.snd-page { gap: 20px; }
.snd-page input[type="range"] { accent-color: var(--sound-color, var(--sound-accent)); }
.snd-panel-head { gap: 14px; }
.snd-panel-head h2 { margin: 4px 0 0; }
.snd-count { padding: 7px 12px; border: 1px solid var(--channel); border-radius: 999px; color: var(--ink-3); font: 750 .66rem/1 var(--mono); }
.snd-note { margin: 14px 0 0; color: var(--ink-3); font-size: .79rem; line-height: 1.6; }
.snd-hint { margin: 14px 0 0; color: var(--ink-4); font-size: .74rem; line-height: 1.5; }
.snd-console { padding: clamp(22px, 3vw, 36px); border-color: color-mix(in srgb, var(--sound-accent) 30%, var(--frame)); }
.snd-console::before { content: ''; background: linear-gradient(90deg, var(--accent), transparent 45%, transparent 60%, var(--accent-2)); opacity: 0.8; }
.snd-console-top { gap: 14px; }
.snd-console-meta p { margin: 8px 0 0; color: var(--ink-3); font: 700 .72rem/1 var(--mono); letter-spacing: .06em; }
.sound-status { gap: 9px; padding: 0 13px; border: 1px solid var(--channel); border-radius: 999px; color: var(--ink-3); background: var(--sunk); font: 800 .65rem/1 var(--mono); letter-spacing: .13em; }
.sound-status i { border-radius: 50%; background: var(--ink-3); }
.snd-page.is-playing .sound-status { color: var(--ok); border-color: color-mix(in srgb, var(--ok) 40%, var(--frame)); }
.snd-page.is-playing .sound-status i { background: var(--ok); box-shadow: 0 0 13px var(--ok); }
.snd-stage { margin-top: 10px; }
.snd-ring circle { fill: none; stroke-width: 3; stroke-linecap: round; }
.snd-ring-track { stroke: var(--channel); }
.snd-ring-value { stroke: var(--sound-accent); filter: drop-shadow(0 0 7px color-mix(in srgb, var(--sound-accent) 60%, transparent)); transition: stroke-dashoffset .3s linear; }
.sound-master-toggle { gap: 7px; border: 1px solid color-mix(in srgb, var(--sound-accent) 42%, var(--frame)); border-radius: 50%; color: var(--ink); background: radial-gradient(circle at 44% 32%, color-mix(in srgb, var(--sound-accent) 16%, var(--plate-raise)), var(--sunk) 70%); box-shadow: 0 22px 55px rgba(0,0,0,.4), inset 0 0 45px color-mix(in srgb, var(--sound-accent) 8%, transparent); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.sound-master-toggle:hover { border-color: var(--sound-accent); box-shadow: 0 24px 60px rgba(0,0,0,.44), 0 0 34px color-mix(in srgb, var(--sound-accent) 20%, transparent); }
.sound-master-toggle:disabled { opacity: .5; }
.sound-master-toggle .sound-play-icon { color: var(--sound-accent); font-size: 1.25rem; line-height: 1; }
.sound-master-toggle strong { font: 800 clamp(1.9rem, 4vw, 2.9rem)/1 var(--mono); letter-spacing: -.06em; }
.sound-master-toggle small { color: var(--ink-3); font: 850 .66rem/1 var(--mono); letter-spacing: .17em; }
.snd-wave { gap: 5px; opacity: .34; }
.snd-wave i { border-radius: 5px; background: linear-gradient(180deg, #72d6ff, #8b7cff); }
.snd-page.is-playing .snd-wave { opacity: .55; }
.snd-page.is-playing .snd-wave i { height: calc(20px + var(--wave-i) * 1px); transform: scaleY(calc(8 / (20 + var(--wave-i)))); animation: snd-wave 1.15s ease-in-out infinite alternate; animation-delay: calc(var(--wave-i) * -46ms); }
@keyframes snd-wave { 0% { transform: scaleY(calc(8 / (20 + var(--wave-i)))); opacity: .35; } 100% { transform: scaleY(1); opacity: .9; } }
.snd-master { gap: 18px; margin-top: 18px; }
.snd-master label { gap: 14px; }
.snd-master label span { color: var(--ink-3); font: 850 .64rem/1 var(--mono); letter-spacing: .13em; }
.snd-master label b { color: var(--ink-2); font: 750 .76rem/1 var(--mono); }
.sound-playback-warning { margin: 16px 0 0; padding: 12px 15px; border: 1px solid color-mix(in srgb, var(--bad) 42%, var(--frame)); border-radius: var(--r-in); color: var(--bad); background: color-mix(in srgb, var(--bad) 8%, var(--sunk)); line-height: 1.5; font-size: .82rem; }
.snd-grid { gap: 20px; }
.snd-mix, .snd-timer, .snd-scenes, .snd-files, .snd-empty { padding: clamp(18px, 2.2vw, 28px); }
.snd-empty { border-style: dashed; }
.snd-empty h2 { margin: 0 0 12px; }
.snd-empty p { color: var(--ink-3); font-size: .84rem; line-height: 1.65; }
.snd-empty code, .snd-console code { padding: 2px 6px; border: 1px solid var(--channel); border-radius: 5px; color: var(--sound-accent); background: var(--sunk); font-size: .85em; }
.snd-layers { gap: 10px; margin-top: 18px; }
.snd-layer { gap: 16px; padding: 14px 14px 14px 0; border: 1px solid color-mix(in srgb, var(--sound-color) 22%, var(--frame)); border-radius: var(--r-in); background: linear-gradient(100deg, color-mix(in srgb, var(--sound-color) 7%, var(--sunk)), var(--plate-2)); }
.snd-layer-mark { margin: 10px 0; border-radius: 0 5px 5px 0; background: var(--sound-color); box-shadow: 0 0 16px color-mix(in srgb, var(--sound-color) 55%, transparent); }
.snd-layer-id { gap: 5px; }
.snd-layer-id strong { color: var(--ink); font-size: .93rem; }
.snd-layer-id small { color: var(--ink-3); font: 700 .68rem/1.4 var(--mono); }
.snd-layer-level { gap: 10px; }
.snd-layer-level span { color: var(--ink-3); font: 850 .6rem/1 var(--mono); letter-spacing: .12em; }
.snd-layer-level b { color: var(--ink-2); font: 750 .74rem/1 var(--mono); }
.snd-layer-meter { background: color-mix(in srgb, var(--sound-color) 12%, var(--sunk)); }
.snd-layer-meter i { background: var(--sound-color); box-shadow: 0 0 10px color-mix(in srgb, var(--sound-color) 60%, transparent); transition: width .18s ease; }
.snd-layer-remove { border: 1px solid color-mix(in srgb, var(--bad) 24%, var(--frame)); border-radius: 10px; color: color-mix(in srgb, var(--bad) 80%, var(--ink)); background: var(--sunk); font-size: 1.1rem; }
.snd-blank { margin: 14px 0; color: var(--ink-3); font-size: .82rem; line-height: 1.55; }
.snd-layer-limit { margin: 14px 0 0; color: var(--ink-3); font: 700 .68rem/1.5 var(--mono); }
.snd-timer { gap: 16px; }
.snd-timer > label, .snd-dialog label { gap: 8px; color: var(--ink-3); font-size: .71rem; font-weight: 800; }
.snd-timer-note { gap: 8px; padding: 14px; border: 1px solid var(--channel); border-radius: var(--r-in); background: var(--sunk); }
.snd-timer-note p { margin: 0; color: var(--ink-3); font-size: .74rem; line-height: 1.6; }
.snd-timer-weekly strong { color: var(--gold); }
.snd-scene-grid { gap: 12px; margin-top: 18px; }
.snd-scene { border: 1px solid var(--channel); border-radius: var(--r-in); background: var(--sunk); }
.snd-scene-apply { padding: 18px; border: 0; color: var(--ink); background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--sound-accent) 8%, transparent), transparent 56%); }
.snd-scene-apply:hover { background-color: color-mix(in srgb, var(--sound-accent) 6%, var(--sunk)); }
.snd-scene-dots { gap: 5px; margin-bottom: 13px; }
.snd-scene-dots i { border-radius: 50%; background: var(--sound-color); box-shadow: 0 0 9px color-mix(in srgb, var(--sound-color) 65%, transparent); }
.snd-scene-apply strong { font-size: .98rem; }
.snd-scene-apply small { margin-top: 7px; color: var(--ink-3); font-size: .7rem; line-height: 1.45; }
.snd-scene-apply em { margin-top: auto; padding-top: 16px; color: var(--ink-4); font: 750 .61rem/1 var(--mono); letter-spacing: .07em; font-style: normal; }
.snd-scene-delete button { border: 1px solid var(--channel); border-radius: 8px; color: var(--ink-3); background: var(--plate-2); }
.snd-offline.is-on { border-color: color-mix(in srgb, var(--ok) 45%, var(--frame)); color: var(--ok); }
.snd-file-form { gap: 11px; padding-top: 14px; }
.snd-file-form > label, .snd-file-pair > label { gap: 7px; color: var(--ink-3); font-size: .67rem; font-weight: 800; }
.snd-file-pair { gap: 11px; }
.snd-file-form input[type="color"] { padding: 4px; }
.snd-file-check { gap: 9px; }
.snd-file-check input { accent-color: var(--ok); }
.snd-dialog { padding: 22px; border: 1px solid color-mix(in srgb, var(--blue) 30%, var(--frame)); border-radius: var(--r); color: var(--ink); background: var(--plate-1); box-shadow: 0 30px 90px rgba(0,0,0,.65); }
.snd-dialog::backdrop { background: rgba(0,0,0,.76); backdrop-filter: blur(7px); }
.snd-dialog-head { gap: 14px; margin-bottom: 20px; }
.snd-dialog-head h2 { margin: 4px 0 0; }
.snd-dialog form { gap: 16px; }
.snd-library-grid { gap: 10px; }
.snd-library-item { gap: 13px; padding: 14px; border: 1px solid color-mix(in srgb, var(--sound-color) 24%, var(--frame)); border-radius: var(--r-in); color: var(--ink); background: linear-gradient(100deg, color-mix(in srgb, var(--sound-color) 6%, var(--sunk)), var(--sunk)); }
.snd-library-item > i { border-radius: 8px; background: var(--sound-color); box-shadow: 0 0 15px color-mix(in srgb, var(--sound-color) 48%, transparent); }
.snd-library-item span { gap: 5px; }
.snd-library-item small { color: var(--ink-3); font-size: .7rem; line-height: 1.4; }
.snd-library-item > b { color: var(--sound-color); font: 800 .6rem/1 var(--mono); letter-spacing: .1em; }
.snd-library-item:disabled { opacity: .45; }
.snd-mini { gap: 12px; padding: 10px 14px; border: 1px solid color-mix(in srgb, var(--sound-accent) 34%, var(--frame)); border-radius: 16px; background: color-mix(in srgb, var(--plate-raise) 92%, transparent); backdrop-filter: blur(12px); box-shadow: 0 20px 45px rgba(0,0,0,.55); }
.snd-mini-toggle { border: 1px solid color-mix(in srgb, var(--sound-accent) 45%, var(--frame)); border-radius: 50%; color: var(--sound-accent); background: var(--sunk); font-size: 1rem; }
.snd-mini-body { gap: 3px; }
.snd-mini-body strong { color: var(--ink); font-size: .84rem; }
.snd-mini-body small { color: var(--ink-3); font: 700 .64rem/1 var(--mono); }
.snd-mini b { margin-left: auto; color: var(--ink); font: 800 .95rem/1 var(--mono); }
.offline-sound-body { padding: clamp(18px, 3vw, 42px); background: var(--void); }
.offline-sound-body .snd-page { margin-inline: auto; }
.offline-sound-head { gap: 10px; padding: 4px 0 15px; }
.offline-sound-head h1 { margin: 0; color: var(--ink); font-size: clamp(2.2rem, 5vw, 3.6rem); }
.offline-sound-head p { margin: 0; color: var(--ink-2); line-height: 1.55; }
.offline-sound-head .small-button { margin-top: 6px; }
@media (max-width: 760px) {
.snd-page { gap: 14px; padding-bottom: 92px; }
.snd-console { padding: 18px 14px; }
.snd-wave { inset-inline: 0; gap: 3px; opacity: .26; }
.snd-master { gap: 14px; }
.snd-mix, .snd-timer, .snd-scenes, .snd-files, .snd-empty { padding: 16px 14px; }
.snd-layer { gap: 10px 12px; padding: 12px 12px 14px 0; }
.snd-dialog { padding: 16px 13px; border-radius: 16px; }
}
body.nex-sound-on .main-content { padding-bottom: calc(var(--mx-tabbar) + var(--mx-player) + 20px); }
.snd-mini-body { text-decoration: none; }
.snd-mini-body:hover strong { color: var(--sound-accent, #72d6ff); }
.nex-loading::before { content: ''; background: linear-gradient(90deg, var(--blue), var(--gold)); animation: nex-progress 1.1s ease-in-out infinite; }
@keyframes nex-progress { 0% { transform: scaleX(0); } 55% { transform: scaleX(.7); } 100% { transform: scaleX(1); opacity: .2; } }
.snd-search { margin-top: 18px; }
.snd-search > span { color: var(--ink-3); font-size: 1.05rem; }
.snd-search input { padding-left: 42px !important; border-radius: 999px !important; }
.snd-groups { gap: 8px; margin-top: 16px; }
.snd-group { border: 1px solid var(--channel); border-radius: var(--r-in); background: var(--sunk); }
.snd-group > summary { gap: 12px; padding: 0 14px; }
.snd-group > summary:hover { background: var(--plate-2); }
.snd-group > summary strong { color: var(--ink); font-size: .9rem; }
.snd-group > summary b { padding: 3px 9px; border: 1px solid var(--channel); border-radius: 999px; color: var(--ink-3); font: 700 .66rem/1.4 var(--mono); }
.snd-group-dots { gap: 3px; }
.snd-group-dots i { border-radius: 4px; background: var(--sound-color, var(--blue)); }
.snd-group-arrow { color: var(--ink-4); font-size: 1.1rem; transition: transform .18s ease; }
.snd-group-body { gap: 2px; padding: 4px 8px 10px; }
.snd-track { gap: 12px; padding: 8px 6px 8px 0; border-radius: 10px; }
.snd-track:hover { background: var(--plate-2); }
.snd-track.is-off { opacity: .5; }
.snd-track-mark { border-radius: 0 4px 4px 0; background: var(--sound-color); }
.snd-track-text { gap: 3px; }
.snd-track-text strong { color: var(--ink); font-size: .86rem; font-weight: 600; }
.snd-track-text small { color: var(--ink-4); font: 700 .66rem/1.4 var(--mono); }
.snd-track-state { padding: 3px 8px; border: 1px solid var(--channel); border-radius: 999px; color: var(--ink-4); font: 800 .56rem/1.4 var(--mono); letter-spacing: .08em; }
.snd-track-edit > summary { border-radius: 9px; color: var(--ink-3); font-size: 1.05rem; }
.snd-track-edit > summary:hover { color: var(--ink); background: var(--sunk); }
.snd-track-edit[open] > summary { margin-bottom: 8px; padding: 4px 0; color: var(--sound-color); font-size: 0; }
.snd-track-edit[open] > summary::after { content: 'Kapat'; font-size: .74rem; font-weight: 800; letter-spacing: .04em; }
.snd-track-edit .snd-file-form { padding-top: 6px; }
.snd-track-edit > .small-button { margin-top: 10px; }
.snd-no-result { margin: 20px 0 0; color: var(--ink-3); font-size: .84rem; }
.snd-library-heading { margin: 10px 0 2px; color: var(--ink-4); font: 800 .62rem/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.snd-library-heading:first-child { margin-top: 0; }
@media (max-width: 760px) {
.snd-group-body { padding: 4px 6px 10px; }
}
:where(time, data, td, th, output, .task-points, [data-timer-clock], .kpi-value, .metric, .score, .mono, b, strong) { font-variant-numeric: tabular-nums; }
:where(.primary-button, .small-button, .ghost-button, .danger-button, .button-link) { gap: var(--space-2); border-radius: var(--radius-s); line-height: var(--lh-tight); text-decoration: none; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-s); }
@media (max-width: 760px) {
.mx-tabbar { padding-bottom: 0; }
.dock-item.is-active { color: var(--ink); }
.dock-item.is-active .dock-icon { color: var(--blue); }
.main-content { padding-bottom: calc(var(--dock-total) + var(--space-5)); }
}
.nex-toasts .toast.is-leaving { animation: nex-toast-out var(--dur) ease forwards; }
@keyframes nex-toast-in { from { opacity: 0; transform: translateY(-8px); } }
@keyframes nex-toast-out { to { opacity: 0; transform: translateY(-8px); } }
@media (prefers-reduced-motion: reduce) {
.nex-toasts .toast.is-leaving { animation: none; }
}
.nex-pull.is-ready { color: var(--blue); border-color: var(--blue); }
.weekly-grid-scroll { scrollbar-width: thin; scrollbar-color: var(--channel) transparent; }
::view-transition-old(root) { animation: nex-vt-out 140ms ease both; }
::view-transition-new(root) { animation: nex-vt-in 200ms var(--ease-out) both; }
@keyframes nex-vt-out { to { opacity: 0; } }
@keyframes nex-vt-in { from { opacity: 0; transform: translateY(8px); } }
@property --score {
syntax: '<number>';
inherits: true;
initial-value: 0;
}
.home-score .score-ring { transition: --score 900ms var(--ease-out); }
@starting-style {
.home-score .score-ring { --score: 0; }
}
.is-completing { animation: nex-complete 360ms var(--ease-out) forwards; }
@keyframes nex-complete {
40% { transform: scale(0.98); opacity: 0.85; }
to { transform: scale(0.94); opacity: 0.25; }
}
.nex-confetti i { border-radius: 2px; opacity: 0.95; animation: nex-confetti 1.9s cubic-bezier(.25, .6, .4, 1) var(--d) forwards; }
.nex-confetti i:nth-child(3n) { border-radius: 50%; }
@keyframes nex-confetti {
to { transform: translate(var(--dx), 105vh) rotate(var(--r)); opacity: 0.6; }
}
[data-motion='soft'] .kinetic-score-burst { animation-duration: 0.4s; }
[data-motion='off'] *, [data-motion='off'] *::before, [data-motion='off'] *::after, [data-saver='on'] *, [data-saver='on'] *::before, [data-saver='on'] *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
@media (prefers-reduced-motion: reduce) {
[data-motion='full'] ::view-transition-old(root), [data-motion='full'] ::view-transition-new(root) { animation: none; }
}
[data-saver='on'] * { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.appearance-body, .device-prefs-body { gap: var(--space-4); }
.appearance-settings .segmented { gap: var(--space-2); margin: 0; padding: 0; border: 0; }
.appearance-settings .segmented legend { margin-bottom: var(--space-2); padding: 0; color: var(--ink-3); font-size: var(--fs-xs); font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.appearance-settings .segmented label { gap: var(--space-2); margin: 0; padding: 0 var(--space-4); border: 1px solid var(--channel); border-radius: var(--radius-pill); background: var(--plate-2); color: var(--ink-2); font-size: var(--fs-s); font-weight: 700; }
.appearance-settings .segmented label:has(input:checked) { border-color: var(--blue); color: var(--ink); box-shadow: inset 0 0 0 1px var(--blue-dim); }
.appearance-settings .segmented input { margin: 0; accent-color: var(--blue); }
.appearance-settings .form-grid { margin-top: 0; }
.appearance-settings .form-note { gap: var(--space-3); margin: 0; }
.device-prefs .pref-row { gap: var(--space-4); padding: var(--space-3) 0; border-bottom: 1px solid var(--hair); }
.device-prefs .pref-row > span { color: var(--ink); font-weight: 700; }
.segmented-buttons button.is-on { background: var(--plate-raise); color: var(--ink); box-shadow: var(--elev-1); }
.sync-settings-body, .api-settings-body { gap: var(--space-3); }
.sync-status { gap: var(--space-3); padding: var(--space-3) var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-m); background: var(--sunk); }
.sync-status > div { gap: 2px; }
.sync-status strong { gap: var(--space-2); font-size: var(--fs-m); }
.sync-status strong i { border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ok) 18%, transparent); }
.sync-status.is-net strong i { background: var(--warn); box-shadow: 0 0 0 4px color-mix(in srgb, var(--warn) 18%, transparent); }
.sync-status.is-err strong i { background: var(--danger); box-shadow: 0 0 0 4px color-mix(in srgb, var(--danger) 18%, transparent); }
.sync-status small { color: var(--muted); font-size: var(--fs-s); }
.api-token-list { margin: 0; padding: 0; gap: var(--space-2); }
.api-token-list > li { gap: var(--space-3); padding: var(--space-3) var(--space-4); border: 1px solid var(--hair); border-radius: var(--radius-m); background: var(--sunk); }
.api-token-list > li > span { gap: 2px; }
.api-token-list > li > span small { color: var(--muted); font-size: var(--fs-s); }
.api-token-list form { margin: 0; }
.sync-peer-rename { gap: var(--space-2); }
.nb-page { gap: var(--space-5); padding-bottom: var(--space-7); }
.nb-kicker { font-size: var(--fs-xs); font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-3); }
.nb-muted { color: var(--ink-3); font-size: var(--fs-s); line-height: var(--lh-body); margin: 0; }
.nb-muted a { color: var(--blue); }
.nb-link { color: var(--blue); font-weight: 700; font-size: var(--fs-s); text-decoration: none; }
.nb-link:hover { text-decoration: underline; }
.nb-center { margin-top: var(--space-4); }
.nb-head { gap: var(--space-4); padding-top: var(--space-4); }
.nb-head h1 { margin: var(--space-1) 0 0; font-size: var(--fs-3xl); line-height: var(--lh-tight); letter-spacing: -0.02em; color: var(--ink); }
.nb-lead { margin: var(--space-2) 0 0; color: var(--ink-2); font-size: var(--fs-m); line-height: var(--lh-body); }
.nb-head-actions { gap: var(--space-4); }
.nb-card { gap: var(--space-4); padding: var(--space-5); border-radius: var(--radius-l); border: 1px solid var(--frame); background: linear-gradient(180deg, var(--plate-1), var(--plate-2)); box-shadow: inset 0 1px 0 var(--lip), var(--elev-2); }
.nb-card-head { gap: var(--space-3); }
.nb-card-head h2 { margin: 2px 0 0; font-size: var(--fs-l); line-height: var(--lh-tight); color: var(--ink); letter-spacing: -0.01em; }
.nb-card-head p { margin-top: var(--space-1); }
.nb-card-foot { gap: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--hair); }
.nb-card-foot a { color: var(--blue); font-weight: 700; font-size: var(--fs-s); text-decoration: none; }
.nb-pill { padding: 4px 10px; border-radius: var(--radius-pill); border: 1px solid var(--channel); background: var(--sunk); color: var(--ink-2); font-size: var(--fs-xs); font-weight: 800; font-variant-numeric: tabular-nums; }
.nb-chip { padding: 2px 8px; border-radius: var(--radius-pill); border: 1px solid var(--channel); color: var(--ink-2); font-size: var(--fs-xs); font-style: normal; font-weight: 700; }
.nb-chip.is-ok { color: var(--ok); border-color: color-mix(in srgb, var(--ok) 45%, var(--channel)); }
.nb-chip.is-warn { color: var(--warn); border-color: color-mix(in srgb, var(--warn) 45%, var(--channel)); }
.nb-chip.is-bad { color: var(--bad); border-color: color-mix(in srgb, var(--bad) 45%, var(--channel)); }
.nb-bar { border-radius: var(--radius-pill); background: var(--sunk); border: 1px solid var(--frame); }
.nb-bar i { border-radius: inherit; background: linear-gradient(90deg, var(--blue), color-mix(in srgb, var(--blue) 50%, var(--gold))); transition: width var(--dur) var(--ease-out); }
.nb-bar.is-ok i { background: var(--ok); }
.nb-bar.is-warn i { background: var(--warn); }
.nb-ring { border-radius: 50%; background:
radial-gradient(closest-side, var(--plate-1) 78%, transparent 80% 100%),
conic-gradient(var(--blue) calc(var(--p) * 1%), var(--sunk) 0); box-shadow: inset 0 0 0 1px var(--frame); }
.nb-ring b { font-size: var(--fs-2xl); color: var(--ink); font-variant-numeric: tabular-nums; line-height: 1; }
.nb-ring small { margin-top: var(--space-1); color: var(--ink-3); font-size: var(--fs-xs); font-weight: 700; }
.nb-metrics { gap: var(--space-3); }
.nb-metric { gap: 2px; padding: var(--space-4); border-radius: var(--radius-m); border: 1px solid var(--frame); background: var(--plate-1); box-shadow: inset 0 1px 0 var(--lip); color: inherit; text-decoration: none; }
.nb-metric small { color: var(--ink-3); font-size: var(--fs-xs); font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.nb-metric b { font-size: var(--fs-2xl); color: var(--ink); line-height: 1.15; font-variant-numeric: tabular-nums; }
.nb-metric span { color: var(--ink-3); font-size: var(--fs-s); }
a.nb-metric:hover, .nb-metric.is-active { border-color: var(--blue-dim); }
.nb-metric.is-active { box-shadow: inset 0 1px 0 var(--lip), 0 0 0 1px var(--blue-dim); }
.nb-metric.is-bad b { color: var(--bad); }
.nb-metric.is-warn b { color: var(--warn); }
.nb-alerts { margin: 0; padding: 0; gap: var(--space-2); }
.nb-alert { gap: var(--space-3); padding: var(--space-3) var(--space-4); border-radius: var(--radius-m); border: 1px solid color-mix(in srgb, var(--tone) 32%, var(--frame)); background: color-mix(in srgb, var(--tone) 7%, var(--plate-1)); }
.nb-alert > span { color: var(--tone); font-size: var(--fs-l); }
.nb-alert p { margin: 0; color: var(--ink); font-size: var(--fs-s); line-height: 1.45; }
.nb-alert a { padding: 0 var(--space-2); color: var(--tone); font-weight: 800; font-size: var(--fs-s); text-decoration: none; }
.nb-daybar { gap: var(--space-3); margin: 0 auto var(--space-4); max-width: calc(var(--page-max) - 2 * var(--page-gutter)); padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4); border-radius: var(--radius-m); border: 1px solid color-mix(in srgb, var(--warn) 35%, var(--frame)); background: color-mix(in srgb, var(--warn) 7%, var(--plate-1)); }
.nb-daybar p { margin: 0; color: var(--ink-2); font-size: var(--fs-s); }
.nb-daybar b { color: var(--ink); }
.nb-daybar-dot { border-radius: 50%; background: var(--warn); box-shadow: 0 0 0 4px color-mix(in srgb, var(--warn) 20%, transparent); }
.nb-daybar .primary-button { padding: 0 var(--space-4); }
.nb-hello { gap: var(--space-4); padding-top: var(--space-4); }
.nb-hello-copy { gap: var(--space-4); }
.nb-hello h1 { margin: var(--space-1) 0; font-size: var(--fs-2xl); line-height: var(--lh-tight); color: var(--ink); letter-spacing: -0.02em; }
.nb-hello p { margin: 0; color: var(--ink-2); font-size: var(--fs-s); }
.nb-hello-photo { border-radius: var(--radius-m); border: 1px solid var(--frame); background: var(--plate-raise); color: var(--ink-2); font-weight: 800; }
.nb-hello-side { gap: var(--space-3); }
.nb-stat { column-gap: var(--space-1); padding: var(--space-2) var(--space-4); border-radius: var(--radius-m); border: 1px solid var(--frame); background: var(--plate-1); text-decoration: none; }
.nb-stat small { color: var(--ink-3); font-size: var(--fs-xs); font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; }
.nb-stat b { font-size: var(--fs-xl); color: var(--ink); font-variant-numeric: tabular-nums; }
.nb-stat span { color: var(--ink-3); font-size: var(--fs-xs); font-weight: 700; }
.nb-home-grid { gap: var(--space-4); }
.nb-home-grid--even > .panel { margin: 0; }
.nb-priorities { margin: 0; padding: 0; gap: var(--space-2); }
.nb-priorities li { gap: var(--space-3); padding: var(--space-2) var(--space-3); border-radius: var(--radius-m); border: 1px solid var(--hair); background: var(--sunk); }
.nb-priorities li > div { gap: 2px; }
.nb-priorities strong { color: var(--ink); font-size: var(--fs-m); line-height: 1.35; }
.nb-priorities a { text-decoration: none; }
.nb-priorities a:hover strong { color: var(--blue); }
.nb-priorities small { color: var(--ink-3); font-size: var(--fs-xs); }
.nb-priorities li.is-done strong { color: var(--ink-3); text-decoration: line-through; text-decoration-thickness: 1px; }
.nb-check-form { margin: 0; }
.nb-checkbox { padding: 0; border-radius: 10px; border: 1.5px solid var(--ink-4); background: var(--plate-1); color: var(--ink-2); font: inherit; font-weight: 800; font-size: var(--fs-s); }
button.nb-checkbox:hover { border-color: var(--blue); color: var(--blue); }
.nb-checkbox.is-auto { border-style: dashed; }
li.is-done > .nb-checkbox, li.is-done > form .nb-checkbox, li.is-done .nb-checkbox { border-color: var(--ok); border-style: solid; background: color-mix(in srgb, var(--ok) 16%, var(--plate-1)); color: var(--ok); }
.nb-cands { margin: 0; padding: 0; gap: var(--space-2); }
.nb-cand { gap: var(--space-3); padding: var(--space-2) var(--space-3) var(--space-2) var(--space-4); border-radius: var(--radius-m); border: 1px solid var(--hair); background: var(--sunk); }
.nb-cand::before { content: ''; border-radius: 0 3px 3px 0; background: var(--area-color); }
.nb-cand input { opacity: 0; }
.nb-cand-num { border-radius: 9px; border: 1.5px solid var(--ink-4); color: var(--ink); font-weight: 800; font-size: var(--fs-s); }
.nb-cand-text { gap: 2px; }
.nb-cand-text strong { color: var(--ink); font-size: var(--fs-s); }
.nb-cand-text small { color: var(--ink-3); font-size: var(--fs-xs); }
.nb-cand:has(input:checked) { border-color: var(--blue-dim); background: color-mix(in srgb, var(--blue) 8%, var(--sunk)); }
.nb-cand:has(input:checked) .nb-cand-num { border-color: var(--blue); background: var(--blue); color: var(--plate-1); }
.nb-cand:has(input:checked) .nb-cand-num:empty::after { content: '✓'; }
.nb-cand:has(input:focus-visible) { box-shadow: var(--focus-ring); }
.nb-cand.is-full:not(:has(input:checked)) { opacity: 0.5; }
.nb-pick-form, .nb-close-form { gap: var(--space-4); }
.nb-launch-mini-body { gap: var(--space-5); }
.nb-mini-list { margin: 0; padding: 0; gap: var(--space-2); }
.nb-mini-list li { gap: var(--space-2); color: var(--ink-2); font-size: var(--fs-s); }
.nb-mini-list li small { color: var(--ink-3); font-size: var(--fs-xs); }
.nb-mini-list li > i { border-radius: 50%; border: 1.5px solid var(--area-color); background: conic-gradient(var(--blue) calc(var(--g) * 360deg), transparent 0); }
.nb-mini-list li.is-done { color: var(--ok); }
.nb-vel-grid { gap: var(--space-3); }
.nb-vel { gap: var(--space-1); padding: var(--space-4); border-radius: var(--radius-m); border: 1px solid var(--hair); background: var(--sunk); }
.nb-vel header { gap: var(--space-2); color: var(--ink-2); font-size: var(--fs-s); font-weight: 700; }
.nb-vel strong { font-size: var(--fs-3xl); line-height: 1.1; color: var(--ink); font-variant-numeric: tabular-nums; }
.nb-vel.is-up strong { color: var(--ok); }
.nb-vel.is-down strong { color: var(--warn); }
.nb-vel > small { color: var(--ink-3); font-size: var(--fs-xs); }
.nb-spark { gap: 6px; margin-top: var(--space-2); }
.nb-spark i { border-radius: 4px 4px 2px 2px; background: color-mix(in srgb, var(--ink-4) 70%, transparent); }
.nb-spark i.is-now { background: var(--blue); }
.nb-balance-list { margin: 0; padding: 0; gap: var(--space-3); }
.nb-balance-list li { gap: var(--space-3); font-size: var(--fs-s); }
.nb-balance-list .nb-bar i { background: var(--area-color, var(--blue)); }
.nb-balance-list small { color: var(--ink-3); font-size: var(--fs-xs); font-variant-numeric: tabular-nums; }
.nb-balance-list li.is-neglected small { color: var(--warn); font-weight: 700; }
.nb-area-name { gap: var(--space-2); color: var(--ink-2); font-weight: 700; }
.nb-area-name i { border-radius: 50%; background: var(--area-color, var(--blue)); }
.nb-form { gap: var(--space-4); }
.nb-form label, .nb-free { gap: var(--space-1); }
.nb-form label small { color: var(--ink-3); font-weight: 500; font-size: var(--fs-xs); }
.nb-form--grid { gap: var(--space-4); }
.nb-toggle { gap: var(--space-3); color: var(--ink-2); font-weight: 600; }
.nb-toggle input { accent-color: var(--blue); }
.nb-fieldset { border: 1px solid var(--hair); border-radius: var(--radius-m); padding: var(--space-4); margin: 0; gap: var(--space-3); }
.nb-fieldset legend { padding: 0 var(--space-2); color: var(--ink); font-weight: 800; font-size: var(--fs-s); }
.nb-free:has(.nb-num) { gap: var(--space-3); }
.nb-num { border-radius: 9px; background: var(--plate-raise); border: 1px solid var(--frame); color: var(--ink); font-weight: 800; }
.nb-form-foot { gap: var(--space-3); }
.nb-details summary { color: var(--ink-2); font-weight: 700; font-size: var(--fs-s); gap: var(--space-2); }
.nb-details[open] summary { margin-bottom: var(--space-3); }
.nb-icon-button { padding: 0; border-radius: 9px; border: 1px solid transparent; background: transparent; color: var(--ink-3); font: inherit; font-size: var(--fs-m); }
.nb-icon-button:hover { border-color: var(--channel); color: var(--ink); }
.ghost-button.is-danger { color: var(--bad); border-color: color-mix(in srgb, var(--bad) 40%, var(--channel)); }
.nb-launch-hero { gap: var(--space-6); }
.nb-launch-facts { gap: var(--space-2) var(--space-6); }
.nb-launch-facts b { font-size: var(--fs-2xl); color: var(--ink); font-variant-numeric: tabular-nums; line-height: 1.15; }
.nb-launch-facts span { color: var(--ink-3); font-size: var(--fs-s); }
.nb-launch-hero-actions { gap: var(--space-3); }
.nb-launch-groups { gap: var(--space-4); }
.nb-items { margin: 0; padding: 0; gap: 2px; }
.nb-items li { gap: var(--space-3); padding: var(--space-2) 0; border-bottom: 1px solid var(--hair); }
.nb-items li:last-child { border-bottom: 0; }
.nb-item-text { gap: 4px; }
.nb-item-text strong { color: var(--ink); font-size: var(--fs-s); line-height: 1.4; }
.nb-item-text small { color: var(--ink-3); font-size: var(--fs-xs); }
.nb-item-text small a { color: var(--blue); text-decoration: none; }
.nb-items li.is-done strong { color: var(--ink-3); text-decoration: line-through; }
.nb-item-actions { gap: 2px; opacity: 0.55; transition: opacity var(--dur-fast); }
.nb-items li:hover .nb-item-actions, .nb-item-actions:focus-within { opacity: 1; }
.nb-item-actions form { margin: 0; }
.nb-tabs { gap: var(--space-2); }
.nb-tabs a { gap: var(--space-2); padding: 0 var(--space-4); border-radius: var(--radius-pill); border: 1px solid var(--channel); color: var(--ink-2); font-weight: 700; font-size: var(--fs-s); text-decoration: none; }
.nb-tabs a small { color: var(--ink-3); font-variant-numeric: tabular-nums; }
.nb-tabs a.is-active { border-color: var(--blue); color: var(--ink); background: color-mix(in srgb, var(--blue) 10%, transparent); }
.nb-triage-form { gap: var(--space-4); }
.nb-select-bar { gap: var(--space-3); }
.nb-groups { gap: var(--space-3); }
.nb-group { margin: 0; padding: 0 var(--space-4) var(--space-3); border-radius: var(--radius-m); border: 1px solid var(--frame); border-left: 3px solid var(--area-color, var(--blue)); background: var(--plate-1); }
.nb-group legend { padding: 0; }
.nb-group ul { margin: 0; padding: 0; gap: 2px; }
.nb-group-head, .nb-unit { gap: var(--space-3); }
.nb-group-head { border-bottom: 1px solid var(--hair); margin-bottom: var(--space-1); }
.nb-group-head input, .nb-unit input { accent-color: var(--blue); }
.nb-group-title b { color: var(--ink); font-size: var(--fs-m); }
.nb-group-title small { color: var(--ink-3); font-size: var(--fs-xs); }
.nb-unit strong { color: var(--ink-2); font-size: var(--fs-s); font-weight: 700; }
.nb-unit small { color: var(--ink-3); font-size: var(--fs-xs); }
.nb-unit:has(input:checked) strong { color: var(--ink); }
.nb-group:has(.nb-unit input:checked) { border-color: var(--blue-dim); border-left-color: var(--area-color, var(--blue)); }
.nb-actionbar { gap: var(--space-3); padding: var(--space-4); border-radius: var(--radius-l); border: 1px solid var(--blue-dim); background: color-mix(in srgb, var(--plate-1) 94%, transparent); backdrop-filter: blur(14px); box-shadow: var(--elev-3); }
.nb-actionbar-row { gap: var(--space-3); }
.nb-actionbar-row strong { color: var(--ink); font-size: var(--fs-l); }
.nb-actionbar-grid { gap: var(--space-3); }
.nb-actionbar.is-empty { border-color: var(--frame); }
.nb-plan-box { margin: 0; padding: var(--space-3) var(--space-4); border: 1px solid var(--hair); border-radius: var(--radius-m); gap: var(--space-3) var(--space-4); }
.nb-plan-box legend { padding: 0 var(--space-2); color: var(--ink); font-weight: 800; font-size: var(--fs-s); }
.nb-plan-box label:not(.nb-toggle) { gap: var(--space-1); }
.nb-plan-flags { gap: 0; }
.nb-plan-flags .nb-toggle { font-size: var(--fs-s); }
.nb-plan-box .primary-button { padding-inline: var(--space-5); }
.nb-quick-box { gap: var(--space-2); }
.nb-quick-box .nb-kicker { margin-right: var(--space-2); }
.nb-quick-box .is-danger { margin-left: auto; }
.nb-plan-days { gap: var(--space-3); }
.nb-plan-day { gap: var(--space-2); padding: var(--space-3) var(--space-4); border-radius: var(--radius-m); border: 1px solid var(--hair); background: var(--sunk); }
.nb-plan-day header { gap: var(--space-2); }
.nb-plan-day header b { color: var(--ink); }
.nb-plan-day header small { color: var(--ink-3); font-size: var(--fs-xs); }
.nb-plan-day ul { margin: 0; padding: 0; gap: 4px; }
.nb-plan-day li { gap: var(--space-2); color: var(--ink-2); font-size: var(--fs-s); }
.nb-plan-day li i { border-radius: 50%; background: var(--area-color); }
.nb-preview-actions { gap: var(--space-3); padding: var(--space-3); border-radius: var(--radius-m); background: color-mix(in srgb, var(--plate-1) 94%, transparent); backdrop-filter: blur(12px); border: 1px solid var(--frame); }
.nb-two-col { gap: var(--space-4); }
.nb-week-strip { gap: var(--space-4); margin: 0 auto var(--space-4); max-width: calc(var(--page-max) - 2 * var(--page-gutter)); padding: var(--space-3) var(--space-4); border-radius: var(--radius-m); border: 1px solid var(--frame); background: var(--plate-1); }
.nb-week-strip ol { gap: var(--space-4); margin: 0; padding: 0; }
.nb-week-strip li { gap: var(--space-2); color: var(--ink); font-size: var(--fs-s); font-weight: 600; }
.nb-week-strip li b { border-radius: 7px; background: var(--plate-raise); border: 1px solid var(--frame); font-size: var(--fs-xs); }
.nb-week-strip li.is-done { color: var(--ink-3); text-decoration: line-through; }
.mission-triage-link { margin-left: auto; padding-left: var(--space-3); }
.nb-challenge-launch { padding: var(--space-4) var(--space-5); }
.nb-challenge-launch summary .nb-kicker { color: var(--blue); }
@media (max-width: 980px) {
}
@media (max-width: 860px) {
.nb-vel .nb-spark { margin: 0; }
}
@media (max-width: 760px) {
.nb-page { gap: var(--space-4); }
.nb-card { padding: var(--space-4); border-radius: var(--radius-m); }
.nb-head h1 { font-size: var(--fs-2xl); }
.nb-hello { padding-top: var(--space-2); }
.nb-hello h1 { font-size: var(--fs-xl); }
.nb-alert { padding: var(--space-3); gap: var(--space-1) var(--space-3); }
.nb-alert a { padding: 0; }
.nb-metric b { font-size: var(--fs-xl); }
.nb-launch-hero { gap: var(--space-4); }
.nb-launch-facts { gap: var(--space-2); }
.nb-launch-mini-body { gap: var(--space-4); }
.nb-ring b { font-size: var(--fs-xl); }
.nb-quick-box .is-danger { margin-left: 0; }
.nb-actionbar { padding: var(--space-3); }
.nb-item-actions { opacity: 1; }
}
.mission-pulse-grid article span { font-size: var(--fs-xs); font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); }
.mission-pulse-grid article strong { font-family: var(--sans); font-size: var(--fs-2xl); line-height: 1.1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.mission-pulse-grid article.danger strong { background: none; color: var(--bad); }
.mission-pulse-grid article.progress strong { background: none; color: var(--blue); }
.nb-recover-note { margin: 0 0 var(--space-4); }
.nb-subhead { margin: var(--space-4) 0 var(--space-2); color: var(--text-2); font-size: var(--fs-s); font-weight: 700; }
.nb-restore-list, .nb-history-list { gap: var(--space-2); }
.nb-restore-list li .nb-unit { padding: var(--space-3); border-radius: var(--radius-m); border: 1px solid var(--line-soft); background: var(--surface-0); }
.nb-history-list li { gap: var(--space-3); padding: var(--space-3) 0; border-bottom: 1px solid var(--line-soft); }
.nb-history-list li:last-child { border-bottom: 0; }
.nb-history-list strong { color: var(--text-1); font-size: var(--fs-s); }
.nb-history-list small { color: var(--text-3); font-size: var(--fs-xs); }
.nb-restore-actions { margin-top: var(--space-4); }
.nb-history { margin-top: var(--space-4); }
.nb-plan-day li small { color: var(--text-3); font-size: var(--fs-xs); }
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url('fonts/inter-latin-ext-wght-normal.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url('fonts/inter-latin-wght-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
:root {
color-scheme: light;
--font-body: Inter, ui-sans-serif, system-ui, sans-serif; --font-display: var(--font-body); --font-mono: ui-monospace, monospace;
--sans: var(--font-body); --mono: var(--font-body); --display-stretch: 100%; --display-weight: 650;
--void: #FFFFFF; --void-2: #F9FAFC; --sunk: #F1F2F4; --plate-1: #FFFFFF; --plate-2: #F9FAFC; --plate-raise: #F1F2F4;
--channel: #DFE3E6; --hair: #ECEDEF; --hair-soft: #F1F2F4; --frame: var(--channel);
--ink: #25272B; --ink-2: #54585F; --ink-3: #686D76; --ink-4: #858A93;
--steel-1: var(--ink); --steel-2: var(--ink-2); --steel-3: var(--ink-3);
--blue: #5870D7; --blue-dim: #EDF0FD; --gold: #5870D7; --gold-dim: var(--blue-dim);
--on-accent: #FFFFFF; --on-bad: #FFFFFF; --ok: #27815E; --warn: #946416; --bad: #C9444F; --teal: #287E8C;
--creative: #5870D7; --content: #27815E; --funnel: #946416; --extra: #A25476; --strategy: var(--ok); --skill: #8060B1;
--canvas: var(--void); --surface-0: var(--sunk); --surface-1: var(--plate-1); --surface-2: var(--plate-raise);
--line: var(--channel); --line-soft: var(--hair); --text-1: var(--ink); --text-2: var(--ink-2); --text-3: var(--ink-3); --text-4: var(--ink-4);
--accent: var(--blue); --accent-2: var(--blue); --accent-dim: var(--blue-dim);
--area-creative: var(--creative); --area-content: var(--content); --area-funnel: var(--funnel); --area-extra: var(--extra); --area-business: var(--blue);
--radius-s: 4px; --radius-m: 6px; --radius-l: 8px; --radius-pill: 6px; --r: 8px; --r-in: 6px; --r-s: 4px; --radius: 8px;
--fs-xs: .75rem; --fs-s: .8125rem; --fs-m: .875rem; --fs-l: 1rem; --fs-xl: 1.125rem; --fs-2xl: 1.5rem; --fs-3xl: 1.75rem; --fs-4xl: 2rem;
--lh-tight: 1.25; --lh-body: 1.5; --kicker-track: 0;
--space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 40px; --space-8: 56px;
--control-h: 38px; --tap: 44px; --card-pad: 20px; --page-gutter: 28px; --page-max: 1800px; --sidebar-w: 232px; --dock-h: 60px;
--elev-1: none; --elev-2: 0 4px 16px #1519230d; --elev-3: 0 12px 40px #15192326; --shadow: var(--elev-1); --shadow-deep: var(--elev-2);
--edge-light: 0 0 transparent; --lip: transparent; --brush: none; --rim: none; --glow-1: transparent; --glow-2: transparent;
--icon-size: 18px; --icon-stroke: 1.6; --icon-cap: round; --icon-join: round; --icon-fill: none;
--dur-fast: 100ms; --dur: 180ms; --dur-slow: 240ms; --ease-out: ease; --ease-spring: ease;
}
:root[data-theme='dark'] {
color-scheme: dark;
--void: #17191D; --void-2: #1D1F24; --sunk: #25282F; --plate-1: #1D1F24; --plate-2: #191B20; --plate-raise: #292C33;
--channel: #363A43; --hair: #2C3038; --hair-soft: #25282F; --ink: #E9EBF0; --ink-2: #BDC1CB; --ink-3: #A0A6B2; --ink-4: #838A98;
--blue: #9CACFF; --blue-dim: #2A3355; --ok: #78CBA6; --warn: #E2BC75; --bad: #F18C97; --teal: #7DCBD4;
--creative: #9CACFF; --content: #78CBA6; --funnel: #E2BC75; --extra: #D59CBC; --skill: #B9A0E3; --on-accent: #151C35;
--elev-3: 0 12px 40px #0005;
}
html { background: var(--canvas); scroll-padding-top: 80px; }
body { background: var(--canvas); color: var(--text-1); font: 400 14px/1.5 var(--font-body); letter-spacing: -.01em; }
h1,h2,h3,h4,h5,strong,b { font-family: var(--font-body); font-stretch: normal; }
h1 { font-size: 26px; font-weight: 650; letter-spacing: -.035em; } h2 { font-size: 16px; font-weight: 600; } h3 { font-size: 14px; font-weight: 600; }
p { line-height: 1.6; } a { color: var(--blue); } button,input,select,textarea { font: inherit; } button,summary,a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
::selection { background: var(--blue-dim); color: var(--ink); }
.ambient { display: none; }
:is(.panel, .settings-section, .catalog-card, .challenge-card, .data-panel, .list-panel, .chart-panel, .quote-panel, .score-card, .gantt-panel, .funnel-panel, .auth-card, .quality-template-card, .session-device-card, .new-template-card, .data-action-card, .nb-card, .detail-zone, .focus-panel, .premium-form-panel, .form-panel, .settings-panel) { background: var(--surface-1); color: var(--text-1); border: 1px solid var(--line); border-radius: 8px; box-shadow: none; backdrop-filter: none; }
:where(.primary-button, .small-button, .ghost-button, .danger-button, .button-link, .batch-submit-dock button) { display: inline-flex; justify-content: center; align-items: center; gap: 6px; min-height: 38px; padding: 7px 12px; background: var(--surface-1); color: var(--text-1); border: 1px solid var(--line); border-radius: 6px; box-shadow: none; font-size: 13px; font-weight: 500; text-decoration: none; cursor: pointer; }
:where(.primary-button, .small-button, .ghost-button, .danger-button, .button-link, .batch-submit-dock button):hover { background: var(--surface-0); }
.primary-button { background: var(--blue); border-color: var(--blue); color: var(--on-accent); }
.primary-button:hover { background: color-mix(in srgb,var(--blue) 88%,var(--ink)); color: var(--on-accent); }
.ghost-button { background: transparent; border-color: transparent; } .is-danger,.danger-button { color: var(--bad); }
:where(input[type='text'], input[type='email'], input[type='password'], input[type='url'], input[type='number'], input[type='date'], input[type='time'], input[type='search'], input[type='tel'], input:not([type]), select, textarea) { width: 100%; min-width: 0; min-height: 38px; padding: 8px 10px; background: var(--surface-1); color: var(--text-1); border: 1px solid var(--line); border-radius: 5px; box-shadow: none; font-size: 14px; }
textarea { line-height: 1.6; resize: vertical; } input[type='checkbox'],input[type='radio'] { width: 17px; height: 17px; min-height: 0; accent-color: var(--blue); }
label { font-size: 12px; font-weight: 500; color: var(--text-2); } fieldset { min-width: 0; }
:is(.count-pill, .stage-chip, .nb-pill, .nb-chip, .zone-tag, .chip) { background: var(--surface-0); color: var(--text-2); border: 0; border-radius: 4px; box-shadow: none; }
:is(.kicker, .eyebrow, .nb-kicker) { color: var(--text-3); letter-spacing: 0; font-size: 11px; font-weight: 500; }
:is(.table-scroll, .gantt-scroll, .recovery-codes, .audit-log, .correction-list, .schedule-history, .rest-trace, .empty-state) { background: var(--surface-0); border-radius: 6px; box-shadow: none; }
.panel,.settings-section,.data-panel,.list-panel,.chart-panel,.form-panel,.settings-panel,.focus-panel { padding: 20px; }
.page-title,.beta-title { margin: 20px 0; gap: 16px; } .page-title h1 { font-size: 26px; } .page-title p { color: var(--text-3); }
.theme-option { padding: 16px; border-radius: 8px; background: var(--surface-1); border: 1px solid var(--line); }
.theme-option:has(input:checked) { border-color: var(--blue); } .theme-swatch { display: flex; height: 44px; border: 1px solid #DFE3E6; background: #FFFFFF; border-radius: 5px; } .theme-swatch i:first-child { width: 25%; background: #F9FAFC; border-right: 1px solid #DFE3E6; } .theme-swatch i:last-child { margin: 12px; width: 50%; background: #5870D7; border-radius: 3px; }
[data-preview-theme='dark'] .theme-swatch { background: #17191D; border-color: #363A43; } [data-preview-theme='dark'] .theme-swatch i:first-child { background: #1D1F24; border-color: #363A43; } [data-preview-theme='dark'] .theme-swatch i:last-child { background: #9CACFF; }
@media(max-width:760px) { :root { --page-gutter: 16px; --card-pad: 16px; } }
@media(pointer:coarse) { :root { --control-h: 44px; } :where(.primary-button, .small-button, .ghost-button, .danger-button, .button-link, .batch-submit-dock button),:where(input[type='text'], input[type='email'], input[type='password'], input[type='url'], input[type='number'], input[type='date'], input[type='time'], input[type='search'], input[type='tel'], input:not([type]), select, textarea) { min-height: 44px; } }
.sidebar { padding: 18px 12px 12px; background: var(--plate-2); border-right: 1px solid var(--line); scrollbar-width: thin; }
.brand { padding: 2px 8px 24px; gap: 10px; } .brand-mark { width: 32px; height: 32px; border-radius: 7px; background: var(--plate-1); border: 1px solid var(--line); } .brand strong { font-size: 13px; font-weight: 650; letter-spacing: .03em; color: var(--text-1); } .brand small { color: var(--text-3); font-size: 10px; }
.nav-list { gap: 18px; } .nav-group { gap: 2px; } .nav-group > span,.nav-group > summary { padding: 4px 10px; color: var(--text-3); font-size: 11px; font-weight: 500; text-transform: none; cursor: pointer; }
.nav-item { padding: 8px 10px; gap: 9px; min-height: 36px; border-radius: 5px; font-size: 13px; font-weight: 450; color: var(--text-2); } .nav-icon { color: var(--text-3); } .nav-icon svg { width: 17px; height: 17px; }
.nav-item:hover { background: var(--surface-0); color: var(--text-1); } .nav-item.active { background: var(--blue-dim); color: var(--blue); font-weight: 550; } .nav-item.active .nav-icon { color: var(--blue); }
.sidebar-bottom { gap: 12px; padding-top: 20px; } .profile-card { padding: 10px 4px; gap: 8px; border-top: 1px solid var(--line); } .avatar { width: 28px; height: 28px; background: var(--surface-0); border: 1px solid var(--line); border-radius: 50%; font-size: 11px; } .profile-card strong { font-size: 12px; } .exit-link { color: var(--text-3); font-size: 10px; padding: 5px; }
.install-app-button { gap: 8px; background: var(--surface-1); border: 1px solid var(--line); border-radius: 6px; padding: 10px; color: var(--text-2); } .install-app-button strong { font-size: 12px; } .install-app-button small { font-size: 11px; }
.main-content { background: var(--canvas); }
.notification-trigger,.mobile-menu-trigger,.timer-pill button { border: 1px solid var(--line); background: var(--surface-1); color: var(--text-2); box-shadow: none; border-radius: 7px; backdrop-filter: none; }
.mobile-menu-trigger span { background: var(--ink); } .notification-trigger b { border-radius: 10px; background: var(--bad); color: var(--on-bad); font-size: 10px; }
.sidebar-scrim { background: #11182755; backdrop-filter: none; }
.notification-drawer { padding: 20px; background: var(--surface-1); color: var(--ink); border-left: 1px solid var(--line); box-shadow: var(--elev-3); } .notification-item { padding: 12px; border-bottom: 1px solid var(--line); } .notification-item p { color: var(--text-3); } .notification-head { padding-bottom: 20px; }
.mobile-dock { background: var(--surface-1); border-top: 1px solid var(--line); box-shadow: none; backdrop-filter: none; } .dock-item { color: var(--text-3); border-radius: 5px; } .dock-item.is-active { color: var(--blue); background: var(--blue-dim); } .dock-icon { background: transparent; box-shadow: none; border: 0; }
.toast { padding: 12px 16px; background: var(--surface-1); border: 1px solid var(--line); border-radius: 7px; color: var(--text-1); box-shadow: var(--elev-3); }
.pw-top-search { position: fixed; top: 16px; left: calc(var(--sidebar-w) + 28px); z-index: 52; color: var(--text-3); font-size: 12px; padding: 8px 12px; min-height: 36px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-1); text-decoration: none; }
.timer-pill + .pw-top-search { display: none; }
@media(max-width:1100px),(pointer:coarse) and (max-width:1600px) { .pw-top-search { left: 20px; } }
.login-body,.sync-setup { background: var(--canvas); color: var(--text-1); } .login-card,.sync-card { background: var(--surface-1); border: 1px solid var(--line); box-shadow: var(--elev-2); border-radius: 10px; } .login-card h1,.sync-card h1 { color: var(--text-1); } .login-card p,.sync-card p { color: var(--text-3); }
.wk-settings .wk-glass,.mission-v4-page .mission-view-panel,.mission-v4-page .mission-pulse-grid { background: var(--surface-1); border: 1px solid var(--line); box-shadow: none; border-radius: 8px; }
.mission-v4-page .mission-focus-group > :is(header,summary) { background: var(--surface-0); color: var(--text-2); }
.mission-v4-page .mission-focus-row { background: var(--surface-1); border-bottom: 1px solid var(--line-soft); box-shadow: none; }
.dock-item.is-active .dock-icon { color: var(--blue); } .dock-label { font-size: 11px; font-weight: 450; }
.pw-page { padding-top: 16px; padding-bottom: 24px; min-width: 0; } .pw-page *, .pw-page *::before,.pw-page *::after { box-sizing: border-box; }
.pw-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 4px 0 22px; } .pw-heading > div:first-child { min-width: 0; } .pw-heading h1 { margin: 4px 0 6px; overflow-wrap: anywhere; } .pw-heading p { color: var(--text-3); font-size: 13px; margin: 0; } .pw-heading .pw-eyebrow { font-size: 11px; color: var(--text-3); }
.pw-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .pw-actions form { margin: 0; } .pw-panel { border: 1px solid var(--line); border-radius: 8px; background: var(--surface-1); min-width: 0; padding: 20px; } .pw-panel + .pw-panel { margin-top: 16px; } .pw-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; } .pw-panel h2 { margin: 0 0 12px; } .pw-panel-head h2 { margin: 0; } .pw-panel-head a { font-size: 12px; }
.pw-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--line); flex-wrap: wrap; } .pw-tabs a { position: relative; padding: 11px 15px; min-height: 44px; color: var(--text-3); text-decoration: none; font-size: 13px; } .pw-tabs a[aria-current='page'] { color: var(--blue); font-weight: 550; } .pw-tabs a[aria-current='page']::after { content: ''; position: absolute; inset: auto 10px -1px; height: 2px; background: var(--blue); } .pw-tabs a:hover { background: var(--void-2); }
.pw-toolbar { display: flex; gap: 12px; flex-wrap: wrap; align-items: end; margin: 18px 0; } .pw-toolbar label { display: grid; gap: 5px; min-width: 120px; flex: 1; max-width: 230px; } .pw-toolbar .pw-search { max-width: 360px; min-width: min(220px,100%); flex: 2; } .pw-toolbar form { display: flex; gap: 6px; }
.pw-saved { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; font-size: 12px; } .pw-saved > span { display: flex; gap: 4px; align-items: center; padding: 2px 6px; background: var(--surface-0); border-radius: 5px; } .pw-saved form { display: inline-flex; margin: 0; } .pw-saved a { color: var(--text-2); text-decoration: none; } .pw-saved summary { cursor: pointer; color: var(--text-3); } .pw-inline { gap: 8px; margin-top: 8px; }
.pw-create { margin: 16px 0; min-width: 0; } .pw-create > summary { display: inline-flex; cursor: pointer; list-style: none; } .pw-create > summary::-webkit-details-marker { display: none; } .pw-create[open] { padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--void-2); } .pw-create[open] > summary { margin-bottom: 16px; }
.pw-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; min-width: 0; } .pw-form label,.pw-stack label { display: grid; gap: 6px; min-width: 0; } .pw-wide { grid-column: 1 / -1; } .pw-form > button { justify-self: start; } .pw-stack { display: grid; gap: 14px; } .pw-icon { display: inline-grid; place-items: center; min-width: 32px; min-height: 32px; padding: 4px; border: 0; border-radius: 5px; background: transparent; color: var(--text-3); cursor: pointer; }
.pw-result-count { color: var(--text-3); font-size: 11px; margin: 10px 0; }
.pw-table-scroll { overflow: auto; max-width: 100%; } .pw-table { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; min-width: 720px; } .pw-table th { background: var(--void-2); color: var(--text-3); font-weight: 450; white-space: nowrap; padding: 10px 12px; border-bottom: 1px solid var(--line); } .pw-table td { padding: 13px 12px; border-bottom: 1px solid var(--line-soft); vertical-align: middle; color: var(--text-2); } .pw-table tr:last-child td { border-bottom: 0; } .pw-table td:first-child { min-width: 220px; max-width: 420px; } .pw-task-title { display: flex; align-items: center; gap: 8px; color: var(--text-1); font-size: 13px; font-weight: 500; text-decoration: none; } .pw-table td > small { display: block; font-size: 11px; margin: 4px 0 0 15px; color: var(--text-3); } .pw-table td small { color: var(--text-3); } .pw-table tbody tr:hover { background: var(--void-2); } .pw-panel:has(> .pw-table-scroll) { padding: 0; overflow: hidden; } .pw-panel:has(> .pw-table-scroll) > .pw-panel-head { padding: 18px 20px 0; }
.pw-dot { display: inline-block; flex: none; width: 7px; height: 7px; border-radius: 2px; background: var(--c,var(--blue)); } .pw-badge { display: inline-block; white-space: nowrap; font-size: 11px; padding: 3px 7px; border-radius: 4px; color: var(--text-2); background: var(--surface-0); } .pw-badge--in_progress { background: var(--blue-dim); color: var(--blue); } .pw-badge--completed { background: color-mix(in srgb,var(--ok) 12%,var(--surface-1)); color: var(--ok); } .pw-badge--blocked { color: var(--warn); background: color-mix(in srgb,var(--warn) 10%,var(--surface-1)); }
.pw-priority { font-size: 11px; } .pw-priority[data-priority='critical'] { color: var(--bad); } .pw-priority[data-priority='high'] { color: var(--warn); } .pw-danger,.pw-table td.pw-danger { color: var(--bad); }
.pw-empty { padding: 36px 22px; color: var(--text-3); text-align: center; } .pw-empty h2,.pw-empty h3 { color: var(--text-1); margin: 0 0 8px; } .pw-empty p { margin: 0; font-size: 13px; }
.pw-board { display: grid; grid-template-columns: repeat(4,minmax(230px,1fr)); overflow: auto; gap: 14px; padding-bottom: 16px; align-items: start; max-width: 100%; } .pw-column { background: var(--void-2); border: 1px solid var(--line-soft); border-radius: 7px; padding: 12px; min-width: 0; min-height: 250px; } .pw-column > header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; } .pw-column h2 { font-size: 12px; margin: 0; } .pw-column > header span { font-size: 11px; color: var(--text-3); } .pw-task-card { border: 1px solid var(--line); border-radius: 7px; padding: 14px; background: var(--surface-1); margin-bottom: 10px; } .pw-task-card > a { display: block; font-size: 13px; color: var(--text-1); font-weight: 550; text-decoration: none; margin: 7px 0; } .pw-task-card > div,.pw-task-card > small { color: var(--text-3); font-size: 11px; } .pw-task-card footer { display: flex; justify-content: space-between; margin-top: 16px; color: var(--text-3); font-size: 11px; } .pw-card-status { display: flex; gap: 5px; margin-top: 14px; align-items: end; } .pw-card-status label { min-width: 0; flex: 1; } .pw-card-status select { width: 100%; font-size: 11px; } .pw-card-status button { padding-inline: 8px; font-size: 11px; } .pw-column-empty { color: var(--text-3); font-size: 12px; text-align: center; margin: 30px 0; }
.pw-period { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 14px 0; } .pw-period > span { font-size: 12px; color: var(--text-3); }
.pw-gantt-scroll { overflow: auto; border: 1px solid var(--line); border-radius: 7px; max-height: 65vh; } .pw-gantt { min-width: 1500px; } .pw-gantt-head,.pw-gantt-row { display: grid; grid-template-columns: 260px 1fr; min-height: 56px; border-bottom: 1px solid var(--line-soft); } .pw-gantt-head { position: sticky; top: 0; z-index: 3; background: var(--void-2); min-height: 44px; font-size: 12px; } .pw-gantt-head > strong,.pw-gantt-row > a { position: sticky; left: 0; z-index: 2; padding: 12px 16px; background: var(--surface-1); border-right: 1px solid var(--line); color: var(--text-1); font-size: 12px; text-decoration: none; } .pw-gantt-row > a small { display: block; color: var(--text-3); font-size: 10px; } .pw-gantt-days { display: grid; grid-template-columns: repeat(28,1fr); } .pw-gantt-days > span { display: grid; place-items: center; border-right: 1px solid var(--line-soft); } .pw-gantt-track { position: relative; background: repeating-linear-gradient(to right,transparent 0,transparent calc(100% / 28 - 1px),var(--line-soft) calc(100% / 28 - 1px),var(--line-soft) calc(100% / 28)); } .pw-gantt-bar { position: absolute; top: 16px; height: 26px; left: var(--left); width: var(--width); padding: 4px 8px; border-radius: 4px; background: color-mix(in srgb,var(--c) 18%,var(--surface-1)); border: 1px solid color-mix(in srgb,var(--c) 40%,var(--line)); color: var(--text-1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; text-decoration: none; } .pw-unscheduled { display: block; padding: 18px; font-size: 11px; color: var(--text-3); }
.pw-hint { color: var(--text-3); font-size: 12px; margin: 14px 0; line-height: 1.6; } .pw-project-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); gap: 18px; margin: 20px 0; align-items: start; } .pw-project-grid > .pw-panel { margin: 0; } .pw-project-card { padding: 20px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-1); color: var(--text-1); text-decoration: none; } .pw-project-card h2 { margin: 12px 0 8px; } .pw-project-card p { min-height: 40px; font-size: 12px; color: var(--text-3); } .pw-project-icon { display: inline-flex; color: var(--c); padding: 8px; border-radius: 6px; background: color-mix(in srgb,var(--c) 10%,var(--surface-1)); } progress { height: 6px; width: 100%; accent-color: var(--blue); border: 0; border-radius: 4px; } progress::-webkit-progress-bar { background: var(--surface-0); border-radius: 4px; } progress::-webkit-progress-value { background: var(--blue); border-radius: 4px; } .pw-project-card footer { display: flex; gap: 10px; justify-content: space-between; margin-top: 14px; color: var(--text-3); font-size: 11px; }
.pw-detail { display: grid; grid-template-columns: minmax(0,1fr) minmax(230px,300px); gap: 22px; } .pw-detail-side { min-width: 0; } .pw-detail-side .pw-panel { margin-bottom: 16px; } .pw-detail-side .small-button { margin-top: 12px; } .pw-dependency { display: flex; gap: 8px; justify-content: space-between; font-size: 12px; padding: 8px 0; }
.pw-doc-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 24px; align-items: start; } .pw-doc-main { margin: 0!important; padding: 28px; } .pw-doc-index { display: grid; gap: 6px; padding: 12px; } .pw-doc-link { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; padding: 10px 6px; color: var(--text-2); font-size: 12px; text-decoration: none; } .pw-doc-link small { flex-basis: 100%; color: var(--text-3); padding-left: 24px; font-size: 10px; } .pw-doc-link svg { width: 16px; height: 16px; } .pw-doc-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 11px; color: var(--text-3); margin-bottom: 28px; } .pw-prose { max-width: 760px; margin: 0 auto 30px; overflow-wrap: anywhere; } .pw-prose h1 { font-size: 28px; margin-bottom: 24px; } .pw-prose h2 { font-size: 21px; margin: 24px 0 12px; } .pw-prose h3 { font-size: 17px; margin: 20px 0 10px; } .pw-prose p { font-size: 14px; margin: 8px 0; line-height: 1.8; } .pw-doc-space { height: 12px; } .pw-doc-editor { font-family: var(--font-body); font-size: 14px; line-height: 1.8; min-height: 400px; } .pw-embedded-title { padding-top: 20px; border-top: 1px solid var(--line); }
.pw-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; margin-bottom: 20px; } .pw-metrics article { padding: 18px 20px; border-left: 1px solid var(--line); } .pw-metrics article:first-child { border: 0; } .pw-metrics small { display: block; color: var(--text-3); font-size: 11px; } .pw-metrics strong { display: block; font-size: 25px; font-weight: 550; margin-top: 8px; } .pw-day-start { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 14px 18px; background: var(--void-2); border: 1px solid var(--line-soft); border-radius: 7px; margin: 20px 0; font-size: 12px; } .pw-day-start p { margin: 3px 0 0; color: var(--text-3); } .pw-agenda-layout { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(240px,1fr); gap: 20px; align-items: start; } .pw-agenda-layout .pw-table { min-width: 0; } .pw-agenda-item { display: flex; gap: 14px; padding: 12px 0; color: var(--text-1); border-bottom: 1px solid var(--line-soft); text-decoration: none; } .pw-agenda-item time { font-size: 11px; color: var(--text-3); padding-top: 3px; } .pw-agenda-item strong { font-size: 12px; font-weight: 550; } .pw-agenda-item small { display: block; color: var(--text-3); font-size: 10px; margin-top: 4px; } .pw-overdue { margin: 18px 0; padding: 0 16px; } .pw-overdue > summary { cursor: pointer; color: var(--warn); padding: 10px 0; font-size: 12px; } .pw-overdue .small-button { margin: 12px 0; }
.pw-days { display: flex; gap: 12px; flex-wrap: wrap; border: 1px solid var(--line); padding: 12px; } .pw-days label { display: flex; align-items: center; gap: 6px; } .pw-plan-list { max-height: 60vh; overflow: auto; } .pw-plan-list > div { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; padding: 12px; border-bottom: 1px solid var(--line-soft); font-size: 12px; } .pw-plan-list time { color: var(--text-3); font-variant-numeric: tabular-nums; } .pw-plan-list strong { font-weight: 500; } .pw-plan-warning { padding: 12px; background: color-mix(in srgb,var(--warn) 8%,var(--surface-1)); font-size: 12px; } .pw-repeat-list { display: grid; gap: 12px; } .pw-repeat-list .pw-panel { margin: 0; } .pw-report-row { display: grid; grid-template-columns: 120px minmax(0,1fr) 35px; align-items: center; gap: 12px; font-size: 12px; padding: 12px 0; } .pw-search-result { display: flex; justify-content: space-between; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line-soft); font-size: 13px; color: var(--text-1); text-decoration: none; } .pw-search-result span { color: var(--text-3); font-size: 11px; }
@media(max-width:1000px) { .pw-detail { grid-template-columns: minmax(0,1fr); } .pw-detail-side { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; } .pw-detail-side .pw-panel { margin: 0; } .pw-doc-layout { grid-template-columns: 190px minmax(0,1fr); gap: 16px; } .pw-agenda-layout { grid-template-columns: minmax(0,1fr); } }
@media(max-width:600px) { .pw-form { grid-template-columns: minmax(0,1fr); } .pw-wide { grid-column: 1; } .pw-heading h1 { font-size: 24px; } .pw-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } .pw-metrics article { border-bottom: 1px solid var(--line); padding: 14px; } .pw-metrics article:nth-child(3) { border-left: 0; } .pw-metrics strong { font-size: 22px; } .pw-doc-layout { grid-template-columns: minmax(0,1fr); } .pw-doc-main { padding: 18px; } .pw-doc-index { max-height: 230px; overflow: auto; } .pw-detail-side { grid-template-columns: minmax(0,1fr); } .pw-toolbar { gap: 10px; } .pw-toolbar label { min-width: 0; max-width: none; flex-basis: calc(50% - 10px); } .pw-toolbar .pw-search { flex-basis: 100%; } .pw-table td { padding: 11px 9px; } .pw-table td:first-child { min-width: 150px; } }
.pw-table td > input[type='checkbox'] { float: left; margin: 1px 9px 0 0; } .pw-template-panel { margin: 22px 0; } .pw-template-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line-soft); } .pw-template-row > span { flex: 1; min-width: 150px; font-size: 13px; } .pw-template-row small { color: var(--text-3); margin-left: 6px; } .pw-template-row form { display: flex; gap: 8px; margin: 0; } .pw-template-row input { max-width: 230px; } .pw-favorite { margin: 18px 0; }
.pw-page[data-personal-page='weekly'] { padding-top: 4px; }
.pw-page[data-personal-page='weekly'] .pw-heading { padding-bottom: 10px; gap: 10px; }
.pw-page[data-personal-page='weekly'] .pw-eyebrow { display: none; }
.pw-page[data-personal-page='weekly'] .pw-heading h1 { font-size: 21px; margin: 0 0 3px; }
.pw-page[data-personal-page='weekly'] .pw-heading p { font-size: 12px; }
.pc-tools { position: relative; }
.pc-tools > summary { min-width: 40px; font-size: 20px; line-height: 1; cursor: pointer; list-style: none; }
.pc-tools > summary::-webkit-details-marker { display: none; }
.pc-tools > div { position: absolute; right: 0; top: calc(100% + 5px); min-width: 180px; z-index: 20; padding: 5px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-1); box-shadow: var(--elev-3); }
.pc-tools a { display: block; padding: 10px; font-size: 12px; color: var(--text-1); text-decoration: none; border-radius: 4px; }
.pc-tools a:hover { background: var(--surface-0); }
.pc-toolbar { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; align-items: center; padding-block: 4px 8px; border-bottom: 1px solid var(--line-soft); }
.pc-toolbar .pw-tabs { flex: 1; border: 0; gap: 3px; }
.pc-toolbar .pw-tabs a { min-height: 34px; padding: 7px 13px; border: 1px solid transparent; border-radius: 5px; font-size: 12px; }
.pc-toolbar .pw-tabs a[aria-current='page'] { background: var(--blue-dim); border-color: color-mix(in srgb,var(--blue) 22%,var(--line)); }
.pc-toolbar .pw-tabs a::after { display: none; }
.pc-toolbar .pw-period { margin: 0; gap: 4px; }
.pc-toolbar .pw-period form { display: flex; gap: 4px; min-width: 0; margin-left: 6px; }
.pc-toolbar input[type='date'] { max-width: 143px; min-height: 34px; font-size: 12px; padding: 5px 8px; }
.pc-toolbar .small-button { min-height: 34px; padding: 5px 10px; font-size: 12px; }
.pc-legend { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; font-size: 10px; color: var(--text-3); padding: 7px 0; }
.pc-legend span { display: inline-flex; gap: 5px; align-items: center; }
.pc-legend i { display: inline-block; width: 8px; height: 8px; border-radius: 2px; background: #ECDDFB; border: 1px solid #AD5BBE; }
.pc-legend .pc-legend-routine { background: #E5EDFF; border-color: #6387DD; }
.pc-calendar { border: 1px solid var(--line); border-radius: 7px; overflow: hidden; min-width: 0; background: var(--surface-1); }
.pc-scroll { max-height: max(280px,calc(100vh - 240px - var(--dock-total,0px))); max-height: max(280px,calc(100dvh - 240px - var(--dock-total,0px))); overflow: auto; scrollbar-gutter: stable; overscroll-behavior: contain; position: relative; }
.pc-grid { display: grid; grid-template-columns: 48px repeat(var(--days),minmax(116px,1fr)); grid-template-rows: 42px var(--calendar-height); min-width: 100%; width: max(100%,calc(48px + var(--days) * 116px)); }
.pc-corner,.pc-day-head { position: sticky; top: 0; z-index: 6; background: var(--surface-1); border-bottom: 1px solid var(--line); }
.pc-corner { left: 0; z-index: 8; display: grid; place-items: center; color: var(--text-3); font-size: 9px; border-right: 1px solid var(--line); }
.pc-day-head { display: flex; justify-content: center; align-items: center; flex-direction: row; gap: 6px; text-decoration: none; color: var(--text-2); font-size: 11px; border-right: 1px solid var(--line-soft); }
.pc-day-head strong { display: grid; place-items: center; font-size: 13px; font-weight: 550; min-width: 23px; height: 23px; color: var(--text-1); border-radius: 5px; }
.pc-day-head.is-today strong { color: var(--on-accent); background: var(--blue); }
.pc-day-head:hover { background: var(--void-2); }
.pc-ruler { position: sticky; left: 0; z-index: 5; height: var(--calendar-height); background: var(--surface-1); border-right: 1px solid var(--line); }
.pc-ruler span { position: absolute; right: 7px; color: var(--text-3); font-size: 9px; font-variant-numeric: tabular-nums; line-height: 16px; transform: translateY(-1px); }
.pc-lane { position: relative; min-width: 0; height: var(--calendar-height); border-right: 1px solid var(--line-soft); background: var(--surface-1); }
.pc-event { position: absolute; display: flex; flex-direction: column; gap: 3px; padding: 4px 6px; overflow: hidden; border: 1px solid color-mix(in srgb,var(--c) 27%,var(--line)); border-left: 3px solid var(--c); border-radius: 3px; background: color-mix(in srgb,var(--c) 17%,var(--surface-1)); color: var(--text-1); text-decoration: none; z-index: 2; min-height: 0; box-shadow: 0 1px 1px #18244305; }
.pc-event:hover,.pc-event:focus-visible { border-color: var(--c); background: color-mix(in srgb,var(--c) 23%,var(--surface-1)); z-index: 3; }
.pc-event strong { display: flex; flex: none; align-items: flex-start; gap: 4px; font-size: 11px; font-weight: 550; line-height: 1.25; min-width: 0; }
.pc-event strong > span:last-child { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pc-event-mark { color: var(--c); flex: none; display: flex; }
.pc-event-mark .pw-mark { width: 12px; height: 12px; margin-top: 1px; }
.pc-event time { font-size: 9px; color: var(--text-2); white-space: nowrap; padding-left: 16px; }
.pc-event small { display: none; }
.pc-event.is-short { padding-block: 2px; gap: 0; }
.pc-event.is-short strong > span:last-child { display: block; white-space: nowrap; text-overflow: ellipsis; }
.pc-event.is-short time { display: none; }
.pc-event.is-tiny { padding-block: 0; }
.pc-event.is-tiny strong { font-size: 10px; line-height: 16px; }
.pc-event.is-tiny .pc-event-mark .pw-mark { width: 10px; height: 10px; margin-top: 3px; }
.pc-event--routine { background: color-mix(in srgb,var(--c) 13%,var(--surface-1)); }
.pc-now { position: absolute; left: 0; right: 0; z-index: 4; height: 2px; background: var(--bad); pointer-events: none; }
.pc-now i { position: absolute; left: -3px; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: var(--bad); }
.pc-agenda { display: grid; gap: 10px; }
.pc-agenda .pw-panel { margin: 0; padding: 14px 18px; }
.pc-agenda header { display: flex; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--line-soft); }
.pc-agenda header h2 { margin: 0; font-size: 13px; }
.pc-agenda header small { font-size: 10px; color: var(--text-3); }
.pc-date-number { font-size: 20px; font-weight: 550; color: var(--blue); background: var(--blue-dim); min-width: 36px; height: 36px; display: grid; place-items: center; border-radius: 7px; }
.pc-agenda-event { display: flex; align-items: start; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line-soft); color: var(--text-1); text-decoration: none; }
.pc-agenda-event time { flex: none; width: 82px; padding-top: 3px; font-size: 10px; color: var(--text-3); font-variant-numeric: tabular-nums; }
.pc-agenda-event > span { border-left: 3px solid var(--c); padding: 5px 9px; min-width: 0; flex: 1; border-radius: 3px; background: color-mix(in srgb,var(--c) 10%,var(--surface-1)); }
.pc-agenda-event strong { font-size: 12px; font-weight: 550; }
.pc-agenda-event small { display: block; font-size: 10px; color: var(--text-3); margin-top: 2px; }
.pc-editor { scroll-margin-top: 66px; }
.pw-calendar-bottom { display: flex; gap: 20px; flex-wrap: wrap; border-top: 1px solid var(--line); padding: 14px 0; font-size: 11px; margin-top: 14px; }
.pc-prayer,.pc-stop { position: absolute; inset-inline: 0; border-top: 1px dashed var(--teal); z-index: 3; pointer-events: none; }
.pc-prayer span,.pc-stop span { position: absolute; right: 3px; top: -13px; font-size: 8px; background: var(--surface-1); color: var(--teal); padding-inline: 3px; }
.pc-stop { border-color: var(--bad); } .pc-stop span { color: var(--bad); }
.pc-prayer-summary { display: flex; gap: 12px; flex-wrap: wrap; padding: 10px 0; font-size: 10px; color: var(--teal); }
.pw-routine-list { max-height: 350px; overflow: auto; padding-top: 12px; }
.pw-routine-list a { display: flex; gap: 20px; border-bottom: 1px solid var(--line-soft); padding: 10px; font-size: 12px; color: var(--text-1); text-decoration: none; }
.pw-routine-list small { color: var(--text-3); min-width: 110px; }
.pw-routine-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
.pw-routine-toolbar [data-routine-delete] { margin-left: auto; }
.pw-routine-toolbar .pw-hint { margin: 0; }
.pw-routine-check { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; cursor: pointer; flex: none; }
.pw-routine-check input[type='checkbox'] { width: 18px; height: 18px; min-height: 18px; padding: 0; margin: 0; flex: none; accent-color: var(--blue); }
.pw-routine-check:focus-within { outline: 2px solid var(--blue); outline-offset: -2px; border-radius: 4px; }
.pw-routine-row { display: flex; align-items: stretch; border-bottom: 1px solid var(--line-soft); }
.pw-routine-row:has(input:checked) { background: color-mix(in srgb,var(--blue) 9%,var(--surface-1)); }
.pw-routine-row a { flex: 1; min-width: 0; border: 0; align-items: center; gap: 12px; }
.pw-routine-row a span { min-width: 0; overflow-wrap: anywhere; }
@media(max-width:600px) { .pw-routine-row a { align-items: flex-start; flex-direction: column; gap: 3px; } }
@media(pointer:coarse) { .pc-toolbar .pw-tabs a,.pc-toolbar .small-button,.pc-toolbar input[type='date'] { min-height: 44px; } }
@media(max-width:600px) {
.pc-toolbar { gap: 6px; } .pc-toolbar > .pw-tabs { flex-basis: 100%; }
.pc-toolbar .pw-period { width: 100%; } .pc-toolbar .pw-period form { margin-left: auto; }
.pc-toolbar input[type='date'] { max-width: 137px; }
.pc-grid { grid-template-columns: 42px repeat(var(--days),minmax(116px,1fr)); }
.pc-scroll { max-height: 62vh; max-height: max(260px,calc(100dvh - 310px - var(--dock-total,0px))); }
.pc-agenda .pw-panel { padding: 12px; }
.pc-agenda-event { gap: 8px; } .pc-agenda-event time { width: 75px; font-size: 9px; }
}
.pc-calendar { --minute-px: 1px; --calendar-height: calc(var(--minutes) * var(--minute-px)); }
.pc-scroll { height: var(--pc-viewport,60vh); max-height: none; scroll-behavior: auto; }
.pc-lane { contain: layout paint; background-image: repeating-linear-gradient(to bottom,var(--line-soft) 0 1px,transparent 1px calc(60 * var(--minute-px))),repeating-linear-gradient(to bottom,color-mix(in srgb,var(--line-soft) 35%,transparent) 0 1px,transparent 1px calc(30 * var(--minute-px))); background-position: 0 calc(var(--grid-offset) * var(--minute-px) * -1); }
.pc-ruler span,.pc-event,.pc-now,.pc-prayer,.pc-stop,.pc-selection { top: calc(var(--offset) * var(--minute-px)); }
.pc-event,.pc-selection { height: calc(var(--duration) * var(--minute-px)); }
.pc-event { border-radius: 5px; box-shadow: none; gap: 2px; padding-block: 3px; }
.pc-event.is-tiny { padding-block: 0; }
.pc-event.is-tiny strong { line-height: 1.1; font-size: 9px; }
.pc-event.is-tiny .pc-event-mark { display: none; }
.pc-lane:focus-visible { outline: 2px solid var(--blue); outline-offset: -2px; }
.pc-lane.is-selecting { cursor: crosshair; user-select: none; touch-action: none; }
.pc-selection { position: absolute; inset-inline: 2px; z-index: 5; pointer-events: none; border: 1px solid var(--blue); background: color-mix(in srgb,var(--blue) 22%,var(--surface-1)); color: var(--text-1); border-radius: 5px; font-size: 10px; padding: 2px 5px; white-space: nowrap; }
.pc-dialog { width: min(560px,calc(100vw - 24px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-1); color: var(--text-1); box-shadow: var(--elev-3); }
.pc-dialog::backdrop { background: #11182766; }
.pc-dialog .pc-editor { margin: 0; padding: 0; border: 0; background: none; }
.pc-dialog .pc-editor > summary { pointer-events: none; display: block; padding: 0 0 14px; font-size: 17px; font-weight: 650; border: 0; background: none; color: var(--text-1); }
.pc-dialog .pc-editor > summary::marker { content: ''; }
.pc-existing-fields { display: grid; gap: 8px; }
.pc-dialog [hidden],.pc-editor [hidden] { display: none !important; }
.pc-dialog .pw-form { padding-top: 0; }
.pc-dialog label { font-size: 12px; }
@media(max-width:600px) { .pc-scroll { max-height: none; } .pc-dialog { padding: 16px; } }
.pc-dialog .pw-form { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.pc-dialog label:has([name="block_date"]) { grid-column: 1 / -1; }
.pc-extra > summary { color: var(--text-3); font-size: 12px; cursor: pointer; padding: 4px 0; }
.pc-dialog .pc-extra .pw-form { padding-top: 12px; }
.pc-dialog .pw-form > .pw-wide { grid-column: 1 / -1; }
.pc-dialog .pw-actions { flex-direction: row; flex-wrap: wrap; }
@media(max-width:600px) {
.pc-dialog label:has([name="entry_type"]),.pc-dialog .pc-project-field { grid-column: 1 / -1; }
}
:root {
--void: #F7F8FB; --void-2: #F3F5F9; --plate-2: #F1F3F7;
--blue: #4D6AD4; --blue-dim: #EAF0FF;
--ok: #278361; --warn: #A76A0B; --teal: #238B87; --bad: #C64B59;
--status-green-bg: #E6F4EB; --status-amber-bg: #FFF1DA; --status-teal-bg: #E1F3F0;
--status-coral-bg: #FDECEF; --status-violet-bg: #F0E9FD;
--on-status: #FFF; --topbar-h: 56px;
}
:root[data-theme='dark'] {
--void: #171A21; --void-2: #20242E; --plate-2: #1B1F29;
--blue: #A5B5FF; --blue-dim: #293758;
--ok: #7DD5A6; --warn: #F1C16B; --teal: #79D8CA; --bad: #F599A7;
--status-green-bg: #223D33; --status-amber-bg: #403627; --status-teal-bg: #203C3C;
--status-coral-bg: #422C36; --status-violet-bg: #352E4C; --on-status: #17352A;
}
.pw-page { padding-top: 8px; }
.pw-heading { padding-bottom: 16px; gap: 12px; }
.pw-heading h1 { font-size: 23px; margin-block: 3px 5px; }
.pw-heading .pw-eyebrow { font-size: 10px; }
.pw-heading p { font-size: 12px; }
.pw-top-search { top: 9px; }
.pw-page a,.settings-index a,.settings-category-head a,.settings-section a { text-decoration: none; }
.pw-page a:hover,.settings-index a:hover { text-decoration: none; }
.pw-panel,.pw-project-card { border-color: color-mix(in srgb,var(--line) 83%,transparent); box-shadow: 0 2px 5px #202b4510; }
.pw-panel-head a { color: var(--blue); font-weight: 500; }
.pw-mark { display: inline-block; width: 16px; height: 16px; flex: none; vertical-align: middle; }
.pw-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 450; padding: 3px 6px; }
.pw-badge--ready { color: var(--text-2); background: var(--surface-0); }
.pw-badge--ready .pw-mark { color: var(--text-4); }
.pw-badge--in_progress { background: var(--status-amber-bg); color: var(--warn); }
.pw-badge--blocked { background: var(--status-teal-bg); color: var(--teal); }
.pw-badge--completed { background: var(--status-green-bg); color: var(--ok); }
.pw-priority { display: inline-flex; gap: 5px; align-items: center; font-size: 11px; white-space: nowrap; color: var(--text-2); }
.pw-priority .pw-mark { width: 13px; height: 13px; color: var(--text-4); fill: currentColor; }
.pw-priority[data-priority='critical'] .pw-mark { color: var(--bad); }
.pw-priority[data-priority='high'] .pw-mark { color: #E8A63D; }
.pw-priority[data-priority='normal'] .pw-mark { color: var(--blue); }
.pw-priority[data-priority] { color: var(--text-2); }
.pw-stage { --stage-color: var(--blue); display: inline-flex; gap: 4px; align-items: center; margin-top: 4px; padding: 1px 7px; border-radius: 4px; background: color-mix(in srgb,var(--stage-color) 15%,var(--surface-1)); color: var(--text-1); font-size: 10px; font-weight: 500; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-stage > span { display: inline-grid; place-items: center; width: 12px; height: 12px; background: var(--stage-color); color: var(--surface-1); border-radius: 50%; font-size: 9px; }
.pw-stage--0 { --stage-color: #B6844C; } .pw-stage--1 { --stage-color: #8BA83A; }
.pw-stage--2 { --stage-color: #8D65C6; } .pw-stage--3 { --stage-color: #3B9B9B; } .pw-stage--4 { --stage-color: #C47297; }
.pw-table th { padding: 8px 11px; font-size: 10px; letter-spacing: .025em; text-transform: uppercase; background: var(--void-2); }
.pw-table td { padding: 9px 11px; }
.pw-table td:first-child { max-width: 390px; }
.pw-table td > small { margin-top: 2px; font-size: 10px; }
.pw-task-title { font-size: 12px; }
.pw-task-title .pw-dot { width: 8px; height: 8px; border-radius: 50%; background: transparent; border: 1.5px solid var(--c); }
.pw-table tr:has(.pw-badge--completed) .pw-dot { background: var(--ok); border-color: var(--ok); }
.pw-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; border: 0; border-radius: 0; overflow: visible; margin-bottom: 16px; }
.pw-metrics article.pw-metric { display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-1); padding: 15px 17px; box-shadow: 0 2px 5px #202b4507; }
.pw-metric--blue { --metric-color: var(--blue); --metric-bg: var(--blue-dim); }
.pw-metric--amber { --metric-color: var(--warn); --metric-bg: var(--status-amber-bg); }
.pw-metric--green { --metric-color: var(--ok); --metric-bg: var(--status-green-bg); }
.pw-metric--teal { --metric-color: var(--teal); --metric-bg: var(--status-teal-bg); }
.pw-metric--coral { --metric-color: var(--bad); --metric-bg: var(--status-coral-bg); }
.pw-metric--violet { --metric-color: var(--skill); --metric-bg: var(--status-violet-bg); }
.pw-metric-icon { display: grid; place-items: center; flex: none; width: 38px; height: 38px; background: var(--metric-bg); color: var(--metric-color); border-radius: 9px; }
.pw-metric-icon .pw-mark { width: 21px; height: 21px; }
.pw-metrics .pw-metric small { font-size: 11px; }
.pw-metrics .pw-metric strong { font-size: 23px; font-weight: 600; line-height: 1.1; margin-top: 6px; color: var(--metric-color); }
.pw-day-start { padding: 9px 13px; margin-block: 14px; background: var(--surface-1); border-color: var(--line); }
.pw-day-start > span::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--ok); margin-right: 7px; }
.pw-agenda-item { padding: 9px 0; gap: 12px; }
.pw-agenda-item > span { border-left: 3px solid var(--c,var(--blue)); padding: 6px 9px; border-radius: 3px; background: color-mix(in srgb,var(--c,var(--blue)) 10%,var(--surface-1)); flex: 1; }
.pw-overdue > summary { background: var(--status-amber-bg); padding: 9px 10px; border-radius: 5px; }
.pw-column { background: var(--void-2); border-top: 3px solid var(--text-4); }
.pw-column[data-status='in_progress'] { border-top-color: var(--warn); }
.pw-column[data-status='blocked'] { border-top-color: var(--teal); }
.pw-column[data-status='completed'] { border-top-color: var(--ok); }
.pw-column[data-status='completed'] > header { color: var(--ok); }
.pw-column[data-status='in_progress'] > header { color: var(--warn); }
.pw-task-card { box-shadow: 0 2px 4px #202b4508; }
.pw-project-icon { border: 1px solid color-mix(in srgb,var(--c) 20%,transparent); }
.pw-doc-link > svg { color: var(--blue); }
.pw-report-row[data-status='completed'] progress { accent-color: var(--ok); }
.pw-report-row[data-status='in_progress'] progress { accent-color: var(--warn); }
.pw-report-row[data-status='blocked'] progress { accent-color: var(--teal); }
.pw-report-row[data-status='completed'] progress::-webkit-progress-value { background: var(--ok); }
.pw-report-row[data-status='in_progress'] progress::-webkit-progress-value { background: var(--warn); }
.pw-report-row[data-status='blocked'] progress::-webkit-progress-value { background: var(--teal); }
.nav-item[data-nav='dashboard'] .nav-icon,.dock-item[data-nav='dashboard'] .dock-icon { color: var(--blue); }
.nav-item[data-nav='weekly'] .nav-icon,.dock-item[data-nav='weekly'] .dock-icon { color: #9770D5; }
.nav-item[data-nav='workspace'] .nav-icon,.dock-item[data-nav='workspace'] .dock-icon { color: var(--teal); }
.nav-item[data-nav='projects'] .nav-icon,.dock-item[data-nav='projects'] .dock-icon { color: #C78636; }
.nav-item[data-nav='documents'] .nav-icon,.dock-item[data-nav='documents'] .dock-icon { color: #5A93C8; }
.nav-item[data-nav='insights'] .nav-icon,.dock-item[data-nav='insights'] .dock-icon { color: var(--ok); }
.nav-item[data-nav='recurring'] .nav-icon { color: #C37A9C; }
.settings-category-card { text-decoration: none; background: var(--surface-1); border: 1px solid var(--line); padding: 20px; border-radius: 9px; color: var(--text-1); box-shadow: 0 2px 5px #202b4508; }
.settings-category-card * { text-decoration: none; }
.settings-category-card:hover { border-color: color-mix(in srgb,var(--blue) 40%,var(--line)); background: var(--surface-1); }
.settings-category-card h2 { margin-top: 12px; font-size: 15px; color: var(--text-1); }
.settings-category-card p { font-size: 12px; color: var(--text-3); }
.settings-category-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 8px; background: var(--blue-dim); color: var(--blue); font-size: 20px; }
.settings-category-card:nth-child(3n+2) .settings-category-icon { color: var(--skill); background: var(--status-violet-bg); }
.settings-category-card:nth-child(3n) .settings-category-icon { color: var(--ok); background: var(--status-green-bg); }
.settings-category-card .detail-cta { font-size: 11px; color: var(--blue); }
.mission-v4-page .mission-pulse-grid > article { border-top: 3px solid var(--blue); }
.mission-v4-page .mission-pulse-grid > article:nth-child(2) { border-top-color: var(--teal); }
.mission-v4-page .mission-pulse-grid > article:nth-child(3) { border-top-color: var(--warn); }
.mission-v4-page .mission-pulse-grid > article:nth-child(4) { border-top-color: var(--bad); }
@media(max-width:900px) { .pw-metrics { gap: 8px; } .pw-metrics article.pw-metric { padding: 12px; gap: 9px; } .pw-metric-icon { width: 30px; height: 30px; } }
@media(max-width:600px) { .pw-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } .pw-metrics .pw-metric strong { font-size: 22px; } .pw-metrics .pw-metric small { font-size: 10px; } .pw-heading h1 { font-size: 22px; } .pw-agenda-layout { gap: 14px; } }
.status-pill.success,.quality-status.completed { background: var(--status-green-bg); color: var(--ok); border-color: color-mix(in srgb,var(--ok) 25%,transparent); }
.status-pill.success::before,.quality-status.completed::before { content: '✓'; display: inline-grid; place-items: center; width: 13px; height: 13px; margin-right: 5px; border-radius: 50%; background: var(--ok); color: var(--on-status); font-size: 9px; letter-spacing: 0; }
.status-pill.warning { background: var(--status-amber-bg); color: var(--warn); border-color: color-mix(in srgb,var(--warn) 25%,transparent); }
.status-pill.danger { background: var(--status-coral-bg); color: var(--bad); border-color: color-mix(in srgb,var(--bad) 25%,transparent); }
input[type='checkbox'] { accent-color: var(--ok); }
.pw-gantt-head,.pw-gantt-row { min-height: 46px; }
.pw-gantt-head { min-height: 36px; }
.pw-gantt-row > a { padding-block: 9px; }
.pw-gantt-bar { top: 11px; height: 24px; }
.pw-gantt-track { background-color: var(--surface-1); }
.pw-table .pw-group-row th { padding: 0 10px; text-transform: none; letter-spacing: 0; border-top: 1px solid var(--line); background: var(--void-2); }
.pw-group-toggle { display: flex; gap: 8px; align-items: center; width: 100%; min-height: 34px; padding: 5px 0; border: 0; background: transparent; color: var(--text-2); cursor: pointer; text-align: left; }
.pw-group-toggle .pw-stage { margin: 0; font-size: 11px; }
.pw-group-chevron { width: 12px; flex: none; color: var(--text-3); }
.pw-group-toggle[aria-expanded='false'] .pw-group-chevron { transform: rotate(-90deg); }
.pw-group-count { color: var(--text-3); font-size: 11px; }
.pw-group-duration { color: var(--text-3); font-size: 10px; margin-left: auto; }
@media(pointer:coarse) { .pw-group-toggle { min-height: 44px; } }
.pw-badge--completed,.status-pill.success,.quality-status.completed { color: color-mix(in srgb,var(--ok) 80%,var(--ink)); }
.pw-badge--in_progress,.status-pill.warning { color: color-mix(in srgb,var(--warn) 80%,var(--ink)); }
.pw-badge--blocked { color: color-mix(in srgb,var(--teal) 75%,var(--ink)); }
.nav-item[data-nav='creatives'] .nav-icon,.dock-item[data-nav='creatives'] .dock-icon { color: var(--creative); }
.nav-item[data-nav='content'] .nav-icon,.dock-item[data-nav='content'] .dock-icon { color: var(--content); }
.nav-item[data-nav='funnel'] .nav-icon,.dock-item[data-nav='funnel'] .dock-icon { color: var(--funnel); }
.nav-item[data-nav='extra'] .nav-icon,.dock-item[data-nav='extra'] .dock-icon { color: var(--extra); }
.nav-item[data-nav='mission'] .nav-icon,.dock-item[data-nav='mission'] .dock-icon { color: #9770D5; }
.nav-item[data-nav='triage'] .nav-icon,.dock-item[data-nav='triage'] .dock-icon { color: var(--bad); }
.nav-item[data-nav='challenges'] .nav-icon,.dock-item[data-nav='challenges'] .dock-icon { color: #C59528; }
.nav-item[data-nav='sound'] .nav-icon,.dock-item[data-nav='sound'] .dock-icon { color: var(--teal); }
.nav-item[data-nav='reports'] .nav-icon,.dock-item[data-nav='reports'] .dock-icon { color: var(--blue); }
.nav-item[data-nav='kpi'] .nav-icon,.dock-item[data-nav='kpi'] .dock-icon { color: var(--ok); }
.nav-item[data-nav='personal-plan'] .nav-icon,.nav-item[data-nav='launch'] .nav-icon,.dock-item[data-nav='launch'] .dock-icon { color: #C78636; }
.nav-item[data-nav='companion'] .nav-icon,.dock-item[data-nav='companion'] .dock-icon { color: #9770D5; }
.pw-page[data-personal-page='workspace'] .pw-heading { padding-bottom: 8px; }
.pw-page[data-personal-page='workspace'] .pw-toolbar { margin-block: 12px; gap: 9px; }
.pw-list-actions { display: flex; align-items: center; gap: 8px 12px; flex-wrap: wrap; margin: 12px 0 14px; }
.pw-list-actions > .pw-create { margin: 0; }
.pw-list-actions > #new-task { order: 0; }
.pw-list-actions > .pw-create:not(#new-task) { order: 1; }
.pw-list-actions > .pw-saved { order: 2; margin: 0; }
.pw-list-actions > .pw-result-count { order: 3; margin: 0 0 0 auto; }
.pw-list-actions > .pw-create[open],.pw-list-actions > .pw-saved:has(details[open]) { flex-basis: 100%; order: 4; }
.pw-list-actions .pw-create[open] .pw-form { width: 100%; }
.pw-list-actions .pw-saved:has(details[open]) { padding: 10px; border: 1px solid var(--line); border-radius: 6px; }
.pw-list-actions .pw-saved input { width: min(220px,100%); }
@media(max-width:600px) { .pw-list-actions > .pw-saved { flex-basis: 100%; } .pw-list-actions .small-button { font-size: 11px; } }
@media (min-width:1280px) and (orientation:landscape) and (any-pointer:coarse) {
:root { --sidebar-w: 220px; --dock-total: 0px; --mx-tabbar: 0px; }
.app-shell { grid-template-columns: var(--sidebar-w) minmax(0,1fr); }
.main-content { grid-column: 2; }
.sidebar,.sidebar.open { width: var(--sidebar-w); transform: none; padding-bottom: 16px !important; }
.sidebar-scrim,.mobile-menu-trigger,.mobile-dock.dock-tablet,.mobile-dock.dock-phone { display: none; }
.pw-top-search { left: calc(var(--sidebar-w) + var(--page-gutter)); }
.timer-pill { left: calc(var(--sidebar-w) + 20px); }
body.menu-open { overflow: auto; }
}
:root { --radius-s: 6px; --radius-m: 8px; --radius-l: 12px; --radius-pill: 8px; --r: 12px; --r-in: 8px; --r-s: 6px; --radius: 12px; }
.pw-heading h1 { font-weight: 680; letter-spacing: -.025em; }
.pw-panel h2,.pw-project-card h2 { font-weight: 620; letter-spacing: -.015em; }
.pw-panel,.pw-project-card,.pw-metrics > article { border-radius: 11px; }
.pw-task-card,.pw-doc-card { border-radius: 9px; }
.primary-button,.small-button,.ghost-button,input,select,textarea { border-radius: 8px; }
.pw-task-title { font-weight: 540; }
.pw-schedule-link { display: inline-block; margin: 5px 0 0 15px; padding: 3px 7px; font-size: 10px; text-decoration: none; color: var(--blue); background: var(--blue-dim); border-radius: 6px; }
.pw-doc-layout { grid-template-columns: 235px minmax(0,1fr); }
.pw-doc-index h2 { font-size: 13px; margin: 18px 0 8px; }
.pw-doc-link { display: flex; gap: 7px; align-items: start; padding: 9px; border-radius: 7px; text-decoration: none; overflow-wrap: anywhere; }
.pw-doc-link.is-active { background: var(--blue-dim); color: var(--blue); }
.pw-doc-link small { display: block; font-size: 10px; color: var(--text-3); }
.pd-folders { padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 12px; }
.pd-folders summary { cursor: pointer; padding: 7px 0; }
.pd-folders .pw-stack { gap: 8px; margin: 10px 0; }
.pd-folders input,.pd-folders select { min-width: 0; width: 100%; }
.pd-relations { display: flex; gap: 7px; flex-wrap: wrap; padding: 10px 0 18px; }
.pd-relations a { background: var(--blue-dim); color: var(--blue); border-radius: 6px; font-size: 11px; padding: 5px 8px; text-decoration: none; }
.pd-relations-form { padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--void-2); }
.pd-toolbar { display: flex; align-items: end; gap: 5px; flex-wrap: wrap; padding: 10px; border: 1px solid var(--line); border-radius: 9px 9px 0 0; background: var(--void-2); }
.pd-toolbar button { min-height: 36px; min-width: 34px; background: var(--surface-1); border: 1px solid var(--line); color: var(--text-1); border-radius: 6px; padding: 5px 8px; font: inherit; font-size: 12px; cursor: pointer; }
.pd-toolbar button[aria-pressed='true'] { background: var(--blue-dim); color: var(--blue); border-color: var(--blue); }
.pd-toolbar label { display: flex; flex-direction: column; font-size: 10px; gap: 3px; color: var(--text-3); }
.pd-toolbar select { max-width: 130px; min-height: 36px; padding: 4px 7px; font-size: 12px; }
.pd-toolbar input[type='color'] { width: 44px; height: 36px; min-height: 36px; padding: 3px; }
.pd-compose .pd-quill { border: 1px solid var(--line); border-top: 0; border-radius: 0 0 9px 9px; background: var(--surface-1); font: 16px/1.65 var(--font-body); }
.pd-quill .ql-editor { min-height: 360px; padding: 22px; color: var(--text-1); overflow-wrap: anywhere; }
.pd-quill .ql-editor.ql-blank::before { color: var(--text-3); left: 22px; font-style: normal; }
.pd-rich { font-size: 16px; line-height: 1.65; overflow-wrap: anywhere; }
.pd-rich :is(p,li) { line-height: 1.65; }
.pd-rich .ql-align-center { text-align: center; }.pd-rich .ql-align-right { text-align: right; }.pd-rich .ql-align-justify { text-align: justify; }
.pd-rich .ql-indent-1 { padding-left: 2em; }.pd-rich .ql-indent-2 { padding-left: 4em; }.pd-rich .ql-font-serif { font-family: Georgia,serif; }.pd-rich .ql-font-monospace { font-family: monospace; }
.pd-rich .ql-size-small { font-size: 12px; }.pd-rich .ql-size-large { font-size: 24px; }.pd-rich .ql-size-huge { font-size: 32px; }
.pd-rich s,.pd-rich strike { text-decoration: line-through; }.pd-rich u { text-decoration: underline; }
.pd-rich blockquote { border-left: 3px solid var(--blue); padding-left: 16px; color: var(--text-2); }.pd-rich pre { white-space: pre-wrap; background: var(--void-2); padding: 12px; border-radius: 7px; }
.pd-source-label[hidden],.pd-compose[hidden] { display: none !important; }
.pc-clear-list { max-height: 280px; overflow: auto; display: grid; gap: 3px; border: 1px solid var(--line); border-radius: 8px; }
.pc-clear-list label { display: flex; align-items: center; gap: 9px; padding: 8px 12px; border-bottom: 1px solid var(--line-soft); font-size: 12px; }
.pc-clear-list small { display: block; color: var(--text-3); font-size: 11px; margin-top: 3px; }
.pc-clear-list input,.pw-check-label input { min-height: 18px; width: 18px; }
.pc-clear-preview { margin-top: 16px; border: 1px solid color-mix(in srgb,var(--bad) 40%,var(--line)); border-radius: 9px; padding: 16px; }
.pc-clear-preview ul { max-height: 280px; overflow: auto; font-size: 12px; padding-left: 18px; }
@media(max-width:900px) { .pw-doc-layout { grid-template-columns: minmax(0,1fr); }.pw-doc-index { max-height: 340px; overflow: auto; }}
@media(max-width:600px) { .pd-quill .ql-editor { padding: 14px; min-height: 300px; }.pd-toolbar { padding: 7px; }.pd-toolbar button { min-height: 42px; }.pd-toolbar select { min-height: 42px; }.pd-relations-form { padding: 10px; }.pd-document-form .pw-form { grid-template-columns: minmax(0,1fr); } }
.pd-compose .pd-quill,.pd-quill .ql-editor { height: auto; }
.pd-quill .ql-editor { overflow-y: visible; }
.pd-rich strong,.pd-rich b,.pd-quill strong,.pd-quill b { font-weight: 700; }
.pd-links-editor { border: 1px solid var(--line); border-radius: 8px; background: var(--void-2); }
.pd-links-editor > summary { font-size: 12px; cursor: pointer; color: var(--text-2); padding: 12px; }
.pd-links-editor .pd-relations-form { border: 0; border-top: 1px solid var(--line); border-radius: 0 0 8px 8px; }
@media(max-width:900px) { .pd-editing .pw-doc-index { display: none; } }
.ios-settings {
--ios-bg: #F2F2F7; --ios-card: #FFFFFF; --ios-inset: #F2F2F7; --ios-text: #1C1C1E;
--ios-secondary: #63636B; --ios-line: #DCDCE1; --ios-blue: #0068DB; --ios-green: #207A38; --ios-red: #CE2836;
--font-body: -apple-system,BlinkMacSystemFont,'Segoe UI',Inter,system-ui,sans-serif;
font-family: var(--font-body); color: var(--ios-text); background: var(--ios-bg); border-radius: 24px;
padding: 28px; margin: 0 24px 32px; min-width: 0; font-size: 15px; line-height: 1.5;
--line: var(--ios-line); --line-soft: color-mix(in srgb,var(--ios-line) 60%,transparent); --surface-1: var(--ios-card); --surface-0: var(--ios-inset); --text-1: var(--ios-text); --text-2: var(--ios-secondary); --text-3: var(--ios-secondary); --blue: var(--ios-blue); --bad: var(--ios-red);
}
:root[data-theme='dark'] .ios-settings { --ios-bg: #101012; --ios-card: #1C1C1E; --ios-inset: #2C2C2E; --ios-text: #F5F5F7; --ios-secondary: #ABABB2; --ios-line: #38383A; --ios-blue: #68ABFF; --ios-green: #32D74B; --ios-red: #FF746C; }
.ios-settings,.ios-settings * { box-sizing: border-box; }
.ios-settings h1,.ios-settings h2,.ios-settings h3,.ios-settings strong,.ios-settings input,.ios-settings select,.ios-settings textarea,.ios-settings button { font-family: var(--font-body); font-stretch: normal; }
.ios-settings h1 { font-size: 32px; line-height: 1.16; font-weight: 720; letter-spacing: -.035em; margin: 12px 0 8px; color: var(--ios-text); }
.ios-settings h2 { font-size: 17px; line-height: 1.35; font-weight: 620; letter-spacing: -.015em; color: var(--ios-text); text-transform: none; margin: 0 0 7px; }
.ios-settings h3 { font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--ios-text); }
.ios-settings p { color: var(--ios-secondary); font-size: 13px; line-height: 1.6; margin: 6px 0 14px; }
.ios-settings a { color: var(--ios-blue); text-decoration: none; }.ios-settings a:hover { text-decoration: none; }
.ios-settings .ios-settings-title { margin: 0 0 26px; padding: 0 4px; }
.ios-settings-title > p { max-width: 560px; margin: 0; font-size: 14px; }.ios-settings-title .ios-settings-kicker { font-size: 11px; font-weight: 600; color: var(--ios-secondary); letter-spacing: .08em; }
.ios-settings .ios-settings-overview { max-width: 680px; margin-inline: auto; }
.ios-settings-identity { display: flex; gap: 14px; align-items: center; padding: 18px; background: var(--ios-card); border-radius: 17px; margin: 24px 0; }
.ios-settings-identity strong { font-size: 18px; font-weight: 600; }.ios-settings-identity p { font-size: 12px; margin: 3px 0 0; }
.ios-identity-icon { width: 52px; height: 52px; border-radius: 14px; flex: none; display: grid; place-items: center; color: white; background: #8E8E93; }.ios-identity-icon svg { width: 32px; height: 32px; }
.ios-settings-search { display: flex; gap: 8px; align-items: center; padding: 0 12px; background: color-mix(in srgb,var(--ios-secondary) 10%,var(--ios-bg)); border-radius: 11px; color: var(--ios-secondary); }.ios-settings-search svg { width: 18px; height: 18px; flex: none; }
.ios-settings .ios-settings-search input { background: none; border: 0; box-shadow: none; min-height: 43px; padding: 8px 0; font-size: 15px; }
.ios-nav-group { margin-top: 24px; }.ios-settings .ios-nav-group > h3 { font-size: 12px; color: var(--ios-secondary); font-weight: 500; margin: 0 14px 8px; }
.ios-settings .settings-category-grid { display: block; border-radius: 15px; background: var(--ios-card); overflow: hidden; gap: 0; }
.ios-settings .ios-settings-row { position: relative; display: flex; align-items: center; gap: 12px; min-height: 70px; padding: 13px 16px; margin: 0; border: 0; background: transparent; border-radius: 0; box-shadow: none; color: var(--ios-text); text-decoration: none; }
.ios-settings .ios-settings-row + .ios-settings-row::before { content: ''; position: absolute; height: 1px; top: 0; left: 59px; right: 0; background: var(--line-soft); }
.ios-settings .ios-settings-row:hover { background: color-mix(in srgb,var(--ios-secondary) 5%,var(--ios-card)); }.ios-settings .ios-settings-row[aria-current='page'] { background: color-mix(in srgb,var(--ios-blue) 11%,var(--ios-card)); }
.ios-settings .settings-category-icon,.ios-category-symbol { background: var(--setting-icon); color: #FFF; width: 32px; height: 32px; border-radius: 8px; flex: none; display: grid; place-items: center; }
.ios-settings .settings-category-icon svg,.ios-category-symbol svg { width: 21px; height: 21px; }
.ios-row-copy { flex: 1; min-width: 0; }.ios-settings .ios-row-copy h2 { font-size: 16px; font-weight: 500; margin: 0 0 2px; }.ios-settings .ios-row-copy p { font-size: 12px; margin: 0; color: var(--ios-secondary); }
.ios-row-chevron { color: var(--ios-secondary); flex: none; display: flex; opacity: .6; }.ios-row-chevron svg { width: 16px; height: 16px; }
.ios-settings .ios-settings-footnote { text-align: center; font-size: 12px; margin-top: 26px; }
.ios-settings-split { display: grid; grid-template-columns: 224px minmax(0,1fr); gap: 32px; padding: 24px; align-items: start; }
.ios-settings-nav { position: sticky; top: 80px; align-self: start; }.ios-nav-title { display: block; font-size: 23px; font-weight: 700; padding: 4px 12px 0; color: var(--ios-text) !important; }
.ios-settings-nav .ios-settings-row { gap: 10px; min-height: 52px; padding: 10px; }.ios-settings-nav .ios-row-copy h2 { font-size: 13px; margin: 0; }.ios-settings-nav .ios-row-copy p { display: none; }.ios-settings-nav .ios-nav-group { margin-top: 20px; }.ios-settings-nav .settings-category-icon { width: 28px; height: 28px; border-radius: 7px; }.ios-settings-nav .ios-row-chevron { display: none; }.ios-settings-nav .ios-settings-row + .ios-settings-row::before { left: 48px; }
.ios-settings-detail { min-width: 0; max-width: 820px; }.ios-settings-detail .ios-settings-title { padding-top: 4px; }.ios-settings .ios-back { display: inline-flex; gap: 3px; align-items: center; font-size: 15px; margin-bottom: 17px; }.ios-back svg { width: 18px; height: 18px; }.ios-category-symbol { width: 44px; height: 44px; border-radius: 12px; }
.ios-settings .page-wrap { padding: 0; margin: 0; max-width: none; width: 100%; min-width: 0; }
.ios-settings .settings-page,.ios-settings .settings-addon-wrap,.ios-settings .settings-work-stack { display: grid; gap: 22px; }
.ios-settings .settings-addon-wrap,.ios-settings .zone-page { margin-top: 22px; }
.ios-settings .settings-page:has(> .settings-panel:empty) { display: none; }
.ios-settings .settings-panel { background: none; border: 0; border-radius: 0; padding: 0; box-shadow: none; display: grid; gap: 22px; }
.ios-settings .settings-section { display: block; border: 0; padding: 22px; margin: 0; background: var(--ios-card); border-radius: 17px; box-shadow: none; min-width: 0; }
.ios-settings .settings-panel > form:not(.settings-section) { background: var(--ios-card); padding: 22px; border-radius: 17px; }
.ios-settings .settings-panel > form > .settings-section { padding: 0; border-radius: 0; margin-bottom: 18px; }
.ios-settings .settings-addon-wrap .settings-section { padding: 22px; }
.ios-settings .detail-zone,.ios-settings .nb-card { background: var(--ios-card); border: 0; border-radius: 17px; box-shadow: none; overflow: hidden; margin: 0 0 20px; }
.ios-settings .detail-zone:last-child { margin-bottom: 0; }
.ios-settings .zone-head { padding: 19px 22px; background: none; display: flex; align-items: center; gap: 10px; min-height: 64px; border: 0; list-style: none; }.ios-settings .zone-head::-webkit-details-marker { display: none; }
.ios-settings .zone-index { display: none; }.ios-settings .zone-title { flex: 1; margin: 0; font-size: 16px; font-weight: 600; }.ios-settings .zone-tag { font-size: 11px; color: var(--ios-secondary); padding: 4px 7px; background: var(--ios-inset); border: 0; border-radius: 6px; text-transform: none; letter-spacing: 0; }
.ios-settings .zone-toggle { width: 8px; height: 8px; border: solid var(--ios-secondary); border-width: 0 1.5px 1.5px 0; transform: rotate(-45deg); flex: none; background: none; }.ios-settings details[open] > summary .zone-toggle { transform: rotate(45deg); }.ios-settings .zone-toggle::before,.ios-settings .zone-toggle::after { display: none; }
.ios-settings .zone-body { padding: 0 22px 22px; background: none; border: 0; }.ios-settings .zone-card { padding: 14px; border-radius: 12px; box-shadow: none; border: 0; background: var(--ios-inset); }
.ios-settings .nb-card { padding: 22px; }.ios-settings .nb-card-head { padding: 0; border: 0; }.ios-settings .nb-kicker { display: none; }
.ios-settings .form-note,.ios-settings .nb-muted,.ios-settings .settings-section small { color: var(--ios-secondary); font-size: 12px; line-height: 1.5; text-transform: none; letter-spacing: 0; }
.ios-settings :is(input,select,textarea) { max-width: 100%; min-width: 0; border: 1px solid transparent; box-shadow: none; border-radius: 9px; color: var(--ios-text); background: var(--ios-inset); font-size: 15px; line-height: 1.35; padding: 11px 12px; min-height: 44px; transition: border-color .15s; }
.ios-settings :is(input,select,textarea):focus-visible { outline: 3px solid color-mix(in srgb,var(--ios-blue) 35%,transparent); outline-offset: 2px; border-color: var(--ios-blue); }.ios-settings input[type='file'] { padding: 12px; font-size: 13px; width: 100%; }.ios-settings input::file-selector-button { padding: 7px 10px; border: 0; border-radius: 7px; margin-right: 10px; background: var(--ios-card); color: var(--ios-blue); font: inherit; }
.ios-settings :is(button,.primary-button,.ghost-button,.small-button) { text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 550; line-height: 1.3; min-height: 42px; border-radius: 10px; box-shadow: none; padding: 10px 14px; border: 0; background: var(--ios-inset); color: var(--ios-blue); text-decoration: none; white-space: normal; }
.ios-settings .primary-button { background: var(--ios-blue); color: #FFF; }.ios-settings .danger,.ios-settings .danger-button,.ios-settings .is-danger { background: color-mix(in srgb,var(--ios-red) 9%,var(--ios-card)); color: var(--ios-red); }.ios-settings button:disabled { opacity: .45; cursor: not-allowed; }
:root[data-theme='dark'] .ios-settings .primary-button { color: #071C38; }
.ios-settings label { font-size: 13px; font-weight: 500; color: var(--ios-text); min-width: 0; gap: 7px; }.ios-settings fieldset { min-width: 0; border: 0; padding: 0; }.ios-settings legend { font-size: 13px; font-weight: 600; padding: 0 0 12px; }
.ios-settings :is(.form-grid,.nb-form--grid,.device-fields,.notification-settings-grid,.dock-picker,.api-token-create,.code-sequence-form) { gap: 16px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.ios-settings .settings-section > div + :is(form,div) { margin-top: 18px; }
.ios-settings .brand-icon-preview,.ios-settings .current-device-card,.ios-settings .session-expiry,.ios-settings .session-device,.ios-settings .sync-status { background: var(--ios-inset); border: 0; border-radius: 12px; box-shadow: none; padding: 16px; }
.ios-settings .brand-icon-preview img { width: 64px; height: 64px; border-radius: 15px; }.ios-settings .settings-profile-photo { width: 72px; height: 72px; border-radius: 50%; }.ios-settings .device-pulse { background: var(--ios-green); box-shadow: none; }.ios-settings .current-device-card b { color: var(--ios-green); font-size: 11px; }.ios-settings .session-expiry { gap: 6px; }.ios-settings .session-expiry strong { font-size: 13px; }.ios-settings .session-list-head { gap: 12px; align-items: start; flex-wrap: wrap; }.ios-settings .session-device-list { display: grid; gap: 10px; }
.ios-settings .session-device,.ios-settings .sync-peer-list > li { gap: 12px; flex-wrap: wrap; }.ios-settings .sync-peer-list { padding: 0; list-style: none; }.ios-settings .sync-peer-list > li { padding: 14px 0; border-bottom: 1px solid var(--line-soft); }
.ios-settings code { font: 12px/1.5 ui-monospace,monospace; overflow-wrap: anywhere; word-break: break-word; }.ios-settings .api-fresh-token { max-width: 100%; }.ios-settings .api-fresh-token code { white-space: pre-wrap; }
.ios-settings input.ios-switch { appearance: none; -webkit-appearance: none; display: inline-block; position: relative; width: 51px; height: 31px; min-height: 31px; flex: 0 0 51px; border: 0; padding: 0; margin: 0; border-radius: 20px; background: #DEDEE3; cursor: pointer; transition: background .15s; }
:root[data-theme='dark'] .ios-settings input.ios-switch { background: #48484C; }
.ios-settings input.ios-switch::before { content: ''; position: absolute; width: 27px; height: 27px; left: 2px; top: 2px; background: white; border-radius: 50%; box-shadow: 0 1px 4px #0002; transform: translateX(0); transition: transform .15s; }
.ios-settings input.ios-switch:checked { background: #34C759; }.ios-settings input.ios-switch:checked::before { transform: translateX(20px); }
.ios-settings .ios-switch-row { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 16px; font-size: 15px; padding-block: 10px; }.ios-settings .ios-switch-row > input.ios-switch { order: 2; }.ios-settings .ios-switch-row > span { order: 1; flex: 1; }
.ios-settings .notification-settings-grid > .ios-switch-row { grid-column: 1 / -1; border-bottom: 1px solid var(--line-soft); padding: 12px 0; }.ios-settings .notification-settings-grid > button { grid-column: 1 / -1; justify-self: start; }
.ios-settings .theme-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }.ios-settings .theme-option { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; background: none; border: 2px solid transparent; border-radius: 13px; padding: 16px; min-height: 165px; box-shadow: none; }
.ios-settings .theme-option:has(input:checked) { border-color: var(--ios-blue); background: color-mix(in srgb,var(--ios-blue) 5%,var(--ios-card)); }.ios-settings .theme-option input { appearance: none; display: block; position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer; }.ios-settings .theme-option:has(input:focus-visible) { outline: 3px solid var(--ios-blue); outline-offset: 3px; }
.ios-settings .theme-swatch { position: relative; width: 64px; height: 100px; background: #F2F2F7; border: 3px solid #D1D1D6; border-radius: 15px; display: flex; flex-direction: column; gap: 8px; padding: 20px 7px 7px; box-shadow: none; }.ios-settings .theme-swatch::before { content: ''; position: absolute; width: 22px; height: 4px; top: 6px; left: calc(50% - 11px); border-radius: 3px; background: #AEAEB2; }.ios-settings .theme-swatch i { width: 100%; height: 12px; border-radius: 3px; background: #FFF; }.ios-settings [data-preview-theme='dark'] .theme-swatch { background: #000; border-color: #636366; }.ios-settings [data-preview-theme='dark'] .theme-swatch i { background: #2C2C2E; }.ios-settings .theme-option strong { font-size: 14px; font-weight: 500; }
.ios-settings .dock-device-picker { border: 1px solid var(--line-soft); border-radius: 12px; margin: 12px 0; padding: 0; background: none; overflow: hidden; }.ios-settings .dock-device-picker > summary { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 14px 16px; font-size: 15px; cursor: pointer; list-style: none; }.ios-settings .dock-device-picker > summary::after { content: '›'; color: var(--ios-secondary); font-size: 22px; }.ios-settings .dock-device-picker[open] > summary::after { transform: rotate(90deg); }.ios-settings .dock-device-picker > summary small { margin-left: auto; }.ios-settings .dock-picker { padding: 0 16px 16px; }
.ios-settings .pref-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line-soft); }.ios-settings .pref-row > span { font-size: 15px; }.ios-settings .pref-row small { display: block; margin-top: 4px; }.ios-settings .segmented-buttons { padding: 3px; background: var(--ios-inset); border-radius: 9px; gap: 2px; }.ios-settings .segmented-buttons button { min-height: 32px; background: none; color: var(--ios-secondary); border-radius: 7px; padding: 6px 10px; font-size: 12px; }.ios-settings .segmented-buttons button.is-on { background: var(--ios-card); color: var(--ios-text); box-shadow: 0 1px 4px #0001; }
.ios-settings .worklib-group { background: var(--ios-inset); border: 0; border-radius: 12px; box-shadow: none; margin: 12px 0; overflow: hidden; }.ios-settings .worklib-group > summary { display: flex; gap: 10px; align-items: center; padding: 15px; min-height: 58px; border: 0; background: none; }.ios-settings .worklib-name { flex: 1; min-width: 0; }.ios-settings .worklib-name strong { font-size: 14px; font-weight: 600; text-transform: none; letter-spacing: 0; }.ios-settings .worklib-name small { font-size: 11px; margin-top: 4px; }.ios-settings .worklib-total { color: var(--ios-blue); font-size: 12px; background: var(--ios-card); border: 0; padding: 5px 7px; border-radius: 6px; }.ios-settings .worklib-body { padding: 0 14px 14px; }
.ios-settings .settings-work-stack .worklib-row,.ios-settings .settings-work-stack .component-group-tools { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 14px 0; border-bottom: 1px solid var(--ios-line); background: none; margin: 0; border-radius: 0; }
.ios-settings .settings-work-stack .worklib-row > *,.ios-settings .settings-work-stack .component-group-tools > * { grid-column: auto !important; width: auto; min-width: 0; }
.ios-settings .settings-work-stack .worklib-row > input[type='hidden'],.ios-settings .settings-work-stack .component-group-tools > input[type='hidden'] { display: none; }
.ios-settings .settings-work-stack .ios-rule-field[data-field='name'],.ios-settings .settings-work-stack .ios-rule-field[data-field='label'],.ios-settings .settings-work-stack .row-code { grid-column: 1 / -1 !important; }
.ios-settings .ios-rule-field { display: grid; gap: 5px; }.ios-settings .ios-rule-field > span { color: var(--ios-secondary); font-size: 11px; font-weight: 500; }.ios-settings .ios-rule-field > input,.ios-settings .ios-rule-field > select { width: 100%; background: var(--ios-card); text-align: left; }
.ios-settings .row-unit { display: none; }.ios-settings .row-code { color: var(--ios-secondary); font: 11px/1.5 ui-monospace,monospace; }.ios-settings .component-group-add,.ios-settings .worklib-row--add { background: none; }.ios-settings .component-group-add { display: grid; grid-template-columns: 1fr; gap: 12px; }
.ios-settings .welcome-message-row,.ios-settings .quote-row { background: none; border: 0; border-bottom: 1px solid var(--line-soft); padding: 15px 0; border-radius: 0; gap: 12px; }.ios-settings .quote-row-tr { color: var(--ios-text); font-size: 14px; }.ios-settings .quote-row-ref { color: var(--ios-secondary); font-size: 12px; }.ios-settings .quote-add-form,.ios-settings .welcome-add-form { background: var(--ios-inset); padding: 16px; border-radius: 12px; border: 0; }.ios-settings .welcome-pool-card { border: 0; background: none; }
.ios-settings .ver-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }.ios-settings .ver-card { border: 0; border-radius: 12px; background: var(--ios-inset); padding: 18px; }.ios-settings .ver-number { font-size: 29px; font-weight: 650; color: var(--ios-text); letter-spacing: -.02em; }.ios-settings .ver-label { color: var(--ios-secondary); font-size: 12px; text-transform: none; }.ios-settings .ver-status { font-size: 13px; }.ios-settings .ver-meta { line-height: 1.6; color: var(--ios-secondary); }
.ios-settings .data-center-page > .page-title { display: none; }.ios-settings .data-center-page > .panel { background: var(--ios-card); border: 0; border-radius: 17px; padding: 22px; margin-top: 22px; box-shadow: none; }.ios-settings .data-center-page :is(.table-wrap,.table-scroll) { max-width: 100%; overflow: auto; }.ios-settings table { font-size: 12px; }.ios-settings th { color: var(--ios-secondary); background: var(--ios-inset); }.ios-settings :is(th,td) { border-color: var(--line-soft); padding: 12px; }
.ios-settings :is([hidden],.ios-nav-group[hidden],.ios-settings-row[hidden]) { display: none !important; }
@media(min-width:1500px) { .ios-settings-split { grid-template-columns: 250px minmax(0,1fr); gap: 40px; }.ios-settings .ver-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:1199px) { .ios-settings-split { grid-template-columns: minmax(0,1fr); }.ios-settings-nav { display: none; }.ios-settings-detail { margin-inline: auto; width: 100%; max-width: 760px; } }
@media(max-width:600px) {
.ios-settings { border-radius: 0; margin: 0 -16px 24px; padding: 22px 16px; }.ios-settings-split { display: block; }.ios-settings h1 { font-size: 30px; }.ios-settings .ios-settings-title { padding-inline: 4px; margin-bottom: 22px; }
.ios-settings .settings-section,.ios-settings .settings-panel > form:not(.settings-section),.ios-settings .settings-addon-wrap .settings-section,.ios-settings .nb-card { padding: 18px 16px; border-radius: 14px; }
.ios-settings .settings-panel > form > .settings-section { padding: 0; }.ios-settings .zone-head { padding: 17px 16px; }.ios-settings .zone-body { padding: 0 16px 16px; }.ios-settings .zone-tag { max-width: 95px; white-space: normal; }
.ios-settings :is(.form-grid,.nb-form--grid,.device-fields,.api-token-create,.code-sequence-form) { grid-template-columns: minmax(0,1fr); }.ios-settings .nb-span-2 { grid-column: 1 / -1; }
.ios-settings .pref-row { align-items: start; flex-direction: column; }.ios-settings .segmented-buttons { align-self: stretch; display: flex; }.ios-settings .segmented-buttons button { flex: 1; min-height: 38px; }.ios-settings .brand-icon-preview { flex-wrap: wrap; }
.ios-settings .theme-option { padding: 12px 8px; min-height: 160px; }.ios-settings .worklib-body { padding-inline: 12px; }.ios-settings :is(button,.primary-button,.ghost-button,.small-button) { min-height: 44px; }.ios-settings .ios-settings-row { padding-inline: 14px; }.ios-settings .current-device-card { flex-wrap: wrap; }
}
@media(prefers-reduced-motion:reduce) { .ios-settings * { transition: none !important; scroll-behavior: auto !important; } }
.ios-settings .ios-settings-row::before,.ios-settings .ios-settings-row::after { display: none; box-shadow: none; }
.ios-settings .ios-settings-row + .ios-settings-row::before { content: ''; display: block; position: absolute; inset: 0 0 auto 59px; width: auto; height: 1px; border: 0; border-radius: 0; background: var(--line-soft); transform: none; box-shadow: none; opacity: 1; }
.ios-settings .ios-settings-row .settings-category-icon { color: #FFF; background: var(--setting-icon); }
.ios-settings .theme-option:has(input:checked) { box-shadow: none; }
.ios-settings .theme-option .theme-swatch i:nth-child(n) { display: block; margin: 0; border: 0; width: 100%; height: 12px; flex: 0 0 12px; border-radius: 3px; background: #FFF; }
.ios-settings .theme-option[data-preview-theme='dark'] .theme-swatch i:nth-child(n) { background: #2C2C2E; }
.ios-settings .settings-work-stack > .detail-zone { margin: 0; }
.ios-settings .device-pulse { width: 8px; height: 8px; border-radius: 50%; padding: 0; }
.ios-settings input[type='checkbox']:not(.ios-switch) { appearance: auto; -webkit-appearance: checkbox; min-height: 18px; width: 18px; height: 18px; padding: 0; border-radius: 4px; accent-color: var(--ios-blue); flex: none; }
@media(max-width:600px) { .ios-settings { margin-inline: 0; } }
.ios-settings { --void: var(--ios-bg); --void-2: var(--ios-inset); --sunk: var(--ios-inset); --plate-1: var(--ios-card); --plate-2: var(--ios-inset); --plate-raise: var(--ios-inset); --ink: var(--ios-text); --ink-2: var(--ios-secondary); --ink-3: var(--ios-secondary); --channel: var(--ios-line); --hair: var(--ios-line); --blue-dim: color-mix(in srgb,var(--ios-blue) 10%,var(--ios-card)); }
.ios-settings .quality-settings-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; }
.ios-settings .quality-area-manager { border: 0; background: var(--ios-inset); border-radius: 12px; padding: 16px; min-width: 0; }
.ios-settings .quality-template-card { border: 0; background: var(--ios-card); border-radius: 10px; padding: 16px; box-shadow: none; margin: 12px 0; }
.ios-settings .quality-template-head { border: 0; padding: 0 0 12px; background: none; }
.ios-settings .quality-setting-item { border: 0; border-bottom: 1px solid var(--line-soft); border-radius: 0; background: none; padding: 12px 0; }
.ios-settings .quality-default-form,.ios-settings .quality-copy-form,.ios-settings .quality-template-create,.ios-settings .quality-item-add { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding-block: 10px; min-width: 0; }
.ios-settings .quality-copy-form > select,.ios-settings .quality-item-add > input,.ios-settings .quality-template-create > input { min-width: 100px; flex: 1; }
.ios-settings .twofa-state { display: inline-flex; border: 0; border-radius: 7px; padding: 5px 9px; background: var(--ios-inset); color: var(--ios-secondary); font-size: 12px; }
.ios-settings .twofa-state.on { color: var(--ios-green); }.ios-settings .settings-section-icon { color: var(--ios-green); background: none; box-shadow: none; }
.ios-settings .twofa-body,.ios-settings .sync-settings-body,.ios-settings .api-settings-body { min-width: 0; }
.ios-settings .twofa-grid,.ios-settings .twofa-setup-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; }
.ios-settings .totp-qr-frame { background: #FFF; padding: 12px; border-radius: 12px; max-width: 100%; width: fit-content; }.ios-settings .totp-qr-frame img { max-width: 100%; }
.ios-settings .twofa-confirm,.ios-settings .recovery-codes-card { border: 0; border-radius: 12px; padding: 16px; background: var(--ios-inset); box-shadow: none; }
.ios-settings .recovery-code-grid { gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.ios-settings .adjustment-form { display: grid; gap: 14px; grid-template-columns: repeat(2,minmax(0,1fr)); }.ios-settings .adjustment-form input[name='reason'] { grid-column: 1 / -1; }
.ios-settings .theme-option input { z-index: 1; }
.ios-settings .theme-option > .theme-swatch,.ios-settings .theme-option > strong { pointer-events: none; }
@media(max-width:600px) { .ios-settings input:not([type='checkbox']):not([type='radio']),.ios-settings select,.ios-settings textarea { font-size: 16px; } }
:root[data-theme='dark'] .ios-settings input.ios-switch:checked { background: #30D158; }
.ios-settings .quality-area-manager { box-shadow: none; }
.ios-settings .quality-area-manager::before,.ios-settings .quality-area-manager::after { display: none; }
.ios-settings .quality-area-manager > header { border: 0; padding-left: 0; margin-bottom: 12px; }
.ios-settings .quality-area-manager > header > span,.ios-settings .quality-template-head > div > span { display: none; }
.ios-settings .quality-area-manager > header h3 { font-size: 16px; margin: 0; }
.ios-settings .quality-template-create > input { background: var(--ios-card); }
.ios-settings .quality-template-head strong { font-size: 14px; font-weight: 600; }
.ios-settings .quality-template-head > span { font-size: 11px; color: var(--ios-secondary); }
.ios-settings .small-button.success { color: var(--ios-green); background: color-mix(in srgb,var(--ios-green) 8%,var(--ios-card)); }
.pw-agenda-welcome { display: grid; grid-template-columns: 104px minmax(0,1fr) auto; align-items: center; gap: 20px; padding-bottom: 24px; }
.pw-agenda-avatar { display: block; width: 104px; height: 104px; min-width: 104px; aspect-ratio: 1; object-fit: cover; object-position: center; border-radius: 24px; border: 1px solid var(--line); flex: none; }
.pw-agenda-welcome h1 { font-size: clamp(24px,2.4vw,36px); line-height: 1.2; }
.pw-agenda-welcome p { line-height: 1.6; }
.pw-agenda-focus { margin: 0 0 20px; }
.pw-agenda-focus .pw-hint { margin-bottom: 16px; }
.pw-panel.pw-agenda-focus:has(> .pw-table-scroll) { padding: 0; }
.pw-agenda-focus:has(> .pw-table-scroll) > :is(.pw-hint,.pw-plan-warning) { padding-inline: 20px; }
.pw-table.pw-table--compact { min-width: 0; width: 100%; table-layout: fixed; }
.pw-table--compact td:first-child { width: 68%; min-width: 0; max-width: none; overflow-wrap: anywhere; }
.pw-table--compact td:last-child { width: 32%; }
.pw-table--compact .pw-badge { white-space: normal; }
.pw-agenda-close { margin-top: 20px; }
.pw-record-heading { margin: 20px 0 24px; display: grid; gap: 8px; }
.pw-record-heading h1 { margin: 0; font-size: clamp(24px,2.5vw,34px); line-height: 1.25; overflow-wrap: anywhere; }
.pw-record-heading p { margin: 0; color: var(--text-3); font-size: 14px; }
.pw-agenda-layout > .pw-panel { margin-top: 0; }
.pw-panel-head { flex-wrap: wrap; }
.pw-panel-head > * { min-width: 0; }
.pw-page summary { overflow-wrap: anywhere; }
@media(max-width:700px) {
.pw-agenda-welcome { grid-template-columns: 72px minmax(0,1fr); gap: 14px; }
.pw-agenda-avatar { width: 72px; height: 72px; min-width: 72px; border-radius: 18px; }
.pw-agenda-welcome > .small-button { grid-column: 1 / -1; justify-self: start; }
.pw-agenda-welcome h1 { font-size: 24px; }
}
:root[data-skin] .brand-mark { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
:root[data-skin] .brand-mark img { display: block; object-fit: contain; filter: none; }
.focus-hub{max-width:1440px;margin:auto;padding:0 var(--page-gutter,24px) 24px;min-width:0}
.focus-hub [hidden]{display:none!important}
.focus-tabs{display:flex;gap:8px;margin:12px 0 20px;flex-wrap:wrap}
.focus-tabs button{min-height:44px;padding:10px 18px;border:1px solid var(--line);background:var(--plate-1);color:var(--ink);border-radius:12px;font:inherit;cursor:pointer}
.focus-tabs button[aria-selected=true]{background:var(--blue);color:var(--on-accent);border-color:transparent}
.focus-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.focus-hub .companion{padding:0;--cp-bg:var(--plate-1);--cp-panel:var(--plate-2);--cp-text:var(--ink);--cp-muted:var(--ink-3);--cp-line:var(--line);--cp-accent:var(--blue)}
.focus-hub .cp-heading{margin-bottom:14px}.focus-hub .cp-heading :is(h1,h2){font-size:20px}.focus-hub .cp-eyebrow{display:none}
.focus-hub .cp-layout{grid-template-columns:minmax(0,1fr) minmax(290px,360px)}
.focus-hub .cp-controls{padding:18px}.focus-hub .cp-stage{height:clamp(400px,65vh,780px)}
.focus-hub .cp-primary{background:var(--blue);color:var(--on-accent)}
.focus-hub .cp-stage button{background:#182333;color:#f0f4fb;border-color:var(--on-accent)fff40}
.focus-hub .cp-stage-top>span,.focus-hub .cp-stage-bottom{color:#f0f4fb}
.cp-time-summary{display:grid;gap:5px;background:var(--plate-2);padding:16px;border:1px solid var(--line);border-radius:14px}
.cp-time-summary strong{font-size:clamp(28px,4vw,40px);font-variant-numeric:tabular-nums;line-height:1.2;color:var(--ink)}
.cp-time-summary span,.cp-time-summary small{color:var(--ink-3)}
.focus-hub .cp-no-video .cp-stage{display:none}.focus-hub .cp-no-video .cp-layout{display:block}.focus-hub .cp-no-video .cp-controls{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.focus-hub .cp-no-video .cp-library,.focus-hub .cp-no-video .cp-production{grid-column:1/-1}
.focus-hub .snd-page{padding:0;max-width:none}.focus-hub .snd-head{display:none}.focus-hub .snd-stage{min-height:200px}.focus-hub .snd-console{margin-top:0}
.focus-report{padding:22px;background:var(--plate-1);border:1px solid var(--line);border-radius:18px;min-width:0}.focus-report>p{color:var(--ink-3);line-height:1.6}
.focus-totals{font-size:clamp(18px,3vw,26px);font-variant-numeric:tabular-nums;color:var(--ink)!important}
.focus-stage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:20px 0}.focus-stage-stats article{display:grid;gap:8px;border:1px solid var(--line);border-radius:12px;padding:16px}.focus-stage-stats small{color:var(--ink-3)}
.focus-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.focus-record strong{overflow-wrap:anywhere}.focus-record span{grid-column:1;color:var(--ink-3);font-size:12px}.focus-record b{grid-column:2;grid-row:1/3;font-variant-numeric:tabular-nums;align-self:center}
@media(max-width:1100px){.focus-hub .cp-layout{grid-template-columns:1fr}.focus-hub .cp-controls{grid-template-columns:1fr 1fr}.focus-hub .cp-stage{height:48vh;min-height:300px}.focus-hub .cp-immersive .cp-layout{display:block}}
@media(max-width:600px){.focus-hub{padding-inline:12px}.focus-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.focus-tabs button{padding:10px 6px;font-size:12px}.focus-hub .cp-controls,.focus-hub .cp-no-video .cp-controls{display:block}.focus-hub .cp-options{margin-top:20px}.focus-hub .cp-stage{height:36vh;min-height:240px}.focus-hub .cp-heading p{display:none}.focus-report{padding:16px}.focus-record{grid-template-columns:1fr}.focus-record b{grid-column:1;grid-row:auto}.focus-record span{grid-column:1}}
.focus-hub .cp-immersive .cp-stage{height:100dvh;min-height:0}.focus-hub .cp-immersive .cp-controls{display:block}
.focus-hub .cp-no-video.cp-immersive .cp-controls{inset:20px;width:calc(100% - 40px);max-width:720px;margin:auto;display:block}.focus-hub .cp-no-video.cp-immersive .cp-time-summary strong{font-size:clamp(40px,10vw,80px)}
.cp-library>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--cp-text)}.cp-library>summary::before{content:'▸'}.cp-library[open]>summary::before{content:'▾'}.cp-library .cp-history{padding-top:8px;max-height:330px;overflow:auto}
.focus-hub .sound-studio{display:block;min-width:0;--sound-accent:var(--blue);padding:0}
.sound-studio [hidden]{display:none!important}.sound-studio :is(button,select,input){font:inherit}.sound-studio button,.sound-studio .snd-action-link{min-height:44px;cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:10px 16px;color:var(--ink);background:var(--plate-1);font-size:14px;box-sizing:border-box}
.sound-studio button:disabled{opacity:.45;cursor:default}.sound-studio :is(button,a,input,select):focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.sound-studio .snd-view-nav{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:0 0 20px;padding-bottom:10px}.sound-studio .snd-view-nav button{background:transparent;border-color:transparent;border-radius:8px}.sound-studio .snd-view-nav button[aria-selected=true]{background:var(--blue-dim);color:var(--blue);font-weight:650}
.sound-studio .snd-listen-grid{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(280px,1fr);gap:20px;align-items:start}
.sound-studio .snd-now,.sound-studio .snd-current{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--plate-1);margin:0;min-width:0}
.sound-studio .snd-now-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.sound-studio .sound-status{display:flex;gap:7px;align-items:center;font-size:12px;padding:0;background:transparent;border:0;min-height:30px;letter-spacing:0}.sound-studio .sound-status i{display:block;width:7px;height:7px;background:var(--ink-3);border-radius:50%}.sound-studio.is-playing .sound-status i{background:var(--ok);box-shadow:none}
.sound-studio #soundTimerButton{border:0;background:var(--sunk);font-size:12px;padding:8px 12px}
.sound-studio .snd-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;aspect-ratio:1;width:clamp(150px,20vw,240px);max-width:70%;margin:24px auto;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 24%,var(--plate-2)),var(--sunk));border:1px solid var(--line);border-radius:30px;color:var(--blue)}
.sound-studio .snd-cover svg{width:64px;height:64px;stroke-width:1.2}.sound-studio .snd-cover>span{letter-spacing:.3em;font-size:12px;font-weight:600}
.sound-studio .snd-now-name{text-align:center}.sound-studio #soundNowTitle{font-size:clamp(20px,3vw,28px);font-weight:650;margin:0;line-height:1.3;overflow-wrap:anywhere}.sound-studio #soundNowSubtitle{font-size:13px;color:var(--ink-3);margin:8px 0 0;line-height:1.5}
.sound-studio .snd-time-line{display:flex;justify-content:space-between;align-items:center;color:var(--ink-3);font-size:12px;border-top:2px solid var(--line);padding-top:10px;margin:22px 0 14px}.sound-studio #soundTimerDisplay{font-size:17px;font-variant-numeric:tabular-nums;font-weight:500;color:var(--ink);letter-spacing:.03em}
.sound-studio .snd-transport{display:flex;align-items:center;justify-content:center;gap:16px}.sound-studio .snd-transport>button{width:48px;height:48px;padding:12px;border:0;border-radius:50%;background:var(--sunk);box-shadow:none}.sound-studio .snd-transport svg{width:22px;height:22px}
.sound-studio .sound-master-toggle{position:static!important;width:auto!important;min-width:154px;height:56px!important;border-radius:999px!important;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:14px 22px!important;background:var(--blue)!important;color:var(--on-accent)!important;border:0!important;box-shadow:none!important;transform:none!important;transition:none!important}.sound-studio .sound-master-toggle .sound-play-icon{font-size:18px;color:inherit}.sound-studio #soundMasterLabel{font-size:14px;font-weight:600;letter-spacing:0}
.sound-studio .snd-volume{display:grid;grid-template-columns:auto minmax(0,1fr) 40px;align-items:center;gap:12px;margin-top:24px;font-size:12px;color:var(--ink-3)}.sound-studio input[type=range]{height:32px;min-width:0;width:100%;accent-color:var(--blue)}.sound-studio .snd-volume output{text-align:right;font-variant-numeric:tabular-nums}
.sound-studio .snd-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px}.sound-studio h2{font-size:18px;margin:0;font-weight:650}.sound-studio h3{font-size:15px}.sound-studio .snd-section-head p{font-size:12px;color:var(--ink-3);margin:7px 0 0}.sound-studio .snd-section-head button{flex-shrink:0;font-size:13px}
.sound-studio .snd-layers{display:grid;gap:12px}.sound-studio .snd-layer{display:grid;grid-template-columns:8px minmax(0,1fr) 44px;gap:8px 12px;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--plate-2);min-width:0}.sound-studio .snd-layer-mark{width:8px;height:32px;align-self:center;border-radius:4px;background:var(--sound-color)}.sound-studio .snd-layer-id{min-width:0}.sound-studio .snd-layer-id strong{font-size:14px;font-weight:600;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}.sound-studio .snd-layer-id small{display:block;max-width:100%;font-size:11px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-studio .snd-layer-remove{grid-column:3;grid-row:1;background:transparent;border:0;padding:8px;font-size:22px}.sound-studio .snd-layer-level{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:center}.sound-studio .snd-layer-level>span,.sound-studio .snd-layer-meter{display:none}.sound-studio .snd-layer-level b{font-size:12px;font-weight:500;color:var(--ink-3)}.sound-studio #soundSavePresetOpen{width:100%;margin-top:16px;background:var(--sunk);border:0}
.sound-studio .snd-support-note{font-size:12px;line-height:1.65;color:var(--ink-3);margin:14px 0 0}
.sound-studio .snd-library-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.sound-studio .snd-library-top p{font-size:12px;color:var(--ink-3);margin:8px 0 0}.sound-studio .snd-search{display:flex;align-items:center;gap:10px;width:min(420px,50%);background:var(--sunk);border:1px solid var(--line);border-radius:999px;padding:0 16px}.sound-studio .snd-search input{background:transparent;border:0;outline-offset:0;min-height:46px;min-width:0;width:100%;font-size:14px;color:var(--ink)}
.sound-studio .snd-category-chips{display:flex;gap:8px;overflow-x:auto;padding:16px 2px;scrollbar-width:thin}.sound-studio .snd-category-chips button{flex:none;white-space:nowrap;min-height:40px;padding:8px 16px;border-radius:999px;font-size:13px;background:var(--plate-1)}.sound-studio .snd-category-chips button[aria-pressed=true]{background:var(--blue);color:var(--on-accent);border-color:transparent}
.sound-studio .snd-track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.sound-studio .snd-track-row{display:grid;grid-template-columns:52px minmax(0,1fr) 44px 44px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);min-width:0}.sound-studio .snd-track-art{width:52px;height:52px;padding:14px;border-radius:12px;background:color-mix(in srgb,var(--sound-color) 16%,var(--plate-2));color:var(--ink);border:0}.sound-studio .snd-track-art svg{width:24px;height:24px}.sound-studio .snd-track-name{min-width:0}.sound-studio .snd-track-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550}.sound-studio .snd-track-name small{display:block;font-size:11px;color:var(--ink-3);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-studio .snd-track-row .snd-more,.sound-studio .snd-track-row .snd-quick-add{padding:8px;border:0;background:transparent;font-size:23px;border-radius:50%}.sound-studio .snd-track-row.is-selected .snd-track-art{outline:2px solid var(--blue);outline-offset:-2px}.sound-studio .snd-track-row.is-selected .snd-quick-add{color:var(--blue)}
.sound-studio .snd-empty-note{padding:24px 0;color:var(--ink-3)}
.sound-studio .snd-scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:16px}.sound-studio .snd-scene{position:relative;border:1px solid var(--line);border-radius:18px;padding:0;overflow:hidden;background:var(--plate-1)}.sound-studio .snd-scene-apply{display:grid;gap:10px;width:100%;border:0;border-radius:0;padding:22px;text-align:left;background:none;min-height:160px}.sound-studio .snd-scene-apply strong{font-size:17px}.sound-studio .snd-scene-apply :is(small,em){font-size:12px;color:var(--ink-3);font-style:normal;font-weight:400;letter-spacing:0}.sound-studio .snd-scene-delete{position:absolute;top:4px;right:4px}.sound-studio .snd-scene-delete button{width:44px;min-height:44px;padding:6px;border:0;background:var(--plate-1);font-size:22px}
.sound-studio .snd-sheet{width:min(560px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--plate-1);color:var(--ink);box-shadow:0 20px 70px #0005}.sound-studio .snd-sheet::backdrop{background:#0008}.sound-studio .snd-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.sound-studio .snd-dialog-head>button{font-size:22px;width:44px;padding:8px;border:0;background:var(--sunk);border-radius:50%}.sound-studio .snd-dialog-head p{font-size:12px;color:var(--ink-3);overflow-wrap:anywhere}.sound-studio .snd-sheet label{display:grid;gap:7px;font-size:13px;margin:16px 0;color:var(--ink-2)}.sound-studio .snd-sheet :is(select,input:not([type=checkbox])){max-width:100%;width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--plate-2);color:var(--ink);font-size:14px}.sound-studio .snd-sheet>button,.sound-studio .snd-sheet>form>button{margin-top:18px;width:100%}.sound-studio .snd-action-link{display:grid;gap:6px;text-decoration:none;margin:12px 0;background:var(--sunk)}.sound-studio .snd-action-link small{font-size:12px;color:var(--ink-3)}.sound-studio #soundOfflineAction{width:100%;margin-top:6px}.sound-studio .snd-edit-details{margin-top:20px;border-block:1px solid var(--line);padding:14px 0}.sound-studio .snd-edit-details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.sound-studio .snd-delete{color:var(--bad);border-color:var(--bad);background:transparent;width:100%;margin-top:20px}.sound-studio .snd-file-check{display:flex!important;align-items:center;gap:10px}.sound-studio .snd-file-check input{width:20px;height:20px}
@media(max-width:1100px){.sound-studio .snd-listen-grid{grid-template-columns:1fr 1fr}.sound-studio .snd-now,.sound-studio .snd-current{padding:20px}.sound-studio .snd-track-list{grid-template-columns:1fr}}
@media(max-width:700px){.sound-studio .snd-listen-grid{grid-template-columns:1fr;gap:16px}.sound-studio .snd-now{padding:18px}.sound-studio .snd-cover{width:168px;margin:20px auto}.sound-studio .snd-cover svg{width:50px;height:50px}.sound-studio .snd-library-top{display:grid;gap:16px}.sound-studio .snd-search{width:100%;box-sizing:border-box}.sound-studio .snd-track-row{grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:6px}.sound-studio .snd-track-art{width:44px;height:44px;padding:10px}.sound-studio .snd-sheet{margin:auto auto max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px);max-height:88dvh;border-radius:24px 24px 16px 16px;padding:22px 20px;box-sizing:border-box}.sound-studio .snd-view-nav{margin-bottom:16px;gap:4px}.sound-studio .snd-view-nav button{flex:1;padding:10px;font-size:13px}.sound-studio .snd-scene-grid{grid-template-columns:1fr 1fr;gap:10px}.sound-studio .snd-scene-apply{padding:18px 14px}.sound-studio .snd-scene-apply strong{font-size:15px}.sound-studio .snd-section-head button{padding:9px 12px}.sound-studio .snd-transport{gap:18px}}
.focus-hub .sound-studio button{min-width:44px;min-height:44px!important}.focus-hub .sound-studio .snd-layer-remove{width:44px;min-width:44px}.focus-hub .sound-studio .snd-layer{grid-template-columns:8px minmax(0,1fr) 44px}.focus-hub .sound-studio .snd-category-chips button{min-height:44px}.focus-hub .sound-studio input[type=range]{min-height:44px}
@media(prefers-reduced-motion:reduce){.sound-studio *{animation:none!important;transition:none!important}}
.sound-studio .snd-category-toolbar{display:flex;align-items:center;gap:16px;min-width:0}.sound-studio .snd-category-toolbar>.snd-category-chips{flex:1;min-width:0}.sound-studio .snd-category-toolbar>[data-sound-categories-open]{flex:none;font-size:13px}.sound-studio .snd-category-chips span{margin-left:5px;font-variant-numeric:tabular-nums;opacity:.8}
.sound-studio .snd-category-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.sound-studio .snd-category-checks label{display:flex;align-items:center;gap:12px;margin:0;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--plate-2);cursor:pointer;min-width:0}.sound-studio .snd-category-checks input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--blue)}.sound-studio .snd-category-checks span{overflow-wrap:anywhere}.sound-studio .snd-category-checks label:has(input:checked){border-color:var(--blue);background:var(--blue-dim)}.sound-studio .snd-category-checks label:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.sound-studio .snd-category-create>label{margin-top:0}.sound-studio .snd-category-create>div{display:flex;gap:8px}.sound-studio .snd-category-create input{min-width:0;flex:1}.sound-studio .snd-category-create button{flex:none}.sound-studio .snd-category-manager{display:grid;gap:12px;margin-top:20px}.sound-studio .snd-category-manager>div{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}.sound-studio .snd-category-manager>div>form:first-child{display:flex;gap:8px;min-width:0}.sound-studio .snd-category-manager input[name=name]{min-width:0;flex:1}.sound-studio .snd-category-manager button{margin:0;flex:none;padding:8px 12px}.sound-studio .snd-category-manager>div>form:last-child>button{width:44px;color:var(--bad);font-size:20px}
@media(max-width:700px){.sound-studio .snd-category-toolbar{display:block;margin-bottom:8px}.sound-studio .snd-category-toolbar>[data-sound-categories-open]{margin-bottom:12px;width:100%}.sound-studio .snd-category-checks{grid-template-columns:1fr}.sound-studio .snd-category-manager button{padding-inline:10px}}
.nb-page .rp-order[hidden],.nb-page [data-rp-refresh][hidden]{display:none!important}.rp-order{margin:18px 0 24px;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--plate-1);min-width:0}.rp-order-heading h3{margin:0;font-size:17px;color:var(--ink)}.rp-order-heading p,.rp-order-status{font-size:12px;line-height:1.6;color:var(--ink-3);margin:8px 0 12px}.rp-order-list{list-style:none;margin:0;padding:4px;max-height:440px;overflow:auto;scrollbar-width:thin;display:grid;gap:8px;overscroll-behavior-y:auto}.rp-order-item{display:grid;grid-template-columns:44px 54px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--plate-2);min-width:0}.rp-order-title{min-width:0}.rp-order-title strong{display:block;font-size:13px;color:var(--ink);overflow-wrap:anywhere}.rp-order-title small{display:block;margin-top:5px;color:var(--ink-3);font-size:11px}.nb-page .rp-order button{min-width:44px!important;min-height:44px!important;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--plate-1);color:var(--ink);font:inherit;cursor:pointer;margin:0}.rp-order button:disabled{opacity:.35;cursor:default}.nb-page .rp-order button.rp-grip{font-size:24px;cursor:grab;touch-action:pan-y;user-select:none}.rp-order .rp-position{display:block;margin:0;min-width:0}.rp-position>span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.nb-page .rp-position input{width:54px;min-width:0;min-height:44px;padding:8px 2px;text-align:center;border:1px solid var(--line);border-radius:8px;background:var(--plate-1);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;margin:0}.rp-arrows{display:flex;gap:6px}.rp-mode{display:grid;gap:8px;max-width:420px;margin:14px 0;color:var(--ink-2);font-size:13px}.rp-mode select{width:100%;min-height:44px;background:var(--plate-1);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit}.rp-dragging{opacity:.45}.rp-drop-before{box-shadow:0 -3px 0 var(--blue)}.rp-drop-after{box-shadow:0 3px 0 var(--blue)}.rp-order :is(button,input):focus-visible{outline:2px solid var(--blue);outline-offset:2px}[data-rp-preview][data-rp-dirty=true]>.nb-plan-days{opacity:.5}[data-rp-preview][data-rp-dirty=true] .rp-order-status{color:var(--blue)}.nb-preview-actions>button:disabled{opacity:.4;cursor:default}
@media(max-width:700px){.rp-order{padding:12px}.rp-order-item{grid-template-columns:44px 54px minmax(0,1fr);gap:8px}.rp-order-title{grid-column:1/-1;grid-row:1}.rp-arrows{justify-content:flex-end}.rp-order-list{max-height:390px}.nb-preview-actions>[data-rp-refresh]{flex-basis:100%}[data-rp-select] .nb-actionbar-row>.nb-muted{display:none}}
[data-rp-select] .nb-actionbar.is-empty .rp-options{display:none}.rp-options>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:600}.rp-options>summary::before{content:'＋'}.rp-options[open]>summary::before{content:'−'}.rp-options[open]>.nb-actionbar-grid{margin-top:12px}[data-rp-preview]>.nb-preview-actions{position:static;margin-top:24px}.rp-order-list{scroll-padding-block:10px}#rp-order-selection{scroll-margin-top:80px}
:root[data-skin='workspace'] .detail-zone>.zone-head{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,42%) 24px;align-items:center;gap:14px;min-height:76px;padding:18px 22px;list-style:none;background:color-mix(in srgb,var(--zone-tone,var(--blue)) 7%,var(--plate-1));border:1px solid color-mix(in srgb,var(--zone-tone,var(--blue)) 24%,var(--line));border-radius:14px;cursor:pointer}
:root[data-skin='workspace'] .detail-zone[open]>.zone-head{border-radius:14px 14px 0 0}
:root[data-skin='workspace'] .detail-zone>.zone-head .zone-index{display:grid;place-items:center;grid-column:1;min-width:36px;min-height:36px;padding:4px;border-radius:10px;font-size:12px;font-weight:700;line-height:1;color:var(--zone-tone,var(--blue));background:color-mix(in srgb,var(--zone-tone,var(--blue)) 12%,var(--plate-1))}
:root[data-skin='workspace'] .detail-zone>.zone-head .zone-title{grid-column:2;margin:0;min-width:0;font-size:clamp(15px,1.4vw,19px);line-height:1.5;letter-spacing:0;overflow-wrap:anywhere;color:var(--ink)}
:root[data-skin='workspace'] .detail-zone>.zone-head .zone-tag{grid-column:3;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.6;text-transform:none;letter-spacing:0;padding:7px 10px;border-radius:9px;color:var(--ink-2);background:color-mix(in srgb,var(--zone-tone,var(--blue)) 6%,var(--plate-1))}
:root[data-skin='workspace'] .detail-zone>.zone-head .zone-toggle{grid-column:4;grid-row:1;justify-self:center;width:20px;height:20px;display:grid;place-items:center;color:var(--ink-3)}
.detail-zone>.zone-head .zone-toggle::after{content:'⌄';font-size:20px;line-height:1}.detail-zone[open]>.zone-head .zone-toggle::after{content:'⌃'}
:root[data-skin='workspace'] .detail-zone>.zone-body{padding:22px;min-width:0;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;background:var(--plate-1)}
.detail-zone--monitor>.zone-head{cursor:default!important}.detail-zone--monitor .zone-monitor-label{grid-column:3/-1;justify-self:end;font-size:10px}
.extra-row{border-left:3px solid color-mix(in srgb,var(--extra,var(--blue)) 65%,var(--line))!important;background:linear-gradient(110deg,color-mix(in srgb,var(--extra,var(--blue)) 6%,var(--plate-1)),var(--plate-1))!important}.extra-row-main{min-width:0}.extra-row-main>a>strong{overflow-wrap:anywhere}.extra-row-size{min-width:76px;line-height:1.5!important;padding:12px!important;white-space:normal}
.nb-metric:nth-child(1){border-top:3px solid var(--bad);background:color-mix(in srgb,var(--bad) 5%,var(--plate-1))}.nb-metric:nth-child(2){border-top:3px solid var(--blue);background:color-mix(in srgb,var(--blue) 6%,var(--plate-1))}.nb-metric:nth-child(3){border-top:3px solid var(--warn);background:color-mix(in srgb,var(--warn) 6%,var(--plate-1))}.nb-metric:nth-child(4){border-top:3px solid var(--ok);background:color-mix(in srgb,var(--ok) 6%,var(--plate-1))}
.nb-group{background:linear-gradient(130deg,color-mix(in srgb,var(--area-color,var(--blue)) 5%,var(--plate-1)),var(--plate-1))!important}.nb-group-head{min-height:44px;gap:12px!important;line-height:1.5!important}.nb-plan-day{border-top:3px solid color-mix(in srgb,var(--blue) 60%,var(--ok))!important;background:linear-gradient(150deg,color-mix(in srgb,var(--blue) 5%,var(--plate-1)),var(--plate-1))!important}.nb-plan-day header{gap:12px;align-items:start}.nb-plan-day header small{white-space:normal!important;text-align:right}.nb-plan-day li{min-width:0;align-items:start!important;gap:9px!important;padding-block:6px}.nb-plan-day li>span{min-width:0;overflow-wrap:anywhere}.nb-plan-day li>small{flex:none}.nb-plan-day li>i{margin-top:7px}.rp-deadline{display:block;font-style:normal;font-size:11px;color:var(--ink-3);margin-top:4px}
.rp-batch-options[hidden]{display:none!important}.rp-batch-options,.rp-publish-options{border:1px solid var(--line);background:color-mix(in srgb,var(--ok) 5%,var(--plate-1));border-radius:12px;padding:16px;min-width:0}.rp-batch-options h3,.rp-publications h3{margin:0 0 10px;color:var(--ink);font-size:16px}.rp-batch-options p,.rp-publish-options p,.rp-publications p{font-size:12px;line-height:1.7;color:var(--ink-3);margin-bottom:14px}.rp-stage-option{display:grid;grid-template-columns:minmax(65px,.6fr) minmax(0,1.3fr) minmax(75px,.8fr);gap:12px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.rp-stage-option strong{font-size:13px;color:var(--ink)}.rp-stage-option label{margin:0;font-size:11px}.rp-stage-option input{width:100%;min-width:0}.rp-publish-options summary{cursor:pointer;min-height:44px;color:var(--ok);font-size:13px;font-weight:600}.rp-publish-options[open] summary{margin-bottom:12px}
.rp-plan-notice,.rp-draft-note{border:1px solid color-mix(in srgb,var(--blue) 30%,var(--line));border-left:3px solid var(--blue);background:color-mix(in srgb,var(--blue) 7%,var(--plate-1));padding:14px 16px;border-radius:10px;font-size:13px;line-height:1.7;color:var(--ink-2);margin:16px 0}.rp-plan-notice.is-warning{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 8%,var(--plate-1))}.rp-draft-note{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.nb-page .rp-draft-note button{min-height:44px;padding:10px 14px;background:var(--plate-1);color:var(--blue);border:1px solid var(--line);border-radius:9px}.rp-publications{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--ok) 5%,var(--plate-1))}.rp-publications ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));list-style:none;gap:8px;margin:0;padding:0}.rp-publications li{display:flex;justify-content:space-between;gap:12px;padding:10px;border-radius:8px;background:var(--plate-1);font-size:12px}.rp-day-mix{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.rp-day-mix span{padding:4px 8px;background:color-mix(in srgb,var(--ok) 10%,var(--plate-1));color:var(--ink-2);border-radius:6px;font-size:11px}
.nb-plan-days{align-items:start}.rp-day-tasks summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--blue);font-size:12px}.rp-day-tasks summary::before{content:'＋';margin-right:8px}.rp-day-tasks[open] summary::before{content:'−'}.rp-day-tasks ul{max-height:360px;overflow:auto;padding-right:6px!important;overscroll-behavior-y:auto}[data-rp-select] .nb-actionbar{max-height:min(70dvh,720px);overflow:auto}[data-rp-select] .nb-plan-box :is(input:not([type=checkbox]),select){min-height:44px!important}
@media(max-width:760px){:root[data-skin='workspace'] .detail-zone>.zone-head{grid-template-columns:36px minmax(0,1fr) 20px!important;gap:10px;padding:14px;min-height:70px}:root[data-skin='workspace'] .detail-zone>.zone-head .zone-title{grid-column:2!important;grid-row:1!important}:root[data-skin='workspace'] .detail-zone>.zone-head .zone-index{grid-column:1!important;grid-row:1!important}:root[data-skin='workspace'] .detail-zone>.zone-head .zone-tag{grid-column:2/-1!important;grid-row:2!important;justify-self:start!important;width:auto!important;max-width:100%;text-align:left!important}:root[data-skin='workspace'] .detail-zone>.zone-head .zone-toggle{grid-column:3!important;grid-row:1!important}:root[data-skin='workspace'] .detail-zone>.zone-body{padding:14px}.rp-stage-option{grid-template-columns:1fr 1fr;gap:8px}.rp-stage-option strong{grid-column:1/-1}.rp-batch-options,.rp-publish-options{padding:12px}.nb-plan-day header{flex-wrap:wrap}.nb-plan-day header small{text-align:left}}
.pl-center{--pl-gap:var(--space-4,16px)}
.pl-shift{background:var(--surface-1);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:var(--ds-radius-card,var(--radius-lg,20px));padding:var(--space-5,20px)}
.pl-shift header,.pl-shift-actions,.pl-shift-metrics{gap:var(--space-3,12px)}
.pl-shift h2{font-size:var(--fs-lg,20px);margin:var(--space-1,4px) 0;color:var(--text-1)}
.pl-shift p{font-size:var(--fs-sm,14px);color:var(--text-2);line-height:1.6;margin:var(--space-2,8px) 0}
.pl-shift button{min-height:44px}
.pl-shift-metrics{margin:var(--space-4,16px) 0}
.pl-shift-metrics span{padding:var(--space-3,12px);border-radius:var(--ds-radius-control,var(--radius-md,12px));background:color-mix(in srgb,var(--accent) 6%,var(--surface-2));color:var(--text-2);font-size:var(--fs-sm,14px)}
.pl-shift-metrics b{color:var(--accent)}
.pl-shift-list,.pl-shift-undo,.pl-shift-scope{margin-top:var(--space-3,12px);border-top:1px solid var(--line);padding-top:var(--space-3,12px)}
.pl-shift-list summary,.pl-shift-undo summary,.pl-shift-scope summary{cursor:pointer;min-height:44px;color:var(--text-1);align-content:center}
.pl-shift-list details{border-top:1px solid var(--line);margin-top:var(--space-2,8px)}
.pl-shift-list details>summary{gap:var(--space-2,8px);padding:var(--space-2,8px) 0;font-size:var(--fs-sm,14px)}
.pl-shift-list details>summary::before{content:'▸';color:var(--accent)}
.pl-shift-list details[open]>summary::before{transform:rotate(90deg)}
.pl-shift-list ul{list-style:none;padding:0;margin:0}
.pl-shift-list li{gap:var(--space-2,8px);padding:var(--space-3,12px) 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.pl-shift-list li small{color:var(--text-3);font-size:var(--fs-xs,12px);margin-top:var(--space-1,4px)}
.pl-shift-actions{margin-top:var(--space-4,16px)}
.pl-center>*,.pl-workbench>*{margin-bottom:var(--space-5,20px)}
.pl-layout,.pl-workbench,.pl-overview,.pl-project-grid,.pl-filters,.pl-settings-grid,.pl-calendar-grid,.pl-cal-controls,.pl-select-tools{gap:var(--pl-gap)}
.pl-library,.pl-settings,.pl-calendar,.pl-guide,.pl-projects,.pl-preview,.pl-history{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-lg,20px);padding:var(--space-5,20px)}
.pl-overview>div{padding:var(--space-4,16px);border:1px solid var(--line);border-radius:var(--radius-lg,20px);background:color-mix(in srgb,var(--accent) 7%,var(--surface-1))}
.pl-overview strong{font-size:var(--fs-2xl,28px);color:var(--accent)}
.pl-overview span,.pl-center small,.pl-load,.pl-legend,.pl-center .pw-hint{color:var(--text-3);font-size:var(--fs-sm,13px)}
.pl-center h2{font-size:var(--fs-xl,20px);margin:0 0 var(--space-3,12px)}
.pl-center h3{font-size:var(--fs-lg,17px);margin:0}
.pl-mobile-nav{padding:var(--space-2,8px);gap:var(--space-2,8px);background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-md,12px)}
.pl-mobile-nav button{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm,8px);color:var(--text-2)}
.pl-mobile-nav button[aria-pressed=true]{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}
.pl-center summary{cursor:pointer;font-weight:600;padding:var(--space-2,8px) 0}
.pl-guide li{padding:var(--space-2,8px) 0;line-height:1.65}
.pl-project-grid{margin-top:var(--space-3,12px)}
.pl-project-grid article{background:color-mix(in srgb,var(--accent-2,var(--accent)) 6%,var(--surface-2));padding:var(--space-4,16px);border-radius:var(--radius-md,12px);gap:var(--space-2,8px)}
.pl-center label{gap:var(--space-2,8px);font-size:var(--fs-sm,13px);font-weight:500}
.pl-center input:not([type=checkbox]),.pl-center select{padding:var(--space-2,8px) var(--space-3,12px);border-radius:var(--radius-md,12px);background:var(--surface-2);color:var(--text-1);border:1px solid var(--line)}
.pl-center input[type=checkbox]{accent-color:var(--accent);cursor:pointer}
.pl-center input:focus-visible,.pl-center select:focus-visible,.pl-center button:focus-visible,.pl-center summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.pl-library>header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2,8px)}
.pl-select-tools{margin:var(--space-3,12px) 0;font-size:var(--fs-sm,13px)}
.pl-record{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-md,12px);padding:var(--space-3,12px);margin-bottom:var(--space-3,12px);background:var(--surface-2)}
.pl-record[data-area=content]{border-left-color:var(--area-content,var(--accent-2))}.pl-record[data-area=extra]{border-left-color:var(--area-extra,var(--accent))}.pl-record[data-area=funnel]{border-left-color:var(--area-funnel,var(--accent))}
.pl-record.is-selected{background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.pl-record-head{gap:var(--space-2,8px)}
.pl-record-head strong{line-height:1.4}.pl-record-head small{margin-top:var(--space-1,4px);line-height:1.45}
.pl-record-head button,.pl-date-pick{background:transparent;color:var(--accent);border:1px solid var(--line);border-radius:var(--radius-sm,8px);cursor:pointer}
.pl-record-head [data-pl-grip]{cursor:grab}
.pl-record details>summary{font-size:var(--fs-sm,13px);color:var(--text-2)}
.pl-stages label{padding:var(--space-3,12px) 0;border-top:1px solid var(--line);gap:var(--space-3,12px)}
.pl-stages span{gap:var(--space-1,4px)}
.pl-bulk,.pl-publish,.pl-stage-settings,.pl-settings details{margin-top:var(--space-4,16px)}
.pl-stage-settings>div{padding:var(--space-3,12px) 0;border-top:1px solid var(--line);gap:var(--space-3,12px)}
.pl-stage-settings>div>strong{font-size:var(--fs-sm,13px);padding-bottom:var(--space-3,12px)}
.pl-submit{margin-top:var(--space-5,20px);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3,12px)}
.pl-submit strong{width:100%;font-size:var(--fs-sm,13px);color:var(--text-2)}
.pl-cal-head{gap:var(--space-3,12px)}
.pl-calendar .pw-tabs{margin:0}.pl-cal-controls{justify-content:flex-start}.pl-cal-controls form{gap:var(--space-2,8px)}
.pl-legend{line-height:1.6}.pl-legend span{display:block}
.pl-day{padding:var(--space-3,12px);border:1px solid var(--line);border-radius:var(--radius-md,12px);background:var(--surface-2)}
.pl-day.is-today{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface-2))}
.pl-day>header{gap:var(--space-2,8px);align-items:flex-start}.pl-day>header a{font-weight:700;color:var(--text-1)}.pl-day>header span{font-size:var(--fs-xs,12px);color:var(--text-3)}
.pl-day-group{border-top:1px solid var(--line);margin-top:var(--space-2,8px)}
.pl-day-group summary{font-size:var(--fs-sm,13px);gap:var(--space-2,8px);font-weight:500}.pl-day-group b{color:var(--accent)}
.pl-day-group ul{padding-left:var(--space-4,16px);margin:0}.pl-day-group li{padding:var(--space-2,8px) 0;font-size:var(--fs-sm,13px)}
.pl-day li.is-new{color:var(--accent)}.pl-day a{color:inherit;text-decoration:none}.pl-day a:hover{text-decoration:underline}
.pl-time-event{gap:var(--space-2,8px);font-size:var(--fs-sm,13px);padding:var(--space-2,8px);margin-top:var(--space-2,8px);background:color-mix(in srgb,var(--accent-2,var(--accent)) 8%,var(--surface-1));border-radius:var(--radius-sm,8px)}
.pl-time-event time{color:var(--accent);font-variant-numeric:tabular-nums}
.pl-date-pick{margin-top:var(--space-3,12px);padding:var(--space-2,8px);font-size:var(--fs-xs,12px);width:100%}
.pl-preview{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface-1))}
.pl-preview .pw-actions{gap:var(--space-3,12px);margin:var(--space-4,16px) 0}
.pl-warning{color:var(--warning,var(--accent));font-size:var(--fs-sm,13px);font-weight:600}
.pl-day-items{padding:0;margin:var(--space-3,12px) 0}
.pl-preview-item{padding:var(--space-3,12px);margin-bottom:var(--space-2,8px);border:1px solid var(--line);border-radius:var(--radius-sm,8px);background:var(--surface-1);font-size:var(--fs-sm,13px)}
.pl-preview-item[data-pl-editable="1"]{border-inline-start:3px solid var(--accent)}
.pl-item-head,.pl-item-tools>div{gap:var(--space-2,8px)}
.pl-item-head a{font-weight:600;line-height:1.5}.pl-item-head small{margin-top:var(--space-1,4px);line-height:1.5}
.pl-preview-item [data-pl-preview-grip],.pl-item-tools button{border:1px solid var(--line);border-radius:var(--radius-sm,8px);background:var(--surface-2);color:var(--accent);font:inherit}
.pl-item-tools button{padding:var(--space-2,8px) var(--space-3,12px);cursor:pointer}
.pl-item-tools{margin-top:var(--space-2,8px)}.pl-item-tools summary{font-size:var(--fs-xs,12px);color:var(--accent)}
.pl-preview-item.pl-dragging{opacity:.5}.pl-day.pl-drop-active{outline:2px solid var(--accent);outline-offset:2px;background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}
.pl-preview-item.pl-insert-before::before{background:var(--accent)}
.pl-preview-item.has-issue,.pl-preview-errors{border-color:var(--warning,var(--accent))}
.pl-preview-errors{border:1px solid var(--warning,var(--accent));padding:var(--space-3,12px);border-radius:var(--radius-md,12px)}
.pl-preview-errors ul{padding-inline-start:var(--space-5,20px);line-height:1.65;font-size:var(--fs-sm,13px)}
.pl-draft-note{padding:var(--space-3,12px);margin-bottom:var(--space-3,12px);border:1px solid var(--line);border-radius:var(--radius-sm,8px);background:var(--surface-1);font-size:var(--fs-sm,13px);line-height:1.5}
.pl-draft-note a{color:var(--accent)}
.pl-change-list{max-height:450px;overflow:auto}.pl-change-list>div,.pl-history>div{padding:var(--space-3,12px) 0;border-top:1px solid var(--line);gap:var(--space-3,12px)}
.pl-change-list>div>strong,.pl-history>div>span{flex:1;min-width:0}
@media(max-width:560px){.pl-library,.pl-settings,.pl-calendar,.pl-guide,.pl-projects,.pl-preview,.pl-history{padding:var(--space-3,12px)}.pl-record{padding:var(--space-2,8px)}.pl-cal-controls{gap:var(--space-2,8px)}.pl-stage-settings>div>strong{padding-bottom:0}}
:root[data-design] .pw-table.pw-table--sortable thead th{padding:0}
.pw-column-sort{gap:var(--space-2,8px);padding:var(--space-3,12px);color:var(--text-2);text-decoration:none;font:inherit;font-weight:600;white-space:nowrap}
.pw-column-sort.is-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}
.pw-column-sort:hover{color:var(--accent);background:var(--accent-dim);text-decoration:none}
.pw-column-sort:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.pw-column-sort>span:last-child{color:var(--text-3);font-size:var(--fs-sm,13px)}
.pw-column-sort.is-active>span:last-child{color:var(--accent)}
.pw-project-sort-hint{padding:var(--space-3,12px) var(--space-4,16px);margin:0;color:var(--text-3);font-size:var(--fs-sm,13px);line-height:1.5}
@media(max-width:640px){
#project-tasks .pw-table--sortable thead tr{gap:var(--space-1,4px);padding:var(--space-2,8px);background:var(--surface-2);border-bottom:1px solid var(--line)}
#project-tasks .pw-column-sort{gap:var(--space-1,4px);padding:var(--space-2,8px);font-size:12px;border-radius:var(--radius-sm,8px)}
#project-tasks .pw-table--sortable tbody{gap:var(--space-3,12px);padding:var(--space-3,12px)}
#project-tasks .pw-table--sortable tbody tr{gap:var(--space-3,12px);padding:var(--space-3,12px);border:1px solid var(--line);border-radius:var(--radius-md,12px);background:var(--surface-1)}
:root[data-design] #project-tasks .pw-table--sortable td{padding:0;border:0;font-size:13px;gap:var(--space-1,4px)}
#project-tasks .pw-table--sortable td:first-child{padding-bottom:var(--space-2,8px);border-bottom:1px solid var(--line)}
#project-tasks .pw-task-title{font-size:14px;line-height:1.5;font-weight:600}
#project-tasks .pw-table--sortable td[data-label]::before{font-size:11px;font-weight:500;color:var(--text-3)}
#project-tasks .pw-badge{align-self:flex-start;white-space:normal}
#project-tasks .pw-schedule-link{padding:var(--space-2,8px) var(--space-3,12px);font-size:12px}
}
.nc-center{--nc-radius:18px;display:grid;gap:24px;color:var(--text-1);font-family:var(--font-body)}
.nc-center h1,.nc-center h2,.nc-center h3,.nc-center p{margin:0}
.nc-center h1{font-size:clamp(24px,3vw,34px);letter-spacing:-.04em;line-height:1.2}
.nc-center h2{font-size:21px;line-height:1.35;letter-spacing:-.025em}
.nc-center h3{font-size:16px;line-height:1.5}
.nc-heading p:not(.nc-eyebrow){font-size:14px;line-height:1.6;color:var(--text-2);margin-top:8px}
.nc-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.6;color:var(--accent);margin-bottom:7px!important}
.nc-roadmap{gap:8px}
.nc-roadmap a{padding:14px 16px;border:1px solid var(--line);border-radius:12px;color:var(--text-2);font-size:13px;font-weight:600;text-decoration:none;background:var(--surface-1)}
.nc-roadmap b{font-size:12px;color:var(--accent)}
.nc-roadmap a:hover{background:var(--accent-dim)}
.nc-now{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:var(--nc-radius);overflow:hidden;background:color-mix(in srgb,var(--accent) 5%,var(--surface-1));box-shadow:var(--elev-2)}
.nc-now-copy{padding:26px}.nc-now-copy>div>p{color:var(--text-2);line-height:1.6;margin:8px 0 16px}
.nc-now-tools{padding:24px;background:var(--surface-1);border-left:1px solid var(--line)}
.nc-now-tools p,.nc-muted,.nc-task-edit>small,.nc-suggest small{font-size:12px;line-height:1.7;color:var(--text-3)}
.nc-center :is(button,.small-button,.primary-button){min-height:44px;display:inline-flex;align-items:center;justify-content:center;line-height:1.4;white-space:normal;text-align:center;padding:10px 14px;border-radius:10px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;max-width:100%}
.nc-center button{border:1px solid var(--line);background:var(--surface-1);color:var(--text-1)}
.nc-center button:disabled{opacity:.55;cursor:default}
.nc-center .primary-button{background:var(--accent);border:1px solid var(--accent);color:var(--on-accent)}
:root[data-design] .nc-center :is(button,.small-button,.primary-button){min-height:44px}
.nc-center :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.nc-center label{font-size:12px;color:var(--text-2);font-weight:500}
.nc-center :is(input,select){height:44px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface-1);color:var(--text-1);font:inherit;font-size:14px}
.nc-center summary{cursor:pointer;min-height:44px;line-height:1.5;padding:10px 0;font-size:13px;font-weight:600}
.nc-center details{margin:0}
.nc-panel,.nc-flow{padding:22px;border:1px solid var(--line);border-radius:var(--nc-radius);background:var(--surface-1)}
.nc-section-head{margin-bottom:10px}.nc-progress{font-size:12px;font-weight:600;color:var(--ok);padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--ok) 9%,var(--surface-1))}
.nc-slots{margin:18px -2px 8px;padding:2px 2px 10px}
.nc-slots a{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:99px;color:var(--text-2);font-size:13px;text-decoration:none}
.nc-slots a[aria-current]{border-color:var(--accent);background:var(--accent-dim);color:var(--accent);font-weight:700}
.nc-slot>header{margin:12px 0}.nc-slot>header>span{font-size:12px;color:var(--text-3)}
.nc-task{padding:16px;margin:12px 0;border:1px solid var(--line);border-left:3px solid var(--nc-area,var(--accent));border-radius:12px;background:var(--surface-1)}
.nc-task h3 a{color:var(--text-1);text-decoration:none}.nc-task h3 a:hover{text-decoration:underline}
.nc-task-kind{display:block;margin-bottom:5px;color:var(--nc-area,var(--accent));font-size:11px;font-weight:600;line-height:1.5}
.nc-task-meta{margin-top:8px;color:var(--text-3);font-size:11px;line-height:1.6}
.nc-task.is-done{border-left-color:var(--ok);background:color-mix(in srgb,var(--ok) 4%,var(--surface-1))}
.nc-task-edit{border-top:1px solid var(--line-soft);padding-top:2px}
.nc-task-edit>small{display:block;margin-top:8px}
.nc-now .nc-task{margin-bottom:0;background:color-mix(in srgb,var(--surface-1) 85%,transparent)}
.nc-empty{padding:22px 0;color:var(--text-3);font-size:14px;line-height:1.7}
.nc-add{margin-top:20px!important;border-top:1px solid var(--line);padding-top:8px}
.nc-suggest{margin-top:20px;padding-top:16px;border-top:1px solid var(--line-soft)}
.nc-carry{display:grid;gap:8px;padding:16px;margin-top:16px;border:1px solid var(--line);border-radius:12px;background:var(--accent-dim)}.nc-carry small{font-size:11px;color:var(--text-3)}
.nc-resource-grid{margin-top:16px}.nc-resource-grid a{padding:16px 26px 16px 13px;border:1px solid var(--line-soft);border-radius:12px;text-decoration:none;color:var(--text-1);background:var(--surface-2);gap:7px}
.nc-resource-grid a:hover{border-color:var(--accent);background:var(--accent-dim)}
.nc-resource-grid b{font-size:13px}.nc-resource-grid small{font-size:11px;line-height:1.6;color:var(--text-3)}.nc-resource-grid a>span{color:var(--accent);font-size:12px}
.nc-calendar-item{border-bottom:1px solid var(--line-soft);padding:14px 0;color:var(--text-1);text-decoration:none;font-size:13px}.nc-calendar-item time{color:var(--accent);font-weight:600;font-size:12px}
.nc-sidebar .nc-panel>p{margin-top:12px}.nc-overview summary>span{display:block;color:var(--text-3);font-size:12px;font-weight:400}
.nc-close p:not(.nc-eyebrow){margin-top:8px;max-width:620px;font-size:13px;line-height:1.6;color:var(--text-2)}
.nc-clock{display:block;font-size:clamp(30px,5vw,48px);font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:16px 0}
.nc-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-bottom:10px}
.nc-feedback{font-size:13px;line-height:1.6;margin-top:14px!important;color:var(--ok)}.nc-feedback.is-error{color:var(--bad)}
@media(max-width:640px){.nc-center{gap:16px}.nc-now-copy,.nc-now-tools,.nc-flow,.nc-panel{padding:16px}.nc-now-tools{border-left:0;border-top:1px solid var(--line)}.nc-heading{gap:16px}.nc-brand{gap:12px;align-items:flex-start}.nc-heading h1{font-size:25px}.nc-heading p:not(.nc-eyebrow){font-size:12px}.nc-roadmap a{padding:12px;font-size:12px;gap:8px}.nc-task{padding:13px}.nc-now-copy h2{overflow-wrap:anywhere}.nc-center .nc-task-actions>*{flex:1}.nc-center .nc-inline{gap:8px}}
.nw-section-head>span{color:var(--accent);background:var(--accent-dim);border-radius:var(--ds-control,12px)}
.nw-section-head strong{font-size:var(--fs-lg,18px);color:var(--text-1)}
.nw-section-head small,.nw-create-grid small,.nw-launch-choice small,.nw-time-card small{color:var(--text-3);font-size:var(--fs-sm,13px);line-height:1.6}
.nw-tabs{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--ds-radius,16px)}
.nw-tabs>a{border-radius:var(--ds-control,12px);font-weight:600;color:var(--text-2)}
.nw-tabs>a[aria-current]{color:var(--accent);background:var(--accent-dim)}
.nw-tabs>a:hover{background:var(--surface-2);text-decoration:none}
.nw-tabs>a:focus-visible,.nw-focus-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nw-create-grid>a,.nw-launch-choice,.nw-time-card,.nw-launch-archive{border:1px solid var(--line);border-radius:var(--ds-radius,16px);background:var(--surface-1);color:var(--text-1)}
.nw-create-grid>a:hover,.nw-launch-choice:hover{border-color:var(--accent);background:var(--accent-dim)}
.nw-create-grid svg{color:var(--accent)}
.nw-time-card{border-top:3px solid var(--nw-tone);background:linear-gradient(145deg,color-mix(in srgb,var(--nw-tone) 7%,var(--surface-1)),var(--surface-1))}
.nw-time-card>strong{color:var(--text-1)}
.nw-callout{padding:16px;border-left:3px solid var(--accent);background:var(--accent-dim);border-radius:var(--ds-control,12px);color:var(--text-2)}
.nw-focus-toggle{border:1px solid var(--line);border-radius:var(--ds-pill,100px);background:var(--surface-1);color:var(--text-1);box-shadow:var(--shadow-md,0 4px 20px #0002);font-weight:600}
.nw-focus-toggle.is-running{border-color:var(--accent);color:var(--accent)}
.nw-focus-dialog{border:1px solid var(--line);border-radius:var(--ds-dialog,24px);background:var(--surface-1);color:var(--text-1);box-shadow:var(--shadow-lg,0 12px 60px #0004)}
.nw-focus-dialog::backdrop{background:#0008}
.nw-focus-dialog header small{color:var(--accent);letter-spacing:.05em;font-weight:700}
.nw-focus-dialog button{padding:10px 14px;border:1px solid var(--line);border-radius:var(--ds-control,12px);background:var(--surface-2);color:var(--text-1)}
.nw-focus-dialog nav a{border-radius:var(--ds-control,12px);background:var(--accent-dim);color:var(--accent);font-weight:600}
.nw-focus-dialog .is-error{color:var(--danger,#cf4b58)}
:root[data-design="fluent"] .nw-section-head>span,:root[data-design="fluent"] .nw-tabs,:root[data-design="fluent"] .nw-focus-dialog{border-radius:8px}
:root[data-design="apple"] .nw-tabs{background:var(--surface-2)}
:root[data-design="apple"] .nw-tabs>a[aria-current]{background:var(--surface-1);color:var(--text-1);box-shadow:0 1px 4px #0001}
:root[data-design="harmony"] .nw-focus-toggle{border-radius:24px}
@media(max-width:640px){
[data-personal-page="workspace"] .pw-table tr:not(.pw-group-row){border:1px solid var(--line);border-radius:var(--ds-radius,16px);background:var(--surface-1)}
[data-personal-page="workspace"] .pw-table td[data-label]::before{color:var(--text-3)}
:root[data-design] [data-personal-page="workspace"] .pw-table td{padding:0;border:0;font-size:13px}
}
:root[data-design] .kpi-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
:root[data-design] .kpi-hub-grid>a{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;gap:6px 18px;padding:24px;min-height:160px;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface-1);box-shadow:none;color:var(--text-1);text-decoration:none;overflow:hidden}
:root[data-design] .kpi-hub-grid>a::before,:root[data-design] .kpi-hub-grid>a::after{display:none}
:root[data-design] .kpi-hub-grid>a>*{text-decoration:none!important;min-width:0}
:root[data-design] .kpi-hub-grid>a>i{grid-column:1;grid-row:1/4;width:52px;height:52px;margin:0;align-self:center;display:grid;place-items:center;border:0;border-radius:var(--radius-m);background:color-mix(in srgb,var(--area-color) 12%,var(--surface-1));color:var(--area-color);font-size:22px;font-style:normal}
:root[data-design] .kpi-hub-grid>a>span{grid-column:2;color:var(--text-3);font-size:12px;letter-spacing:.03em;font-weight:600}
:root[data-design] .kpi-hub-grid>a>strong{grid-column:2;color:var(--text-1);font-size:20px;line-height:1.35}
:root[data-design] .kpi-hub-grid>a>small{grid-column:2;color:var(--text-2);font-size:14px;line-height:1.6}
:root[data-design] .kpi-hub-grid>a:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,var(--surface-1))}
:root[data-design] .kpi-hub-grid>a>i{box-shadow:none}
:root[data-design] .nw-report .pw-metrics{grid-template-columns:minmax(200px,1fr) minmax(250px,1.5fr);gap:16px;margin:20px 0}
:root[data-design] .nw-report .pw-metric{min-height:132px;border:1px solid var(--line);background:var(--surface-1);box-shadow:none;padding:20px;color:var(--text-1)}
:root[data-design] .nw-report .pw-metric strong{font-size:28px;line-height:1.4;color:var(--text-1);overflow-wrap:anywhere}
:root[data-design] .nw-report .pw-metric small{color:var(--text-3)}
:root[data-design] .nw-report .pw-metric:last-child strong{font-size:19px;color:var(--text-1)}
.nw-time-grid>.empty-state{grid-column:1/-1;padding:40px 24px;min-height:180px;border:1px dashed var(--line);border-radius:var(--radius-l);background:var(--surface-1);max-width:none;width:100%;box-sizing:border-box}
.nw-time-grid>.empty-state h2{font-size:20px;margin:12px 0 8px}.nw-time-grid>.empty-state p{max-width:620px;margin-inline:auto;color:var(--text-3)}
:root[data-design] .challenge-active-card{padding:0;overflow:hidden;background:var(--surface-1);border:1px solid var(--line);box-shadow:none;border-radius:var(--radius-l);min-height:0}
:root[data-design] .challenge-active-link{display:grid;gap:20px;padding:24px;color:var(--text-1);text-decoration:none}
:root[data-design] .challenge-active-link *{text-decoration:none!important}
:root[data-design] .challenge-active-head{display:flex;align-items:start;justify-content:space-between;gap:24px}
:root[data-design] .challenge-active-head h2{font-size:22px;line-height:1.4;margin:10px 0 0;overflow-wrap:anywhere}
:root[data-design] .challenge-active-head .kicker{color:var(--accent);font-size:12px}
:root[data-design] .challenge-active-score{flex-shrink:0;text-align:right;display:grid;gap:4px}
:root[data-design] .challenge-active-score strong{font-size:30px;line-height:1.3}.challenge-active-score small{color:var(--text-3)}
:root[data-design] .challenge-active-foot{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--text-2);font-size:13px}
:root[data-design] .challenge-active-foot .detail-cta{margin-left:auto;color:var(--accent)}
:root[data-design] .challenge-cancel-form{margin:0;padding:16px 24px;border-top:1px solid var(--line-soft);background:var(--surface-2);gap:12px;display:flex;align-items:center}
:root[data-design] .challenge-cancel-form input{min-width:0;flex:1}
.focus-hub{max-width:1800px;margin-inline:auto;padding-inline:var(--page-gutter,24px)}
.focus-hub .page-title{padding-inline:0}.focus-hub .focus-tabs{gap:8px;margin-bottom:20px}
:root[data-design] .snd-library-top{gap:20px;align-items:center}.snd-support-note{line-height:1.6}
@media(max-width:760px){:root[data-design] .kpi-hub-grid{grid-template-columns:1fr}:root[data-design] .kpi-hub-grid>a{padding:18px;gap:6px 14px;min-height:142px}:root[data-design] .kpi-hub-grid>a>strong{font-size:18px}:root[data-design] .nw-report .pw-metrics{grid-template-columns:1fr}:root[data-design] .challenge-active-head{flex-direction:column;gap:16px}:root[data-design] .challenge-active-score{text-align:left;display:flex;align-items:baseline;gap:10px}:root[data-design] .challenge-active-link{padding:20px}:root[data-design] .challenge-cancel-form{padding:16px;flex-direction:column;align-items:stretch}.challenge-cancel-form button{width:100%}.focus-hub{padding-inline:12px}:root[data-design] .challenge-active-foot .detail-cta{margin-left:0;width:100%;min-height:44px;align-content:center}}
@media(min-width:1921px){
:root[data-design][data-interface='macos']{
--monitor-page:clamp(1480px,78vw,2200px);--sidebar-w:clamp(280px,12vw,336px);--page-max:var(--monitor-page);--page-gutter:36px;
--monitor-body:clamp(16px,calc(12px + .18vw),19px);--monitor-small:clamp(14px,calc(10px + .17vw),16px);--monitor-h1:clamp(34px,1.5vw,44px);--monitor-h2:clamp(23px,1vw,28px);
--fs-xs:var(--monitor-small);--fs-s:var(--monitor-small);--fs-sm:var(--monitor-small);--fs-m:var(--monitor-body);--fs-md:var(--monitor-body);--fs-l:18px;--fs-lg:20px;--fs-xl:var(--monitor-h2);--fs-2xl:34px;--control-h:48px;--card-pad:28px;
}
:root[data-design][data-interface='macos'] body{font-size:var(--monitor-body)}
:root[data-design][data-interface='macos'] .sidebar{padding:26px 18px 18px}
:root[data-design][data-interface='macos'] .sidebar .brand{gap:14px;padding:4px 12px 30px}
:root[data-design][data-interface='macos'] .sidebar .brand strong{font-size:18px}
:root[data-design][data-interface='macos'] .sidebar .brand small{font-size:13px}
:root[data-design][data-interface='macos'] .sidebar .nav-list{gap:28px}
:root[data-design][data-interface='macos'] .sidebar .nav-group{gap:5px}
:root[data-design][data-interface='macos'] .sidebar .nav-group>span{font-size:14px;padding:8px 14px}
:root[data-design][data-interface='macos'] .sidebar .nav-item{font-size:var(--monitor-body);min-height:50px;padding:12px 14px;gap:12px}
:root[data-design][data-interface='macos'] .sidebar .profile-card strong{font-size:15px}
:root[data-design][data-interface='macos'] .sidebar .exit-link{font-size:13px}
:root[data-design][data-interface='macos'] .main-content :is(p,li,td,dd,summary,input,select,textarea,button,.small-button,.primary-button,.ghost-button,.button-link,.nw-tabs>a,.pw-tabs>a,.pw-doc-link,.pw-task-title,.nc-roadmap a):not(:where(.pd-rich *,.ql-editor *,.pw-prose *)) {font-size:var(--monitor-body);line-height:1.55}
:root[data-design][data-interface='macos'] .main-content :is(small,label,th,.pw-badge,.pw-eyebrow,.nc-eyebrow,.pw-result-count,.pw-hint,.pw-saved,.nc-muted,.pl-legend,.pl-load,.snd-support-note):not(:where(.pd-rich *,.ql-editor *,.pw-prose *)){font-size:var(--monitor-small);line-height:1.55}
:root[data-design][data-interface='macos'] .main-content h1:not(:where(.pd-rich *,.ql-editor *,.pw-prose *)){font-size:var(--monitor-h1);line-height:1.22}
:root[data-design][data-interface='macos'] .main-content h2:not(:where(.pd-rich *,.ql-editor *,.pw-prose *)){font-size:var(--monitor-h2);line-height:1.35}
:root[data-design][data-interface='macos'] .main-content h3:not(:where(.pd-rich *,.ql-editor *,.pw-prose *)){font-size:20px;line-height:1.4}
:root[data-design][data-interface='macos'] .main-content :is(button,.small-button,.primary-button,.ghost-button,.button-link,.nw-tabs>a,.pw-tabs>a){min-height:48px;padding:10px 16px}
:root[data-design][data-interface='macos'] .main-content :is(input,select,textarea):not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']){min-height:48px;padding:10px 14px}
:root[data-design][data-interface='macos'] .main-content input[type='checkbox']{width:22px;height:22px}
:root[data-design][data-interface='macos'] .nw-section{padding-inline:var(--page-gutter);margin-bottom:28px}
:root[data-design][data-interface='macos'] :is(.pw-heading,.nc-heading){padding-block:8px 28px}
:root[data-design][data-interface='macos'] :is(.pw-panel,.pw-project-card,.pl-library,.pl-settings,.pl-calendar){padding:28px}
:root[data-design][data-interface='macos'] .pw-table{font-size:var(--monitor-body)}
:root[data-design][data-interface='macos'] .pw-table :is(th,td){padding:18px 20px}
:root[data-design][data-interface='macos'] .pw-table .pw-task-title{font-size:var(--monitor-body)}
:root[data-design][data-interface='macos'] .pw-table td>small{font-size:var(--monitor-small)}
:root[data-design][data-interface='macos'] .pw-project-card footer{font-size:var(--monitor-small);padding-top:8px}
:root[data-design][data-interface='macos'] :is(.pw-project-grid,.pw-doc-layout,.pl-layout){gap:24px}
:root[data-design][data-interface='macos'] .pw-project-card{min-height:260px}
:root[data-design][data-interface='macos'] .nc-roadmap{gap:14px}
:root[data-design][data-interface='macos'] .nc-roadmap a{padding:18px 20px}
:root[data-design][data-interface='macos'] .nc-now-copy{padding:32px}
:root[data-design][data-interface='macos'] .nc-now-tools{padding:28px}
:root[data-design][data-interface='macos'] :is(.nc-task,.nc-section,.nc-tool,.pl-record,.pl-day){padding:18px}
:root[data-design][data-interface='macos'] :is(.nc-task small,.nc-task-meta,.nc-tool small,.nc-now-tools p,.pl-record-head small){font-size:var(--monitor-small)}
:root[data-design][data-interface='macos'] :is(.nc-tool strong,.pl-record-head strong,.pl-day-group summary){font-size:var(--monitor-body)}
:root[data-design][data-interface='macos'] .pw-metric strong{font-size:36px}
:root[data-design][data-interface='macos'] .nw-report .pw-metric:last-child strong{font-size:24px}
:root[data-design][data-interface='macos'] .nw-focus-toggle{font-size:var(--monitor-body);min-height:56px;padding:14px 20px}
:root[data-design][data-interface='macos'] .nw-focus-dialog{font-size:var(--monitor-body)}
:root[data-design][data-interface='macos'] .nw-focus-dialog :is(button,a,p){font-size:var(--monitor-body)}
:root[data-design][data-interface='macos'] .nw-focus-dialog button{min-height:48px}
:root[data-design][data-interface='macos'] .ios-settings .ios-settings-overview{max-width:1600px}
:root[data-design][data-interface='macos'] .ios-settings .ios-row-copy p{font-size:var(--monitor-small)}
}
:root[data-skin='workspace'][data-design]{
--ui-body:15px;--ui-small:13px;--ui-title:clamp(27px,2.1vw,36px);--ui-heading:21px;--ui-control:44px;--ui-pad:22px;
--ui-accent:var(--blue);--ui-danger:var(--bad);--ui-card:var(--plate-1);--ui-bg:var(--void);--ui-inset:var(--plate-raise);--ui-ink:var(--ink);--ui-muted:var(--ink-3);--ui-line:var(--channel);
--ui-radius:16px;--ui-inner:10px;--ui-check:7px;--ui-gap:20px;--ui-shadow:0 2px 5px #14203c05,0 12px 32px #14203c05;
--page-max:1640px;--page-gutter:28px;--sidebar-w:246px;
--tone-blue:#3269c7;--tone-green:#18795d;--tone-amber:#96600d;--tone-purple:#8254bb;--tone-coral:#b54b63;--tone-cyan:#177c8f;
--creative:var(--tone-blue);--content:var(--tone-green);--funnel:var(--tone-amber);--extra:var(--tone-purple);
--area-creative:var(--creative);--area-content:var(--content);--area-funnel:var(--funnel);--area-extra:var(--extra);
--radius-l:var(--ui-radius);--radius-m:var(--ui-inner);--radius-s:8px;--r:var(--ui-radius);--r-in:var(--ui-inner);--radius:var(--ui-radius);
--ds-radius:var(--ui-radius);--ds-control:var(--ui-inner);--ds-dialog:calc(var(--ui-radius) + 4px);--ds-field:var(--ui-inner);--ds-icon-radius:var(--ui-inner);
--ds-radius-card:var(--ui-radius);--radius-lg:var(--ui-radius);--radius-md:var(--ui-inner);--card-pad:var(--ui-pad);
--fs-sm:var(--ui-small);--fs-md:var(--ui-body);--fs-lg:18px;--control-h:var(--ui-control);
}
:root[data-skin='workspace'][data-design='fluent']{--ui-radius:12px;--ui-inner:8px;--ui-check:6px;--ui-shadow:0 1px 2px #18283c0a,0 8px 28px #18283c06}
:root[data-skin='workspace'][data-design='harmony']{--ui-radius:24px;--ui-inner:15px;--ui-check:9px;--ui-gap:24px;--ui-pad:24px;--ui-shadow:0 5px 24px #17315409}
:root[data-skin='workspace'][data-theme='dark']{--ui-shadow:0 2px 8px #0002;--tone-blue:#8ebcff;--tone-green:#7dd7b0;--tone-amber:#edbf77;--tone-purple:#c3a3f2;--tone-coral:#f49caa;--tone-cyan:#7bd4e1}
:root[data-skin='workspace'][data-design] body{font:400 var(--ui-body)/1.6 var(--font-body);letter-spacing:-.012em;background:var(--canvas);color:var(--text-1)}
:root[data-skin='workspace'][data-design] .ambient{display:none}
:root[data-skin='workspace'][data-design] .main-content{background:var(--canvas);--section-tone:var(--tone-blue)}
.main-content[data-workspace-section='workspace']{--section-tone:var(--tone-green)!important}
.main-content[data-workspace-section='projects']{--section-tone:var(--tone-amber)!important}
.main-content[data-workspace-section='personal-plan']{--section-tone:var(--tone-cyan)!important}
.main-content[data-workspace-section='documents']{--section-tone:var(--tone-purple)!important}
.main-content[data-workspace-section='reports']{--section-tone:var(--tone-coral)!important}
.main-content[data-workspace-page='companion'],.main-content[data-workspace-page='sound']{--section-tone:var(--tone-purple)!important}
:root[data-skin='workspace'][data-design] :is(.page-wrap,.focus-hub,.ios-settings){width:100%;max-width:var(--page-max);margin-inline:auto;box-sizing:border-box}
:root[data-skin='workspace'][data-design] .page-wrap{padding:24px var(--page-gutter) 40px}
:root[data-skin='workspace'][data-design] :is(.nw-section,.nw-report){max-width:var(--page-max);margin-inline:auto}
:root[data-skin='workspace'][data-design] .nw-section{padding:14px var(--page-gutter) 0;margin-bottom:0}
:root[data-skin='workspace'][data-design] :is(.pw-heading,.nc-heading,.page-title,.beta-title){gap:18px;align-items:center;margin:0 0 24px;padding:0;min-width:0}
:root[data-skin='workspace'][data-design] :is(.pw-heading,.nc-heading,.page-title,.beta-title) h1{font-size:var(--ui-title);font-weight:720;line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere;color:var(--text-1)}
:root[data-skin='workspace'][data-design] :is(.pw-heading,.nc-heading,.page-title,.beta-title) p{font-size:var(--ui-body);line-height:1.6;color:var(--text-2);max-width:850px}
:root[data-skin='workspace'][data-design] :is(.pw-eyebrow,.nc-eyebrow,.kicker,.eyebrow,.nb-kicker){font-size:11px;font-weight:750;letter-spacing:.075em;color:var(--section-tone,var(--accent));line-height:1.6}
.nx-title-group{display:flex;align-items:center;gap:16px;min-width:0}.nx-title-group>div{min-width:0}
.nx-title-icon{display:grid;place-items:center;width:50px;height:50px;flex:none;border-radius:var(--ui-inner);background:color-mix(in srgb,var(--section-tone) 12%,var(--surface-1));color:var(--section-tone);border:1px solid color-mix(in srgb,var(--section-tone) 17%,var(--line-soft))}.nx-title-icon svg{width:25px;height:25px}
:root[data-skin='workspace'][data-design] :is(.pw-panel,.nc-panel,.nc-flow,.pl-library,.pl-calendar,.pl-settings,.pl-preview,.pl-history,.pl-guide,.pl-projects,.panel,.settings-section,.data-panel,.list-panel,.chart-panel,.form-panel,.detail-zone,.catalog-card,.quality-template-card,.nb-card,.funnel-panel,.focus-panel){border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--surface-1);box-shadow:var(--ui-shadow);backdrop-filter:none}
:root[data-skin='workspace'][data-design] :is(.pw-panel,.nc-panel,.nc-flow,.pl-library,.pl-calendar,.pl-settings,.pl-preview,.pl-history,.pl-guide,.pl-projects,.panel,.settings-section,.data-panel,.list-panel,.chart-panel,.form-panel){padding:var(--ui-pad)}
:root[data-skin='workspace'][data-design] :is(.pw-panel,.nc-panel,.nc-flow,.pl-center,.settings-section,.nb-card,.detail-zone,.data-panel,.chart-panel) h2:not(:where(.pd-rich *,.ql-editor *,.pw-prose *)){font-size:var(--ui-heading);line-height:1.35;letter-spacing:-.02em;font-weight:700;color:var(--text-1)}
:root[data-skin='workspace'][data-design] :is(.pw-panel,.nc-panel,.pl-center,.detail-zone) h3:not(:where(.pd-rich *,.ql-editor *,.pw-prose *)){font-size:16px;line-height:1.45;font-weight:650}
:root[data-skin='workspace'][data-design] :is(.pw-hint,.form-note,.nc-muted){font-size:var(--ui-small);line-height:1.65;color:var(--text-3)}
:root[data-skin='workspace'][data-design] :where(.primary-button, .small-button, .ghost-button, .danger-button, .button-link, .batch-submit-dock button){min-height:var(--ui-control);padding:10px 15px;font:600 var(--ui-small)/1.4 var(--font-body);border-radius:var(--ui-inner);border:1px solid var(--line);background:var(--surface-1);color:var(--text-1);box-shadow:none;max-width:100%;white-space:normal;gap:8px}
:root[data-skin='workspace'][data-design] .primary-button{background:var(--accent);color:var(--on-accent);border-color:transparent;box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 14%,transparent)}
:root[data-skin='workspace'][data-design] .primary-button:hover{background:color-mix(in srgb,var(--accent) 88%,var(--text-1));color:var(--on-accent)}
:root[data-skin='workspace'][data-design] :is(.danger-button,.is-danger){color:var(--bad);border-color:color-mix(in srgb,var(--bad) 30%,var(--line));background:color-mix(in srgb,var(--bad) 7%,var(--surface-1))}
:root[data-skin='workspace'][data-design] :where(input[type='text'], input[type='email'], input[type='password'], input[type='url'], input[type='number'], input[type='date'], input[type='time'], input[type='search'], input[type='tel'], input:not([type]), select, textarea){font:400 var(--ui-body)/1.5 var(--font-body);min-height:var(--ui-control);padding:10px 12px;border:1px solid var(--line);border-radius:var(--ui-inner);background:var(--void-2);color:var(--text-1);max-width:100%;box-shadow:none}
:root[data-skin='workspace'][data-design] :where(input[type='text'], input[type='email'], input[type='password'], input[type='url'], input[type='number'], input[type='date'], input[type='time'], input[type='search'], input[type='tel'], input:not([type]), select, textarea):focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px;border-color:var(--accent)}
:root[data-skin='workspace'][data-design] :is(.pw-form,.pw-stack,.pl-center,.ios-settings) label{font-size:var(--ui-small);font-weight:600;line-height:1.55;color:var(--text-2);gap:7px}
:root[data-skin='workspace'][data-design] textarea{min-height:110px;line-height:1.7}
:root[data-skin='workspace'][data-design] input[type='checkbox']:not(.ios-switch):not(:where(.theme-option input,.design-option input)),
:root[data-skin='workspace'][data-design] input[type='radio']:not(:where(.theme-option input,.design-option input)){
appearance:none;-webkit-appearance:none;display:inline-grid;place-content:center;vertical-align:middle;flex:none;width:22px;height:22px;min-height:22px;padding:0;border:1.5px solid color-mix(in srgb,var(--accent) 48%,var(--text-3));border-radius:var(--ui-check);background:color-mix(in srgb,var(--accent) 5%,var(--surface-1));cursor:pointer;box-shadow:0 1px 3px #0001;position:relative;transition:background .12s,border-color .12s}
:root[data-skin='workspace'][data-design] input[type='checkbox']:not(.ios-switch):not(:where(.theme-option input,.design-option input))::after{content:'';width:10px;height:6px;border:solid currentColor;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg);opacity:0;color:var(--on-accent)}
:root[data-skin='workspace'][data-design] input[type='checkbox']:not(.ios-switch):checked{background:var(--accent);border-color:var(--accent)}
:root[data-skin='workspace'][data-design] input[type='checkbox']:checked::after{opacity:1}
:root[data-skin='workspace'][data-design] input[type='checkbox']:indeterminate{background:var(--accent);border-color:var(--accent)}
:root[data-skin='workspace'][data-design] input[type='checkbox']:indeterminate::after{width:10px;height:0;transform:none;opacity:1;border-width:0 0 2px}
:root[data-skin='workspace'][data-design] input[type='radio']:not(:where(.theme-option input,.design-option input)){border-radius:50%}
:root[data-skin='workspace'][data-design] input[type='radio']:checked:not(:where(.theme-option input,.design-option input)){background:var(--accent);box-shadow:inset 0 0 0 4px var(--surface-1);border-color:var(--accent)}
:root[data-skin='workspace'][data-design] input:is([type='checkbox'],[type='radio']):disabled{opacity:.45;cursor:default}
:root[data-skin='workspace'][data-design] :focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:3px}
@media(forced-colors:active){:root[data-skin='workspace'][data-design] input:is([type='checkbox'],[type='radio']){appearance:auto!important;forced-color-adjust:auto}}
:root[data-skin='workspace'][data-design] .sidebar{padding:24px 14px 14px;background:var(--plate-2);border-right:1px solid var(--line-soft)}
:root[data-skin='workspace'][data-design] .brand{padding:0 12px 28px;gap:12px}.sidebar .brand-mark{width:38px;height:38px}
:root[data-skin='workspace'][data-design] .brand strong{font-size:15px;letter-spacing:.015em}
:root[data-skin='workspace'][data-design] .nav-list{gap:24px}
:root[data-skin='workspace'][data-design] .nav-item{min-height:46px;font-size:14px;font-weight:550;padding:10px 12px;border-radius:var(--ui-inner);gap:12px}
.nav-item{--nav-tone:var(--tone-blue)}.nav-item[href*='workspace']{--nav-tone:var(--tone-green)}.nav-item[href*='projects']{--nav-tone:var(--tone-amber)}.nav-item[href*='personal-plan']{--nav-tone:var(--tone-cyan)}.nav-item[href*='documents'],.nav-item[href*='companion']{--nav-tone:var(--tone-purple)}.nav-item[href*='reports']{--nav-tone:var(--tone-coral)}
:root[data-skin='workspace'][data-design] .nav-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--nav-tone);background:color-mix(in srgb,var(--nav-tone) 10%,transparent);flex:none}
:root[data-skin='workspace'][data-design] .nav-item.active{background:color-mix(in srgb,var(--nav-tone) 13%,var(--plate-2));color:var(--text-1);box-shadow:inset 3px 0 var(--nav-tone)}
:root[data-skin='workspace'][data-design] .nav-item.active .nav-icon{color:var(--nav-tone)}
:root[data-skin='workspace'][data-design] .nav-item.active::before{display:none}
:root[data-skin='workspace'][data-design] .nw-section-head{display:none}
:root[data-skin='workspace'][data-design] .nw-tabs{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;gap:6px;padding:0 0 10px;box-shadow:none}
:root[data-skin='workspace'][data-design] .nw-tabs>a{min-height:44px;padding:10px 15px;border-radius:var(--ui-inner);font-size:var(--ui-small);font-weight:600;white-space:nowrap}
:root[data-skin='workspace'][data-design] .nw-tabs>a[aria-current]{background:color-mix(in srgb,var(--section-tone) 12%,var(--surface-1));color:var(--section-tone);box-shadow:none}
:root[data-skin='workspace'][data-design] .nw-section[data-nw-section='workspace']{--section-tone:var(--tone-green)}
:root[data-skin='workspace'][data-design] .nw-section[data-nw-section='personal-plan']{--section-tone:var(--tone-cyan)}
:root[data-skin='workspace'][data-design] .nw-section[data-nw-section='reports']{--section-tone:var(--tone-coral)}
:root[data-skin='workspace'][data-design] :is(dialog,.pc-dialog,.nw-focus-dialog,.modal-card,.modal-panel){color:var(--text-1);background:var(--surface-1);border:1px solid var(--line);border-radius:calc(var(--ui-radius) + 4px);box-shadow:0 20px 90px #0005;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto}
:root[data-skin='workspace'][data-design] dialog::backdrop{background:#07132599;backdrop-filter:none}
:root[data-skin='workspace'][data-design] :is(dialog,.pc-dialog,.nw-focus-dialog) h2{font-size:24px;line-height:1.35}
:root[data-skin='workspace'][data-design] .pw-create[open]{padding:var(--ui-pad);border:1px solid color-mix(in srgb,var(--section-tone) 35%,var(--line));background:var(--surface-1);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);margin-block:18px}
:root[data-skin='workspace'][data-design] .pw-create[open]>summary{color:var(--section-tone);margin-bottom:18px}
:root[data-skin='workspace'][data-design] .pw-form{gap:18px}
:root[data-skin='workspace'][data-design] :is(.empty-state,.pw-empty,.nc-empty){background:color-mix(in srgb,var(--section-tone,var(--accent)) 4%,var(--surface-1));border:1px dashed color-mix(in srgb,var(--section-tone,var(--accent)) 28%,var(--line));border-radius:var(--ui-inner);padding:24px;color:var(--text-2)}
@media(min-width:1921px){:root[data-skin='workspace'][data-design]{--ui-body:17px;--ui-small:15px;--ui-title:38px;--ui-heading:24px;--ui-pad:26px;--page-max:clamp(1700px,80vw,2400px);--sidebar-w:clamp(280px,12vw,340px);--page-gutter:36px;--ui-control:48px}
:root[data-skin='workspace'][data-design] .nav-item{font-size:17px;min-height:52px}
:root[data-skin='workspace'][data-design] .sidebar .brand strong{font-size:18px}
}
@media(max-width:1100px){:root[data-skin='workspace'][data-design]{--ui-pad:20px;--page-gutter:22px;--ui-title:30px}.nx-title-icon{width:44px;height:44px}}
@media(max-width:640px){:root[data-skin='workspace'][data-design]{--ui-body:14px;--ui-small:13px;--ui-title:27px;--ui-heading:19px;--ui-pad:17px;--page-gutter:16px;--ui-gap:16px}
:root[data-skin='workspace'][data-design] .page-wrap{padding-top:20px}
:root[data-skin='workspace'][data-design] .nw-section{padding-top:6px}
:root[data-skin='workspace'][data-design] :is(.pw-heading,.nc-heading,.page-title,.beta-title){align-items:flex-start;gap:14px;margin-bottom:20px}
:root[data-skin='workspace'][data-design] :where(input[type='text'], input[type='email'], input[type='password'], input[type='url'], input[type='number'], input[type='date'], input[type='time'], input[type='search'], input[type='tel'], input:not([type]), select, textarea){font-size:16px}
:root[data-skin='workspace'][data-design] .pw-form{gap:15px}
.nx-title-group{gap:12px}.nx-title-icon{width:40px;height:40px}.nx-title-icon svg{width:22px;height:22px}
:root[data-skin='workspace'][data-design] .nw-tabs{gap:4px}.nw-tabs>a{flex:none}
:root[data-skin='workspace'][data-design] .nw-tabs>a{padding:9px 12px;font-size:12px}
:root[data-skin='workspace'][data-design] :is(dialog,.pc-dialog,.nw-focus-dialog){max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:18px}
}
@media(prefers-reduced-motion:reduce){:root[data-skin='workspace'][data-design] input{transition:none}}
:root[data-skin='workspace'][data-design] .nc-center{gap:var(--ui-gap);--nc-radius:var(--ui-radius)}
:root[data-skin='workspace'][data-design] .nc-brand img{width:56px;height:56px;border-radius:var(--ui-inner)}
:root[data-skin='workspace'][data-design] .nc-roadmap{gap:10px}
:root[data-skin='workspace'][data-design] .nc-roadmap a{display:flex;align-items:center;gap:10px;min-height:50px;padding:10px 14px;border:1px solid var(--line-soft);background:var(--surface-1);border-radius:var(--ui-inner);font-size:var(--ui-small)}
.nc-roadmap a:nth-child(1){--step-tone:var(--tone-cyan)}.nc-roadmap a:nth-child(2){--step-tone:var(--tone-blue)}.nc-roadmap a:nth-child(3){--step-tone:var(--tone-purple)}.nc-roadmap a:nth-child(4){--step-tone:var(--tone-green)}
:root[data-skin='workspace'][data-design] .nc-roadmap b{display:grid;place-items:center;width:28px;height:28px;background:color-mix(in srgb,var(--step-tone) 12%,var(--surface-1));color:var(--step-tone);border-radius:8px;font-size:12px}
:root[data-skin='workspace'][data-design] .nc-now{border:1px solid color-mix(in srgb,var(--tone-blue) 32%,var(--line));background:var(--surface-1);box-shadow:var(--ui-shadow);border-radius:var(--ui-radius);overflow:hidden}
:root[data-skin='workspace'][data-design] .nc-now-copy{padding:var(--ui-pad);background:linear-gradient(110deg,color-mix(in srgb,var(--tone-blue) 7%,var(--surface-1)),var(--surface-1));min-width:0}
:root[data-skin='workspace'][data-design] .nc-now-copy h2{font-size:var(--ui-heading);font-weight:700;line-height:1.35}
:root[data-skin='workspace'][data-design] .nc-now-tools{padding:var(--ui-pad);background:var(--void-2);gap:10px;border-left:1px solid var(--line-soft)}
:root[data-skin='workspace'][data-design] .nc-now-tools p{font-size:var(--ui-small);line-height:1.6;margin:0}
:root[data-skin='workspace'][data-design] .nc-now .nc-task{background:var(--surface-1);padding:18px;margin-top:18px;border-color:color-mix(in srgb,var(--nc-area) 30%,var(--line));border-left-width:4px;box-shadow:0 3px 16px #00000008}
:root[data-skin='workspace'][data-design] .nc-task-kind{color:var(--nc-area);font-size:var(--ui-small)}
:root[data-skin='workspace'][data-design] .nc-task h3{font-size:18px;line-height:1.45}
:root[data-skin='workspace'][data-design] .nc-task-meta{font-size:var(--ui-small)}
:root[data-skin='workspace'][data-design] .nc-layout{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:var(--ui-gap);align-items:start}
:root[data-skin='workspace'][data-design] .nc-flow{border-top:3px solid var(--tone-cyan)}
:root[data-skin='workspace'][data-design] .nc-flow .nc-eyebrow{color:var(--tone-cyan)}
:root[data-skin='workspace'][data-design] .nc-resource-grid{gap:10px;margin-top:18px}
.nc-resource-grid>a{--tool-tone:var(--tone-blue)}.nc-resource-grid>a[href*='workspace']{--tool-tone:var(--tone-green)}.nc-resource-grid>a[href*='projects']{--tool-tone:var(--tone-amber)}.nc-resource-grid>a[href*='weekly']{--tool-tone:var(--tone-cyan)}.nc-resource-grid>a[href*='documents'],.nc-resource-grid>a[href*='companion']{--tool-tone:var(--tone-purple)}.nc-resource-grid>a[href*='reports']{--tool-tone:var(--tone-coral)}
:root[data-skin='workspace'][data-design] .nc-resource-grid>a{padding:14px;border:1px solid color-mix(in srgb,var(--tool-tone) 20%,var(--line));background:color-mix(in srgb,var(--tool-tone) 7%,var(--surface-1));border-radius:var(--ui-inner);min-height:106px}
:root[data-skin='workspace'][data-design] .nc-resource-grid>a :is(b,span){color:var(--tool-tone);font-size:var(--ui-small)}
:root[data-skin='workspace'][data-design] .nc-resource-grid small{font-size:12px;line-height:1.6}
:root[data-skin='workspace'][data-design] .nc-slots{display:flex;gap:7px;padding-block:4px 12px;margin:16px 0 4px;overflow-x:auto}
:root[data-skin='workspace'][data-design] .nc-slots>a{padding:9px 12px;min-height:42px;font-size:var(--ui-small);border-radius:var(--ui-inner);white-space:nowrap;flex:none}
:root[data-skin='workspace'][data-design] .nc-slots>a[aria-current]{background:color-mix(in srgb,var(--tone-cyan) 13%,var(--surface-1));border-color:var(--tone-cyan);color:var(--tone-cyan)}
:root[data-skin='workspace'][data-design] .nc-add[open]{padding:12px 16px;border:1px solid var(--line);background:var(--void-2);border-radius:var(--ui-inner)}
:root[data-skin='workspace'][data-design] .nc-close{border-left:4px solid var(--tone-green);background:color-mix(in srgb,var(--tone-green) 4%,var(--surface-1))}
:root[data-skin='workspace'][data-design] .nc-close .nc-eyebrow{color:var(--tone-green)}
:root[data-skin='workspace'][data-design] .pw-toolbar{background:var(--surface-1);border:1px solid var(--line);padding:16px;border-radius:var(--ui-radius);gap:12px;box-shadow:var(--ui-shadow)}
:root[data-skin='workspace'][data-design] .pw-toolbar label{font-size:var(--ui-small);gap:6px}
:root[data-skin='workspace'][data-design] .pw-tabs{padding:4px;background:var(--surface-2);border:0;gap:4px;border-radius:var(--ui-inner);width:fit-content;max-width:100%}
:root[data-skin='workspace'][data-design] .pw-tabs a{padding:9px 15px;min-height:40px;font-size:var(--ui-small);border:0;border-radius:calc(var(--ui-inner) - 2px);color:var(--text-2)}
:root[data-skin='workspace'][data-design] .pw-tabs a[aria-current]{background:var(--surface-1);color:var(--section-tone);box-shadow:0 1px 4px #00000012;font-weight:700}
:root[data-skin='workspace'][data-design] .pw-tabs a::after{display:none}
:root[data-skin='workspace'][data-design] .pw-table-scroll{border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--surface-1);box-shadow:var(--ui-shadow)}
:root[data-skin='workspace'][data-design] .pw-panel:has(>.pw-table-scroll){padding:0;border:0;box-shadow:none;background:none}
:root[data-skin='workspace'][data-design] .pw-table{border:0;background:var(--surface-1);font-size:var(--ui-body)}
:root[data-skin='workspace'][data-design] .pw-table th{padding:14px 16px;background:var(--void-2);color:var(--text-3);font-size:var(--ui-small);font-weight:650;text-transform:none;letter-spacing:0;border-bottom:1px solid var(--line)}
:root[data-skin='workspace'][data-design] .pw-table td{padding:16px;font-size:var(--ui-body);border-bottom:1px solid var(--line-soft);background:transparent;vertical-align:middle}
:root[data-skin='workspace'][data-design] .pw-table tr:not(.pw-group-row):hover{background:color-mix(in srgb,var(--section-tone) 4%,var(--surface-1))}
:root[data-skin='workspace'][data-design] .pw-table tr:has(input[type='checkbox']:checked){background:color-mix(in srgb,var(--accent) 9%,var(--surface-1));box-shadow:inset 3px 0 var(--accent)}
:root[data-skin='workspace'][data-design] .pw-table .pw-task-title{font-size:var(--ui-body);font-weight:650;line-height:1.5}
:root[data-skin='workspace'][data-design] .pw-table td>small{font-size:var(--ui-small);line-height:1.6;color:var(--text-3);margin-top:4px}
:root[data-skin='workspace'][data-design] .pw-group-row td{background:color-mix(in srgb,var(--tone-amber) 5%,var(--void-2));padding:13px 16px;border-bottom:1px solid var(--line)}
:root[data-skin='workspace'][data-design] .pw-group-row :is(.pw-badge,.pw-stage){background:none;color:var(--tone-amber);font-size:var(--ui-small);font-weight:700}
:root[data-skin='workspace'][data-design] .pw-badge{border-radius:8px;padding:5px 9px;font-size:var(--ui-small);gap:6px;white-space:normal}
:root[data-skin='workspace'][data-design] .pw-schedule-link{padding:5px 9px;font-size:12px;border-radius:7px;display:inline-flex;min-height:28px;align-items:center;background:color-mix(in srgb,var(--tone-cyan) 10%,var(--surface-1));color:var(--tone-cyan);margin-top:6px}
:root[data-skin='workspace'][data-design] .pw-task-card{padding:18px;border:1px solid var(--line);border-radius:var(--ui-inner);background:var(--surface-1);box-shadow:var(--ui-shadow)}
:root[data-skin='workspace'][data-design] .pw-column{border:1px solid var(--line-soft);border-radius:var(--ui-radius);padding:14px;background:var(--void-2)}
:root[data-skin='workspace'][data-design] .pw-column:nth-child(1){border-top:3px solid var(--tone-blue)}
:root[data-skin='workspace'][data-design] .pw-column:nth-child(2){border-top:3px solid var(--tone-amber)}
:root[data-skin='workspace'][data-design] .pw-column:nth-child(3){border-top:3px solid var(--tone-green)}
:root[data-skin='workspace'][data-design] .pw-project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--ui-gap);margin:20px 0}
:root[data-skin='workspace'][data-design] .pw-project-card{display:flex;flex-direction:column;gap:0;padding:var(--ui-pad);background:linear-gradient(125deg,color-mix(in srgb,var(--c,var(--tone-amber)) 7%,var(--surface-1)),var(--surface-1) 70%);border:1px solid color-mix(in srgb,var(--c,var(--tone-amber)) 25%,var(--line));border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);min-height:228px;text-decoration:none;transition:border-color .15s}
:root[data-skin='workspace'][data-design] .pw-project-card:hover{border-color:var(--c,var(--tone-amber))}
:root[data-skin='workspace'][data-design] .pw-project-icon{width:46px;height:46px;align-items:center;justify-content:center;padding:10px;border-radius:var(--ui-inner);color:var(--c,var(--tone-amber));background:color-mix(in srgb,var(--c,var(--tone-amber)) 14%,var(--surface-1));box-sizing:border-box}
:root[data-skin='workspace'][data-design] .pw-project-card h2{font-size:21px;line-height:1.4;margin:16px 0 8px}
:root[data-skin='workspace'][data-design] .pw-project-card p{font-size:var(--ui-small);line-height:1.7;color:var(--text-2);flex:1}
:root[data-skin='workspace'][data-design] .pw-project-card footer{font-size:var(--ui-small);border:0;margin-top:14px;padding:0;color:var(--text-3)}
:root[data-skin='workspace'][data-design] .pw-doc-layout{grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);gap:var(--ui-gap)}
:root[data-skin='workspace'][data-design] .pw-doc-index{padding:14px;border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--surface-1)}
:root[data-skin='workspace'][data-design] .pw-doc-index h2{font-size:15px;color:var(--tone-purple);margin:12px 10px}
:root[data-skin='workspace'][data-design] .pw-doc-link{padding:12px;font-size:var(--ui-small);border-radius:var(--ui-inner)}
:root[data-skin='workspace'][data-design] .pw-doc-link.is-active{background:color-mix(in srgb,var(--tone-purple) 11%,var(--surface-1));color:var(--tone-purple)}
:root[data-skin='workspace'][data-design] .pw-doc-main{min-height:300px}
:root[data-skin='workspace'][data-design] [data-personal-page='weekly'] .pw-heading{margin-bottom:16px}
:root[data-skin='workspace'][data-design] .pc-toolbar{padding:0;margin-bottom:12px;gap:14px;flex-wrap:wrap}
:root[data-skin='workspace'][data-design] .pc-legend{margin:8px 0 14px;font-size:12px}
:root[data-skin='workspace'][data-design] .pc-date-plan{padding:0;margin:14px 0;border:1px solid var(--line);border-radius:var(--ui-inner);box-shadow:none;overflow:hidden}
:root[data-skin='workspace'][data-design] .pc-date-plan>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;min-height:48px;cursor:pointer;font-size:var(--ui-small);font-weight:600;background:var(--surface-1);list-style:none}
.pc-date-plan>summary>span{display:flex;align-items:center;gap:10px}.pc-date-plan>summary svg{width:18px;height:18px;color:var(--tone-cyan)}
.pc-date-plan>summary>b{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--tone-cyan)}.pc-date-plan>summary>b::after{content:'⌄';font-size:18px}.pc-date-plan[open]>summary>b::after{transform:rotate(180deg)}
:root[data-skin='workspace'][data-design] .pc-date-plan>.pw-hint{margin:12px 16px}
:root[data-skin='workspace'][data-design] .pc-date-plan .pl-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:0 16px 16px;margin:0;max-height:280px;overflow:auto}
:root[data-skin='workspace'][data-design] .pc-date-plan article{padding:12px;border-radius:var(--ui-inner);border:1px solid var(--line-soft);background:var(--void-2);min-width:0}
:root[data-skin='workspace'][data-design] .pc-date-plan h3{font-size:var(--ui-small);margin:0 0 5px;font-weight:650}
:root[data-skin='workspace'][data-design] .pc-date-plan article summary{font-size:var(--ui-small);color:var(--tone-cyan);padding:5px 0;cursor:pointer}
:root[data-skin='workspace'][data-design] .pc-date-plan ul{padding:0 0 0 18px;font-size:var(--ui-small);line-height:1.6}
:root[data-skin='workspace'][data-design] .pc-calendar{border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--surface-1);overflow:hidden;box-shadow:var(--ui-shadow)}
:root[data-skin='workspace'][data-design] :is(.pc-day-head,.pc-corner){min-height:48px;background:var(--void-2);border-color:var(--line);font-size:var(--ui-small)}
:root[data-skin='workspace'][data-design] .pc-day-head strong{width:30px;height:30px;border-radius:var(--ui-check);font-size:var(--ui-body)}
:root[data-skin='workspace'][data-design] .pc-day-head.is-today strong{background:var(--tone-cyan);color:var(--canvas)}
:root[data-skin='workspace'][data-design] .pc-ruler span{font-size:11px;color:var(--text-3)}
:root[data-skin='workspace'][data-design] .pc-event{border-radius:7px;border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 14%,var(--surface-1));border-color:color-mix(in srgb,var(--c) 45%,var(--line));color:var(--text-1);padding:5px 7px;box-shadow:0 2px 5px #0000000a}
:root[data-skin='workspace'][data-design] .pc-event strong{font-size:12px;line-height:1.3;font-weight:650}
:root[data-skin='workspace'][data-design] .pc-event :is(time,small){font-size:10px;line-height:1.3}
:root[data-skin='workspace'][data-design] .pc-prayer span{font-size:10px;color:var(--tone-cyan);background:var(--surface-1)}
:root[data-skin='workspace'][data-design] .pl-overview{gap:12px}
.pl-overview>div:nth-child(1){--stat-tone:var(--tone-blue)}.pl-overview>div:nth-child(2){--stat-tone:var(--tone-green)}.pl-overview>div:nth-child(3){--stat-tone:var(--tone-amber)}.pl-overview>div:nth-child(4){--stat-tone:var(--tone-purple)}
:root[data-skin='workspace'][data-design] .pl-overview>div{background:color-mix(in srgb,var(--stat-tone) 7%,var(--surface-1));border:1px solid color-mix(in srgb,var(--stat-tone) 20%,var(--line));border-radius:var(--ui-inner);padding:16px}
:root[data-skin='workspace'][data-design] .pl-overview strong{color:var(--stat-tone);font-size:27px}.pl-overview span{display:block}
:root[data-skin='workspace'][data-design] .pl-layout{gap:var(--ui-gap);grid-template-columns:minmax(300px,.85fr) minmax(0,1.5fr)}
:root[data-skin='workspace'][data-design] .pl-library{border-top:3px solid var(--tone-purple)}
:root[data-skin='workspace'][data-design] .pl-calendar{border-top:3px solid var(--tone-cyan)}
:root[data-skin='workspace'][data-design] .pl-record{border:1px solid var(--line);border-left:3px solid var(--pl-color,var(--tone-purple));background:var(--void-2);border-radius:var(--ui-inner);padding:14px;margin-bottom:10px}
:root[data-skin='workspace'][data-design] .pl-record:has(input:checked){background:color-mix(in srgb,var(--accent) 9%,var(--surface-1));border-color:var(--accent)}
:root[data-skin='workspace'][data-design] .pl-record-head strong{font-size:var(--ui-body)}
:root[data-skin='workspace'][data-design] .pl-record-head small{font-size:12px;line-height:1.6;color:var(--text-3)}
:root[data-skin='workspace'][data-design] .pl-calendar-grid{gap:10px}
:root[data-skin='workspace'][data-design] .pl-day{padding:12px;border:1px solid var(--line);border-radius:var(--ui-inner);background:var(--void-2);min-width:0}
:root[data-skin='workspace'][data-design] .pl-day.is-today{background:color-mix(in srgb,var(--tone-cyan) 8%,var(--surface-1));border-color:var(--tone-cyan)}
:root[data-skin='workspace'][data-design] .pl-day h3{font-size:var(--ui-small)}
:root[data-skin='workspace'][data-design] .pl-day-group{border-top:1px solid var(--line);padding-block:8px;margin-top:8px}
:root[data-skin='workspace'][data-design] .pl-preview-item{padding:12px;border:1px solid var(--line);border-left:3px solid var(--tone-cyan);border-radius:var(--ui-inner);background:var(--surface-1);margin:8px 0}
:root[data-skin='workspace'][data-design] .pl-preview-item a{font-size:var(--ui-small);line-height:1.6}
:root[data-skin='workspace'][data-design] .pl-item-head button{border-radius:7px;background:var(--void-2);color:var(--tone-cyan)}
:root[data-skin='workspace'][data-design] .ios-settings{--font-body:var(--ds-font)}
:root[data-skin='workspace'][data-design][data-theme] .ios-settings{--ios-bg:var(--ui-bg);--ios-card:var(--ui-card);--ios-inset:var(--ui-inset);--ios-text:var(--ui-ink);--ios-secondary:var(--ui-muted);--ios-line:var(--ui-line);--ios-blue:var(--ui-accent);--ios-green:var(--tone-green);--ios-red:var(--ui-danger);font-family:var(--font-body);background:transparent}
:root[data-skin='workspace'][data-design] .ios-settings :is(.settings-section,.detail-zone,.settings-panel>form:not(.settings-section)){border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--surface-1);padding:var(--ui-pad);box-shadow:var(--ui-shadow)}
:root[data-skin='workspace'][data-design] .ios-settings .settings-panel{padding:0;border:0;background:none;box-shadow:none}
:root[data-skin='workspace'][data-design] .ios-settings h1{font-size:var(--ui-title);line-height:1.25;font-weight:720}
:root[data-skin='workspace'][data-design] .ios-settings h2{font-size:var(--ui-heading);line-height:1.4;font-weight:680}
:root[data-skin='workspace'][data-design] .ios-settings p{font-size:var(--ui-small);line-height:1.65;color:var(--text-2)}
:root[data-skin='workspace'][data-design] .ios-settings .ios-settings-row{padding:18px;border-radius:var(--ui-inner);border:1px solid var(--line-soft);background:var(--surface-1);min-height:84px;gap:14px}
:root[data-skin='workspace'][data-design] .ios-settings .ios-row-copy h2{font-size:16px;line-height:1.4}
:root[data-skin='workspace'][data-design] .ios-settings .ios-row-copy p{font-size:12px;line-height:1.5}
:root[data-skin='workspace'][data-design] .ios-settings .settings-category-icon{width:40px;height:40px;border-radius:var(--ui-inner);color:var(--setting-icon);background:color-mix(in srgb,var(--setting-icon) 12%,var(--surface-1))}
:root[data-skin='workspace'][data-design] .ios-settings .ios-settings-nav .ios-settings-row{min-height:48px;padding:9px;border:0;background:none}
:root[data-skin='workspace'][data-design] .ios-settings .ios-settings-nav .ios-row-copy h2{font-size:var(--ui-small)}
:root[data-skin='workspace'][data-design] .ios-settings .ios-settings-nav .settings-category-icon{width:28px;height:28px;border-radius:8px}
:root[data-skin='workspace'][data-design] .ios-settings .ios-settings-nav .ios-settings-row[aria-current]{background:var(--accent-dim)}
:root[data-skin='workspace'][data-design] .ios-settings .design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
:root[data-skin='workspace'][data-design] .ios-settings :is(.design-option,.theme-option){border-radius:var(--ui-inner);border:1px solid var(--line);background:var(--void-2);padding:14px;gap:10px}
:root[data-skin='workspace'][data-design] .ios-settings :is(.design-option,.theme-option):has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface-1));box-shadow:inset 0 0 0 1px var(--accent)}
:root[data-skin='workspace'][data-design] .ios-settings :is(.design-option,.theme-option) input{appearance:none;min-height:0;padding:0;border:0;box-shadow:none}
:root[data-skin='workspace'][data-design] .ios-settings :is(.design-option,.theme-option) strong{font-size:var(--ui-small);font-weight:700;color:var(--text-1)}
:root[data-skin='workspace'][data-design] .ios-settings :is(.design-option,.theme-option):has(input:checked) strong{color:var(--accent)}
:root[data-skin='workspace'][data-design] .ios-settings .theme-swatch{border-radius:8px;box-shadow:none}
:root[data-skin='workspace'][data-design='fluent'] .ios-settings-overview .settings-category-grid{display:grid;gap:8px;padding:14px;background:none;overflow:visible}
:root[data-skin='workspace'][data-design='fluent'] .ios-settings-overview .ios-settings-row+.ios-settings-row::before{display:none}
:root[data-skin='workspace'][data-design='fluent'] .ios-settings-overview .ios-settings-row:hover{border-color:color-mix(in srgb,var(--setting-icon,var(--accent)) 40%,var(--line))}
:root[data-skin='workspace'][data-design] .detail-focus-tabs{display:flex;gap:5px;background:var(--surface-2);padding:5px;max-width:780px;width:100%;border:1px solid var(--line-soft);border-radius:var(--ui-inner);box-shadow:none;margin:0 0 18px;position:relative;top:auto}
:root[data-skin='workspace'][data-design] .detail-focus-tabs a{flex:1;display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 12px;font-size:var(--ui-small);line-height:1.4;border-radius:calc(var(--ui-inner) - 2px);background:none;color:var(--text-2);box-shadow:none}
:root[data-skin='workspace'][data-design] .detail-focus-tabs a.active{background:var(--surface-1);color:var(--area-color,var(--accent));box-shadow:0 1px 4px #0002}
:root[data-skin='workspace'][data-design] .detail-identity{padding:var(--ui-pad);border:1px solid var(--line);border-left:4px solid var(--area-color,var(--section-tone));border-radius:var(--ui-radius);box-shadow:none;background:linear-gradient(120deg,color-mix(in srgb,var(--area-color,var(--section-tone)) 7%,var(--surface-1)),var(--surface-1) 70%)}
:root[data-skin='workspace'][data-design] .detail-identity h1{font-size:clamp(25px,2vw,32px);line-height:1.3;letter-spacing:-.025em}
:root[data-skin='workspace'][data-design] .detail-identity p{font-size:var(--ui-body);line-height:1.6;color:var(--text-2)}
:root[data-skin='workspace'][data-design] .detail-identity .identity-score strong{font-size:26px;line-height:1.4}
:root[data-skin='workspace'][data-design] .zone-head{padding:18px var(--ui-pad);gap:14px;min-height:70px;background:color-mix(in srgb,var(--area-color,var(--section-tone,var(--accent))) 5%,var(--surface-1));border-bottom:1px solid var(--line-soft)}
:root[data-skin='workspace'][data-design] .zone-index{display:grid;place-items:center;width:34px;height:34px;font-size:12px;border-radius:var(--ui-check);background:color-mix(in srgb,var(--area-color,var(--section-tone,var(--accent))) 13%,var(--surface-1));color:var(--area-color,var(--section-tone,var(--accent)))}
:root[data-skin='workspace'][data-design] .zone-title{font-size:18px;line-height:1.4;font-weight:700;margin:0}
:root[data-skin='workspace'][data-design] .zone-body{padding:var(--ui-pad)}
:root[data-skin='workspace'][data-design] :is(.catalog-card,.quality-template-card,.nb-card){padding:var(--ui-pad);border-top:3px solid var(--area-color,var(--section-tone,var(--accent)))}
:root[data-skin='workspace'][data-design] :is(.catalog-card,.nb-card,.detail-zone) :is(label,p,li){font-size:var(--ui-body);line-height:1.65}
:root[data-skin='workspace'][data-design] .pw-metrics{border:0;border-radius:0;gap:14px;overflow:visible;margin:20px 0}
.pw-metrics>.pw-metric:nth-child(1){--metric-tone:var(--tone-blue)}.pw-metrics>.pw-metric:nth-child(2){--metric-tone:var(--tone-green)}.pw-metrics>.pw-metric:nth-child(3){--metric-tone:var(--tone-amber)}.pw-metrics>.pw-metric:nth-child(4){--metric-tone:var(--tone-purple)}
:root[data-skin='workspace'][data-design] .pw-metrics>.pw-metric{border:1px solid color-mix(in srgb,var(--metric-tone) 22%,var(--line));border-radius:var(--ui-radius);padding:20px;background:color-mix(in srgb,var(--metric-tone) 7%,var(--surface-1));box-shadow:none;color:var(--text-1)}
:root[data-skin='workspace'][data-design] .pw-metrics .pw-metric strong{font-size:30px;color:var(--metric-tone);font-weight:700}
:root[data-skin='workspace'][data-design] .pw-metrics .pw-metric small{font-size:var(--ui-small);color:var(--text-2)}
:root[data-skin='workspace'][data-design] .kpi-hub-grid>a{border-radius:var(--ui-radius);border:1px solid color-mix(in srgb,var(--area-color) 28%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--area-color) 7%,var(--surface-1)),var(--surface-1));padding:var(--ui-pad);gap:6px 18px}
:root[data-skin='workspace'][data-design] .kpi-hub-grid>a>span{color:var(--area-color);font-size:11px;font-weight:750}
:root[data-skin='workspace'][data-design] .kpi-hub-grid>a>strong{font-size:22px}
:root[data-skin='workspace'][data-design] .challenge-active-card{border-radius:var(--ui-radius);border-top:3px solid var(--tone-purple);background:linear-gradient(115deg,color-mix(in srgb,var(--tone-purple) 6%,var(--surface-1)),var(--surface-1))}
:root[data-skin='workspace'][data-design] .snd-library-row{border:1px solid var(--line);border-radius:var(--ui-inner);padding:16px;background:var(--surface-1)}
:root[data-skin='workspace'][data-design] .snd-search{border-radius:var(--ui-inner)}
:root[data-skin='workspace'][data-design] .df-flow{border-radius:var(--ui-inner);padding:12px 16px;margin:0;border:1px solid var(--line);box-shadow:none;background:var(--surface-1)}
:root[data-skin='workspace'][data-design] .df-loading{min-height:24px}
:root[data-skin='workspace'][data-design] .df-flow h2{font-size:17px}
:root[data-skin='workspace'][data-design] .df-flow button{border-radius:var(--ui-inner);min-height:44px}
@media(min-width:1921px){
:root[data-skin='workspace'][data-design] .nc-resource-grid small{font-size:14px}
:root[data-skin='workspace'][data-design] .pc-event strong{font-size:14px}
:root[data-skin='workspace'][data-design] .pc-event :is(time,small){font-size:12px}
:root[data-skin='workspace'][data-design] .pc-ruler span{font-size:13px}
:root[data-skin='workspace'][data-design] .pc-prayer span{font-size:12px}
:root[data-skin='workspace'][data-design] .pw-table td{padding:18px 20px}
}
@media(max-width:1100px){:root[data-skin='workspace'][data-design] .pl-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.3fr)}:root[data-skin='workspace'][data-design] .nc-layout{grid-template-columns:minmax(0,1fr)}:root[data-skin='workspace'][data-design] .nc-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.nc-sidebar>.nc-panel:first-child{grid-row:span 2}}
@media(max-width:760px){:root[data-skin='workspace'][data-design] .pl-layout,:root[data-skin='workspace'][data-design] .pw-doc-layout{grid-template-columns:minmax(0,1fr)}:root[data-skin='workspace'][data-design] .nc-now{grid-template-columns:minmax(0,1fr)}:root[data-skin='workspace'][data-design] .nc-now-tools{border-left:0;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.nc-now-tools>label,.nc-now-tools>p{grid-column:1/-1}.nc-now-tools>p{margin-top:4px!important}
:root[data-skin='workspace'][data-design] .ios-settings .design-grid{grid-template-columns:minmax(0,1fr)}
:root[data-skin='workspace'][data-design] .ios-settings .design-option{display:grid;grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-content:center;text-align:left;min-height:100px}
:root[data-skin='workspace'][data-design] .ios-settings .design-preview{grid-row:1/3;width:100%;height:70px;margin:0}
:root[data-skin='workspace'][data-design] .ios-settings .design-option :is(strong,small){grid-column:2}
}
@media(max-width:640px){
:root[data-skin='workspace'][data-design] .nc-roadmap{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:root[data-skin='workspace'][data-design] .nc-roadmap a{font-size:12px;padding:10px;gap:8px;min-height:46px}
:root[data-skin='workspace'][data-design] .nc-roadmap b{width:24px;height:24px;font-size:11px}
:root[data-skin='workspace'][data-design] .nc-now-copy,:root[data-skin='workspace'][data-design] .nc-now-tools{padding:17px}
:root[data-skin='workspace'][data-design] .nc-sidebar{display:flex;flex-direction:column;gap:16px}
:root[data-skin='workspace'][data-design] .nc-resource-grid>a{min-height:96px;padding:12px}
:root[data-skin='workspace'][data-design] .nc-task h3{font-size:17px}
:root[data-skin='workspace'][data-design] .nc-now-tools p{font-size:12px}
:root[data-skin='workspace'][data-design] .pw-table-scroll{border:0;border-radius:0;background:none;box-shadow:none}
:root[data-skin='workspace'][data-design] .pw-table tbody{gap:12px}
:root[data-skin='workspace'][data-design] .pw-table tr:not(.pw-group-row){padding:16px;border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--surface-1);box-shadow:var(--ui-shadow)}
:root[data-skin='workspace'][data-design] .pw-table td{font-size:13px;padding:0;border:0;min-width:0}
:root[data-skin='workspace'][data-design] .pw-table .pw-task-title{font-size:15px}
:root[data-skin='workspace'][data-design] .pw-table td>small{font-size:12px}
:root[data-skin='workspace'][data-design] .pw-group-row td{padding:12px;border-radius:var(--ui-inner)}
:root[data-skin='workspace'][data-design] .pw-project-card{min-height:0}
:root[data-skin='workspace'][data-design] .pw-project-card h2{font-size:21px}
:root[data-skin='workspace'][data-design] .pw-metrics{gap:10px}
:root[data-skin='workspace'][data-design] .pw-metrics>.pw-metric{padding:16px}
:root[data-skin='workspace'][data-design] .pc-date-plan .pl-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 12px;gap:8px}
:root[data-skin='workspace'][data-design] .pc-toolbar .pw-period{flex-wrap:wrap;gap:8px}
:root[data-skin='workspace'][data-design] .pc-day-head{min-height:44px}
:root[data-skin='workspace'][data-design] .pl-overview>div{padding:13px}
:root[data-skin='workspace'][data-design] .pl-overview strong{font-size:24px}
:root[data-skin='workspace'][data-design] .pl-calendar-grid{gap:8px}
:root[data-skin='workspace'][data-design] .pl-day{padding:10px}
:root[data-skin='workspace'][data-design] .ios-settings .ios-settings-row{min-height:76px;padding:14px}
:root[data-skin='workspace'][data-design] .detail-focus-tabs a{padding:9px 7px;font-size:12px}
:root[data-skin='workspace'][data-design] .detail-identity h1{font-size:25px}
}
:root[data-skin=workspace][data-design] main[data-page=dashboard] .page-wrap { max-width:none;width:100%; }
.ac-home { gap:var(--space-4,16px); }
.ac-welcome { gap:var(--space-4,16px);padding-block:var(--space-2,8px); }
.ac-welcome img { border-radius:50%;border:2px solid var(--line); }
.ac-welcome p { margin:0 0 4px;color:var(--text-3);font-size:var(--ui-small,13px); }
.ac-welcome h1 { margin:0;font:700 clamp(20px,2vw,32px)/1.35 var(--font-display);color:var(--text-1); }
:root[data-skin=workspace][data-design] .ac-home .pc-toolbar { gap:12px;margin:0; }
.ac-home .pc-legend { margin:0;font-size:12px; }
.ac-home .pc-calendar { border-radius:var(--ui-radius,14px); }
.ac-home .pc-day-head { min-height:48px;font-size:13px; }
.ac-home .pc-grid { grid-template-rows:48px var(--calendar-height); }
.ac-home .pc-ruler span { font-size:12px; }
:root[data-skin=workspace][data-design] .pc-event { border-left-width:4px;border-radius:var(--ds-radius-inner,8px);background:color-mix(in srgb,var(--c) 27%,var(--surface-1));padding:6px 7px;gap:3px; }
:root[data-skin=workspace][data-design] .pc-event strong { font-size:13px;line-height:1.35;font-weight:650; }
:root[data-skin=workspace][data-design] .pc-event time { font-size:11px;color:var(--text-1);padding-left:0; }
:root[data-skin=workspace][data-design] .pc-event small { display:block;font-size:11px;color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
:root[data-skin=workspace][data-design] .pc-event.is-short { padding:2px 5px;gap:0; }
:root[data-skin=workspace][data-design] .pc-event.is-tiny strong { font-size:11px;line-height:1.1; }
:root[data-skin=workspace][data-design] .pc-event.is-tiny small { display:none; }
.ac-resize::after { content:'';position:absolute;bottom:3px;left:calc(50% - 10px);width:20px;border-bottom:2px solid var(--c);border-top:2px solid var(--c);height:4px;opacity:.8; }
:root[data-skin=workspace][data-design] .pc-event.is-done { opacity:.7;border-style:dashed; }
:root[data-skin=workspace][data-design] .pc-event.is-overdue { --c:var(--danger,var(--tone-coral));border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c); }
.pc-event.is-overdue::before { content:'';position:absolute;inset:0;pointer-events:none;background:color-mix(in srgb,var(--danger,var(--tone-coral)) 20%,transparent);animation:ac-pulse 1.8s ease-in-out infinite; }
@keyframes ac-pulse { 0%,100% { opacity:.15; } 50% { opacity:.9; } }
.ac-detail { padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line); }
:root[data-skin=workspace][data-design] .pc-dialog .pc-editor { margin:0;padding:0;border:0;background:none; }
:root[data-skin=workspace][data-design] .pc-dialog .pc-editor > summary { padding:0 0 16px;border:0;background:none;font-size:18px;color:var(--text-1); }
.ac-detail h2 { font-size:20px;margin:0 0 16px;overflow-wrap:anywhere; }
.ac-detail h3 { font-size:14px;margin:18px 0 8px; }
.ac-metrics { gap:8px;margin-bottom:12px; }
.ac-metrics span { padding:12px 8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--ui-inner,8px);font-size:12px;color:var(--text-2); }
.ac-metrics strong { margin-top:6px;font-size:16px;color:var(--text-1); }
.ac-detail .pw-actions { margin-block:12px; }
.ac-detail summary { padding-block:12px;cursor:pointer; }
.ac-docs a,.ac-sessions a { padding:10px 0;min-height:44px;overflow-wrap:anywhere; }
.ac-note { font-size:14px;line-height:1.6; }
.ac-home > .pc-editor:not([open]) { display:none; }
:root[data-skin=workspace][data-design] .ac-home > .pw-hint { margin:0;font-size:12px; }
:root[data-skin=workspace][data-design] .pw-page[data-personal-page=dashboard] { width:100%!important;max-width:none!important; }
:root[data-design=fluent] .ac-home .pc-calendar { border-radius:8px; }
:root[data-design=harmony] .ac-home .pc-calendar { border-radius:22px; }
@media(prefers-reduced-motion:reduce) { .pc-event.is-overdue::before { animation:none;opacity:.3; } }
@media(max-width:600px) { .ac-welcome img { width:48px;height:48px; }.ac-home .pc-toolbar .primary-button{width:100%;}.ac-metrics strong{font-size:14px;} }
:root[data-skin=workspace][data-design] [data-settings-page=work] { --wr-gap:16px; }
.wr-nav { gap:10px;margin:0 0 24px; }
.wr-nav a { gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--ui-inner,10px);background:var(--surface-1);color:var(--text-1);text-decoration:none; }
.wr-nav a[aria-current] { border-color:var(--wr-tone);background:color-mix(in srgb,var(--wr-tone) 10%,var(--surface-1));box-shadow:inset 0 0 0 1px var(--wr-tone); }
.wr-nav-icon,.wr-group-symbol { width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--wr-tone) 14%,var(--surface-1));color:var(--wr-tone); }
.wr-nav-icon svg,.wr-group-symbol svg { width:21px;height:21px; }
.wr-nav strong { font-size:14px;line-height:1.5; }
.wr-nav small { margin-top:3px;font-size:12px;color:var(--text-3);line-height:1.4; }
.wr-intro { gap:12px;margin-bottom:18px; }
.wr-intro h2 { margin:6px 0;font-size:24px;line-height:1.4; }
.wr-intro p { margin:0;color:var(--text-2);font-size:14px;line-height:1.6; }
.wr-eyebrow { color:var(--tone-blue);font-size:11px;font-weight:700;letter-spacing:.08em; }
.wr-count { padding:8px 12px;border-radius:var(--ui-inner,10px);background:var(--surface-2);font-size:12px;color:var(--text-2); }
.wr-policy { align-items:flex-start;gap:12px;padding:16px;margin-bottom:20px;border:1px solid color-mix(in srgb,var(--tone-green) 30%,var(--line));border-radius:var(--ui-inner,10px);background:color-mix(in srgb,var(--tone-green) 7%,var(--surface-1)); }
.wr-policy svg { width:22px;height:22px;color:var(--tone-green); }.wr-policy p { margin:0;font-size:13px;line-height:1.65; }.wr-policy strong { color:var(--text-1); }
:root[data-skin=workspace][data-design] .wr-group { margin:0 0 14px;border:1px solid var(--line);border-radius:var(--ui-radius,14px);background:var(--surface-1);overflow:hidden; }
:root[data-skin=workspace][data-design] .wr-group>summary { gap:14px;min-height:84px;padding:18px;border:0;background:color-mix(in srgb,var(--wr-tone) 6%,var(--surface-1));cursor:pointer;list-style:none; }
.wr-group>summary::-webkit-details-marker { display:none; }
.wr-group-name strong { font-size:18px;line-height:1.4; }.wr-group-name small { margin-top:5px;font-size:12px;color:var(--text-3);line-height:1.5; }
.wr-points { font-size:20px;font-weight:750;color:var(--wr-tone);white-space:nowrap; }.wr-points small { font-size:11px; }.wr-chevron { color:var(--text-3); }
.wr-group-body { padding:16px; }.wr-subpanel { border:1px solid var(--line);border-radius:var(--ui-inner,10px);margin-bottom:14px;background:var(--surface-1); }
.wr-subpanel>summary { padding:14px 16px;font-size:14px;font-weight:650;cursor:pointer; }.wr-subpanel>summary span { display:block;margin:4px 0 0 16px;font-size:12px;font-weight:400;color:var(--text-3); }
.wr-group-form,.wr-add-form { gap:14px;padding:16px;border-top:1px solid var(--line); }.wr-group-form label,.wr-add-form label,.wr-item-form label { display:grid;gap:6px;font-size:12px;color:var(--text-2);min-width:0; }
.wr-list { padding:0;margin:0; }.wr-item { gap:8px;padding:14px 10px;margin-bottom:10px;border:1px solid var(--line);border-radius:var(--ui-inner,10px);background:var(--surface-1); }
.wr-item:hover { border-color:color-mix(in srgb,var(--wr-tone) 45%,var(--line)); }.wr-item-form { gap:10px; }.wr-item-form input { width:100%;min-width:0;font-size:14px; }
.wr-position { align-self:center;color:var(--text-3);font-size:12px;font-variant-numeric:tabular-nums; }.wr-item-actions,.wr-actions { gap:6px; }
.wr-handle,.wr-arrow,.wr-delete { min-width:34px;min-height:44px;border:0;background:transparent;color:var(--text-3);border-radius:8px;font:inherit; }.wr-handle { font-size:24px; }.wr-delete { color:var(--tone-coral); }.wr-arrow:hover,.wr-handle:hover { background:var(--surface-2);color:var(--tone-blue); }
.wr-add { margin-top:12px;border-style:dashed;border-color:color-mix(in srgb,var(--tone-blue) 50%,var(--line)); }.wr-add>summary { color:var(--tone-blue); }.wr-empty { padding:16px;color:var(--text-3);font-size:14px; }
.wr-new-group { margin-top:22px; }.wr-editor { min-width:0; }
:root[data-skin=workspace][data-design] [data-settings-page=work] .settings-work-page { padding:0;max-width:none; }
:root[data-skin=workspace][data-design] [data-settings-page=work] :is(.detail-zone,.nb-card) { border:1px solid var(--line);border-radius:var(--ui-radius,14px);background:var(--surface-1);margin-bottom:18px; }
:root[data-skin=workspace][data-design] [data-settings-page=work] .zone-head { padding:20px;background:color-mix(in srgb,var(--zone-tone,var(--tone-amber)) 8%,var(--surface-1));border-bottom:1px solid var(--line); }
:root[data-skin=workspace][data-design] [data-settings-page=work] .zone-title { font-size:21px;line-height:1.4; }
:root[data-skin=workspace][data-design] [data-settings-page=work] :is(.zone-body,.nb-card-head) { padding:20px; }
:root[data-skin=workspace][data-design] [data-settings-page=work] :is(.form-note,.nb-muted) { font-size:14px;line-height:1.7;color:var(--text-2); }
:root[data-skin=workspace][data-design] [data-settings-page=work] :is(.worklib-group:not(.wr-group),.quality-area-card,.quality-template-card) { border:1px solid var(--line);border-radius:var(--ui-inner,10px);padding:16px;margin-bottom:14px;background:var(--surface-1); }
:root[data-skin=workspace][data-design] [data-settings-page=work] .worklib-row { display:flex;flex-wrap:wrap;gap:12px;padding:16px;margin-block:12px;border:1px solid var(--line);border-radius:var(--ui-inner,10px);background:var(--surface-2); }
:root[data-skin=workspace][data-design] [data-settings-page=work] .ios-rule-field { display:grid;gap:7px;min-width:100px;flex:1;font-size:12px;color:var(--text-2); }
:root[data-skin=workspace][data-design] [data-settings-page=work] .worklib-row input { width:100%;min-width:0; }.row-code { flex-basis:100%; }
:root[data-skin=workspace][data-design] [data-settings-page=work] .row-active { min-height:44px; }
:root[data-skin=workspace][data-design] [data-settings-page=work] .quality-areas { display:grid;grid-template-columns:1fr;gap:18px; }
:root[data-skin=workspace][data-design] [data-settings-page=work] .quality-area-card { border-top:3px solid var(--tone-green); }.quality-template-head { gap:12px;flex-wrap:wrap; }
:root[data-skin=workspace][data-design] [data-settings-page=work] :is(.quality-template-create,.quality-template-copy,.quality-item-add) { display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-block:14px; }
:root[data-skin=workspace][data-design] [data-settings-page=work] .nb-form { padding:20px;gap:18px; }
:root[data-skin=workspace][data-design] [data-settings-page=work] .quality-settings-grid { display:grid;grid-template-columns:minmax(0,1fr);gap:18px; }
:root[data-skin=workspace][data-design] [data-settings-page=work] .quality-area-manager { padding:18px;border:1px solid var(--line);border-top:3px solid var(--quality-tone);border-radius:var(--ui-inner,10px);background:color-mix(in srgb,var(--quality-tone) 4%,var(--surface-1)); }
:root[data-skin=workspace][data-design] [data-settings-page=work] .quality-area-manager>header { margin-bottom:16px; }.quality-area-manager>header h3 { margin:5px 0;font-size:18px; }
:root[data-skin=workspace][data-design] [data-settings-page=work] .quality-template-head { display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:52px;padding:8px;list-style:none;font-size:14px; }
:root[data-skin=workspace][data-design] [data-settings-page=work] .quality-setting-item { display:flex;justify-content:space-between;align-items:center;width:100%;max-width:none;gap:16px;padding:12px 0;font-size:14px; }
:root[data-skin=workspace][data-design] [data-settings-page=work] :is(.quality-template-create,.quality-copy-form,.quality-item-add) { display:flex;flex-wrap:wrap;gap:10px;padding:14px;align-items:end; }
:root[data-skin=workspace][data-design] [data-settings-page=work] .quality-item-add input { min-width:0;flex:1; }
@media(max-width:600px){.wr-nav a{padding:10px;gap:8px;}.wr-nav strong{font-size:12px;}.wr-nav-icon{width:30px;height:30px;}.wr-group-body{padding:10px;}.wr-item{padding:12px 6px;gap:2px;}.wr-group>summary{gap:8px;}.wr-group-name strong{font-size:16px;}.wr-points{font-size:16px;}.wr-intro h2{font-size:22px;}}
.ac-home .ac-welcome h1 { font-size:clamp(24px,2.3vw,38px); }.ac-home .ac-welcome p { font-size:14px; }
:root[data-skin=workspace][data-design] .pc-dialog { width:min(740px,calc(100vw - 24px));padding:20px; }
.ac-modalbar { margin:0 0 16px;padding:0 0 12px;background:var(--surface-1);border-bottom:1px solid var(--line);font-size:12px;font-weight:650;letter-spacing:.04em;color:var(--text-3); }
.ac-modalbar button { min-height:40px;min-width:40px;border:1px solid var(--line);border-radius:var(--ui-inner,10px);background:var(--surface-2);font:inherit;font-size:24px;color:var(--text-1); }
.ac-detail { border:0;padding:0;margin:0 0 16px; }.ac-overview { padding:20px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--ac-tone) 40%,var(--line));border-left:4px solid var(--ac-tone);border-radius:var(--ui-inner,12px);background:linear-gradient(110deg,color-mix(in srgb,var(--ac-tone) 14%,var(--surface-1)),var(--surface-1)); }
.ac-kicker { color:var(--ac-tone);font-size:11px;font-weight:750;letter-spacing:.08em; }.ac-detail .ac-overview h2 { margin:10px 0;font-size:clamp(21px,2vw,28px);line-height:1.4; }
.ac-slot { font-size:14px;color:var(--text-2);margin:0 0 14px; }.ac-context { gap:8px; }.ac-context a,.ac-context>span { display:inline-flex;gap:6px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:var(--ui-inner,10px);background:var(--surface-1);font-size:12px;color:var(--text-1);text-decoration:none; }.ac-context svg { width:16px;height:16px; }
.ac-metrics { gap:10px;margin-bottom:16px; }.ac-metrics span { border-top:3px solid var(--tone-blue);padding:12px;border-radius:var(--ui-inner,10px); }.ac-metrics span:nth-child(2){border-top-color:var(--tone-green);}.ac-metrics span:nth-child(3){border-top-color:var(--tone-purple);}.ac-metrics strong{font-size:20px;}
.ac-quick-actions { gap:10px;margin:0 0 16px; }.ac-quick-actions .primary-button { display:inline-flex;align-items:center;justify-content:center;gap:8px; }.ac-quick-actions svg { width:18px;height:18px; }.ac-complete { border-color:color-mix(in srgb,var(--tone-green) 45%,var(--line));color:var(--tone-green); }
.ac-detail [data-calendar-feedback]:empty { display:none; }.ac-detail [data-calendar-feedback]:not(:empty) { padding:12px;border-radius:var(--ui-inner,10px);background:color-mix(in srgb,var(--tone-green) 10%,var(--surface-1));font-size:13px;line-height:1.6; }
.ac-fold { --fold-tone:var(--tone-blue);margin:0 0 10px;border:1px solid var(--line);border-radius:var(--ui-inner,10px);background:var(--surface-1);overflow:hidden; }.ac-notes{--fold-tone:var(--tone-amber);}.ac-documents{--fold-tone:var(--tone-cyan);}.ac-history{--fold-tone:var(--tone-purple);}.ac-help{--fold-tone:var(--text-3);}.ac-edit-fields{--fold-tone:var(--tone-blue);}
:root[data-skin=workspace][data-design] .ac-fold>summary { padding:15px 38px 15px 16px;font-size:14px;font-weight:650;color:var(--text-1);list-style:none;cursor:pointer;border-left:3px solid var(--fold-tone);background:color-mix(in srgb,var(--fold-tone) 6%,var(--surface-1)); }.ac-fold>summary::-webkit-details-marker{display:none;}.ac-fold>summary::after{content:'+';position:absolute;right:16px;top:16px;color:var(--fold-tone);font-size:18px;}.ac-fold[open]>summary::after{content:'−';}
.ac-fold>summary>span{gap:8px;}.ac-fold>summary svg{width:17px;height:17px;color:var(--fold-tone);}.ac-fold>summary small{display:block;font-size:12px;font-weight:400;color:var(--text-3);margin-top:5px;}
.ac-fold-body { padding:16px;border-top:1px solid var(--line);font-size:13px;line-height:1.65; }.ac-fold-body p { margin:0 0 10px; }.ac-fold-body p:last-child { margin-bottom:0; }
:root[data-skin=workspace][data-design] .pc-dialog .ac-edit-fields>form.pw-form { padding:18px;border-top:1px solid var(--line);gap:16px; }.pc-dialog .ac-edit-fields>.pw-actions{padding:0 18px 18px;}.pc-dialog .pc-extra{border:1px solid var(--line);border-radius:var(--ui-inner,10px);padding:12px;}.pc-dialog .pc-extra>summary{font-size:13px;color:var(--tone-blue);}
@media(max-width:600px){:root[data-skin=workspace][data-design] .pc-dialog{padding:14px;}.ac-overview{padding:16px;}.ac-metrics{gap:6px;}.ac-metrics span{padding:10px 7px;font-size:11px;}.ac-metrics strong{font-size:17px;}.ac-home .ac-welcome h1{font-size:24px;}}
.af-toolbar{margin:0 0 18px}.af-datebar strong{font-size:var(--fs-lg);line-height:1.45}.af-datebar>div>a{font-size:var(--ui-small);color:var(--accent);padding:4px 12px}.af-datebar>.small-button{font-size:25px;min-width:44px}
.ac-home [data-dayflow][data-view='home']{margin:0;padding:12px 16px;border:0}.ac-home [data-dayflow][data-view='home'] .df-kicker{font-size:10px}.ac-home [data-dayflow][data-view='home'] .df-context h2{font-size:15px}.ac-home [data-dayflow][data-view='home'] .df-context p{font-size:12px}.ac-home [data-dayflow][data-view='home'] .df-flow{margin:0}
.af-views{gap:3px;padding:4px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--ui-inner)}
.af-views>a{padding:9px 16px;color:var(--text-2);font-size:var(--ui-small);border-radius:calc(var(--ui-inner) - 2px);min-height:40px;display:flex;align-items:center}
.af-views>a[aria-current]{background:var(--surface-1);color:var(--text-1);box-shadow:var(--ui-shadow);font-weight:700}
.af-secondary summary{font-size:var(--ui-small);color:var(--text-2);cursor:pointer;padding:4px 0}.af-jump[open]>form{padding-top:12px}
.af-card{background:color-mix(in srgb,var(--c) 7%,var(--surface-1));border:1px solid color-mix(in srgb,var(--c) 32%,var(--line));border-left:4px solid var(--c);border-radius:var(--ui-radius);padding:12px 18px 18px;color:var(--text-1)}
.af-card>header{gap:8px}.af-card>header time{font-weight:700;font-size:var(--ui-small);font-variant-numeric:tabular-nums}.af-length{font-size:var(--ui-small);color:var(--text-2)}
.af-card-link{color:var(--text-1);padding:6px 0 0;text-decoration:none}.af-card-link:hover{text-decoration:none}.af-card-link h2{font-size:18px!important;font-weight:700;line-height:1.5}.af-card-link>span{font-size:var(--ui-small);color:var(--text-2);margin-top:6px}.af-next{font-size:var(--ui-small);line-height:1.65;color:var(--text-2);padding-top:12px;margin:12px 0 0;border-top:1px solid var(--line-soft)}
.af-check{margin:-5px 0 -5px -10px;cursor:pointer}.af-check input{accent-color:var(--c)}.af-card.is-done{opacity:.7}.af-card.is-current{box-shadow:0 0 0 1px var(--c)}.af-card.is-overdue{border-color:var(--bad)}
.af-late-label,.af-current-label{font-size:var(--ui-small);font-weight:650;margin-top:10px;color:var(--bad)}.af-current-label{color:var(--accent)}.af-empty{padding:30px 16px;text-align:center;color:var(--text-2)}.af-empty h2{color:var(--text-1);font-size:22px}.af-empty p{margin:8px 0 20px;line-height:1.7}
.af-card.is-overdue:not(.is-done)::before{border:2px solid var(--bad);animation:af-attention 2s ease-in-out infinite}@keyframes af-attention{0%,100%{opacity:.12}50%{opacity:.8}}:root:not([data-motion='full']) .af-card::before,:root[data-saver='on'] .af-card::before{animation:none!important;opacity:.3}@media(prefers-reduced-motion:reduce){.af-card::before{animation:none!important;opacity:.3}}
.af-capture[open],.af-review[open]{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--ui-radius);padding:16px}.af-review{margin-top:20px}.af-review>summary{font-weight:700;color:var(--text-1);padding:8px 0;cursor:pointer}.af-review>summary span{font-weight:400;color:var(--text-2);font-size:var(--ui-small);margin-left:10px}.af-review article{padding:16px 0;border-top:1px solid var(--line-soft);margin-top:14px}.af-review article>small{margin:6px 0;color:var(--text-2)}.af-sync{color:var(--text-2);font-size:var(--ui-small);margin:12px 0 0;line-height:1.6}
.ac-actual>summary{color:var(--accent)}.ac-timer-match{border:1px solid var(--line);border-radius:var(--ui-inner);padding:14px}.ac-timer-match p{font-size:var(--ui-small);color:var(--text-2)}.ac-timer-match .checkbox-label{display:flex;gap:10px;align-items:center}
.ac-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-dialog .ac-metrics>span:last-child{grid-column:auto!important}
@media(max-width:600px){.ac-home .ac-welcome{margin-bottom:16px}.ac-home [data-dayflow]{margin-bottom:18px}.af-card{padding:12px 14px 16px}.af-card-link h2{font-size:17px!important}.af-views>a{padding:9px 14px}.af-secondary summary{min-height:32px}.pc-dialog{width:calc(100% - 16px)!important;max-width:none!important;border-radius:var(--ds-dialog)!important;padding:0!important}.pc-dialog .pc-editor{padding:16px!important}.pc-dialog .ac-overview h2{font-size:23px}.pc-dialog .ac-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-dialog .ac-metrics>span:last-child{grid-column:1/-1}.pc-dialog .ac-fold>summary{min-height:52px;gap:12px}.pc-dialog .ac-fold>summary small{font-size:12px}.pc-dialog .ac-quick-actions{gap:10px}}
@media(max-width:600px){.ac-home [data-dayflow][data-view='home'] .df-strip{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.ac-home [data-dayflow][data-view='home'] .df-status{flex:1 1 160px}.ac-home [data-dayflow][data-view='home'] .df-tools{padding:0;border:0}.ac-home [data-dayflow][data-view='home'] .df-next{display:none}.ac-home [data-dayflow][data-view='home'] .df-guards{display:none}.ac-home [data-dayflow][data-view='home'] .df-context{display:block}.ac-home [data-dayflow][data-view='home'] .df-context h2{font-size:14px;margin-top:4px}.ac-home [data-dayflow][data-view='home'] .df-context p{margin-top:4px}.ac-home [data-dayflow][data-view='home'] .df-refresh{display:none}}
@media(max-width:600px){.ac-home{gap:16px}.ac-home .ac-welcome,.ac-home .ac-shared-plan{margin-bottom:0}.ac-home .ac-welcome>div>p{display:none}.ac-home [data-dayflow][data-view='home'] .df-unpaired .df-kicker,.ac-home [data-dayflow][data-view='home'] .df-unpaired .df-context p{display:none}.ac-home [data-dayflow][data-view='home'] .df-unpaired .df-context h2{margin:0}}
.ar-recipes{margin:0 0 24px}.ar-recipes>header{margin-bottom:18px}.ar-recipes>header p{max-width:850px;color:var(--text-2);line-height:1.7}.ar-recipe{padding:14px 18px;background:var(--surface-1);border:1px solid var(--line);border-left:3px solid var(--c);border-radius:var(--ui-radius)}.ar-recipe>summary{cursor:pointer;min-height:32px}.ar-recipe>summary strong{font-size:var(--ui-body)}.ar-recipe>summary small{font-size:var(--ui-small);color:var(--text-2)}.ar-recipe .pw-form{margin-top:18px}
.ae-card{padding:20px;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--ui-radius);color:var(--text-1)}.ae-card[aria-current]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface-1))}.ae-card small{color:var(--accent);font-size:var(--ui-small);font-weight:700}.ae-card h2{font-size:20px;line-height:1.4;margin:8px 0}.ae-card p{font-size:var(--ui-small);line-height:1.65;color:var(--text-2)}.ae-card time{color:var(--text-2);font-size:var(--ui-small)}.ae-editor>header{margin-bottom:18px}.ae-editor>header h2{margin:0}.ae-editor>header>a{font-size:var(--ui-small);color:var(--accent)}
.aw-capacity{margin:20px 0 26px}.aw-capacity h2{margin:5px 0}.aw-capacity header small{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.06em}.aw-capacity .pw-hint{margin:14px 0}.aw-capacity th,.aw-capacity td{padding:12px;border-bottom:1px solid var(--line-soft);font-size:var(--ui-small)}.aw-capacity thead th{color:var(--text-2);font-weight:600}.aw-capacity td small{color:var(--text-2);font-size:12px;margin-top:5px}.pc-new-recipe [data-recipe-hint]{font-size:var(--ui-small);color:var(--text-2);line-height:1.7;margin-top:8px}.pc-new-recipe [data-recipe-duration]{margin-top:8px}
.ac-shared-plan{margin-bottom:18px;border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--surface-1)}.af-day-change{margin:0;border:0;border-top:1px solid var(--line);border-radius:0 0 var(--ui-radius) var(--ui-radius);padding:10px 16px;background:var(--surface-1)}.af-day-change>summary{font-size:var(--ui-small);font-weight:650;color:var(--text-2);cursor:pointer;min-height:24px}.af-change-preview{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.af-change-columns p{font-size:var(--ui-small);padding:7px 0;border-bottom:1px solid var(--line-soft)}.af-change-columns strong{color:var(--accent);font-size:var(--ui-small)}.af-change-preview details{margin:16px 0}.af-change-undo{margin-top:18px}
@media(max-width:600px){.ae-card{padding:16px}.aw-capacity th,.aw-capacity td{padding:10px 7px;font-size:12px}}
.fn-panel{border:1px solid var(--line);border-radius:var(--ui-radius,16px);background:var(--surface-1);box-shadow:var(--ui-shadow)}.fn-page .fn-panel>summary,.fn-panel-head,.fn-panel-body,.fn-payment{padding:var(--ui-pad,24px)}.fn-page details>summary{font-size:var(--ui-heading,20px);font-weight:750;color:var(--text-1)}.fn-page details>summary small{font-size:var(--ui-small,12px);font-weight:500;color:var(--text-3)}.fn-page details[open]>summary{border-bottom:1px solid var(--line)}.fn-page details>summary::after{font-size:24px;color:var(--accent)}.fn-page .fn-form label,.fn-filters label,.fn-pay-form label{font-size:var(--ui-small,13px);font-weight:650;color:var(--text-2)}.fn-page input,.fn-page select,.fn-page textarea{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--ui-inner,10px);padding:11px 12px;color:var(--text-1);min-height:44px;font:inherit}.fn-page textarea{min-height:75px}.fn-page .fn-form-foot p,.fn-hint,.fn-native p{font-size:var(--ui-small,13px);color:var(--text-3);line-height:1.6}.fn-panel-head h2{margin:5px 0;font-size:var(--ui-heading,22px)}.fn-panel-head small{color:var(--accent);letter-spacing:.08em;font-size:11px;font-weight:800}.fn-panel-head p{margin:4px 0 0;color:var(--text-3);font-size:var(--ui-small,13px)}.fn-filters{padding:0 var(--ui-pad,24px) var(--ui-pad,24px);border-bottom:1px solid var(--line)}.fn-table th{background:var(--surface-2);color:var(--text-2);font-size:var(--ui-small,12px);font-weight:750;border-bottom:1px solid var(--line)}.fn-table td{font-size:var(--ui-body,14px);color:var(--text-1);border-bottom:1px solid var(--line)}.fn-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}.fn-page .fn-income{color:var(--positive,#329e75);font-weight:700}.fn-page .fn-expense{color:var(--negative,#d75169);font-weight:700}.fn-totals{padding:var(--ui-pad,24px);background:color-mix(in srgb,var(--accent) 5%,var(--surface-1));border-radius:0 0 var(--ui-radius,16px) var(--ui-radius,16px)}.fn-totals span{font-size:var(--ui-small,13px);color:var(--text-3)}.fn-totals strong{font-size:clamp(19px,1.6vw,26px);color:var(--text-1)}.fn-totals small{color:var(--text-3);font-size:12px}.fn-pages{padding:16px var(--ui-pad,24px)}.fn-rule-list article{padding:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--ui-inner,12px)}.fn-rule-list p,.fn-rule-list small{font-size:var(--ui-small,13px);color:var(--text-3);margin:5px 0 0}.fn-native{padding:18px;background:var(--surface-2);border-radius:var(--ui-inner,12px);border:1px solid var(--line)}.fn-native>summary{font-size:16px!important}.fn-vendor-list span{border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:12px;color:var(--text-2)}.fn-payment{border-left:4px solid var(--accent)}.fn-payment h2{font-size:22px;margin:7px 0}.fn-payment strong{font-size:30px}.fn-alert{padding:16px 18px;background:color-mix(in srgb,var(--accent) 10%,var(--surface-1));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-left:4px solid var(--accent);border-radius:var(--ui-inner,12px);color:var(--text-1)}.fn-alert-payment{border-left-color:var(--negative,#d75169);background:color-mix(in srgb,var(--negative,#d75169) 8%,var(--surface-1))}.fn-alert strong{font-size:var(--ui-body,15px)}.fn-alert p{font-size:var(--ui-small,13px);line-height:1.5}.fn-alert small{font-size:11px;color:var(--text-3)}.fn-alert-icon{color:var(--accent)}.fn-alert .small-button,.fn-alert .primary-button{font-size:12px}.fn-alert .nx-icon{width:20px;height:20px}.fn-table td::before{font-size:12px;color:var(--text-3);font-weight:650}.fn-page .fn-empty{color:var(--text-3)}
@media(max-width:600px){.fn-table tr{border:1px solid var(--line);border-radius:var(--ui-inner,12px);margin:12px}.fn-table td:last-child{border-bottom:0}.fn-page .fn-panel>summary{font-size:17px}.fn-totals strong{font-size:20px}.fn-alert{padding:14px}.fn-page input,.fn-page select,.fn-page textarea{font-size:16px}.fn-alerts{margin-top:8px}}
.fn-alert-stack{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--ui-inner,12px);background:var(--surface-1);padding:14px 18px;box-shadow:var(--ui-shadow)}.fn-alert-stack>summary{font-weight:750;color:var(--text-1)}
.fn-ledger-export{padding:0}
.fn-rules-grid>.fn-panel{align-self:start}.fn-client-list article{padding:14px;border:1px solid var(--line);border-radius:var(--ui-inner,12px);background:var(--surface-2)}.fn-service-chip{border-radius:999px;padding:6px 10px;background:color-mix(in srgb,var(--accent) 11%,var(--surface-1));color:var(--text-2);font-size:var(--ui-small,12px)}.fn-manage-grid>.fn-form h3{font-size:var(--ui-heading,18px);line-height:1.35}.fn-alert-paid input{border:1px solid var(--line);border-radius:var(--ui-inner,10px);background:var(--surface-2);color:var(--text-1);padding:8px}.fn-alert-paid label{color:var(--text-2);font-size:12px}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/poppins-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/poppins-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/poppins-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/poppins-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/poppins-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/poppins-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/poppins-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/poppins-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/poppins-latin-ext-800-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/poppins-latin-800-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:900;font-display:swap;src:url('fonts/poppins-latin-ext-900-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:900;font-display:swap;src:url('fonts/poppins-latin-900-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root[data-skin='workspace'][data-design='original'][data-scheme='dark']{
--ob-on-accent:#08090c;
--ob-accent-2:#46dfb2;
--ob-danger:#ff5b62;
--ob-ok:#5fe09a;
--ob-warn:#ffbd65;
--ob-radius:16px;
--ob-shadow:0 18px 50px rgba(0,0,0,.28);
--ob-sb-bg:color-mix(in srgb,var(--ob-bg) 82%,var(--ob-surface));
--ob-panel-bg:linear-gradient(150deg,color-mix(in srgb,var(--ob-surface) 96%,var(--ob-accent) 4%),var(--ob-surface));
--ob-glass:color-mix(in srgb,var(--ob-surface) 82%,transparent);
--ob-glass-strong:color-mix(in srgb,var(--ob-surface) 94%,transparent);
--ob-glass-border:var(--ob-line);
--ob-soft-shadow:var(--ob-shadow);
--ob-glow:var(--ob-glow-a);
--ob-bg:#07080c;
--ob-surface:#10121a;
--ob-surface2:#171a24;
--ob-line:#262a37;
--ob-text:#f3f4f8;
--ob-muted:#8a90a0;
--ob-accent:#8e91ff;
--ob-glow-a:rgba(109,83,255,.20);
--ob-glow-b:rgba(70,223,178,.08);
}
:root[data-skin='workspace'][data-design='original'][data-scheme='light']{
--ob-on-accent:#fff;
--ob-accent-2:#0e8e6e;
--ob-danger:#c0283a;
--ob-ok:#167a48;
--ob-warn:#a6660a;
--ob-radius:16px;
--ob-shadow:0 1px 2px rgba(20,32,60,.05),0 14px 34px rgba(20,32,60,.07);
--ob-sb-bg:#fafbfd;
--ob-panel-bg:#fdfdfe;
--ob-glass:color-mix(in srgb,var(--ob-surface) 82%,transparent);
--ob-glass-strong:color-mix(in srgb,var(--ob-surface) 94%,transparent);
--ob-glass-border:var(--ob-line);
--ob-soft-shadow:var(--ob-shadow);
--ob-glow:var(--ob-glow-a);
--ob-bg:#f4f6f9;
--ob-surface:#fdfdfe;
--ob-surface2:#eaeef4;
--ob-line:#e3e8f0;
--ob-text:#111621;
--ob-muted:#5b6678;
--ob-accent:#2d4ec4;
--ob-glow-a:rgba(45,78,196,.08);
--ob-glow-b:rgba(14,142,110,.06);
}
:root[data-skin='workspace'][data-design='original']{
--ob-bg:#07080c;--ob-surface:#10121a;--ob-surface2:#171a24;--ob-text:#f3f4f8;--ob-line:#262a37;--ob-muted:#8a90a0;--ob-accent:#8e91ff;--ob-accent-2:#46dfb2;
--void:var(--ob-bg);--void-2:var(--ob-surface);--sunk:var(--ob-bg);--plate-1:var(--ob-surface);--plate-2:var(--ob-surface2);--plate-raise:var(--ob-surface2);
--ink:var(--ob-text);--ink-2:var(--ob-text);--ink-3:var(--ob-muted);--ink-4:var(--ob-muted);--channel:var(--ob-line);--hair:var(--ob-line);--hair-soft:var(--ob-line);
--blue:var(--ob-accent);--blue-dim:color-mix(in srgb,var(--ob-accent) 14%,var(--ob-surface));--on-accent:var(--ob-on-accent);--accent-2:var(--ob-accent-2);--bad:var(--ob-danger);--ok:var(--ob-ok);--warn:var(--ob-warn);
--ds-bg:var(--ob-bg);--ds-card:var(--ob-surface);--ds-low:var(--ob-surface2);--ds-inset:var(--ob-bg);--ds-high:var(--ob-surface2);--ds-rail:var(--ob-sb-bg);--ds-text:var(--ob-text);--ds-secondary:var(--ob-muted);--ds-muted:var(--ob-muted);--ds-line:var(--ob-line);--ds-soft-line:var(--ob-line);--ds-accent:var(--ob-accent);--ds-accent-bg:var(--blue-dim);--ds-on-accent:var(--ob-on-accent);--ds-selected:var(--blue-dim);--ds-on-selected:var(--ob-text);--ds-field-bg:var(--ob-surface2);--ds-field-line:var(--ob-line);
--ds-font:Poppins,system-ui,sans-serif;--font-body:var(--ds-font);--font-display:var(--ds-font);--ui-radius:16px;--ui-inner:9px;--ui-check:5px;--ui-body:14px;--ui-small:12px;--ui-title:clamp(28px,3vw,40px);--ui-heading:20px;--ui-pad:24px;--ui-gap:18px;--ui-shadow:var(--ob-shadow);--sidebar-w:250px;
}
:root[data-skin='workspace'][data-design='original'] body{background:radial-gradient(circle at 80% -10%,var(--ob-glow-a),transparent 36%),radial-gradient(circle at 10% 110%,var(--ob-glow-b),transparent 36%),var(--ob-bg);font-family:var(--ds-font);letter-spacing:normal}
:root[data-skin='workspace'][data-design='original'] .main-content{background:none}
:root[data-skin='workspace'][data-design='original'] .sidebar{background:var(--ob-sb-bg);border-right:1px solid var(--ob-line)}
:root[data-skin='workspace'][data-design='original'] :is(.nav-item,.sidebar-nav a){border-radius:10px;font-weight:600;letter-spacing:0}
:root[data-skin='workspace'][data-design='original'] .nav-item.active{background:var(--blue-dim);color:var(--ob-accent);box-shadow:inset 3px 0 var(--ob-accent)}
:root[data-skin='workspace'][data-design='original'] :is(.pw-panel,.panel,.settings-section,.pl-library,.pl-calendar,.pl-settings,.detail-zone,.nb-card,.nw-project-card,.nw-mission-card){background:var(--ob-panel-bg);border-color:var(--ob-line);box-shadow:var(--ob-shadow)}
:root[data-skin='workspace'][data-design='original'] :is(.primary-button,.small-button,.ghost-button,.filter-button){border-radius:9px;font-family:var(--ds-font);font-weight:700;letter-spacing:.025em}
:root[data-skin='workspace'][data-design='original'] .primary-button{background:var(--ob-accent);color:var(--ob-on-accent);border-color:var(--ob-accent);box-shadow:0 8px 24px color-mix(in srgb,var(--ob-accent) 22%,transparent)}
:root[data-skin='workspace'][data-design='original'] :is(.small-button,.ghost-button){background:var(--ob-surface2);border-color:var(--ob-line);color:var(--ob-text)}
:root[data-skin='workspace'][data-design='original'] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:color-mix(in srgb,var(--ob-surface2) 70%,var(--ob-bg));border-color:var(--ob-line);color:var(--ob-text);border-radius:9px}
:root[data-skin='workspace'][data-design='original'] :is(.pw-heading,.nw-section-title) h1{font-weight:800;letter-spacing:-.04em}
:root[data-skin='workspace'][data-design='original'] :is(.pw-eyebrow,.kicker,.eyebrow){font-weight:800;letter-spacing:.14em}
:root[data-skin='workspace'][data-design='original'] .ios-settings{--ios-bg:var(--ob-bg);--ios-card:var(--ob-surface);--ios-inset:var(--ob-surface2);--ios-text:var(--ob-text);--ios-secondary:var(--ob-muted);--ios-line:var(--ob-line);--ios-blue:var(--ob-accent);--ios-green:var(--ob-ok);--ios-red:var(--ob-danger)}
.ios-settings .design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ios-settings .theme-option[hidden]{display:none!important}
.ios-settings .theme-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
@media(max-width:1100px){.ios-settings .design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){:root[data-skin='workspace'][data-design='original']{--ui-pad:18px;--ui-body:15px}.ios-settings .design-option{padding:12px}.ios-settings .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ios-settings .theme-option:last-child{grid-column:auto}}
@media(min-width:1921px){:root[data-skin='workspace'][data-design='original']{--ui-body:17px;--ui-small:14px;--ui-title:42px;--ui-heading:24px;--ui-pad:28px}}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/manrope-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/manrope-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root[data-design='original']{--of-bg:#f2f4f8;--of-panel:#ffffff;--of-soft:#f6f7fa;--of-ink:#192436;--of-muted:#536176;--of-line:#dee4ec;--of-brand:#4d50d8;--of-on-brand:#ffffff;--of-green:#087758;--of-red:#b9334f;--of-amber:#8b570a;--of-blue:#345ac0;--of-receivable:#7652b0}
:root[data-design='original'][data-scheme='dark']{--of-bg:#111723;--of-panel:#1b2433;--of-soft:#222e40;--of-ink:#eef2f9;--of-muted:#afbdd1;--of-line:#354258;--of-brand:#adafff;--of-on-brand:#111723;--of-green:#69dbb4;--of-red:#ff9aab;--of-amber:#efc178;--of-blue:#a5bcff;--of-receivable:#c8b2ff}
:root[data-skin='workspace'][data-design='original'][data-scheme]:has(.fn-original) body{background:var(--of-bg)}
:root[data-skin='workspace'][data-design='original'][data-scheme]:has(.fn-original) .main-content{background:var(--of-bg)}
:root[data-design='original'] .fn-original .fo-alert-details{padding:16px;border-top:1px solid var(--of-line)}
:root[data-design='original'] .fn-original .fo-alert-details>summary{font-size:13px;font-weight:650}
:root[data-design='original'] .fn-original .fo-alert-details [data-finance-alerts]{position:static;margin-top:16px;z-index:auto}
:root[data-design='original'] .fn-original .fo-alert-details .fn-alert-stack{padding:10px;max-height:none;overflow:visible;box-shadow:none}
:root[data-design='original'] .fn-original .fo-alert-details .fn-alert{flex-direction:column;align-items:stretch;padding:12px}
:root[data-design='original'] .fn-original .fo-alert-details .fn-alert-icon{display:none}
:root[data-design='original'] .fn-original .fo-alert-details .fn-alert-actions{display:grid;padding:0;width:100%}
:root[data-design='original'] .fn-original .fo-alert-details .fn-alert-actions :is(button,a){width:100%;white-space:normal}
:root[data-design='original'] .fn-original{--surface-0:var(--of-bg);--surface-1:var(--of-panel);--surface-2:var(--of-soft);--text-1:var(--of-ink);--text-2:var(--of-ink);--text-3:var(--of-muted);--text-4:var(--of-muted);--line:var(--of-line);--accent:var(--of-brand);--font-body:Manrope,system-ui,sans-serif;--font-display:var(--font-body);--ds-font:var(--font-body);--ui-shadow:none;--ui-title:34px;--ui-heading:18px;--ui-body:14px;--ui-small:12px;font:500 14px/1.6 var(--font-body);color:var(--of-ink);max-width:1800px;width:100%;margin-inline:auto}
:root[data-design='original'] .fn-original :is(h1,h2,h3,p){margin:0}
:root[data-design='original'] .fn-original :is(a,button,input,select,textarea){font-family:var(--font-body);letter-spacing:normal}
:root[data-design='original'] .fn-original :is(.primary-button,.small-button){border-radius:10px;box-shadow:none;font-size:13px;font-weight:700;padding:11px 14px;min-height:44px}
:root[data-design='original'] .fn-original .primary-button{background:var(--of-brand);border-color:var(--of-brand);color:var(--of-on-brand)}
:root[data-design='original'] .fn-original .small-button{background:var(--of-panel);border-color:var(--of-line);color:var(--of-ink)}
:root[data-design='original'] .fn-original .fn-panel{background:var(--of-panel);border:1px solid var(--of-line);border-radius:18px;box-shadow:none}
:root[data-design='original'] .fn-original :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--of-soft);color:var(--of-ink);border:1px solid var(--of-line);border-radius:9px;padding:11px 12px;min-height:44px;font-size:14px}
:root[data-design='original'] .fn-original h1{font-size:34px;line-height:1.2;letter-spacing:-.04em;font-weight:800;margin:4px 0 7px}
:root[data-design='original'] .fn-original h2{font-size:18px;line-height:1.4;letter-spacing:-.025em;font-weight:800}
:root[data-design='original'] .fn-original h3{font-size:15px;font-weight:750}
:root[data-design='original'] .fn-original :is(small,.fo-heading p,.fo-scope,.fo-footnote){font-size:12px;color:var(--of-muted);line-height:1.6}
:root[data-design='original'] .fn-original .fo-income{--fo-tone:var(--of-green)}
:root[data-design='original'] .fn-original .fo-expense{--fo-tone:var(--of-red)}
:root[data-design='original'] .fn-original .fo-net{--fo-tone:var(--of-blue)}
:root[data-design='original'] .fn-original .fo-pending{--fo-tone:var(--of-amber)}
:root[data-design='original'] .fn-original .fo-receivable{--fo-tone:var(--of-receivable)}
:root[data-design='original'] .fn-original .fo-stat{padding:20px;border:1px solid var(--of-line);border-top:4px solid var(--fo-tone);border-radius:18px;background:color-mix(in srgb,var(--fo-tone) 8%,var(--of-panel))}
:root[data-design='original'] .fn-original .fo-stat>span{font-size:13px;font-weight:750;color:var(--fo-tone)}
:root[data-design='original'] .fn-original .fo-stat>strong{font-size:clamp(21px,1.55vw,30px);line-height:1.3;letter-spacing:-.035em;font-weight:800;color:var(--of-ink)}
:root[data-design='original'] .fn-original .fo-summary+.fo-scope{margin-top:-9px}
:root[data-design='original'] .fn-original .fn-panel-head{border-bottom:1px solid var(--of-line);padding:20px}
:root[data-design='original'] .fn-original .fo-quick-filters{padding:16px 20px;border-bottom:1px solid var(--of-line)}
:root[data-design='original'] .fn-original a[aria-current='true']{background:color-mix(in srgb,var(--of-brand) 10%,var(--of-panel));border-color:var(--of-brand);color:var(--of-brand)}
:root[data-design='original'] .fn-original .fo-filter-details{padding:14px 20px;border-bottom:1px solid var(--of-line)}
:root[data-design='original'] .fn-original .fo-filter-details>summary{font-size:12px;color:var(--of-muted);font-weight:650;padding:0;border:0}
:root[data-design='original'] .fn-original .fo-filter-details .fn-filters{padding:0;border:0}
:root[data-design='original'] .fn-original .fo-movement{padding:19px 20px;border-bottom:1px solid var(--of-line);color:var(--of-ink);text-decoration:none;transition:background .15s}
:root[data-design='original'] .fn-original .fo-movement:hover{background:var(--of-soft)}
:root[data-design='original'] .fn-original .fo-movement:last-child{border-bottom:0}
:root[data-design='original'] .fn-original .fo-movement-icon{background:color-mix(in srgb,var(--fo-tone) 12%,var(--of-panel));color:var(--fo-tone);border-radius:11px}
:root[data-design='original'] .fn-original .fo-movement-name>strong{font-weight:750;font-size:14px}
:root[data-design='original'] .fn-original .fo-movement-amount>strong{font-weight:800;font-size:16px;color:var(--fo-tone)}
:root[data-design='original'] .fn-original .fo-badge{font-size:11px;font-weight:700;line-height:1.5;padding:3px 7px;border-radius:6px;background:color-mix(in srgb,var(--fo-tone) 12%,var(--of-panel));color:var(--fo-tone)}
:root[data-design='original'] .fn-original .fo-upcoming-list{padding:20px}
:root[data-design='original'] .fn-original .fo-event{border-left:3px solid var(--fo-tone);padding-left:14px}
:root[data-design='original'] .fn-original .fo-event time{font-size:12px;color:var(--of-muted)}
:root[data-design='original'] .fn-original .fo-event>strong{font-size:14px;font-weight:750}
:root[data-design='original'] .fn-original .fo-event>b{font-size:21px;line-height:1.4;letter-spacing:-.025em}
:root[data-design='original'] .fn-original .fo-overdue{--fo-tone:var(--of-red)}
:root[data-design='original'] .fn-original .fo-footnote{padding:0 20px 20px}
:root[data-design='original'] .fn-original .fo-empty{padding:20px;color:var(--of-muted);font-size:13px}
:root[data-design='original'] .fn-original .fo-management>.fn-panel-body{background:var(--of-soft);border-radius:0 0 18px 18px}
:root[data-design='original'] .fn-original .fo-budget{padding:18px;border-radius:12px;background:var(--of-soft)}
:root[data-design='original'] .fn-original .fo-budget span{font-size:13px;font-variant-numeric:tabular-nums}
:root[data-design='original'] .fn-original .fo-budget progress{background:var(--of-line);border-radius:9px;accent-color:var(--of-blue)}
:root[data-design='original'] .fn-original .fo-budget progress::-webkit-progress-bar{background:var(--of-line)}
:root[data-design='original'] .fn-original .fo-budget progress::-webkit-progress-value{background:var(--of-blue)}
:root[data-design='original'] .fn-original .fo-budget-over progress::-webkit-progress-value{background:var(--of-red)}
:root[data-design='original'] .fn-original .fo-budget-over p{color:var(--of-red)}
:root[data-design='original'] .fn-original .fo-budget p{font-size:12px}
:root[data-design='original'] .fn-original .fo-payment-history article{padding:12px;background:var(--of-soft);border-radius:10px}
:root[data-design='original'] .fn-original .fo-payment-history time{color:var(--of-muted);font-size:12px}
:root[data-design='original'] .fn-original :is(.fo-budget-editor,.fo-more)>summary{font-size:13px}
@media(max-width:550px){:root[data-design='original'] .fn-original h1{font-size:28px}:root[data-design='original'] .fn-original .fo-stat{padding:14px;gap:10px}:root[data-design='original'] .fn-original .fo-stat>span{font-size:12px}:root[data-design='original'] .fn-original .fo-stat>strong{font-size:20px}:root[data-design='original'] .fn-original :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}:root[data-design='original'] .fn-original :is(.fn-panel-head,.fn-panel-body,.fo-upcoming-list){padding:16px}:root[data-design='original'] .fn-original .fo-quick-filters{padding:12px;gap:6px}:root[data-design='original'] .fn-original .fo-quick-filters a{padding:10px 5px;font-size:12px}}
:root[data-skin='workspace'][data-design='original'] .fn-original :is(.fo-designed,.fo-editor,.fo-payment,.fo-alert-details){font-family:Manrope,system-ui,sans-serif}
:root[data-skin='workspace'][data-design='original'] .fn-original :is(.fo-designed,.fo-editor,.fo-payment,.fo-alert-details) :is(label,legend,summary,button,input,select,textarea,strong,small,p,span,a){font-family:Manrope,system-ui,sans-serif;letter-spacing:normal}
:root[data-design='original'] .fn-original .fo-section-head{padding:24px;border-bottom:1px solid var(--of-line)}
:root[data-design='original'] .fn-original .fo-section-icon{color:var(--fo-tone,var(--of-blue));background:color-mix(in srgb,var(--fo-tone,var(--of-blue)) 12%,var(--of-panel));border-radius:13px}
:root[data-design='original'] .fn-original .fo-section-copy h2{font-size:20px;font-weight:800;line-height:1.35}
:root[data-design='original'] .fn-original .fo-section-copy p,:root[data-design='original'] .fn-original .fo-section-copy small{font-size:13px;line-height:1.55;color:var(--of-muted)}
:root[data-design='original'] .fn-original :is(.fo-designed-body,.fo-editor-body){padding:24px}
:root[data-design='original'] .fn-original .fo-editor{border:1px solid var(--of-line);border-radius:16px;background:var(--of-panel);overflow:hidden}
:root[data-design='original'] .fn-original .fo-entry{border-top:4px solid var(--fo-tone)}
:root[data-design='original'] .fn-original :is(.fo-management-tile,.fo-budget-editor,.fn-rule-new)>summary{padding:20px;border:0;background:color-mix(in srgb,var(--fo-tone,var(--of-blue)) 4%,var(--of-panel));font-size:15px;color:var(--of-ink)}
:root[data-design='original'] .fn-original :is(.fo-management-tile,.fo-budget-editor,.fn-rule-new)>summary::after{content:'⌄';font-family:Manrope,system-ui,sans-serif;font-size:19px;line-height:1;color:var(--of-muted);transform:rotate(0deg)}
:root[data-design='original'] .fn-original :is(.fo-management-tile,.fo-budget-editor,.fn-rule-new)[open]>summary::after{content:'⌄';transform:rotate(180deg)}
:root[data-design='original'] .fn-original :is(.fo-management-tile,.fo-budget-editor,.fn-rule-new)[open]>summary{border-bottom:1px solid var(--of-line)}
:root[data-design='original'] .fn-original .fo-management-tile{border:1px solid var(--of-line);border-radius:16px;overflow:hidden;background:var(--of-panel)}
:root[data-design='original'] .fn-original .fo-management-tile.fn-native{padding:0;display:block}
:root[data-design='original'] .fn-original .fo-count{font-size:11px;font-weight:750;border-radius:7px;padding:5px 8px;color:var(--fo-tone);background:color-mix(in srgb,var(--fo-tone) 10%,var(--of-panel))}
:root[data-design='original'] .fn-original .fo-tile-body{padding:20px}
:root[data-design='original'] .fn-original .fo-tile-body>p{color:var(--of-muted);font-size:13px;line-height:1.7}
:root[data-design='original'] .fn-original .fo-fieldset{padding:20px;border:1px solid var(--of-line);border-radius:14px;background:var(--of-soft)}
:root[data-design='original'] .fn-original .fo-fieldset legend{padding:0 6px;font-size:14px;font-weight:800;color:var(--of-ink)}
:root[data-design='original'] .fn-original .fo-step{font-size:11px;font-weight:800;border-radius:7px;background:color-mix(in srgb,var(--fo-tone) 12%,var(--of-panel));color:var(--fo-tone)}
:root[data-design='original'] .fn-original .fo-entry-primary{background:color-mix(in srgb,var(--fo-tone) 5%,var(--of-panel));border-color:color-mix(in srgb,var(--fo-tone) 20%,var(--of-line))}
:root[data-skin='workspace'][data-design='original'] .fn-original .fo-designed-form label{font-size:13px;font-weight:650;color:var(--of-muted);line-height:1.45}
:root[data-skin='workspace'][data-design='original'] .fn-original .fo-designed-form :is(input:not([type=checkbox]),select,textarea){font-size:14px;font-weight:550;line-height:1.5;color:var(--of-ink);border:1px solid var(--of-line);border-radius:10px;background:var(--of-panel);padding:12px 14px;min-height:46px;box-shadow:none}
:root[data-skin='workspace'][data-design='original'] .fn-original .fo-designed-form .fo-amount-field>input{font-size:30px;font-weight:800;line-height:1.3;letter-spacing:-.03em;font-variant-numeric:tabular-nums;min-height:74px;color:var(--fo-tone,var(--of-ink));background:color-mix(in srgb,var(--fo-tone,var(--of-blue)) 4%,var(--of-panel))}
:root[data-design='original'] .fn-original .fo-form-actions{padding-top:18px;border-top:1px solid var(--of-line)}
:root[data-design='original'] .fn-original .fo-form-actions p{font-size:12px;line-height:1.7;color:var(--of-muted)}
:root[data-skin='workspace'][data-design='original'] .fn-original .fo-form-actions :is(.primary-button,.small-button){font-size:13px;line-height:1.5;font-weight:750;padding:12px 18px;min-height:44px;min-width:140px;width:auto;box-shadow:none}
:root[data-design='original'] .fn-original .fo-locked-amount strong{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--fo-tone)}
:root[data-design='original'] .fn-original .fo-locked-amount p{font-size:12px;color:var(--of-muted);line-height:1.7}
:root[data-design='original'] .fn-original .fo-designed-empty{padding:22px;background:var(--of-soft);border-radius:14px}
:root[data-design='original'] .fn-original .fo-designed-empty>span{color:var(--of-blue);background:color-mix(in srgb,var(--of-blue) 10%,var(--of-panel));border-radius:14px}
:root[data-design='original'] .fn-original .fo-designed-empty strong{font-size:15px;font-weight:750;color:var(--of-ink)}
:root[data-design='original'] .fn-original .fo-designed-empty p{font-size:13px;line-height:1.7;color:var(--of-muted)}
:root[data-design='original'] .fn-original .fo-budget-overview{padding:18px 20px;background:var(--of-soft);border-radius:14px}
:root[data-design='original'] .fn-original .fo-budget-overview strong{font-size:19px;font-weight:800;color:var(--of-ink);font-variant-numeric:tabular-nums}
:root[data-design='original'] .fn-original .fo-budget-overview small{font-size:12px;color:var(--of-muted)}
:root[data-design='original'] .fn-original .fo-budget{padding:20px;border:1px solid var(--of-line);border-top:3px solid var(--fo-tone);border-radius:15px;background:color-mix(in srgb,var(--fo-tone) 4%,var(--of-panel))}
:root[data-design='original'] .fn-original .fo-budget-dot{background:var(--fo-tone);border-radius:50%}
:root[data-design='original'] .fn-original .fo-budget>header>strong{font-size:14px;font-weight:800}
:root[data-design='original'] .fn-original .fo-budget-value>strong{font-size:24px;line-height:1.3;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
:root[data-design='original'] .fn-original .fo-budget>footer{border-top:1px solid var(--of-line);padding-top:14px}
:root[data-design='original'] .fn-original .fo-budget>footer p{font-size:12px;font-weight:700;color:var(--fo-tone)}
:root[data-design='original'] .fn-original .fo-budget>footer small{font-size:11px;font-weight:500;color:var(--of-muted)}
:root[data-design='original'] .fn-original :is(.fo-rule-list>article,.fo-client-list>article){padding:16px;border-radius:12px;background:var(--of-soft)}
:root[data-design='original'] .fn-original .fo-rule-list strong{font-size:15px;font-weight:800;color:var(--of-ink)}
:root[data-design='original'] .fn-original .fo-rule-list p{font-size:13px;color:var(--of-muted);line-height:1.6}
:root[data-design='original'] .fn-original .fo-vendor-chips :is(span,a){font-size:12px;padding:5px 9px;border-radius:7px;background:color-mix(in srgb,var(--fo-tone) 9%,var(--of-panel));color:var(--fo-tone);overflow-wrap:anywhere;text-decoration:none}
:root[data-design='original'] .fn-original .fo-switch input{accent-color:var(--of-brand)}
:root[data-design='original'] .fn-original .fo-alert-details .fo-designed-empty{padding:14px;gap:10px}
:root[data-design='original'] .fn-original .fo-alert-details .fo-designed-empty>span{display:none}
:root[data-design='original'] .fn-original .fo-alert-details [data-finance-alerts]>.small-button{margin-top:12px}
:root[data-design='original'] .fn-original .fo-alert-details [data-finance-alerts]{max-height:clamp(240px,42dvh,400px);overflow:auto;scrollbar-gutter:stable}
:root[data-design='original'] .fn-original .fo-scroll-region{scrollbar-color:color-mix(in srgb,var(--of-muted) 50%,var(--of-panel)) var(--of-soft)}
@media(max-width:550px){:root[data-design='original'] .fn-original :is(.fo-section-head,.fo-designed-body,.fo-editor-body,.fo-tile-body){padding:16px}:root[data-design='original'] .fn-original :is(.fo-management-tile,.fo-budget-editor,.fn-rule-new)>summary{padding:16px;gap:10px}:root[data-design='original'] .fn-original .fo-section-copy h2{font-size:18px}:root[data-design='original'] .fn-original .fo-section-copy small{font-size:12px}:root[data-design='original'] .fn-original .fo-section-icon{border-radius:10px}:root[data-design='original'] .fn-original .fo-fieldset{padding:16px}:root[data-design='original'] .fn-original .fo-count{font-size:10px;padding:4px 6px}:root[data-skin='workspace'][data-design='original'] .fn-original .fo-designed-form :is(input:not([type=checkbox]),select,textarea){font-size:16px}:root[data-skin='workspace'][data-design='original'] .fn-original .fo-designed-form .fo-amount-field>input{font-size:28px}:root[data-skin='workspace'][data-design='original'] .fn-original .fo-form-actions :is(.primary-button,.small-button){width:100%}:root[data-design='original'] .fn-original .fo-budget-overview strong{font-size:16px}:root[data-design='original'] .fn-original .fo-designed-empty{padding:16px;gap:12px}}
@media(max-width:760px),(min-width:761px) and (max-width:1100px) and (orientation:portrait){
:root[data-skin='workspace'][data-design='original'] .fn-original{padding:12px 16px 28px!important;gap:14px}
:root[data-design='original'] .fn-original .fo-heading{gap:12px}
:root[data-design='original'] .fn-original h1{margin:0 0 6px;font-size:28px;line-height:1.2}
:root[data-design='original'] .fn-original .fo-heading p{font-size:12px;line-height:1.5}
:root[data-design='original'] .fn-original .fo-heading-actions{gap:10px}
:root[data-design='original'] .fn-original .fo-stat{padding:14px;gap:7px;border-radius:14px}
:root[data-design='original'] .fn-original .fo-stat>strong{font-size:23px}
:root[data-design='original'] .fn-original .fo-summary+.fo-scope{margin-top:0;font-size:11px;line-height:1.5}
:root[data-design='original'] .fn-original .fo-upcoming .fn-panel-head{padding:14px}
:root[data-design='original'] .fn-original .fo-upcoming .fn-panel-head p{font-size:12px;line-height:1.5;margin:4px 0 0}
:root[data-design='original'] .fn-original .fo-upcoming nav a{font-size:12px;padding:10px;min-height:44px}
:root[data-design='original'] .fn-original .fo-upcoming-list{padding:14px;gap:14px}
:root[data-design='original'] .fn-original .fo-event{padding-left:10px}
:root[data-design='original'] .fn-original .fo-event>strong{font-size:13px;line-height:1.5}
:root[data-design='original'] .fn-original .fo-event>time{font-size:11px;line-height:1.6}
:root[data-design='original'] .fn-original .fo-event>b{font-size:16px;line-height:1.4}
:root[data-design='original'] .fn-original .fo-event>.fo-badge{font-size:10px;padding:3px 5px}
:root[data-design='original'] .fn-original .fo-event>a{font-size:12px;padding:9px;min-height:44px}
:root[data-design='original'] .fn-original .fo-footnote{padding:0 14px 14px;font-size:11px;line-height:1.5}
:root[data-design='original'] .fn-original .fo-main-grid{gap:14px}
:root[data-design='original'] .fn-original :is(.fo-section-head,.fo-designed-body,.fo-editor-body,.fo-tile-body){padding:16px}
:root[data-design='original'] .fn-original .fo-section-copy h2{font-size:18px}
:root[data-design='original'] .fn-original .fo-designed-body{gap:16px}
:root[data-design='original'] .fn-original :is(.fo-management-tile,.fo-budget-editor,.fn-rule-new)>summary{padding:14px;gap:10px}
:root[data-design='original'] .fn-original .fo-fieldset{padding:14px}
:root[data-design='original'] .fn-original .fo-fields{gap:12px}
:root[data-design='original'] .fn-original .fo-designed-form{gap:16px}
:root[data-design='original'] .fn-original .fo-budget{padding:14px}
:root[data-skin='workspace'][data-design='original'] .fn-original :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;min-height:44px}
:root[data-skin='workspace'][data-design='original'] .fn-original .fo-designed-form .fo-amount-field>input{font-size:26px;min-height:60px}
}
@media(max-width:760px){
:root[data-skin='workspace'][data-design='original'] .fn-original{padding:10px 12px 24px!important;gap:12px}
:root[data-design='original'] .fn-original h1{font-size:26px;min-height:36px;margin-bottom:6px}
:root[data-design='original'] .fn-original .fo-heading-actions :is(a,button){padding:10px;font-size:13px}
:root[data-design='original'] .fn-original .fo-stat{padding:11px;gap:6px;border-top-width:3px}
:root[data-design='original'] .fn-original .fo-stat>span{font-size:11px;gap:5px;line-height:1.4}
:root[data-design='original'] .fn-original .fo-stat .nx-icon{width:15px;height:15px}
:root[data-design='original'] .fn-original .fo-stat>strong{font-size:20px;letter-spacing:-.04em}
:root[data-design='original'] .fn-original .fo-stat>small{font-size:11px;line-height:1.4}
:root[data-design='original'] .fn-original .fo-stat.fo-net>strong{font-size:21px}
:root[data-design='original'] .fn-original h2{font-size:17px}
:root[data-design='original'] .fn-original .fn-panel{border-radius:14px}
:root[data-design='original'] .fn-original .fn-panel-head{padding:12px;gap:10px}
:root[data-design='original'] .fn-original .fo-movements .fn-panel-head{flex-direction:row;align-items:center}
:root[data-design='original'] .fn-original .fo-movements .fn-panel-head p{font-size:11px;line-height:1.5}
:root[data-design='original'] .fn-original .fo-movements .fn-panel-head>a{font-size:11px;padding:9px;flex:none}
:root[data-design='original'] .fn-original .fo-upcoming .fn-panel-head{padding:12px}
:root[data-design='original'] .fn-original .fo-upcoming .fn-panel-head h2{font-size:16px}
:root[data-design='original'] .fn-original .fo-upcoming .fn-panel-head p{font-size:11px}
:root[data-design='original'] .fn-original .fo-filter-details{padding:12px}
:root[data-design='original'] .fn-original .fo-filter-details>summary{min-height:44px;line-height:1.5}
:root[data-design='original'] .fn-original .fo-quick-filters{padding:8px 12px;gap:6px}
:root[data-design='original'] .fn-original .fo-quick-filters>a{padding:9px 4px;font-size:12px}
:root[data-design='original'] .fn-original .fo-movement{padding:12px}
:root[data-design='original'] .fn-original .fo-movement-name{gap:4px}
:root[data-design='original'] .fn-original .fo-movement-name>strong{font-size:13px;line-height:1.5}
:root[data-design='original'] .fn-original .fo-movement-name>small{font-size:11px;line-height:1.5}
:root[data-design='original'] .fn-original .fo-movement-amount>strong{font-size:15px}
:root[data-design='original'] .fn-original .fo-badge{font-size:10px}
:root[data-design='original'] .fn-original :is(.fo-section-head,.fo-designed-body,.fo-editor-body,.fo-tile-body){padding:12px}
:root[data-design='original'] .fn-original .fo-section-copy h2{font-size:16px}
:root[data-design='original'] .fn-original .fo-section-copy p{font-size:12px}
:root[data-design='original'] .fn-original .fo-designed-empty{padding:12px;gap:10px}
:root[data-design='original'] .fn-original .fo-designed-empty strong{font-size:14px}
:root[data-design='original'] .fn-original .fo-designed-empty p{font-size:12px;line-height:1.5}
:root[data-design='original'] .fn-original .fo-alert-details{padding:12px}
:root[data-design='original'] .fn-original .fo-alert-details>summary{min-height:44px}
:root[data-design='original'] .fn-original .fo-fieldset{padding:12px}
:root[data-design='original'] .fn-original .fo-entry .fo-section-head>.small-button{font-size:12px;padding:9px}
:root[data-design='original'] .fn-original .fo-entry .fo-section-icon{width:32px;height:32px}
:root[data-design='original'] .fn-original .fo-form-actions{gap:10px;padding-top:12px}
:root[data-design='original'] .fn-original .fo-budget-overview{padding:12px}
:root[data-design='original'] .fn-original .fo-budget-value>strong{font-size:21px}
}
:root[data-design='original'] .fn-original .fo-notice-summary{font-size:12px;color:var(--of-muted);line-height:1.6}
:root[data-design='original'] .fn-original .fo-rule-plan>summary{font-size:12px;font-weight:700;color:var(--of-brand)}
:root[data-design='original'] .fn-original .fo-notice-preview{padding:16px;border:1px solid var(--of-line);border-radius:12px;background:var(--of-panel);color:var(--of-ink)}
:root[data-design='original'] .fn-original .fo-notice-preview>strong{font-size:13px;font-weight:800}
:root[data-design='original'] .fn-original .fo-notice-preview time{font-size:12px;font-weight:750;color:var(--of-blue);font-variant-numeric:tabular-nums}
:root[data-design='original'] .fn-original .fo-notice-preview li{padding-bottom:8px;border-bottom:1px solid var(--of-line);font-size:12px;line-height:1.5}
:root[data-design='original'] .fn-original .fo-notice-preview :is(p,.fo-notice-help){font-size:12px;line-height:1.6;color:var(--of-muted)}
:root[data-design='original'] .fn-original .fo-notice-help{font-size:12px;line-height:1.6;color:var(--of-muted)}
:root[data-design='original'] .fn-original .fo-notice-preview[aria-busy=true]{opacity:.65}
@media(max-width:760px){:root[data-design='original'] .fn-original .fo-notice-preview{padding:12px}:root[data-design='original'] .fn-original .fo-notice-summary{font-size:11px}}
:root[data-design='original'] .cw-page#content-workspace .cc-selectall{font:inherit;gap:8px;cursor:pointer}
:root[data-design='original'] .cw-page#content-workspace .cc-selectall input{accent-color:var(--cc-brand);margin:0}
:root[data-design='original'] .cw-page#content-workspace :is(.cc-code,.cc-selectall) input[type=checkbox]:is(:checked,:indeterminate){background-color:var(--cc-brand);border-color:var(--cc-brand);color:var(--cc-onbrand)}
:root[data-design='original'] .cw-page#content-workspace .cc-danger{color:var(--cc-red);background:color-mix(in srgb,var(--cc-red) 7%,var(--cc-panel));border-color:color-mix(in srgb,var(--cc-red) 28%,var(--cc-line))}
:root[data-design='original'] .cw-page#content-workspace .cc-danger:hover{background:color-mix(in srgb,var(--cc-red) 13%,var(--cc-panel))}
:root[data-design='original'] .cw-page#content-workspace .cc-stock small{font-size:11px;color:var(--cc-muted)}
:root[data-design='original'] .cw-sidebar-notifications{font:inherit;color:var(--ink);border:0;background:transparent;padding:10px 14px;gap:10px;border-radius:8px;cursor:pointer}
:root[data-design='original'] .cw-sidebar-notifications:hover{background:var(--surface-2)}
:root[data-design='original'] :is(.cw-sidebar-notifications,.cc-notifications) [data-notification-count]{font-size:11px;border-radius:10px;padding:1px 5px;background:var(--bad);color:var(--on-bad)}
@media(max-width:1100px),(hover:none) and (pointer:coarse),(any-pointer:coarse) and (max-width:1600px){
:root[data-design='original'] .cw-page#content-workspace .cc-heading{padding-right:56px;gap:10px}
}
:root[data-design='original'] .cw-page#content-workspace{--cc-bg:#f2f4f8;--cc-panel:#fff;--cc-soft:#f6f7fa;--cc-ink:#192436;--cc-muted:#536176;--cc-line:#dee4ec;--cc-brand:#4d50d8;--cc-onbrand:#fff;--cc-green:#087758;--cc-amber:#8b570a;--cc-red:#b9334f;--cc-blue:#345ac0;--cc-purple:#7652b0;--cc-app-h:1080px;color-scheme:light;font:500 14px/1.5 ContentManrope,system-ui,sans-serif;color:var(--cc-ink);background:var(--cc-bg);isolation:isolate}
:root[data-design='original'][data-scheme='dark'] .cw-page#content-workspace{--cc-bg:#111723;--cc-panel:#1b2433;--cc-soft:#222e40;--cc-ink:#eef2f9;--cc-muted:#afbdd1;--cc-line:#354258;--cc-brand:#adafff;--cc-onbrand:#111723;--cc-green:#69dbb4;--cc-amber:#efc178;--cc-red:#ff9aab;--cc-blue:#a5bcff;--cc-purple:#c8b2ff;color-scheme:dark}
:root[data-design='original'] .cw-page#content-workspace :is(div,section,aside,nav,header,footer,table,thead,tbody,tr,td,th,strong,b,span,small,p,label,h1,h2,h3,form,option){color:inherit;font-family:inherit}
:root[data-design='original'] .cw-page#content-workspace :is(h1,h2,h3,p){margin:0}
:root[data-design='original'] .cw-page#content-workspace :is(button,input,select,textarea){font:inherit;color:var(--cc-ink);letter-spacing:normal;line-height:1.45;box-shadow:none;text-shadow:none;opacity:1}
:root[data-design='original'] .cw-page#content-workspace :is(button,input,select,textarea){-webkit-text-fill-color:currentColor!important}
:root[data-design='original'] .cw-page#content-workspace input::placeholder,:root[data-design='original'] .cw-page#content-workspace textarea::placeholder{color:var(--cc-muted);opacity:1;-webkit-text-fill-color:var(--cc-muted)}
:root[data-design='original'] .cw-page#content-workspace :is(button,input,select,textarea):focus-visible{outline:3px solid var(--cc-brand);outline-offset:2px}
:root[data-design='original'] .cw-page#content-workspace button{border:1px solid var(--cc-line);border-radius:8px;background:var(--cc-panel);padding:9px 12px;font-size:13px;font-weight:750;gap:7px;cursor:pointer}
:root[data-design='original'] .cw-page#content-workspace button:hover{background:var(--cc-soft)}
:root[data-design='original'] .cw-page#content-workspace button:disabled{cursor:default;color:var(--cc-muted);opacity:.55}
:root[data-design='original'] .cw-page#content-workspace .cc-primary{background:var(--cc-brand);border-color:var(--cc-brand);color:var(--cc-onbrand)}
:root[data-design='original'] .cw-page#content-workspace .cc-primary:hover{filter:brightness(.96)}
:root[data-design='original'] .cw-page#content-workspace .cc-quiet{border-color:transparent;background:transparent}
:root[data-design='original'] .cw-page#content-workspace .cc-muted{color:var(--cc-muted)}
:root[data-design='original'] .cw-page#content-workspace .cc-small{font-size:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cc-muted)}
:root[data-design='original'] .cw-page#content-workspace :is(input,select,textarea){border:1px solid var(--cc-line);background:var(--cc-soft);padding:10px 11px;border-radius:8px;color:var(--cc-ink);-webkit-text-fill-color:currentColor}
:root[data-design='original'] .cw-page#content-workspace option{color:var(--cc-ink);background:var(--cc-panel)}
:root[data-design='original'] .cw-page#content-workspace label{font-size:13px;font-weight:700;gap:6px}
:root[data-design='original'] .cw-page#content-workspace :is(i[data-lucide],svg.lucide){color:inherit}
:root[data-design='original'] .cw-page#content-workspace .cc-side{background:var(--cc-panel);border-right:1px solid var(--cc-line);padding:30px 14px;gap:32px}
:root[data-design='original'] .cw-page#content-workspace .cc-logo{font-weight:850;font-size:15px;gap:10px;padding:0 8px}
:root[data-design='original'] .cw-page#content-workspace .cc-logomark{color:var(--cc-brand);font-size:26px;place-items:center}
:root[data-design='original'] .cw-page#content-workspace .cc-side small{font-size:10px;font-weight:600;color:var(--cc-muted)}
:root[data-design='original'] .cw-page#content-workspace .cc-navtitle{padding:0 11px;font-size:11px;font-weight:700;color:var(--cc-muted);margin-bottom:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-nav{gap:5px}
:root[data-design='original'] .cw-page#content-workspace .cc-nav button{border:0;background:transparent;padding:11px 13px;font-size:13px}
:root[data-design='original'] .cw-page#content-workspace .cc-nav button[aria-current=page]{background:color-mix(in srgb,var(--cc-brand) 10%,var(--cc-panel));color:var(--cc-brand)}
:root[data-design='original'] .cw-page#content-workspace .cc-profile{margin-top:auto;padding:18px 8px 0;border-top:1px solid var(--cc-line);font-size:12px;font-weight:800;gap:9px}
:root[data-design='original'] .cw-page#content-workspace .cc-avatar{border-radius:50%;background:var(--cc-soft);place-items:center;font-size:11px}
:root[data-design='original'] .cw-page#content-workspace .cc-main{padding:26px 32px 18px}
:root[data-design='original'] .cw-page#content-workspace .cc-topline{gap:12px;margin-bottom:14px}
:root[data-design='original'] .cw-page#content-workspace .cc-topline select{font-size:12px;padding:5px 9px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading{gap:16px;margin-bottom:19px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading h1{font-size:34px;line-height:1.2;font-weight:850;letter-spacing:-.045em;margin:3px 0 5px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading p{color:var(--cc-muted);font-size:13px}
:root[data-design='original'] .cw-page#content-workspace .cc-actions{gap:8px}
:root[data-design='original'] .cw-page#content-workspace .cc-demo{padding:4px 7px;border-radius:5px;background:var(--cc-soft);color:var(--cc-muted);font-size:11px;font-weight:700;margin-left:10px;letter-spacing:0}
:root[data-design='original'] .cw-page#content-workspace .cc-stats{gap:14px;margin-bottom:17px}
:root[data-design='original'] .cw-page#content-workspace .cc-stat{padding:13px 17px;border:1px solid var(--cc-line);border-top:3px solid var(--tone,var(--cc-blue));border-radius:14px;background:color-mix(in srgb,var(--tone,var(--cc-blue)) 5%,var(--cc-panel));gap:14px}
:root[data-design='original'] .cw-page#content-workspace .cc-stat span{font-size:12px;color:var(--tone,var(--cc-blue));font-weight:750}
:root[data-design='original'] .cw-page#content-workspace .cc-stat strong{font-size:25px;letter-spacing:-.035em;font-weight:850;font-variant-numeric:tabular-nums;color:var(--cc-ink)}
:root[data-design='original'] .cw-page#content-workspace .cc-platforms{gap:5px;margin-bottom:14px}
:root[data-design='original'] .cw-page#content-workspace .cc-platforms button{background:transparent;border-color:transparent;padding:7px 13px;font-size:13px}
:root[data-design='original'] .cw-page#content-workspace .cc-platforms button[aria-pressed=true]{color:var(--cc-brand);border-color:var(--cc-line);background:var(--cc-panel)}
:root[data-design='original'] .cw-page#content-workspace .cc-count{font-size:11px;color:var(--cc-muted)}
:root[data-design='original'] .cw-page#content-workspace .cc-workspace{gap:18px}
:root[data-design='original'] .cw-page#content-workspace .cc-board{background:var(--cc-panel);border:1px solid var(--cc-line);border-radius:16px}
:root[data-design='original'] .cw-page#content-workspace .cc-tools{padding:13px 16px;gap:9px;border-bottom:1px solid var(--cc-line)}
:root[data-design='original'] .cw-page#content-workspace .cc-search input{padding-left:35px;background:var(--cc-panel);font-size:13px}
:root[data-design='original'] .cw-page#content-workspace .cc-search>i,:root[data-design='original'] .cw-page#content-workspace .cc-search>svg{color:var(--cc-muted)}
:root[data-design='original'] .cw-page#content-workspace .cc-tools select{font-size:13px;background:var(--cc-panel)}
:root[data-design='original'] .cw-page#content-workspace .cc-viewtoggle{gap:2px;padding:3px;background:var(--cc-soft);border-radius:9px}
:root[data-design='original'] .cw-page#content-workspace .cc-viewtoggle button{padding:5px 9px;border:0;background:transparent;font-size:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-viewtoggle button[aria-pressed=true]{background:var(--cc-panel);color:var(--cc-brand)}
:root[data-design='original'] .cw-page#content-workspace .cc-listhead{padding:10px 17px;gap:12px;font-size:12px;color:var(--cc-muted)}
:root[data-design='original'] .cw-page#content-workspace .cc-listhead strong{color:var(--cc-ink);font-weight:800}
:root[data-design='original'] .cw-page#content-workspace .cc-saved{gap:5px;font-size:11px}
:root[data-design='original'] .cw-page#content-workspace table{background:var(--cc-panel);color:var(--cc-ink);font-size:13px}
:root[data-design='original'] .cw-page#content-workspace th{font-size:11px;font-weight:800;color:var(--cc-muted);background:var(--cc-soft);padding:11px 10px;border-bottom:1px solid var(--cc-line)}
:root[data-design='original'] .cw-page#content-workspace td{padding:8px 10px;border-bottom:1px solid var(--cc-line);font-size:13px;color:var(--cc-ink);background:var(--cc-panel)}
:root[data-design='original'] .cw-page#content-workspace th:first-child,:root[data-design='original'] .cw-page#content-workspace td:first-child{padding-left:17px}
:root[data-design='original'] .cw-page#content-workspace th:last-child,:root[data-design='original'] .cw-page#content-workspace td:last-child{padding-right:17px}
:root[data-design='original'] .cw-page#content-workspace tr:last-child td{border-bottom:0}
:root[data-design='original'] .cw-page#content-workspace tr.cc-selected td{background:color-mix(in srgb,var(--cc-brand) 5%,var(--cc-panel))}
:root[data-design='original'] .cw-page#content-workspace tr.cc-active td{background:color-mix(in srgb,var(--cc-brand) 7%,var(--cc-panel))}
:root[data-design='original'] .cw-page#content-workspace tr.cc-active td:first-child{box-shadow:inset 3px 0 var(--cc-brand)}
:root[data-design='original'] .cw-page#content-workspace .cc-code{font-size:11px;color:var(--cc-muted);gap:7px;margin-bottom:3px}
:root[data-design='original'] .cw-page#content-workspace .cc-code .cc-detailbtn{margin:0 0 0 auto;font-size:10px}
:root[data-design='original'] .cw-page#content-workspace .cc-code input[type=checkbox]{accent-color:var(--cc-brand);margin:0}
:root[data-design='original'] .cw-page#content-workspace .cc-title{border:0;background:transparent;padding:0;font-size:13px;font-weight:800;border-radius:3px;color:var(--cc-ink)}
:root[data-design='original'] .cw-page#content-workspace .cc-inline{border:1px solid transparent;padding:6px;font-size:12px;background:transparent;border-radius:6px;color:var(--cc-ink)}
:root[data-design='original'] .cw-page#content-workspace .cc-inline:hover,:root[data-design='original'] .cw-page#content-workspace .cc-title:hover{background:var(--cc-soft);border-color:var(--cc-line)}
:root[data-design='original'] .cw-page#content-workspace .cc-stage{color:var(--tone);background:color-mix(in srgb,var(--tone) 10%,var(--cc-panel));font-weight:750}
:root[data-design='original'] .cw-page#content-workspace .cc-theme{font-size:12px;font-weight:700;--theme-tone:var(--cc-purple);color:var(--theme-tone);background:color-mix(in srgb,var(--theme-tone) 9%,var(--cc-panel))}
:root[data-design='original'] .cw-page#content-workspace .cc-publish{font-size:11px;color:var(--cc-muted);margin-top:3px}
:root[data-design='original'] .cw-page#content-workspace .cc-datebutton{gap:1px;padding:3px 7px;border:1px solid transparent;font-size:12px;line-height:1.5;background:transparent;color:var(--cc-ink)}
:root[data-design='original'] .cw-page#content-workspace .cc-datebutton strong{color:inherit;font-weight:750}
:root[data-design='original'] .cw-page#content-workspace .cc-datebutton small{font-size:11px;color:var(--cc-muted);font-weight:500}
:root[data-design='original'] .cw-page#content-workspace .cc-win{color:var(--cc-green)!important;background:color-mix(in srgb,var(--cc-green) 11%,var(--cc-panel))!important}
:root[data-design='original'] .cw-page#content-workspace .cc-assets{gap:5px}
:root[data-design='original'] .cw-page#content-workspace .cc-asset{font-size:11px;padding:5px 7px;border-color:var(--cc-line);border-radius:6px;gap:4px;color:var(--cc-ink);background:var(--cc-panel)}
:root[data-design='original'] .cw-page#content-workspace .cc-asset svg{color:inherit}
:root[data-design='original'] .cw-page#content-workspace .cc-missing{border-style:dashed;color:var(--cc-muted)}
:root[data-design='original'] .cw-page#content-workspace .cc-views{font-size:14px;font-weight:800;background:transparent;padding:4px;border:1px solid transparent;color:var(--cc-ink);font-variant-numeric:tabular-nums}
:root[data-design='original'] .cw-page#content-workspace .cc-result{font-size:11px;margin-top:3px;color:var(--cc-muted)}
:root[data-design='original'] .cw-page#content-workspace .cc-detailbtn{padding:0;border:0;color:var(--cc-brand);background:transparent;font-size:11px;margin-top:2px}
:root[data-design='original'] .cw-page#content-workspace .cc-addline{border:0;border-top:1px solid var(--cc-line);border-radius:0;background:var(--cc-panel);padding:10px 17px;color:var(--cc-brand)}
:root[data-design='original'] .cw-page#content-workspace .cc-pagination{gap:12px;border-top:1px solid var(--cc-line);padding:11px 17px;background:var(--cc-soft);font-size:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-pagebuttons{gap:6px}
:root[data-design='original'] .cw-page#content-workspace .cc-pagebuttons button{padding:4px 9px}
:root[data-design='original'] .cw-page#content-workspace .cc-pagebuttons input{padding:4px 5px;background:var(--cc-panel)}
:root[data-design='original'] .cw-page#content-workspace .cc-pagesize{gap:7px;font-size:11px;font-weight:500}
:root[data-design='original'] .cw-page#content-workspace .cc-pagesize select{padding:4px 6px;background:var(--cc-panel);font-size:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-foot{margin-top:10px;gap:12px;font-size:11px;color:var(--cc-muted)}
:root[data-design='original'] .cw-page#content-workspace .cc-empty{padding:35px 20px;justify-items:center;gap:10px}
:root[data-design='original'] .cw-page#content-workspace .cc-bulk{padding:9px 17px;gap:8px;background:var(--cc-soft)}
:root[data-design='original'] .cw-page#content-workspace .cc-bulk select{font-size:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-editor{background:var(--cc-panel);border:1px solid var(--cc-line);border-radius:16px;color:var(--cc-ink)}
:root[data-design='original'] .cw-page#content-workspace .cc-editorhead{padding:17px 18px 13px;border-bottom:1px solid var(--cc-line);gap:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-editorhead h2{font-size:18px;letter-spacing:-.03em;font-weight:850;margin-top:4px;color:var(--cc-ink)}
:root[data-design='original'] .cw-page#content-workspace .cc-editorhead p{font-size:12px;color:var(--cc-muted);margin-top:4px}
:root[data-design='original'] .cw-page#content-workspace .cc-editortabs{gap:4px;padding:10px 13px;border-bottom:1px solid var(--cc-line)}
:root[data-design='original'] .cw-page#content-workspace .cc-editortabs button{padding:5px 6px;border-color:transparent;font-size:12px;background:transparent}
:root[data-design='original'] .cw-page#content-workspace .cc-editortabs button[aria-pressed=true]{background:color-mix(in srgb,var(--cc-brand) 10%,var(--cc-panel));color:var(--cc-brand)}
:root[data-design='original'] .cw-page#content-workspace .cc-editorbody{padding:18px}
:root[data-design='original'] .cw-page#content-workspace .cc-fields{gap:15px}
:root[data-design='original'] .cw-page#content-workspace .cc-sectiontitle{gap:8px;font-size:14px;font-weight:850;margin-bottom:15px;color:var(--cc-ink)}
:root[data-design='original'] .cw-page#content-workspace .cc-sectiontitle svg{color:var(--cc-brand)}
:root[data-design='original'] .cw-page#content-workspace .cc-editorfoot{gap:10px;border-top:1px solid var(--cc-line);padding:13px 16px;background:var(--cc-panel)}
:root[data-design='original'] .cw-page#content-workspace .cc-editorfoot p{font-size:11px;color:var(--cc-muted)}
:root[data-design='original'] .cw-page#content-workspace .cc-publication{gap:13px;padding:17px 0;border-bottom:1px solid var(--cc-line)}
:root[data-design='original'] .cw-page#content-workspace .cc-publication:first-child{padding-top:0}
:root[data-design='original'] .cw-page#content-workspace .cc-publication:last-child{border-bottom:0}
:root[data-design='original'] .cw-page#content-workspace .cc-publication input,:root[data-design='original'] .cw-page#content-workspace .cc-publication select{padding:10px 8px;font-size:13px}
:root[data-design='original'] .cw-page#content-workspace .cc-preview{background:var(--cc-soft);border-left:3px solid var(--cc-brand);padding:15px;margin-top:12px;border-radius:0 9px 9px 0}
:root[data-design='original'] .cw-page#content-workspace .cc-preview h3{font-size:14px;margin-bottom:8px;color:var(--cc-ink)}
:root[data-design='original'] .cw-page#content-workspace .cc-preview p{font-size:13px;line-height:1.8;color:var(--cc-ink)}
:root[data-design='original'] .cw-page#content-workspace .cc-preview>small{font-size:11px;color:var(--cc-muted);margin-top:8px}
:root[data-design='original'] .cw-page#content-workspace .cc-video-placeholder{background:var(--cc-panel);border:1px solid var(--cc-line);border-radius:8px;place-items:center;gap:4px;padding:18px}
:root[data-design='original'] .cw-page#content-workspace .cc-video-placeholder svg{color:var(--cc-brand)}
:root[data-design='original'] .cw-page#content-workspace .cc-tip{background:var(--cc-panel);color:var(--cc-ink);border:1px solid var(--cc-line);border-radius:12px;padding:16px;box-shadow:0 8px 30px color-mix(in srgb,var(--cc-ink) 14%,transparent);font-size:13px}
:root[data-design='original'] .cw-page#content-workspace .cc-tip h3{font-size:14px;margin-bottom:8px;color:var(--cc-ink)}
:root[data-design='original'] .cw-page#content-workspace .cc-tip p{line-height:1.7;color:var(--cc-ink)}
:root[data-design='original'] .cw-page#content-workspace .cc-tip small{font-size:11px;color:var(--cc-muted);margin-top:8px}
:root[data-design='original'] .cw-page#content-workspace .cc-manager{gap:10px}
:root[data-design='original'] .cw-page#content-workspace .cc-managerrow{gap:8px}
:root[data-design='original'] .cw-page#content-workspace .cc-managerrow span{font-size:11px}
:root[data-design='original'] .cw-page#content-workspace .cc-managerrow select{font-size:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-managerrow input{font-size:13px}
:root[data-design='original'] .cw-page#content-workspace .cc-calendar{padding:15px;gap:8px}
:root[data-design='original'] .cw-page#content-workspace .cc-calday{border-top:1px solid var(--cc-line);padding:7px 2px}
:root[data-design='original'] .cw-page#content-workspace .cc-calday>strong{font-size:11px;color:var(--cc-muted);margin-bottom:5px}
:root[data-design='original'] .cw-page#content-workspace .cc-calitem{font-size:11px;padding:5px;margin-top:4px;border:0;background:var(--cc-soft)}
:root[data-design='original'] .cw-page#content-workspace .cc-calbar{padding:14px 17px 0;font-size:13px;font-weight:750}
:root[data-design='original'] .cw-page#content-workspace .cc-toast{background:var(--cc-panel);color:var(--cc-green);padding:12px 16px;border-radius:9px;font-size:13px;border:1px solid var(--cc-line);box-shadow:0 6px 24px color-mix(in srgb,var(--cc-ink) 12%,transparent)}
@container content-app (max-width:1550px){
:root[data-design='original'] .cw-page#content-workspace .cc-side{padding:24px 9px}
:root[data-design='original'] .cw-page#content-workspace .cc-logo{padding:0}
:root[data-design='original'] .cw-page#content-workspace .cc-nav button{padding:11px}
:root[data-design='original'] .cw-page#content-workspace .cc-profile{padding:14px 8px}
:root[data-design='original'] .cw-page#content-workspace .cc-main{padding:22px 24px 14px}
:root[data-design='original'] .cw-page#content-workspace .cc-editor{box-shadow:-6px 0 24px color-mix(in srgb,var(--cc-ink) 12%,transparent)}
:root[data-design='original'] .cw-page#content-workspace .cc-workspace.has-editor .cc-scrim{background:color-mix(in srgb,var(--cc-ink) 18%,transparent);border:0;border-radius:0;cursor:default}
}
@container content-app (max-width:1100px){
:root[data-design='original'] .cw-page#content-workspace .cc-main{padding:18px 18px 12px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading{margin-bottom:14px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading h1{font-size:28px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading p{font-size:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-stat{padding:10px 12px;gap:5px}
:root[data-design='original'] .cw-page#content-workspace .cc-stat strong{font-size:23px}
:root[data-design='original'] .cw-page#content-workspace .cc-stats{gap:9px;margin-bottom:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-tools{padding:11px 12px;gap:7px}
:root[data-design='original'] .cw-page#content-workspace .cc-viewtoggle button{font-size:11px;padding:5px 7px}
:root[data-design='original'] .cw-page#content-workspace .cc-foot{font-size:10px}
}
@container content-app (max-width:850px){
:root[data-design='original'] .cw-page#content-workspace .cc-stat span{font-size:11px}
:root[data-design='original'] .cw-page#content-workspace .cc-pagination{padding:10px 12px;gap:8px}
:root[data-design='original'] .cw-page#content-workspace .cc-themehint{font-size:11px;color:var(--cc-purple);margin-top:4px}
}
@container content-app (max-width:600px){
:root[data-design='original'] .cw-page#content-workspace .cc-main{padding:14px 12px 10px}
:root[data-design='original'] .cw-page#content-workspace .cc-topline{margin-bottom:10px}
:root[data-design='original'] .cw-page#content-workspace .cc-topline .cc-small{font-size:10px}
:root[data-design='original'] .cw-page#content-workspace .cc-topline select{font-size:11px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading{margin-bottom:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading h1{font-size:27px;margin:0}
:root[data-design='original'] .cw-page#content-workspace .cc-heading .cc-actions{gap:5px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading .cc-actions button{font-size:12px;padding:8px 10px}
:root[data-design='original'] .cw-page#content-workspace #cc-manage{font-size:0;padding:8px}
:root[data-design='original'] .cw-page#content-workspace .cc-demo{font-size:10px;margin-left:5px;padding:3px 5px}
:root[data-design='original'] .cw-page#content-workspace .cc-stats{gap:7px;margin-bottom:10px}
:root[data-design='original'] .cw-page#content-workspace .cc-stat{gap:5px;padding:8px 10px;border-top-width:2px;border-radius:10px}
:root[data-design='original'] .cw-page#content-workspace .cc-stat span{font-size:10px}
:root[data-design='original'] .cw-page#content-workspace .cc-stat strong{font-size:18px}
:root[data-design='original'] .cw-page#content-workspace .cc-platforms{margin-bottom:10px;gap:1px}
:root[data-design='original'] .cw-page#content-workspace .cc-platforms button{font-size:12px;padding:7px 10px}
:root[data-design='original'] .cw-page#content-workspace .cc-tools{padding:10px;gap:7px}
:root[data-design='original'] .cw-page#content-workspace .cc-search input{font-size:16px}
:root[data-design='original'] .cw-page#content-workspace .cc-filtertoggle{padding:8px}
:root[data-design='original'] .cw-page#content-workspace .cc-tools select{font-size:16px}
:root[data-design='original'] .cw-page#content-workspace .cc-listhead{padding:8px 11px;font-size:11px;gap:5px}
:root[data-design='original'] .cw-page#content-workspace .cc-saved{font-size:10px}
:root[data-design='original'] .cw-page#content-workspace tr{padding:12px 11px;gap:7px 9px;border-bottom:1px solid var(--cc-line)}
:root[data-design='original'] .cw-page#content-workspace td,:root[data-design='original'] .cw-page#content-workspace td:first-child,:root[data-design='original'] .cw-page#content-workspace td:last-child{padding:0;border:0;background:transparent}
:root[data-design='original'] .cw-page#content-workspace tr.cc-active{background:color-mix(in srgb,var(--cc-brand) 7%,var(--cc-panel));box-shadow:inset 3px 0 var(--cc-brand)}
:root[data-design='original'] .cw-page#content-workspace tr.cc-active td,:root[data-design='original'] .cw-page#content-workspace tr.cc-selected td{background:transparent;box-shadow:none}
:root[data-design='original'] .cw-page#content-workspace .cc-code{font-size:10px;gap:7px}
:root[data-design='original'] .cw-page#content-workspace .cc-title{font-size:16px}
:root[data-design='original'] .cw-page#content-workspace .cc-detailbtn{font-size:11px}
:root[data-design='original'] .cw-page#content-workspace .cc-code .cc-detailbtn{font-size:11px}
:root[data-design='original'] .cw-page#content-workspace .cc-stage{font-size:16px;padding:8px 5px}
:root[data-design='original'] .cw-page#content-workspace .cc-datebutton{font-size:12px;padding:3px 4px}
:root[data-design='original'] .cw-page#content-workspace .cc-publish{font-size:10px}
:root[data-design='original'] .cw-page#content-workspace .cc-assets{gap:4px}
:root[data-design='original'] .cw-page#content-workspace .cc-asset{font-size:11px;padding:7px 6px}
:root[data-design='original'] .cw-page#content-workspace .cc-views{font-size:16px}
:root[data-design='original'] .cw-page#content-workspace .cc-result{font-size:10px}
:root[data-design='original'] .cw-page#content-workspace .cc-addline{font-size:12px;padding:8px 12px}
:root[data-design='original'] .cw-page#content-workspace .cc-pagination{padding:9px 11px;font-size:11px;gap:6px}
:root[data-design='original'] .cw-page#content-workspace .cc-pagebuttons{gap:4px}
:root[data-design='original'] .cw-page#content-workspace .cc-pagebuttons button{padding:5px}
:root[data-design='original'] .cw-page#content-workspace .cc-pagebuttons input{font-size:16px}
:root[data-design='original'] .cw-page#content-workspace .cc-pagebuttons span{font-size:10px}
:root[data-design='original'] .cw-page#content-workspace .cc-editor{border:0;border-radius:0;box-shadow:none}
:root[data-design='original'] .cw-page#content-workspace .cc-editorhead{padding:16px}
:root[data-design='original'] .cw-page#content-workspace .cc-editorhead h2{font-size:18px}
:root[data-design='original'] .cw-page#content-workspace .cc-editorbody{padding:16px}
:root[data-design='original'] .cw-page#content-workspace .cc-editortabs{padding:10px 12px}
:root[data-design='original'] .cw-page#content-workspace .cc-editortabs button{font-size:13px}
:root[data-design='original'] .cw-page#content-workspace .cc-editor :is(input,select,textarea){font-size:16px}
:root[data-design='original'] .cw-page#content-workspace .cc-editorfoot{padding:12px 16px}
:root[data-design='original'] .cw-page#content-workspace .cc-foot{font-size:9px;margin-top:7px}
:root[data-design='original'] .cw-page#content-workspace .cc-publication{gap:12px}
}
:root[data-design='original'] .cw-page#content-workspace{margin:0 auto;font-family:Manrope,system-ui,sans-serif;padding:0}
:root[data-skin='workspace'][data-design='original'] .main-content:has(.cw-page#content-workspace){padding:24px;background:var(--of-bg)}
:root[data-design='original']:has(.cw-page#content-workspace) body{background:var(--of-bg)}
:root[data-design='original'] .cw-page#content-workspace svg.nx-icon{color:inherit}
:root[data-design='original'] .cw-page#content-workspace .cw-error{color:var(--cc-red)}
:root[data-design='original'] .cw-page#content-workspace .cw-versions{gap:8px;margin-top:20px}
:root[data-design='original'] .cw-page#content-workspace .cw-versions h3{font-size:14px}
:root[data-design='original'] .cw-page#content-workspace a{color:var(--cc-brand)}
:root[data-design='original'] .cw-page#content-workspace .cc-editor section+section{margin-top:22px}
:root[data-design='original'] .cw-page#content-workspace .cw-manager-form{gap:10px;padding:12px 0;border-bottom:1px solid var(--cc-line)}
:root[data-design='original'] .cw-page#content-workspace .cw-manager-form input[type=color]{padding:4px}
:root[data-design='original'] .cw-page#content-workspace .cc-calblank{border:0}
@media(max-width:760px){
:root[data-skin='workspace'][data-design='original'] .main-content:has(.cw-page#content-workspace){padding:12px 10px}
:root[data-design='original'] .cw-page#content-workspace .cc-toast{font-size:14px}
}
@media(min-width:1280px) and (orientation:landscape) and (any-pointer:coarse){
:root[data-design='original'] .cw-page#content-workspace .cc-heading{padding-right:0}
}
@media(min-width:1800px){
:root[data-design='original'] .cw-page#content-workspace{font-size:16px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading h1{font-size:42px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading p{font-size:16px}
:root[data-design='original'] .cw-page#content-workspace .cc-eyebrow{font-size:13px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading button{font-size:15px;padding:11px 15px}
:root[data-design='original'] .cw-page#content-workspace .cc-stat{padding:18px 22px}
:root[data-design='original'] .cw-page#content-workspace .cc-stat span{font-size:15px}
:root[data-design='original'] .cw-page#content-workspace .cc-stat strong{font-size:32px}
:root[data-design='original'] .cw-page#content-workspace .cc-platforms button{font-size:15px;padding:9px 15px}
:root[data-design='original'] .cw-page#content-workspace .cc-tools :is(input,select){font-size:15px}
:root[data-design='original'] .cw-page#content-workspace .cc-viewtoggle button{font-size:14px}
:root[data-design='original'] .cw-page#content-workspace :is(.cc-listhead,.cc-pagination,.cc-bulk){font-size:14px}
:root[data-design='original'] .cw-page#content-workspace th{font-size:13px;padding:13px 12px}
:root[data-design='original'] .cw-page#content-workspace td{font-size:15px;padding:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-code{font-size:13px;gap:8px}
:root[data-design='original'] .cw-page#content-workspace .cc-code .cc-detailbtn{font-size:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-title{font-size:16px}
:root[data-design='original'] .cw-page#content-workspace :is(.cc-inline,.cc-theme){font-size:14px;padding:8px}
:root[data-design='original'] .cw-page#content-workspace :is(.cc-publish,.cc-result,.cc-datebutton small,.cc-stock small){font-size:13px}
:root[data-design='original'] .cw-page#content-workspace .cc-datebutton{font-size:15px}
:root[data-design='original'] .cw-page#content-workspace .cc-asset{font-size:13px;padding:7px 9px}
:root[data-design='original'] .cw-page#content-workspace .cc-views{font-size:18px}
:root[data-design='original'] .cw-page#content-workspace .cc-saved{font-size:13px}
:root[data-design='original'] .cw-page#content-workspace .cc-addline{font-size:14px}
}
@media(max-width:760px),(min-width:761px) and (max-width:1100px) and (orientation:portrait){
:root[data-design='original'] .cw-page#content-workspace .cc-heading{margin:6px 0 12px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading h1{font-size:24px;line-height:1.25;margin:0}
:root[data-design='original'] .cw-page#content-workspace .cc-heading .cc-actions{gap:6px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading .cc-actions button{font-size:12px;padding:7px 9px}
:root[data-design='original'] .cw-page#content-workspace #cc-manage{font-size:0;padding:8px}
:root[data-design='original'] .cw-page#content-workspace .cc-stats{gap:6px;margin-bottom:8px}
:root[data-design='original'] .cw-page#content-workspace .cc-stat{padding:6px 8px;gap:3px;border-radius:9px;border-top-width:2px}
:root[data-design='original'] .cw-page#content-workspace .cc-stat span{font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
:root[data-design='original'] .cw-page#content-workspace .cc-stat strong{font-size:17px;line-height:1.2}
:root[data-design='original'] .cw-page#content-workspace .cc-platforms{gap:2px;margin-bottom:8px}
:root[data-design='original'] .cw-page#content-workspace .cc-platforms button{padding:6px 10px;font-size:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-tools{padding:8px;gap:6px}
:root[data-design='original'] .cw-page#content-workspace .cc-search input{font-size:16px}
:root[data-design='original'] .cw-page#content-workspace .cc-search input::placeholder{font-size:13px}
:root[data-design='original'] .cw-page#content-workspace .cc-tools select{font-size:16px}
:root[data-design='original'] .cw-page#content-workspace .cc-listhead{padding:6px 10px;font-size:11px;gap:5px}
:root[data-design='original'] .cw-page#content-workspace tr{padding:8px 10px;border-bottom:1px solid var(--cc-line)}
:root[data-design='original'] .cw-page#content-workspace tr>td{padding:0;border:0;background:transparent;font-size:12px}
:root[data-design='original'] .cw-page#content-workspace tr>td:first-child{padding-right:44px}
:root[data-design='original'] .cw-page#content-workspace tr.cc-active{background:color-mix(in srgb,var(--cc-brand) 7%,var(--cc-panel));box-shadow:inset 3px 0 var(--cc-brand)}
:root[data-design='original'] .cw-page#content-workspace tr:is(.cc-active,.cc-selected)>td{background:transparent;box-shadow:none}
:root[data-design='original'] .cw-page#content-workspace .cc-code{font-size:10px;gap:7px}
:root[data-design='original'] .cw-page#content-workspace .cc-title{font-size:16px;padding:2px 0}
:root[data-design='original'] .cw-page#content-workspace .cc-stage{font-size:16px;padding:6px}
:root[data-design='original'] .cw-page#content-workspace .cc-datebutton{font-size:12px;padding:2px 0}
:root[data-design='original'] .cw-page#content-workspace .cc-stock small{font-size:10px}
:root[data-design='original'] .cw-page#content-workspace .cc-publish{font-size:10px;line-height:1.3}
:root[data-design='original'] .cw-page#content-workspace .cc-assets{gap:4px}
:root[data-design='original'] .cw-page#content-workspace .cc-assets .cc-asset{font-size:0;padding:6px;gap:0}
:root[data-design='original'] .cw-page#content-workspace .cc-assets .cc-asset svg{width:17px;height:17px}
:root[data-design='original'] .cw-page#content-workspace .cc-views{font-size:16px;padding:0}
:root[data-design='original'] .cw-page#content-workspace .cc-result{font-size:10px;margin:0}
:root[data-design='original'] .cw-page#content-workspace .cc-pagination{padding:6px 10px;font-size:11px;gap:5px}
:root[data-design='original'] .cw-page#content-workspace .cc-pagebuttons{gap:4px}
:root[data-design='original'] .cw-page#content-workspace .cc-pagebuttons button{padding:4px;min-width:32px}
:root[data-design='original'] .cw-page#content-workspace .cc-pagebuttons input{width:40px;font-size:16px}
:root[data-design='original'] .cw-page#content-workspace .cc-foot{font-size:9px;margin-top:5px}
:root[data-design='original'] .cw-page#content-workspace .cc-editor{border-radius:12px;border:1px solid var(--cc-line)}
:root[data-design='original'] .cw-page#content-workspace .cc-editorhead{padding:8px 12px;gap:8px}
:root[data-design='original'] .cw-page#content-workspace .cc-editorhead .cc-eyebrow{font-size:10px;letter-spacing:.05em}
:root[data-design='original'] .cw-page#content-workspace .cc-editorhead h2{font-size:17px;line-height:1.4;margin-top:2px}
:root[data-design='original'] .cw-page#content-workspace .cc-editortabs{padding:4px 8px;gap:3px}
:root[data-design='original'] .cw-page#content-workspace .cc-editortabs button{font-size:12px;padding:4px}
:root[data-design='original'] .cw-page#content-workspace .cc-editorbody{padding:14px 12px}
:root[data-design='original'] .cw-page#content-workspace .cc-editor label{font-size:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-editor :is(input,select,textarea){font-size:16px;padding:8px 10px}
:root[data-design='original'] .cw-page#content-workspace .cc-fields{gap:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-sectiontitle{font-size:13px;margin-bottom:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-editorfoot{padding:8px 10px;gap:0}
:root[data-design='original'] .cw-page#content-workspace .cc-editorfoot button{font-size:12px;padding:7px 10px}
:root[data-design='original'] .cw-page#content-workspace .cc-preview{margin:0 0 14px;padding:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-preview p{font-size:14px;line-height:1.7}
}
@media(max-width:360px){
:root[data-design='original'] .cw-page#content-workspace .cc-stat{padding:6px 5px}
:root[data-design='original'] .cw-page#content-workspace .cc-stat span{font-size:9px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading h1{font-size:22px}
:root[data-design='original'] .cw-page#content-workspace .cc-heading .cc-actions button{padding:7px}
}
@media(max-width:760px),(min-width:761px) and (max-width:1100px) and (orientation:portrait){
:root[data-design='original'] .cw-page#content-workspace .cc-editor section+section{margin-top:0}
}
:root[data-design='original'] .cw-page#content-workspace .cc-code .cc-detail-open{font-size:12px;font-weight:650;line-height:1.3;padding:6px 8px;gap:5px;border:1px solid var(--cc-line);border-radius:8px;background:var(--cc-panel);color:var(--cc-brand)}
:root[data-design='original'] .cw-page#content-workspace .cc-code .cc-detail-open:hover{background:var(--cc-soft)}
:root[data-design='original'] .cw-page#content-workspace .cc-code .cc-detail-open:focus-visible{outline:2px solid var(--cc-brand);outline-offset:2px}
:root[data-design='original'] .cw-page#content-workspace .cc-pubdate[data-publish-state=published]{color:var(--cc-muted)}
:root[data-design='original'] .cw-page#content-workspace .cc-pubdate[data-publish-state=planned]{color:var(--cc-blue)}
:root[data-design='original'] .cw-page#content-workspace .cc-pubdate[data-publish-state=paused]{color:var(--cc-amber)}
:root[data-design='original'] .cw-page#content-workspace .cc-pubdate[data-publish-state=cancelled]{color:var(--cc-red)}
:root[data-design='original'] .cw-page#content-workspace .cc-pubdate small{color:var(--cc-muted)}
@media(max-width:760px),(min-width:761px) and (max-width:1100px) and (orientation:portrait){
:root[data-design='original'] .cw-page#content-workspace .cc-code{font-size:13px;line-height:1.4;font-weight:600}
:root[data-design='original'] .cw-page#content-workspace .cc-code .cc-detail-open{font-size:13px}
:root[data-design='original'] .cw-page#content-workspace .cc-title{font-size:16px;font-weight:700;line-height:1.4}
:root[data-design='original'] .cw-page#content-workspace .cc-stage{font-size:16px;font-weight:600;padding:7px 8px}
:root[data-design='original'] .cw-page#content-workspace .cc-datebutton{font-size:13px;font-weight:650;line-height:1.4}
:root[data-design='original'] .cw-page#content-workspace .cc-pubdate small{font-size:11px;line-height:1.4;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}
:root[data-design='original'] .cw-page#content-workspace .cc-record-actions .cc-detail-open{font-size:12px;font-weight:650;line-height:1.3;padding:6px 8px;gap:5px;border:1px solid var(--cc-line);border-radius:8px;background:var(--cc-panel);color:var(--cc-brand)}
@media(max-width:760px),(min-width:761px) and (max-width:1100px) and (orientation:portrait){:root[data-design='original'] .cw-page#content-workspace .cc-record-actions .cc-detail-open{font-size:13px}}
@media(min-width:1101px),(min-width:761px) and (orientation:landscape){
:root[data-design='original'] .cw-page#content-workspace th,:root[data-design='original'] .cw-page#content-workspace td,:root[data-design='original'] .cw-page#content-workspace th:first-child,:root[data-design='original'] .cw-page#content-workspace td:first-child,:root[data-design='original'] .cw-page#content-workspace th:last-child,:root[data-design='original'] .cw-page#content-workspace td:last-child{padding-inline:12px}
:root[data-design='original'] .cw-page#content-workspace .cc-stock,:root[data-design='original'] .cw-page#content-workspace .cc-pubdate{padding-inline:0}
:root[data-design='original'] .cw-page#content-workspace .cc-views{padding-inline:0}
:root[data-design='original'] .cw-page#content-workspace .cc-assets .cc-asset{padding-inline:6px}
}
@media(min-width:1101px),(min-width:761px) and (orientation:landscape){
:root[data-design='original'] .cw-page#content-workspace .cc-title{text-overflow:ellipsis}
}
:root[data-skin='workspace'][data-design]:has(.nd-page) body{background:var(--nd-canvas)}
:root[data-skin='workspace'][data-design] .main-content:has(.nd-page){background:var(--nd-canvas);padding:24px}
:root[data-design] .page-wrap[data-personal-page='documents']:has(.nd-page){margin:0;padding:0!important}
:root[data-design] .nd-page{--nd-bg:#f2f4f8;--nd-panel:#fff;--nd-soft:#f6f7fa;--nd-ink:#192436;--nd-muted:#536176;--nd-line:#dee4ec;--nd-brand:#4d50d8;--nd-blue:#345ac0;--nd-green:#087758;--nd-onbrand:#fff;font-family:Manrope,system-ui,sans-serif;color:var(--nd-ink);background:var(--nd-bg);border-radius:0;padding:0;line-height:1.55}
:root[data-design][data-scheme='dark'] .nd-page{--nd-bg:#111723;--nd-panel:#1b2433;--nd-soft:#222e40;--nd-ink:#eef2f9;--nd-muted:#afbdd1;--nd-line:#354258;--nd-brand:#adafff;--nd-blue:#a5bcff;--nd-green:#69dbb4;--nd-onbrand:#192436}
:root[data-design] .nd-page :is(input,select,button,textarea,label,summary){font-family:inherit;letter-spacing:normal;text-transform:none;color:var(--nd-ink);-webkit-text-fill-color:currentColor}
:root[data-design] .nd-page :is(h1,h2,h3,p){margin:0}
:root[data-design] .nd-page h1{font-size:32px;font-weight:800;letter-spacing:-1px}
:root[data-design] .nd-page h2{font-size:18px;font-weight:800}
:root[data-design] .nd-page a{color:inherit;text-decoration:none}
:root[data-design] .nd-heading{gap:16px;margin-bottom:26px}
:root[data-design] .nd-heading p{font-size:14px;color:var(--nd-muted);margin-top:4px}
:root[data-design] .nd-eyebrow{font-size:12px;color:var(--nd-brand);font-weight:750}
:root[data-design] .nd-brand-icon{width:56px;height:56px;border-radius:16px;background:color-mix(in srgb,var(--nd-brand) 10%,var(--nd-panel));color:var(--nd-brand)}
:root[data-design] .nd-brand-icon svg{width:28px;height:28px}
:root[data-design] .nd-actions{gap:8px}
:root[data-design] .nd-page :is(.nd-button,button){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;max-width:100%;padding:9px 13px;border:1px solid var(--nd-line);border-radius:10px;background:var(--nd-panel);box-shadow:none;font-size:13px;font-weight:700;cursor:pointer;line-height:1.3;white-space:normal}
:root[data-design] .nd-page :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--nd-brand);outline-offset:3px}
:root[data-design] .nd-page :is(.nd-button,button):hover{background:var(--nd-soft)}
:root[data-design] .nd-page .nd-primary{background:var(--nd-brand);color:var(--nd-onbrand);border-color:var(--nd-brand)}
:root[data-design] .nd-page svg{width:20px;height:20px;flex:none}
:root[data-design] .nd-layout{gap:24px}
:root[data-design] .nd-sidebar{background:var(--nd-panel);border:1px solid var(--nd-line);border-radius:16px;padding:14px}
:root[data-design] .nd-sidebar h2{font-size:12px;color:var(--nd-muted);padding:6px 8px 12px}
:root[data-design] .nd-nav{gap:9px;min-height:48px;border-radius:10px;padding:10px;font-size:13px;font-weight:700}
:root[data-design] .nd-nav small{font-size:11px;color:var(--nd-muted)}
:root[data-design] .nd-nav:is(.is-active,:hover){background:color-mix(in srgb,var(--nd-brand) 9%,var(--nd-panel));color:var(--nd-brand)}
:root[data-design] .nd-note{border-top:1px solid var(--nd-line);margin-top:18px;padding:18px 8px 8px;font-size:12px;color:var(--nd-muted)}
:root[data-design] .nd-note strong{color:var(--nd-ink);font-size:13px}
:root[data-design] .nd-note p{margin:8px 0}
:root[data-design] .nd-note a{min-height:44px;color:var(--nd-brand);font-weight:700}
:root[data-design] .nd-management{font-size:12px;margin-top:12px}
:root[data-design] .nd-management summary{cursor:pointer;padding:10px 4px;min-height:44px}
:root[data-design] .nd-management form{display:grid;gap:10px;padding:10px 0}
:root[data-design] .nd-legacy{display:block;color:var(--nd-muted)!important;font-size:11px;margin-top:18px;padding:6px}
:root[data-design] .nd-breadcrumb{gap:8px;min-height:44px;margin-bottom:18px;font-size:13px;color:var(--nd-muted)}
:root[data-design] .nd-breadcrumb a{padding-block:6px;color:var(--nd-muted)}
:root[data-design] .nd-breadcrumb strong{color:var(--nd-ink);font-weight:700}
:root[data-design] .nd-filters{gap:12px;padding:16px;border:1px solid var(--nd-line);border-radius:14px;background:var(--nd-panel);margin-bottom:24px}
:root[data-design] .nd-page label{font-size:12px;font-weight:700;gap:6px}
:root[data-design] .nd-page :is(input:not([type=color]),select,textarea){min-height:44px;width:100%;border:1px solid var(--nd-line);border-radius:9px;background:var(--nd-panel);padding:9px 11px;font-size:14px;box-shadow:none}
:root[data-design] .nd-page input::placeholder{color:var(--nd-muted);opacity:1}
:root[data-design] .nd-section-head{justify-content:space-between;gap:12px;margin-bottom:16px}
:root[data-design] .nd-section-head p{font-size:12px;color:var(--nd-muted);margin-top:4px}
:root[data-design] .nd-badge{font-size:11px;font-weight:700;color:var(--nd-muted);background:var(--nd-soft);border-radius:8px;padding:5px 8px;white-space:nowrap}
:root[data-design] .nd-folders{gap:14px;margin-bottom:20px}
:root[data-design] .nd-folder{border:1px solid var(--nd-line);border-radius:14px;background:var(--nd-panel);transition:border-color .15s}
:root[data-design] .nd-folder:hover{border-color:var(--nd-brand)}
:root[data-design] .nd-folder>a:first-child{padding:20px;gap:7px}
:root[data-design] .nd-folder-icon{width:44px;height:38px;color:var(--nd-blue);background:color-mix(in srgb,var(--nd-blue) 10%,var(--nd-panel));border-radius:10px;margin-bottom:8px}
:root[data-design] .nd-folder[data-source='finance'] .nd-folder-icon{color:var(--nd-green);background:color-mix(in srgb,var(--nd-green) 10%,var(--nd-panel))}
:root[data-design] .nd-folder strong{font-size:14px;font-weight:800;padding-right:22px}
:root[data-design] .nd-folder small{font-size:12px;color:var(--nd-muted)}
:root[data-design] .nd-folder-download{width:44px;height:44px;color:var(--nd-muted)!important;border-radius:8px}
:root[data-design] .nd-folder-download:hover{background:var(--nd-soft)}
:root[data-design] .nd-documents{border:1px solid var(--nd-line);border-radius:14px;overflow:hidden;background:var(--nd-panel)}
:root[data-design] .nd-document{padding:8px 14px;gap:10px;border-bottom:1px solid var(--nd-line)}
:root[data-design] .nd-document:last-child{border-bottom:0}
:root[data-design] .nd-document>a:first-child{min-height:64px;gap:12px}
:root[data-design] .nd-document-icon{width:40px;height:44px;background:var(--nd-soft);color:var(--nd-brand);border-radius:10px}
:root[data-design] .nd-document strong{font-size:14px;font-weight:750}
:root[data-design] .nd-document small{font-size:12px;color:var(--nd-muted);margin-top:4px}
:root[data-design] .nd-empty{text-align:center;background:var(--nd-panel);border:1px dashed var(--nd-line);border-radius:14px;padding:48px 20px;color:var(--nd-muted)}
:root[data-design] .nd-empty h3{color:var(--nd-ink);font-size:18px;margin:12px 0 6px}
:root[data-design] .nd-empty p{font-size:14px}
:root[data-design] .nd-pagination{justify-content:center;gap:14px;margin-top:18px;font-size:13px}
:root[data-design] .nd-editor-actions{gap:8px;margin-bottom:16px}
:root[data-design] .nd-editor-form{background:var(--nd-soft);border:1px solid var(--nd-line);border-radius:16px;padding:16px}
:root[data-design] .nd-titlebar{gap:12px;margin-bottom:14px}
:root[data-design] .nd-titlebar input{font-size:18px;font-weight:750}
:root[data-design] .nd-toolbar{gap:5px;padding:10px;background:var(--nd-panel);border:1px solid var(--nd-line);border-radius:12px;margin-bottom:12px}
:root[data-design] .nd-toolbar :is(button,select){font-size:12px;padding:7px;min-height:44px;border-radius:7px}
:root[data-design] .nd-toolbar button[aria-pressed=true]{background:color-mix(in srgb,var(--nd-brand) 12%,var(--nd-panel));color:var(--nd-brand);border-color:var(--nd-brand)}
:root[data-design] .nd-toolbar input[type=color]{width:30px;height:30px;min-height:30px;padding:2px;background:var(--nd-panel);border:1px solid var(--nd-line);border-radius:5px}
:root[data-design] .nd-toolbar label{font-size:11px;padding:3px}
:root[data-design] .nd-paper{background:#fff;color:#192436;border:1px solid var(--nd-line);border-radius:3px;padding:60px 64px;font-family:Arial,sans-serif;font-size:16px;line-height:1.65}
:root[data-design] .nd-paper .ql-editor{padding:0;font:inherit;color:inherit}
:root[data-design] .nd-paper .ql-editor p{margin:0 0 12px}
:root[data-design] .nd-paper h1{font:800 28px/1.3 Arial,sans-serif;letter-spacing:normal;margin-bottom:20px}
:root[data-design] .nd-paper :is(th,td){padding:12px 8px;font-size:13px;border-bottom:1px solid #dee4ec;text-align:left;vertical-align:top;white-space:normal}
:root[data-design] .nd-paper th{background:#f2f4f8;font-weight:700}
:root[data-design] .nd-paper p{margin:12px 0}
:root[data-design] .nd-savebar{gap:10px;background:var(--nd-panel);border:1px solid var(--nd-line);border-radius:12px;padding:12px 16px;margin-top:16px}
:root[data-design] .nd-savebar>span{font-size:12px;color:var(--nd-muted);flex:1}
:root[data-design] .nd-savebar [data-error=true]{color:#b9334f}
:root[data-design] .nd-find{font-size:12px;margin-bottom:14px}
:root[data-design] .nd-find summary{min-height:44px;padding:10px;cursor:pointer}
:root[data-design] .nd-find>div{gap:10px;padding:10px}
@media(min-width:1800px){:root[data-design] .nd-page h1{font-size:40px}:root[data-design] .nd-folder strong,:root[data-design] .nd-document strong{font-size:16px}}
:root[data-design] .nd-page .nd-toolbar{gap:2px;background:var(--nd-panel)}
:root[data-design] .nd-page .nd-toolbar button{min-width:40px;border-color:transparent;padding:7px;font-size:15px}
:root[data-design] .nd-toolbar button[popovertarget]{gap:2px}
:root[data-design] .nd-toolbar label.nd-color{gap:0;padding:0 4px;min-width:40px}
:root[data-design] .nd-toolbar .nd-color input[type=color]{width:30px;height:16px;min-height:16px;border:0;padding:0}
:root[data-design] .nd-page .nd-tool-menu{padding:6px;background:var(--nd-panel);color:var(--nd-ink);border:1px solid var(--nd-line);border-radius:10px;box-shadow:0 8px 25px #0002;gap:4px}
:root[data-design] .nd-page .nd-tool-menu button{min-width:44px;border:0}
:root[data-design] .nd-page-setup{gap:16px;margin:0 0 14px}
:root[data-design] .nd-page-setup span{font-size:12px;color:var(--nd-muted);padding-bottom:10px}
:root[data-design] .nd-paper[data-page-size]{padding:54pt;font-size:16pt;line-height:1.4;color:#192436}
:root[data-design] .nd-paper[data-page-size] .ql-editor{font-size:inherit;line-height:inherit}
:root[data-design] .nd-paper[data-page-size] .ql-container{font:inherit}
:root[data-design] .nd-paper[data-page-size] :is(td,th){font-size:inherit}
:root[data-design] .nd-page .nd-trash-action{color:#b9334f}
:root[data-design][data-scheme='dark'] .nd-page .nd-trash-action{color:#ff9aab}
:root[data-design] .nd-page [data-nd-trash=restore]{color:var(--nd-brand)}
:root[data-design][data-scheme='dark'] .nd-page [data-nd-trash=restore]{color:var(--nd-brand)}
:root[data-design='original'] .cw-page#content-workspace a.cc-docs-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 13px;border:1px solid var(--cc-line,var(--line));border-radius:9px;background:var(--cc-soft,var(--surface-1));color:var(--cc-brand,var(--accent));font:700 13px/1.4 Manrope,system-ui,sans-serif;text-decoration:none;vertical-align:middle}
:root[data-design='original'] .cw-page#content-workspace a.cc-docs-button svg{width:18px;height:18px;flex:none}
:root[data-design='original'] .cw-page#content-workspace a.cc-docs-button:hover{filter:brightness(.96)}
@media(max-width:600px){:root[data-design] .nd-paper[data-page-size]{padding:28px 20px}:root[data-design] .nd-page .nd-toolbar button{min-width:44px}}
@media(max-width:600px){:root[data-design] .nd-page{padding:0}:root[data-design] .nd-page h1{font-size:26px}:root[data-design] .nd-heading{gap:12px}:root[data-design] .nd-page :is(input:not([type=color]),select,textarea){font-size:16px}:root[data-design] .nd-sidebar{padding:8px;gap:4px}:root[data-design] .nd-paper{padding:28px 20px}:root[data-design] .nd-editor-form{padding:8px}:root[data-design] .nd-toolbar{padding:6px}:root[data-design] .nd-savebar{padding:10px}:root[data-design] .nd-brand-icon{width:48px;height:48px}}
@media(max-width:760px){:root[data-skin='workspace'][data-design] .main-content:has(.nd-page){padding:12px 10px}}
@media(max-width:1279px),(any-pointer:coarse){:root[data-design] .nd-heading{padding-right:56px}}
@media(min-width:1280px) and (orientation:landscape) and (any-pointer:coarse){:root[data-design] .nd-heading{padding-right:0}}
:root[data-design]:has(.nd-page){--nd-canvas:#f2f4f8}
:root[data-design][data-scheme='dark']:has(.nd-page){--nd-canvas:#111723}
:root[data-design] .nd-page{padding-bottom:var(--nd-dock-space,0px)}
:root[data-design] .nd-savebar{bottom:calc(var(--nd-dock-space,0px) + 12px)}
:root[data-design] .nd-areas>summary,:root[data-design] .nd-filter-panel>summary{cursor:pointer;min-height:44px;padding:12px;font-size:13px;font-weight:750;color:var(--nd-ink)}
:root[data-design] .nd-areas>summary span{float:right;font-size:12px;color:var(--nd-muted);font-weight:500}
:root[data-design] .nd-orientation{gap:10px;margin:0 0 12px;font-size:12px}
:root[data-design] .nd-relations{font-size:12px;margin-bottom:12px}
:root[data-design] .nd-relations summary{cursor:pointer;min-height:44px;padding:12px 0}
:root[data-design] .nd-relations>div{gap:12px;padding:12px 0}
:root[data-design] .nd-relations label{display:flex;flex-direction:column}
:root[data-design] .nd-page .nd-finance-paper{min-height:0}
@media(max-width:1100px){
:root[data-design] .nd-page{--nd-dock-space:110px}
:root[data-design] .nd-sidebar{padding:0}
:root[data-design] .nd-layout{gap:12px}
:root[data-design] .nd-areas-body{padding:6px;gap:4px}
:root[data-design] .nd-areas-body .nd-nav{font-size:12px;min-height:44px;padding:8px;gap:6px}
:root[data-design] .nd-filter-panel{border:1px solid var(--nd-line);border-radius:12px;background:var(--nd-panel);margin-bottom:14px}
:root[data-design] .nd-filters{padding:10px;border:0;margin:0;gap:8px}
:root[data-design] .nd-breadcrumb{margin-bottom:10px;min-height:36px;font-size:12px;padding-right:48px}
:root[data-design] .nd-management{margin:0;padding:0 6px}
:root[data-design] .nd-page[data-document] .nd-heading{margin-bottom:10px}
}
@media(max-width:760px){
:root[data-design] .nd-heading{gap:10px;margin-bottom:12px;padding-right:56px}
:root[data-design] .nd-heading .nd-eyebrow,:root[data-design] .nd-heading p{display:none}
:root[data-design] .nd-heading .nd-brand-icon{width:36px;height:36px;border-radius:10px}
:root[data-design] .nd-heading>div:nth-child(2){flex-basis:auto}
:root[data-design] .nd-page .nd-heading h1{font-size:24px}
:root[data-design] .nd-page .nd-actions{gap:8px}
:root[data-design] .nd-page .nd-actions>a{padding:8px;font-size:12px}
:root[data-design] .nd-page .nd-filter-panel .nd-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
:root[data-design] .nd-filters .nd-search{grid-column:1/-1}
:root[data-design] .nd-filters :is(input,select){font-size:16px;padding:8px}
:root[data-design] .nd-page .nd-section-head{margin-bottom:10px}
:root[data-design] .nd-section-head h2{font-size:18px}
:root[data-design] .nd-page .nd-folder>a:first-child{padding:12px 56px 12px 12px;gap:2px 10px;min-height:76px}
:root[data-design] .nd-page .nd-folder-icon{width:34px;height:34px;margin:0}
:root[data-design] .nd-page .nd-folder strong{font-size:14px;padding:0}
:root[data-design] .nd-folder-download{top:16px;right:6px}
:root[data-design] .nd-page .nd-folders{gap:8px}
:root[data-design] .nd-page .nd-document{padding:8px;gap:6px}
:root[data-design] .nd-document strong{font-size:13px}
:root[data-design] .nd-document small{font-size:11px}
:root[data-design] .nd-page .nd-document-icon{width:28px;height:36px}
:root[data-design] .nd-editor-actions{gap:6px;margin-bottom:10px}
:root[data-design] .nd-editor-actions .nd-button{font-size:12px;padding:8px}
:root[data-design] .nd-page .nd-finance-paper{padding:18px 14px;font-size:13px;line-height:1.5}
:root[data-design] .nd-page .nd-finance-paper h1{font-size:20px;line-height:1.3;margin-bottom:12px}
:root[data-design] .nd-page-setup>span{display:none}
}
@media print{.nd-orientation,.nd-relations{display:none!important}}
:root[data-design] .nd-page[data-orientation] .nd-finance-paper{min-height:0}
@media(max-width:1100px){
:root[data-design] .nd-page .nd-finance-paper{font-size:14px;line-height:1.6;padding:24px;max-width:100%}
:root[data-design] .nd-page .nd-finance-paper h1{font-size:23px}
:root[data-design] .nd-finance-paper :is(th,td){white-space:nowrap;overflow-wrap:normal}
:root[data-design] .nd-finance-paper :is(th,td):nth-child(2){white-space:normal;min-width:150px}
}
@media(max-width:760px){:root[data-design] .nd-page .nd-finance-paper{font-size:13px;padding:18px 14px}:root[data-design] .nd-page .nd-finance-paper h1{font-size:20px}}
@media print{:root[data-design] .nd-page{padding-bottom:0!important}:root[data-design] .nd-finance-paper :is(th,td){white-space:normal!important}}
@media screen{
:root[data-design='original'] .nd-page .nd-heading h1{font-family:Manrope,system-ui,sans-serif}
:root[data-design='original']:has(.cw-page#content-workspace,.nd-page){--nw-page-start:calc(40px + var(--win-bar,0px))}
:root[data-skin='workspace'][data-design='original'] .main-content:has(.cw-page#content-workspace,.nd-page){padding-top:var(--nw-page-start)}
}
@media screen and (min-width:1101px){
:root[data-skin='workspace'][data-design='original'] .main-content:has(.cw-page#content-workspace,.nd-page){padding-inline:32px}
:root[data-design='original'] .nd-page{margin-inline:auto}
:root[data-skin='workspace'][data-design='original'] .fn-original{padding-top:0!important}
}
@media screen and (max-width:760px),screen and (min-width:761px) and (max-width:1100px) and (orientation:portrait){
:root[data-design='original'] .cw-page#content-workspace .cc-heading{margin-top:0}
}
@media screen and (min-width:761px) and (max-width:1100px){
:root[data-design='original']:has(.cw-page#content-workspace,.nd-page){--nw-page-start:24px}
}
@media screen and (max-width:760px){
:root[data-design='original']:has(.cw-page#content-workspace,.nd-page,.fn-original){--nw-page-start:calc(28px + env(safe-area-inset-top,0px))}
:root[data-design='original']:has(.cw-page#content-workspace,.nd-page,.fn-original) .mobile-menu-trigger{top:var(--nw-page-start)}
:root[data-skin='workspace'][data-design='original'] .fn-original{padding-top:var(--nw-page-start)!important}
:root[data-design='original'] .cw-page#content-workspace .cc-heading h1,:root[data-design='original'] .nd-page .nd-heading h1{font-size:26px;line-height:1.25}
:root[data-design='original'] .fn-original .fo-upcoming .fn-panel-head h2{font-size:17px}
:root[data-design='original'] .fn-original .fo-event>b{font-size:15px}
:root[data-design='original'] .fn-original .fo-event>b.fo-value-missing{font-size:12px;line-height:1.45;font-weight:600;letter-spacing:normal;color:var(--of-muted)}
}
@media screen and (max-width:360px){:root[data-design='original'] .cw-page#content-workspace .cc-heading h1{font-size:22px}}
:root[data-design] #creative-workspace.kw-performance,:root[data-design='original'] #creative-workspace{--kw-bg:#f2f4f8;--kw-panel:#fff;--kw-soft:#f6f7fa;--kw-ink:#192436;--kw-muted:#536176;--kw-line:#dce3ed;--kw-blue:#285ac5;--kw-orange:#a94712;--kw-teal:#087b83;--kw-green:#087758;--kw-rose:#b9334f;--kw-violet:#7950b3;--kw-gold:#8b620a;--kw-on:#fff;font:500 14px/1.5 ContentManrope,Manrope,system-ui,sans-serif;color:var(--kw-ink);background:var(--kw-bg);color-scheme:light;isolation:isolate}
:root[data-design][data-scheme='dark'] #creative-workspace.kw-performance,:root[data-design='original'][data-scheme='dark'] #creative-workspace{--kw-bg:#111723;--kw-panel:#1b2433;--kw-soft:#222e40;--kw-ink:#eef2f9;--kw-muted:#afbdd1;--kw-line:#354258;--kw-blue:#a5bcff;--kw-orange:#ffb27e;--kw-teal:#6ed8de;--kw-green:#69dbb4;--kw-rose:#ff9aab;--kw-violet:#c8b2ff;--kw-gold:#efcd78;--kw-on:#111723;color-scheme:dark}
#creative-workspace :is(button,input,textarea,select,label,summary,h1,h2,h3,h4,table,small,strong,a,span,p){font-family:inherit;letter-spacing:normal;text-shadow:none;-webkit-text-fill-color:currentColor}
#creative-workspace :is(h1,h2,h3,h4,p){margin:0}
#creative-workspace :is(button,input,textarea,select){font:inherit;box-shadow:none;text-transform:none;color:var(--kw-ink);background:var(--kw-panel);border:1px solid var(--kw-line);border-radius:9px;padding:10px 12px;min-height:44px;line-height:1.5}
#creative-workspace :is(input,textarea)::placeholder{color:var(--kw-muted);opacity:1}
#creative-workspace button{cursor:pointer;font-weight:750}
#creative-workspace button:hover{background:var(--kw-soft)}
#creative-workspace :is(button,input,textarea,select,a):focus-visible{outline:3px solid var(--kw-teal);outline-offset:2px}
#creative-workspace a{color:var(--kw-blue);text-decoration:none}
#creative-workspace small{font-size:12px;color:var(--kw-muted)}
#creative-workspace .kw-primary{background:var(--kw-teal);border-color:var(--kw-teal);color:var(--kw-on);display:inline-flex;align-items:center;justify-content:center;gap:7px}
#creative-workspace .kw-primary:hover{background:var(--kw-teal);filter:brightness(.95)}
#creative-workspace .nx-icon{width:18px;height:18px;flex:none}
#creative-workspace .kw-heading{gap:12px;margin-bottom:20px}
#creative-workspace h1{font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-1px}
#creative-workspace .kw-eyebrow{font-size:12px;color:var(--kw-teal);font-weight:750}
#creative-workspace .kw-stats{gap:12px;margin-bottom:20px}
#creative-workspace .kw-tone-blue{--kw-tone:var(--kw-blue)}
#creative-workspace .kw-tone-orange{--kw-tone:var(--kw-orange)}
#creative-workspace .kw-tone-teal{--kw-tone:var(--kw-teal)}
#creative-workspace .kw-tone-green{--kw-tone:var(--kw-green)}
#creative-workspace .kw-stat{padding:16px 18px;background:color-mix(in srgb,var(--kw-tone) 8%,var(--kw-panel));border:1px solid color-mix(in srgb,var(--kw-tone) 24%,var(--kw-line));border-top:3px solid var(--kw-tone);border-radius:14px}
#creative-workspace .kw-stat>span{color:var(--kw-tone);font-weight:750;font-size:12px}
#creative-workspace .kw-stat strong{font-size:28px;line-height:1.3;margin:5px 0;color:var(--kw-ink);font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#creative-workspace .kw-toolbar{margin-bottom:12px;gap:12px}
#creative-workspace .kw-views{gap:5px}
#creative-workspace .kw-views a{padding:10px 15px;border-radius:9px;font-weight:750;color:var(--kw-muted);min-height:44px}
#creative-workspace .kw-views a[aria-current]{background:color-mix(in srgb,var(--kw-blue) 12%,var(--kw-panel));color:var(--kw-blue)}
#creative-workspace .kw-filters{gap:10px;padding:14px;margin-bottom:16px;border:1px solid var(--kw-line);border-radius:12px;background:var(--kw-panel)}
#creative-workspace label{font-size:12px;gap:6px;color:var(--kw-muted)}
#creative-workspace .kw-layout{gap:20px}
#creative-workspace .kw-list,#creative-workspace .kw-editor{background:var(--kw-panel);border:1px solid var(--kw-line);border-radius:16px}
#creative-workspace .kw-list-head{padding:16px 18px;gap:8px}
#creative-workspace th{text-align:left;font-weight:650;font-size:12px;color:var(--kw-muted);padding:12px 14px;background:var(--kw-soft);border-block:1px solid var(--kw-line)}
#creative-workspace td{padding:18px 14px;border-bottom:1px solid var(--kw-line);font-size:13px;vertical-align:middle;overflow-wrap:anywhere;color:var(--kw-ink)}
#creative-workspace .kw-record-link{gap:5px 10px;color:var(--kw-ink);min-height:44px}
#creative-workspace .kw-record-link strong{font-size:15px;font-weight:800}
#creative-workspace .kw-code{font-size:12px;font-weight:800;color:var(--kw-blue)}
#creative-workspace .kw-open-label{font-size:11px;color:var(--kw-blue)}
#creative-workspace .kw-number{font-variant-numeric:tabular-nums}
#creative-workspace td small{margin-top:6px;font-size:11px}
#creative-workspace .kw-selected{background:color-mix(in srgb,var(--kw-teal) 7%,var(--kw-panel))}
#creative-workspace .kw-stage-research{--kw-tone:var(--kw-gold)}
#creative-workspace .kw-stage-copy{--kw-tone:var(--kw-rose)}
#creative-workspace .kw-stage-shoot{--kw-tone:var(--kw-orange)}
#creative-workspace :is(.kw-stage-ingest,.kw-stage-proxy){--kw-tone:var(--kw-teal)}
#creative-workspace .kw-stage-edit{--kw-tone:var(--kw-blue)}
#creative-workspace .kw-stage-export{--kw-tone:var(--kw-violet)}
#creative-workspace :is(.kw-stage-stock,.kw-stage-ready){--kw-tone:var(--kw-green)}
#creative-workspace .kw-publish-active{--kw-tone:var(--kw-green)}
#creative-workspace :is(.kw-publish-planned,.kw-publish-paused){--kw-tone:var(--kw-gold)}
#creative-workspace :is(.kw-publish-draft,.kw-publish-ended){--kw-tone:var(--kw-muted)}
#creative-workspace .kw-badge{display:inline-block;color:var(--kw-tone,var(--kw-blue));background:color-mix(in srgb,var(--kw-tone,var(--kw-blue)) 12%,var(--kw-panel));padding:5px 8px;border-radius:7px;font-size:12px;font-weight:750}
#creative-workspace .kw-pagination{padding:12px 18px;font-size:12px;color:var(--kw-muted);gap:10px}
#creative-workspace .kw-pagination>div{gap:12px}
#creative-workspace .kw-pagination a,#creative-workspace .kw-close{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--kw-line);border-radius:9px;background:var(--kw-panel)}
#creative-workspace .kw-editor-head{padding:18px;gap:12px;border-bottom:1px solid var(--kw-line)}
#creative-workspace .kw-editor-head h2{font-size:19px;line-height:1.4;font-weight:800;overflow-wrap:anywhere}
#creative-workspace .kw-editor-tabs{gap:4px;padding:8px;border-bottom:1px solid var(--kw-line)}
#creative-workspace .kw-editor-tabs button{font-size:12px;padding:8px 10px;border-color:transparent;background:transparent;color:var(--kw-muted)}
#creative-workspace .kw-editor-tabs button[aria-pressed=true]{color:var(--kw-teal);background:color-mix(in srgb,var(--kw-teal) 12%,var(--kw-panel))}
#creative-workspace .kw-editor-body{padding:18px}
#creative-workspace .kw-section-title{padding:14px;border-radius:11px;border-left:3px solid var(--kw-tone);background:color-mix(in srgb,var(--kw-tone) 8%,var(--kw-panel));margin-bottom:16px}
#creative-workspace h3{font-size:16px;font-weight:800;line-height:1.5;color:var(--kw-ink)}
#creative-workspace p{color:var(--kw-muted);font-size:12px;line-height:1.65;margin-block:8px}
#creative-workspace details{border:1px solid var(--kw-line);border-radius:10px;margin:12px 0;background:var(--kw-panel)}
#creative-workspace summary{padding:12px;font-size:13px;font-weight:750;cursor:pointer;color:var(--kw-ink);min-height:44px}
#creative-workspace details>form{padding:12px}
#creative-workspace .kw-stage{border-color:color-mix(in srgb,var(--kw-tone) 30%,var(--kw-line));border-left:3px solid var(--kw-tone)}
#creative-workspace .kw-stage>summary{gap:10px;background:color-mix(in srgb,var(--kw-tone) 9%,var(--kw-panel));color:var(--kw-tone);border-radius:8px}
#creative-workspace .kw-stage-icon{display:flex}
#creative-workspace .kw-stage-content{padding:10px 12px}
#creative-workspace .kw-stage-content h4{margin:14px 0 5px;font-size:12px;color:var(--kw-tone)}
#creative-workspace .kw-check-row{gap:8px;padding:10px 0;border-bottom:1px solid var(--kw-line)}
#creative-workspace .kw-check-row strong{font-size:13px;font-weight:600;line-height:1.5;color:var(--kw-ink)}
#creative-workspace .kw-check-row>button{padding:5px;min-height:36px;background:color-mix(in srgb,var(--kw-tone) 10%,var(--kw-panel));border-color:var(--kw-tone);color:var(--kw-tone)}
#creative-workspace .kw-done>span{color:var(--kw-green);font-size:20px;text-align:center}
#creative-workspace .kw-proof{font-size:11px}
#creative-workspace .kw-fields{gap:12px;margin-block:14px}
#creative-workspace .kw-actions{gap:8px;justify-content:flex-start;margin-block:14px}
#creative-workspace .kw-subheading{margin:22px 0 12px}
#creative-workspace .kw-version,#creative-workspace .kw-history{gap:10px;padding:14px 0;border-bottom:1px solid var(--kw-line);font-size:12px}
#creative-workspace .kw-result-grid{gap:12px}
#creative-workspace .kw-result-grid>div{border-radius:10px;background:var(--kw-soft);padding:12px;border-top:2px solid var(--kw-teal)}
#creative-workspace .kw-result-grid>div:nth-child(4n+1){border-top-color:var(--kw-orange)}
#creative-workspace .kw-result-grid>div:nth-child(4n+2){border-top-color:var(--kw-blue)}
#creative-workspace .kw-result-grid>div:nth-child(4n+3){border-top-color:var(--kw-green)}
#creative-workspace .kw-result-grid span{font-size:12px;color:var(--kw-muted)}
#creative-workspace .kw-result-grid strong{font-size:21px;font-weight:800;overflow-wrap:anywhere;color:var(--kw-ink)}
#creative-workspace .kw-footnote{margin-top:14px;font-size:12px;color:var(--kw-muted)}
#creative-workspace .kw-dialog{border:1px solid var(--kw-line);border-radius:16px;padding:22px;background:var(--kw-panel);color:var(--kw-ink)}
#creative-workspace .kw-dialog::backdrop,#creative-workspace .kw-scrim{background:rgb(10 18 30 / .4)}
#creative-workspace .kw-dialog label{margin:16px 0}
#creative-workspace .kw-empty{padding:36px 20px;text-align:center}
#creative-workspace .kw-quality .quality-gate-simple{padding:12px;background:var(--kw-panel);border:0;box-shadow:none}
#creative-workspace .kw-quality :is(.quality-template-run,.quality-template-run header,.quality-check-grid label,.quality-check-grid label span){background:var(--kw-panel);color:var(--kw-ink);border-color:var(--kw-line)}
#creative-workspace .kw-quality .quality-check-grid{gap:8px}
#creative-workspace .kw-quality .quality-check-grid label{gap:8px;padding:8px;font-size:13px}
#creative-workspace .kw-quality input{accent-color:var(--kw-green)}
@media(min-width:1800px){#creative-workspace td{padding:20px 16px;font-size:14px}#creative-workspace .kw-record-link strong{font-size:16px}}
@media(max-width:1100px){#creative-workspace h1{font-size:28px}#creative-workspace .kw-stats{gap:8px}#creative-workspace .kw-stat{padding:12px}#creative-workspace .kw-stat strong{font-size:22px}}
@media(max-width:760px){#creative-workspace .kw-heading{gap:6px;margin-bottom:14px}#creative-workspace h1{font-size:26px}#creative-workspace .kw-heading>button{padding-inline:10px;font-size:12px}#creative-workspace .kw-stats{gap:5px;margin-bottom:12px}#creative-workspace .kw-stat{padding:7px 5px;border-radius:8px}#creative-workspace .kw-stat>span{font-size:10px}#creative-workspace .kw-stat strong{font-size:16px;margin:3px 0}#creative-workspace .kw-views{gap:0}#creative-workspace .kw-views a{padding:10px;font-size:13px}#creative-workspace .kw-list-head{padding:12px;font-size:12px}#creative-workspace tr{padding:14px 12px;gap:10px;border-bottom:1px solid var(--kw-line)}#creative-workspace td{padding:0;border:0;font-size:12px}#creative-workspace .kw-record-link{grid-template-columns:1fr auto;gap:5px}#creative-workspace .kw-record-link strong{grid-row:2;grid-column:1/-1;font-size:16px}#creative-workspace .kw-record-link small{grid-row:3;grid-column:1/-1}#creative-workspace .kw-open-label{grid-row:1;font-size:12px}#creative-workspace .kw-mobile-label{font-size:11px;color:var(--kw-muted);margin-bottom:4px}#creative-workspace .kw-badge{font-size:12px}#creative-workspace .kw-editor-head{padding:14px}#creative-workspace .kw-editor-body{padding:12px 12px calc(22px + env(safe-area-inset-bottom))}#creative-workspace .kw-editor :is(input,select,textarea),#creative-workspace .kw-dialog input{font-size:16px}#creative-workspace .kw-editor-tabs button{font-size:12px;padding:8px}#creative-workspace .kw-fields{gap:10px}#creative-workspace .kw-check-row small{font-size:11px}#creative-workspace .kw-check-row strong{font-size:13px}#creative-workspace .kw-editor-head h2{font-size:17px}}
:root[data-design='original']:has(#creative-workspace) .main-content{background:var(--of-bg)}
:root[data-design='original'] #creative-workspace{background:transparent}
#creative-workspace .kw-heading{margin-bottom:19px;gap:16px}
#creative-workspace h1{font-size:34px;line-height:1.2;letter-spacing:-.045em;margin:3px 0 5px}
#creative-workspace .kw-heading p{font-size:13px;margin:0;line-height:1.5}
#creative-workspace .kw-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--kw-muted)}
#creative-workspace .kw-stats{gap:14px;margin-bottom:17px}
#creative-workspace .kw-stat{padding:13px 17px}
#creative-workspace .kw-stat strong{font-size:25px;margin:0;letter-spacing:-.035em}
#creative-workspace .kw-toolbar{margin-bottom:12px}
#creative-workspace .kw-views a{font-size:13px;padding:7px 13px;min-height:42px}
#creative-workspace .kw-filters{padding:12px 16px;gap:9px;margin-bottom:12px}
#creative-workspace .kw-filters :is(input,select,button){font-size:13px}
#creative-workspace .kw-list-head{padding:10px 17px;font-size:12px}
#creative-workspace td{padding:10px 14px;font-size:13px}
#creative-workspace .kw-record-link{gap:3px 8px}
#creative-workspace .kw-record-link strong{font-size:14px}
#creative-workspace .kw-open-label{font-size:12px;border:1px solid var(--kw-line);border-radius:8px;padding:6px 8px}
#creative-workspace .kw-code{font-size:12px;font-weight:600;color:var(--kw-muted)}
#creative-workspace td small{font-size:12px;margin-top:3px}
#creative-workspace .kw-pagination{background:var(--kw-soft);border-top:1px solid var(--kw-line)}
@media(min-width:1800px){
#creative-workspace{font-size:16px}#creative-workspace h1{font-size:42px}#creative-workspace .kw-heading p{font-size:16px}#creative-workspace .kw-eyebrow{font-size:13px}
#creative-workspace .kw-heading button{font-size:15px;padding:11px 15px}
#creative-workspace .kw-stat{padding:18px 22px}#creative-workspace .kw-stat>span{font-size:15px}#creative-workspace .kw-stat strong{font-size:32px}
#creative-workspace .kw-views a{font-size:15px;padding:9px 15px}
#creative-workspace .kw-filters :is(input,select,button){font-size:15px}#creative-workspace .kw-filters label{font-size:13px}
#creative-workspace :is(.kw-list-head,.kw-pagination){font-size:14px}
#creative-workspace th{font-size:13px;padding:13px 12px}#creative-workspace td{font-size:15px;padding:12px}
#creative-workspace .kw-record-link strong{font-size:16px}#creative-workspace .kw-code{font-size:13px}
#creative-workspace td small,#creative-workspace .kw-list-head small{font-size:13px}#creative-workspace .kw-badge{font-size:14px}
}
@media(max-width:760px),(min-width:761px) and (max-width:1100px) and (orientation:portrait){
#creative-workspace .kw-heading{margin:0 0 12px;gap:6px}#creative-workspace h1{font-size:26px;line-height:1.25;margin:0}#creative-workspace .kw-heading>button{padding:7px 9px;font-size:12px}
#creative-workspace .kw-stats{gap:6px;margin-bottom:8px}#creative-workspace .kw-stat{padding:6px 8px;border-radius:9px;border-top-width:2px}#creative-workspace .kw-stat>span{font-size:10px;line-height:1.3}#creative-workspace .kw-stat strong{font-size:17px;line-height:1.2}
#creative-workspace .kw-views a{padding:6px 10px;font-size:12px}#creative-workspace .kw-toolbar{gap:5px;margin-bottom:8px}
#creative-workspace tr{padding:8px 10px;gap:7px 9px;border-bottom:1px solid var(--kw-line)}#creative-workspace td{padding:0;border:0;font-size:13px}
#creative-workspace .kw-record-link strong{font-size:16px}#creative-workspace .kw-code,#creative-workspace .kw-open-label{font-size:13px}#creative-workspace .kw-badge{font-size:14px}
#creative-workspace .kw-mobile-label{font-size:11px;color:var(--kw-muted)}#creative-workspace .kw-list-head{padding:8px 10px}#creative-workspace .kw-pagination{padding:6px 10px;font-size:11px}
#creative-workspace .kw-filters :is(input,select){font-size:16px}
}
@media(max-width:360px){#creative-workspace h1{font-size:22px}#creative-workspace .kw-stat{padding:6px 5px}#creative-workspace .kw-stat>span{font-size:9px}#creative-workspace .kw-stat strong{font-size:15px}}
@media(min-width:761px) and (max-width:1100px) and (orientation:portrait){#creative-workspace h1{font-size:24px}}
@media(min-width:1101px) and (max-width:1514px),(min-width:761px) and (max-width:1100px) and (orientation:landscape){#creative-workspace h1{font-size:28px}#creative-workspace .kw-heading p{font-size:12px}}
@media(min-width:1101px) and (max-width:1599px) and (max-height:900px){#creative-workspace .kw-heading{margin-bottom:12px}#creative-workspace .kw-stats{margin-bottom:10px}#creative-workspace .kw-pagination{padding:6px 14px}}
#creative-workspace .kw-quality .quality-check-grid label{padding:0;border:0;text-align:left}
#creative-workspace .kw-quality .quality-check-grid label>span{margin:0;padding:10px;gap:10px;font-size:13px;line-height:1.5;min-height:44px;border:1px solid var(--kw-line);border-radius:8px}
#creative-workspace .kw-quality .quality-check-grid input:checked+span{background:color-mix(in srgb,var(--kw-green) 10%,var(--kw-panel));border-color:var(--kw-green)}
#creative-workspace .kw-quality .quality-check-grid input:checked+span i{background:var(--kw-green);color:var(--kw-on);box-shadow:none}
#creative-workspace .kw-table-controls{gap:8px;margin-bottom:8px}
#creative-workspace .kw-table-controls button{font-size:12px;min-height:36px;padding:6px 10px}
#creative-workspace .kw-bulk{gap:8px;padding:10px;margin-bottom:8px;background:var(--kw-soft);border:1px solid var(--kw-line);border-radius:10px;font-size:12px}
#creative-workspace .kw-bulk :is(button,select){font-size:12px}
#creative-workspace .kw-danger{color:var(--kw-rose)}
#creative-workspace .kw-picked{background:color-mix(in srgb,var(--kw-blue) 9%,var(--kw-panel))}
#creative-workspace :is(.kw-row-select,.kw-select-label,.kw-selectpage-mobile){gap:8px;font-size:12px}
#creative-workspace .kw-row-select{margin-bottom:4px;color:var(--kw-muted)}
#creative-workspace input[type=checkbox]{accent-color:var(--kw-teal);padding:0;border-radius:5px}
#creative-workspace [data-kw-column]{gap:6px;padding:5px 0;border-bottom:1px solid var(--kw-line)}
#creative-workspace [data-kw-column]>label{gap:9px;margin:0;font-size:13px;color:var(--kw-ink)}
#creative-workspace [data-kw-column]>button{padding:4px 10px;min-height:36px}
:root[data-skin='workspace'][data-design] :is(#creative-workspace,#content-workspace) input[type='checkbox']:not(.ios-switch){appearance:none;-webkit-appearance:none;display:inline-grid;place-content:center;width:20px;height:20px;min-height:20px;padding:0;flex:none;border:1px solid var(--line);border-radius:5px;background:var(--surface-1,#fff);cursor:pointer;color:#fff}
:root[data-skin='workspace'][data-design] :is(#creative-workspace,#content-workspace) input[type='checkbox']:checked{background:#087f8c;border-color:#087f8c}
:root[data-skin='workspace'][data-design] :is(#creative-workspace,#content-workspace) input[type='checkbox']::after{content:'';display:block;width:10px;height:6px;border:solid #fff;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg);opacity:0}
:root[data-skin='workspace'][data-design] :is(#creative-workspace,#content-workspace) input[type='checkbox']:checked::after{opacity:1}
:root[data-skin='workspace'][data-design] :is(#creative-workspace,#content-workspace) input[type='checkbox']:indeterminate{background:#087f8c;border-color:#087f8c}
:root[data-skin='workspace'][data-design] :is(#creative-workspace,#content-workspace) input[type='checkbox']:indeterminate::after{opacity:1;height:0;border-width:0 0 2px;transform:none}
:root[data-skin='workspace'][data-design] :is(#creative-workspace,#content-workspace) input[type='checkbox']:focus-visible{outline:3px solid #38a9bc;outline-offset:3px}
#creative-workspace .kw-column-options [data-kw-column]:has(input:checked){background:color-mix(in srgb,var(--kw-teal) 9%,var(--kw-panel));border-radius:6px}
#creative-workspace .kw-bulk{background:var(--kw-panel);border:1px solid color-mix(in srgb,var(--kw-teal) 30%,var(--kw-line));gap:12px;padding:10px 14px;align-items:center}
#creative-workspace .kw-bulk strong{color:var(--kw-teal);white-space:nowrap}
#creative-workspace .kw-bulk-group{display:flex;align-items:center;gap:6px;border-left:1px solid var(--kw-line);padding-left:12px}
#creative-workspace .kw-bulk .kw-icon-action{width:40px;height:40px;min-height:40px;padding:8px;display:inline-grid;place-content:center;flex:none}
#creative-workspace .kw-bulk .kw-icon-action svg{width:20px;height:20px}
#creative-workspace .kw-bulk [data-kw-clear]{margin-left:auto}
#creative-workspace .kw-check-row.kw-done button{background:var(--kw-green);border-color:var(--kw-green);color:#fff}
@media(max-width:760px){#creative-workspace .kw-bulk{gap:8px;padding:10px;max-height:200px}#creative-workspace .kw-bulk-group{padding-left:0;border:0;flex:1 1 180px}#creative-workspace .kw-bulk-group select{flex:1;min-width:0}#creative-workspace .kw-bulk .kw-icon-action{width:44px;height:44px;min-height:44px}}
#creative-workspace .kw-bulk{align-self:flex-start;width:fit-content;max-width:100%;border-radius:12px;box-shadow:0 4px 14px #102a4310}
#creative-workspace .kw-bulk [data-kw-clear]{margin-left:8px}
@media(max-width:760px){#creative-workspace .kw-bulk{width:100%}}
#creative-workspace .kw-live-rates{margin:16px 0;padding:12px;border:1px solid var(--kw-line);border-radius:12px;background:color-mix(in srgb,var(--kw-teal) 5%,var(--kw-panel))}
#creative-workspace .kw-live-rates h4{margin:0 0 12px;font-size:14px;color:var(--kw-ink)}
#creative-workspace .kw-live-rates h4 small{display:block;font-weight:400;color:var(--kw-muted);margin-top:4px}
#creative-workspace .kw-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#creative-workspace .kw-live-card{min-width:0;padding:10px;border:1px solid var(--kw-line);border-radius:8px;background:var(--kw-panel)}
#creative-workspace .kw-live-card>span{font-size:12px;color:var(--kw-muted)}
#creative-workspace .kw-live-card output{display:block;font-size:20px;font-weight:750;color:var(--kw-teal);overflow-wrap:anywhere;margin-top:6px;font-variant-numeric:tabular-nums}
#creative-workspace .kw-rate-help{display:inline;position:relative;margin:0 0 0 5px;padding:0;border:0;background:transparent}
#creative-workspace .kw-rate-help .kw-info-button{display:inline-grid;place-items:center;list-style:none;width:24px;height:24px;min-height:24px;padding:0;border:1px solid var(--kw-line);border-radius:50%;color:var(--kw-teal);background:var(--kw-panel);font-size:12px;font-weight:700;cursor:help}
#creative-workspace .kw-rate-help .kw-info-button::-webkit-details-marker{display:none}
#creative-workspace .kw-rate-help .kw-info-button::after{display:none}
#creative-workspace .kw-rate-help .kw-info-button:focus-visible{outline:2px solid var(--kw-teal);outline-offset:2px}
#creative-workspace .kw-rate-help>span{display:none;padding:8px 0;font-size:12px;line-height:1.5;color:var(--kw-ink);overflow-wrap:anywhere}
#creative-workspace .kw-rate-help[data-open=true]>span,#creative-workspace .kw-rate-help:focus-within>span{display:block}
@media(hover:hover){#creative-workspace .kw-rate-help:hover>span{display:block}}
@media(pointer:coarse){#creative-workspace .kw-rate-help .kw-info-button{width:32px;height:32px;min-height:32px}}
:root[data-design] #creative-workspace.kw-performance{height:auto;min-height:0;max-width:1920px;width:100%;margin-inline:auto}
#creative-workspace.kw-performance .kw-layout{flex:none;height:clamp(320px,55dvh,760px)}
#creative-workspace.kw-performance .kw-filters{grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) 140px 140px 70px minmax(140px,1fr) auto}
#creative-workspace .kw-kpi-entry{background:var(--kw-panel);border:1px solid var(--kw-line);border-radius:12px;padding:16px;margin:16px 0;min-width:0}
#creative-workspace .kw-kpi-entry .kw-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#creative-workspace .kw-kpi-entry summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}
#creative-workspace .kw-kpi-entry .kw-live-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media(max-width:1400px){#creative-workspace.kw-performance .kw-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#creative-workspace.kw-performance .kw-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#creative-workspace .kw-kpi-entry .kw-fields{grid-template-columns:repeat(2,minmax(0,1fr))}#creative-workspace.kw-performance .kw-heading .kw-primary{font-size:12px}}
#creative-workspace.kw-performance .kw-heading a.kw-primary{min-height:44px;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:700;flex-shrink:0}
#creative-workspace .kw-filter-card{flex:none;min-width:0;margin:0 0 12px;border:1px solid var(--kw-line);border-radius:12px;background:var(--kw-panel);overflow:hidden}
#creative-workspace .kw-filter-card>summary{padding:12px 16px;min-height:44px;cursor:pointer;font-weight:700;color:var(--kw-ink)}
#creative-workspace .kw-filter-card>summary:focus-visible{outline:2px solid var(--kw-teal);outline-offset:-3px}
#creative-workspace .kw-filter-card>.kw-filters{margin:0;border:0;border-top:1px solid var(--kw-line);border-radius:0;max-height:45dvh;overflow:auto}
#creative-workspace .kw-record-link{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
#creative-workspace .kw-record-link>small{margin:0;overflow-wrap:anywhere;max-width:100%}
#creative-workspace .kw-check-row{grid-template-columns:44px minmax(0,1fr)}
#creative-workspace .kw-account-add{border:1px solid var(--kw-line);border-radius:9px;padding:10px 12px}#creative-workspace .kw-account-add summary{cursor:pointer;min-height:24px;color:var(--kw-teal)}#creative-workspace .kw-account-add :is(label,button){margin-top:10px}
#creative-workspace .kw-account-add small{display:block;margin-top:8px}#creative-workspace .kw-account-add button{display:block}
:root[data-design='original'] #funnel-workspace{--fw-bg:var(--of-bg,#f2f4f8);--fw-panel:var(--of-panel,#fff);--fw-soft:var(--of-soft,#f6f7fa);--fw-ink:var(--of-ink,#192436);--fw-muted:var(--of-muted,#536176);--fw-line:var(--of-line,#dee4ec);--fw-brand:var(--of-brand,#4d50d8);--fw-green:var(--of-green,#087758);--fw-red:var(--of-red,#b9334f);--fw-amber:var(--of-amber,#8b570a);--fw-blue:var(--of-blue,#345ac0);font-family:Manrope,sans-serif;color:var(--fw-ink);font-size:14px;line-height:1.5}
:root[data-design='original']:has(#funnel-workspace){background:var(--of-bg)}
:root[data-design='original']:has(#funnel-workspace) .main-content{background:var(--of-bg)}
#funnel-workspace :is(button,input,select,textarea){font:inherit;color:inherit}
#funnel-workspace :is(h1,h2,h3,p){margin:0}
#funnel-workspace h1{font:800 34px/1.15 Manrope,sans-serif;letter-spacing:-1.1px}
#funnel-workspace h2{font:800 18px/1.35 Manrope,sans-serif;letter-spacing:-.3px}
#funnel-workspace h3{font:800 16px/1.4 Manrope,sans-serif;overflow-wrap:anywhere}
#funnel-workspace :is(small,.fw-hint,.fw-eyebrow){color:var(--fw-muted);font-size:12px}
#funnel-workspace .fw-heading{gap:18px;margin-bottom:22px}
#funnel-workspace .fw-heading p{margin-top:8px;color:var(--fw-muted)}
#funnel-workspace .fw-eyebrow{display:block;margin-bottom:7px;font-weight:650}
#funnel-workspace :is(.fw-actions,.fw-context){gap:10px}
#funnel-workspace :is(button,.fw-button,.fw-detail){display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid var(--fw-line);border-radius:10px;background:var(--fw-panel);color:var(--fw-ink);font-weight:700;text-decoration:none;cursor:pointer;box-shadow:none;line-height:1.4}
#funnel-workspace :is(button,.fw-button,.fw-detail):hover{background:var(--fw-soft);border-color:var(--fw-brand)}
#funnel-workspace :is(button,.fw-button,input,textarea,select,a,summary):focus-visible{outline:2px solid var(--fw-brand);outline-offset:3px}
#funnel-workspace .fw-primary{background:var(--fw-brand);color:var(--of-on-brand);border-color:var(--fw-brand)}
#funnel-workspace .fw-primary:hover{background:var(--fw-brand);filter:brightness(.94)}
#funnel-workspace :disabled{opacity:.55;cursor:default}
#funnel-workspace svg{width:18px;height:18px;flex:none}
#funnel-workspace .fw-context{margin-bottom:18px}
#funnel-workspace .fw-context select{min-width:240px;max-width:100%}
#funnel-workspace .fw-context-name{font-weight:700;overflow-wrap:anywhere}
#funnel-workspace .fw-stats{gap:12px;margin-bottom:20px}
#funnel-workspace .fw-stat{padding:15px 19px;border:1px solid var(--fw-line);border-top:3px solid var(--fw-tone,var(--fw-blue));border-radius:14px;background:var(--fw-panel);color:var(--fw-ink);text-decoration:none}
#funnel-workspace .fw-stat span{font-size:13px;color:var(--fw-muted);font-weight:650}
#funnel-workspace .fw-stat strong{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.4}
#funnel-workspace .fw-tone-planned,#funnel-workspace .fw-tone-active{--fw-tone:var(--fw-blue)}
#funnel-workspace .fw-tone-in_progress{--fw-tone:var(--of-receivable)}
#funnel-workspace .fw-tone-cancelled{--fw-tone:var(--fw-red)}
#funnel-workspace .fw-tone-waiting,#funnel-workspace .fw-tone-stale,#funnel-workspace .fw-tone-high{--fw-tone:var(--fw-amber)}
#funnel-workspace .fw-tone-fail,#funnel-workspace .fw-tone-critical{--fw-tone:var(--fw-red)}
#funnel-workspace .fw-tone-completed,#funnel-workspace .fw-tone-pass{--fw-tone:var(--fw-green)}
#funnel-workspace :is(.fw-tone-unknown,.fw-tone-normal,.fw-tone-low,.fw-tone-draft,.fw-tone-paused,.fw-tone-archived){--fw-tone:var(--fw-muted)}
#funnel-workspace .fw-status{border-color:transparent;background:color-mix(in srgb,var(--fw-tone) 9%,var(--fw-panel));color:var(--fw-tone);font-weight:750}
#funnel-workspace .fw-state-inline{margin:0}
#funnel-workspace .fw-state-inline .fw-status{min-height:34px;padding:5px 20px 5px 8px;font-size:12px}
#funnel-workspace .fw-state-card{margin-bottom:18px}
#funnel-workspace .fw-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:7px;background:color-mix(in srgb,var(--fw-tone,var(--fw-muted)) 9%,var(--fw-panel));color:var(--fw-tone,var(--fw-muted));font-size:12px;font-weight:750;line-height:1.5;overflow-wrap:anywhere}
#funnel-workspace .fw-tabs{gap:5px;margin-bottom:20px;border-bottom:1px solid var(--fw-line);padding-bottom:10px}
#funnel-workspace .fw-tabs a{padding:9px 13px;color:var(--fw-muted);text-decoration:none;font-weight:750;border-radius:9px;min-height:40px}
#funnel-workspace .fw-tabs a[aria-current]{background:color-mix(in srgb,var(--fw-brand) 9%,var(--fw-panel));color:var(--fw-brand)}
#funnel-workspace .fw-layout{gap:20px}
#funnel-workspace :is(.fw-card,.fw-section-card,.fw-list,.fw-filterbox,.fw-package){background:var(--fw-panel);border:1px solid var(--fw-line);border-radius:16px}
#funnel-workspace :is(.fw-card,.fw-section-card){padding:20px}
#funnel-workspace .fw-section-card{text-decoration:none;color:inherit;min-width:0}
#funnel-workspace .fw-section-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;flex-wrap:wrap}
#funnel-workspace .fw-section-card p{margin:12px 0;color:var(--fw-muted);white-space:normal;overflow-wrap:anywhere}
#funnel-workspace .fw-section-card details{margin-top:16px;border-top:1px solid var(--fw-line);padding-top:12px}
#funnel-workspace .fw-section-grid{gap:16px}
#funnel-workspace .fw-section-head{gap:14px;margin-bottom:18px}
#funnel-workspace .fw-section-head p{color:var(--fw-muted);margin-top:5px}
#funnel-workspace summary{cursor:pointer;font-weight:750;padding:5px 0}
#funnel-workspace :is(.fw-fields,.fw-filters){gap:14px}
#funnel-workspace .fw-fields{margin-top:16px}
#funnel-workspace label{gap:6px;font-size:13px;font-weight:700}
#funnel-workspace :is(input,select,textarea){border:1px solid var(--fw-line);border-radius:9px;background:var(--fw-panel);padding:9px 11px;min-height:42px;box-shadow:none}
#funnel-workspace textarea{resize:vertical}
#funnel-workspace .fw-filterbox{margin-bottom:14px;padding:10px 16px}
#funnel-workspace .fw-filterbox summary{display:flex;justify-content:space-between;gap:10px}
#funnel-workspace .fw-filterbox summary>span{font-weight:500;color:var(--fw-muted);font-size:12px}
#funnel-workspace .fw-filters{padding-top:12px}
#funnel-workspace .fw-list{overflow:hidden}
#funnel-workspace .fw-list-head{padding:16px 19px;gap:10px}
#funnel-workspace .fw-list-head>span{color:var(--fw-muted);margin-right:auto}
#funnel-workspace th{text-align:left;color:var(--fw-muted);background:var(--fw-soft);padding:12px 16px;font-size:12px;font-weight:750}
#funnel-workspace td{padding:17px 16px;border-top:1px solid var(--fw-line);vertical-align:top;overflow-wrap:anywhere}
#funnel-workspace td strong{font-size:15px;font-weight:750;margin:4px 0 9px}
#funnel-workspace .fw-code{font-size:11px;color:var(--fw-muted)}
#funnel-workspace tr[aria-selected]{background:color-mix(in srgb,var(--fw-brand) 5%,var(--fw-panel))}
#funnel-workspace .fw-detail{min-height:34px;padding:5px 10px;font-size:12px}
#funnel-workspace .fw-detail svg{width:15px;height:15px}
#funnel-workspace :is(.fw-warning,.fw-overdue){color:var(--fw-red)}
#funnel-workspace .fw-pagination{padding:12px 18px;border-top:1px solid var(--fw-line);gap:10px;color:var(--fw-muted);font-size:12px}
#funnel-workspace .fw-pagination>div{display:flex;gap:8px}
#funnel-workspace .fw-empty{padding:38px 20px;text-align:center;color:var(--fw-muted)}
#funnel-workspace .fw-empty h2{color:var(--fw-ink);margin-bottom:8px}
#funnel-workspace .fw-empty p{max-width:440px;margin:0 auto 14px}
#funnel-workspace .fw-empty small{margin-top:6px}
#funnel-workspace .fw-empty-icon{display:inline-grid;place-items:center;width:44px;height:44px;background:color-mix(in srgb,var(--fw-green) 9%,var(--fw-panel));color:var(--fw-green);border-radius:50%;margin-bottom:14px}
#funnel-workspace .fw-package{padding:14px 18px;gap:12px;margin-bottom:14px}
#funnel-workspace progress{width:100%;height:6px;accent-color:var(--fw-green)}
#funnel-workspace .fw-checks{margin-top:18px}
#funnel-workspace .fw-check{gap:16px;padding:18px 0;border-bottom:1px solid var(--fw-line);align-items:flex-start}
#funnel-workspace .fw-check>div{min-width:0}
#funnel-workspace .fw-check small{display:block;margin-top:4px}
#funnel-workspace .fw-check p{margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}
#funnel-workspace .fw-history{gap:16px;padding:16px 0;border-bottom:1px solid var(--fw-line)}
#funnel-workspace .fw-history p{margin:5px 0;color:var(--fw-muted);overflow-wrap:anywhere}
#funnel-workspace .fw-history-dot{width:8px;height:8px;background:var(--fw-brand);border-radius:50%;margin-top:7px}
#funnel-workspace .fw-editor{background:var(--fw-panel);border:1px solid var(--fw-line);border-radius:16px}
#funnel-workspace .fw-editor-head{padding:20px;gap:12px;border-bottom:1px solid var(--fw-line)}
#funnel-workspace .fw-editor-head h2{overflow-wrap:anywhere;margin-top:5px}
#funnel-workspace .fw-editor-tabs{gap:4px;padding:10px 16px;border-bottom:1px solid var(--fw-line)}
#funnel-workspace .fw-editor-tabs button{border-color:transparent;background:transparent;color:var(--fw-muted);font-size:12px}
#funnel-workspace .fw-editor-tabs button[aria-pressed='true']{color:var(--fw-brand);background:color-mix(in srgb,var(--fw-brand) 8%,var(--fw-panel))}
#funnel-workspace .fw-editor-body{padding:18px}
#funnel-workspace .fw-editor .fw-fields{margin:0 0 18px}
#funnel-workspace .fw-unit{padding:15px 0;border-bottom:1px solid var(--fw-line);margin-bottom:12px}
#funnel-workspace .fw-unit>header{gap:8px;margin-bottom:12px}
#funnel-workspace .fw-check-row{padding:10px 0;gap:10px;border-bottom:1px solid var(--fw-line)}
#funnel-workspace .fw-check-row small{display:block}
#funnel-workspace .fw-check-button{padding:0;width:36px;min-height:36px;font-size:22px;color:var(--fw-green)}
#funnel-workspace .fw-done{text-decoration:line-through;color:var(--fw-muted)}
#funnel-workspace .fw-todos{margin:16px 0}
#funnel-workspace .fw-dialog{padding:23px;border:1px solid var(--fw-line);border-radius:18px;background:var(--fw-panel);color:var(--fw-ink);box-shadow:0 24px 80px color-mix(in srgb,var(--fw-ink) 18%,transparent)}
#funnel-workspace .fw-dialog::backdrop,#funnel-workspace .fw-scrim{background:color-mix(in srgb,var(--fw-ink) 30%,transparent)}
#funnel-workspace .fw-dialog>header{gap:12px}
@media(min-width:1800px){#funnel-workspace h1{font-size:42px}#funnel-workspace .fw-stat strong{font-size:32px}#funnel-workspace td strong{font-size:16px}#funnel-workspace td{font-size:14px}}
@media(min-width:1101px) and (max-width:1400px){#funnel-workspace h1{font-size:28px}}
@media(max-width:1100px){#funnel-workspace h1{font-size:26px}#funnel-workspace .fw-heading{gap:12px;margin-bottom:16px}#funnel-workspace .fw-context{gap:8px}#funnel-workspace :is(button,.fw-button,.fw-detail){min-height:44px}#funnel-workspace :is(input,select,textarea){font-size:16px;min-height:44px}}
@media(max-width:1100px) and (orientation:portrait){#funnel-workspace tbody{gap:12px;padding:12px}#funnel-workspace tr{border:1px solid var(--fw-line);border-radius:12px;padding:12px}#funnel-workspace td{border:0;padding:6px}#funnel-workspace td[data-label]::before{content:attr(data-label);display:block;color:var(--fw-muted);font-size:11px;margin-bottom:3px}}
@media(max-width:760px){#funnel-workspace .fw-stats{gap:6px;margin-bottom:14px}#funnel-workspace .fw-stat{padding:9px 8px;border-radius:10px}#funnel-workspace .fw-stat span{font-size:10px}#funnel-workspace .fw-stat strong{font-size:23px}#funnel-workspace .fw-tabs{gap:2px;margin-bottom:14px}#funnel-workspace .fw-tabs a{font-size:12px;padding:7px 9px;min-height:36px}#funnel-workspace tbody{padding:0 10px}#funnel-workspace tr{border:0;border-bottom:1px solid var(--fw-line);border-radius:0;padding:12px 0}#funnel-workspace td{padding:5px;border:0;font-size:13px}#funnel-workspace td strong{font-size:16px;margin-top:3px}#funnel-workspace td[data-label]::before{content:attr(data-label);display:block;color:var(--fw-muted);font-size:11px;margin-bottom:3px}#funnel-workspace .fw-detail{font-size:13px}#funnel-workspace .fw-editor{border-radius:0}#funnel-workspace .fw-editor-head{padding:16px}#funnel-workspace .fw-editor-body{padding:16px 14px calc(100px + env(safe-area-inset-bottom))}#funnel-workspace .fw-empty{padding:28px 16px}#funnel-workspace .fw-context select{min-width:0}#funnel-workspace .fw-dialog{padding:18px}#funnel-workspace .fw-check-button{width:36px}}
@media(max-width:360px){#funnel-workspace h1{font-size:22px}#funnel-workspace .fw-stat span{font-size:9px}}
@media(max-width:1100px) and (orientation:portrait),(max-width:760px){#funnel-workspace .fw-state-inline .fw-status{min-height:44px;font-size:16px}}
@media(max-width:760px){#funnel-workspace .fw-eyebrow{display:none}}
#creative-workspace .kp-funnel-picker{margin:16px 0}
#creative-workspace .kp-funnel-nav{gap:5px;margin-bottom:12px}
#creative-workspace .kp-funnel-nav a{padding:8px 11px;text-decoration:none;font-weight:700;border-radius:9px;color:var(--text-2)}
#creative-workspace .kp-funnel-nav a[aria-current]{background:var(--surface-2);color:var(--accent)}
#creative-workspace .kp-stats{margin:16px 0}
#creative-workspace.kw-performance .kw-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
#creative-workspace .kp-assignment{border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:16px}
#creative-workspace .kp-assignment p{color:var(--text-2);font-size:13px}
#creative-workspace .kp-funnel-tag{color:var(--accent);font-weight:650}
:root[data-design='original'] #creative-workspace .kp-assignment{background:var(--of-soft);border-color:var(--of-line)}
:root[data-design='original'] #creative-workspace .kp-funnel-nav a{color:var(--of-muted)}
:root[data-design='original'] #creative-workspace .kp-funnel-nav a[aria-current]{background:color-mix(in srgb,var(--of-brand) 9%,var(--of-panel));color:var(--of-brand)}
:root[data-design='original'] #creative-workspace .kp-assignment p{color:var(--of-muted)}
:root[data-design='original'] #creative-workspace .kp-funnel-tag{color:var(--of-brand)}
@media(max-width:760px){#creative-workspace .kp-funnel-nav a{padding:7px 8px;font-size:12px}#creative-workspace .kp-stats .kw-stat{padding:9px 7px}#creative-workspace .kp-stats .kw-stat>span{font-size:10px}}
@media(max-width:1400px){#creative-workspace.kw-performance .kw-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#creative-workspace.kw-performance .kw-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
:is(.op-page,#operations-workspace){--op-bg:var(--surface-0,#f2f4f8);--op-panel:var(--surface-1,#fff);--op-soft:var(--surface-2,#f6f7fa);--op-ink:var(--text-1,#192436);--op-muted:var(--text-2,#536176);--op-line:var(--line,#dee4ec);--op-blue:#345ac0;--op-teal:#087758;--op-amber:#8b570a;--op-red:#b9334f;color:var(--op-ink);font-family:Manrope,system-ui,sans-serif;font-size:14px}
html[data-design=original][data-scheme=light] :is(.op-page,#operations-workspace){--op-bg:#f2f4f8;--op-panel:#fff;--op-soft:#f6f7fa;--op-ink:#192436;--op-muted:#536176;--op-line:#dee4ec}
html[data-scheme=dark] :is(.op-page,#operations-workspace){--op-bg:#111723;--op-panel:#1b2433;--op-soft:#222e40;--op-ink:#eef2f9;--op-muted:#afbdd1;--op-line:#354258;--op-blue:#a5bcff;--op-teal:#69dbb4;--op-amber:#efc178;--op-red:#ff9aab}
:is(.op-page,#operations-workspace) :is(input,select,textarea,button,a){font-family:inherit;letter-spacing:normal;text-transform:none;-webkit-text-fill-color:currentColor}:is(.op-page,#operations-workspace) h1{font:800 34px/1.15 Manrope,system-ui,sans-serif;margin:0 0 8px}:is(.op-page,#operations-workspace) h2{font:750 21px/1.3 Manrope,system-ui,sans-serif;margin:3px 0}:is(.op-page,#operations-workspace) h3{font-size:16px;margin:20px 0 12px}:is(.op-page,#operations-workspace) p,:is(.op-page,#operations-workspace) small{color:var(--op-muted)}.op-heading p{margin:0;line-height:1.5}:is(.op-page,#operations-workspace) a{text-decoration:none;color:var(--op-blue)}:is(.op-page,#operations-workspace) :is(button,.op-primary,.op-categories a,.op-toolbar a,.op-related a,.op-pagination a){min-height:44px;padding:10px 14px;border:1px solid var(--op-line);border-radius:10px;background:var(--op-panel);color:var(--op-ink);font-size:13px;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}:is(.op-page,#operations-workspace) .op-primary{background:var(--op-blue);color:var(--op-panel);border-color:transparent}:is(.op-page,#operations-workspace) :is(button,a):focus-visible,:is(.op-page,#operations-workspace) :is(input,select,textarea):focus-visible{outline:2px solid var(--op-blue);outline-offset:3px}:is(.op-page,#operations-workspace) button:disabled{opacity:.55;cursor:default}:is(.op-page,#operations-workspace) :is(input:not([type=checkbox]),select,textarea){min-height:44px;border:1px solid var(--op-line);border-radius:9px;background:var(--op-panel);color:var(--op-ink);padding:10px 12px;font-size:14px;box-shadow:none}:is(.op-page,#operations-workspace) textarea{resize:vertical;line-height:1.6}:is(.op-page,#operations-workspace) label{font-size:13px;font-weight:650;color:var(--op-muted)}.op-stat{padding:16px 18px;border:1px solid var(--op-line);border-radius:14px;background:var(--op-panel);border-top:3px solid currentColor}.op-stat strong{font-size:28px;font-variant-numeric:tabular-nums}:is(.op-page,#operations-workspace) .op-blue{color:var(--op-blue)}:is(.op-page,#operations-workspace) .op-teal{color:var(--op-teal)}:is(.op-page,#operations-workspace) .op-amber{color:var(--op-amber)}:is(.op-page,#operations-workspace) .op-red{color:var(--op-red)}:is(.op-page,#operations-workspace) [aria-current=page],:is(.op-page,#operations-workspace) [aria-selected=true]{background:color-mix(in srgb,var(--op-blue) 10%,var(--op-panel));border-color:var(--op-blue);color:var(--op-blue)}.op-list,.op-editor{border:1px solid var(--op-line);border-radius:16px;background:var(--op-panel)}:is(.op-page,#operations-workspace) th{padding:14px 12px;background:var(--op-soft);font-size:12px;color:var(--op-muted);font-weight:750}:is(.op-page,#operations-workspace) td{padding:16px 12px;border-bottom:1px solid var(--op-line);font-size:13px}.op-identity strong{font-size:15px;line-height:1.5;margin-top:5px}.op-identity small{font-size:12px}:is(.op-page,#operations-workspace) input[type=checkbox]{accent-color:var(--op-teal)}.op-selected{background:color-mix(in srgb,var(--op-blue) 6%,var(--op-panel))}.op-badge{display:inline-block;white-space:nowrap;border-radius:7px;padding:5px 8px;background:var(--op-soft);color:var(--op-muted);font-size:12px}.op-state-in_progress{color:var(--op-blue);background:color-mix(in srgb,var(--op-blue) 10%,var(--op-panel))}.op-state-waiting{color:var(--op-amber);background:color-mix(in srgb,var(--op-amber) 10%,var(--op-panel))}.op-state-completed{color:var(--op-teal);background:color-mix(in srgb,var(--op-teal) 10%,var(--op-panel))}.op-state-cancelled,.op-overdue{color:var(--op-red)}.op-pagination{padding:14px 18px;color:var(--op-muted);font-size:13px}.op-editor>header,.op-tabs,.op-editor-body{padding:18px}.op-editor>header,.op-tabs{border-bottom:1px solid var(--op-line)}.op-tabs{gap:5px;padding:10px}.op-tabs button{font-size:12px;padding:8px 10px;flex:1}.op-check{padding:12px 0;border-bottom:1px solid var(--op-line)}.op-check button{width:44px;color:var(--op-teal);font-size:20px}.op-waiting{padding:12px;background:color-mix(in srgb,var(--op-amber) 8%,var(--op-panel));border-radius:10px}.op-bulk{padding:14px;background:var(--op-soft)}:is(.op-page,#operations-workspace) .op-danger{color:var(--op-red);border-color:var(--op-red)}.op-scrim{background:rgb(0 0 0 / .35)}.op-event{padding:14px 0;border-bottom:1px solid var(--op-line)}
@media(min-width:1800px){:is(.op-page,#operations-workspace) h1{font-size:42px}.op-identity strong{font-size:16px}:is(.op-page,#operations-workspace) td{font-size:14px}.op-stat strong{font-size:32px}}
@media(max-width:1399px){:is(.op-page,#operations-workspace) h1{font-size:28px}}
@media(max-width:1100px){:is(.op-page,#operations-workspace) h1{font-size:24px}:is(.op-page,#operations-workspace) tr{border:1px solid var(--op-line);border-radius:12px;background:var(--op-panel);overflow:hidden}:is(.op-page,#operations-workspace) td{border:0;padding:10px 12px}:is(.op-page,#operations-workspace) td[data-label]::before{font-size:12px;color:var(--op-muted)}:is(.op-page,#operations-workspace) input,:is(.op-page,#operations-workspace) select,:is(.op-page,#operations-workspace) textarea{font-size:16px!important}}
@media(max-width:760px){:is(.op-page,#operations-workspace) h1{font-size:26px}.op-heading p{font-size:12px}.op-stat{font-size:12px}.op-stat strong{font-size:24px}.op-toolbar a{font-size:12px;padding:8px}.op-tabs button{font-size:12px}.op-editor-body{padding:16px}}
@media(max-width:360px){:is(.op-page,#operations-workspace) h1{font-size:22px}.op-heading>.op-primary{padding:8px 10px;font-size:12px}}
:root[data-design] #operations-workspace .op-primary{background:var(--op-blue);color:var(--op-panel);border-color:transparent}
:root[data-design] #operations-workspace :is(.op-categories,.op-toolbar) a[aria-current=page],:root[data-design] #operations-workspace .op-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--op-blue) 10%,var(--op-panel));border-color:var(--op-blue);color:var(--op-blue)}
:root[data-design] #operations-workspace .op-tabs button{padding:8px 10px;font-size:12px;min-height:44px;line-height:1.4}
:root[data-design] #operations-workspace .op-check button{width:44px;color:var(--op-teal);font-size:20px}
:root[data-design] #operations-workspace .op-danger{color:var(--op-red);border-color:var(--op-red)}
:root[data-design=original] .main-content:has(>#operations-workspace){background:var(--of-bg,#f2f4f8)}
:root[data-design=original] #operations-workspace{--op-brand:#4d50d8;padding:0;line-height:1.5}
:root[data-design=original][data-scheme=dark] #operations-workspace{--op-brand:#adafff}
:root[data-design=original]:has(#operations-workspace){--nw-page-start:calc(40px + var(--win-bar,0px))}
:root[data-skin=workspace][data-design=original] .main-content:has(>#operations-workspace){padding:var(--nw-page-start) 32px 24px}
:root[data-design=original] #operations-workspace .op-heading{margin-bottom:19px}
:root[data-design=original] #operations-workspace h1{font-weight:850;line-height:1.2;letter-spacing:-.045em;margin:3px 0 5px}
:root[data-design=original] #operations-workspace .op-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--op-muted)}
:root[data-design=original] #operations-workspace .op-categories{gap:5px;margin-bottom:14px}
:root[data-design=original] #operations-workspace :is(.op-categories,.op-toolbar) a{background:transparent;border-color:transparent;border-radius:8px;font-size:13px;font-weight:750;padding:7px 13px;white-space:nowrap;box-shadow:none}
:root[data-design=original] #operations-workspace :is(.op-categories,.op-toolbar) a[aria-current=page]{color:var(--op-brand);border-color:var(--op-line);background:var(--op-panel)}
:root[data-design=original] #operations-workspace .op-toolbar nav{gap:2px;padding:3px;background:var(--op-soft);border-radius:9px}
:root[data-design=original] #operations-workspace .op-toolbar nav a{font-size:12px;padding:5px 9px;border:0}
:root[data-design=original] #operations-workspace :is(.op-categories,.op-toolbar) a:hover{background:var(--op-panel)}
:root[data-design=original] #operations-workspace .op-stats{gap:14px;margin-bottom:17px}
:root[data-design=original] #operations-workspace .op-stat{background:color-mix(in srgb,currentColor 5%,var(--op-panel));padding:13px 17px}
:root[data-design=original] #operations-workspace .op-stat span{font-weight:750}
:root[data-design=original] #operations-workspace .op-stat strong{color:var(--op-ink)}
:root[data-design=original] #operations-workspace .op-primary{background:var(--op-brand)}
@media(min-width:1101px){:root[data-design=original] #operations-workspace{height:calc(100dvh - var(--nw-page-start) - 24px);min-height:min(680px,calc(100dvh - var(--nw-page-start) - 24px))}}
@media(min-width:1800px){:root[data-design=original] #operations-workspace{font-size:16px}:root[data-design=original] #operations-workspace .op-eyebrow{font-size:13px}:root[data-design=original] #operations-workspace .op-stat{padding:18px 22px}:root[data-design=original] #operations-workspace :is(.op-categories,.op-toolbar) a{font-size:15px;padding:9px 15px}}
@media(min-width:761px) and (max-width:1100px){:root[data-design=original]:has(#operations-workspace){--nw-page-start:24px}:root[data-skin=workspace][data-design=original] .main-content:has(>#operations-workspace){padding:var(--nw-page-start) 24px 24px}}
@media(max-width:1100px){:root[data-design=original] #operations-workspace .op-heading{padding-right:56px;flex-wrap:wrap}:root[data-design=original] #operations-workspace .op-categories{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:2px}:root[data-design=original] #operations-workspace .op-toolbar{flex-wrap:wrap}:root[data-design=original] #operations-workspace .op-toolbar nav{max-width:100%;flex-wrap:nowrap;overflow-x:auto}}
@media(max-width:760px){:root[data-design=original]:has(#operations-workspace){--nw-page-start:calc(28px + env(safe-area-inset-top,0px))}:root[data-skin=workspace][data-design=original] .main-content:has(>#operations-workspace){padding:var(--nw-page-start) 10px 12px}:root[data-design=original]:has(#operations-workspace) .mobile-menu-trigger{top:var(--nw-page-start)}:root[data-design=original] #operations-workspace .op-heading{margin-bottom:12px}:root[data-design=original] #operations-workspace .op-heading p{max-width:none}:root[data-design=original] #operations-workspace .op-stats{gap:7px;margin-bottom:10px}:root[data-design=original] #operations-workspace .op-stat{padding:8px 10px;border-radius:10px;border-top-width:2px}:root[data-design=original] #operations-workspace .op-stat strong{font-size:18px}:root[data-design=original] #operations-workspace .op-stat span{font-size:10px}:root[data-design=original] #operations-workspace .op-categories{gap:1px;margin-bottom:10px}:root[data-design=original] #operations-workspace :is(.op-categories,.op-toolbar) a{font-size:12px;padding:7px 10px}}
@media(max-width:1100px){
:root[data-design=original] #operations-workspace{height:calc(100dvh - var(--nw-page-start) - 72px - env(safe-area-inset-bottom,0px));min-height:480px;display:flex;flex-direction:column}
:root[data-design=original] #operations-workspace .op-layout{flex:1;min-height:0}
:root[data-design=original] #operations-workspace .op-tablewrap{min-height:0;overscroll-behavior:contain}
:root[data-design=original] #operations-workspace :is(.op-heading,.op-stats,.op-categories,.op-toolbar,.op-pagination){flex-shrink:0}
:root[data-design=original] #operations-workspace .op-filters{max-height:35dvh;overflow:auto;flex-shrink:0}
:root[data-design=original] #operations-workspace .op-categories{scrollbar-width:none}
}
@media(max-width:760px),(min-width:761px) and (max-width:1100px) and (orientation:portrait){
:root[data-design=original] #operations-workspace .op-heading{flex-wrap:nowrap;min-height:48px}
:root[data-design=original] #operations-workspace .op-heading :is(.op-eyebrow,p){display:none}
:root[data-design=original] #operations-workspace .op-heading .op-primary{flex:none;padding:8px 10px;font-size:12px}
:root[data-design=original] #operations-workspace .op-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
:root[data-design=original] #operations-workspace .op-stat{display:grid;gap:3px;min-height:52px;justify-content:start;padding:6px 8px}
:root[data-design=original] #operations-workspace .op-stat span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}
:root[data-design=original] #operations-workspace .op-stat strong{font-size:17px;line-height:1.2}
:root[data-design=original] #operations-workspace .op-toolbar{gap:6px;margin-bottom:8px}
:root[data-design=original] #operations-workspace .op-toolbar nav{flex:1;min-width:0}
:root[data-design=original] #operations-workspace .op-toolbar nav a{padding:5px 7px;flex:none}
}
@media(max-width:1100px){:root[data-design=original] #operations-workspace .op-toolbar nav{scrollbar-width:none}}
:root[data-design=original] #operations-workspace{--op-work:34%;--op-group:18%;--op-state:13%;--op-priority:11%;--op-date:12%;--op-columns:var(--op-work) var(--op-group) var(--op-state) var(--op-priority) var(--op-date) var(--op-date)}
:root[data-design=original] #operations-workspace .op-filterwrap{flex:none;min-width:0;overflow-y:auto;scrollbar-gutter:stable;border-bottom:1px solid var(--op-line)}
:root[data-design=original] #operations-workspace .op-filterwrap:not(:has(.op-filters:not([hidden]))){display:none}
:root[data-design=original] #operations-workspace .op-filters{margin:0;padding:0;gap:0;background:var(--op-panel)}
:root[data-design=original] #operations-workspace .op-filters>label,:root[data-design=original] #operations-workspace .op-filter-actions{padding:12px;min-width:0}
:root[data-design=original] #operations-workspace .op-filter-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
:root[data-design=original] #operations-workspace .op-tablewrap{scrollbar-gutter:stable}
:root[data-design=original] #operations-workspace .op-page-size{flex-direction:row;align-items:center;gap:8px}
:root[data-design=original] #operations-workspace .op-page-size select{width:74px;min-height:36px;padding:6px 9px}
:root[data-design=original] #operations-workspace .op-pagination{border-top:1px solid var(--op-line);background:var(--op-soft);gap:10px}
@media(min-width:1101px){
:root[data-design=original] #operations-workspace .op-filters,:root[data-design=original] #operations-workspace.op-filters-open .op-filters{grid-template-columns:var(--op-columns)}
:root[data-design=original] #operations-workspace table{table-layout:fixed}
:root[data-design=original] #operations-workspace .op-col-work{width:var(--op-work)}
:root[data-design=original] #operations-workspace .op-col-group{width:var(--op-group)}
:root[data-design=original] #operations-workspace .op-col-state{width:var(--op-state)}
:root[data-design=original] #operations-workspace .op-col-priority{width:var(--op-priority)}
:root[data-design=original] #operations-workspace .op-col-date{width:var(--op-date)}
:root[data-design=original] #operations-workspace td{overflow-wrap:anywhere}
:root[data-design=original] #operations-workspace .op-filters>label:first-of-type{grid-column:auto}
}
@media(max-width:1599px){:root[data-design=original] #operations-workspace:not(.op-filters-open) .op-filterwrap{display:none}}
@media(max-width:1100px){
:root[data-design=original] #operations-workspace colgroup{display:none}
:root[data-design=original] #operations-workspace .op-filterwrap{max-height:35dvh;scrollbar-gutter:auto}
:root[data-design=original] #operations-workspace .op-filters{max-height:none;overflow:visible}
:root[data-design=original] #operations-workspace .op-filters>label,:root[data-design=original] #operations-workspace .op-filter-actions{padding:8px}
:root[data-design=original] #operations-workspace .op-filter-actions{grid-column:1/-1;justify-content:flex-end}
:root[data-design=original] #operations-workspace .op-tablewrap{scrollbar-gutter:auto}
}
@media(max-width:760px){:root[data-design=original] #operations-workspace .op-pagination{padding:8px 10px;font-size:11px}:root[data-design=original] #operations-workspace .op-page-size{font-size:11px}:root[data-design=original] #operations-workspace .op-pagination>div{gap:8px}}
html[data-design='original'] .wd-page{--wd-bg:#f2f4f8;--wd-panel:#fff;--wd-soft:#f6f7fa;--wd-ink:#192436;--wd-muted:#536176;--wd-line:#dee4ec;--wd-amber:#8b570a;--wd-blue:#345ac0;--wd-green:#087758;--wd-teal:#087c83;--wd-red:#b9334f;font-family:Manrope,sans-serif;color:var(--wd-ink)}
html[data-design='original'][data-scheme='dark'] .wd-page{--wd-bg:#111723;--wd-panel:#1b2433;--wd-soft:#222e40;--wd-ink:#eef2f9;--wd-muted:#afbdd1;--wd-line:#354258;--wd-amber:#efc178;--wd-blue:#a5bcff;--wd-green:#69dbb4;--wd-teal:#79d6d7;--wd-red:#ff9aab}
html[data-design='original'] .main-content:has(.wd-page){background:var(--of-bg,#f2f4f8)}html[data-design='original'][data-scheme='dark'] .main-content:has(.wd-page){background:#111723}
html[data-design='original'] .wd-page :is(h1,h2,h3,h4,strong,small,span,p,a,time,input,select,textarea,button,label,summary){font-family:Manrope,sans-serif}
html[data-design='original'] .wd-stat strong{white-space:nowrap}
html[data-design='original'] .wd-section-head>div{flex:1;min-width:0}
.wd-note-preview{font-size:13px;color:var(--wd-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-design='original'] .wd-heading{margin-bottom:22px}.wd-heading h1{margin:4px 0;font-size:42px;font-weight:800;letter-spacing:-1.2px}.wd-heading p,.wd-section-head p{margin:6px 0;color:var(--wd-muted)}.wd-eyebrow{font-size:12px;font-weight:750;color:var(--wd-amber);letter-spacing:.08em}
html[data-design='original'] .wd-page :is(button,.wd-primary,.wd-actions a,.wd-datebar>a){border:1px solid var(--wd-line);border-radius:9px;background:var(--wd-panel);color:var(--wd-ink);padding:10px 13px;min-height:44px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}
html[data-design='original'] .wd-page .wd-primary{background:var(--wd-amber);border-color:transparent;color:var(--wd-panel)}html[data-design='original'][data-scheme='dark'] .wd-page .wd-primary{color:var(--wd-bg)}
html[data-design='original'] .wd-page :is(input,select,textarea){background:var(--wd-panel);border:1px solid var(--wd-line);border-radius:8px;color:var(--wd-ink);padding:10px;min-height:44px;max-width:100%}.wd-page label{font-size:13px;font-weight:650;color:var(--wd-muted)}
html[data-design='original'] .wd-tabs{margin-bottom:18px;border-bottom:1px solid var(--wd-line);padding-bottom:10px}.wd-tabs a{padding:9px 15px;text-decoration:none;font-size:14px;font-weight:750;border-radius:9px;color:var(--wd-muted)}.wd-tabs a[aria-current='page']{background:color-mix(in srgb,var(--wd-amber) 12%,var(--wd-panel));color:var(--wd-amber)}
html[data-design='original'] .wd-datebar{margin:0 0 18px}.wd-stats{margin-bottom:18px}.wd-stat{background:color-mix(in srgb,var(--wd-tone) 5%,var(--wd-panel));border:1px solid color-mix(in srgb,var(--wd-tone) 25%,var(--wd-line));border-top:3px solid var(--wd-tone);border-radius:13px;padding:14px 16px}.wd-stat span{font-size:13px;font-weight:750;color:var(--wd-tone)}.wd-stat strong{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.wd-blue{--wd-tone:var(--wd-blue)}.wd-amber{--wd-tone:var(--wd-amber)}.wd-green{--wd-tone:var(--wd-green)}.wd-teal{--wd-tone:var(--wd-teal)}
html[data-design='original'] .wd-page :is(.wd-panel,.wd-item,.wd-dayflow,.wd-empty){background:var(--wd-panel);border:1px solid var(--wd-line);border-radius:16px;padding:18px}.wd-panel{margin-bottom:18px}.wd-side .wd-panel{margin:0}.wd-dayflow{margin-bottom:18px}.wd-dayflow>summary{font-size:14px;font-weight:750;cursor:pointer}.wd-page h2{font-size:19px;font-weight:800;margin:0 0 10px}.wd-section-head{margin-bottom:14px}.wd-section-head p{font-size:13px}.wd-section-head>span{color:var(--wd-muted);font-size:13px}
html[data-design='original'] .wd-item{border-top:3px solid var(--wd-blue)}.wd-item.wd-area-content{border-top-color:var(--wd-green)}.wd-item.wd-area-creative{border-top-color:var(--wd-teal)}.wd-item.wd-area-extra{border-top-color:var(--wd-amber)}.wd-item h3{font-size:17px;line-height:1.5;margin:8px 0 12px;font-weight:800}.wd-item .wd-area{font-size:12px;font-weight:750;color:var(--wd-muted)}.wd-item .wd-star{border:none;padding:4px;font-size:24px;color:var(--wd-amber);background:transparent}.wd-meta{font-size:12px;color:var(--wd-muted);margin-bottom:14px}.wd-status{background:var(--wd-soft);padding:4px 8px;border-radius:6px}.wd-item details{border-top:1px solid var(--wd-line);margin-top:12px;padding-top:10px}.wd-item summary{min-height:34px;font-size:13px;font-weight:700;cursor:pointer}.wd-item footer{margin-top:12px}.wd-item .wd-quiet{border:0;background:transparent;color:var(--wd-muted);padding-left:0}.wd-hint{font-size:12px;line-height:1.6;color:var(--wd-muted)}.wd-danger{color:var(--wd-red)!important}.wd-item [data-wd-message]:empty{display:none}
html[data-design='original'] .wd-pick-row{border:1px solid var(--wd-line);border-radius:10px;padding:12px;background:var(--wd-soft)}.wd-pick-row small,.wd-pick-row span{font-size:12px;color:var(--wd-muted)}.wd-pick-row strong{font-size:14px}.wd-picker .wd-filters{margin-bottom:15px}.wd-pagination{padding-top:14px;font-size:13px;color:var(--wd-muted)}.wd-page a{color:var(--wd-blue)}.wd-event{padding:12px 0;border-bottom:1px solid var(--wd-line);text-decoration:none}.wd-event time,.wd-event small{font-size:12px;color:var(--wd-muted)}.wd-event strong{font-size:14px;color:var(--wd-ink)}.wd-event>span{font-size:13px}.wd-panel [data-wd-clock]{display:block;font-size:30px;margin:14px 0;font-variant-numeric:tabular-nums}.wd-history .wd-event{border:1px solid var(--wd-line);border-radius:10px;padding:14px}.wd-time-total{margin:22px 0 8px}.wd-time-total>strong{font-size:32px;font-weight:800}.wd-time-total>small{color:var(--wd-muted)}.wd-time-areas article{padding:15px;background:var(--wd-soft);border-radius:10px;font-size:13px}.wd-time-areas strong{font-size:21px}.wd-chart{margin-top:18px}.wd-chart>div{font-size:12px;margin:12px 0}.wd-chart>div>span{background:var(--wd-soft);border-radius:6px}.wd-chart i{background:var(--wd-teal);border-radius:6px}.wd-empty{text-align:center;padding:40px!important}
html[data-design='original'] :is(.sidebar,.mobile-dock) a[href*='page=dashboard'] .nav-icon{color:#98620a;background:color-mix(in srgb,#b87c13 12%,transparent)}
@media(max-width:1799px){.wd-heading h1{font-size:28px}}
@media(max-width:760px){.wd-section-head p{display:none}}
@media(max-width:760px){.wd-heading{margin-bottom:14px!important}.wd-heading h1{font-size:26px}.wd-page .wd-heading .wd-primary{font-size:12px;padding:8px 10px}.wd-stat{padding:9px 7px}.wd-stat span{font-size:10px}.wd-stat strong{font-size:16px}.wd-tabs a{font-size:13px;padding:8px 10px}.wd-page :is(.wd-panel,.wd-item,.wd-dayflow){padding:14px!important}.wd-page :is(input,select,textarea){font-size:16px!important}.wd-heading+.wd-tabs{gap:3px}.wd-page h2{font-size:18px}.wd-chart>div{font-size:10px}}
:root[data-skin='workspace'][data-design='original'] .main-content:has(.so-settings){background:var(--of-bg)}
:root[data-skin='workspace'][data-design='original'] .so-settings{
--ios-bg:var(--of-bg);--ios-card:var(--of-panel);--ios-inset:var(--of-soft);--ios-text:var(--of-ink);--ios-secondary:var(--of-muted);--ios-line:var(--of-line);--ios-blue:var(--of-brand);--ios-green:var(--of-green);--ios-red:var(--of-red);
--surface-0:var(--of-bg);--surface-1:var(--of-panel);--surface-2:var(--of-soft);--text-1:var(--of-ink);--text-2:var(--of-ink);--text-3:var(--of-muted);--text-4:var(--of-muted);--line:var(--of-line);--accent:var(--of-brand);--ok:var(--of-green);--bad:var(--of-red);--blue:var(--of-blue);--gold:var(--of-amber);--cyan:var(--of-blue);--tone-blue:var(--of-blue);--tone-purple:var(--of-receivable);--tone-green:var(--of-green);--tone-amber:var(--of-amber);--tone-cyan:var(--of-blue);--tone-coral:var(--of-amber);
--font-body:Manrope,system-ui,sans-serif;--font-display:var(--font-body);--ds-font:Manrope,system-ui,sans-serif;--ui-shadow:none;
background:transparent;color:var(--of-ink);border:0;border-radius:0;box-shadow:none;font:500 14px/1.6 var(--font-body)
}
:root[data-skin='workspace'][data-design='original'] .so-settings :is(h1,h2,h3,h4,p,span,strong,small,label,legend,summary,button,input,select,textarea,a){font-family:var(--font-body);letter-spacing:normal;text-transform:none}
:root[data-skin='workspace'][data-design='original'] .so-settings h1{font-size:34px;font-weight:800;line-height:1.2;letter-spacing:-.04em;margin:4px 0 8px;color:var(--of-ink)}
:root[data-skin='workspace'][data-design='original'] .so-settings h2{font-size:18px;font-weight:800;line-height:1.4;margin:0 0 8px;color:var(--of-ink)}
:root[data-skin='workspace'][data-design='original'] .so-settings h3{font-size:15px;font-weight:750;color:var(--of-ink)}
:root[data-skin='workspace'][data-design='original'] .so-settings p{font-size:13px;color:var(--of-muted);line-height:1.65}
:root[data-skin='workspace'][data-design='original'] .so-settings a{color:var(--of-brand)}
:root[data-skin='workspace'][data-design='original'] .so-settings .so-eyebrow{font-size:12px;font-weight:750;color:var(--so-tone,var(--of-brand))}
:root[data-skin='workspace'][data-design='original'] .so-home-head{margin-bottom:28px}.so-home-head p{margin:0}.so-version{font-size:12px;color:var(--of-muted);padding:6px 12px;border:1px solid var(--of-line);border-radius:8px}
:root[data-skin='workspace'][data-design='original'] .so-settings .so-profile{padding:26px 18px;background:var(--of-panel);border:1px solid var(--of-line);border-radius:18px}.so-profile .so-avatar{border-radius:22px;background:var(--of-soft);font-size:28px;color:var(--of-brand);margin-bottom:14px}.so-profile>a{font-size:12px;font-weight:750;min-height:44px}.so-profile>a svg{width:15px;height:15px}.so-profile h2{overflow-wrap:anywhere}
.so-aside-note{padding:4px 12px;color:var(--of-muted)}.so-aside-note>svg{width:24px;height:24px;color:var(--of-brand);margin-bottom:8px}.so-aside-note strong{display:block;font-size:13px;color:var(--of-ink)}.so-aside-note p{font-size:12px!important;margin:5px 0!important}.so-appearance-summary{padding:14px;border-top:1px solid var(--of-line);font-size:13px;font-weight:750}.so-appearance-summary svg{width:22px;height:22px}.so-appearance-summary small{font-size:12px;color:var(--of-muted);font-weight:500}
:root[data-skin='workspace'][data-design='original'] .so-settings .so-search{background:var(--of-panel);border:1px solid var(--of-line);border-radius:12px;padding:0 14px;gap:10px}.so-settings .so-search input{min-height:48px!important;background:transparent!important;border:0!important;font-size:14px}.so-settings .so-search:focus-within{outline:2px solid var(--of-brand);outline-offset:2px}
:root[data-skin='workspace'][data-design='original'] .so-settings .so-home-group{margin:24px 0 0}.so-home-group>h2{font-size:14px!important;margin-bottom:12px!important}
:root[data-skin='workspace'][data-design='original'] .so-settings .so-category{padding:18px 14px;background:var(--of-panel);border:1px solid var(--of-line);border-radius:14px;text-decoration:none;color:var(--of-ink);min-height:102px;box-shadow:none;transition:border-color .15s,background .15s}
:root[data-skin='workspace'][data-design='original'] .so-settings .so-category:hover{border-color:var(--so-tone);background:color-mix(in srgb,var(--so-tone) 4%,var(--of-panel))}.so-category strong{font-size:14px;font-weight:800;line-height:1.45}.so-category small{color:var(--of-muted);font-size:12px;font-weight:500;line-height:1.6}.so-category .so-arrow{color:var(--of-muted)}.so-arrow svg{width:16px;height:16px}
:root[data-skin='workspace'][data-design='original'] .so-settings .so-icon{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--so-tone,var(--of-brand)) 10%,var(--of-panel));color:var(--so-tone,var(--of-brand))}.so-icon svg{width:23px;height:23px}
.so-nav-home{color:var(--of-ink)!important;font-size:20px;font-weight:800;min-height:44px;margin-bottom:24px}.so-nav-home>svg,.so-back>svg{width:18px;height:18px}.so-nav-group>span{font-size:11px;font-weight:750;color:var(--of-muted);padding:0 12px 7px}
:root[data-skin='workspace'][data-design='original'] .so-sidebar .so-category{background:transparent;border-color:transparent;min-height:48px;padding:8px 10px;border-radius:10px;gap:10px}.so-sidebar .so-icon{width:30px!important;height:30px!important;border-radius:8px!important}.so-sidebar .so-icon svg{width:18px;height:18px}.so-sidebar .so-category strong{font-size:12px;font-weight:700}
:root[data-skin='workspace'][data-design='original'] .so-settings .so-category[aria-current]{background:color-mix(in srgb,var(--so-tone) 9%,var(--of-panel));border-color:color-mix(in srgb,var(--so-tone) 25%,var(--of-line));color:var(--so-tone)}.so-sidebar-version{display:block;margin:28px 10px 0;color:var(--of-muted);font-size:11px}
.so-detail-head{margin:0 0 22px}.so-detail-head>p{max-width:740px;margin:12px 0 0!important}.so-back{font-size:12px;font-weight:700;min-height:44px;margin-bottom:14px}.so-heading{gap:16px}.so-heading>.so-icon{width:54px!important;height:54px!important;border-radius:16px!important}.so-heading h1{margin-bottom:0!important}.so-mobile-categories{margin-top:18px;border:1px solid var(--of-line);border-radius:12px;background:var(--of-panel)}.so-mobile-categories>summary{padding:10px 14px;min-height:44px;font-weight:750;cursor:pointer;font-size:13px;list-style:none}.so-mobile-categories>summary svg{width:16px;height:16px}.so-mobile-categories[open]>summary{border-bottom:1px solid var(--of-line)}.so-mobile-categories[open]>summary svg{transform:rotate(90deg)}.so-mobile-categories nav{padding:8px;gap:5px}.so-mobile-categories .so-category{min-height:44px!important;border-radius:8px!important;padding:8px!important}.so-mobile-categories .so-category small{display:none}
:root[data-skin='workspace'][data-design='original'] .so-settings :is(.settings-section,.settings-panel>form:not(.settings-section),.nb-card,.wk-set,.pw-panel,.wr-editor,.data-center-page>.panel,.so-data-layout>.panel){background:var(--of-panel);border:1px solid var(--of-line);border-radius:16px;padding:24px;box-shadow:none;margin-bottom:0}
:root[data-skin='workspace'][data-design='original'] .so-settings .settings-panel{background:transparent;border:0;padding:0;box-shadow:none}.so-settings .settings-section>div:first-child>p{margin:0 0 20px}.so-settings .settings-panel>form>.settings-section{border:0;border-radius:0;background:transparent;margin-bottom:16px}.so-settings .settings-section-heading{align-items:start;gap:12px}.so-settings .settings-section-icon{background:var(--of-soft);color:var(--of-green);border-radius:10px;padding:8px;font-size:22px}
:root[data-skin='workspace'][data-design='original'] .so-settings :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--of-soft);color:var(--of-ink);border:1px solid var(--of-line);border-radius:9px;padding:11px 12px;min-height:44px;font-size:14px;line-height:1.5;box-shadow:none}
:root[data-skin='workspace'][data-design='original'] .so-settings :is(input,select,textarea):focus-visible{outline:2px solid var(--of-brand);outline-offset:2px;border-color:var(--of-brand)}
:root[data-skin='workspace'][data-design='original'] .so-settings :is(button,.primary-button,.ghost-button,.small-button,.danger-button){font-size:13px;font-weight:750;min-height:44px;border-radius:9px;padding:10px 14px;border:1px solid var(--of-line);background:var(--of-panel);color:var(--of-ink);box-shadow:none;line-height:1.4;text-decoration:none}
:root[data-skin='workspace'][data-design='original'] .so-settings .primary-button{background:var(--of-brand);border-color:var(--of-brand);color:var(--of-on-brand)}
:root[data-skin='workspace'][data-design='original'] .so-settings :is(.danger,.danger-button,.is-danger,.wr-delete){background:color-mix(in srgb,var(--of-red) 7%,var(--of-panel));border-color:color-mix(in srgb,var(--of-red) 25%,var(--of-line));color:var(--of-red)}
:root[data-skin='workspace'][data-design='original'] .so-settings label{font-size:13px;font-weight:650;color:var(--of-ink)}.so-settings :is(small,.form-note,.nb-muted,.pw-hint){color:var(--of-muted);font-size:12px}.so-settings label small{font-weight:500}.so-settings input::placeholder,.so-settings textarea::placeholder{color:var(--of-muted)}
:root[data-skin='workspace'][data-design='original'] .so-settings input.ios-switch{width:44px;height:26px;min-height:26px;flex-basis:44px;padding:0;border:1px solid var(--of-line);border-radius:20px;background:var(--of-line)}:root[data-skin='workspace'][data-design='original'] .so-settings input.ios-switch::before{width:20px;height:20px;left:2px;top:2px;background:var(--of-panel);box-shadow:none}:root[data-skin='workspace'][data-design='original'] .so-settings input.ios-switch:checked{background:var(--of-brand);border-color:var(--of-brand)}:root[data-skin='workspace'][data-design='original'] .so-settings input.ios-switch:checked::before{transform:translateX(18px);background:var(--of-on-brand)}.so-settings .ios-switch-row{min-height:48px}
:root[data-skin='workspace'][data-design='original'] .so-settings input[type=checkbox]:not(.ios-switch){accent-color:var(--of-brand)}
:root[data-skin='workspace'][data-design='original'] .so-settings :is(.brand-icon-preview,.current-device-card,.session-expiry,.session-device-card,.sync-status,.zone-card,.twofa-confirm,.recovery-codes-card,.quality-area-manager){background:var(--of-soft);border:1px solid var(--of-line);border-radius:12px;box-shadow:none;padding:16px}.so-settings .brand-icon-preview img{width:64px;height:64px;border-radius:14px}.so-settings .session-device-card{margin:0}.so-settings .session-device-card strong{font-size:14px}.so-settings .session-device-card :is(em,small){font-size:12px;color:var(--of-muted);font-style:normal}.so-settings .session-device-card b,.so-settings .current-device-card b{font-size:11px;color:var(--of-green);font-weight:750}.so-settings .session-device-card.current{border-color:color-mix(in srgb,var(--of-green) 35%,var(--of-line))}.so-settings .device-pulse{background:var(--of-green);box-shadow:none}.so-settings .session-expiry{margin-top:14px}.so-settings .twofa-state{font-size:11px;padding:4px 8px;background:var(--of-soft);border-radius:6px}.so-settings .twofa-state.on{color:var(--of-green)}
:root[data-skin='workspace'][data-design='original'] .so-settings .detail-zone{background:var(--of-panel);border:1px solid var(--of-line);border-radius:16px;box-shadow:none;margin:0 0 16px;overflow:hidden}.so-settings .zone-head{padding:18px 22px;border:0;min-height:64px;background:transparent}.so-settings .zone-title{font-size:16px;font-weight:800}.so-settings .zone-body{padding:0 22px 22px;background:transparent}.so-settings .zone-tag{color:var(--of-muted);background:var(--of-soft);border:1px solid var(--of-line);font-size:11px;border-radius:6px}.so-settings .zone-toggle{border-color:var(--of-muted)}
.so-settings .welcome-message-pool,.so-settings .quote-pool{max-height:55dvh;overflow:auto;padding-right:6px}.so-settings .welcome-message-row,.so-settings .quote-row{padding:14px 0;border-bottom:1px solid var(--of-line);background:transparent}.so-settings .welcome-message-row>b{color:var(--of-muted);font-size:11px}.so-settings .quote-row-tr{font-size:14px}.so-settings .welcome-message-row p{color:var(--of-ink)}.so-settings .welcome-message-preview{margin-bottom:16px}.so-settings .welcome-message-add,.so-settings .quote-add-form{padding:16px;background:var(--of-soft);border:1px solid var(--of-line);border-radius:12px;margin-top:18px}.so-settings .quote-add-form textarea{width:100%}
:root[data-skin='workspace'][data-design='original'] .so-settings .design-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.so-settings .design-option{padding:16px;border:1px solid var(--of-line);border-radius:12px;background:var(--of-soft);box-shadow:none}.so-settings .design-option:has(input:checked){border:2px solid var(--of-brand);background:color-mix(in srgb,var(--of-brand) 5%,var(--of-panel));box-shadow:none}.so-settings .design-option strong{font-size:14px}.so-settings .design-option small{color:var(--of-muted);font-size:12px}.so-settings .design-preview{height:100px}.so-settings .theme-grid{gap:12px}.so-settings .theme-option{min-height:154px;border:1px solid var(--of-line);background:var(--of-soft);border-radius:12px}.so-settings .theme-option:has(input:checked){border:2px solid var(--of-brand);background:color-mix(in srgb,var(--of-brand) 5%,var(--of-panel))}.so-settings .theme-swatch{height:72px;width:106px;border-radius:9px;padding:20px 8px 8px}.so-settings .theme-option .theme-swatch i:nth-child(n){height:8px;flex-basis:8px}.so-settings .dock-device-picker{border:1px solid var(--of-line);border-radius:12px;margin:14px 0}.so-settings .pref-row{border-color:var(--of-line)}.so-settings .segmented-buttons{background:var(--of-soft);border:1px solid var(--of-line);border-radius:10px;gap:3px}.so-settings .segmented-buttons button{min-height:44px;border-color:transparent;background:transparent;color:var(--of-muted);font-size:12px}.so-settings .segmented-buttons button.is-on{color:var(--of-brand);background:var(--of-panel);border-color:var(--of-line);box-shadow:none}
:root[data-skin='workspace'][data-design='original'] .so-settings .wr-nav{margin-bottom:20px}.so-settings .wr-nav>a{padding:12px;border:1px solid var(--of-line);background:var(--of-panel);border-radius:12px;color:var(--of-muted);box-shadow:none;min-height:64px}.so-settings .wr-nav strong{font-size:12px}.so-settings .wr-nav>a[aria-current]{border-color:var(--of-brand);color:var(--of-brand);background:color-mix(in srgb,var(--of-brand) 6%,var(--of-panel))}.so-settings .wr-nav-icon{background:var(--of-soft);color:inherit;width:32px;height:32px}.so-settings .wr-nav-icon svg{width:19px;height:19px}.so-settings .wr-intro h2{font-size:20px}.so-settings .wr-eyebrow{display:none}.so-settings .wr-policy{border:1px solid var(--of-line);border-radius:10px;background:var(--of-soft);color:var(--of-green);box-shadow:none}.so-settings .wr-count{font-size:12px;color:var(--of-muted)}.so-settings .wr-group{background:transparent;border:1px solid var(--of-line);border-radius:12px;margin-top:16px}.so-settings .wr-group>summary{padding:16px;min-height:64px}.so-settings .wr-group-symbol{color:var(--of-blue);background:color-mix(in srgb,var(--of-blue) 8%,var(--of-panel))}.so-settings .wr-group-name strong{font-size:16px;font-weight:800}.so-settings .wr-group-body{padding:0 16px 16px}.so-settings .wr-item{padding:12px 0;background:transparent;border:0;border-bottom:1px solid var(--of-line);border-radius:0}.so-settings .wr-subpanel{background:var(--of-soft);border:1px solid var(--of-line);border-radius:10px}.so-settings .wr-subpanel>summary{min-height:48px;padding:12px;font-size:13px}.so-settings .wr-subpanel>summary span{font-size:12px;color:var(--of-muted)}.so-settings .wr-handle,.so-settings .wr-arrow{min-width:44px;color:var(--of-muted)}.so-settings .wr-position{font-size:11px;color:var(--of-muted)}.so-settings .worklib-group{background:var(--of-soft);border:1px solid var(--of-line)}.so-settings .worklib-row{border-color:var(--of-line)!important}.so-settings .quality-template-card{padding:18px;border:1px solid var(--of-line);border-radius:12px;background:var(--of-panel)}.so-settings .quality-setting-item{border-color:var(--of-line)}
:root[data-skin='workspace'][data-design='original'] .so-settings .wk-set{margin-top:18px}.so-settings .wk-set-title{margin-bottom:16px}.so-settings .wk-set-title>span{width:32px;height:32px;background:var(--of-soft);border:1px solid var(--of-line);color:var(--of-receivable);border-radius:9px;font-size:12px}.so-settings .wk-set-title h2{font-size:17px}.so-settings .wk-set-title p{margin:4px 0 0}.so-settings .wk-cat{padding:16px;background:var(--of-soft);border:1px solid var(--of-line);border-radius:12px;margin-top:12px}.so-settings .wk-checks{padding:16px;background:var(--of-soft);border:1px solid var(--of-line);border-radius:10px}.so-settings .wk-checks label{min-height:44px}.so-settings .wk-palette{background:var(--of-panel);border-color:var(--of-line);border-radius:10px}.so-settings .pw-panel{margin-bottom:16px}.so-settings .pw-create{margin:16px 0}.so-settings .pw-create[open]{padding:14px;background:var(--of-soft);border:1px solid var(--of-line);border-radius:12px}.so-settings .pw-form{gap:14px;margin-top:16px}.so-settings .pw-routine-toolbar{padding:12px;background:var(--of-soft);border-radius:10px}.so-settings .pw-routine-row{border-color:var(--of-line);background:transparent;border-radius:0}.so-settings .pw-routine-row a{padding:12px}.so-settings .pw-panel summary{min-height:44px;align-content:center;cursor:pointer;font-size:13px;font-weight:750}.so-settings .pw-hint{line-height:1.65}
:root[data-skin='workspace'][data-design='original'] .so-settings .ver-card{padding:22px;border:1px solid var(--of-line);border-radius:14px;background:var(--of-soft);box-shadow:none}.so-settings .ver-label{color:var(--of-muted);font-size:13px;font-weight:700}.so-settings .ver-number{color:var(--of-ink);font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;margin:12px 0}.so-settings .ver-status{font-size:13px}.so-settings .ver-status.is-ok{color:var(--of-green)}.so-settings .ver-status.is-wait{color:var(--of-amber)}.so-settings .ver-meta,.so-settings .ver-hint{color:var(--of-muted);font-size:12px}.so-settings .ver-pill{background:var(--of-soft);color:var(--of-muted);border:1px solid var(--of-line);border-radius:7px}.so-settings .ver-pill.is-ok{color:var(--of-green)}
:root[data-skin='workspace'][data-design='original'] .so-settings .data-action-card{padding:20px;background:var(--of-panel);border:1px solid var(--of-line);border-radius:14px;box-shadow:none;color:var(--of-ink);gap:8px;text-decoration:none}.so-settings .data-action-card>svg{width:26px;height:26px;color:var(--of-green)}.so-settings .data-action-card strong{font-size:15px}.so-settings .data-action-card small{font-size:12px}.so-settings .data-action-card:hover{border-color:var(--of-green)}.so-settings .so-data-layout{margin-top:20px}.so-settings .so-record{padding:14px 0;border-bottom:1px solid var(--of-line);font-size:13px}.so-settings .so-record strong{font-size:14px}.so-settings .so-record small{color:var(--of-muted);font-size:12px;margin-top:3px}.so-settings .so-empty{padding:28px 16px;border:1px dashed var(--of-line);border-radius:12px;background:var(--of-soft);margin:16px 0;color:var(--of-muted);gap:6px}.so-settings .so-empty>svg{width:28px;height:28px;color:var(--of-muted)}.so-settings .so-empty strong{color:var(--of-ink);font-size:14px}.so-settings .so-empty p{margin:0}.so-settings .so-history{margin-top:20px!important}.so-settings .so-history>summary{cursor:pointer;font-size:14px;font-weight:750;min-height:44px;align-content:center}.so-settings .so-history .so-record b{font-size:12px;font-weight:650;color:var(--of-muted)}
.so-settings .so-section-links{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--of-line)}.so-settings .so-section-links a{font-size:12px;font-weight:700;padding:6px 11px;border:1px solid var(--of-line);border-radius:8px;background:var(--of-panel);color:var(--of-muted)}.so-settings .so-section-links a:hover{color:var(--of-brand);border-color:var(--of-brand)}
:root[data-skin='workspace'][data-design='original'] .so-settings :is(a,button,summary):focus-visible{outline:2px solid var(--of-brand);outline-offset:3px}
@media(max-width:760px){:root[data-skin='workspace'][data-design='original'] .so-settings h1{font-size:26px}.so-home-head{margin-bottom:18px}.so-home-head .so-eyebrow{display:none}.so-home-head p{font-size:12px!important}.so-profile{padding:14px!important;border-radius:14px!important}.so-profile .so-avatar{margin:0;border-radius:14px}.so-profile h2{font-size:15px!important;margin:0!important}.so-profile>a{min-height:32px;font-size:11px}.so-home-group{margin-top:18px!important}.so-settings .so-category{min-height:76px!important;padding:12px!important;border-radius:12px!important;gap:10px}.so-category strong{font-size:14px}.so-category small{font-size:11px}.so-settings .so-icon{width:36px!important;height:36px!important;border-radius:10px!important}.so-heading>.so-icon{width:44px!important;height:44px!important}.so-heading{gap:10px}.so-heading .so-eyebrow{font-size:10px}.so-detail-head>p{font-size:12px!important}.so-back{margin-bottom:8px}.so-detail-head{margin-bottom:16px}.so-settings :is(.settings-section,.settings-panel>form:not(.settings-section),.nb-card,.wk-set,.pw-panel,.wr-editor,.data-center-page>.panel,.so-data-layout>.panel){padding:16px!important;border-radius:14px}.so-settings .settings-panel>form>.settings-section{padding:0!important}.so-settings .zone-head{padding:15px 16px}.so-settings .zone-body{padding:0 16px 16px}.so-settings .zone-title{font-size:15px}.so-settings :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}.so-settings .design-option{padding:10px}.so-settings .design-option strong{font-size:12px}.so-settings .design-option small{font-size:11px}.so-settings .design-preview{height:72px}.so-settings .wr-nav>a{padding:10px;gap:8px;min-height:60px}.so-settings .wr-nav strong{font-size:11px}.so-settings .wr-nav-icon{width:27px;height:27px}.so-settings .wr-group>summary{padding:12px}.so-settings .wr-group-body{padding:0 10px 12px}.so-settings .wr-item-actions button{padding:9px}.so-settings .wr-subpanel>summary span{display:block;margin-top:4px}.so-settings .wk-set-title>span{flex:none}.so-settings .ver-card{padding:16px}.so-settings .ver-number{font-size:26px}.so-settings .so-section-links{gap:5px}.so-settings .so-section-links a{font-size:11px;padding:6px 8px}.so-settings .pref-row{align-items:stretch}.so-settings .segmented-buttons button{min-width:44px}.so-settings .data-action-card{padding:16px}}
:root[data-skin='workspace'][data-design='original'] .so-settings .page-wrap{padding:0;margin:0;width:100%;max-width:none}
:root[data-skin='workspace'][data-design='original'] .so-settings :is(.settings-addon-wrap,.zone-page){margin-top:20px}
:root[data-skin='workspace'][data-design='original'] .so-settings .so-color-picker{min-width:0;border:1px solid var(--of-line);border-radius:10px;background:var(--of-panel);align-self:start}
.so-color-picker>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;cursor:pointer;font-size:12px;font-weight:700;list-style:none}.so-color-picker>summary>i{display:block;width:20px;height:20px;border-radius:6px;background:var(--swatch);border:1px solid var(--of-line);flex:none}.so-color-picker>summary>span{font:11px ui-monospace,monospace;color:var(--of-muted);margin-left:auto}
:root[data-skin='workspace'][data-design='original'] .so-settings .so-color-picker .wk-palette{padding:12px;border:0;background:transparent}
.so-settings .so-color-picker .wk-palette-row{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:3px}.so-settings .so-color-picker .wk-palette-row>span{grid-column:1/-1;font-size:11px;color:var(--of-muted);padding-top:10px}.so-settings .so-color-picker .wk-palette-row label{display:grid;place-items:center;width:100%;height:44px;min-height:44px}.so-settings .so-color-picker .wk-palette-row label>i{width:28px;height:28px;border-radius:7px}.so-settings .so-color-picker .wk-palette-row input{inset:0;width:100%;height:100%;min-height:44px;cursor:pointer}
.so-settings .wr-add-form>button,.so-settings .wr-group-form>button{justify-self:start;align-self:end}.so-settings label:has(>input[type=checkbox]){min-height:44px}
@media(max-width:760px){.so-settings .so-color-picker .wk-palette-row{grid-template-columns:repeat(3,minmax(44px,1fr))}.so-settings .wk-cat .so-color-picker{width:100%}}
@media(max-width:760px){.so-settings .so-profile>a{min-height:44px}.so-settings .so-mobile-categories .so-category{min-height:44px!important}}
.so-settings .so-repeat-create{border-top:1px solid var(--of-line)}
:root[data-skin='workspace'][data-design='original'] .so-settings .design-option{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0}
:root[data-skin='workspace'][data-design='original'] .so-settings .design-option .design-preview{width:100%;min-width:0;max-width:none;flex:none}
:root[data-skin='workspace'][data-design='original'] .so-settings .design-option :is(strong,small){display:block;min-width:0;width:100%;white-space:normal;word-break:normal;overflow-wrap:normal;text-align:left}
:root[data-skin='workspace'][data-design='original'] .so-settings .pw-create[open]>summary.primary-button{color:var(--of-on-brand);background:var(--of-brand)}
:root[data-skin='workspace'][data-design='original'][data-scheme]:has(.audio-workspace){--nw-page-start:calc(40px + var(--win-bar,0px));background:var(--of-bg)}
:root[data-skin='workspace'][data-design='original'][data-scheme]:has(.audio-workspace) :is(body,.main-content){background:var(--of-bg)}
:root[data-skin='workspace'][data-design='original'] .main-content:has(.audio-workspace){padding:var(--nw-page-start) 32px calc(32px + var(--nw-dock-height,80px))!important}
:root[data-design='original'] .audio-workspace *{font-family:Manrope,system-ui,sans-serif}
:root[data-design='original'] .audio-workspace{--ink:var(--of-ink);--ink-2:var(--of-ink);--ink-3:var(--of-muted);--line:var(--of-line);--plate-1:var(--of-panel);--plate-2:var(--of-soft);--sunk:var(--of-soft);--blue:var(--of-blue);--blue-dim:color-mix(in srgb,var(--of-blue) 10%,var(--of-panel));--on-accent:var(--of-on-brand);--bad:var(--of-red);--ok:var(--of-green);font:500 14px/1.6 Manrope,system-ui,sans-serif;color:var(--of-ink);max-width:1920px;width:100%;margin:0 auto;padding:0;background:none;border:0;box-shadow:none}
:root[data-design='original']:has(.audio-workspace) :is(body,.main-content){background:var(--of-bg)}
:root[data-design='original'] .audio-workspace :is(h1,h2,h3,p,button,input,select,label,summary,a,output){font-family:Manrope,system-ui,sans-serif;letter-spacing:normal;text-transform:none}
:root[data-design='original'] .audio-workspace .audio-heading{margin:0 0 24px;padding:0;min-height:44px;background:none;border:0}
:root[data-design='original'] .audio-workspace .audio-heading h1{font-size:34px;line-height:1.2;font-weight:800;color:var(--of-ink);margin:0}
:root[data-design='original'] .audio-workspace .audio-heading p{font-size:13px;color:var(--of-muted);margin:8px 0 0}
:root[data-design='original'] .audio-workspace .sound-studio :is(.snd-now,.audio-library){border:1px solid var(--of-line);border-radius:18px;background:var(--of-panel);padding:24px;box-shadow:none}
:root[data-design='original'] .audio-workspace .snd-now{position:sticky;top:24px}
:root[data-design='original'] .audio-workspace .sound-studio button{font-size:13px;font-weight:700;border-radius:10px;box-shadow:none;letter-spacing:normal}
:root[data-design='original'] .audio-workspace .sound-studio :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--of-blue);outline-offset:3px}
:root[data-design='original'] .audio-workspace .snd-cover{width:126px;max-width:55%;margin:22px auto 18px;border-radius:24px;background:color-mix(in srgb,var(--of-blue) 9%,var(--of-panel));border-color:color-mix(in srgb,var(--of-blue) 20%,var(--of-line));color:var(--of-blue);gap:8px}
:root[data-design='original'] .audio-workspace .snd-cover svg{width:46px;height:46px}
:root[data-design='original'] .audio-workspace .snd-cover span{font-size:10px;letter-spacing:.15em}
:root[data-design='original'] .audio-workspace #soundNowTitle{font-size:23px;line-height:1.4;font-weight:800;color:var(--of-ink)}
:root[data-design='original'] .audio-workspace #soundNowSubtitle{font-size:12px;color:var(--of-muted);min-height:19px}
:root[data-design='original'] .audio-workspace .snd-time-line{border-top:1px solid var(--of-line);margin:20px 0 16px}
:root[data-design='original'] .audio-workspace #soundTimerDisplay{font-size:22px;font-weight:800}
:root[data-design='original'] .audio-workspace .sound-master-toggle{min-width:132px!important;height:48px!important;background:var(--of-brand)!important;color:var(--of-on-brand)!important;border-radius:12px!important;padding:10px 16px!important}
:root[data-design='original'] .audio-workspace .snd-transport{gap:10px}
:root[data-design='original'] .audio-workspace .snd-transport>button:not(.sound-master-toggle){width:44px;height:44px;border-radius:10px}
:root[data-design='original'] .audio-workspace .audio-cast{background:var(--of-soft);border-color:var(--of-line);color:var(--of-blue)}
:root[data-design='original'] .audio-workspace .snd-volume{gap:8px;margin-top:18px}
:root[data-design='original'] .audio-workspace .snd-library-top{align-items:start;gap:16px;flex-wrap:wrap}
:root[data-design='original'] .audio-workspace .snd-library-top h2{font-size:18px;font-weight:800}
:root[data-design='original'] .audio-workspace .snd-library-top p{font-size:12px;margin-top:4px}
:root[data-design='original'] .audio-workspace .snd-search{width:min(350px,100%);border-radius:10px;background:var(--of-soft)}
:root[data-design='original'] .audio-workspace .snd-search input{font-size:14px;box-shadow:none}
:root[data-skin='workspace'][data-design='original'] .audio-workspace #soundLibrarySearch{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding-inline:0}
:root[data-design='original'] .audio-workspace .snd-search{box-sizing:border-box}
:root[data-design='original'] .audio-workspace .snd-library-grid{display:grid;gap:8px}
:root[data-design='original'] .audio-workspace .snd-library-item{display:block;text-align:left;width:100%;background:var(--of-soft);color:var(--of-ink);border-color:var(--of-line)}
:root[data-design='original'] .offline-sound-body .audio-workspace{padding:24px 10px calc(32px + env(safe-area-inset-bottom))}
:root[data-design='original'] .audio-workspace .snd-category-toolbar{gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0 8px}
:root[data-design='original'] .audio-workspace .snd-category-chips{padding:0 2px;flex:1;min-width:0;max-width:100%}
:root[data-design='original'] .audio-workspace .snd-category-chips button{border-radius:9px;background:var(--of-soft);border:1px solid transparent;min-height:44px;padding:8px 12px}
:root[data-design='original'] .audio-workspace .snd-category-chips button[aria-pressed=true]{color:var(--of-blue);background:color-mix(in srgb,var(--of-blue) 10%,var(--of-panel));border-color:color-mix(in srgb,var(--of-blue) 30%,var(--of-line))}
:root[data-design='original'] .audio-workspace .snd-track-list{max-height:60dvh;overflow:auto;column-gap:20px;overscroll-behavior:auto;scrollbar-width:thin}
:root[data-design='original'] .audio-workspace .snd-track-row{gap:10px;padding:12px 4px;border-color:var(--of-line)}
:root[data-design='original'] .audio-workspace .snd-track-art{width:44px;height:44px;padding:11px;border-radius:11px;background:color-mix(in srgb,var(--of-blue) 8%,var(--of-panel));color:var(--of-blue)}
:root[data-design='original'] .audio-workspace .snd-track-name strong{font-size:14px;font-weight:750}
:root[data-design='original'] .audio-workspace .snd-track-name small{font-size:12px;color:var(--of-muted)}
:root[data-design='original'] .audio-workspace .snd-track-row.is-selected{background:color-mix(in srgb,var(--of-blue) 5%,var(--of-panel))}
:root[data-design='original'] .audio-workspace .snd-more{border-radius:10px!important;color:var(--of-muted)}
:root[data-design='original'] .audio-workspace .snd-support-note{font-size:12px;line-height:1.6;color:var(--of-muted)}
:root[data-design='original'] .audio-workspace .snd-sheet{border-radius:18px;background:var(--of-panel);color:var(--of-ink);border-color:var(--of-line);padding:24px;box-shadow:0 12px 50px color-mix(in srgb,var(--of-ink) 20%,transparent)}
:root[data-design='original'] .audio-workspace .snd-sheet h2{font-size:20px;font-weight:800}
:root[data-design='original'] .audio-workspace .snd-sheet :is(select,input:not([type=checkbox])){border-radius:9px;background:var(--of-soft);color:var(--of-ink);font-size:14px}
:root[data-design='original'] .audio-workspace .snd-sheet label{font-size:13px;font-weight:650;color:var(--of-ink)}
:root[data-design='original'] .audio-workspace .snd-sheet .primary-button{background:var(--of-brand);color:var(--of-on-brand);border-color:var(--of-brand)}
:root[data-design='original'] .audio-workspace .snd-category-checks label{background:var(--of-soft);border-color:var(--of-line);color:var(--of-ink)}
:root[data-design='original'] .audio-workspace .snd-edit-details summary{font-size:13px;font-weight:750}
:root[data-design='original'] .audio-workspace .snd-sheet .snd-delete{color:var(--of-red);border-color:var(--of-red)}
:root[data-design='original'] .audio-workspace .sound-playback-warning{font-size:12px;color:var(--of-red);margin:14px 0 0;overflow-wrap:anywhere}
@media(min-width:1600px){:root[data-design='original'] .audio-workspace .audio-heading h1{font-size:42px}}
@media(min-width:761px) and (max-width:1100px){:root[data-skin='workspace'][data-design='original'] .main-content:has(.audio-workspace){--nw-page-start:24px;padding-inline:24px!important}}
@media(max-width:760px){:root[data-skin='workspace'][data-design='original'][data-scheme]:has(.audio-workspace){--nw-page-start:calc(28px + env(safe-area-inset-top,0px))}:root[data-skin='workspace'][data-design='original'] .main-content:has(.audio-workspace){padding-inline:10px!important}:root[data-design='original']:has(.audio-workspace) .mobile-menu-trigger{top:var(--nw-page-start)}:root[data-design='original'] .audio-workspace .audio-heading{padding-right:54px;min-height:44px}:root[data-design='original'] .audio-workspace .snd-search input{border-radius:0;background:transparent;box-shadow:none}}
@media(max-width:1100px){:root[data-design='original'] .audio-workspace .audio-heading h1{font-size:28px}:root[data-design='original'] .audio-workspace .sound-studio :is(.snd-now,.audio-library){padding:20px}}
@media(max-width:900px){:root[data-design='original'] .audio-workspace .snd-now{position:static}:root[data-design='original'] .audio-workspace .snd-cover{width:80px;margin:12px auto}:root[data-design='original'] .audio-workspace .snd-cover svg{width:32px;height:32px}:root[data-design='original'] .audio-workspace .snd-cover span{display:none}}
@media(max-width:760px){:root[data-design='original'] .audio-workspace .snd-cover{display:none}:root[data-design='original'] .audio-workspace .snd-now-name{margin-top:16px}:root[data-design='original'] .audio-workspace .snd-library-top{grid-template-columns:minmax(0,1fr)}:root[data-design='original'] .audio-workspace .snd-search{width:100%!important}}
@media(max-width:760px){:root[data-design='original'] .audio-workspace .audio-heading{margin-bottom:18px}:root[data-design='original'] .audio-workspace .audio-heading h1{font-size:26px}:root[data-design='original'] .audio-workspace .audio-heading p{display:none}:root[data-design='original'] .audio-workspace .sound-studio :is(.snd-now,.audio-library){padding:16px;border-radius:14px}:root[data-design='original'] .audio-workspace .snd-library-top{display:grid}:root[data-design='original'] .audio-workspace .snd-search{width:100%}:root[data-design='original'] .audio-workspace :is(input:not([type=range]),select){font-size:16px!important}:root[data-design='original'] .audio-workspace .snd-sheet{padding:20px 16px}:root[data-design='original'] .audio-workspace .snd-category-toolbar{display:grid;grid-template-columns:minmax(0,1fr)}:root[data-design='original'] .audio-workspace .snd-category-toolbar>button{justify-self:start}:root[data-design='original'] .audio-workspace .snd-track-list{max-height:65dvh}}
.ios-settings [data-preview-theme='light']{--swatch-bg:#f2f4f8;--swatch-card:#ffffff;--swatch-accent:#4d50d8}
.ios-settings [data-preview-theme='dark']{--swatch-bg:#111723;--swatch-card:#1b2433;--swatch-accent:#adafff}
.ios-settings [data-preview-theme='buzul-light']{--swatch-bg:#edf5f5;--swatch-card:#fbfefe;--swatch-accent:#08727a}
:root[data-skin='workspace'][data-design='original'][data-palette='buzul-light']{--of-bg:#edf5f5;--of-panel:#fbfefe;--of-soft:#eff7f7;--of-side:#f4fafa;--of-ink:#1e383c;--of-muted:#557175;--of-line:#d1e3e4;--of-brand:#08727a;--of-on-brand:#ffffff;--of-blue:#08727a;--of-amber:#8d6225;--of-receivable:#6366a0;--of-green:#24755c;--of-red:#b23f53;}
.ios-settings [data-preview-theme='buzul-dark']{--swatch-bg:#111f23;--swatch-card:#1b2d32;--swatch-accent:#80d2d5}
:root[data-skin='workspace'][data-design='original'][data-palette='buzul-dark']{--of-bg:#111f23;--of-panel:#1b2d32;--of-soft:#243b41;--of-side:#16262b;--of-ink:#e7f5f5;--of-muted:#afcbd0;--of-line:#375359;--of-brand:#80d2d5;--of-on-brand:#153337;--of-blue:#80d2d5;--of-amber:#e4bf83;--of-receivable:#b5bbef;--of-green:#8ad6b6;--of-red:#f6a6b6;}
.ios-settings [data-preview-theme='ege-light']{--swatch-bg:#edf4f7;--swatch-card:#fcfefe;--swatch-accent:#086888}
:root[data-skin='workspace'][data-design='original'][data-palette='ege-light']{--of-bg:#edf4f7;--of-panel:#fcfefe;--of-soft:#f1f6f8;--of-side:#f6fafb;--of-ink:#173342;--of-muted:#506b7a;--of-line:#d4e2e8;--of-brand:#086888;--of-on-brand:#ffffff;--of-blue:#086888;--of-amber:#8e6017;--of-receivable:#6354a3;--of-green:#16735d;--of-red:#b34251;}
.ios-settings [data-preview-theme='ege-dark']{--swatch-bg:#101e27;--swatch-card:#182c37;--swatch-accent:#79cde6}
:root[data-skin='workspace'][data-design='original'][data-palette='ege-dark']{--of-bg:#101e27;--of-panel:#182c37;--of-soft:#203642;--of-side:#13242e;--of-ink:#e4f2f7;--of-muted:#aec6d1;--of-line:#344e5b;--of-brand:#79cde6;--of-on-brand:#10303e;--of-blue:#79cde6;--of-amber:#e7bc72;--of-receivable:#bcb0ed;--of-green:#7ad2b6;--of-red:#f5a1ad;}
.ios-settings [data-preview-theme='portakal']{--swatch-bg:#060b12;--swatch-card:#0d1621;--swatch-accent:#ff8a00}
:root[data-skin='workspace'][data-design='original'][data-palette='portakal']{--of-bg:#060b12;--of-panel:#0d1621;--of-soft:#12202e;--of-ink:#eaf3ff;--of-muted:#8299ad;--of-line:#1d3246;--of-brand:#ff8a00;--of-side:#070d15;--of-on-brand:#08090c;--of-green:#5fe09a;--of-red:#ff5b62;--of-amber:#ffbd65;--of-blue:#22a7ff;--of-receivable:#c3a6ff;--of-secondary:#22a7ff;}
.ios-settings [data-preview-theme='kutup-isigi']{--swatch-bg:#070b16;--swatch-card:#0f1526;--swatch-accent:#b8f36a}
:root[data-skin='workspace'][data-design='original'][data-palette='kutup-isigi']{--of-bg:#070b16;--of-panel:#0f1526;--of-soft:#151d33;--of-ink:#f1f5ff;--of-muted:#8d97b4;--of-line:#232e4a;--of-brand:#b8f36a;--of-side:#080d19;--of-on-brand:#08090c;--of-green:#5fe09a;--of-red:#ff5b62;--of-amber:#ffbd65;--of-blue:#8cbaff;--of-receivable:#a78bff;--of-secondary:#a78bff;}
.ios-settings [data-preview-theme='safir']{--swatch-bg:#17110c;--swatch-card:#241b14;--swatch-accent:#4bc7f5}
:root[data-skin='workspace'][data-design='original'][data-palette='safir']{--of-bg:#17110c;--of-panel:#241b14;--of-soft:#30251c;--of-side:#130e0a;--of-ink:#f4f3f0;--of-muted:#b9aba0;--of-line:#49382b;--of-brand:#4bc7f5;--of-on-brand:#06121d;--of-blue:#79b7ff;--of-amber:#f3c078;--of-receivable:#c0a4ff;--of-green:#66dfb5;--of-red:#ff91a0;--of-secondary:#ffb461;}
.ios-settings [data-preview-theme='yakut']{--swatch-bg:#080e1b;--swatch-card:#111d30;--swatch-accent:#ff729e}
:root[data-skin='workspace'][data-design='original'][data-palette='yakut']{--of-bg:#080e1b;--of-panel:#111d30;--of-soft:#192940;--of-side:#070d18;--of-ink:#f5f3ff;--of-muted:#a1aec8;--of-line:#2b3d59;--of-brand:#ff729e;--of-on-brand:#2b0d19;--of-blue:#a6bfff;--of-amber:#f2bc77;--of-receivable:#c7a0f0;--of-green:#80d6ad;--of-red:#ffa4b1;--of-secondary:#55dfd0;}
.ios-settings [data-preview-theme='ametist']{--swatch-bg:#071613;--swatch-card:#10251f;--swatch-accent:#b79aff}
:root[data-skin='workspace'][data-design='original'][data-palette='ametist']{--of-bg:#071613;--of-panel:#10251f;--of-soft:#19372e;--of-side:#06120f;--of-ink:#f1faf6;--of-muted:#9fbfb1;--of-line:#2c4c3f;--of-brand:#b79aff;--of-on-brand:#1b0e31;--of-blue:#9cbaff;--of-amber:#eec17d;--of-receivable:#c5acff;--of-green:#7bd9b1;--of-red:#ff9ab3;--of-secondary:#edc861;}
:root[data-skin='workspace'][data-design='original']:not([data-palette='light']):not([data-palette='dark']){
--ob-bg:var(--of-bg);--ob-surface:var(--of-panel);--ob-surface2:var(--of-soft);--ob-text:var(--of-ink);--ob-muted:var(--of-muted);--ob-line:var(--of-line);--ob-accent:var(--of-brand);--ob-on-accent:var(--of-on-brand);--ob-accent-2:var(--of-green);--ob-ok:var(--of-green);--ob-warn:var(--of-amber);--ob-danger:var(--of-red);--ob-sb-bg:var(--of-side);--ob-panel-bg:var(--of-panel);--ob-glass:var(--of-panel);--ob-glass-strong:var(--of-panel);--ob-glass-border:var(--of-line);--ob-glow-a:transparent;--ob-glow-b:transparent;
--void:var(--of-bg);--void-2:var(--of-soft);--sunk:var(--of-bg);--plate-1:var(--of-panel);--plate-2:var(--of-side);--plate-raise:var(--of-soft);--canvas:var(--of-bg);--surface-0:var(--of-bg);--surface-1:var(--of-panel);--surface-2:var(--of-soft);
--ink:var(--of-ink);--ink-2:var(--of-ink);--ink-3:var(--of-muted);--ink-4:var(--of-muted);--channel:var(--of-line);--hair:var(--of-line);--hair-soft:var(--of-line);--line:var(--of-line);--line-soft:var(--of-line);--text-1:var(--of-ink);--text-2:var(--of-ink);--text-3:var(--of-muted);--text-4:var(--of-muted);
--blue:var(--of-brand);--accent:var(--of-brand);--accent-2:var(--of-green);--on-accent:var(--of-on-brand);--blue-dim:color-mix(in srgb,var(--of-brand) 12%,var(--of-panel));--accent-dim:var(--blue-dim);--ok:var(--of-green);--warn:var(--of-amber);--bad:var(--of-red);--teal:var(--of-blue);--skill:var(--of-receivable);
--tone-blue:var(--of-blue);--tone-green:var(--of-green);--tone-amber:var(--of-amber);--tone-purple:var(--of-receivable);--tone-coral:var(--of-red);--tone-cyan:var(--of-blue);--creative:var(--of-blue);--content:var(--of-green);--funnel:var(--of-blue);--extra:var(--of-receivable);
}
:root[data-skin='workspace'][data-design='original']:not([data-palette='light']):not([data-palette='dark']) body,:root[data-skin='workspace'][data-design='original']:not([data-palette='light']):not([data-palette='dark']) .main-content{background:var(--of-bg)}
:root[data-skin='workspace'][data-design='original']:not([data-palette='light']):not([data-palette='dark']) .sidebar{background:var(--of-side)}
:root[data-skin='workspace'][data-design='original']:not([data-palette='light']):not([data-palette='dark']) .cw-page#content-workspace{
--cc-bg:var(--of-bg);--cc-panel:var(--of-panel);--cc-soft:var(--of-soft);--cc-ink:var(--of-ink);--cc-muted:var(--of-muted);--cc-line:var(--of-line);--cc-brand:var(--of-brand);--cc-onbrand:var(--of-on-brand);--cc-blue:var(--of-blue);--cc-purple:var(--of-receivable);--cc-green:var(--of-green);--cc-amber:var(--of-amber);--cc-red:var(--of-red);
}
:root[data-skin='workspace'][data-design='original']:not([data-palette='light']):not([data-palette='dark']) #creative-workspace{
--kw-bg:var(--of-bg);--kw-panel:var(--of-panel);--kw-soft:var(--of-soft);--kw-ink:var(--of-ink);--kw-muted:var(--of-muted);--kw-line:var(--of-line);--kw-blue:var(--of-blue);--kw-orange:var(--of-amber);--kw-teal:var(--of-blue);--kw-green:var(--of-green);--kw-rose:var(--of-red);--kw-violet:var(--of-receivable);--kw-gold:var(--of-amber);--kw-on:var(--of-on-brand);
}
:root[data-skin='workspace'][data-design='original']:not([data-palette='light']):not([data-palette='dark']) :is(.op-page,#operations-workspace){
--op-bg:var(--of-bg);--op-panel:var(--of-panel);--op-soft:var(--of-soft);--op-ink:var(--of-ink);--op-muted:var(--of-muted);--op-line:var(--of-line);--op-blue:var(--of-blue);--op-teal:var(--of-green);--op-amber:var(--of-amber);--op-red:var(--of-red);
}
:root[data-skin='workspace'][data-design='original']:not([data-palette='light']):not([data-palette='dark']) .wd-page{
--wd-bg:var(--of-bg);--wd-panel:var(--of-panel);--wd-soft:var(--of-soft);--wd-ink:var(--of-ink);--wd-muted:var(--of-muted);--wd-line:var(--of-line);--wd-amber:var(--of-amber);--wd-blue:var(--of-blue);--wd-green:var(--of-green);--wd-teal:var(--of-blue);--wd-red:var(--of-red);
}
:root[data-design='original'] .ios-settings [data-preview-theme] .theme-swatch{background:var(--swatch-bg);border-color:var(--of-line)}
:root[data-design='original'] .ios-settings [data-preview-theme] .theme-swatch i:nth-child(n){background:var(--swatch-card)}
:root[data-design='original'] .ios-settings [data-preview-theme] .theme-swatch i:first-child{background:var(--swatch-accent)}
:root[data-skin='workspace'][data-design='original']:not([data-palette='light']):not([data-palette='dark']):is([data-palette='portakal'],[data-palette='kutup-isigi'],[data-palette='safir'],[data-palette='yakut'],[data-palette='ametist']){--accent-2:var(--of-secondary);--ob-accent-2:var(--of-secondary)}
:root[data-skin='workspace'][data-design='original']:is([data-palette='portakal'],[data-palette='kutup-isigi'],[data-palette='safir'],[data-palette='yakut'],[data-palette='ametist']) .cw-page#content-workspace .cc-platforms button[aria-pressed=true]{background:color-mix(in srgb,var(--of-brand) 12%,var(--of-panel));color:var(--of-brand);border-color:var(--of-brand)}
:root[data-skin='workspace'][data-design='original'] .main-content:has(.wd-page){max-width:none;padding:calc(40px + var(--win-bar,0px)) 32px 24px}
:root[data-skin='workspace'][data-design='original'] .wd-page .wd-primary{background:var(--wd-panel);border:1px solid var(--wd-line);color:var(--wd-ink)}
:root[data-skin='workspace'][data-design='original'] .wd-page button{color:var(--wd-ink);background:var(--wd-panel)}
:root[data-skin='workspace'][data-design='original'] .wd-page .primary-button{background:var(--of-brand);border-color:var(--of-brand);color:var(--of-on-brand)}
:root[data-design='original'] .wd-page :is(h2,h3,p,summary,.wd-stat strong,.wd-stat span,.wd-pick-row strong){overflow-wrap:anywhere;min-width:0}
:root[data-design='original'] .wd-page .wd-stat strong{white-space:normal;line-height:1.3}
:root[data-design='original'] .wd-page :is(.wd-heading,.wd-datebar,.wd-filters,.wd-schedule,.af-toolbar,.af-datebar,.af-viewbar){min-width:0;max-width:100%;box-sizing:border-box}
@media(min-width:761px) and (max-width:1100px){
:root[data-skin='workspace'][data-design='original'] .main-content:has(.wd-page){padding:24px}
:root[data-design='original'] .wd-heading{padding-right:54px}
}
@media(max-width:1100px){:root[data-design='original']:has(.wd-page) .mobile-menu-trigger{top:calc(28px + env(safe-area-inset-top,0px));right:10px}}
@media(max-width:760px){
:root[data-skin='workspace'][data-design='original'] .main-content:has(.wd-page){padding:calc(28px + env(safe-area-inset-top,0px)) 10px 24px}
:root[data-design='original'] .wd-page .wd-heading{padding-right:54px;gap:8px;min-height:44px;align-items:center}
:root[data-design='original'] .wd-heading>div{min-width:0;flex:1}
:root[data-design='original'] .wd-heading h1{font-size:26px;letter-spacing:-.6px}
:root[data-design='original'] .wd-page .wd-heading .wd-primary{flex:none;white-space:nowrap;font-size:12px;padding:8px 10px}
:root[data-design='original'] .wd-page .wd-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:root[data-design='original'] .wd-page .wd-stat{display:grid;gap:6px;padding:12px;align-content:start}
:root[data-design='original'] .wd-stat span{font-size:12px;line-height:1.4}
:root[data-design='original'] .wd-stat strong{font-size:20px}
:root[data-design='original'] .wd-tabs{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:3px}
:root[data-design='original'] .wd-tabs a{justify-content:center;text-align:center;font-size:12px;padding:8px;line-height:1.4;min-width:0}
:root[data-design='original'] .wd-datebar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;align-items:end}
:root[data-design='original'] .wd-datebar form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;min-width:0;align-items:end}
:root[data-design='original'] .wd-datebar input{width:100%;min-width:0;box-sizing:border-box}
:root[data-design='original'] .wd-datebar>a{padding:8px;min-width:0}
:root[data-design='original'] .wd-page .wd-empty{padding:24px 16px!important}
:root[data-design='original'] .wd-empty p{font-size:13px;line-height:1.6}
:root[data-design='original'] .wd-page .af-toolbar{gap:12px}
:root[data-design='original'] .wd-page .af-datebar{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}
:root[data-design='original'] .wd-page .af-datebar strong{font-size:13px;overflow-wrap:anywhere}
:root[data-design='original'] .wd-page .af-viewbar{display:flex;flex-wrap:wrap;gap:8px;width:100%}
:root[data-design='original'] .wd-page .af-views{flex:1;min-width:0;justify-content:space-between}
:root[data-design='original'] .wd-page .af-views>a{padding:8px;min-width:0;font-size:12px}
:root[data-design='original'] .wd-page .wd-filters{grid-template-columns:minmax(0,1fr)}
:root[data-design='original'] .wd-page .wd-schedule label{min-width:0;max-width:100%}
:root[data-design='original'] .wd-page .wd-pick-row{flex-wrap:wrap}
:root[data-design='original'] .wd-page .wd-pick-row>div{flex:1 1 160px}
:root[data-design='original'] .wd-page .wd-history .wd-event{grid-template-columns:minmax(0,1fr);gap:6px}
:root[data-design='original'] .wd-history .wd-event strong{grid-column:auto;grid-row:auto}
:root[data-design='original'] .wd-page .wd-time-areas{grid-template-columns:repeat(2,minmax(0,1fr))}
}
:root[data-design='original'] .wd-flow-status{margin:0 0 16px;min-width:0}
:root[data-design='original'] .wd-flow-status .df-flow{margin:0}
:root[data-design='original'] .wd-page .wd-datebar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:0 0 16px}
:root[data-design='original'] .wd-datebar form{display:flex;align-items:center;gap:8px}
:root[data-design='original'] .wd-datebar label{min-width:0}
:root[data-design='original'] .wd-datebar input{width:160px}
@media(max-width:760px){
:root[data-design='original'] .wd-page .wd-datebar{gap:6px;flex-wrap:wrap}
:root[data-design='original'] .wd-datebar form{flex:1;min-width:0;gap:6px}
:root[data-design='original'] .wd-datebar label{flex:1}
:root[data-design='original'] .wd-datebar input{width:100%}
:root[data-design='original'] .wd-datebar>a{min-width:40px}
:root[data-design='original'] .wd-tabs{display:flex;flex-wrap:wrap}
}
:root[data-skin='workspace'][data-design='original'] .nd-page{--nd-bg:var(--of-bg);--nd-canvas:var(--of-bg);--nd-panel:var(--of-panel);--nd-soft:var(--of-soft);--nd-ink:var(--of-ink);--nd-muted:var(--of-muted);--nd-line:var(--of-line);--nd-brand:var(--of-brand);--nd-blue:var(--of-blue);--nd-green:var(--of-green);--nd-onbrand:var(--of-on-brand)}
:root[data-skin='workspace'][data-design='original'] .main-content:has(.nd-page){background:var(--of-bg)}
:root[data-design='original'] .nd-page .nd-paper{background:var(--nd-panel);color:var(--nd-ink);border-color:var(--nd-line)}
:root[data-design='original'] .nd-page .nd-paper :is(th,td){color:var(--nd-ink);border-color:var(--nd-line)}
.wd-rollover{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px;border:1px solid var(--wd-amber);border-radius:12px;background:var(--wd-panel);margin-bottom:16px}.wd-rollover p{margin:6px 0;color:var(--wd-muted);font-size:13px}.wd-report-scroll{overflow:auto}.wd-report-scroll table{width:100%;border-collapse:collapse}.wd-report-scroll :is(th,td){padding:10px;border:1px solid var(--wd-line);text-align:left}.wd-note input[type=checkbox]{min-height:20px;width:20px}
@media print{.nd-page .nd-paper{background:white!important;color:black!important}}
.wd-rollover{--wd-panel:var(--of-panel,var(--plate-1));--wd-amber:var(--of-amber,var(--warn));--wd-muted:var(--of-muted,var(--ink-3));color:var(--of-ink,var(--ink))}.wd-rollover .wd-primary{padding:12px 16px;border-radius:9px;background:var(--of-brand,var(--accent));color:var(--of-on-brand,var(--on-accent));font-weight:700;text-decoration:none;min-height:44px;box-sizing:border-box}
:root[data-design='original']:has(.nd-page){--nd-canvas:var(--of-bg)}
:root[data-design='original'] .nd-page .nd-paper th{background:var(--nd-soft);color:var(--nd-ink)}
:root[data-design='original'] .nd-page .nd-paper td{background:var(--nd-panel);color:var(--nd-ink)}
@media print{.nd-page .nd-paper :is(th,td){background:white!important;color:black!important;border-color:#ccc!important}}
:root[data-design='original'] .notification-center{--nc-panel:var(--of-panel,#fff);--nc-soft:var(--of-soft,#f6f7fa);--nc-ink:var(--of-ink,#192436);--nc-muted:var(--of-muted,#536176);--nc-line:var(--of-line,#dee4ec);--nc-brand:var(--of-brand,#4d50d8);--nc-blue:var(--of-blue,#345ac0);--nc-green:var(--of-green,#087758);--nc-amber:var(--of-amber,#8b570a);--nc-red:var(--of-red,#b9334f);position:relative;z-index:85;width:min(1920px,calc(100vw - var(--sidebar-w,250px) - 64px));margin:0 auto 18px;display:flex;justify-content:flex-end;min-height:46px;font:500 14px/1.5 ContentManrope,Manrope,system-ui,sans-serif;color:var(--nc-ink)}
:root[data-design='original'][data-scheme='dark'] .notification-center{--nc-panel:var(--of-panel,#1b2433);--nc-soft:var(--of-soft,#222e40);--nc-ink:var(--of-ink,#eef2f9);--nc-muted:var(--of-muted,#afbdd1);--nc-line:var(--of-line,#354258);--nc-brand:var(--of-brand,#adafff);--nc-blue:var(--of-blue,#a5bcff);--nc-green:var(--of-green,#69dbb4);--nc-amber:var(--of-amber,#efc178);--nc-red:var(--of-red,#ff9aab)}
:root[data-design='original'] #notificationTrigger{position:static;display:flex;align-items:center;justify-content:flex-start;gap:10px;width:176px;min-width:176px;height:46px;min-height:46px;padding:0 14px;border:1px solid var(--nc-line);border-radius:14px;background:var(--nc-panel);color:var(--nc-ink);font:700 13px/1.4 ContentManrope,Manrope,system-ui,sans-serif;box-shadow:0 2px 8px #00000005;cursor:pointer;transition:background .15s,border-color .15s}
:root[data-design='original'] #notificationTrigger .notification-trigger-label{display:block;flex:1;text-align:left}
:root[data-design='original'] #notificationTrigger:hover{background:var(--nc-soft);border-color:var(--nc-brand)}
:root[data-design='original'] #notificationTrigger[aria-expanded=true]{background:var(--nc-soft);border-color:var(--nc-brand)}
:root[data-design='original'] #notificationTrigger .notification-glyph{display:grid;place-items:center;width:22px;height:22px;color:var(--nc-brand)}
:root[data-design='original'] .notification-center svg{width:19px;height:19px;flex:none;stroke:currentColor;stroke-width:1.7;fill:none}
:root[data-design='original'] #notificationTrigger .notification-cross{display:none}
:root[data-design='original'] #notificationTrigger[aria-expanded=true] .notification-cross{display:block}
:root[data-design='original'] #notificationTrigger[aria-expanded=true] .notification-bell{display:none}
:root[data-design='original'] #notificationTrigger b{position:static;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:7px;background:color-mix(in srgb,var(--nc-brand) 12%,var(--nc-panel));color:var(--nc-brand);font:800 11px/1 ContentManrope,Manrope,system-ui,sans-serif}
:root[data-design='original'] #notificationDrawer{position:fixed;top:var(--notification-top,110px);right:var(--notification-right,32px);bottom:auto;z-index:100;display:flex;flex-direction:column;width:min(440px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - var(--notification-top,110px) - 20px);padding:0;background:var(--nc-panel);border:1px solid var(--nc-line);border-radius:20px;box-shadow:0 16px 54px #00000024;transform:translateY(-6px);opacity:0;visibility:hidden;overflow:hidden;transition:opacity .15s,transform .15s,visibility .15s;color:var(--nc-ink);font:500 13px/1.5 ContentManrope,Manrope,system-ui,sans-serif}
:root[data-design='original'] #notificationDrawer.open{transform:none;opacity:1;visibility:visible}
:root[data-design='original'] #notificationDrawer :is(a,button,strong,b,p,small,span,h3){font-family:ContentManrope,Manrope,system-ui,sans-serif}
:root[data-design='original'] #notificationDrawer .notification-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;gap:12px;flex:none;border:0}
:root[data-design='original'] .notification-title{display:flex;align-items:center;gap:12px;min-width:0}
:root[data-design='original'] .notification-heading-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--nc-line);border-radius:13px;background:var(--nc-soft);color:var(--nc-brand)}
:root[data-design='original'] #notificationDrawer h2{margin:0;font:800 19px/1.4 ContentManrope,Manrope,system-ui,sans-serif;letter-spacing:-.4px;color:var(--nc-ink)}
:root[data-design='original'] #notificationDrawer .notification-head p{margin:3px 0 0;color:var(--nc-muted);font-size:12px}
:root[data-design='original'] .notification-filter{display:flex;gap:6px;margin:0 20px 14px;padding:4px;background:var(--nc-soft);border-radius:11px;flex:none}
:root[data-design='original'] .notification-filter button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:6px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--nc-muted);font:700 12px/1.4 ContentManrope,Manrope,system-ui,sans-serif;cursor:pointer}
:root[data-design='original'] .notification-filter button[aria-pressed=true]{background:var(--nc-panel);color:var(--nc-ink);border-color:var(--nc-line)}
:root[data-design='original'] .notification-filter span{font-size:11px;font-variant-numeric:tabular-nums}
:root[data-design='original'] #notificationDrawer .notification-list{display:block;overflow:auto;overscroll-behavior:contain;min-height:0;padding:0 12px 8px;scrollbar-width:thin;scrollbar-color:var(--nc-line) transparent}
:root[data-design='original'] #notificationDrawer .notification-item{--nc-tone:var(--nc-brand);display:grid;grid-template-columns:34px minmax(0,1fr) 32px;align-items:start;gap:10px;padding:15px 8px;border:0;border-top:1px solid var(--nc-line);background:transparent}
:root[data-design='original'] #notificationDrawer .notification-item[data-tone=amber]{--nc-tone:var(--nc-amber)}
:root[data-design='original'] #notificationDrawer .notification-item[data-tone=green]{--nc-tone:var(--nc-green)}
:root[data-design='original'] #notificationDrawer .notification-item[data-tone=blue]{--nc-tone:var(--nc-blue)}
:root[data-design='original'] .notification-item-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--nc-tone) 9%,var(--nc-panel));color:var(--nc-tone)}
:root[data-design='original'] #notificationDrawer .notification-item a{display:block;min-width:0;text-decoration:none;color:var(--nc-ink);overflow-wrap:anywhere}
:root[data-design='original'] #notificationDrawer .notification-item a:hover strong{text-decoration:underline;text-underline-offset:3px}
:root[data-design='original'] .notification-category{display:flex;align-items:center;gap:7px;margin-bottom:4px;color:var(--nc-muted);font-size:10px;font-weight:700;letter-spacing:.3px}
:root[data-design='original'] .notification-unread-dot{width:6px;height:6px;border-radius:50%;background:var(--nc-brand)}
:root[data-design='original'] #notificationDrawer .notification-item strong{display:block;color:var(--nc-ink);font-size:13px;font-weight:800;line-height:1.45}
:root[data-design='original'] #notificationDrawer .notification-item p{margin:5px 0 0;color:var(--nc-muted);font-size:12px;line-height:1.65}
:root[data-design='original'] .notification-link-label{display:flex;align-items:center;gap:5px;margin-top:9px;color:var(--nc-brand);font-size:11px;font-weight:750}
:root[data-design='original'] .notification-link-label svg{width:13px;height:13px}
:root[data-design='original'] #notificationDrawer .notification-item form{margin:0}
:root[data-design='original'] #notificationDrawer .notification-item button,:root[data-design='original'] .notification-mobile-close{display:grid;place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border:1px solid var(--nc-line);border-radius:9px;background:var(--nc-panel);color:var(--nc-muted);cursor:pointer}
:root[data-design='original'] #notificationDrawer .notification-item button:hover{color:var(--nc-green);border-color:var(--nc-green);background:var(--nc-soft)}
:root[data-design='original'] #notificationDrawer .notification-item button:disabled{opacity:.5;cursor:wait}
:root[data-design='original'] .notification-empty{text-align:center;padding:26px 18px 32px;color:var(--nc-muted)}
:root[data-design='original'] .notification-empty>span{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 12px;background:var(--nc-soft);color:var(--nc-green);border-radius:50%}
:root[data-design='original'] #notificationDrawer .notification-empty h3{font-size:14px;font-weight:800;margin:0 0 6px;color:var(--nc-ink)}
:root[data-design='original'] .notification-empty p{font-size:12px;margin:0}
:root[data-design='original'] .notification-footer{display:flex;justify-content:space-between;gap:8px;padding:13px 20px;border-top:1px solid var(--nc-line);background:var(--nc-soft);flex:none}
:root[data-design='original'] .notification-footer :is(span,a){display:flex;align-items:center;gap:6px;font-size:10px;color:var(--nc-muted);text-decoration:none}
:root[data-design='original'] .notification-footer a{color:var(--nc-brand);font-weight:750}
:root[data-design='original'] .notification-footer svg{width:14px;height:14px}
:root[data-design='original'] .notification-feedback{margin:0;padding:0 20px;color:var(--nc-red);font-size:12px}
:root[data-design='original'] .notification-feedback:not(:empty){padding:10px 20px}
:root[data-design='original'] .notification-mobile-close{display:none}
:root[data-design='original'] .notification-center [hidden]{display:none!important}
:root[data-design='original'] .notification-center :is(button,a):focus-visible{outline:2px solid var(--nc-brand);outline-offset:2px;box-shadow:none}
@media(min-width:1101px) and (hover:hover) and (pointer:fine){:root[data-skin='workspace'][data-design='original'] .main-content:has(>.notification-center){padding-top:calc(24px + var(--win-bar,0px))}}
@media(max-width:1100px),(hover:none) and (pointer:coarse),(any-pointer:coarse) and (max-width:1600px){
:root[data-design='original'] .notification-center{min-height:0;height:0;margin:0;width:auto}
:root[data-design='original'] #notificationTrigger{display:none}
:root[data-design='original'] .notification-mobile-close{display:grid;min-width:40px;width:40px;height:40px}
:root[data-design='original'] #notificationDrawer{right:12px;top:calc(20px + env(safe-area-inset-top,0px) + var(--win-bar,0px));width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 40px - var(--dock-total,80px) - env(safe-area-inset-top,0px) - var(--win-bar,0px));border-radius:18px}
:root[data-design='original'] #notificationDrawer .notification-head{padding:16px}
:root[data-design='original'] #notificationDrawer .notification-item{grid-template-columns:30px minmax(0,1fr) 36px;gap:8px;padding:14px 4px}
:root[data-design='original'] .notification-item-icon{width:30px;height:30px}
:root[data-design='original'] #notificationDrawer .notification-item button{width:36px;height:40px;min-height:40px}
:root[data-design='original'] .notification-filter{margin-inline:16px}
:root[data-design='original'] .notification-footer{padding:12px 16px}
}
@media(prefers-reduced-motion:reduce){:root[data-design='original'] #notificationDrawer{transition:none}}
@media print{.notification-center{display:none!important}}