/* Pipo's surface only. Derived from dashboard/public/stil.css at 393b822,
   2026-09-11. Shared local fonts accompany this file; no remote dependency.
   The truck and print templates intentionally never load this stylesheet. */
body.cockpit {
  --akzent:#2B65D8; --akzent-dunkel:#255FD8;
  --tinte:#141A22; --grau:#697283; --grau-hell:#697283;
  --line:#E4E8F0; --gitter:#EDF0F5; --hintergrund:#F5F7FB; --karte:#FFFFFF;
  --ok:#147B48; --ok-bg:#E3F5EC;
  --warn:#C13A33; --warn-bg:#FBE9E8; --warn-rand:#ECC9C9;
  --luecke:#90620C; --luecke-bg:#FCF1DC; --luecke-rand:#EFDCB0;
  --action:#2F6FED; --action-bg:#E8F0FE; --firma:#1D5FBF;
  --radius:14px; --radius-small:9px;
  --font-head:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;
  font-family:"Source Sans 3","Segoe UI",system-ui,sans-serif;
  font-size:17px; font-variant-numeric:tabular-nums;
}
.cockpit .kopf { background:var(--karte); color:var(--tinte); border-bottom:1px solid var(--line); }
.cockpit .kopf-innen { padding-top:18px; padding-bottom:10px; gap:14px; }
.cockpit .marke { color:var(--firma); font-family:var(--font-head); font-size:17px; }
.cockpit .wer,.cockpit .wer a { color:var(--grau); font-size:15px; }
.cockpit .navigation nav { gap:6px; }
.cockpit .navigation a { border-radius:var(--radius-small); padding:8px 12px; color:var(--grau); font-size:17px; }
.cockpit .navigation .bereich-nav a { font-weight:600; border:0; }
.cockpit .navigation a:hover { background:var(--hintergrund); color:var(--akzent); text-decoration:none; }
.cockpit .navigation a.aktiv { background:var(--action-bg); color:var(--akzent); text-decoration:none; font-weight:600; }
.cockpit .navigation .ort-nav { border-top:1px solid var(--line); margin-top:10px; padding-top:6px; }
.cockpit .navigation .kontext-nav a { font-size:15px; }
.cockpit .nav-zahl { background:var(--action-bg); color:var(--akzent); }
.cockpit :is(a,button,input,select,textarea,summary):focus-visible { outline:3px solid var(--action); outline-offset:3px; }
.cockpit .inhalt { padding-top:26px; padding-bottom:26px; overflow-wrap:anywhere; }
.cockpit fieldset { min-width:0; max-width:100%; }
.cockpit .lieferung-form label { display:block; margin:0 0 14px; font-weight:600; }
.cockpit .lieferung-form label :is(input,select) { display:block; width:100%; margin-top:6px; padding:10px; border:1px solid var(--line); border-radius:9px; color:var(--tinte); background:var(--karte); font-size:17px; }
.cockpit h1,.cockpit h2,.cockpit h3 { font-family:var(--font-head); line-height:1.3; }
.cockpit h1 { font-size:24px; margin:0 0 18px; }
.cockpit h2 { font-size:17px; }
.cockpit .karte,.cockpit form.formular { border-radius:var(--radius); padding:18px; box-shadow:none; }
.cockpit button,.cockpit .knopf { font-family:inherit; border-radius:var(--radius-small); background:var(--action); min-height:44px; }
.cockpit button:hover,.cockpit .knopf:hover { background:var(--akzent-dunkel); }
.cockpit .knopf-leicht { background:var(--karte); color:var(--akzent); border-color:var(--line); }
.cockpit .knopf-leicht:hover { background:var(--action-bg); }
.cockpit :is(input,select,textarea) { font-family:inherit; max-width:100%; }
.cockpit :is(input:not([type=checkbox]):not([type=radio]),select) { min-height:44px; }
.cockpit .rtable th { background:#EDF0F5; color:var(--grau); }
.cockpit .rtable { border-radius:var(--radius); }
.cockpit .tageszahlen { gap:14px; }
.cockpit .tageszahl strong { font-family:var(--font-head); font-size:32px; }
@media (min-width:1000px) {
  .cockpit h1 { font-size:27px; }
  .cockpit h2 { font-size:19px; }
}
@media (max-width:639px) {
  .cockpit .kopf-innen { padding:14px; }
  .cockpit .inhalt { padding:18px 14px; }
  .cockpit .navigation a { padding:8px 10px; }
  .cockpit .karte,.cockpit form.formular { padding:14px; }
}

.cockpit .bestellmenge-form button { margin:4px 4px 4px 0; }