/* Restore a predictable vertical order for the collections heading and rows. */
.company-library { display: block; }
.company-library > .directory-section-heading { border-bottom: 1px solid var(--line); }
.company-library > .collection-row { width: 100%; }
.manage-panel { top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(420px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); }

.theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 68px; min-height: 40px; padding: 8px 10px; border: 1px solid #41605f; border-radius: 10px; color: #d6f6ed; background: #173238; font-size: 12px; font-weight: 600; white-space: nowrap; }
.theme-toggle:hover { background: #245048; }
.theme-toggle svg { width: 16px; height: 16px; flex: none; }
.theme-toggle:focus-visible { outline: 2px solid #2dd4bf; outline-offset: 2px; }

html[data-theme="light"] { color-scheme: light; --canvas: #f3f8f6; --surface: #fff; --line: #c6d9d2; --accent: #08796e; }
html[data-theme="light"] body,
html[data-theme="light"] .workspace-shell,
html[data-theme="light"] .workspace-main { background: #f3f8f6 !important; color: #17343d; }
html[data-theme="light"] .workspace-main :is(h1, h2, h3).text-white,
html[data-theme="light"] .workspace-main .text-slate-100,
html[data-theme="light"] .workspace-main .text-slate-200,
html[data-theme="light"] .workspace-main .text-slate-300 { color: #17343d; }
html[data-theme="light"] .workspace-main .text-slate-400,
html[data-theme="light"] .workspace-main .text-slate-500,
html[data-theme="light"] .workspace-main .text-slate-600 { color: #496270; }
html[data-theme="light"] .workspace-main .company-table-scroll,
html[data-theme="light"] .workspace-main .company-table td,
html[data-theme="light"] .workspace-main .contact-directory { background: #fff; border-color: #c6d9d2; }
html[data-theme="light"] .workspace-main .company-table tr:hover td { background: #eef7f3; }
html[data-theme="light"] .workspace-main .company-table th { background: #e6f2ed; color: #244b50; }
html[data-theme="light"] .workspace-main :is(input, select, textarea) { background-color: #fff; color: #17343d; border-color: #a9c7bd; }
html[data-theme="light"] .workspace-main :is(input, select, textarea)::placeholder { color: #526d76; }
html[data-theme="light"] .workspace-main :is(.company-library, .company-filters, .contact-toolbar, .campaign-card, .ui-panel) { border-color: #bfd8ce; }
html[data-theme="light"] .workspace-main .company-stat { background: #fff; border-color: #bfd8ce; box-shadow: 0 3px 12px #174c3920; }
html[data-theme="light"] .workspace-main .company-stat[aria-pressed="true"] { background: #e1f4ec; border-color: #5ba78e; }
html[data-theme="light"] .workspace-main .company-stat > div:nth-child(2) { color: #17343d; }
html[data-theme="light"] .workspace-main .page-eyebrow { color: #0b7167; }
html[data-theme="light"] .workspace-main .directory-section-heading > span { color: #496673; }
html[data-theme="light"] .workspace-main [aria-label="Campaign email status filter"] button[aria-pressed="true"] { color: #fff; background: #0b7167; border-color: #0b7167; }
html[data-theme="light"] .workspace-main [aria-label="Campaign email status filter"] button[aria-pressed="false"] { color: #264b55; border-color: #bfd8ce; }
html[data-theme="light"] .workspace-main .directory-actions .text-rose-300 { color: #a52145; border-color: #d49aaa; background: #fff2f5; }
html[data-theme="light"] .workspace-main .manage-panel { color: #17343d; background: #fff; border-color: #a9cbbd; }
html[data-theme="light"] .workspace-main .manage-panel h2 { color: #17343d; }
html[data-theme="light"] .workspace-main .manage-panel .text-indigo-300 { color: #0b7167; }
html[data-theme="light"] .workspace-topbar .account-button > div:first-child { color: #0b5c55 !important; background: #cceee1; border-color: #86c7b3; }
html[data-theme="light"] .workspace-topbar .account-button .text-white,
html[data-theme="light"] .workspace-topbar .topbar-breadcrumb strong { color: #17343d; }
html[data-theme="light"] .workspace-topbar .account-button .text-slate-500 { color: #4c6670; }
html[data-theme="light"] .collection-row + .collection-row { border-top-color: #c6d9d2; }
html[data-theme="light"] .collection-label { color: #46636c; }
html[data-theme="light"] .theme-toggle { color: #14554e; border-color: #9ac9b9; background: #e1f2ea; }
html[data-theme="light"] .theme-toggle:hover { background: #cce9dd; }
html[data-theme="light"] .auth-page .text-white:not(button) { color: #17343d; }
html[data-theme="light"] .auth-page .text-slate-400,
html[data-theme="light"] .auth-page .text-slate-500 { color: #405e68; }
html[data-theme="light"] .auth-page :is(input, select, textarea) { color: #17343d; }
html[data-theme="light"] .auth-page form a,
html[data-theme="light"] .auth-page > div > p a { color: #235c63; }
html[data-theme="light"] .auth-page form a:hover,
html[data-theme="light"] .auth-page > div > p a:hover { color: #08796e; }
@media (max-width: 640px) { .theme-toggle { min-width: 40px; padding: 8px; } .theme-toggle span { display: none; } }