html { scroll-behavior: smooth; }
body { min-width: 320px; }
::selection { background: #fed7aa; color: #881337; }
.brand-strip { height: 3px; background: linear-gradient(90deg, #d91e3d 0%, #d91e3d 48%, #ef7b24 100%); }
.logo-shell { display:inline-flex; align-items:center; border-radius:.45rem; overflow:hidden; box-shadow:0 1px 2px rgba(15,23,42,.08); }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type="range"] { touch-action: pan-y; accent-color:#d91e3d; }
input[type="checkbox"] { accent-color:#d91e3d; }
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details > summary::after { content: "+"; float: right; color: #94a3b8; font-size: 1.1rem; }
details[open] > summary::after { content: "−"; }

/* Dark Mode – bewusst zentral, damit alle bestehenden Rechnerkarten mitziehen. */
html.dark { background:#0b0f14; color-scheme:dark; }
.dark body { background:#0b0f14 !important; color:#e5e7eb; }
.dark header,
.dark footer { border-color:#273244 !important; }
.dark [class*="bg-white"] { background-color:#111827 !important; }
.dark [class*="bg-slate-50"] { background-color:#0f172a !important; }
.dark [class*="bg-slate-100"] { background-color:#1e293b !important; }
.dark [class*="border-slate-100"],
.dark [class*="border-slate-200"],
.dark [class*="border-slate-300"] { border-color:#334155 !important; }
.dark [class*="text-slate-950"],
.dark [class*="text-slate-900"] { color:#f8fafc !important; }
.dark [class*="text-slate-800"] { color:#e2e8f0 !important; }
.dark [class*="text-slate-700"],
.dark [class*="text-slate-600"] { color:#cbd5e1 !important; }
.dark [class*="text-slate-500"] { color:#a7b3c3 !important; }
.dark [class*="text-slate-400"] { color:#8291a5 !important; }
.dark [class*="hover:bg-slate-100"]:hover,
.dark [class*="hover:bg-slate-50"]:hover { background-color:#1e293b !important; }
.dark [class*="hover:text-slate-950"]:hover { color:#fff !important; }
.dark input:not([type="range"]):not([type="checkbox"]),
.dark textarea,
.dark select { background:#0f172a !important; color:#f8fafc !important; border-color:#475569 !important; }
.dark input::placeholder,
.dark textarea::placeholder { color:#64748b; }
.dark [class*="bg-emerald-50"] { background-color:rgba(6,78,59,.34) !important; }
.dark [class*="text-emerald-700"],
.dark [class*="text-emerald-800"],
.dark [class*="text-emerald-900"] { color:#6ee7b7 !important; }
.dark [class*="border-emerald-200"] { border-color:#065f46 !important; }
.dark [class*="bg-rose-50"] { background-color:rgba(127,29,29,.32) !important; }
.dark [class*="text-rose-700"],
.dark [class*="text-rose-800"],
.dark [class*="text-rose-900"] { color:#fda4af !important; }
.dark [class*="border-rose-200"] { border-color:#881337 !important; }
.dark .logo-shell { box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 30px rgba(0,0,0,.22); }
.dark .shadow-soft,
.dark .shadow-sm { box-shadow:0 18px 45px -30px rgba(0,0,0,.85) !important; }

/* Das ARGISOL-Rot bleibt für wichtige Aktionen verfügbar, ohne die Oberfläche zu überladen. */
.brand-action { background:#d91e3d !important; color:#fff !important; }
.brand-action:hover { background:#b81834 !important; }

@media print {
    @page { size: A4; margin: 12mm; }
    header, footer, .brand-strip, .print-hide, .fixed, button, nav { display: none !important; }
    html, html.dark, body, .dark body, main { background: #fff !important; color:#0f172a !important; }
    main { max-width: none !important; padding: 0 !important; margin: 0 !important; }
    section, article, aside, details { break-inside: avoid; box-shadow: none !important; }
    details { display: block !important; }
    details > * { display: block !important; }
    .dark [class*="bg-white"], .dark [class*="bg-slate-50"], .dark [class*="bg-slate-100"] { background:#fff !important; }
    .dark [class*="text-slate-950"], .dark [class*="text-slate-900"], .dark [class*="text-slate-700"], .dark [class*="text-slate-600"] { color:#0f172a !important; }
    .dark [class*="border-slate"] { border-color:#cbd5e1 !important; }
}

/* Beraterbereich: horizontale Schnellzugriff-Karten */
.admin-slider { scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; overscroll-behavior-x: contain; }
.admin-slider::-webkit-scrollbar { height: 7px; }
.admin-slider::-webkit-scrollbar-track { background: transparent; }
.admin-slider::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }
.dark .admin-slider { scrollbar-color: #475569 transparent; }
.dark .admin-slider::-webkit-scrollbar-thumb { background: #475569; }

/* Unsichtbares Bot-Feld: für echte Nutzer weder sichtbar noch fokussierbar. */
.hp-field { position:absolute !important; left:-10000px !important; top:auto !important; width:1px !important; height:1px !important; overflow:hidden !important; opacity:0 !important; pointer-events:none !important; }

/* Mobile UX: Gewerk-Slider gegen versehentliches Verstellen beim Scrollen sperren. */
@media (max-width: 639px) {
    .trade-card {
        position: relative;
        -webkit-tap-highlight-color: transparent;
    }
    .trade-card[data-edit-state="locked"] {
        cursor: pointer;
    }
    .trade-card[data-edit-state="locked"] .js-own-range {
        pointer-events: none;
        opacity: .58;
        filter: saturate(.65);
    }
    .trade-card[data-edit-state="locked"] .trade-range-lock {
        display: block;
    }
    .trade-card[data-edit-state="locked"] .trade-edit-toggle {
        pointer-events: none;
    }
    .trade-card[data-edit-state="active"] {
        border-color: #d91e3d !important;
        box-shadow: 0 0 0 2px rgba(217,30,61,.14), 0 14px 34px -26px rgba(136,19,55,.75);
        background: rgba(255,255,255,.98);
    }
    .trade-card[data-edit-state="active"] .js-own-range {
        pointer-events: auto;
        opacity: 1;
        filter: none;
    }
    .trade-card[data-edit-state="active"] .trade-range-lock {
        display: none;
    }
    .trade-card[data-edit-state="active"] .trade-edit-toggle {
        border-color: rgba(217,30,61,.28);
        background: rgba(255,241,242,.95);
        color: #be123c;
        pointer-events: auto;
    }
    .trade-card[data-edit-state="active"] .trade-edit-dot {
        background: #d91e3d;
        box-shadow: 0 0 0 3px rgba(217,30,61,.12);
    }
    .dark .trade-card[data-edit-state="active"] {
        border-color: #fb7185 !important;
        background: #111827 !important;
        box-shadow: 0 0 0 2px rgba(251,113,133,.18), 0 18px 38px -26px rgba(0,0,0,.95);
    }
    .dark .trade-card[data-edit-state="active"] .trade-edit-toggle {
        border-color: rgba(251,113,133,.32) !important;
        background: rgba(136,19,55,.28) !important;
        color: #fda4af !important;
    }
    .dark .trade-card[data-edit-state="active"] .trade-edit-dot {
        background: #fb7185;
    }
}