/* Палитра TAKTON: front/app/globals.css и front/styles/globals.css. */
.language-toolbar { display: flex; justify-content: flex-end; padding: 12px 24px; }
.language-switcher { display: inline-flex; flex-shrink: 0; gap: 3px; padding: 3px; border: 1px solid var(--border); border-radius: 999px; background: var(--card); }
.language-switcher a { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 32px; padding: 5px 9px; border-radius: 999px; color: var(--ink); font-size: 12px; font-weight: 600; text-decoration: none; }
.language-switcher a[aria-current="true"] { background: #c8001e; color: #fff; }
.language-switcher a:hover { box-shadow: inset 0 0 0 1px #c8001e; }
.language-toolbar + .auth-wrap { min-height: calc(100vh - 66px); }
input[data-local-date] { font-variant-numeric: tabular-nums; }
@media (max-width: 480px) { .language-toolbar { padding: 10px 16px; } .workspace .topbar-inner { flex-wrap: wrap; height: auto; min-height: 64px; padding-top: 8px; padding-bottom: 8px; } .workspace .language-switcher a { min-width: 34px; } }
@font-face { font-family: "Inter"; src: url("/assets/fonts/Inter-Regular.woff") format("woff"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/assets/fonts/Inter-Medium.woff") format("woff"); font-style: normal; font-weight: 500 700; font-display: swap; }
@font-face { font-family: "Inter Login"; src: url("/assets/fonts/Inter-SemiBold.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }
:root {
  --bg: #f5f5f5; --card: #fff; --ink: #0f1c2e; --muted: #888888;
  --border: #e0e0e0; --brand: #0d2b4a; --brand-ink: #fff;
  --danger: #c15a42; --danger-bg: #fff1eb; --ok: #30745b; --ok-bg: #edf6ef;
  --surface-soft: #f5f5f5; --accent: #c8001e; --sidebar-width: 232px;
  --action: #c8001e; --action-hover: #a60019; --action-ink: #fff;
  --radius-card: 22px; --shadow-float: 0 12px 36px #0f1c2e12;
}
body { font-family: "Inter", "Segoe UI", Arial, sans-serif; font-size: 14px; letter-spacing: -.12px; }
.ui-icon { width: 19px; height: 19px; flex-shrink: 0; vertical-align: middle; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
a { text-underline-offset: 3px; }
button, input, select, textarea { font: inherit; }
input[type="text"], input[type="email"], input[type="password"], input[type="date"], select, textarea { background-color: var(--card); color: var(--ink); border-radius: 8px; border-color: var(--border); }
input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #0d4e8a; outline-offset: 3px; }
.sidebar { position: fixed; z-index: 40; inset: 0 auto 0 0; width: var(--sidebar-width); padding: 32px 16px 22px; background: var(--card); border-right: 1px solid var(--border); display: flex; flex-direction: column; }
.workspace-brand { display: block; padding: 0 10px; color: var(--ink); text-decoration: none; }
.takton-identity { display: inline-flex; flex-direction: column; gap: 7px; max-width: 100%; }
.service-name { color: var(--ink); font-family: "Inter", Arial, sans-serif; font-size: 22px; font-weight: 500; line-height: 1.2; letter-spacing: -.9px; }
.brand-caption { display: block; color: var(--muted); font-size: 10px; font-weight: 400; line-height: 1.4; letter-spacing: .2px; }
.workspace .mainnav { display: flex; flex: 0; flex-direction: column; gap: 7px; margin-top: 36px; overflow: visible; }
.workspace .mainnav a { display: flex; align-items: center; gap: 13px; padding: 12px 14px; color: #555555; font-size: 13px; border-radius: 999px; }
.workspace .mainnav a.active { background: var(--accent); color: #0d2b4a; font-weight: 600; }
.workspace .mainnav a:hover { background: var(--surface-soft); color: var(--brand); }
.workspace .mainnav a.active:hover { background: #a60019; }
.workspace .nav-badge { margin-left: auto; background: #e6edf5; color: #0d2b4a; font-size: 10px; }
.sidebar-bottom { margin-top: auto; padding: 24px 12px 0; font-size: 12px; font-weight: 600; }
.connection-dot { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: #0d2b4a; }
.sidebar-footnote { display: block; margin: 7px 0 28px; font-weight: 400; font-size: 10px; color: var(--muted); }
.studio-signature { display: block; border-top: 1px solid var(--border); padding-top: 19px; font-size: 12px; letter-spacing: 2px; }
.studio-signature > span { display: block; font-size: 9px; font-weight: 400; letter-spacing: .1px; color: var(--muted); margin-top: 5px; }
.workspace .topbar { margin-left: var(--sidebar-width); background: var(--card); color: var(--ink); border-bottom: 1px solid var(--border); }
.workspace .topbar-inner { max-width: 1560px; height: 76px; padding: 0 36px; gap: 22px; }
.breadcrumbs { flex: 1; color: var(--muted); font-size: 12px; }
.breadcrumbs span { margin: 0 14px; color: #cbd2dc; }
.breadcrumbs strong { color: var(--ink); font-weight: 500; }
@media (min-width: 901px) { .workspace .breadcrumbs > strong { display: none; } }
.demo-pill { display: inline-flex; align-items: center; gap: 6px; color: #0d4e8a; background: #eaf0f7; border: 1px solid #cfdeee; border-radius: 999px; padding: 4px 9px; font-size: 10px; white-space: nowrap; }
.demo-pill > span { width: 5px; height: 5px; border-radius: 50%; background: #0d2b4a; }
.workspace .bell summary { color: var(--muted); padding: 8px; }
.workspace .bell-icon { display: flex; }
.workspace .bell-dot { background: var(--danger); }
.workspace .usermenu summary { color: var(--ink); padding: 6px 0 6px 17px; border-left: 1px solid var(--border); border-radius: 0; }
.workspace .usermenu .uavatar { width: 34px; height: 34px; background: #eaf0f7; color: #0d2b4a; font-size: 12px; }
.workspace .usermenu summary .uname { font-size: 12px; font-weight: 500; max-width: 155px; overflow: hidden; text-overflow: ellipsis; }
.workspace .usermenu-drop, .workspace .bell-drop { background: var(--card); box-shadow: var(--shadow-float); border-radius: var(--radius-card); }
.workspace .usermenu-drop a:hover, .workspace .bell-drop a:hover { background: var(--surface-soft); }
.workspace .container { width: auto; max-width: 1560px; margin-left: var(--sidebar-width); padding: 24px 36px 48px; }
.demo-notice { display: flex; align-items: center; gap: 9px; margin-bottom: 27px; color: var(--muted); font-size: 11px; }
.demo-notice .ui-icon { width: 15px; height: 15px; color: #888888; }
.page-heading { display: flex; justify-content: space-between; align-items: center; gap: 22px; margin: 7px 0 26px; }
.eyebrow { font-size: 9px; letter-spacing: 1.7px; color: var(--muted); font-weight: 600; margin-bottom: 10px; }
.workspace h1.page-title { margin: 0 0 10px; font-family: "Inter", Arial, sans-serif; font-size: clamp(22px, 2vw, 29px); font-weight: 500; line-height: 1.35; letter-spacing: -.65px; }
.workspace main > h1.page-title { margin: 5px 0 26px; }
.heading-dot { color: var(--accent); }
.page-subtitle { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.page-heading > a { flex-shrink: 0; white-space: nowrap; }
.card { background: var(--card); border-radius: var(--radius-card); padding: 22px; border-color: var(--border); box-shadow: 0 2px 3px #0f1c2e02; }
.card h2 { font-size: 20px; font-weight: 600; letter-spacing: -.3px; line-height: 1.35; color: #0d2b4a; }
.card h3 { font-size: 17px; font-weight: 600; line-height: 1.4; color: #0d2b4a; }
.card > h2 { display: flex; align-items: flex-start; gap: 10px; }
.card > h2::before { content: ''; display: block; flex: 0 0 4px; height: 1.1em; margin-top: .12em; border-radius: 3px; background: #c8001e; }
:root[data-theme="dark"] .card h2, :root[data-theme="dark"] .card h3 { color: #c8001e; }
.lead-panel > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 32px; list-style: none; cursor: pointer; border-radius: 6px; }
.lead-panel > summary::-webkit-details-marker { display: none; }
.lead-panel > summary::marker { content: ''; }
.lead-panel > summary > h2 { display: flex; align-items: flex-start; gap: 10px; min-width: 0; margin: 0; }
.lead-panel > summary > h2::before { content: ''; display: block; flex: 0 0 4px; height: 1.1em; margin-top: .12em; border-radius: 3px; background: #c8001e; }
.lead-panel-chevron { flex: 0 0 22px; width: 22px; height: 22px; color: var(--brand, #0d2b4a); transition: transform .18s ease; }
.lead-panel[open] > summary .lead-panel-chevron { transform: rotate(90deg); }
.lead-panel-body { padding-top: 18px; }
:root[data-theme="dark"] .lead-panel-chevron { color: #c8001e; }
@media (prefers-reduced-motion: reduce) { .lead-panel-chevron { transition: none; } }
.btn-sm, button.btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; background: var(--action); color: var(--action-ink); border: 1px solid var(--action); border-radius: 999px; font-weight: 500; font-size: 12px; padding: 9px 16px; }
.btn-sm:not(.btn-ghost):not(.btn-danger), button.btn { background: var(--action); color: var(--action-ink); border-color: var(--action); }
.btn-ghost { background: var(--card); color: var(--ink); border-color: var(--border); }
.btn-success { background: var(--action); border-color: var(--action); }
.btn-danger { background: var(--danger); border-color: var(--danger); color: white; }
.btn-sm:not(.btn-ghost):not(.btn-danger):hover, button.btn:hover { background: var(--action-hover); border-color: var(--action-hover); filter: none; }
.btn-sm:hover { filter: brightness(.96); }
.page-heading .btn-sm .ui-icon { width: 15px; height: 15px; }
.workspace .filters { gap: 12px; align-items: end; }
.workspace .filters .fld { flex: 1 1 120px; min-width: 0; }
.workspace .filters .fld:first-child { flex: 2 1 220px !important; }
.workspace .filters .fld:has(.btn-sm) { flex: 0 0 auto; }
.workspace .filters input, .workspace .filters select { width: 100%; min-width: 0; font-size: 12px; height: 38px; }
.workspace .filters label { font-size: 10px; color: var(--muted); font-weight: 500; margin: 0 0 8px; }
.metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 24px 0 30px; }
.metric-card { padding: 19px 20px 17px; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-card); }
.metric-label { display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 11px; gap: 7px; }
.metric-label .ui-icon { color: #748397; width: 17px; height: 17px; }
.metric-card > strong { display: block; font-size: 36px; font-weight: 500; line-height: 1; letter-spacing: -1.5px; margin: 19px 0 12px; font-variant-numeric: tabular-nums; }
.metric-caption { font-size: 10px; color: var(--muted); }
.metric-attention { background: var(--accent); border-color: transparent; color: #0d2b4a; }
.metric-attention .metric-label, .metric-attention .metric-caption, .metric-attention .metric-label .ui-icon { color: #ffffff; }
.list-toolbar { gap: 13px; margin: 0 0 14px; padding: 0 2px; flex-wrap: wrap; }
.list-caption { font-size: 15px; font-weight: 600; margin-right: auto; }
.list-caption > span { display: inline-block; background: #eaf0f7; color: #0d2b4a; font-size: 10px; padding: 2px 7px; border-radius: 5px; margin-left: 7px; }
.list-toolbar .switch { padding: 5px 10px; border-radius: 7px; font-size: 11px; }
.list-toolbar-hint { font-size: 10px; }
#list-results > .card { padding: 0; overflow: hidden; }
.workspace .table-wrap { border-radius: 20px; }
.workspace table.grid { font-size: 12px; border: 0; }
.workspace table.grid th { background: var(--surface-soft); color: var(--muted); padding: 14px 16px; font-size: 10px; font-weight: 500; border-color: var(--border); white-space: nowrap; }
.workspace table.grid td { padding: 18px 16px; border-color: var(--border); vertical-align: middle; }
.workspace table.grid tbody tr:last-child td { border-bottom: 0; }
.workspace table.grid tbody tr:hover td { background-color: #f0f4f8; }
.workspace table.grid .lead-num { font-weight: 600; color: var(--brand); font-size: 13px; }
.workspace table.grid tr.closed td { background: #f5f5f5; }
.workspace table.grid tr.done td:first-child { border-left-color: #72a486; }
.workspace table.grid tr.overdue td:first-child { border-left-color: #d49370; }
.source-pill { display: inline-block; margin: 0 0 7px; border-radius: 4px; padding: 1px 6px; background: #eaf0f7; color: #0d4e8a; font-size: 9px; font-weight: 500; letter-spacing: .1px; }
.source-soco { background: #eef1f5; color: #58677a; }
.lead-contact { min-width: 215px; max-width: 330px; }
.lead-contact strong { display: block; font-size: 12px; font-weight: 600; }
.contact-person { display: block; color: var(--muted); margin-top: 3px; font-size: 11px; }
.lead-excerpt { display: block; margin-top: 6px; color: var(--muted); font-size: 10px; line-height: 1.6; }
.badge { font-size: 10px; font-weight: 500; padding: 4px 8px; border-radius: 5px; white-space: nowrap; }
.badge-new { background: #eef1f5; color: #58677a; }
.badge-in_progress { background: #fff0e5; color: #9b460c; }
.badge-done { background: #e7f2e7; color: #5d8a64; }
.badge-declined { background: #f9ebe6; color: #b37860; }
.badge-spam { background: #eef1f5; color: #748397; }
.flash { border-radius: 9px; font-size: 12px; }
.flash-warn { background: #fff5ed; color: #9b460c; border-color: #ffddc4; }
.flash-error { background: #fff1eb; color: #aa644b; border-color: #eed5c7; }
.pager { border-top: 1px solid var(--border); margin: 0; padding: 17px 22px; font-size: 11px; }
.msg { border-radius: 9px; border-color: var(--border); }
.msg.report { background: #eaf0f7; border-left-color: #0d4e8a; }
.chip-active { background: #eaf0f7; color: var(--brand); border-color: #cfdeee; }
.site-card-heading { display: flex; align-items: center; gap: 13px; margin-bottom: 16px; }
.site-card-heading .ui-icon { width: 24px; height: 24px; color: var(--brand); }
.site-card-heading h2 { margin: 0 0 4px; }
.site-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.api-key { max-width: 100%; display: block; overflow-wrap: anywhere; background: var(--surface-soft); padding: 12px; border-radius: 8px; font-size: 11px; margin: 10px 0; }
.site-status { margin-left: auto; font-size: 10px; color: var(--ok); }
.auth-card { max-width: 420px; border-radius: 20px; padding: 36px; box-shadow: 0 18px 65px #0f1c2e08; }
.auth-brand { margin-bottom: 35px; }
.auth-card h1 { color: var(--ink); font-family: "Inter", Arial, sans-serif; font-weight: 500; font-size: 24px; letter-spacing: -.7px; }
.auth-card .auth-title { text-align: center; margin-bottom: 24px; }
.login-heading { display: flex; flex-direction: column; gap: 30px; margin-bottom: 28px; text-align: center; }
.login-topline { display: flex; flex-direction: column; align-items: center; gap: 7px; }
.login-wordmark { color: var(--ink); font-size: 20px; font-weight: 500; line-height: 1.2; letter-spacing: -1px; }
.login-caption { color: var(--muted); font-size: 14px; line-height: 1.4; text-align: center; }
.login-heading .auth-title { margin: 0; font-family: "Inter Login", "Inter", Arial, sans-serif; font-size: 28px; font-weight: 600; line-height: 1.25; }
.auth-brand .service-name { font-size: 26px; }
body:not(.workspace) .topbar { background: var(--card); color: var(--ink); border-bottom: 1px solid var(--border); }
.manager-brand .takton-identity { vertical-align: middle; gap: 3px; }
.manager-brand .service-name { font-size: 20px; }
.manager-brand .brand-caption { font-size: 9px; }
.auth-demo { margin-top: 22px; font-size: 11px; color: var(--muted); line-height: 1.7; border-top: 1px solid var(--border); padding-top: 17px; }
:root[data-theme="dark"] { --bg: #0a1628; --card: #0f1c2e; --ink: #f5f5f5; --muted: #a7b4c5; --border: #2b4058; --brand: #c8001e; --brand-ink: #0a1628; --surface-soft: #162a42; --danger: #e3a38b; --danger-bg: #392a23; --ok-bg: #16352f; }
:root[data-theme="dark"] .workspace .mainnav a.active { background: #c8001e; color: #0d2b4a; }
:root[data-theme="dark"] .workspace .mainnav a { color: var(--muted); }
:root[data-theme="dark"] .metric-attention { background: #c8001e; border-color: transparent; color: #0d2b4a; }
:root[data-theme="dark"] .demo-pill { background: #19334f; border-color: #345779; color: #c6def6; }
:root[data-theme="dark"] .workspace table.grid tbody tr:hover td, :root[data-theme="dark"] .workspace table.grid tr.closed td { background: var(--surface-soft); }
:root[data-theme="dark"] .source-pill, :root[data-theme="dark"] .badge-done { background: #16352f; color: #b4d4c6; }
:root[data-theme="dark"] .badge-new, :root[data-theme="dark"] .source-soco { background: #20344b; color: #c6d4e5; }
:root[data-theme="dark"] .badge-in_progress { background: #493f28; color: #dcc98c; }
:root[data-theme="dark"] .badge-declined { background: #4d352b; color: #e2b8a1; }
:root[data-theme="dark"] .btn-sm { color: var(--action-ink); }
:root[data-theme="dark"] .btn-sm.btn-ghost { color: var(--ink); background: var(--card); border-color: var(--border); }
:root[data-theme="dark"] .btn-sm.btn-danger { color: white; }
:root[data-theme="dark"] .source-pill { background: #19334f; color: #d8e9fa; }
:root[data-theme="dark"] body input[type="text"], :root[data-theme="dark"] body input[type="email"], :root[data-theme="dark"] body input[type="password"], :root[data-theme="dark"] body input[type="date"], :root[data-theme="dark"] body select, :root[data-theme="dark"] body textarea { background-color: var(--surface-soft); color: var(--ink); border-color: var(--border); color-scheme: dark; }
:root[data-theme="dark"] .workspace table.grid th { background: var(--surface-soft); }
:root[data-theme="dark"] .flash-error { background: var(--danger-bg); color: var(--danger); border-color: #624337; }
:root[data-theme="dark"] .flash-warn { background: #3a251a; color: #ffc49a; border-color: #674026; }
@media (min-width: 1800px) { .workspace .container { margin-right: auto; margin-left: calc(var(--sidebar-width) + (100vw - var(--sidebar-width) - 1560px) / 2); } }
@media (max-width: 1180px) { :root { --sidebar-width: 196px; } .sidebar { padding-left: 10px; padding-right: 10px; } .workspace .topbar-inner, .workspace .container { padding-left: 22px; padding-right: 22px; } .page-heading { align-items: flex-start; } .page-heading > a { font-size: 0; padding: 10px; } .page-heading > a .ui-icon { width: 18px; height: 18px; } .metric-grid { gap: 10px; } .metric-card { padding: 16px; } }
@media (max-width: 850px) { :root { --sidebar-width: 0px; } .sidebar { position: relative; width: 100%; padding: 18px 20px 0; border-right: 0; border-bottom: 1px solid var(--border); } .workspace-brand { font-size: 23px; } .sidebar-label, .sidebar-bottom { display: none; } .workspace .mainnav { flex-direction: row; overflow-x: auto; margin: 17px -20px 0; padding: 0 14px 12px; gap: 5px; } .workspace .mainnav a { flex: 0 0 auto; padding: 9px 12px; gap: 7px; font-size: 12px; } .workspace .mainnav .ui-icon { width: 16px; height: 16px; } .workspace .topbar-inner { height: 60px; } .workspace .container { padding-top: 20px; } .workspace .usermenu summary .uname { display: none; } .metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .metric-card > strong { font-size: 32px; margin: 14px 0 10px; } .demo-notice { margin-bottom: 20px; } }
@media (max-width: 760px) { .workspace .table-wrap { overflow: visible; } .workspace table.grid td { padding: 7px 14px; } .workspace table.grid tr { padding: 14px 0; margin: 0; border-radius: 0; border-width: 0 0 1px 3px; border-color: var(--border); } .workspace table.grid td.lead-contact { max-width: none; min-width: 0; } .workspace table.grid tr.done { border-left-color: #72a486; } .workspace table.grid tr.overdue { border-left-color: #d49370; } .site-grid { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .workspace .topbar-inner { padding: 0 16px; gap: 12px; } .breadcrumbs { font-size: 10px; } .breadcrumbs span { margin: 0 7px; } .breadcrumbs > strong { display: block; margin-top: 2px; } .workspace .container { padding: 19px 16px 35px; } .page-heading { gap: 10px; } .workspace h1.page-title { font-size: 25px; } .page-subtitle { font-size: 11px; } .demo-notice { align-items: flex-start; font-size: 10px; } .metric-card { padding: 14px; } .metric-caption { font-size: 9px; } .metric-label { font-size: 10px; } .list-toolbar-hint { display: none; } .card { padding: 17px; } .auth-card { padding: 28px; } }

.ui-ready [data-lead-row] { cursor: pointer; }
.ui-ready [data-lead-row]:hover { box-shadow: inset 0 0 0 9999px rgba(128,128,128,.05); }

:root .flash.flash-toast { position: fixed; right: max(24px,env(safe-area-inset-right)); bottom: max(24px,env(safe-area-inset-bottom)); z-index: 1100; display: flex; align-items: center; gap: 16px; width: max-content; max-width: min(420px,calc(100vw - 32px)); margin: 0; padding: 14px 12px 14px 20px; border: 1px solid #0d2b4a; color: #0d2b4a; border-radius: 16px; box-shadow: 0 8px 32px rgba(0,0,0,.12); }
.flash-toast > span { min-width: 0; overflow-wrap: anywhere; }
.flash-toast .toast-close { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; font-size: 24px; line-height: 1; cursor: pointer; }
.flash-toast .toast-close:hover { background: rgba(128,128,128,.12); }
.flash-toast .toast-close:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
@media (max-width: 480px) { .flash.flash-toast { right: max(16px,env(safe-area-inset-right)); bottom: max(16px,env(safe-area-inset-bottom)); } }

.workspace .bars .bar { background: linear-gradient(180deg, #0d4e8a, #0d2b4a); }

/* Контраст текста на фирменных акцентах TAKTON. */
.workspace .mainnav a.active,
:root[data-theme="dark"] .workspace .mainnav a.active { color: #fff; }
.workspace .mainnav a.active .nav-badge { background: #fff; color: #c8001e; }
.metric-attention,
:root[data-theme="dark"] .metric-attention { color: #fff; }
.metric-attention .metric-label,
.metric-attention .metric-caption,
.metric-attention .metric-label .ui-icon { color: #fff; }
:root[data-theme="dark"] { --brand: #8ebde8; --brand-ink: #0a1628; }
:root[data-theme="dark"] .card h2,
:root[data-theme="dark"] .card h3,
:root[data-theme="dark"] .lead-panel-chevron { color: #8ebde8; }
:root[data-theme="dark"] .connection-dot { background: #8ebde8; }
:root[data-theme="dark"] .workspace .usermenu .uavatar { background: #19334f; color: #c6def6; }
:root[data-theme="dark"] .list-caption > span { background: #19334f; color: #c6def6; }
:root[data-theme="dark"] .flash.flash-toast { color: #c6def6; border-color: #345779; }