/* =================================================================
   Deposit Slip - appearance layer (loaded after golden.css).
   Screen only (the <link> has media="screen") and skipped by the slip
   image/PDF export (data-export-skip), so nothing in here can change
   a printed or exported slip. The slip itself always stays light.
   1 type scale   2 interaction states   3 theme switcher   4 dark mode
   ================================================================= */

/* ---------- 1. Type scale (macOS-style roles) ---------- */
:root{
  --fs-large-title:1.75rem;  /* 28px */
  --fs-title:1.375rem;       /* 22px */
  --fs-headline:1.0625rem;   /* 17px */
  --fs-body:.875rem;         /* 14px */
  --fs-caption:.75rem;       /* 12px */
  --focus-ring:#007aff;
}
.page-title{font-size:var(--fs-title);font-weight:700;letter-spacing:-.015em;}
.panel-head h2{font-size:var(--fs-headline);font-weight:600;letter-spacing:-.01em;}

/* ---------- 2. Interaction states ---------- */
.btn{transition:transform .12s ease,background-color .15s ease,box-shadow .15s ease,opacity .15s ease;}
.btn:active:not(:disabled):not([aria-disabled="true"]){transform:scale(.98);}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;}
a:focus-visible,button:focus-visible,summary:focus-visible,[role="switch"]:focus-visible,
input[type="checkbox"]:focus-visible,.skip-link:focus{
  outline:3px solid var(--focus-ring);outline-offset:2px;
}
.menu-toggle{min-width:40px;min-height:40px;line-height:0;}

/* ---------- 3. Theme switcher (sidebar footer) ---------- */
.theme-switch{display:flex;gap:2px;padding:2px;margin:0 0 8px;border-radius:9px;background:var(--fill);}
.theme-switch button{
  flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:30px;
  border:0;border-radius:7px;background:transparent;color:var(--ink-soft);cursor:pointer;
}
.theme-switch button:hover{color:var(--ink);}
.theme-switch button[aria-pressed="true"]{background:var(--paper-card);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.18);}

/* ---------- 4. Dark mode ---------- */
html[data-theme="dark"]{
  color-scheme:dark;
  --paper:#1c1c1e; --paper-card:#2c2c2e; --surface:#1c1c1e;
  --ink:#f5f5f7; --ink-soft:#aeaeb2;
  --line:rgba(235,235,245,.16); --sep:rgba(84,84,88,.6); --sep-strong:rgba(84,84,88,.65); --card-line:rgba(84,84,88,.55);
  --fill:rgba(120,120,128,.24); --fill-strong:rgba(120,120,128,.36);
  --navy-950:#f5f5f7; --navy-900:#64a8ff; --navy-800:#8bbcff; --navy-700:#64a8ff; --navy-100:rgba(10,132,255,.18);
  --gold:#64a8ff; --gold-deep:#8bbcff; --gold-tint:rgba(10,132,255,.18);
  --brand-pink:#64a8ff; --brand-plum:#8bbcff;
  --sys-blue:#64a8ff; --sys-blue-press:#8bbcff; --sys-blue-tint:rgba(10,132,255,.22);
  --sys-green:#30d158; --sys-red:#ff453a; --sys-orange:#ff9f0a;
  --success:#4cd964; --success-tint:rgba(48,209,88,.16);
  --danger:#ff6961; --danger-tint:rgba(255,69,58,.18);
  --warn:#ffb340; --warn-tint:rgba(255,159,10,.18);
  --focus-ring:#64a8ff;
  --shadow-card:0 0 0 .5px rgba(255,255,255,.06),0 1px 3px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6);
  --card-shadow:0 0 0 .5px rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.4),0 10px 28px -16px rgba(0,0,0,.6);
}
html[data-theme="dark"],html[data-theme="dark"] body{background:var(--surface)!important;color:var(--ink);}

/* chrome */
html[data-theme="dark"] .sidebar{background:rgba(28,28,30,.82)!important;}
html[data-theme="dark"] .topbar{background:rgba(28,28,30,.8)!important;}
html[data-theme="dark"] .sidebar-nav a:hover{background:rgba(255,255,255,.08);}
html[data-theme="dark"] .sidebar-nav a.active{background:#0a6cd9!important;color:#fff!important;}
html[data-theme="dark"] .user-avatar.has-photo{background:#3a3a3c!important;}

/* filled blue controls: lighter blue is used for text, a deeper blue for fills so white text keeps 4.5:1 */
html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .auth-submit{background:#0a6cd9!important;color:#fff!important;}
html[data-theme="dark"] .btn-primary:hover{background:#1a7be6!important;}
html[data-theme="dark"] .btn-primary:active{background:#0b63c9!important;}
html[data-theme="dark"] .ss-option:hover,html[data-theme="dark"] .ss-option.ss-active{background:#0a6cd9;color:#fff;}
html[data-theme="dark"] .stat-card .stat-ico,html[data-theme="dark"] .stat-card:hover .stat-ico{background:#0a6cd9;color:#fff;}

/* surfaces */
html[data-theme="dark"] .panel,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .chart-card,
html[data-theme="dark"] .option-row{background:var(--paper-card);}
html[data-theme="dark"] .manage-row,html[data-theme="dark"] .secret-box,html[data-theme="dark"] .recovery-grid{background:rgba(120,120,128,.16);}
html[data-theme="dark"] .stat-card.accent-gold{background:rgba(10,132,255,.18);border-color:rgba(10,132,255,.4);}
html[data-theme="dark"] .data-table tbody tr:hover{background:rgba(255,255,255,.04);}
html[data-theme="dark"] .row-cancelled td{color:#a1a6b0;}
html[data-theme="dark"] .report-bar{background:rgba(120,120,128,.36);}
html[data-theme="dark"] .report-share-col{color:var(--ink-soft);}
html[data-theme="dark"] .pagination a:hover{background:rgba(255,255,255,.08);}
html[data-theme="dark"] .pagination a.active{background:rgba(255,255,255,.14);}

/* form fields */
html[data-theme="dark"] .field input[type="text"],html[data-theme="dark"] .field input[type="date"],
html[data-theme="dark"] .field input[type="number"],html[data-theme="dark"] .field input[type="password"],
html[data-theme="dark"] .field input[type="email"],html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .field select,html[data-theme="dark"] select,html[data-theme="dark"] .ss-trigger{
  background-color:#1c1c1e;color:var(--ink);
}
html[data-theme="dark"] .field input[readonly]{background:rgba(120,120,128,.18);}
html[data-theme="dark"] .ss-panel{background:rgba(44,44,46,.97);}

/* buttons */
html[data-theme="dark"] .btn-secondary{background:rgba(120,120,128,.24);border-color:rgba(10,132,255,.45);color:var(--sys-blue);}
html[data-theme="dark"] .btn-secondary:hover{background:rgba(120,120,128,.34);}
html[data-theme="dark"] .btn-secondary:active{background:rgba(120,120,128,.44);}
html[data-theme="dark"] .btn-ghost:hover{background:rgba(255,255,255,.08);}
html[data-theme="dark"] .btn-danger{color:#ff6961;border-color:rgba(255,69,58,.5);}
html[data-theme="dark"] .btn-danger:hover{background:rgba(255,69,58,.22);}

/* messages */
html[data-theme="dark"] .alert-success{background:#1f3a28;color:#6ee787;border-color:rgba(48,209,88,.4);}
html[data-theme="dark"] .alert-error{background:#47201f;color:#ff8a85;border-color:rgba(255,69,58,.45);}
html[data-theme="dark"] .alert-warning,html[data-theme="dark"] .notice-box{background:#443418;color:#ffc266;border-color:rgba(255,159,10,.45);}
html[data-theme="dark"] .badge-confirmed{color:#4cd964;}
html[data-theme="dark"] .badge-draft{color:#ffb340;}
html[data-theme="dark"] .badge-cancelled{color:#ff6961;}

/* signed-out screens */
html[data-theme="dark"] .auth-body,html[data-theme="dark"]:has(.auth-body){background:var(--surface)!important;}
html[data-theme="dark"] .auth-form-side{background:var(--surface);}
html[data-theme="dark"] .auth-panel{background:rgba(44,44,46,.82);}
html[data-theme="dark"] .auth-title{color:var(--ink);}
html[data-theme="dark"] .auth-foot{color:var(--ink-soft);}
html[data-theme="dark"] .auth-photo-side{background:#2c2c2e;}

/* The deposit slip is a white A5 document in every mode: give it the light palette back and restore its status badges. */
html[data-theme="dark"] .invoice-sheet{
  color-scheme:light;background:#fff;color:#1d1d1f;
  --paper:#f5f5f7; --paper-card:#fff; --surface:#f5f5f7; --ink:#1d1d1f; --ink-soft:#6e6e73;
  --line:rgba(60,60,67,.16); --sep:rgba(60,60,67,.14); --sep-strong:rgba(60,60,67,.29); --card-line:rgba(60,60,67,.12);
  --fill:rgba(120,120,128,.12); --fill-strong:rgba(120,120,128,.20);
  --navy-950:#1d1d1f; --navy-900:#007aff; --navy-800:#0062cc; --navy-700:#007aff; --navy-100:#eef4ff;
  --gold:#007aff; --gold-deep:#0062cc; --gold-tint:#eaf3ff; --brand-pink:#007aff; --brand-plum:#0062cc;
  --sys-blue:#007aff; --sys-blue-press:#0062cc; --sys-blue-tint:rgba(0,122,255,.12);
  --sys-green:#34c759; --sys-red:#ff3b30; --sys-orange:#ff9500;
  --success:#248a3d; --success-tint:#e8f8ed; --danger:#d70015; --danger-tint:#ffebed; --warn:#a05a00; --warn-tint:#fff4e0;
  --shadow-card:0 0 0 .5px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.05),0 8px 24px -12px rgba(0,0,0,.12);
}
html[data-theme="dark"] .invoice-sheet .badge-confirmed{color:#248a3d;}
html[data-theme="dark"] .invoice-sheet .badge-draft{color:#a05a00;}
html[data-theme="dark"] .invoice-sheet .badge-cancelled{color:#d70015;}

/* ---------- 5. Dark mode: overrides for the hard-coded light rules in golden.css (which use !important) ---------- */
/* Text: everything inherits the light ink; headings, labels, table cells, links */
html[data-theme="dark"] body,html[data-theme="dark"] .panel,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .chart-card,
html[data-theme="dark"] .data-table td,html[data-theme="dark"] .data-table th,html[data-theme="dark"] .page-title,
html[data-theme="dark"] .panel-head h2,html[data-theme="dark"] .chart-card h2,html[data-theme="dark"] .form-section h3,
html[data-theme="dark"] .stat-value,html[data-theme="dark"] .brand-name,html[data-theme="dark"] .user-name,
html[data-theme="dark"] .sidebar-nav a,html[data-theme="dark"] .logout-link{color:var(--ink);}
html[data-theme="dark"] .muted,html[data-theme="dark"] .stat-label,html[data-theme="dark"] .brand-sub,html[data-theme="dark"] .user-role,
html[data-theme="dark"] .data-table th,html[data-theme="dark"] .field span,html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .small.muted{color:var(--ink-soft);}
html[data-theme="dark"] .sidebar-nav a.active{color:#fff;}
html[data-theme="dark"] .field span em{color:var(--sys-red);}
html[data-theme="dark"] ::selection{background:rgba(100,168,255,.4);}
html[data-theme="dark"] .field input::placeholder,html[data-theme="dark"] .filter-bar input::placeholder{color:rgba(235,235,245,.38);}

/* Cards, panels, charts */
html[data-theme="dark"] .panel,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .chart-card{
  background:var(--paper-card)!important;box-shadow:var(--card-shadow)!important;
}
html[data-theme="dark"] .stat-card.accent-gold{background:rgba(10,132,255,.18)!important;}
html[data-theme="dark"] .stat-card.accent-gold .stat-value{color:#8bbcff;}
html[data-theme="dark"] .stat-card.accent-navy{background:linear-gradient(160deg,#3a3a3c,#2c2c2e)!important;}

/* Tables */
html[data-theme="dark"] .data-table th,html[data-theme="dark"] .data-table thead th{background:transparent;border-bottom-color:var(--sep-strong);}
html[data-theme="dark"] .data-table td{border-bottom-color:var(--sep);}
html[data-theme="dark"] .data-table tbody tr:hover{background:rgba(255,255,255,.06);}
html[data-theme="dark"] .data-table tbody tr:nth-child(even){background:rgba(255,255,255,.02);}
html[data-theme="dark"] .row-cancelled td{color:#a1a6b0;}
html[data-theme="dark"] .report-bar{background:rgba(120,120,128,.4);}
html[data-theme="dark"] .report-bar>span{background:#64a8ff;}

/* Fields and dropdowns (white backgrounds, borders and the select arrow) */
html[data-theme="dark"] .field input[type="text"],html[data-theme="dark"] .field input[type="date"],
html[data-theme="dark"] .field input[type="number"],html[data-theme="dark"] .field input[type="password"],
html[data-theme="dark"] .field input[type="file"],html[data-theme="dark"] .field select,
html[data-theme="dark"] .filter-bar input,html[data-theme="dark"] .filter-bar select,
html[data-theme="dark"] .inline-add-form input,html[data-theme="dark"] .option-row-address input,
html[data-theme="dark"] .reset-pw-form input,html[data-theme="dark"] .manage-grid input,
html[data-theme="dark"] .manage-grid select,html[data-theme="dark"] .ss-trigger,html[data-theme="dark"] .field .ss-search,
html[data-theme="dark"] input[type="date"],html[data-theme="dark"] input[type="text"],html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] textarea{
  background-color:#1c1c1e;color:var(--ink);
  box-shadow:0 0 0 .5px rgba(235,235,245,.28),inset 0 1px 1px rgba(0,0,0,.3);
}
html[data-theme="dark"] select,html[data-theme="dark"] .field select,html[data-theme="dark"] .filter-bar select,
html[data-theme="dark"] .manage-grid select,html[data-theme="dark"] .ss-trigger{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14'%3E%3Cpath d='M2 5.2L5 2l3 3.2M2 8.8L5 12l3-3.2' fill='none' stroke='%23aeaeb2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] .ss-trigger:focus,html[data-theme="dark"] .ss-open .ss-trigger,html[data-theme="dark"] .field .ss-search:focus{
  box-shadow:0 0 0 .5px #64a8ff,0 0 0 4px rgba(100,168,255,.32)!important;
}
html[data-theme="dark"] .field input[readonly]{background:rgba(120,120,128,.18);color:var(--ink-soft);}
html[data-theme="dark"] select option{background:#2c2c2e;color:var(--ink);}
html[data-theme="dark"] .ss-panel{background:rgba(44,44,46,.97);box-shadow:0 0 0 .5px rgba(255,255,255,.14),0 12px 36px -8px rgba(0,0,0,.7);}
html[data-theme="dark"] .ss-option,html[data-theme="dark"] .ss-empty{color:var(--ink);}
html[data-theme="dark"] .ss-empty{color:var(--ink-soft);}
html[data-theme="dark"] .option-row{background:var(--paper-card);box-shadow:0 0 0 .5px var(--sep-strong);}
html[data-theme="dark"] .manage-row{background:rgba(120,120,128,.16);}
html[data-theme="dark"] .secret-box,html[data-theme="dark"] .recovery-grid{background:rgba(120,120,128,.16);color:var(--ink);}

/* Buttons that golden.css forces to white */
html[data-theme="dark"] .btn-secondary{background:rgba(120,120,128,.28)!important;color:var(--ink)!important;box-shadow:0 0 0 .5px rgba(235,235,245,.2);}
html[data-theme="dark"] .btn-secondary:hover{background:rgba(120,120,128,.4)!important;}
html[data-theme="dark"] .btn-secondary:active{background:rgba(120,120,128,.5)!important;}
html[data-theme="dark"] .btn-secondary .icon,html[data-theme="dark"] .btn-ghost .icon,html[data-theme="dark"] .icon{color:#64a8ff;}
html[data-theme="dark"] .btn-primary .icon,html[data-theme="dark"] .sidebar-nav a.active .icon,html[data-theme="dark"] .stat-card .stat-ico .icon{color:#fff;}
html[data-theme="dark"] .btn-ghost{color:#64a8ff!important;}
html[data-theme="dark"] .btn-ghost:hover{background:rgba(100,168,255,.16)!important;}
html[data-theme="dark"] .btn-danger{background:rgba(255,69,58,.18)!important;color:#ff6961!important;}
html[data-theme="dark"] .btn-danger:hover{background:rgba(255,69,58,.3)!important;}
html[data-theme="dark"] .btn-toggle,html[data-theme="dark"] .btn-toggle.is-active,html[data-theme="dark"] .btn-toggle.is-inactive{color:var(--ink)!important;}
html[data-theme="dark"] .btn-toggle.is-inactive::before{background:rgba(120,120,128,.5);}

/* Pagination, alerts, badges */
html[data-theme="dark"] .pagination a{color:var(--ink);}
html[data-theme="dark"] .pagination a:hover{background:rgba(255,255,255,.1);}
html[data-theme="dark"] .pagination a.active{background:rgba(255,255,255,.18);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4);}
html[data-theme="dark"] .alert-success{background:#1f3a28;color:#6ee787;}
html[data-theme="dark"] .alert-error{background:#47201f;color:#ff8a85;}
html[data-theme="dark"] .alert-warning,html[data-theme="dark"] .notice-box{background:#443418;color:#ffc266;}
html[data-theme="dark"] .badge-confirmed{background:rgba(48,209,88,.18);color:#4cd964;}
html[data-theme="dark"] .badge-draft{background:rgba(255,159,10,.18);color:#ffb340;}
html[data-theme="dark"] .badge-cancelled{background:rgba(255,69,58,.2);color:#ff6961;}

/* Links inside panels */
html[data-theme="dark"] .muted a,html[data-theme="dark"] .panel a:not(.btn):not(.row-link){color:#64a8ff;}

/* Slip viewer / preview overlays are already dark; keep their bars readable */
html[data-theme="dark"] .preview-overlay-bar{background:rgba(44,44,46,.95);}
html[data-theme="dark"] .panel .pagination a:not(.btn):not(.row-link){color:var(--ink);}
html[data-theme="dark"] .panel .pagination a.active:not(.btn):not(.row-link){color:#fff;}

/* ---------- 6. Dark mode: sign-in / setup screens, profile, borders, scrollbars, remaining details ---------- */
/* Sign-in and setup */
html[data-theme="dark"] .auth-body,html[data-theme="dark"]:has(.auth-body){background:#1c1c1e!important;}
html[data-theme="dark"] .auth-form-side{
  background:
    radial-gradient(60% 45% at 0% 0%,rgba(10,132,255,.16),transparent 70%),
    radial-gradient(50% 40% at 100% 100%,rgba(255,69,58,.08),transparent 70%),
    linear-gradient(180deg,#1c1c1e 0%,#151517 100%)!important;
}
html[data-theme="dark"] .auth-form-side::before{background-image:radial-gradient(rgba(100,168,255,.18) 1px,transparent 1.4px);}
html[data-theme="dark"] .auth-panel{background:rgba(44,44,46,.86)!important;border:1px solid rgba(235,235,245,.12);box-shadow:0 1px 2px rgba(0,0,0,.4),0 24px 60px -24px rgba(0,0,0,.8);}
html[data-theme="dark"] .auth-title,html[data-theme="dark"] .auth-brand-text{color:var(--ink);}
html[data-theme="dark"] .auth-sub,html[data-theme="dark"] .auth-foot{color:var(--ink-soft);}
html[data-theme="dark"] .auth-panel .field span,html[data-theme="dark"] .auth-remember{color:var(--ink);}
html[data-theme="dark"] .auth-panel .field input::placeholder{color:rgba(235,235,245,.38);}
html[data-theme="dark"] .auth-submit{background:linear-gradient(180deg,#2b86f0,#0a5fc2)!important;color:#fff!important;box-shadow:0 10px 22px -10px rgba(0,0,0,.8)!important;}
html[data-theme="dark"] .auth-submit:hover{background:linear-gradient(180deg,#4398f5,#1a74dd)!important;}
/* the full logo has dark lettering on a transparent background: give it a light plate */
html[data-theme="dark"] .auth-logo-full{background:#fff!important;padding:10px 14px!important;border-radius:14px!important;box-sizing:border-box;}
html[data-theme="dark"] .auth-panel .muted,html[data-theme="dark"] .auth-panel p{color:var(--ink-soft);}
html[data-theme="dark"] .auth-panel code,html[data-theme="dark"] code{background:rgba(120,120,128,.24);color:var(--ink);padding:1px 5px;border-radius:4px;}
html[data-theme="dark"] pre{color:var(--ink);}

/* Sidebar logo, avatar and profile photo */
html[data-theme="dark"] .profile-photo-preview{box-shadow:0 0 0 4px #3a3a3c,0 8px 24px -8px rgba(0,0,0,.6);}
html[data-theme="dark"] .brand-logo{box-shadow:0 1px 3px rgba(0,0,0,.5);}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar{border-color:var(--sep-strong)!important;}
html[data-theme="dark"] .sidebar-foot{border-top-color:var(--sep)!important;}
html[data-theme="dark"] .logout-link:hover{background:rgba(255,255,255,.08)!important;border-color:transparent;}
html[data-theme="dark"] .menu-toggle{color:#64a8ff;}
html[data-theme="dark"] .menu-toggle:hover{background:rgba(255,255,255,.08);}
html[data-theme="dark"] .skip-link:focus{background:#0a6cd9;color:#fff;}
@media (max-width:860px){
  html[data-theme="dark"] .sidebar{background:rgba(28,28,30,.96)!important;}
}

/* Borders that were light-only */
html[data-theme="dark"] .alert-success{border-color:rgba(48,209,88,.4);}
html[data-theme="dark"] .alert-error{border-color:rgba(255,69,58,.45);}
html[data-theme="dark"] .alert-warning,html[data-theme="dark"] .notice-box{border-color:rgba(255,159,10,.45);}
html[data-theme="dark"] .btn-danger{border-color:rgba(255,69,58,.5);}
html[data-theme="dark"] .stat-card.accent-gold{border-color:rgba(10,132,255,.4);}
html[data-theme="dark"] .stat-card.accent-navy .stat-label{color:rgba(255,255,255,.62);}
html[data-theme="dark"] .btn-toggle.is-active:hover,html[data-theme="dark"] .btn-toggle.is-inactive:hover{background:transparent!important;}
html[data-theme="dark"] .form-section,html[data-theme="dark"] .panel-head{border-color:var(--sep);}
html[data-theme="dark"] hr{border-color:var(--sep);}
html[data-theme="dark"] .cancel-box,html[data-theme="dark"] .history-panel{background:var(--paper-card);}

/* Search/dropdown extras and report chrome */
html[data-theme="dark"] .ss-option:hover,html[data-theme="dark"] .ss-option.ss-active{background:#0a6cd9;color:#fff;}
html[data-theme="dark"] .report-period,html[data-theme="dark"] .report-filters .field-inline{color:var(--ink-soft);}
html[data-theme="dark"] .report-block h3,html[data-theme="dark"] .report-block h2{color:var(--ink);}

/* Native widgets: scrollbars, date picker icon, autofill */
html[data-theme="dark"]{scrollbar-color:#58585c #1c1c1e;}
html[data-theme="dark"] ::-webkit-scrollbar{background:#1c1c1e;}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#58585c;border-radius:8px;border:2px solid #1c1c1e;}
html[data-theme="dark"] input:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px #1c1c1e inset;caret-color:var(--ink);}
html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(.85);}
html[data-theme="dark"] .field input[type="file"]::file-selector-button{background:rgba(120,120,128,.32);color:var(--ink);border:0;border-radius:6px;padding:4px 10px;margin-right:10px;}