/* Circle preferences. Loaded after each page's existing stylesheet. */
.circle-preferences {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  flex-shrink: 0;
}
.circle-preferences .pref-language {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: #6e6e73;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}
.circle-preferences .pref-language select {
  width: auto;
  min-width: 67px;
  min-height: 36px;
  padding: 7px 22px 7px 9px;
  border: 1px solid #dedee6;
  border-radius: 8px;
  background: #fff;
  color: #4c4c57;
  font-size: 12px;
  line-height: 1.4;
}
.circle-preferences .pref-theme {
  display: inline-flex;
  align-items: stretch;
  gap: 2px;
  padding: 3px;
  border: 1px solid #e0e0e7;
  border-radius: 9px;
  background: #f0f0f4;
}
.circle-preferences .pref-theme button {
  min-height: 28px;
  padding: 5px 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #6e6e79;
  font-size: 11px;
  font-weight: 550;
  line-height: 1.4;
  white-space: nowrap;
  cursor: pointer;
}
.circle-preferences .pref-theme button:hover { background: #e7e7ee; }
.circle-preferences .pref-theme button[aria-pressed="true"] {
  background: #fff;
  color: #a83d1b;
  box-shadow: 0 1px 4px #22222a14;
}
.circle-preferences :is(button, select):focus-visible {
  outline: 3px solid #e46d45;
  outline-offset: 3px;
}
.setup-page > header { gap: 16px; flex-wrap: wrap; }
.setup-page > header .circle-preferences { margin-left: auto; order: 2; }
.editor-header .header-actions { align-items: center; min-width: 0; }
.top-controls { min-width: 0; }

/* Explicit opt-in only: the original light palette is left intact. */
html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f0f0f3;
  --muted: #b1b1be;
  --line: #41414d;
  --paper: #18181d;
  --white: #222229;
  --green: #bc431d;
  --lime: #ffe4d6;
  --accent: #bc431d;
  --orange: #f05628;
  --circle-surface: #222229;
  --circle-raised: #2b2b34;
  --circle-input: #1d1d24;
  --circle-text: #f0f0f3;
  --circle-secondary: #d0d0da;
  --circle-muted: #b1b1be;
  --circle-border: #41414d;
  --circle-warm: #35271f;
  --circle-warm-border: #74503b;
  --circle-link: #ffad87;
  background: var(--paper);
  color: var(--circle-text);
}
html[data-theme="dark"] body {
  background: var(--paper);
  color: var(--circle-text);
}
html[data-theme="dark"] ::selection { background: #81472f; color: #fff; }
html[data-theme="dark"] :is(button, input, textarea, select, a):focus-visible,
html[data-theme="dark"] .file-button:focus-within {
  outline-color: #ff9c71;
}
html[data-theme="dark"] :is(h1, h2, h3, h4) { color: var(--circle-text); }
html[data-theme="dark"] a { color: var(--circle-link); }
html[data-theme="dark"] :is(.brand, .setup-page .brand, .editor-header .brand) {
  color: var(--circle-text);
}
/* The supplied orange C artwork is used as-is. */
html[data-theme="dark"] .brand-logo { background: transparent; }
html[data-theme="dark"] :is(.card, .stat, .overall-card, .setup-panel,
  .brief-fields, .assignment-panel, .version-panel, .brief-history,
  .handoff-ledger, .action-card, .client-header) {
  background: var(--circle-surface);
  border-color: var(--circle-border);
  color: var(--circle-text);
  box-shadow: 0 2px 12px #00000012;
}
html[data-theme="dark"] :is(.topbar, .editor-header) {
  background: #202027ed;
  border-color: var(--circle-border);
}
html[data-theme="dark"] .sidebar {
  background: #1d1d24;
  border-color: var(--circle-border);
  color: var(--circle-secondary);
}
html[data-theme="dark"] .sidebar.open { box-shadow: 20px 0 70px #00000066; }
html[data-theme="dark"] :is(.workspace-label, .nav-label, .sidebar-footer p,
  .breadcrumb, .role-control label, .header-label) { color: var(--circle-muted); }
html[data-theme="dark"] .breadcrumb strong { color: var(--circle-secondary); }
html[data-theme="dark"] .crumb-divider { color: #7b7b8b; }
html[data-theme="dark"] .sidebar-footer { border-color: var(--circle-border); }
html[data-theme="dark"] .nav button { color: var(--circle-secondary); }
html[data-theme="dark"] .nav button:hover { background: #30303a; }
html[data-theme="dark"] .nav button.active {
  background: #432b20;
  color: #ffb38f;
}
html[data-theme="dark"] .nav .count { background: #363641; color: #d2d2df; }
html[data-theme="dark"] .nav button.active .count { background: #633923; color: #ffd2b9; }
html[data-theme="dark"] :is(.avatar, .team-icon) { background: #363641; color: #dedee8; }
html[data-theme="dark"] :is(.demo-pill, .summary-demo, .client-header .client-chip) {
  background: var(--circle-warm);
  border-color: var(--circle-warm-border);
  color: #ffba95;
}
html[data-theme="dark"] :is(.btn, .button, .icon-btn) {
  background: #2a2a33;
  border-color: #52525f;
  color: var(--circle-text);
  box-shadow: none;
}
html[data-theme="dark"] :is(.btn, .button, .icon-btn):hover { background: #363640; }
html[data-theme="dark"] :is(.btn.primary, .button.primary) {
  background: #bc431d;
  border-color: #bc431d;
  color: #fff;
}
html[data-theme="dark"] :is(.btn.primary, .button.primary):hover {
  background: #a93b19;
  border-color: #a93b19;
}
html[data-theme="dark"] :is(.btn.light, .button.soft) {
  background: var(--circle-warm);
  border-color: var(--circle-warm-border);
  color: #ffbc97;
}
html[data-theme="dark"] :is(.btn.light, .button.soft):hover { background: #493023; }
html[data-theme="dark"] :is(.text-link, .file-item a, .reference-file a) { color: var(--circle-link); }
html[data-theme="dark"] .row-text-button { color: var(--circle-secondary); }

/* Native controls, editing fields and readable disabled values. */
html[data-theme="dark"] :is(input, select, textarea),
html[data-theme="dark"] :is(.field input, .field textarea, .field select,
  .search input, .comment-form textarea, .client-decision textarea, .manual-copy) {
  background-color: var(--circle-input);
  color: var(--circle-text);
  border-color: #727280;
  caret-color: #ffad87;
}
html[data-theme="dark"] :is(input, textarea)::placeholder { color: #a8a8b8; opacity: 1; }
html[data-theme="dark"] select option,
html[data-theme="dark"] select optgroup { color: var(--circle-text); background: #24242c; }
html[data-theme="dark"] :is(input, select, textarea):disabled,
html[data-theme="dark"] :is(.field input:disabled, .field textarea:disabled, .field select:disabled) {
  background: #292930;
  border-color: #494956;
  color: #bfc0cc;
  opacity: 1;
  -webkit-text-fill-color: #bfc0cc;
}
html[data-theme="dark"] :is(input, textarea)[readonly] { background: #292930; color: #d0d0da; }
html[data-theme="dark"] :is(input[type="checkbox"], input[type="radio"]) { accent-color: #f05628; }
html[data-theme="dark"] input[type="file"] { color: var(--circle-secondary); }
html[data-theme="dark"] input[type="file"]::file-selector-button {
  background: #353540;
  color: #efeff5;
  border: 1px solid #727280;
  border-radius: 7px;
  padding: 8px 11px;
  margin-right: 10px;
  cursor: pointer;
}
html[data-theme="dark"] input[type="file"]::file-selector-button:hover { background: #444450; }
html[data-theme="dark"] :is(.field label, .check, .package-checks,
  .entry-mode-choice strong, .reference-file label) { color: var(--circle-secondary); }
html[data-theme="dark"] .search svg { color: #b5b5c4; }
html[data-theme="dark"] :is(.field small, .hint, .muted-help, .muted,
  .file-upload-form, .file-upload-form label, .upload-box label,
  .entry-mode-choice small, .entry-mode-choice legend, .package-checks legend) {
  color: var(--circle-muted);
}

/* Preference controls retain the same interaction and shape in both themes. */
html[data-theme="dark"] .circle-preferences .pref-language { color: var(--circle-muted); }
html[data-theme="dark"] .circle-preferences .pref-language select {
  background: #25252e;
  color: #efeff5;
  border-color: #727280;
}
html[data-theme="dark"] .circle-preferences .pref-theme {
  background: #18181f;
  border-color: #4d4d5a;
}
html[data-theme="dark"] .circle-preferences .pref-theme button { color: #bfbfce; }
html[data-theme="dark"] .circle-preferences .pref-theme button:hover { background: #353540; }
html[data-theme="dark"] .circle-preferences .pref-theme button[aria-pressed="true"] {
  background: #493022;
  color: #ffc7a5;
  box-shadow: inset 0 0 0 1px #815039;
}
html[data-theme="dark"] .circle-preferences :is(button, select):focus-visible { outline-color: #ff9c71; }

/* Primary text, secondary copy and small metadata are all deliberate colors. */
html[data-theme="dark"] :is(.card-head h2, .stat-value, .chart-summary strong,
  .delivery-info strong, .job-title, .detail-meta dd, .client-meta strong,
  .drawer-header h2, .package-card h2, .package-progress strong,
  .overall-numbers > strong, .donut strong, .access-card h2,
  .upload-zone h2, .empty h3, .handoff-ledger strong) { color: var(--circle-text); }
html[data-theme="dark"] :is(.stat-top, .due, .team, .client-name,
  .brief-card .brief-summary, .comment p, .timeline strong,
  .access-card p, .client-job p, .team-card p, .rich-brief-entry > p,
  .identity-box, .signed-user, .reference-file, .metadata strong) { color: var(--circle-secondary); }
html[data-theme="dark"] :is(.eyebrow, .subheading, .card-note, .card-description,
  .stat-foot, .chart-summary span, .chart-labels, .legend, .delivery-info small,
  .job-id, .percent, .table-footer, .footnote, .count-caption,
  .comment-header small, .comment-form small, .detail-meta dt,
  .drawer-header p, .client-header p, .client-meta, .empty,
  .overall-card .summary-label, .summary-label, .donut small,
  .overall-numbers p, .overall-numbers > strong > span,
  .package-progress span, .package-bottom > span:last-child,
  .client-explanation, .package-table-tag, .comment-count,
  .summary-update, .overall-card > .summary-update,
  .signed-user small, .setup-panel > p, .identity-box span,
  .setup-detail p, .immutable-meta, .immutable-meta small,
  .version-panel p, .brief-history p, .timeline span,
  .handoff-ledger span, .rich-brief-summary,
  .import-notice p, .upload-zone p, .mapping-help, .import-confirm p,
  .initial p, .intro > p, .metadata, .section-heading p,
  .catalog-note, .catalog-ids, .legacy-section summary,
  .reference-file small, .editor-nav > p, footer) { color: var(--circle-muted); }
html[data-theme="dark"] :is(.package-counts, .overall-card .package-counts,
  .package-milestones) { color: #c5c5d1; }
html[data-theme="dark"] :is(.package-counts b, .overall-card .package-counts b,
  .package-milestones b) { color: #eeeef5; }
html[data-theme="dark"] :is(.stat-foot b, .stat-top svg, .access-scope,
  .import-filename, .waiting-reason, .required) { color: #ffb58f; }

/* Tables, tabs and workflow status colors. */
html[data-theme="dark"] th { background: #292930; color: #c2c2ce; border-color: #41414d; }
html[data-theme="dark"] td { color: var(--circle-secondary); border-color: #3a3a45; }
html[data-theme="dark"] tbody tr:hover { background: #2c2c35; }
html[data-theme="dark"] :is(.table-tools, .table-footer, .delivery-item,
  .comment, .file-item, .import-confirm, .reference-file) { border-color: #41414d; }
html[data-theme="dark"] .tabs button { color: #bfbfcd; }
html[data-theme="dark"] .tabs button:hover { background: #32323c; }
html[data-theme="dark"] .tabs button.active { background: #432d21; color: #ffb58f; }
html[data-theme="dark"] .tabs .number { color: #bcbcc9; }
html[data-theme="dark"] .tabs button.active .number { color: #e6c0ad; }
html[data-theme="dark"] .tag { background: #353540; color: #dddde8; }
html[data-theme="dark"] .tag.prod { background: #263748; color: #b3d8ff; }
html[data-theme="dark"] .tag.brief { background: #403622; color: #f2d59a; }
html[data-theme="dark"] .tag.review { background: #4b2f20; color: #ffbc93; }
html[data-theme="dark"] .tag.done { background: #2d3d31; color: #b9dfbc; }
html[data-theme="dark"] .tag.ready { background: #383843; color: #e0e0ee; }
html[data-theme="dark"] .tag.revision { background: #4b2c2c; color: #ffb6ac; }
html[data-theme="dark"] .tag.waiting { background: #443820; color: #f5d190; }
html[data-theme="dark"] .tag.admin-approved { background: #3c2f4c; color: #ddc4ff; }
html[data-theme="dark"] .mode-switch { background: #1b1b22; border-color: #484854; }
html[data-theme="dark"] .mode-switch button { color: #bdbdcb; }
html[data-theme="dark"] .mode-switch button.active {
  background: #432d22;
  color: #ffbc99;
  box-shadow: inset 0 0 0 1px #76503b;
}

/* Chart backgrounds and orange data series, without image filters. */
html[data-theme="dark"] .chart-grid {
  background: repeating-linear-gradient(to top, transparent 0, transparent 38px, #3c3c47 39px, #3c3c47 40px);
  border-color: #50505d;
}
html[data-theme="dark"] .bar { background: #ffc4a4; }
html[data-theme="dark"] .bar.dark { background: #f07849; }
html[data-theme="dark"] .legend i { background: #f07849; }
html[data-theme="dark"] .legend .pale { background: #ffc4a4; }
html[data-theme="dark"] .donut { background: conic-gradient(#f05628 var(--amount), #474752 0); }
html[data-theme="dark"] .donut > div { background: var(--circle-surface); }
html[data-theme="dark"] :is(.complete, .overall-card .complete) { background: #ed7848; }
html[data-theme="dark"] :is(.inprod, .overall-card .inprod) { background: #ffc8ac; }
html[data-theme="dark"] :is(.pending, .overall-card .pending) { background: #666674; }
html[data-theme="dark"] :is(.progress-track, .client-job .stages i) { background: #454550; }
html[data-theme="dark"] :is(.progress-fill, .client-job .stages i.on) { background: #ed9169; }
html[data-theme="dark"] :is(.daily-change, .overall-card .daily-change) { background: #432d21; color: #ffbd95; }
html[data-theme="dark"] .stats .stat:first-child { background: #302520; border-color: #69503e; }
html[data-theme="dark"] :is(.date-tile, .mini-jobs button, .identity-box,
  .quality-note, .nested-card, .upload-box, .video-empty) {
  background: #2a2a32;
  border-color: #474754;
  color: var(--circle-secondary);
}
html[data-theme="dark"] :is(.date-tile small, .video-empty small) { color: var(--circle-muted); }
html[data-theme="dark"] :is(.package-monogram, .team-large, .upload-symbol,
  .section-number, .comment-version) {
  background: #432d21;
  border-color: #78513a;
  color: #ffbc93;
}
html[data-theme="dark"] :is(.summary-update, .overall-card > .summary-update,
  .package-milestones, .setup-detail, .timeline, .package-checks,
  .catalog-note, .catalog-ids, .legacy-section, .override-box, .compare) {
  border-color: var(--circle-border);
}
html[data-theme="dark"] :is(.file-upload-form, .entry-mode-choice) { border-color: #555564; }
html[data-theme="dark"] .entry-mode-choice label {
  background: #27272f;
  border-color: #555564;
}
html[data-theme="dark"] .entry-mode-choice label:has(input:checked) {
  background: #3c2b21;
  border-color: #a86a45;
}

/* Owner setup, import guidance, client decisions and the SBG handoff. */
html[data-theme="dark"] :is(.role-banner, .next-action, .import-notice,
  .approval-note, .client-decision, .notice, .handoff, .decision-record) {
  background: var(--circle-warm);
  border-color: var(--circle-warm-border);
  color: #e9c6ac;
}
html[data-theme="dark"] :is(.role-banner svg, .next-action strong,
  .import-notice strong, .approval-note strong, .notice strong, .handoff h2) { color: #ffc19a; }
html[data-theme="dark"] :is(.next-action p, .import-notice p, .approval-note p,
  .client-decision p, .handoff p) { color: #d5bfaf; }
html[data-theme="dark"] :is(.decision-record span, .handoff small) { color: #c8b0a0; }
html[data-theme="dark"] .import-steps { background: #26262e; border-color: var(--circle-border); }
html[data-theme="dark"] .import-steps span { color: #b1b1c0; }
html[data-theme="dark"] .import-steps .active { color: #ffb58c; }
html[data-theme="dark"] .import-error { color: #ffb0a0 !important; }
html[data-theme="dark"] .editor-nav > a { color: #c6c6d2; }
html[data-theme="dark"] .editor-nav > a:hover { background: #432d21; color: #ffc39f; }
html[data-theme="dark"] .remove { color: #f5b69b; }
html[data-theme="dark"] .remove:hover { color: #ffd3c3; }
html[data-theme="dark"] .error-list { background: #3d2726; color: #ffbcb0; border-color: #845149; }
html[data-theme="dark"] .error-list h2 { color: #ffccbf; }

/* Dialog surfaces must remain explicit, including the native dialog element. */
html[data-theme="dark"] :is(dialog, .modal) {
  background: #24242c;
  color: var(--circle-text);
  border-color: #52525f;
  box-shadow: 0 24px 100px #00000066;
}
html[data-theme="dark"] .drawer {
  background: #1c1c23;
  color: var(--circle-text);
  border-color: #4b4b59;
  box-shadow: -20px 0 80px #00000055;
}
html[data-theme="dark"] .drawer-header { background: #25252d; border-color: #41414d; }
html[data-theme="dark"] :is(.drawer, .modal)::backdrop { background: #08080ca8; }
html[data-theme="dark"] :is(#toast, #editor-toast) {
  background: #393943;
  color: #fff;
  border: 1px solid #696977;
  box-shadow: 0 8px 32px #00000055;
}
html[data-theme="dark"] #editor-toast.error { background: #793e2f; color: #fff; border-color: #c48169; }

/* Header controls can wrap without hiding any preference or workflow action. */
@media (max-width: 1280px) {
  .topbar { height: auto; min-height: 80px; padding-top: 12px; padding-bottom: 12px; flex-wrap: wrap; }
  .top-controls { margin-left: auto; flex-wrap: wrap; justify-content: flex-end; gap: 10px; max-width: 100%; }
  .editor-header { height: auto; min-height: 82px; padding-top: 12px; padding-bottom: 12px; flex-wrap: wrap; gap: 12px; }
  .editor-header .header-actions { flex-wrap: wrap; justify-content: flex-end; max-width: 100%; gap: 8px; }
}
@media (max-width: 820px) {
  .circle-preferences { gap: 6px; }
  .circle-preferences .pref-language > span { display: none; }
  .topbar { min-height: 72px; gap: 10px; }
  .topbar .breadcrumb { min-width: 0; flex-wrap: wrap; }
  .top-controls { flex-basis: 100%; justify-content: flex-start; margin-left: 0; }
  .top-controls .circle-preferences { margin-right: auto; }
  .top-controls .signed-user { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
  .top-controls .mode-switch { max-width: 100%; flex-wrap: wrap; }
  .setup-page > header { gap: 12px; }
  .setup-page > header .circle-preferences { margin-left: 0; }
  .editor-header .header-actions { flex-basis: 100%; margin-left: 0; justify-content: flex-start; }
  .editor-header .circle-preferences { margin-right: auto; }
  .editor-header .header-actions > .button { min-height: 36px; white-space: normal; text-align: center; }
  .section-heading, .handoff { scroll-margin-top: 160px; }
}
@media (max-width: 780px) {
  html[data-theme="dark"] .editor-nav > a { background: #27272f; border-color: #484855; }
  html[data-theme="dark"] .editor-nav > a:hover { background: #432d21; }
}
@media (max-width: 530px) {
  .topbar { padding-left: 14px; padding-right: 14px; }
  .top-controls { gap: 9px 7px; }
  .top-controls .circle-preferences { flex-basis: 100%; }
  .circle-preferences .pref-language select { min-height: 38px; }
  .circle-preferences .pref-theme button { min-height: 30px; padding-left: 10px; padding-right: 10px; }
  .editor-header { padding: 11px 14px; gap: 10px; }
  .editor-header .header-actions { gap: 9px 7px; }
  .editor-header .circle-preferences { flex-basis: 100%; }
  .editor-header .header-actions > .button { flex: 1 1 auto; }
  .section-heading, .handoff { scroll-margin-top: 200px; }
}
/* Independent account entry shares the same local language and theme settings. */
.circle-account-controls{display:flex;align-items:center;gap:6px}.circle-account-controls a{text-decoration:none}.auth-page>header{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.auth-page .setup-panel{max-width:520px;margin:64px auto 30px}.auth-page .brand{text-decoration:none}.auth-page #auth-form{display:grid;gap:16px;margin-top:26px}.auth-page #auth-submit{justify-self:start;min-height:44px}.auth-page input{width:100%;min-height:46px}.auth-error{color:#b42318;min-height:1.4em;margin:0}.auth-footer{text-align:center;font-size:12px;color:var(--muted,#666);padding:20px}[data-theme=dark] .auth-error{color:#ffafa5}@media(max-width:700px){.auth-page .setup-panel{margin:28px auto}.auth-page>header .header-label{display:none}.circle-account-controls .btn{padding:7px 10px}.auth-page>header{gap:12px}}

/* Private, version-scoped comment and decision images. */
.feedback-field {
  margin: 14px 0 10px;
  padding: 13px;
  border: 1px solid #dedee6;
  border-radius: 10px;
  background: #fafafc;
  min-width: 0;
}
.feedback-field > label { display: block; font-size: 12px; font-weight: 650; color: #30303a; }
.feedback-field .muted-help { margin: 5px 0 9px; line-height: 1.5; font-size: 11px; }
.feedback-field input[type="file"] { display: block; width: 100%; max-width: 100%; font-size: 12px; padding: 8px; border: 1px solid #d7d7e0; border-radius: 7px; background: #fff; color: #4c4c57; }
.feedback-field input[type="file"]::file-selector-button { margin-right: 9px; padding: 6px 9px; border: 1px solid #d4d4de; border-radius: 6px; background: #f2f2f6; color: #373741; font: inherit; cursor: pointer; }
.feedback-selection { list-style: none; margin: 7px 0 0; padding: 0; }
.feedback-selection li { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 5px 0; font-size: 11px; }
.feedback-selection li > span { min-width: 0; overflow-wrap: anywhere; }
.feedback-selection li small { flex-shrink: 0; color: #72727e; }
.feedback-selection-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.feedback-selection-footer .feedback-status { flex: 1 1 200px; margin-bottom: 0; }
.feedback-field [hidden] { display: none !important; }
.feedback-field .feedback-error { color: #ad2e27; font-weight: 600; }
.feedback-gallery { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(175px,100%),1fr)); gap: 12px; width: 100%; margin: 14px 0 5px; }
.feedback-card { margin: 0; min-width: 0; max-width: 100%; overflow: hidden; border: 1px solid #dedee6; border-radius: 10px; background: #fff; text-align: left; }
.feedback-preview { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 10; width: 100%; overflow: hidden; background: #f0f0f5; border-bottom: 1px solid #dedee6; }
.feedback-preview img { display: block; width: 100%; height: 100%; object-fit: contain; }
.feedback-card figcaption { padding: 10px; }
.feedback-card .feedback-name { display: block; overflow-wrap: anywhere; font-size: 12px; line-height: 1.45; color: #30303a; }
.feedback-card .feedback-file-type { display: block; margin: 4px 0 6px; font-size: 10px; color: #6e6e7a; }
.feedback-card .immutable-meta { display: block; font-size: 10px; line-height: 1.55; color: #747480; overflow-wrap: anywhere; }
.feedback-card-actions { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 9px; }
.feedback-card-actions a { font-size: 11px; font-weight: 600; color: #a13d20; text-decoration: underline; text-underline-offset: 2px; }
.feedback-decision-history { margin-top: 20px; }
.feedback-decision-history h4 { margin: 0 0 10px; font-size: 12px; color: #454550; }
.feedback-decision-history .decision-record + .decision-record { margin-top: 12px; }
.feedback-save-recovery { padding: 12px 14px; margin-bottom: 14px; border: 1px solid #d8a878; border-radius: 9px; background: #fff5e9; color: #6f4620; }
.feedback-save-recovery p { margin: 0 0 9px; font-size: 12px; line-height: 1.55; }
html[data-theme="dark"] :is(.feedback-field,.feedback-card) { background: #25252e; border-color: #4b4b59; color: var(--circle-text); }
html[data-theme="dark"] .feedback-preview { background: #1a1a22; border-color: #4b4b59; }
html[data-theme="dark"] :is(.feedback-field > label,.feedback-card .feedback-name,.feedback-decision-history h4) { color: #f0f0f3; }
html[data-theme="dark"] :is(.feedback-card .feedback-file-type,.feedback-card .immutable-meta,.feedback-selection li small) { color: #b9b9c7; }
html[data-theme="dark"] .feedback-card-actions a { color: #ffad87; }
html[data-theme="dark"] .feedback-field .feedback-error { color: #ffaca6; }
html[data-theme="dark"] .feedback-field input[type="file"] { background: #1d1d24; border-color: #727280; color: #d0d0da; }
html[data-theme="dark"] .feedback-field input[type="file"]::file-selector-button { background: #353540; border-color: #727280; color: #efeff5; }
html[data-theme="dark"] .feedback-save-recovery { background: #35271f; border-color: #74503b; color: #ffd2b9; }
@media (max-width: 530px) {
  .feedback-field { padding: 10px; }
  .feedback-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .feedback-card figcaption { padding: 8px; }
}
@media (max-width: 350px) { .feedback-gallery { grid-template-columns: minmax(0,1fr); } }
.feedback-lightbox { width: min(1100px,calc(100vw - 28px)); max-width: calc(100vw - 28px); max-height: calc(100dvh - 28px); padding: 0; border: 1px solid #d8d8e2; border-radius: 12px; background: #fff; color: #30303a; box-shadow: 0 20px 80px #17171d55; }
.feedback-lightbox::backdrop { background: #111118b8; }
.feedback-lightbox-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px; border-bottom: 1px solid #dedee6; }
.feedback-lightbox-header strong { min-width: 0; overflow-wrap: anywhere; font-size: 13px; }
.feedback-lightbox-header button { flex-shrink: 0; }
.feedback-lightbox > img { display: block; max-width: 100%; max-height: calc(100dvh - 180px); width: auto; height: auto; margin: auto; object-fit: contain; }
.feedback-lightbox-footer { padding: 12px 14px; border-top: 1px solid #dedee6; }
html[data-theme="dark"] .feedback-lightbox { background: #222229; border-color: #4b4b59; color: #f0f0f3; }
html[data-theme="dark"] :is(.feedback-lightbox-header,.feedback-lightbox-footer) { border-color: #4b4b59; }

/* Accessible package catalog, account roles, and independent brief receipt status. */
.package-badge{display:inline-flex;align-items:center;gap:.45rem;max-width:100%;border:1px solid var(--package-color);border-left:4px solid var(--package-color);background:var(--surface,#fff);color:var(--text,#172923);padding:.28rem .55rem;border-radius:6px;font-size:12px;font-weight:650;white-space:normal;overflow-wrap:anywhere}
.package-badge i{display:inline-block;flex:none;width:.55rem;height:.55rem;border-radius:50%;background:var(--package-color)}
.package-card{border-top:4px solid var(--package-color)}
.package-card .package-monogram{border:2px solid var(--package-color);color:inherit;background:transparent}
.package-card h2{overflow-wrap:anywhere}
.package-catalog-list{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px 20px}
.package-admin form,.membership-role-panel form{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:16px;align-items:end;padding:0 22px 22px}
.package-admin form .field,.membership-role-panel form .field{margin:0}
.package-admin form input[type=color]{min-width:80px;height:42px;padding:4px}
.membership-role-panel>.muted-help,.package-admin>.muted-help{padding:0 22px 18px;margin:0}
.membership-role-panel form{grid-template-columns:1fr 1fr;padding-top:22px}
.membership-role-panel form .field:has(textarea){grid-column:1/-1}
.membership-role-panel form textarea{min-height:75px}
.membership-role-panel td{vertical-align:top;white-space:normal}
.membership-role-panel td .package-badge{margin:2px}
.membership-role-panel{margin:20px 0}
.security-audit-controls{padding:0 22px 22px}
.security-audit-entry{margin:0 22px 14px;padding:14px;border:1px solid var(--line,#dbe2d5);border-radius:8px;overflow-wrap:anywhere}
.security-audit-entry span{display:block;font-size:12px;margin-top:6px;color:var(--muted,#66745e)}
.security-audit-entry p{font-size:13px;white-space:pre-wrap}
.package-filter-row{display:flex;gap:12px;align-items:center;padding:18px 22px 0;font-size:13px}
.package-filter-row select,.package-filter-control select{max-width:230px;padding:8px;border:1px solid var(--line,#dbe2d5);border-radius:6px;background:var(--surface,#fff);color:var(--text,#172923)}
.package-filter-control{display:flex;gap:8px;align-items:center;font-size:12px;margin-left:auto}
.table-tools{flex-wrap:wrap}
.brief-change-warning{border:1px solid #b45309;border-left:4px solid #b45309;background:#fffbeb;color:#78350f;padding:16px;border-radius:8px;margin:16px 0;font-size:14px}
.brief-change-warning p{margin:7px 0 0;line-height:1.5}
.brief-receipt-ledger{display:grid;grid-template-columns:1fr;gap:10px;padding:15px;background:var(--surface,#fff);border:1px solid var(--line,#dbe2d5);border-radius:8px;margin:14px 0}
.brief-receipt-ledger div{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;justify-content:space-between;font-size:12px}
.brief-receipt-ledger div>span{color:var(--muted,#66745e)}
.brief-receipt-ledger strong{text-align:right}
[data-theme=dark] .package-badge,[data-theme=dark] .package-filter-row select,[data-theme=dark] .package-filter-control select,[data-theme=dark] .brief-receipt-ledger{background:#14231e;color:#edf5e8;border-color:var(--package-color,#44574b)}
[data-theme=dark] .brief-change-warning{background:#332718;color:#ffe0a3;border-color:#d99b37}
[data-theme=dark] .brief-receipt-ledger div>span,[data-theme=dark] .security-audit-entry span{color:#bccab6}
@media(max-width:760px){.package-admin form,.membership-role-panel form{grid-template-columns:1fr}.package-filter-control{margin-left:0}.package-filter-row{align-items:flex-start;flex-direction:column}.package-filter-row select{max-width:100%;width:100%}.brief-receipt-ledger strong{text-align:left}}
/* Derive contrasting accents from each saved hex color in both appearances. */
.package-badge,.package-card{--package-accent:var(--package-light,#475569)}
.package-badge{border-color:var(--package-accent)}
.package-badge i{background:var(--package-accent)}
.package-card{border-top-color:var(--package-accent)}
.package-card .package-monogram{border-color:var(--package-accent)}
[data-theme=dark] .package-badge,[data-theme=dark] .package-card{--package-accent:var(--package-dark,#cbd5e1)}
[data-theme=dark] .package-badge{border-color:var(--package-accent)}
.brief-receipt-tag{margin:4px 0 4px 5px}

/* Circle report archive and notification settings. */
.circle-reports-link { text-decoration: none; white-space: nowrap; }
.reports-page { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f7f7fa; color: #393943; }
.reports-page * { box-sizing: border-box; }
.reports-header { min-height: 88px; padding: 20px 4.5%; display: flex; align-items: center; justify-content: space-between; gap: 25px; border-bottom: 1px solid #e7e7ed; background: #fff; }
.reports-header .brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-size: 25px; font-weight: 650; letter-spacing: -1.2px; color: #3c3c44; }
.reports-header .brand-logo { width: 37px; height: 37px; object-fit: contain; }
.reports-header .top-controls { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; align-items: center; }
.reports-header .signed-user { border-left: 1px solid #e5e5ee; padding-left: 15px; font-size: 12px; line-height: 1.5; color: #454552; }
.reports-header .signed-user small { display: block; color: #757581; font-size: 10px; }
.reports-main { width: min(1440px, 100%); padding: 38px 4.5% 22px; margin: auto; }
.report-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 25px; }
.report-page-heading h1 { margin: 6px 0 8px; color: #303039; font-size: clamp(29px, 3vw, 39px); letter-spacing: -1.3px; font-weight: 600; line-height: 1.2; }
.report-page-heading p { margin: 0; color: #72727f; font-size: 13px; line-height: 1.6; }
.reports-page .report-kicker { color: #9a583a; letter-spacing: 1.6px; font-size: 9px; line-height: 1.5; font-weight: 650; }
.report-tabs { display: flex; gap: 5px; flex-wrap: wrap; border-bottom: 1px solid #e0e0e8; margin-bottom: 27px; }
.report-tabs button { border: 0; border-bottom: 3px solid transparent; background: transparent; color: #7a7a88; font: inherit; font-size: 12px; padding: 12px 16px 14px; cursor: pointer; }
.report-tabs button[aria-current="page"] { color: #b74927; border-bottom-color: #ed6b3f; }
.report-tabs button:hover { color: #963a19; background: #fff4ee; }
.report-tabs button span { padding: 2px 6px; margin-left: 7px; border-radius: 5px; color: #916248; background: #f5e9df; font-size: 10px; }
.report-schedule-card { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 22px 25px; margin: 0 0 19px; background: #fff5ed; border: 1px solid #f0e0d3; border-radius: 14px; }
.report-schedule-card > div { display: flex; flex-direction: column; gap: 5px; }
.report-schedule-card strong { color: #784b34; font-weight: 550; font-size: 17px; line-height: 1.5; }
.report-schedule-card span:not(.report-kicker) { color: #8c7465; font-size: 11px; line-height: 1.6; }
.report-meta { display: flex; gap: 10px 24px; flex-wrap: wrap; margin: 18px 0 13px; color: #82828e; font-size: 11px; line-height: 1.6; }
.report-meta strong { font-weight: 550; color: #555562; }
.report-notice { padding: 12px 15px; margin: 12px 0 18px; border: 1px solid #e4e4ec; border-radius: 10px; background: #f0f0f6; color: #666675; font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
.report-notice.warning { background: #fff3e9; border-color: #edd7c5; color: #95603c; }
.report-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 21px 0 32px; }
.report-metric { display: flex; flex-direction: column; gap: 7px; padding: 21px; background: #fff; border: 1px solid #e6e6ed; border-radius: 13px; min-width: 0; }
.report-metric > span { font-size: 11px; color: #777784; line-height: 1.6; }
.report-metric > strong { color: #484852; font-size: 34px; line-height: 1.15; font-weight: 550; letter-spacing: -1px; }
.report-metric > small { font-size: 10px; color: #878794; line-height: 1.6; }
.report-metric.accent { background: #fff7f1; border-color: #efd8c8; }
.report-metric.accent strong { color: #be542d; }
.report-section { margin: 28px 0; }
.report-section-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.reports-page h2 { font-size: 18px; line-height: 1.4; color: #474751; font-weight: 550; margin: 0 0 5px; letter-spacing: -.4px; }
.reports-page h3 { font-size: 13px; line-height: 1.5; color: #565662; font-weight: 550; margin: 0 0 10px; }
.report-section-head h2, .report-section-head h3 { margin: 0; }
.report-section-head > span { color: #82828e; font-size: 10px; line-height: 1.6; }
.report-package-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.report-package { background: #fff; border: 1px solid #e4e4ed; border-radius: 15px; padding: 22px; min-width: 0; }
.report-package-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.report-package-title h3 { margin: 0; font-size: 20px; font-weight: 550; overflow-wrap: anywhere; }
.report-package-title > span { color: #838390; background: #f4f4f8; border: 1px solid #e9e9ef; border-radius: 6px; padding: 5px 8px; font-size: 10px; white-space: nowrap; }
.report-package-progress { display: flex; gap: 11px; align-items: baseline; }
.report-package-progress strong { font-size: 31px; font-weight: 500; letter-spacing: -.8px; color: #a85832; }
.report-package-progress span { font-size: 10px; color: #8d7b70; }
.report-package progress { display: block; width: 100%; height: 5px; border: 0; border-radius: 6px; margin: 12px 0 19px; overflow: hidden; accent-color: #e9784e; background: #f2eee9; }
.report-package progress::-webkit-progress-bar { background: #f2eee9; border-radius: 6px; }
.report-package progress::-webkit-progress-value { background: #e9784e; border-radius: 6px; }
.report-package progress::-moz-progress-bar { background: #e9784e; border-radius: 6px; }
.report-package-counts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; margin: 0; }
.report-package-counts > div { display: flex; justify-content: space-between; gap: 10px; font-size: 10px; line-height: 1.6; min-width: 0; }
.report-package-counts dt { color: #858592; }
.report-package-counts dd { margin: 0; font-weight: 550; color: #50505d; }
.report-owner-details { border-top: 1px solid #ececf1; margin-top: 15px; padding-top: 13px; }
.report-owner-details summary { font-size: 11px; color: #8e6347; cursor: pointer; }
.report-owner-list { list-style: none; padding: 0; margin: 12px 0 0; }
.report-owner-list li { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; color: #777784; font-size: 11px; overflow-wrap: anywhere; }
.report-owner-list strong { color: #51515e; font-weight: 550; }
.report-flow-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.report-flow-grid .report-metric { padding: 16px; }
.report-flow-grid .report-metric > span { min-height: 35px; }
.report-flow-grid .report-metric strong { font-size: 27px; }
.report-secondary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.report-owner-card { border: 1px solid #e4e4ed; padding: 18px; border-radius: 13px; background: #fff; min-width: 0; }
.report-large-number { display: block; color: #9a603d; font-size: 27px; font-weight: 500; margin: 12px 0 8px; }
.reports-page .report-muted { color: #7d7d8a; font-size: 11px; line-height: 1.7; margin: 10px 0; overflow-wrap: anywhere; }
.report-deadline-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.report-deadline-card { padding: 20px; border: 1px solid #e3e3ec; border-radius: 13px; background: #fff; min-width: 0; }
.report-pill { display: inline-block; padding: 4px 9px; background: #f0f0f5; color: #747481; border: 1px solid #e7e7ed; border-radius: 6px; font-size: 10px; white-space: nowrap; }
.report-pill.warning { background: #fff1e6; color: #a3542d; border-color: #eed9c8; }
.report-job-list { list-style: none; padding: 0; margin: 10px 0 0; }
.report-job-list li { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid #ededf2; }
.report-job-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.report-job-list a, .report-table a { font-size: 11px; line-height: 1.6; color: #9c512d; text-decoration: none; overflow-wrap: anywhere; }
.report-job-list a:hover, .report-table a:hover { text-decoration: underline; }
.report-job-list small { display: block; font-size: 10px; color: #888895; line-height: 1.6; margin-top: 3px; }
.report-job-list li > strong { flex-shrink: 0; font-size: 10px; color: #ad6548; font-weight: 500; line-height: 1.7; }
.report-jobs-detail { margin: 24px 0; background: #fff; border: 1px solid #e5e5ed; border-radius: 13px; overflow: hidden; }
.report-jobs-detail > summary { padding: 18px 20px; color: #676774; font-size: 12px; cursor: pointer; }
.report-jobs-detail summary > span { margin-left: 8px; font-size: 10px; color: #8c8c99; }
.report-table-scroll { max-width: 100%; overflow: auto; }
.report-table { width: 100%; border-collapse: collapse; font-size: 11px; text-align: left; }
.report-table th { padding: 11px 14px; color: #83838f; font-size: 10px; font-weight: 500; background: #f8f8fb; border-bottom: 1px solid #e9e9ef; white-space: nowrap; }
.report-table td { padding: 13px 14px; color: #696977; border-bottom: 1px solid #ececf1; min-width: 100px; vertical-align: top; line-height: 1.6; }
.report-table td:first-child { min-width: 180px; }
.report-table small { display: block; font-size: 10px; margin-top: 5px; }
.report-table tr:last-child td { border-bottom: 0; }
.reports-page .report-attention { color: #b65a3c; }
.report-archive-layout { display: grid; grid-template-columns: 225px minmax(0, 1fr); gap: 24px; align-items: start; }
.report-archive-list { display: grid; gap: 8px; }
.report-archive-item { display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: 6px; padding: 15px; border: 1px solid #e5e5ed; border-radius: 11px; background: #fff; color: #72727e; cursor: pointer; font: inherit; width: 100%; }
.report-archive-item strong { font-size: 11px; line-height: 1.6; font-weight: 550; }
.report-archive-item span, .report-archive-item small { font-size: 10px; line-height: 1.6; }
.report-archive-item.active { background: #fff3e9; border-color: #e8bf9f; color: #9b5a36; }
.report-archive-item:hover { border-color: #d79566; }
.report-archive-content { min-width: 0; }
.report-archive-content .report-flow-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.report-archive-content .report-metric { padding: 16px; }
.report-empty { padding: 35px 25px; border: 1px dashed #dcdce5; border-radius: 14px; text-align: center; color: #8a8a98; background: #f9f9fc; font-size: 12px; line-height: 1.8; }
.report-empty p { margin: 8px 0; font-size: 11px; }
.report-empty strong { color: #71717e; font-weight: 550; }
.report-empty-symbol { display: block; font-size: 42px; color: #c1a58d; margin-bottom: 10px; }
.report-loading-text { padding: 22px; color: #828290; font-size: 12px; }
.report-settings-card { padding: 25px; margin-bottom: 22px; background: #fff; border: 1px solid #e1e1eb; border-radius: 16px; }
.report-settings-card .report-schedule-card { margin-top: 18px; padding: 17px; }
.report-settings-card .report-schedule-card strong { font-size: 15px; }
.report-settings-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.report-settings-facts > div { min-width: 0; }
.report-settings-facts dt { color: #92929e; font-size: 10px; line-height: 1.6; }
.report-settings-facts dd { margin: 7px 0 0; color: #60606f; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.report-divider { border: 0; border-top: 1px solid #e9e9f0; margin: 25px 0; }
.report-inline-form { display: flex; align-items: end; gap: 14px; margin: 14px 0; }
.report-inline-form .field { margin: 0; width: 245px; max-width: 100%; }
.reports-page .field label { font-size: 11px; color: #71717f; display: block; margin-bottom: 7px; }
.reports-page .field input { width: 100%; padding: 10px 12px; border: 1px solid #d9d9e5; background: #fff; border-radius: 8px; font: inherit; color: #585867; font-size: 12px; min-height: 39px; }
.reports-page .btn { font-size: 11px; padding: 10px 14px; min-height: 37px; font-weight: 500; text-decoration: none; white-space: normal; }
.reports-page :is(button, input):disabled { opacity: .55; cursor: not-allowed; }
.reports-page :is(button, a, summary, input):focus-visible { outline: 3px solid #ea8b63; outline-offset: 3px; }
.reports-footer { margin-top: 38px; padding-top: 16px; border-top: 1px solid #e2e2eb; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; color: #9595a2; font-size: 10px; line-height: 1.7; }
.reports-loading { max-width: 620px; text-align: center; margin: 14vh auto; padding: 24px; }
.reports-loading img { width: 48px; }
.reports-loading h1 { color: #585865; font-size: 27px; letter-spacing: -.8px; font-weight: 550; }
.reports-loading p { font-size: 13px; color: #858594; line-height: 1.8; }
#reports-toast { position: fixed; z-index: 200; left: 50%; bottom: 24px; transform: translate(-50%, 16px); padding: 13px 20px; border-radius: 10px; box-shadow: 0 8px 30px #25253020; color: #fff; background: #54545f; opacity: 0; pointer-events: none; transition: opacity .15s, transform .15s; font-size: 12px; line-height: 1.7; width: max-content; max-width: calc(100% - 30px); }
#reports-toast.visible { opacity: 1; transform: translate(-50%, 0); }
.report-setting-checks { display: grid; gap: 12px; margin: 18px 0; }
.report-setting-checks label { display: flex; gap: 10px; align-items: flex-start; color: #60606e; font-size: 12px; line-height: 1.6; }
.report-setting-checks input { accent-color: #d95f35; margin-top: 3px; }
.report-setting-checks small { display: block; color: #898996; font-size: 10px; margin-top: 3px; }
.report-contact-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0; list-style: none; margin: 15px 0; }
.report-contact-list li { padding: 12px 14px; border: 1px solid #e7e7ef; border-radius: 9px; background: #fafafd; min-width: 0; }
.report-contact-list strong { display: block; font-weight: 550; font-size: 12px; color: #666674; overflow-wrap: anywhere; }
.report-contact-list span, .report-contact-list small { display: block; margin-top: 4px; font-size: 11px; line-height: 1.7; color: #8c8c99; overflow-wrap: anywhere; }
.report-outbox-counts { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.report-mail-preview { padding: 14px; border: 1px solid #dedee9; border-radius: 10px; background: #fafafd; margin: 12px 0; }
.report-mail-preview summary { cursor: pointer; color: #6c6c7a; font-size: 12px; line-height: 1.6; }
.report-mail-preview pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 11px; line-height: 1.8; color: #777785; margin: 12px 0 0; }
html[data-theme="dark"] .reports-header { background: #202027; border-color: #3a3a46; }
html[data-theme="dark"] .reports-header .signed-user { color: #e3e3ec; border-color: #4c4c5b; }
html[data-theme="dark"] .reports-header .signed-user small { color: #b3b3c2; }
html[data-theme="dark"] .reports-page .report-kicker { color: #e6b18a; }
html[data-theme="dark"] .reports-page :is(h1,h2,h3) { color: #ebebf3; }
html[data-theme="dark"] .report-page-heading p { color: #b3b3c2; }
html[data-theme="dark"] .report-tabs { border-color: #484856; }
html[data-theme="dark"] .report-tabs button { color: #bcbccb; }
html[data-theme="dark"] .report-tabs button[aria-current="page"] { color: #ffb18a; border-bottom-color: #f29b70; }
html[data-theme="dark"] .report-tabs button:hover { background: #372c26; color: #ffc9ab; }
html[data-theme="dark"] .report-tabs button span { color: #eec3a5; background: #49362a; }
html[data-theme="dark"] .report-schedule-card { background: #302821; border-color: #664c37; }
html[data-theme="dark"] .report-schedule-card strong { color: #eec5a5; }
html[data-theme="dark"] .report-schedule-card span:not(.report-kicker) { color: #c7ab94; }
html[data-theme="dark"] .report-meta { color: #aeb0bf; }
html[data-theme="dark"] .report-meta strong { color: #d8d8e5; }
html[data-theme="dark"] .report-notice { background: #2b2b35; border-color: #454552; color: #c1c1d0; }
html[data-theme="dark"] .report-notice.warning { background: #35291f; border-color: #72523b; color: #e8ba94; }
html[data-theme="dark"] :is(.report-metric,.report-package,.report-owner-card,.report-deadline-card,.report-jobs-detail,.report-archive-item,.report-settings-card) { background: #222229; border-color: #41414d; }
html[data-theme="dark"] .report-metric > span { color: #c1c1cf; }
html[data-theme="dark"] .report-metric > strong { color: #eeeeF6; }
html[data-theme="dark"] .report-metric > small { color: #b0b0c0; }
html[data-theme="dark"] .report-metric.accent { background: #33271e; border-color: #6d4830; }
html[data-theme="dark"] .report-metric.accent strong { color: #ffb389; }
html[data-theme="dark"] .report-section-head > span { color: #b6b6c5; }
html[data-theme="dark"] .report-package-title > span { color: #c2c2d0; background: #30303b; border-color: #464653; }
html[data-theme="dark"] .report-package-progress strong { color: #efb68c; }
html[data-theme="dark"] .report-package-progress span { color: #c5ae9c; }
html[data-theme="dark"] .report-package progress, html[data-theme="dark"] .report-package progress::-webkit-progress-bar { background: #4a3b31; }
html[data-theme="dark"] .report-package-counts dt { color: #b6b6c5; }
html[data-theme="dark"] .report-package-counts dd { color: #e6e6f1; }
html[data-theme="dark"] .report-owner-details { border-color: #434350; }
html[data-theme="dark"] .report-owner-details summary { color: #e4b58e; }
html[data-theme="dark"] .report-owner-list li { color: #bfbfcd; }
html[data-theme="dark"] .report-owner-list strong { color: #e0e0eb; }
html[data-theme="dark"] .report-large-number { color: #efba91; }
html[data-theme="dark"] .reports-page .report-muted { color: #b5b5c5; }
html[data-theme="dark"] .report-pill { background: #31313a; color: #bcbccb; border-color: #4a4a58; }
html[data-theme="dark"] .report-pill.warning { background: #422f22; color: #ecc19f; border-color: #72543c; }
html[data-theme="dark"] .report-job-list li { border-color: #40404d; }
html[data-theme="dark"] :is(.report-job-list a,.report-table a) { color: #f3b68c; }
html[data-theme="dark"] .report-job-list small { color: #b5b5c5; }
html[data-theme="dark"] .report-job-list li > strong { color: #ffc4aa; }
html[data-theme="dark"] .report-jobs-detail > summary { color: #d0d0df; }
html[data-theme="dark"] .report-jobs-detail summary > span { color: #b5b5c5; }
html[data-theme="dark"] .report-table th { color: #c5c5d4; background: #2b2b34; border-color: #454552; }
html[data-theme="dark"] .report-table td { color: #c9c9d9; border-color: #41414d; }
html[data-theme="dark"] .reports-page .report-attention { color: #ffb493; }
html[data-theme="dark"] .report-archive-item { color: #c2c2d1; }
html[data-theme="dark"] .report-archive-item.active { background: #3c2c20; border-color: #9b704e; color: #f6c7a3; }
html[data-theme="dark"] .report-empty { color: #b5b5c5; background: #222229; border-color: #51515e; }
html[data-theme="dark"] .report-empty strong { color: #d1d1e0; }
html[data-theme="dark"] .report-settings-facts dt { color: #b5b5c4; }
html[data-theme="dark"] .report-settings-facts dd { color: #d7d7e6; }
html[data-theme="dark"] .report-divider, html[data-theme="dark"] .reports-footer { border-color: #41414e; }
html[data-theme="dark"] .reports-page .field label { color: #c3c3d2; }
html[data-theme="dark"] .reports-page .field input { background: #1d1d24; color: #e2e2ee; border-color: #626273; }
html[data-theme="dark"] .reports-footer { color: #b3b3c3; }
html[data-theme="dark"] .report-setting-checks label { color: #dbdbe8; }
html[data-theme="dark"] .report-setting-checks small { color: #b8b8c7; }
html[data-theme="dark"] :is(.report-contact-list li,.report-mail-preview) { background: #2a2a33; border-color: #4d4d5c; }
html[data-theme="dark"] :is(.report-contact-list strong,.report-mail-preview summary) { color: #d2d2e2; }
html[data-theme="dark"] :is(.report-contact-list span,.report-contact-list small,.report-mail-preview pre) { color: #bcbccc; }
@media (min-width: 1400px) { .report-package-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .report-package-counts { grid-template-columns: 1fr; } .report-archive-content .report-package-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1050px) { .report-flow-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .report-archive-layout { grid-template-columns: 195px minmax(0, 1fr); gap: 18px; } .report-archive-content :is(.report-metrics,.report-secondary-grid,.report-deadline-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .report-archive-content .report-package-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .reports-header { align-items: flex-start; padding: 18px 5%; gap: 16px; } .reports-header .top-controls { gap: 9px; } .reports-header .signed-user { display: none; } .reports-main { padding: 27px 5% 20px; } .report-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .report-secondary-grid { grid-template-columns: 1fr; } .report-package-counts { grid-template-columns: 1fr; } .report-archive-layout { grid-template-columns: 1fr; } .report-archive-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .report-settings-facts { grid-template-columns: 1fr; gap: 13px; } .report-settings-card { padding: 20px; } .report-tabs button { font-size: 11px; padding: 10px 9px 12px; } }
@media (max-width: 530px) { .reports-header { flex-direction: column; gap: 14px; } .reports-header .top-controls { justify-content: flex-start; } .reports-main { padding: 24px 4% 18px; } .report-page-heading { align-items: flex-start; gap: 12px; } .report-page-heading > .btn { flex-shrink: 0; } .report-page-heading p { font-size: 11px; } .report-schedule-card { grid-template-columns: 1fr; gap: 18px; padding: 18px; } .report-schedule-card strong { font-size: 15px; } .report-metric { padding: 16px; } .report-metric > strong { font-size: 29px; } .report-metric > span { font-size: 10px; } .report-package-grid,.report-deadline-grid,.report-contact-list { grid-template-columns: 1fr; } .report-package { padding: 19px; } .report-package-counts { grid-template-columns: 1fr 1fr; } .report-flow-grid,.report-archive-content .report-flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .report-archive-content :is(.report-secondary-grid,.report-deadline-grid) { grid-template-columns: 1fr; } .report-inline-form { align-items: stretch; flex-direction: column; } .report-inline-form .field { width: 100%; } .report-settings-card { padding: 17px; } .report-job-list li { gap: 10px; } .report-tabs { gap: 0; } }