:root { --batch-bg:#fff; --batch-surface:#fff; --batch-ink:#1c1b1d; --batch-muted:#625b62; --batch-line:#ded8dc; --batch-tint:#f8f1f4; --batch-accent:#570016; --batch-buy:#086b45; --batch-sell:#a51e35; color-scheme:light; }
html[data-theme="dark"] { --batch-bg:#171519; --batch-surface:#242027; --batch-ink:#f8f4f6; --batch-muted:#d0c4cc; --batch-line:#60515c; --batch-tint:#33232c; --batch-accent:#f1abc3; --batch-buy:#63d5a3; --batch-sell:#ffafba; color-scheme:dark; }
.batch1-test-banner { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:12px 24px; background:var(--batch-tint); color:var(--batch-ink); border-bottom:1px solid var(--batch-line); font:650 12px/1.6 system-ui,sans-serif; }
.batch1-test-banner a { color:var(--batch-accent); padding:8px 0; }
.batch1-appearance { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.batch1-appearance select { min-height:44px; padding:8px; background:var(--batch-surface); color:var(--batch-ink); border:1px solid var(--batch-line); border-radius:6px; font:inherit; }
.batch1-card { background:var(--batch-surface); color:var(--batch-ink); border:1px solid var(--batch-line); border-radius:12px; padding:24px; margin-block:16px; }
.batch1-card p { color:var(--batch-muted); line-height:1.65; }
.batch1-card .field label { color:var(--batch-ink); }
.batch1-card .field input,.batch1-card .field textarea,.batch1-card .field select { background:var(--batch-surface); color:var(--batch-ink); border-color:var(--batch-line); }
.batch1-check { display:flex!important; align-items:flex-start; gap:12px; margin-block:14px; font-size:14px; line-height:1.6; color:var(--batch-ink); }
.batch1-check input { width:20px; height:20px; min-height:20px!important; flex:0 0 20px; margin-top:3px; accent-color:#570016; }
.batch1-check a { color:var(--batch-accent); }
.batch1-status { padding:14px; background:var(--batch-tint); color:var(--batch-ink); border:1px solid var(--batch-line); border-radius:8px; overflow-wrap:anywhere; }
.batch1-dialog { position:fixed; inset:0; background:#08030bcc; z-index:10001; display:grid; place-items:center; padding:16px; overflow:auto; }
.batch1-dialog.hidden { display:none; }
.batch1-dialog .batch1-card { width:min(560px,100%); max-height:90vh; overflow:auto; margin:auto; }
.batch1-dialog .field input { display:block; width:100%; min-height:44px; padding:10px; margin-top:8px; border:1px solid var(--batch-line); border-radius:7px; font:inherit; }
.batch1-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
.batch1-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.batch1-reference { font-family:ui-monospace,monospace; font-size:13px; overflow-wrap:anywhere; }
.batch1-status textarea { display:block; width:100%; min-height:75px; margin-top:8px; padding:10px; background:var(--batch-surface); color:var(--batch-ink); border:1px solid var(--batch-line); }
.batch1-card .table-wrap { overflow-x:auto; max-width:100%; }
.batch1-card table { width:100%; border-collapse:collapse; font-size:14px; }
.batch1-card th,.batch1-card td { padding:12px; text-align:left; border-bottom:1px solid var(--batch-line); vertical-align:top; }
.batch1-card table td { min-width:130px; }
.batch1-pill { display:inline-block; padding:5px 9px; border:1px solid var(--batch-line); border-radius:20px; font-size:12px; }
.batch1-buy { color:var(--batch-buy); }.batch1-sell { color:var(--batch-sell); }
html[data-theme="dark"] body,html[data-theme="dark"] .login,html[data-theme="dark"] .login-card,html[data-theme="dark"] .section-page,html[data-theme="dark"] .panel,html[data-theme="dark"] .topbar,html[data-theme="dark"] .top,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .card,html[data-theme="dark"] .modal-card,html[data-theme="dark"] .quick,html[data-theme="dark"] .holdings,html[data-theme="dark"] .transactions { background:var(--batch-bg); color:var(--batch-ink); border-color:var(--batch-line); }
html[data-theme="dark"] .login-card h1,html[data-theme="dark"] .login-field label,html[data-theme="dark"] .login-input,html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .quick button,html[data-theme="dark"] .secondary { background:var(--batch-surface); color:var(--batch-ink); border-color:var(--batch-line); }
html[data-theme="dark"] .intro,html[data-theme="dark"] .reg-intro,html[data-theme="dark"] .section-page p,html[data-theme="dark"] .panel p,html[data-theme="dark"] .muted-note,html[data-theme="dark"] .security-note,html[data-theme="dark"] .account-status { color:var(--batch-muted); }
html[data-theme="dark"] .notice,html[data-theme="dark"] .prelaunch-note,html[data-theme="dark"] .error { background:var(--batch-tint); color:var(--batch-ink); border-color:var(--batch-line); }
@media(max-width:600px) { .batch1-test-banner{padding:12px 16px}.batch1-grid{grid-template-columns:1fr}.batch1-card{padding:18px}.batch1-test-banner>span{flex-basis:100%} }
@media print { .batch1-test-banner,.batch1-appearance,.batch1-actions{display:none} }