/* Optik wie die Logistics Map: Stahlplatten, FICSIT-Orange, abgeschrägte Ecke */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Barlow+Condensed:wght@600;700&display=swap');
:root { --steel:#1b1c1e; --plate:#26282b; --plate2:#2e3034; --seam:#3a3d41; --ficsit:#f59a23; --ok:#4cc38a; --bad:#e5484d;
        --text:#e8e6e1; --text2:#c3bfb7; --dim:#9a968e; --cond:'Barlow Condensed','Arial Narrow',sans-serif; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; background: var(--steel); color: var(--text); font: 15px/1.45 'Barlow', system-ui, sans-serif; }
h1, h2 { font-family: var(--cond); font-weight: 700; margin: 0; }
.panel { background: var(--plate); position: relative; padding: 22px 24px;
         clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%); border-top: 2px solid var(--ficsit); }
label { display: grid; gap: 5px; color: var(--text2); font-weight: 500; }
input, select { background: var(--steel); border: 1px solid var(--seam); color: var(--text); padding: 9px 11px; font: inherit; width: 100%; }
input:focus, select:focus { border-color: var(--ficsit); outline: none; }
.btn { background: var(--plate2); border: 1px solid var(--seam); color: var(--text); padding: 8px 14px; min-height: 38px; cursor: pointer;
       font-family: var(--cond); font-weight: 600; font-size: 16px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
.btn:hover { border-color: var(--dim); }
.btn.primary { background: var(--ficsit); border-color: var(--ficsit); color: #1b1c1e; }
.btn.danger:hover { border-color: var(--bad); color: var(--bad); }
.btn:disabled { opacity: .5; cursor: default; }
.error { border-left: 3px solid var(--bad); background: #3a1f21; padding: 9px 12px; }
.ok { border-left: 3px solid var(--ok); background: #1d3329; padding: 9px 12px; }
.muted { color: var(--dim); }
.hidden { display: none !important; }
code { font-size: 16px; background: var(--steel); padding: 2px 6px; user-select: all; }