/* Garage-Verwaltung · Design-Basis.
   Tokens & Kernkomponenten 1:1 aus dem Schmid-Frontend (style.css), damit das
   Inhaber-Panel dieselbe hochwertige Optik trägt. */
:root{
  --ink:#13283f;
  --ink-soft:#2f4a66;
  --blue:#478ac9;
  --brass:#a6824c;
  --brass-soft:#c9af80;
  --ivory:#f6f2ea;
  --paper:#fffdf9;
  --line:#e3dccd;
  --text:#23211c;
  --muted:#6b6457;
  --ok:#3b6d4f;
  --danger:#b04646;
  --warn:#b8862b;
  --shadow:0 24px 60px -28px rgba(19,40,63,.35);
  --shadow-soft:0 18px 45px -34px rgba(19,40,63,.32);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  font-family:'Jost','Segoe UI',system-ui,-apple-system,sans-serif;
  background:var(--ivory);
  color:var(--text);
  font-size:16px;
  line-height:1.6;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
}
::selection{background:var(--brass);color:#fff}
a{color:inherit}
button,input,textarea,select{font-family:inherit}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:600;color:var(--ink);line-height:1.12;letter-spacing:.005em}
.eyebrow{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--brass);font-variant-caps:all-small-caps}
.muted{color:var(--muted)}
.mono-num{font-family:'Cormorant Garamond',serif}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;border-radius:999px;padding:.72rem 1.1rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,transform .12s,color .2s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.btn-primary{background:var(--brass);color:#fff}
.btn-primary:hover:not([disabled]){background:#b89160}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover:not([disabled]){background:#1d3b5d}
.btn-light{background:#fff;color:var(--ink);border-color:var(--line)}
.btn-light:hover:not([disabled]){border-color:var(--brass)}
.btn-ghost{background:transparent;color:var(--ink-soft);border-color:var(--line)}
.btn-ghost:hover:not([disabled]){border-color:var(--brass);color:var(--ink)}
.btn-danger{background:#fff;color:var(--danger);border-color:#e6c5c5}
.btn-danger:hover:not([disabled]){background:var(--danger);color:#fff;border-color:var(--danger)}
.btn-sm{padding:.45rem .75rem;font-size:.72rem;letter-spacing:.06em}
.btn-block{width:100%}

/* Cards & Chips */
.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft);overflow:hidden}
.card.pad{padding:1.4rem 1.5rem}
.card h3{font-size:1.5rem;margin:.1rem 0 .5rem}
.chip{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);background:#fff;border-radius:999px;padding:.32rem .62rem;font-size:.78rem;color:var(--ink-soft)}
.chip svg{width:14px;height:14px;stroke:var(--brass)}
.notice{background:#fff;border:1px solid var(--line);border-left:3px solid var(--brass);border-radius:12px;padding:.9rem 1.1rem;color:var(--muted)}
.notice b{color:var(--ink)}

/* Filet-Trenner unter Überschriften (aus Schmid) */
.filet::before{
  content:"";display:block;width:74px;height:7px;margin:.35rem 0 .8rem;
  background:
    linear-gradient(to right, transparent 0, var(--brass) 5%, var(--brass) 42%, transparent 42%, transparent 58%, var(--brass) 58%, var(--brass) 95%, transparent 100%) center/100% 1px no-repeat,
    radial-gradient(circle at 50% 50%, var(--brass) 0, var(--brass) 2px, transparent 2.5px);
  background-repeat:no-repeat;
}