/* ============================================================================
   CampOrga PREMIUM v2 – die Bus-App-Optik für das gesamte CampOrga
   ----------------------------------------------------------------------------
   Vorbild ist die Routenplanung (Bus-App): dunkles Navy, flache, eckigere
   Karten mit klarem Rand, Amber-Gold als einzige Akzentfarbe, Segment-Tabs,
   ruhige Flächen statt Glas-Verläufe. Wird NACH style.css geladen und stellt
   das komplette Erscheinungsbild um – style.css bleibt unangetastet.

   · ein Kartenstil: #141d36, Rand #243252, Radius 18px, ruhiger Schatten
   · eine Buttonsprache: Gold (Hauptaktion) / Soft (Nebenaktion) / Rot (Löschen)
   · ein Modalstil: flache Karte, gleicher Kopf, gleicher runder Schließknopf
   · Felder: dunkle Fläche, Goldrand im Fokus
   · Animationen beim Öffnen/Hover – KEIN Hochhüpfen (translateY) mehr
   ============================================================================ */

:root{
  /* Bus-App-Farbwelt (identisch zur Routenplanung) */
  --p-navy:#16294c;
  --p-navy-2:#1f3a6b;
  --p-gold:#e8a33d;
  --p-gold-2:#f3c26b;
  --p-bg:#0a1122;
  --p-card:#141d36;
  --p-card-2:#101a33;
  --p-soft:#1b2542;
  --p-ink:#e9eef8;
  --p-muted:#93a2bd;
  --p-line:#243252;
  --p-line-2:#2c3b58;
  --p-ok:#2fbf6b;
  --p-danger:#ff5d5d;
  --p-info:#5b9bff;
  --p-shadow:0 12px 36px rgba(0,0,0,.45);
  /* Radius-System – bewusst eckiger, wie in der Bus-App */
  --p-r:10px;      /* Karten, Modale  */
  --p-r-md:8px;    /* Buttons         */
  --p-r-sm:6px;    /* Felder, kleine Buttons */
  --p-ease:cubic-bezier(.22,.9,.24,1);
  --p-spring:cubic-bezier(.2,.9,.25,1.18);
}

/* ============================== Animationen ============================== */
@keyframes coFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes coModalIn{
  0%{opacity:0;transform:scale(.95) translateY(16px)}
  60%{opacity:1}
  100%{opacity:1;transform:none}
}
@keyframes coBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes coFlashIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}100%{opacity:1;transform:none}}
@keyframes coPulseRing{0%{box-shadow:0 0 0 0 rgba(232,163,61,.35)}100%{box-shadow:0 0 0 12px rgba(232,163,61,0)}}

/* ==================== Schluss mit dem Hochhüpfen (Lift) ==================== */
a:hover,button:hover,.btn:hover,.card:hover,.tile:hover,.tcard:hover,
.side-link:hover,.chip:hover,.pill:hover,.tab:hover,.triptab:hover,
.parking-open:hover,.roundplus:hover,.pretty-location:hover,
.trip-menu-btn:hover,.mini-loc:hover,.checkmini:hover,.shopitem:hover,
.lt-item:hover,.place-list-row:hover,.dev-card:hover,.stat:hover,
.progresspill:hover,.datebadge:hover,.day-summary:hover,.icon-btn:hover,
.cartbtn:hover,.amenity-badge:hover,.active-trip-card:hover,
.route-marker span:hover,.hero-actions .btn:hover{
  transform:none!important;
}

/* ========================= Grundfläche (Bus-App) ========================= */
html body,
html body.has-sidebar{
  background:
    radial-gradient(1200px 500px at 80% -10%, rgba(31,58,107,.55), transparent 60%),
    var(--p-bg)!important;
  color:var(--p-ink);
}
html body.has-sidebar .app-shell,
html body.has-sidebar .page-area{background:transparent!important}

/* Kopfzeile über dem Inhalt: flach, klare Linie – wie der Bus-App-Header */
html body.has-sidebar .pagebar{
  background:rgba(10,17,34,.88)!important;
  backdrop-filter:blur(14px)!important;
  border-bottom:1px solid var(--p-line)!important;
  box-shadow:none!important;
}
.page-kicker{color:var(--p-gold)!important;letter-spacing:.16em!important}
.pagebar .userbox{
  background:var(--p-card)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-md)!important;
  box-shadow:none!important;
}
.pagebar .userbox b{color:#fff!important}

/* ================================ Sidebar ================================ */
html body.has-sidebar aside.sidebar{
  background:linear-gradient(180deg,#0d1730 0%,#0a1122 100%)!important;
  border-right:1px solid var(--p-line)!important;
  box-shadow:none!important;
}
.side-label{
  color:var(--p-gold)!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
}
.side-link{
  position:relative;
  border-radius:var(--p-r-md)!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:var(--p-ink)!important;
  transition:background .22s var(--p-ease), border-color .22s var(--p-ease), color .22s var(--p-ease)!important;
}
.side-link b{
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
  box-shadow:none!important;
  transition:border-color .22s var(--p-ease), background .22s var(--p-ease)!important;
}
.side-link::before{
  content:'';
  position:absolute;
  left:-1px;top:22%;bottom:22%;
  width:3px;border-radius:99px;
  background:linear-gradient(180deg,var(--p-gold-2),var(--p-gold));
  opacity:0;transform:scaleY(.4);
  transition:opacity .22s var(--p-ease), transform .28s var(--p-ease);
}
.side-link:hover{
  background:var(--p-soft)!important;
  border-color:var(--p-line)!important;
  color:#fff!important;
}
.side-link:hover::before,.side-link.active::before{opacity:1;transform:scaleY(1)}
.side-link.active{
  background:linear-gradient(90deg,rgba(232,163,61,.16),rgba(232,163,61,.05))!important;
  border-color:rgba(232,163,61,.4)!important;
  color:var(--p-gold-2)!important;
  box-shadow:none!important;
}
.side-link.active b{border-color:rgba(232,163,61,.5)!important;background:rgba(232,163,61,.14)!important}
.active-trip-card{
  background:var(--p-card)!important;
  border:1px solid rgba(232,163,61,.35)!important;
  border-radius:var(--p-r)!important;
  box-shadow:var(--p-shadow)!important;
}
.active-trip-card span{color:var(--p-gold)!important}
.active-trip-card a{
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
}
.side-footer .side-user,.side-footer{border-color:var(--p-line)!important}
.side-logout{
  background:rgba(255,93,93,.1)!important;
  border:1px solid rgba(255,93,93,.28)!important;
  border-radius:var(--p-r-md)!important;
}

/* ======================= Karten: flach & eckiger ========================= */
/* DER Kartenstil der Bus-App – ersetzt alle Glas-Verläufe. */
.card,.card.glass,.tile,.tcard,.day-summary,.location-card,.dev-card,
.pretty-location,.compact-hero,.list-hero,.triphero,.hero.card,
.co-list-sidebar,.daycard,.day-main,.checkmini,.shopitem,.stat,
.empty-soft,.settings-table,.template-meta-table{
  background:var(--p-card)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r)!important;
  box-shadow:var(--p-shadow)!important;
  backdrop-filter:none!important;
}
.card::before,.card::after,.triphero::before,.hero.card::before,
.tcard::after,.day-summary::before{
  background-image:none!important;
}
.card:hover,.tile:hover,.tcard:hover,.day-summary:hover,.pretty-location:hover,.dev-card:hover{
  border-color:rgba(232,163,61,.45)!important;
  box-shadow:var(--p-shadow), 0 0 24px rgba(232,163,61,.08)!important;
}
/* Innenkacheln (z. B. Zeitraum/Countdown in Reise-Karten): eine Stufe dunkler */
.tc-meta div,.day-chipline span,.mini-loc,.datebadge,.progresspill,
.login-mini-stats span{
  background:rgba(10,17,34,.55)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
  box-shadow:none!important;
}
.tc-meta span{color:var(--p-muted)!important}
/* Goldene Seitenkante wie bei den Reise-Karten der Bus-App */
.tcard::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:5px!important;
  background:linear-gradient(180deg,var(--p-gold-2),var(--p-gold))!important;
  border-radius:0!important;
  opacity:.9!important;
}
.eyebrow,.tc-badge{
  color:var(--p-gold)!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
  text-shadow:none!important;
}
.tc-badge{
  background:rgba(232,163,61,.15)!important;
  border:1px solid rgba(232,163,61,.3)!important;
  border-radius:var(--p-r-sm)!important;
}

/* ================================ Buttons ================================ */
.btn, button.btn, a.btn, .login-submit-v136{
  border-radius:var(--p-r-md)!important;
  font-weight:800!important;
  letter-spacing:.01em;
  min-height:44px;
  transition:box-shadow .28s var(--p-ease), filter .22s var(--p-ease),
             border-color .22s var(--p-ease), background .25s var(--p-ease),
             color .22s var(--p-ease)!important;
}
.btn.mini,.btn.small{border-radius:var(--p-r-sm)!important;min-height:36px}

/* Gold = Hauptaktion (exakt der Bus-App-Primary) */
.btn:not(.ghost):not(.danger):not(.soft),
button[type=submit]:not(.ghost):not(.danger):not(.modalclose):not(.mx):not(.icon-btn),
.login-submit-v136,
.tab.active,.triptab.active,.trip-menu-btn.is-active{
  background:linear-gradient(180deg,var(--p-gold-2),var(--p-gold))!important;
  color:#241a05!important;
  border:1px solid transparent!important;
  box-shadow:0 6px 18px rgba(232,163,61,.35)!important;
}
.btn:not(.ghost):not(.danger):not(.soft):hover,
.login-submit-v136:hover{
  filter:brightness(1.07) saturate(1.03);
  box-shadow:0 10px 26px rgba(232,163,61,.45), 0 0 24px rgba(232,163,61,.25)!important;
}

/* Soft/Ghost = Nebenaktion (Bus-App-Standardbutton) */
.btn.ghost,.btn.soft{
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
  color:var(--p-ink)!important;
  box-shadow:none!important;
}
.btn.ghost:hover,.btn.soft:hover{
  border-color:rgba(232,163,61,.5)!important;
  background:rgba(232,163,61,.12)!important;
  color:#fff!important;
  box-shadow:0 0 18px rgba(232,163,61,.12)!important;
}

/* Danger */
.btn.danger{
  background:linear-gradient(180deg,#ff7a7a,#e04545)!important;
  color:#fff!important;
  border:1px solid transparent!important;
  box-shadow:0 6px 18px rgba(224,69,69,.3)!important;
}
.btn.danger:hover{
  filter:brightness(1.06);
  box-shadow:0 10px 26px rgba(224,69,69,.4)!important;
}

.btn:active,button:active{transform:scale(.97)!important;transition-duration:.08s!important}
.btn:focus-visible,button:focus-visible,a:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 3px rgba(232,163,61,.25), 0 0 0 1.5px rgba(232,163,61,.7)!important;
}
.roundplus,.roundedit-v2404{
  background:linear-gradient(180deg,var(--p-gold-2),var(--p-gold))!important;
  color:#241a05!important;
  border-radius:var(--p-r-md)!important;
  box-shadow:0 6px 18px rgba(232,163,61,.35)!important;
  transition:box-shadow .28s var(--p-ease), filter .22s var(--p-ease)!important;
}
.roundplus:hover{filter:brightness(1.07);animation:coPulseRing .8s var(--p-ease)}

/* ================================ Felder ================================= */
input[type=text],input[type=email],input[type=password],input[type=number],
input[type=date],input[type=time],input[type=url],input[type=search],
select,textarea{
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
  color:var(--p-ink)!important;
  min-height:44px;
  transition:border-color .22s var(--p-ease), box-shadow .22s var(--p-ease)!important;
}
textarea{min-height:64px}
input::placeholder,textarea::placeholder{color:rgba(147,162,189,.55)!important}
input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){
  border-color:var(--p-line-2)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--p-gold)!important;
  box-shadow:0 0 0 3px rgba(232,163,61,.16)!important;
  background:var(--p-soft)!important;
}
label,.field span,.mf label{color:var(--p-muted)!important}

/* ========================= Tabs als Segment-Leiste ======================= */
/* Wie die Route/Reise/Anzeige/Bus-Leiste in der Routenplanung. */
.tabs,.floatingtabs,.trip-view-switch,.seg{
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
  padding:4px!important;
  gap:4px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.tab,.triptab,.trip-view-switch button,.seg button{
  background:transparent!important;
  border:0!important;
  border-radius:5px!important;
  color:var(--p-muted)!important;
  font-weight:800!important;
  box-shadow:none!important;
  transition:background .22s var(--p-ease), color .22s var(--p-ease), box-shadow .22s var(--p-ease)!important;
}
.tab:hover:not(.active),.triptab:hover:not(.active),.trip-view-switch button:hover{
  color:#fff!important;
  background:rgba(255,255,255,.05)!important;
}
.tab.active,.triptab.active,.seg button.on,.trip-view-switch button.active{
  background:linear-gradient(180deg,var(--p-gold-2),var(--p-gold))!important;
  color:#241a05!important;
  box-shadow:0 4px 14px rgba(232,163,61,.3)!important;
}

/* ============================ Chips & Pills ============================== */
.chip,.pill,.amenity-badge{
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
  color:var(--p-muted)!important;
  font-weight:700!important;
  transition:border-color .22s var(--p-ease), background .22s var(--p-ease), color .22s var(--p-ease)!important;
}
.chip:hover,.amenity-badge:hover{
  border-color:rgba(232,163,61,.5)!important;
  color:var(--p-gold-2)!important;
}
.chip.on,.pill.gold{
  background:linear-gradient(180deg,var(--p-gold-2),var(--p-gold))!important;
  color:#241a05!important;
  border-color:transparent!important;
}
.amenity-badge.cost{border-color:rgba(232,163,61,.4)!important;color:var(--p-gold-2)!important;background:rgba(232,163,61,.1)!important}

/* ================================ Modale ================================= */
.modal{
  background:rgba(4,8,18,.74)!important;
  backdrop-filter:blur(14px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.1)!important;
  padding:18px!important;
}
.modal.open,.modal.show,.modal.is-open{animation:coBackdropIn .28s var(--p-ease)}

.modalbox,.locationbox,.slimmodal,.daymodal,.storagebox,.rulebox,.actionbox,
.filebox,.checklist-editor-box,.trip-settings-modal-v107,.modal-box{
  background:
    radial-gradient(900px 300px at 85% -10%, rgba(31,58,107,.4), transparent 60%),
    var(--p-card)!important;
  border:1px solid var(--p-line-2)!important;
  border-radius:var(--p-r)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.6)!important;
  padding:22px!important;
}
.modal.open   > .modalbox, .modal.open   > .locationbox, .modal.open   > .slimmodal,
.modal.open   > .daymodal, .modal.open   > .storagebox,  .modal.open   > .rulebox,
.modal.open   > .actionbox,.modal.open   > .filebox,     .modal.open   > .checklist-editor-box,
.modal.open   > .trip-settings-modal-v107,
.modal.show   > .modalbox, .modal.show   > .trip-settings-modal-v107,
.modal.is-open> .modalbox, .modal.is-open> .trip-settings-modal-v107{
  animation:coModalIn .4s var(--p-spring) both;
}
.modalhead{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 16px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid var(--p-line)!important;
  background:transparent!important;
}
.modalhead small{
  color:var(--p-gold)!important;
  font-weight:800!important;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px!important;
}
.modalhead h2{
  margin:3px 0 0!important;
  font-size:clamp(22px,3vw,29px)!important;
  letter-spacing:-.02em;
  line-height:1.08;
}
.modalhead p{color:var(--p-muted)!important;margin:6px 0 0!important;font-size:13.5px!important}

/* DER Schließknopf – überall gleich, dreht sich golden beim Hover */
.modalclose,.mx,button.modalclose{
  width:42px!important;height:42px!important;
  min-width:42px!important;
  border-radius:var(--p-r-sm)!important;
  border:1px solid var(--p-line-2)!important;
  background:var(--p-soft)!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1!important;
  display:grid!important;place-items:center!important;
  cursor:pointer;
  padding:0!important;
  flex:none;
  transition:background .22s var(--p-ease), border-color .22s var(--p-ease),
             color .22s var(--p-ease), transform .28s var(--p-ease), box-shadow .28s var(--p-ease)!important;
}
.modalclose:hover,.mx:hover{
  background:linear-gradient(180deg,var(--p-gold-2),var(--p-gold))!important;
  border-color:transparent!important;
  color:#241a05!important;
  transform:rotate(90deg)!important;
  box-shadow:0 0 20px rgba(232,163,61,.35)!important;
}
.modalform{
  background:rgba(10,17,34,.45)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r)!important;
  padding:16px!important;
  gap:13px!important;
}
.modal-actions-bottom,.add-actions,.mact{display:flex;gap:10px!important;margin-top:16px!important}

/* ============================ Flash / Hinweise =========================== */
.flash.card,.flash{
  background:rgba(232,163,61,.12)!important;
  border:1px solid rgba(232,163,61,.4)!important;
  border-radius:var(--p-r)!important;
  color:#ffe9c4!important;
  animation:coFlashIn .4s var(--p-spring) both;
  box-shadow:0 10px 30px rgba(232,163,61,.1)!important;
}
.hint,.mutedline{color:var(--p-muted)!important}

/* ============================ Fortschritt & Co =========================== */
progress,.progress,.progressbar{accent-color:var(--p-gold)}
.progresspill b{color:var(--p-gold)!important}
input[type=range]{accent-color:var(--p-gold)!important}
.minicheck input:checked+span{
  background:linear-gradient(135deg,var(--p-ok),#1d9e54)!important;
}
.cartbtn{border-radius:var(--p-r-sm)!important;border-color:rgba(232,163,61,.35)!important}
.cartbtn.active{background:linear-gradient(180deg,var(--p-gold-2),var(--p-gold))!important}

/* ============================== Seiten-Einzug ============================= */
main.wrap.wide > *{animation:coFadeUp .45s var(--p-ease) both}
main.wrap.wide > *:nth-child(1){animation-delay:.02s}
main.wrap.wide > *:nth-child(2){animation-delay:.07s}
main.wrap.wide > *:nth-child(3){animation-delay:.12s}
main.wrap.wide > *:nth-child(4){animation-delay:.17s}
main.wrap.wide > *:nth-child(n+5){animation-delay:.21s}
main.wrap.wide > .modal{animation:none!important}

/* ============================== Scrollbalken ============================= */
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{
  background:var(--p-line-2);
  border-radius:99px;
  border:2px solid rgba(10,17,34,.8);
}
*::-webkit-scrollbar-thumb:hover{background:rgba(232,163,61,.5)}

/* ========================== Login & Auth-Seiten ========================== */
body.camporga-login-v136{
  background:
    radial-gradient(1200px 500px at 80% -10%, rgba(31,58,107,.55), transparent 60%),
    var(--p-bg)!important;
}
.login-card-v136,.login-visual-card{
  background:var(--p-card)!important;
  border:1px solid var(--p-line-2)!important;
  border-radius:var(--p-r)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.55)!important;
  animation:coModalIn .5s var(--p-spring) both;
}
.login-kicker{color:var(--p-gold)!important;letter-spacing:.16em!important;text-transform:uppercase}
.login-form-v136 input{border-radius:var(--p-r-sm)!important}
/* Fix (bestand schon vorher): Überschrift lief aus der Login-Bildkarte heraus */
.login-visual-card h2{
  font-size:clamp(26px,3.2vw,42px)!important;
  line-height:1.05!important;
  overflow-wrap:anywhere;
  hyphens:auto;
}
.login-visual-v136,.login-visual-card{overflow:hidden}
.login-orb,.login-bg-grid{opacity:.4}

/* ============================ Kleinigkeiten ============================== */
::selection{background:rgba(232,163,61,.35);color:#fff}
hr,.soft-sep{border-color:var(--p-line)!important}
main a:not(.btn):not(.side-link):not(.tab){transition:color .2s var(--p-ease), text-shadow .22s var(--p-ease)}
main a:not(.btn):not(.side-link):not(.tab):hover{text-shadow:0 0 12px rgba(232,163,61,.4)}
.footer,.footer-card{background:transparent!important;border-color:var(--p-line)!important}
.mobile-appbar{border-bottom:1px solid var(--p-line)!important;background:rgba(10,17,34,.92)!important}
.mobile-menu-toggle,.mobile-quick-trip{
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
}

/* ======================== Mobile-Feinheiten ============================= */
@media (max-width:980px){
  /* Fix (bestand schon vorher): Eine alte Mobilregel machte aus JEDEM
     [data-close-modal] einen kleinen absoluten ×-Knopf – auch aus
     Text-Buttons wie „Abbrechen" in der Aktionsleiste. Hier repariert. */
  html body.has-sidebar .modal-actions-bottom [data-close-modal],
  html body.has-sidebar .add-actions [data-close-modal],
  html body.has-sidebar .mact [data-close-modal],
  html body.has-sidebar .loc-actions [data-close-modal],
  html body.has-sidebar .modalform [data-close-modal]:not(.modalclose){
    position:static!important;
    top:auto!important;right:auto!important;
    width:auto!important;height:auto!important;
    min-width:0!important;min-height:44px!important;
    flex:1 1 0!important;
    border-radius:var(--p-r-md)!important;
    font-size:14px!important;
  }
  html body.has-sidebar .modal-actions-bottom,
  html body.has-sidebar .add-actions,
  html body.has-sidebar .mact{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:10px!important;
    background:rgba(10,17,34,.94)!important;
    border-top:1px solid var(--p-line)!important;
  }
  html body.has-sidebar .modal-actions-bottom .btn,
  html body.has-sidebar .add-actions .btn{
    flex:1 1 0!important;
    min-width:0!important;
    white-space:nowrap;
  }
  /* Bottom-Sheet-Modale: gleiche Optik, obere Ecken rund */
  .modalbox,.locationbox,.slimmodal,.daymodal,.storagebox,.rulebox,.actionbox,.filebox{
    border-radius:20px 20px 0 0!important;
    padding:16px!important;
  }
  .modalhead{margin:-16px -16px 12px!important;padding:14px 16px!important;background:rgba(10,17,34,.94)!important}
}

/* ======================= Weniger Bewegung gewünscht ====================== */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01s!important}
}

/* ============================================================================
   v2-ERWEITERUNG: wirklich JEDES Element in der Bus-App-Optik
   ============================================================================ */

/* ------------------------------ Typografie ------------------------------ */
h1,h2{letter-spacing:-.02em}
.card .title,.card h3{color:#fff}
h3,.setsec{color:var(--p-gold)}

/* --------------------------- Tabellen & Listen --------------------------- */
.settings-table{padding:10px!important}
.settings-row,.settings-head,.template-meta-row,.template-meta-head,
.lt-item,.file-card,.admin-block-row,.checkhead{
  background:rgba(10,17,34,.5)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
  box-shadow:none!important;
}
.settings-head,.template-meta-head,.checkhead{
  background:transparent!important;
  border:0!important;
  color:var(--p-gold)!important;
  text-transform:uppercase!important;
  letter-spacing:.1em!important;
  font-size:11px!important;
}
table{border-color:var(--p-line)!important}
table th{color:var(--p-gold)!important;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
table td,table th{border-color:var(--p-line)!important}
tr:hover td{background:rgba(232,163,61,.05)}

/* --------------------- Checklisten & Listenpunkte ------------------------ */
.checkmini,.shopitem{
  background:rgba(16,26,51,.92)!important;
  border-radius:var(--p-r-sm)!important;
  transition:border-color .22s var(--p-ease), background .22s var(--p-ease)!important;
}
.checkmini:hover,.shopitem:hover{border-color:rgba(232,163,61,.4)!important}
.checkmini.done{
  background:rgba(47,191,107,.08)!important;
  border-color:rgba(47,191,107,.3)!important;
}
.checkcircle{
  border-radius:var(--p-r-sm)!important;
  border:1px solid var(--p-line-2)!important;
  background:var(--p-soft)!important;
  transition:background .22s var(--p-ease), border-color .22s var(--p-ease)!important;
}
.checkmini.done .checkcircle{
  background:linear-gradient(180deg,var(--p-gold-2),var(--p-gold))!important;
  border-color:transparent!important;
  color:#241a05!important;
}
.minicheck span{border-radius:10px!important;border-color:var(--p-line-2)!important;background:var(--p-soft)!important}
.soll{color:var(--p-gold)!important}

/* ------------------------- Schalter & Häkchen ---------------------------- */
input[type=checkbox],input[type=radio]{accent-color:var(--p-gold)!important;min-height:0}
.switch i{background:var(--p-line-2)!important}
.switch input:checked+i{background:var(--p-ok)!important}

/* ------------------------ Icon- & Kleinknöpfe ---------------------------- */
.icon-btn,.iconbtn,.icondelete,.cartbtn,.drag-handle-v2404,.mobile-menu-toggle{
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
  color:var(--p-ink)!important;
  box-shadow:none!important;
  transition:border-color .22s var(--p-ease), background .22s var(--p-ease)!important;
}
.icon-btn:hover,.iconbtn:hover,.icondelete:hover{
  border-color:rgba(232,163,61,.5)!important;
  background:rgba(232,163,61,.12)!important;
}
.icondelete:hover{border-color:rgba(255,93,93,.5)!important;background:rgba(255,93,93,.12)!important}

/* ----------------------------- Badges ------------------------------------ */
.primary-badge-v2404{
  background:linear-gradient(180deg,var(--p-gold-2),var(--p-gold))!important;
  color:#241a05!important;
  border-radius:var(--p-r-sm)!important;
}
.alt-badge-v2404{
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
  color:var(--p-muted)!important;
  border-radius:var(--p-r-sm)!important;
}
.badge,.pretty-top span{
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
}

/* ---------------------- Reiseverlauf-Elemente (legacy) ------------------- */
.route-marker span{
  background:linear-gradient(180deg,var(--p-gold-2),var(--p-gold))!important;
  box-shadow:0 0 0 6px rgba(232,163,61,.1)!important;
}
.routeflow:before,.routeflow.co-routeflow:before{
  background:linear-gradient(180deg,rgba(232,163,61,.7),rgba(91,155,255,.2))!important;
}
.datebadge b{color:var(--p-gold)!important}
.parking-open{
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
  transition:border-color .22s var(--p-ease), background .22s var(--p-ease)!important;
}
.parking-open:hover{border-color:rgba(232,163,61,.5)!important;background:rgba(232,163,61,.1)!important}
.pretty-icon{background:var(--p-soft)!important;border:1px solid var(--p-line)!important;border-radius:var(--p-r-sm)!important}

/* -------------------------- Upload & Dateien ----------------------------- */
.fileupload,.dropzone,.upload-zone{
  background:rgba(10,17,34,.5)!important;
  border:1px dashed var(--p-line-2)!important;
  border-radius:var(--p-r)!important;
}
.fileupload:hover,.dropzone:hover{border-color:rgba(232,163,61,.5)!important}

/* ------------------------- Chat & Support -------------------------------- */
.chat-bubble,.chatmsg,.support-msg{
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
}
.chat-bubble.own,.chatmsg.own{
  background:rgba(232,163,61,.14)!important;
  border-color:rgba(232,163,61,.35)!important;
}

/* ------------------------ Leere Zustände & Hinweise ----------------------- */
.empty-soft,.bigempty{
  background:rgba(10,17,34,.5)!important;
  border:1px dashed var(--p-line-2)!important;
  border-radius:var(--p-r)!important;
  color:var(--p-muted)!important;
}

/* ----------------------------- Dropdown-Pfeil ---------------------------- */
select{
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23e8a33d' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  padding-right:36px!important;
}

/* --------------------------- Sortier-Elemente ---------------------------- */
.drag-placeholder{
  background:rgba(232,163,61,.08)!important;
  border:1px dashed rgba(232,163,61,.4)!important;
  border-radius:var(--p-r-sm)!important;
  color:var(--p-gold)!important;
}

/* ------------------------------ Toasts etc. ------------------------------ */
.savehint{color:var(--p-gold)!important}
#toast,.toast{
  background:var(--p-card)!important;
  border:1px solid rgba(232,163,61,.45)!important;
  border-radius:var(--p-r-sm)!important;
  color:#fff!important;
  box-shadow:0 16px 40px rgba(0,0,0,.5)!important;
}

/* --------------------------- Admin-Bereiche ------------------------------ */
.camporga-admin-v131 .admin-clean-form input,
.camporga-admin-v131 .admin-clean-form textarea,
.camporga-admin-v131 .admin-template-form input,
.camporga-admin-v131 .admin-template-form textarea,
.camporga-admin-v131 .admin-inline-form input{
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
  color:var(--p-ink)!important;
  border-radius:var(--p-r-sm)!important;
  box-shadow:none!important;
}
.camporga-admin-v131 .admin-price-table label,
.camporga-admin-v131 .switch-line{
  background:rgba(10,17,34,.5)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
}
.camporga-admin-v131 code,code{
  background:rgba(10,17,34,.7)!important;
  border:1px solid var(--p-line)!important;
  border-radius:8px!important;
  color:var(--p-gold-2)!important;
}

/* ----------------------- Auth-Topbar (Impressum & Co) --------------------- */
.topbar,.auth-top{
  background:rgba(10,17,34,.9)!important;
  border-bottom:1px solid var(--p-line)!important;
}
.legal-card,.legal-shell .card{
  background:var(--p-card)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r)!important;
}

/* ============================================================================
   HARTE ÜBERSCHREIBUNG – gewinnt auch gegen die versionierten Alt-Regeln
   (z. B. .cards-as-original .dashboard-tripcard-v93 mit eigenen !important-
   Verläufen und translateY-Hover). Alles wird flach & eckig wie die Bus-App.
   ============================================================================ */

/* Reise-Karten (Dashboard + Reisen auswählen), alle Versionen */
html body .tripcard.card,
html body .cards-as-original .tripcard,
html body .dashboard-tripcards .tripcard{
  background:var(--p-card)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r)!important;
  box-shadow:inset 4px 0 0 var(--p-gold), var(--p-shadow)!important;
}
html body .tripcard.card::before,
html body .cards-as-original .tripcard::before,
html body .tripcard.card::after{
  background:none!important;
  background-image:none!important;
}
html body .tripcard.card:hover,
html body .cards-as-original .tripcard:hover,
html body .dashboard-tripcards .tripcard:hover{
  transform:none!important;
  border-color:rgba(232,163,61,.5)!important;
  box-shadow:inset 4px 0 0 var(--p-gold), var(--p-shadow), 0 0 26px rgba(232,163,61,.1)!important;
}
html body .triphead span{color:var(--p-gold)!important}

/* Willkommens-Hero & große Kopfkarten */
html body .hero.card,
html body .hero.card.glass,
html body .triphero,
html body .trip-summary,
html body .list-hero,
html body .compact-hero,
html body .settings-intro{
  background:
    radial-gradient(900px 300px at 90% -20%, rgba(31,58,107,.45), transparent 60%),
    var(--p-card)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r)!important;
  box-shadow:var(--p-shadow)!important;
  backdrop-filter:none!important;
}

/* Nutzerbox oben rechts: dunkel statt weiß */
html body.has-sidebar .pagebar .userbox,
html body .pagebar .userbox{
  background:var(--p-card)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-md)!important;
  box-shadow:none!important;
}
html body .pagebar .userbox b{color:#fff!important}
html body .pagebar .userbox span{color:var(--p-muted)!important}

/* Kachel-/Statistikflächen */
html body .scoreboard div,
html body .quickstats div,
html body .note,
html body .stats span,
html body .meta b{
  background:rgba(10,17,34,.55)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
  box-shadow:none!important;
}
html body .scoreboard .total,
html body .quickstats .wide-stat{
  background:rgba(232,163,61,.12)!important;
  border-color:rgba(232,163,61,.4)!important;
}
html body .stat{color:var(--p-gold)!important}

/* Listen-Karten & Checkpunkte: flach statt Verlauf */
html body .camporg-list-card{background:var(--p-card)!important}
html body .camporg-list-head{
  background:rgba(10,17,34,.55)!important;
  border-bottom:1px solid var(--p-line)!important;
}
html body .checkitem,
html body .smartcheck,
html body .shopitem{
  background:rgba(16,26,51,.92)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
  box-shadow:none!important;
}
html body .checkitem.done,
html body .smartcheck.done,
html body .shopitem.done{
  background:rgba(47,191,107,.08)!important;
  border-color:rgba(47,191,107,.3)!important;
}

/* Fortschrittsbalken: pures Gold statt Gold-Blau-Verlauf */
html body .progress{
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
}
html body .progress span{
  background:linear-gradient(90deg,var(--p-gold-2),var(--p-gold))!important;
}
html body .progressring{
  background:radial-gradient(circle at center,var(--p-card) 54%,transparent 55%),
             conic-gradient(var(--p-gold) 0 var(--ring,75%),rgba(255,255,255,.09) 0)!important;
  border:1px solid var(--p-line)!important;
}

/* Tabellen (.table) */
html body .table td{
  background:rgba(10,17,34,.5)!important;
  border-color:var(--p-line)!important;
}
html body .table th{color:var(--p-gold)!important}

/* Tages-Karten im alten Verlauf */
html body .day-main,
html body .day-inline,
html body .location-board{
  background:var(--p-card)!important;
  border-color:var(--p-line)!important;
}
html body .day-main{border-radius:var(--p-r)!important;box-shadow:var(--p-shadow)!important}

/* Schwebende Tab-Leisten */
html body .floatingtabs{
  background:rgba(10,17,34,.92)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-r-sm)!important;
}

/* Kein Hochhüpfen – auch für die restlichen Kartentypen */
html body .tripcard:hover,
html body .smartcheck:hover,
html body .checkitem:hover,
html body .camporg-list-card:hover{transform:none!important}

/* Sanftes Anheben der Deckkraft der Login-Deko passt zur ruhigen Fläche */
html body .brandicon{
  background:linear-gradient(180deg,var(--p-gold-2),var(--p-gold))!important;
  border-radius:var(--p-r-sm)!important;
  box-shadow:0 6px 18px rgba(232,163,61,.35)!important;
}

/* Deko-Kreise/Glüh-Blasen in Kopfkarten entfernen – ruhige, flache Fläche */
html body .list-hero::after,
html body .list-hero::before,
html body .co-list-hero::after,
html body .co-list-hero::before,
html body .compact-hero::after,
html body .settings-intro::after,
html body .triphero::after{
  display:none!important;
  content:none!important;
}

/* ============================================================================
   v3 – STRUKTUR & TYPOGRAFIE der Bus-App (nicht nur Farben!)
   ----------------------------------------------------------------------------
   · Bus-App-Schrift (System-Stack statt Inter) und Bus-App-Schriftgrößen
   · kompakte Navy-Kopfleiste mit Gold-Chip statt Riesen-Titelzeile
   · kleine GROSSBUCHSTABEN-Labels über allen Feldern und Kacheln
   · Kacheln „Label oben, Wert groß darunter“ wie im Bus-Tab
   · dichte Karten (14–16px Innenabstand) mit klarer Titelzeile
   · keine 68px-Marketing-Überschriften mehr – ruhige, kompakte Köpfe
   ============================================================================ */

/* ------------------------- Schrift wie die Bus-App ------------------------ */
html body, html body button, html body input, html body select, html body textarea{
  font-family:-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",sans-serif!important;
}
html body{font-size:16px}

/* --------------- Kopfleiste: kompakt, navy, mit Gold-Chip ----------------- */
html body.has-sidebar .pagebar{
  background:var(--p-navy)!important;
  border-bottom:1px solid rgba(0,0,0,.25)!important;
  box-shadow:0 2px 12px rgba(0,0,0,.25)!important;
  padding:10px 18px!important;
  min-height:60px;
  align-items:center!important;
}
html body.has-sidebar .pagebar h1{
  font-size:1.05rem!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  line-height:1.1!important;
  margin:0!important;
}
html body.has-sidebar .page-kicker{
  display:inline-block!important;
  background:var(--p-gold)!important;
  color:#241a05!important;
  border-radius:9px!important;
  padding:4px 8px!important;
  font-size:.66rem!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  margin:0 0 4px!important;
  text-shadow:none!important;
}
html body.has-sidebar .pagebar .userbox{
  padding:6px 12px!important;
  min-width:0!important;
}
html body.has-sidebar .pagebar .userbox b{font-size:.9rem!important}
html body.has-sidebar .pagebar .userbox span{font-size:.72rem!important}

/* -------- Schluss mit Riesen-Überschriften: kompakte Kopfkarten ---------- */
html body .hero h1,
html body .triphero h1,
html body .between h1,
html body .trip-summary h1,
html body .settings-intro h1,
html body .login-card h1{
  font-size:clamp(24px,2.6vw,32px)!important;
  line-height:1.12!important;
  letter-spacing:-.015em!important;
  margin:0 0 8px!important;
}
html body .list-hero h2,
html body .compact-hero h2,
html body .camporg-list-head h2,
html body .triphead h2{
  font-size:1.3rem!important;
  line-height:1.15!important;
  letter-spacing:-.01em!important;
}
html body .hero p,
html body .triphero p,
html body .settings-intro p,
html body .trip-summary p{
  font-size:.92rem!important;
  line-height:1.5!important;
}
/* Kopfkarten kompakt wie Bus-App-Karten */
html body .hero.card,
html body .triphero,
html body .trip-summary,
html body .settings-intro,
html body .list-hero,
html body .compact-hero{
  padding:16px 18px!important;
  margin-top:12px!important;
  margin-bottom:12px!important;
  gap:16px!important;
}
html body .card{padding:14px 16px}
html body .hero .row{margin-top:10px!important}

/* -------- GROSSBUCHSTABEN-Sektionslabels (das Bus-App-h3) ---------------- */
html body .eyebrow,
html body .modalhead small,
html body .side-label,
html body h3:not(.htitle),
html body .setsec,
html body .boardhead strong{
  font-size:.72rem!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:var(--p-gold)!important;
  font-weight:800!important;
}

/* -------- Kacheln: Label klein oben, Wert groß darunter (Bus-Tab) -------- */
html body .scoreboard div,
html body .quickstats div,
html body .hero .quickform ~ * div,
html body .tc-meta div{
  padding:10px 12px!important;
  display:block!important;
}
html body .scoreboard small,
html body .quickstats small,
html body .tc-meta span{
  display:block!important;
  font-size:.64rem!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:var(--p-muted)!important;
  margin:0 0 3px!important;
}
html body .scoreboard b,
html body .quickstats b{
  display:block!important;
  font-size:1.55rem!important;
  font-weight:800!important;
  line-height:1.1!important;
  font-variant-numeric:tabular-nums;
  margin:0!important;
}
html body .tc-meta b{font-size:.95rem!important}
html body .stat{font-size:1.7rem!important;letter-spacing:-.02em!important}

/* --------------- Feld-Labels: klein, GROSS, wie .field span --------------- */
html body .form label,
html body .modalform label,
html body .mf label,
html body .quickform label,
html body label > span:first-child,
html body .daymetrics small,
html body .checkcontrols label{
  font-size:.72rem!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:var(--p-muted)!important;
}
html body input[type=text],html body input[type=email],html body input[type=password],
html body input[type=number],html body input[type=date],html body select,html body textarea{
  padding:11px 13px!important;
  font-size:.95rem!important;
}

/* ---------------- Buttons: Bus-App-Dichte statt XXL-Pillen ---------------- */
html body .btn{
  padding:0 16px!important;
  min-height:46px!important;
  font-size:.95rem!important;
  gap:8px!important;
}
html body .btn.small,html body .btn.mini{
  min-height:38px!important;
  padding:0 12px!important;
  font-size:.85rem!important;
}
html body .roundplus{width:46px!important;height:46px!important;font-size:26px!important}

/* ----------------- Chips & Pills: Bus-App-Größe (.8rem) ------------------- */
html body .chip,html body .pill,html body .amenity-badge,
html body .meta b,html body .stats span{
  font-size:.8rem!important;
  font-weight:700!important;
  padding:5px 10px!important;
}
html body .tc-badge{font-size:.66rem!important;padding:4px 9px!important}

/* -------------------- Karten-Titelzeilen wie .card .title ----------------- */
html body .card > h2:first-child,
html body .formcard h2,
html body .module-card h2{
  font-size:1rem!important;
  font-weight:800!important;
  margin:0 0 10px!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

/* ------------------------ Sidebar kompakt & ruhig ------------------------- */
html body.has-sidebar .side-link{
  min-height:44px!important;
  font-size:.9rem!important;
  font-weight:700!important;
}
html body.has-sidebar .sidebrand.sidebrand-logo{height:72px!important;min-height:72px!important}
html body .active-trip-card strong{font-size:.95rem!important}
html body .active-trip-card span{font-size:.6rem!important;letter-spacing:.14em!important}

/* ------------------------- Modale: kompakter Kopf ------------------------- */
html body .modalhead h2{font-size:1.35rem!important}
html body .modalhead p{font-size:.85rem!important}
html body .modalbox,html body .locationbox,html body .slimmodal,
html body .daymodal,html body .storagebox,html body .rulebox,
html body .actionbox,html body .filebox{padding:18px!important}

/* ----------------------- Tabs: Bus-App-Segmentmaß ------------------------- */
html body .tab,html body .triptab,html body .trip-view-switch button{
  padding:9px 12px!important;
  font-size:.85rem!important;
}

/* ------------------- Listen-/Tabellenzeilen kompakter --------------------- */
html body .checkmini,html body .shopitem,html body .checkitem,html body .smartcheck{
  padding:9px 11px!important;
}
html body .checkline strong,html body .shop-title{font-size:.98rem!important}
html body .table td{padding:11px 10px!important;font-size:.9rem!important}
html body .table th{font-size:.66rem!important}

/* ----------------------- Fußzeile ruhig & klein --------------------------- */
html body .footer-card{padding:12px 16px!important}
html body .footer,.footer *{font-size:.78rem!important}

/* ------------------- Mobile: Bus-App-Dichte auch am Handy ----------------- */
@media (max-width:980px){
  html body .hero h1,html body .triphero h1,html body .between h1{
    font-size:clamp(22px,6vw,27px)!important;
  }
  html body .card{padding:12px 13px!important}
  html body .hero.card,html body .triphero,html body .list-hero{padding:14px!important}
}

/* ============================================================================
   v4 – VOLLE ANIMATION + Restdurchsetzung (Spezifitäts-Booster)
   Prefix html body[class][class][class] schlägt auch Regeln wie
   body.dashboard-page .hero h1{...!important} aus style.css.
   ============================================================================ */

/* ------- Riesen-Überschriften endgültig kompakt (gewinnt jetzt überall) ---- */
html body[class][class][class] .hero h1,
html body[class][class][class] .triphero h1,
html body[class][class][class] .between h1,
html body[class][class][class] .trip-summary h1,
html body[class][class][class] .settings-intro h1{
  font-size:clamp(24px,2.6vw,32px)!important;
  line-height:1.12!important;
  letter-spacing:-.015em!important;
  margin:0 0 8px!important;
}
html body[class][class][class] .hero.card,
html body[class][class][class] .triphero,
html body[class][class][class] .settings-intro,
html body[class][class][class] .trip-summary{
  padding:16px 18px!important;
}
html body[class][class][class] .hero p,
html body[class][class][class] .triphero p{
  font-size:.92rem!important;
}

/* --------- Kachel-Werte dürfen nicht umbrechen („0,00 €“ in 2 Zeilen) ------ */
html body[class][class] .scoreboard b,
html body[class][class] .quickstats b{
  white-space:nowrap!important;
  font-size:clamp(1.1rem,1.4vw,1.55rem)!important;
}
html body[class][class] .scoreboard small,
html body[class][class] .quickstats small{
  white-space:normal!important;
  line-height:1.3!important;
}
html body[class][class] .scoreboard div,
html body[class][class] .quickstats div{min-width:0}

/* ============================ ANIMATIONS-PAKET ============================ */
@keyframes coSlideRight{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@keyframes coSlideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes coScaleIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes coAurora{
  0%{background-position:0% 0%}
  50%{background-position:60% 30%}
  100%{background-position:0% 0%}
}
@keyframes coShimmer{
  0%{background-position:-140% 0}
  100%{background-position:240% 0}
}
@keyframes coGlowPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(232,163,61,.0)}
  50%{box-shadow:0 0 22px 2px rgba(232,163,61,.16)}
}
@keyframes coBarStripes{
  0%{background-position:0 0}
  100%{background-position:28px 0}
}
@keyframes coCheckPop{
  0%{transform:scale(.6)}
  60%{transform:scale(1.15)}
  100%{transform:scale(1)}
}
@keyframes coAccentPulse{
  0%,100%{opacity:.85}
  50%{opacity:.45}
}
@keyframes coIconNudge{
  0%,100%{transform:none}
  40%{transform:rotate(-6deg) scale(1.08)}
  70%{transform:rotate(4deg)}
}

/* Lebendiger Hintergrund: Aurora wandert ganz langsam */
html body,
html body.has-sidebar{
  background-size:180% 180%!important;
  animation:coAurora 40s ease-in-out infinite;
}

/* Kopfleiste gleitet herein, Nutzerbox zieht nach */
html body.has-sidebar .pagebar{animation:coSlideDown .5s var(--p-ease) both}
html body.has-sidebar .pagebar .userbox{animation:coSlideDown .6s .12s var(--p-ease) both}

/* Sidebar: Einträge staffeln sich beim Laden ein */
html body.has-sidebar aside.sidebar .side-section{animation:coSlideRight .45s var(--p-ease) both}
html body.has-sidebar aside.sidebar .side-section:nth-of-type(1){animation-delay:.05s}
html body.has-sidebar aside.sidebar .side-section:nth-of-type(2){animation-delay:.12s}
html body.has-sidebar aside.sidebar .side-section:nth-of-type(3){animation-delay:.19s}
html body.has-sidebar aside.sidebar .side-section:nth-of-type(4){animation-delay:.26s}
html body.has-sidebar .side-footer{animation:coSlideRight .5s .3s var(--p-ease) both}
/* Aktiver Menüpunkt: goldener Balken pulsiert sanft */
.side-link.active::before{animation:coAccentPulse 2.6s ease-in-out infinite}
/* Icon nickt kurz beim Hover */
.side-link:hover b{animation:coIconNudge .5s var(--p-ease)}

/* Karten: sanfter Glüh-Puls beim Hover (statt Hochhüpfen) */
.card:hover,.tcard:hover,.tripcard:hover,.day-summary:hover,.dev-card:hover{
  animation:coGlowPulse 1.8s ease-in-out infinite;
}

/* Kacheln (Statistiken) poppen nacheinander auf */
html body .scoreboard div,
html body .quickstats div,
html body .tc-meta div{animation:coScaleIn .4s var(--p-ease) both}
html body .scoreboard div:nth-child(2),html body .quickstats div:nth-child(2),html body .tc-meta div:nth-child(2){animation-delay:.07s}
html body .scoreboard div:nth-child(3),html body .quickstats div:nth-child(3),html body .tc-meta div:nth-child(3){animation-delay:.14s}
html body .scoreboard div:nth-child(4),html body .quickstats div:nth-child(4),html body .tc-meta div:nth-child(4){animation-delay:.21s}

/* Gold-Buttons: Glanz läuft beim Hover durch */
html body .btn:not(.ghost):not(.danger):not(.soft),
html body .login-submit-v136,
html body .tab.active,html body .triptab.active{
  background:linear-gradient(105deg,var(--p-gold-2) 0%,var(--p-gold) 34%,#ffe6ad 50%,var(--p-gold) 66%,var(--p-gold-2) 100%)!important;
  background-size:240% 100%!important;
  background-position:12% 0!important;
  color:#241a05!important;
  transition:background-position .55s var(--p-ease), box-shadow .28s var(--p-ease), filter .22s var(--p-ease)!important;
}
html body .btn:not(.ghost):not(.danger):not(.soft):hover,
html body .login-submit-v136:hover{
  background-position:88% 0!important;
}

/* Fortschrittsbalken: animierte Streifen + Schimmer */
html body .progress span{
  background:
    repeating-linear-gradient(45deg,rgba(255,255,255,.14) 0 8px,transparent 8px 16px),
    linear-gradient(90deg,var(--p-gold-2),var(--p-gold))!important;
  background-size:28px 28px,100% 100%!important;
  animation:coBarStripes 1.1s linear infinite;
}

/* Häkchen ploppen beim Anhaken */
.minicheck input:checked+span,
.bigcheck input:checked+span,
.checkmini.done .checkcircle{animation:coCheckPop .35s var(--p-spring)}

/* Chips wachsen minimal beim Hover (kein Hüpfen, nur Präsenz) */
.chip:hover,.amenity-badge:hover,.pill:hover{
  box-shadow:0 0 14px rgba(232,163,61,.18)!important;
}

/* Listenzeilen blenden gestaffelt ein */
.compactlist > *,.compactshop > *,.pretty-location-list > *,
.camporg-list-body > *,.dev-grid > *{animation:coFadeUp .4s var(--p-ease) both}
.compactlist > *:nth-child(2),.compactshop > *:nth-child(2),.pretty-location-list > *:nth-child(2),.camporg-list-body > *:nth-child(2),.dev-grid > *:nth-child(2){animation-delay:.05s}
.compactlist > *:nth-child(3),.compactshop > *:nth-child(3),.pretty-location-list > *:nth-child(3),.camporg-list-body > *:nth-child(3),.dev-grid > *:nth-child(3){animation-delay:.1s}
.compactlist > *:nth-child(4),.compactshop > *:nth-child(4),.pretty-location-list > *:nth-child(4),.camporg-list-body > *:nth-child(4),.dev-grid > *:nth-child(4){animation-delay:.15s}
.compactlist > *:nth-child(n+5),.compactshop > *:nth-child(n+5),.pretty-location-list > *:nth-child(n+5),.camporg-list-body > *:nth-child(n+5),.dev-grid > *:nth-child(n+5){animation-delay:.2s}

/* Modale: federnder Auftritt mit leichtem 3D-Kippen */
.modal.open   > .modalbox, .modal.show   > .modalbox, .modal.is-open> .modalbox,
.modal.open   > .locationbox,.modal.open  > .slimmodal,.modal.open  > .daymodal,
.modal.open   > .storagebox, .modal.open  > .rulebox,  .modal.open  > .actionbox,
.modal.open   > .filebox,    .modal.open  > .checklist-editor-box,
.modal.open   > .trip-settings-modal-v107,.modal.show > .trip-settings-modal-v107,
.modal.is-open> .trip-settings-modal-v107{
  animation:coModal3d .5s var(--p-spring) both!important;
}
@keyframes coModal3d{
  0%{opacity:0;transform:perspective(900px) rotateX(6deg) scale(.94) translateY(22px)}
  55%{opacity:1}
  100%{opacity:1;transform:none}
}
.modal{perspective:900px}

/* Eingabefelder: Fokus zieht einen goldenen Ring auf */
html body input:focus,html body select:focus,html body textarea:focus{
  animation:coFocusRing .35s var(--p-ease);
}
@keyframes coFocusRing{
  0%{box-shadow:0 0 0 0 rgba(232,163,61,.4)}
  100%{box-shadow:0 0 0 3px rgba(232,163,61,.16)}
}

/* Flash-Meldungen federn herein */
.flash.card,.flash{animation:coFlashIn .5s var(--p-spring) both}

/* Sanftes Scrollen überall */
html{scroll-behavior:smooth}

/* ================= Weniger Bewegung gewünscht (FINAL, gewinnt) =========== */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01s!important}
  html{scroll-behavior:auto}
  html body,html body.has-sidebar{animation:none!important}
}

/* Mobile: kompakte Köpfe endgültig durchsetzen */
@media (max-width:980px){
  html body[class][class][class] .hero h1,
  html body[class][class][class] .triphero h1,
  html body[class][class][class] .between h1,
  html body[class][class][class] .settings-intro h1{
    font-size:clamp(21px,5.6vw,26px)!important;
    line-height:1.15!important;
  }
  html body[class][class][class] .hero p,
  html body[class][class][class] .triphero p{
    font-size:.9rem!important;
    line-height:1.5!important;
  }
  html body[class][class][class] .hero.card,
  html body[class][class][class] .triphero{padding:14px!important}
  html body[class][class] .scoreboard small,
  html body[class][class] .quickstats small{
    font-size:.6rem!important;
    letter-spacing:.08em!important;
  }
}

/* ============================================================================
   v5 – Feinschliff nach Florians Live-Test
   · Restliche große Rundungen (Listen-Familie, Chat) auf das 18px-System
   · Deko-Kreis + Farbverläufe in den Listen-Kopfkarten entfernt
   · Fortschrittsbalken der Listen: pures Gold statt Gelb→Blau
   · „Meine Einstellungen": doppelt verschobenes Layout repariert
   · „Meine Dateien": Vorschau + Dateinamen bleiben in der Box
   · Chat/Support in die Bus-App-Optik
   ============================================================================ */

/* ---------- Layout-Reparatur: Einstellungen (und überall dasselbe Modell) --
   style.css mischt zwei Layouts: feste 320px-Sidebar + margin-left:320px (v214)
   UND ein altes Grid (276px+1fr) nur auf den Einstellungsseiten. Beides zusammen
   schob den Inhalt 596px nach rechts. Hier gilt überall NUR das v214-Modell. */
@media (min-width:981px){
  html body[class][class][class].has-sidebar .app-shell{
    display:block!important;
    grid-template-columns:none!important;
  }
  html body[class][class][class].has-sidebar .page-area{
    margin-left:var(--co-sidebar-width,320px)!important;
    width:auto!important;
    max-width:none!important;
  }
}

/* --------------- Listen / Vorlagen / Admin-Vorlagen: eckig & flach --------- */
html body[class][class][class] .co-list-hero-copy,
html body[class][class][class] .co-list-stats,
html body[class][class][class] .co-list-toolbar,
html body[class][class][class] .co-list-sidebar,
html body[class][class][class] .co-list-panel,
html body[class][class][class] .co-list-empty,
html body[class][class][class] .my-files-panel,
html body[class][class][class] .my-files-hero{
  border-radius:var(--p-r)!important;
  background:var(--p-card)!important;
  border:1px solid var(--p-line)!important;
  box-shadow:var(--p-shadow)!important;
}
html body[class][class][class] .co-list-stats div{
  border-radius:var(--p-r-sm)!important;
  background:rgba(10,17,34,.55)!important;
  border:1px solid var(--p-line)!important;
}
/* Deko-Kreis und Glüh-Verläufe in den Kopfkarten: weg */
html body[class][class][class] .co-list-hero-copy::after,
html body[class][class][class] .co-list-hero-copy::before,
html body[class][class][class] .co-list-hero::after,
html body[class][class][class] .co-list-hero::before{
  display:none!important;
  content:none!important;
}
/* Fortschrittsbalken der Listen: Gold, dezent eckig, animierte Streifen */
html body[class][class][class] .co-progress{
  border-radius:3px!important;
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
}
html body[class][class][class] .co-progress span{
  border-radius:2px!important;
  background:
    repeating-linear-gradient(45deg,rgba(255,255,255,.14) 0 8px,transparent 8px 16px),
    linear-gradient(90deg,var(--p-gold-2),var(--p-gold))!important;
  background-size:28px 28px,100% 100%!important;
  animation:coBarStripes 1.1s linear infinite;
}

/* ---------------------- Chat & Support: Bus-App-Optik ---------------------- */
html body[class][class] .support-chat,
html body[class][class] .support-ticket-create,
html body[class][class] .support-tickets,
html body[class][class] .support-chat-list,
html body[class][class] .support-chat-main,
html body[class][class] .support-chat-top,
html body[class][class] .support-live-chat,
html body[class][class] .support-composer,
html body[class][class] .support-list-head,
html body[class][class] .v141-ticket-modal{
  border-radius:var(--p-r)!important;
  background:var(--p-card)!important;
  border:1px solid var(--p-line)!important;
  box-shadow:var(--p-shadow)!important;
}
html body[class][class] .support-live-chat{background:rgba(10,17,34,.5)!important}
html body[class][class] .chat-msg{
  border-radius:var(--p-r-sm)!important;
  background:var(--p-soft)!important;
  border:1px solid var(--p-line)!important;
  animation:coFadeUp .35s var(--p-ease) both;
}
html body[class][class] .chat-msg.mine{
  background:rgba(232,163,61,.14)!important;
  border-color:rgba(232,163,61,.4)!important;
}
html body[class][class] .chat-msg-meta{color:var(--p-muted)!important;font-size:.72rem!important}
html body[class][class] .chat-img{border-radius:var(--p-r-sm)!important;max-width:100%!important}
html body[class][class] .chat-lightbox img{border-radius:var(--p-r)!important}
html body[class][class] .support-composer input,
html body[class][class] .support-composer textarea{border-radius:var(--p-r-sm)!important}

/* ------------- „Meine Dateien": alles bleibt sauber in der Box ------------- */
html body[class][class] .my-file-card{
  overflow:hidden!important;
  border-radius:var(--p-r-sm)!important;
  background:rgba(10,17,34,.5)!important;
  border:1px solid var(--p-line)!important;
}
html body[class][class] .my-file-info{
  min-width:0!important;
  overflow:hidden!important;
}
html body[class][class] .my-file-info strong,
html body[class][class] .my-file-info small,
html body[class][class] .my-file-info em{
  display:block!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
html body[class][class] .my-file-thumb{
  border-radius:var(--p-r-sm)!important;
  flex:none;
}
html body[class][class] .my-file-thumb img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  max-width:64px!important;max-height:64px!important;
}
html body[class][class] .my-file-actions{
  flex-wrap:wrap!important;
  gap:6px!important;
  min-width:0!important;
}
html body[class][class] .my-files-grid{
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;
}

/* Toast-Häkchen der Listen bleibt rund (ist ein Icon), Rest eckig */

/* Alle Kopfkarten-Titel (h1 im Inhalt) einheitlich kompakt – Bus-App-Maß */
html body[class][class][class] main h1{
  font-size:clamp(22px,2.4vw,30px)!important;
  line-height:1.15!important;
  letter-spacing:-.015em!important;
  margin-top:0!important;
}
@media (max-width:980px){
  html body[class][class][class] main h1{font-size:clamp(20px,5.4vw,24px)!important}
}

/* ============================================================================
   v6 – ECKIG ÜBERALL (Florians Wunsch: keine Pillen-Formen mehr)
   Alles, was in style.css noch mit 999px-Rundung daherkommt, wird eckig.
   Bewusst rund bleiben nur echte Kreise (Fortschrittsring, Punkte).
   ============================================================================ */
html body[class][class] .pill,
html body[class][class] .chip,
html body[class][class] .amenity-badge,
html body[class][class] .badge,
html body[class][class] .tc-badge,
html body[class][class] .meta b,
html body[class][class] .stats span,
html body[class][class] .day-chipline span,
html body[class][class] .co-item-category,
html body[class][class] .check-editor-head span,
html body[class][class] .chat-new-badge,
html body[class][class] .progresspill,
html body[class][class] .login-mini-stats span,
html body[class][class] .active-trip-card a,
html body[class][class] .parking-open b,
html body[class][class] .sync,
html body[class][class] .side-user,
html body[class][class] .carttoggle,
html body[class][class] .amenities label{
  border-radius:var(--p-r-sm)!important;
}
/* Fortschrittsbalken flach-eckig */
html body[class][class] .progress,
html body[class][class] .progress span{border-radius:3px!important}
/* Scrollbalken eckig */
*::-webkit-scrollbar-thumb{border-radius:3px!important}
/* Eingaben/Buttons: sicherstellen, dass nichts >10px bleibt */
html body[class][class] .btn,
html body[class][class] .icon-btn,
html body[class][class] .iconbtn,
html body[class][class] .icondelete,
html body[class][class] .cartbtn,
html body[class][class] .checkcircle,
html body[class][class] .minicheck span,
html body[class][class] .bigcheck span,
html body[class][class] .mobile-menu-toggle,
html body[class][class] .mobile-quick-trip,
html body[class][class] .roundplus,
html body[class][class] .roundedit-v2404{
  border-radius:var(--p-r-md)!important;
}
html body[class][class] .btn.small,
html body[class][class] .btn.mini{border-radius:var(--p-r-sm)!important}
/* Toast eckig */
html body[class][class] #toast,
html body[class][class] .toast,
html body[class][class] .co-list-action-toast{border-radius:var(--p-r-sm)!important}

/* ============================================================================
   v6.1 – ECKIG ÜBERALL, zweite Welle (nach Mess-Sweep)
   style.css gewinnt viele Radius-Kämpfe mit versionierten !important-Regeln
   (z.B. .btn.primary 13px, .modalbox 26px, .trip-status 999px). Hier wird mit
   dem [class]-Booster ALLES auf das eckige 10/8/6-System gezwungen.
   Bewusst rund bleiben: Radios, Spinner, Status-Punkte.
   ============================================================================ */

/* -- Interaktive Elemente: 8px -- */
html body:not(#co0):not(#co0):not(#co0)[class] button,
html body:not(#co0):not(#co0):not(#co0)[class] .btn,
html body:not(#co0):not(#co0):not(#co0)[class] .btn.primary,
html body:not(#co0):not(#co0):not(#co0)[class] .btn.ghost,
html body:not(#co0):not(#co0):not(#co0)[class] .btn.soft,
html body:not(#co0):not(#co0):not(#co0)[class] .btn.danger,
html body:not(#co0):not(#co0):not(#co0)[class] input:not([type=radio]):not([type=checkbox]):not([type=range]),
html body:not(#co0):not(#co0):not(#co0)[class] select,
html body:not(#co0):not(#co0):not(#co0)[class] textarea,
html body:not(#co0):not(#co0):not(#co0)[class] .icon-action,
html body:not(#co0):not(#co0):not(#co0)[class] .mobile-menu-toggle,
html body:not(#co0):not(#co0):not(#co0)[class] .side-logout,
html body:not(#co0):not(#co0):not(#co0)[class] .userbox{
  border-radius:var(--p-r-md)!important;
}

/* -- Kleine Bedienelemente / Chips: 6px -- */
html body:not(#co0):not(#co0):not(#co0)[class] .btn.small,
html body:not(#co0):not(#co0):not(#co0)[class] .btn.mini,
html body:not(#co0):not(#co0):not(#co0)[class] .modal-close,
html body:not(#co0):not(#co0):not(#co0)[class] .modalclose,
html body:not(#co0):not(#co0):not(#co0)[class] .mx,
html body:not(#co0):not(#co0):not(#co0)[class] .mini-delete,
html body:not(#co0):not(#co0):not(#co0)[class] .icondelete,
html body:not(#co0):not(#co0):not(#co0)[class] .side-link,
html body:not(#co0):not(#co0):not(#co0)[class] .side-user,
html body:not(#co0):not(#co0):not(#co0)[class] .page-kicker,
html body:not(#co0):not(#co0):not(#co0)[class] .pill,
html body:not(#co0):not(#co0):not(#co0)[class] .chip,
html body:not(#co0):not(#co0):not(#co0)[class] .badge,
html body:not(#co0):not(#co0):not(#co0)[class] .tc-badge,
html body:not(#co0):not(#co0):not(#co0)[class] .trip-status,
html body:not(#co0):not(#co0):not(#co0)[class] .check-editor-status,
html body:not(#co0):not(#co0):not(#co0)[class] .check-editor-head small,
html body:not(#co0):not(#co0):not(#co0)[class] .check-editor-head span,
html body:not(#co0):not(#co0):not(#co0)[class] .chat-new-badge,
html body:not(#co0):not(#co0):not(#co0)[class] .progresspill,
html body:not(#co0):not(#co0):not(#co0)[class] .co-item-category,
html body:not(#co0):not(#co0):not(#co0)[class] .meta b,
html body:not(#co0):not(#co0):not(#co0)[class] .stats span,
html body:not(#co0):not(#co0):not(#co0)[class] .day-chipline span,
html body:not(#co0):not(#co0):not(#co0)[class] .amenity-badge,
html body:not(#co0):not(#co0):not(#co0)[class] .amenities label,
html body:not(#co0):not(#co0):not(#co0)[class] .login-mini-stats span,
html body:not(#co0):not(#co0):not(#co0)[class] .active-trip-card a,
html body:not(#co0):not(#co0):not(#co0)[class] .parking-open b,
html body:not(#co0):not(#co0):not(#co0)[class] .sync,
html body:not(#co0):not(#co0):not(#co0)[class] .carttoggle,
html body:not(#co0):not(#co0):not(#co0)[class] .tripcard-mainlink span,
html body:not(#co0):not(#co0):not(#co0)[class] .tripcard-mainlink small{
  border-radius:var(--p-r-sm)!important;
}

/* -- Flächen / Karten / Modale: 10px -- */
html body:not(#co0):not(#co0):not(#co0)[class] .modal-box,
html body:not(#co0):not(#co0):not(#co0)[class] .modalbox,
html body:not(#co0):not(#co0):not(#co0)[class] .locationbox,
html body:not(#co0):not(#co0):not(#co0)[class] .slimmodal,
html body:not(#co0):not(#co0):not(#co0)[class] .daymodal,
html body:not(#co0):not(#co0):not(#co0)[class] .storagebox,
html body:not(#co0):not(#co0):not(#co0)[class] .rulebox,
html body:not(#co0):not(#co0):not(#co0)[class] .actionbox,
html body:not(#co0):not(#co0):not(#co0)[class] .filebox,
html body:not(#co0):not(#co0):not(#co0)[class] .checklist-editor-box,
html body:not(#co0):not(#co0):not(#co0)[class] .trip-settings-modal-v107,
html body:not(#co0):not(#co0):not(#co0)[class] .modalhead,
html body:not(#co0):not(#co0):not(#co0)[class] .tripcard-mainlink,
html body:not(#co0):not(#co0):not(#co0)[class] .sidebrand,
html body:not(#co0):not(#co0):not(#co0)[class] .sidebrand-logo,
html body:not(#co0):not(#co0):not(#co0)[class] .side-footer,
html body:not(#co0):not(#co0):not(#co0)[class] .active-trip-card,
html body:not(#co0):not(#co0):not(#co0)[class] .archive-warning-card,
html body:not(#co0):not(#co0):not(#co0)[class] .delete-warning-card,
html body:not(#co0):not(#co0):not(#co0)[class] .co-empty-icon,
html body:not(#co0):not(#co0):not(#co0)[class] .co-position-modal-form,
html body:not(#co0):not(#co0):not(#co0)[class] .co-note-modal-form,
html body:not(#co0):not(#co0):not(#co0)[class] .check-editor-tabs,
html body:not(#co0):not(#co0):not(#co0)[class] .unified-category-row-v203{
  border-radius:var(--p-r)!important;
}

/* -- Fortschrittsbalken flach-eckig -- */
html body:not(#co0):not(#co0):not(#co0)[class] .progress,
html body:not(#co0):not(#co0):not(#co0)[class] .progress span,
html body:not(#co0):not(#co0):not(#co0)[class] .co-progress,
html body:not(#co0):not(#co0):not(#co0)[class] .co-progress span,
html body:not(#co0):not(#co0):not(#co0)[class] .trip-progress,
html body:not(#co0):not(#co0):not(#co0)[class] .trip-progress span,
html body:not(#co0):not(#co0):not(#co0)[class] .travel-progress,
html body:not(#co0):not(#co0):not(#co0)[class] .travel-progress span{
  border-radius:3px!important;
}


/* ============================================================================
   v6.2 - ECKIG: automatisch ermittelte Restposten (Mess-Sweep ueber alle Seiten)
   ============================================================================ */
/* Grosse Flaechen -> 10px */
html body:not(#co0):not(#co0):not(#co0)[class] .admin-var-box,
html body:not(#co0):not(#co0):not(#co0)[class] .aktuelles-hero,
html body:not(#co0):not(#co0):not(#co0)[class] .anleitungen-placeholder-v209,
html body:not(#co0):not(#co0):not(#co0)[class] .camp-map-status,
html body:not(#co0):not(#co0):not(#co0)[class] .camp-v55-date-series-panel.camp-v55-new-camping-price.parking-series-v2404,
html body:not(#co0):not(#co0):not(#co0)[class] .camp-v77-energy-preview.vehicle-preview-v104,
html body:not(#co0):not(#co0):not(#co0)[class] .campdays.camp-v67-series-block.parking-series-v2404,
html body:not(#co0):not(#co0):not(#co0)[class] .card.settings-v127-card.profile-tab,
html body:not(#co0):not(#co0):not(#co0)[class] .chat-attach,
html body:not(#co0):not(#co0):not(#co0)[class] .check-editor-list,
html body:not(#co0):not(#co0):not(#co0)[class] .check-editor-row,
html body:not(#co0):not(#co0):not(#co0)[class] .check-editor-tabs,
html body:not(#co0):not(#co0):not(#co0)[class] .choice-card,
html body:not(#co0):not(#co0):not(#co0)[class] .co-create-list-examples-v196,
html body:not(#co0):not(#co0):not(#co0)[class] .co-list-hero.lt-hero,
html body:not(#co0):not(#co0):not(#co0)[class] .co-nav-icon,
html body:not(#co0):not(#co0):not(#co0)[class] .co-note-modal-form,
html body:not(#co0):not(#co0):not(#co0)[class] .co-panel-icon,
html body:not(#co0):not(#co0):not(#co0)[class] .co-position-modal-form,
html body:not(#co0):not(#co0):not(#co0)[class] .compact-add-amenities.compact-add-amenities-v2412,
html body:not(#co0):not(#co0):not(#co0)[class] .excluded-empty-v200,
html body:not(#co0):not(#co0):not(#co0)[class] .grid2.co-location-main-fields.parking-main-fields-v2412,
html body:not(#co0):not(#co0):not(#co0)[class] .lt-item,
html body:not(#co0):not(#co0):not(#co0)[class] .modal-box.modal-card.modal-lg,
html body:not(#co0):not(#co0):not(#co0)[class] .modal-close.ticket-x-v196,
html body:not(#co0):not(#co0):not(#co0)[class] .modalbox.checklist-choose-modal.checklist-choose-polished,
html body:not(#co0):not(#co0):not(#co0)[class] .modalbox.checklist-editor-box,
html body:not(#co0):not(#co0):not(#co0)[class] .modalbox.co-create-list-box-v196,
html body:not(#co0):not(#co0):not(#co0)[class] .modalbox.excluded-box-v200,
html body:not(#co0):not(#co0):not(#co0)[class] .modalbox.modal-sm.co-note-modal-box,
html body:not(#co0):not(#co0):not(#co0)[class] .modalbox.modal-sm.co-position-modal-box,
html body:not(#co0):not(#co0):not(#co0)[class] .modalbox.trip-checklist-modal.compact-checklist-box,
html body:not(#co0):not(#co0):not(#co0)[class] .modalbox.trip-settings-modal-v107,
html body:not(#co0):not(#co0):not(#co0)[class] .modalbox.unified-category-box-v203,
html body:not(#co0):not(#co0):not(#co0)[class] .modalbox.v141-ticket-modal,
html body:not(#co0):not(#co0):not(#co0)[class] .muted.routecalc-empty-v226,
html body:not(#co0):not(#co0):not(#co0)[class] .parking-info-v2412,
html body:not(#co0):not(#co0):not(#co0)[class] .parking-panel-v2412.amenities-panel-v2412.amenities-left-v2416,
html body:not(#co0):not(#co0):not(#co0)[class] .parking-panel-v2412.parking-info-panel-v2412,
html body:not(#co0):not(#co0):not(#co0)[class] .parking-panel-v2412.primary-panel-v2412,
html body:not(#co0):not(#co0):not(#co0)[class] .parking-panel-v2412,
html body:not(#co0):not(#co0):not(#co0)[class] .profile-mail-status.confirmed,
html body:not(#co0):not(#co0):not(#co0)[class] .route-day.co-day-card,
html body:not(#co0):not(#co0):not(#co0)[class] .route-home-box-v230.route-home-end-v230,
html body:not(#co0):not(#co0):not(#co0)[class] .route-home-box-v230.route-home-start-v230,
html body:not(#co0):not(#co0):not(#co0)[class] .route-home-icon-v230,
html body:not(#co0):not(#co0):not(#co0)[class] .routecalc-node-v226.is-high.routecalc-home-node-v231,
html body:not(#co0):not(#co0):not(#co0)[class] .settings-v127-add-price,
html body:not(#co0):not(#co0):not(#co0)[class] .settings-v127-hero,
html body:not(#co0):not(#co0):not(#co0)[class] .settings-v127-menu.card,
html body:not(#co0):not(#co0):not(#co0)[class] .settings-v127-menu,
html body:not(#co0):not(#co0):not(#co0)[class] .settings-v127-panel.js-settings-consumption-form,
html body:not(#co0):not(#co0):not(#co0)[class] .settings-v127-panel.js-settings-vehicle-form.active,
html body:not(#co0):not(#co0):not(#co0)[class] .settings-v127-panel,
html body:not(#co0):not(#co0):not(#co0)[class] .settings-v127-preview,
html body:not(#co0):not(#co0):not(#co0)[class] .settings-v127-price-row.active,
html body:not(#co0):not(#co0):not(#co0)[class] .support-conv-card.group-card.active,
html body:not(#co0):not(#co0):not(#co0)[class] .support-direct-form,
html body:not(#co0):not(#co0):not(#co0)[class] .trip-settings-section-card.hero-card-v104,
html body:not(#co0):not(#co0):not(#co0)[class] .triphero.card.glass,
html body:not(#co0):not(#co0):not(#co0)[class] .unified-category-row-v203.category-row,
html body:not(#co0):not(#co0):not(#co0)[class] .unified-category-row-v203.unified-category-add-v203.category-add,
html body:not(#co0):not(#co0):not(#co0)[class] .unified-category-row-v203.unified-category-add-v203,
html body:not(#co0):not(#co0):not(#co0)[class] .unified-category-row-v203,
html body:not(#co0):not(#co0):not(#co0)[class] .upload-limit-note{border-radius:var(--p-r)!important}
/* Mittlere Elemente -> 8px */
html body:not(#co0):not(#co0):not(#co0)[class] .active,
html body:not(#co0):not(#co0):not(#co0)[class] .activity,
html body:not(#co0):not(#co0):not(#co0)[class] .btn.ghost,
html body:not(#co0):not(#co0):not(#co0)[class] .btn.primary,
html body:not(#co0):not(#co0):not(#co0)[class] .camp,
html body:not(#co0):not(#co0):not(#co0)[class] .check-save,
html body:not(#co0):not(#co0):not(#co0)[class] .co-date,
html body:not(#co0):not(#co0):not(#co0)[class] .conv-dot,
html body:not(#co0):not(#co0):not(#co0)[class] .day,
html body:not(#co0):not(#co0):not(#co0)[class] .dev-ico,
html body:not(#co0):not(#co0):not(#co0)[class] .dev-setup,
html body:not(#co0):not(#co0):not(#co0)[class] .dev-token,
html body:not(#co0):not(#co0):not(#co0)[class] .electric-field,
html body:not(#co0):not(#co0):not(#co0)[class] .fantasy-add,
html body:not(#co0):not(#co0):not(#co0)[class] .fuel-field,
html body:not(#co0):not(#co0):not(#co0)[class] .general,
html body:not(#co0):not(#co0):not(#co0)[class] .home,
html body:not(#co0):not(#co0):not(#co0)[class] .icondelete,
html body:not(#co0):not(#co0):not(#co0)[class] .js-v74-fuel-type.js-energy-type,
html body:not(#co0):not(#co0):not(#co0)[class] .lt-active-note,
html body:not(#co0):not(#co0):not(#co0)[class] .lt-rule-every,
html body:not(#co0):not(#co0):not(#co0)[class] .lt-rule-extra-qty,
html body:not(#co0):not(#co0):not(#co0)[class] .lt-rule-fixed-qty,
html body:not(#co0):not(#co0):not(#co0)[class] .lt-rule-type,
html body:not(#co0):not(#co0):not(#co0)[class] .mini-delete.unified-category-delete-v203,
html body:not(#co0):not(#co0):not(#co0)[class] .modal-close,
html body:not(#co0):not(#co0):not(#co0)[class] .modalclose.unified-category-x-v203,
html body:not(#co0):not(#co0):not(#co0)[class] .modalclose,
html body:not(#co0):not(#co0):not(#co0)[class] .night,
html body:not(#co0):not(#co0):not(#co0)[class] .route-active-toggle-v221.route-primary-toggle-v2404.route-primary-toggle-v2412,
html body:not(#co0):not(#co0):not(#co0)[class] .rule-modal-hint,
html body:not(#co0):not(#co0):not(#co0)[class] .stop,
html body:not(#co0):not(#co0):not(#co0)[class] .switch-line,
html body:not(#co0):not(#co0):not(#co0)[class] .v74-energy-field.v74-electric-field{border-radius:var(--p-r-md)!important}
/* Pillen -> 6px */
html body:not(#co0):not(#co0):not(#co0)[class] .active-pill,
html body:not(#co0):not(#co0):not(#co0)[class] .chat-lightbox-title,
html body:not(#co0):not(#co0):not(#co0)[class] .check-editor-status,
html body:not(#co0):not(#co0):not(#co0)[class] .dev-state.off{border-radius:var(--p-r-sm)!important}
/* Generisch: Tags mit Restrundung */
html body:not(#co0):not(#co0):not(#co0)[class] main span,
html body:not(#co0):not(#co0):not(#co0)[class] main small,
html body:not(#co0):not(#co0):not(#co0)[class] main b,
html body:not(#co0):not(#co0):not(#co0)[class] main code{border-radius:var(--p-r-sm)!important}
html body:not(#co0):not(#co0):not(#co0)[class] main label{border-radius:var(--p-r-md)!important}

/* ================================================================
   v7 · Feinschliff-Runde (03.09.): Reise-Kacheln kompakt,
   Zeitstrahl-Rahmen, Userbox mit Logout
   ================================================================ */

/* --- Reise auswählen: kompakte Kacheln, mehrspaltig (auch bei 10+ Reisen) --- */
html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original{
  grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important;
  gap:12px!important;align-items:stretch!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original .tripcard{
  padding:14px 16px!important;min-height:0!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original .tripcard .triphead h2{
  font-size:18px!important;line-height:1.15!important;margin:2px 0 0!important;letter-spacing:-.01em!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original .tripcard .trip-destination{
  font-size:12px!important;margin:4px 0 0!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original .tripcard > p{
  font-size:12px!important;line-height:1.35!important;margin:6px 0 8px!important;
  display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original .trip-mini-grid{
  gap:6px!important;margin:0 0 8px!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original .trip-mini-grid span{
  padding:7px 9px!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original .trip-mini-grid small{
  font-size:9.5px!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original .trip-mini-grid b{
  font-size:11.5px!important;line-height:1.2!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original .trip-progress-row{
  margin:0 0 4px!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original .trip-progress-row small{font-size:9.5px!important}
html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original .trip-progress-row b{font-size:11.5px!important}
html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original .trip-progress-row strong{font-size:14px!important}
html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original .tripcard-footer{
  margin-top:8px!important;padding-top:8px!important;font-size:11.5px!important;
}
@media (max-width:760px){
  html body:not(#co0):not(#co0):not(#co0)[class] .cards-as-original{grid-template-columns:1fr!important}
}

/* --- Userbox oben rechts: Name + E-Mail + dezenter Logout (v7) --- */
html body:not(#co0):not(#co0):not(#co0)[class] .userbox-v7{
  display:flex!important;align-items:center!important;gap:12px!important;
  min-width:0!important;text-align:right!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .userbox-v7 .userbox-id{
  display:grid!important;gap:2px!important;min-width:0!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .userbox-v7 .userbox-id b{font-size:13px!important}
html body:not(#co0):not(#co0):not(#co0)[class] .userbox-v7 .userbox-id span{
  font-size:11.5px!important;color:#93a2bd!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px;
}
html body:not(#co0):not(#co0):not(#co0)[class] .userbox-logout{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  height:32px!important;padding:0 10px!important;flex:none!important;
  border:1px solid var(--p-line,#243252)!important;border-radius:8px!important;
  background:var(--p-soft,#1b2542)!important;color:#c8d3ea!important;
  font-size:12px!important;font-weight:800!important;text-decoration:none!important;
  transition:border-color .2s,color .2s!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .userbox-logout i{font-style:normal!important}
html body:not(#co0):not(#co0):not(#co0)[class] .userbox-logout:hover{
  border-color:#e8a33d!important;color:#f3c26b!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .side-logout{display:none!important}
@media (max-width:700px){
  html body:not(#co0):not(#co0):not(#co0)[class] .userbox-logout i{display:none!important}
  html body:not(#co0):not(#co0):not(#co0)[class] .userbox-v7 .userbox-id span{max-width:150px}
}

/* --- v8.2: Sidebar-Fußkarte (Name/Campingbereich) komplett weg, Logout dezent rot --- */
html body:not(#co0):not(#co0):not(#co0)[class] .side-footer{display:none!important}
html body:not(#co0):not(#co0):not(#co0)[class] .userbox-logout{
  border-color:rgba(220,84,84,.45)!important;color:#e29a9a!important;
  background:rgba(190,60,60,.10)!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .userbox-logout:hover{
  border-color:#e05a5a!important;color:#ff9d9d!important;background:rgba(200,60,60,.18)!important;
}

/* --- v8.5: Notiz-Modal (Listen) aufgeraeumt --- */
html body:not(#co0):not(#co0):not(#co0)[class] .co-note-modal-box{
  max-width:560px!important;padding:24px!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .co-note-modal-box h2{
  margin:2px 0 14px!important;font-size:22px!important;line-height:1.2!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .co-note-modal-box textarea{
  display:block!important;width:100%!important;min-height:200px!important;max-height:46vh!important;
  resize:vertical!important;box-sizing:border-box!important;
  background:var(--p-soft,#1b2542)!important;border:1px solid var(--p-line,#243252)!important;
  border-radius:8px!important;padding:12px 14px!important;color:inherit!important;
  font:inherit!important;font-size:.95rem!important;line-height:1.55!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .co-note-modal-box textarea:focus{
  outline:none!important;border-color:var(--p-gold,#e8a33d)!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .co-note-modal-box .co-note-move-target{
  display:grid!important;gap:6px!important;margin:16px 0 0!important;
  font-size:.72rem!important;font-weight:800!important;letter-spacing:.1em!important;
  text-transform:uppercase!important;color:#93a2bd!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .co-note-modal-box .co-note-move-target select{
  width:100%!important;min-height:44px!important;box-sizing:border-box!important;
  border-radius:8px!important;border:1px solid var(--p-line,#243252)!important;
  background:var(--p-soft,#1b2542)!important;color:inherit!important;padding:8px 12px!important;
  font:inherit!important;font-size:.92rem!important;font-weight:600!important;
  text-transform:none!important;letter-spacing:0!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .co-note-modal-box .form-actions{
  display:flex!important;gap:10px!important;justify-content:flex-end!important;
  align-items:center!important;flex-wrap:wrap!important;margin:18px 0 0!important;padding:0!important;
  border:0!important;background:transparent!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .co-note-modal-box{max-width:600px!important}
html body:not(#co0):not(#co0):not(#co0)[class] .co-note-modal-box .form-actions .btn{
  min-height:40px!important;padding:0 14px!important;font-size:.78rem!important;white-space:nowrap!important;flex:none!important;
}

/* ================================================================
   v9 (03.09.): Modal-Ebenen-Fix, Footer unten, Dashboard entschlackt
   ================================================================ */
/* Entrance-Animationen nur noch als FADE. Die transform-Varianten machten
   die animierten Container zum containing block fuer position:fixed –
   Modale (Reise bearbeiten / Neue Reise ...) hingen dadurch IN den Karten
   fest, abgeschnitten und auf falscher Ebene. Spaeter definierte
   gleichnamige Keyframes gewinnen. */
@keyframes coFadeUp{from{opacity:0}to{opacity:1}}
@keyframes coSlideRight{from{opacity:0}to{opacity:1}}
@keyframes coSlideDown{from{opacity:0}to{opacity:1}}
@keyframes coScaleIn{from{opacity:0}to{opacity:1}}
@keyframes coFlashIn{from{opacity:0}to{opacity:1}}
/* Stoer-Hinweis "Klick außerhalb schließt nicht" komplett aus */
html body:not(#co0):not(#co0):not(#co0)[class] .modal::after{display:none!important;content:none!important}
/* Footer sitzt buendig unten - auch auf kurzen Seiten */
html body:not(#co0):not(#co0):not(#co0)[class] .page-area{display:flex!important;flex-direction:column!important;min-height:100dvh!important}
html body:not(#co0):not(#co0):not(#co0)[class] .page-area > main.wrap.wide{flex:1 0 auto!important;width:100%!important;box-sizing:border-box!important}
html body:not(#co0):not(#co0):not(#co0)[class] .page-area > .footer{
  margin:auto 0 0 0!important;max-width:none!important;width:100%!important;
  box-sizing:border-box!important;padding:14px 24px 16px!important;
  border-top:1px solid var(--p-line,#243252)!important;background:var(--p-card,#141d36)!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .page-area > .footer .footer-card{
  max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;
}
/* Dashboard-Hero kompakt statt Marketing-Block */
html body:not(#co0):not(#co0):not(#co0)[class] .dash-hero-v9{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:18px!important;flex-wrap:wrap!important;padding:18px 22px!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .dash-hero-v9 h1{
  font-size:24px!important;line-height:1.2!important;margin:2px 0 10px!important;letter-spacing:-.01em!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .dash-hero-v9 .eyebrow{margin:0 0 2px!important}
html body:not(#co0):not(#co0):not(#co0)[class] .dash-hero-v9 .row{margin:0!important}
html body:not(#co0):not(#co0):not(#co0)[class] .dash-hero-v9 .scoreboard{
  display:grid!important;grid-template-columns:repeat(3,minmax(150px,1fr))!important;gap:10px!important;margin:0!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .dash-hero-v9 .scoreboard > div{padding:12px 16px!important}
html body:not(#co0):not(#co0):not(#co0)[class] .dash-hero-v9 .scoreboard b{font-size:20px!important}
/* Aktionszeile in Modalen: kein halbbreiter Hintergrund-Balken */
html body:not(#co0):not(#co0):not(#co0)[class] .modal-actions-bottom{
  background:transparent!important;border:0!important;box-shadow:none!important;
  display:flex!important;gap:10px!important;justify-content:flex-end!important;width:auto!important;
}

/* ================================================================
   v10 (03.09.): Aktuelles im neuen Stil + Schließknopf überall gleich
   ================================================================ */
/* --- CampOrga Aktuelles: eckig + flach wie der Rest --- */
html body:not(#co0):not(#co0):not(#co0)[class].aktuelles-page .news-card,
html body:not(#co0):not(#co0):not(#co0)[class].aktuelles-page .news-empty{
  border-radius:10px!important;background:var(--p-card,#141d36)!important;
  border:1px solid var(--p-line,#243252)!important;box-shadow:none!important;overflow:hidden!important;
}
html body:not(#co0):not(#co0):not(#co0)[class].aktuelles-page .news-card:hover{border-color:var(--p-gold,#e8a33d)!important;transform:none!important}
html body:not(#co0):not(#co0):not(#co0)[class].aktuelles-page .news-image{border-radius:0!important}
html body:not(#co0):not(#co0):not(#co0)[class].aktuelles-page .news-image img{border-radius:0!important}
html body:not(#co0):not(#co0):not(#co0)[class].aktuelles-page .news-card-body{padding:16px 18px!important}
html body:not(#co0):not(#co0):not(#co0)[class].aktuelles-page .news-meta em,
html body:not(#co0):not(#co0):not(#co0)[class].aktuelles-page .news-status{border-radius:6px!important}
html body:not(#co0):not(#co0):not(#co0)[class] .news-article-box,
html body:not(#co0):not(#co0):not(#co0)[class] .news-editor-box{
  border-radius:10px!important;background:var(--p-card,#141d36)!important;
  border:1px solid var(--p-line,#243252)!important;box-shadow:0 24px 64px rgba(0,0,0,.55)!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .news-article-image{border-radius:0!important}
html body:not(#co0):not(#co0):not(#co0)[class].aktuelles-page .btn,
html body:not(#co0):not(#co0):not(#co0)[class].aktuelles-page input,
html body:not(#co0):not(#co0):not(#co0)[class].aktuelles-page select,
html body:not(#co0):not(#co0):not(#co0)[class].aktuelles-page textarea{border-radius:8px!important}

/* --- Schließknopf: IMMER oben rechts, IMMER mit Drehanimation --- */
html body:not(#co0):not(#co0):not(#co0)[class] .modal .modal-close,
html body:not(#co0):not(#co0):not(#co0)[class] .modal .modalclose,
html body:not(#co0):not(#co0):not(#co0)[class] .modalbox .modal-close,
html body:not(#co0):not(#co0):not(#co0)[class] .modal-box .modal-close{
  position:absolute!important;top:14px!important;right:14px!important;left:auto!important;bottom:auto!important;
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  margin:0!important;padding:0!important;border-radius:8px!important;
  border:1px solid var(--p-line,#243252)!important;background:var(--p-soft,#1b2542)!important;
  color:#c8d3ea!important;font-size:18px!important;line-height:1!important;cursor:pointer!important;
  transition:transform .35s ease,border-color .2s,color .2s!important;z-index:5!important;float:none!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .modal .modal-close:hover,
html body:not(#co0):not(#co0):not(#co0)[class] .modal .modalclose:hover,
html body:not(#co0):not(#co0):not(#co0)[class] .modalbox .modal-close:hover,
html body:not(#co0):not(#co0):not(#co0)[class] .modal-box .modal-close:hover{
  transform:rotate(90deg)!important;border-color:var(--p-gold,#e8a33d)!important;color:#f3c26b!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .modal .modalbox,
html body:not(#co0):not(#co0):not(#co0)[class] .modal .modal-box{position:relative!important}

/* ============================================================
   v12 · Listen: Checklisten-Modal flach ans neue Design,
   lt-panel-actions mit Luft, Checkliste-Button
   ============================================================ */

/* Abstand zwischen "+ Position" und "Bearbeiten" auf der Abhak-Seite */
html body:not(#co0):not(#co0):not(#co0).lists-overview-page .lt-panel-actions{
  display:flex!important;align-items:center!important;gap:12px!important;justify-content:flex-end!important;
}

/* --- Checklisten-Modal (Abfahrt & Ankunft): Kästchen-Verschachtelung raus --- */
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .checklist-editor-box{
  background:#141d36!important;border:1px solid var(--p-line,#243252)!important;border-radius:12px!important;
  box-shadow:0 30px 80px rgba(3,7,18,.55)!important;padding:0!important;
  width:min(720px,calc(100vw - 32px))!important;max-width:720px!important;max-height:calc(100dvh - 48px)!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;position:relative!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .modalhead{
  display:flex!important;align-items:center!important;gap:14px!important;
  margin:0!important;padding:18px 64px 14px 20px!important;
  background:transparent!important;border:0!important;border-bottom:1px solid var(--p-line,#243252)!important;border-radius:0!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .modalhead small{
  display:block!important;margin:0 0 2px!important;color:var(--p-gold,#e8a33d)!important;
  font-size:11px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .modalhead h2{
  margin:0!important;font-size:20px!important;font-weight:900!important;color:#f1f5ff!important;letter-spacing:0!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-status{
  margin-left:auto!important;margin-right:6px!important;padding:5px 10px!important;border-radius:8px!important;
  background:var(--p-soft,#1b2542)!important;border:1px solid var(--p-line,#243252)!important;
  color:#9fb0d0!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-status:empty{display:none!important}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .modalclose{
  position:absolute!important;top:14px!important;right:14px!important;left:auto!important;
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  margin:0!important;padding:0!important;border-radius:8px!important;
  border:1px solid var(--p-line,#243252)!important;background:var(--p-soft,#1b2542)!important;
  color:#c8d3ea!important;font-size:18px!important;line-height:1!important;
  transition:transform .35s ease,border-color .2s,color .2s!important;box-shadow:none!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .modalclose:hover{
  transform:rotate(90deg)!important;border-color:var(--p-gold,#e8a33d)!important;color:#f3c26b!important;
}
/* Tabs Abfahrt/Ankunft als Karten-Zeile */
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-tabs{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;
  margin:14px 20px 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-tabs button{
  min-height:46px!important;padding:10px 14px!important;border-radius:10px!important;
  border:1px solid var(--p-line,#243252)!important;background:var(--p-soft,#1b2542)!important;
  color:#c8d3ea!important;font-size:14px!important;font-weight:800!important;letter-spacing:0!important;
  box-shadow:none!important;transform:none!important;transition:border-color .2s,color .2s,background .2s!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-tabs button:hover{
  border-color:rgba(232,163,61,.55)!important;color:#f3c26b!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-tabs button.active{
  border-color:var(--p-gold,#e8a33d)!important;background:rgba(232,163,61,.14)!important;color:#f3c26b!important;
}
/* Panel: nur noch Luft, kein eigener Kasten */
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-panel{
  display:none!important;padding:14px 20px 18px!important;margin:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  min-height:0!important;overflow:hidden!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-panel.active{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-head{
  display:flex!important;align-items:center!important;gap:10px!important;
  margin:0 0 10px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-head strong{
  font-size:15px!important;font-weight:900!important;color:#f1f5ff!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-head span{
  display:inline-flex!important;align-items:center!important;margin:0!important;padding:4px 10px!important;
  border-radius:999px!important;background:var(--p-soft,#1b2542)!important;border:1px solid var(--p-line,#243252)!important;
  color:#9fb0d0!important;font-size:11.5px!important;font-weight:800!important;box-shadow:none!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-head .btn{margin-left:auto!important}
/* Liste: kein Kasten-im-Kasten mehr – transparent, nur die Zeilen */
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-list{
  display:flex!important;flex-direction:column!important;gap:8px!important;
  margin:0!important;padding:2px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  overflow-y:auto!important;max-height:min(52vh,520px)!important;min-height:0!important;
}
/* Zeile: eine flache Reihe */
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;
  margin:0!important;padding:6px!important;border-radius:8px!important;
  background:rgba(27,37,66,.55)!important;border:1px solid var(--p-line,#243252)!important;box-shadow:none!important;
  transition:border-color .2s!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-row:hover{border-color:rgba(232,163,61,.4)!important}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-row.is-saved{
  border-color:rgba(74,201,126,.5)!important;background:rgba(74,201,126,.08)!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-row label,
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-row .wide{
  margin:0!important;padding:0!important;min-width:0!important;grid-column:auto!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-row input[name="item_text"]{
  width:100%!important;min-height:38px!important;margin:0!important;padding:8px 12px!important;
  border-radius:6px!important;border:1px solid transparent!important;background:transparent!important;
  color:#eaf0ff!important;font-size:14px!important;font-weight:600!important;box-shadow:none!important;
  transition:border-color .2s,background .2s!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-row input[name="item_text"]:focus{
  outline:none!important;border-color:var(--p-gold,#e8a33d)!important;background:var(--p-soft,#1b2542)!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-actions{
  display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important;
  grid-column:auto!important;width:auto!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-actions .check-save,
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-actions .icondelete{
  width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;flex:0 0 auto!important;
  display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border-radius:8px!important;
  border:1px solid var(--p-line,#243252)!important;background:var(--p-soft,#1b2542)!important;
  color:#c8d3ea!important;font-size:15px!important;line-height:1!important;box-shadow:none!important;transform:none!important;
  transition:border-color .2s,color .2s!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-actions .check-save:hover{
  border-color:rgba(74,201,126,.6)!important;color:#7fe0a6!important;
}
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-actions .icondelete:hover{
  border-color:rgba(220,84,84,.6)!important;color:#f08a8a!important;
}
/* Neue (unsaved) Zeile leicht hervorheben */
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-row.is-new,
html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-add{
  border-style:dashed!important;border-color:rgba(232,163,61,.45)!important;background:rgba(232,163,61,.06)!important;
}
@media (max-width:640px){
  html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .checklist-editor-box{
    width:calc(100vw - 16px)!important;max-height:calc(100dvh - 24px)!important;border-radius:12px!important;
  }
  html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .modalhead{padding:16px 60px 12px 16px!important}
  html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-tabs{margin:12px 16px 0!important}
  html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-panel{padding:12px 16px 16px!important}
  html body:not(#co0):not(#co0):not(#co0) #checklistEditorModal .check-editor-status{display:none!important}
}

/* Kategorien & Einheiten gehören zu den Vorlagen: dort wieder sichtbar
   (die Abhak-Seite "Meine Listen" hat sie nicht mehr) */
html body:not(#co0):not(#co0):not(#co0).list-templates-page button[onclick*="categoryModal"],
html body:not(#co0):not(#co0):not(#co0).list-templates-page button[onclick*="unitModal"]{
  display:inline-flex!important;visibility:visible!important;opacity:1!important;
}
/* Vorlagen im Einstellungs-Hub: Aktionsleiste als Zeile statt gestapelter Vollbreite-Buttons */
html body:not(#co0):not(#co0):not(#co0).co-embed.list-templates-page .lt-hero .co-list-actions{
  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important;margin:0!important;
}
html body:not(#co0):not(#co0):not(#co0).co-embed.list-templates-page .lt-hero .co-list-actions .btn,
html body:not(#co0):not(#co0):not(#co0).co-embed.list-templates-page .lt-hero .co-list-actions a,
html body:not(#co0):not(#co0):not(#co0).co-embed.list-templates-page .lt-hero .co-list-actions button{
  width:auto!important;flex:0 0 auto!important;min-width:0!important;
}

/* ============================================================
   v13 · Listen-Vorlagen: Aktionsleiste im Einstellungs-Hub
   ============================================================ */
html body:not(#co0):not(#co0):not(#co0).list-templates-page .lt-hero .co-list-actions{
  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important;margin:0!important;
}
html body:not(#co0):not(#co0):not(#co0).list-templates-page .lt-hero .co-list-actions .btn{
  width:auto!important;flex:0 0 auto!important;min-width:0!important;min-height:42px!important;
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  padding:9px 16px!important;border-radius:8px!important;font-size:13.5px!important;font-weight:800!important;
  border:1px solid var(--p-line,#243252)!important;background:var(--p-soft,#1b2542)!important;color:#c8d3ea!important;
  box-shadow:none!important;transform:none!important;letter-spacing:0!important;
  transition:border-color .2s,color .2s,background .2s!important;
}
html body:not(#co0):not(#co0):not(#co0).list-templates-page .lt-hero .co-list-actions .btn:hover{
  border-color:rgba(232,163,61,.55)!important;color:#f3c26b!important;
}
html body:not(#co0):not(#co0):not(#co0).list-templates-page .lt-hero .co-list-actions .btn.primary,
html body:not(#co0):not(#co0):not(#co0).list-templates-page .lt-hero .co-list-actions button[onclick*="newListModal"]{
  border-color:var(--p-gold,#e8a33d)!important;background:rgba(232,163,61,.16)!important;color:#f3c26b!important;
}
html body:not(#co0):not(#co0):not(#co0).list-templates-page .lt-hero .co-list-actions button[onclick*="categoryModal"]::before{content:"🏷️";font-size:15px}
html body:not(#co0):not(#co0):not(#co0).list-templates-page .lt-hero .co-list-actions button[onclick*="unitModal"]::before{content:"📏";font-size:15px}
html body:not(#co0):not(#co0):not(#co0).list-templates-page .lt-hero .co-list-actions button[onclick*="excludedModal"]::before{content:"🚫";font-size:15px}

/* ============================================================
   v14 · Premium-Modale (.co-pm) – eigenes Innenraster, weil
   style.css der .modalbox padding:0!important verpasst.
   ============================================================ */
html body:not(#co0):not(#co0):not(#co0) .co-pm-box{
  width:min(560px,calc(100vw - 32px))!important;max-width:560px!important;
  max-height:calc(100dvh - 40px)!important;overflow:auto!important;
  border:1px solid var(--p-line,#243252)!important;border-radius:12px!important;
  background:linear-gradient(160deg,#18244a 0%,#141d36 42%,#111a31 100%)!important;
  background:linear-gradient(160deg,rgba(232,163,61,.09),rgba(20,29,54,.99) 42%,rgba(17,26,49,.99))!important;
  box-shadow:0 30px 90px rgba(3,7,18,.6)!important;padding:0!important;position:relative!important;
}
html body:not(#co0):not(#co0):not(#co0) .co-pm-head{
  display:flex!important;align-items:flex-start!important;gap:14px!important;
  margin:0!important;padding:20px 60px 16px 22px!important;
  border-bottom:1px solid var(--p-line,#243252)!important;background:transparent!important;border-radius:0!important;
}
html body:not(#co0):not(#co0):not(#co0) .co-pm-ico{
  width:46px;height:46px;flex:none;display:grid;place-items:center;font-size:23px;border-radius:10px;
  background:rgba(232,163,61,.14);border:1px solid rgba(232,163,61,.35);
}
html body:not(#co0):not(#co0):not(#co0) .co-pm-eyebrow{
  display:block!important;margin:0 0 3px!important;color:var(--p-gold,#e8a33d)!important;
  font-size:10.5px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important;
}
html body:not(#co0):not(#co0):not(#co0) .co-pm-head h2{
  margin:0!important;font-size:21px!important;font-weight:900!important;color:#f1f5ff!important;letter-spacing:-.01em!important;line-height:1.15!important;
}
html body:not(#co0):not(#co0):not(#co0) .co-pm-head p{margin:5px 0 0!important;color:#9fb0d0!important;font-size:13px!important;line-height:1.55!important}
html body:not(#co0):not(#co0):not(#co0) .co-pm-x{
  position:absolute!important;top:16px!important;right:16px!important;left:auto!important;
  width:36px!important;height:36px!important;display:grid!important;place-items:center!important;
  margin:0!important;padding:0!important;border-radius:8px!important;
  border:1px solid var(--p-line,#243252)!important;background:var(--p-soft,#1b2542)!important;
  color:#c8d3ea!important;font-size:17px!important;line-height:1!important;cursor:pointer!important;
  transition:transform .35s ease,border-color .2s,color .2s!important;box-shadow:none!important;z-index:5!important;
}
html body:not(#co0):not(#co0):not(#co0) .co-pm-x:hover{transform:rotate(90deg)!important;border-color:var(--p-gold,#e8a33d)!important;color:#f3c26b!important}
html body:not(#co0):not(#co0):not(#co0) .co-pm-body{padding:18px 22px 4px!important;margin:0!important}
html body:not(#co0):not(#co0):not(#co0) .co-pm-foot{
  display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important;
  margin:0!important;padding:16px 22px 20px!important;border-top:1px solid var(--p-line,#243252)!important;background:transparent!important;
}
html body:not(#co0):not(#co0):not(#co0) .co-pm-foot form{margin:0!important}
html body:not(#co0):not(#co0):not(#co0) .co-pm-foot .btn{min-height:40px!important;padding:8px 14px!important;font-size:13px!important;white-space:nowrap!important}
html body:not(#co0):not(#co0):not(#co0) .co-pm-foot .co-pm-left{margin-right:auto!important}
html body:not(#co0):not(#co0):not(#co0) .co-pm-note{
  display:block!important;padding:0 22px 18px!important;margin:0!important;color:#7787a6!important;font-size:11.5px!important;line-height:1.55!important;
}
/* Vergleichszeilen (Kraftstoffpreise) */
.co-pm-cmp{display:grid;gap:8px;margin:0 0 4px}
.co-pm-cmp-row{display:grid;grid-template-columns:1fr auto auto auto auto;gap:10px;align-items:center;padding:10px 13px;border:1px solid var(--p-line,#243252);border-radius:9px;background:rgba(27,37,66,.55)}
.co-pm-cmp-row b{font-size:14px;color:#eaf0ff}
.co-pm-cmp-row .mine{font-weight:900;color:#f3c26b;white-space:nowrap}
.co-pm-cmp-row .arr{color:#5f7099;font-size:13px}
.co-pm-cmp-row .theirs{color:#9fb0d0;white-space:nowrap}
.co-pm-cmp-row .diff{font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;white-space:nowrap}
.co-pm-cmp-row .diff.up{background:rgba(220,84,84,.14);color:#f08a8a;border:1px solid rgba(220,84,84,.35)}
.co-pm-cmp-row .diff.down{background:rgba(74,201,126,.14);color:#7fe0a6;border:1px solid rgba(74,201,126,.35)}
.co-pm-cmp-row .diff.same{background:var(--p-soft,#1b2542);color:#9fb0d0;border:1px solid var(--p-line,#243252)}
.co-pm-cmp-head{display:grid;grid-template-columns:1fr auto auto auto auto;gap:10px;padding:0 13px 2px;color:#7787a6;font-size:10.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
/* Inline-Bearbeiten */
.co-pm-edit{display:none;margin:12px 0 2px;padding:13px;border:1px dashed rgba(232,163,61,.45);border-radius:9px;background:rgba(232,163,61,.05)}
.co-pm-edit.on{display:block}
.co-pm-edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px}
.co-pm-edit-grid label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#9fb0d0}
.co-pm-edit-grid input{min-height:38px;border:1px solid var(--p-line,#243252);border-radius:8px;background:var(--p-soft,#1b2542);color:#eaf0ff;padding:8px 11px;font:inherit;font-weight:800}
.co-pm-edit-grid input:focus{outline:none;border-color:var(--p-gold,#e8a33d)}
/* Unterstützen-Modal */
.co-pm-abo{border:1px solid rgba(232,163,61,.45);background:rgba(232,163,61,.08);border-radius:10px;padding:13px 15px;margin:0 0 14px}
.co-pm-abo b{display:block;color:#f3c26b;font-size:14.5px;margin:0 0 7px}
.co-pm-abo ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}
.co-pm-abo li{display:flex;gap:8px;color:#c8d3ea;font-size:12.8px;line-height:1.5}
.co-pm-abo li span:first-child{flex:none}
.co-pm-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px}
.co-pm-chips button{min-height:46px;padding:6px 8px;border-radius:9px;border:1px solid var(--p-line,#243252);background:var(--p-soft,#1b2542);color:#c8d3ea;font-weight:900;font-size:14px;cursor:pointer;display:grid;place-items:center;line-height:1.2;transition:border-color .2s,color .2s,background .2s}
.co-pm-chips button small{display:block;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.co-pm-chips button:hover{border-color:rgba(232,163,61,.5);color:#f3c26b}
.co-pm-chips button.on{border-color:var(--p-gold,#e8a33d);background:rgba(232,163,61,.16);color:#f3c26b}
.co-pm-own{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--p-line,#243252);border-radius:9px;background:rgba(27,37,66,.5);margin:0 0 12px}
.co-pm-own label{flex:1;color:#9fb0d0;font-size:12px;font-weight:800}
.co-pm-own input{width:96px;min-height:40px;border:1px solid var(--p-line,#243252);border-radius:8px;background:var(--p-soft,#1b2542);color:#eaf0ff;padding:8px 11px;font:inherit;font-weight:900;text-align:right}
.co-pm-own input:focus{outline:none;border-color:var(--p-gold,#e8a33d)}
.co-pm-pay{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:11px 13px;border:1px solid var(--p-line,#243252);border-radius:9px;background:rgba(10,17,34,.4);color:#9fb0d0;font-size:12.3px;line-height:1.5}
.co-pm-pay code{background:rgba(10,17,34,.6);padding:3px 9px;border-radius:6px;color:#f3c26b;font-weight:800}
@media (max-width:520px){
  .co-pm-chips{grid-template-columns:repeat(2,1fr)}
  .co-pm-cmp-row,.co-pm-cmp-head{grid-template-columns:1fr auto auto}
  .co-pm-cmp-row .arr{display:none}
  html body:not(#co0):not(#co0):not(#co0) .co-pm-head{padding:18px 54px 14px 16px!important}
  html body:not(#co0):not(#co0):not(#co0) .co-pm-body{padding:16px 16px 4px!important}
  html body:not(#co0):not(#co0):not(#co0) .co-pm-foot{padding:14px 16px 18px!important}
  html body:not(#co0):not(#co0):not(#co0) .co-pm-note{padding:0 16px 16px!important}
}

/* v14.1 · Premium-Modal-Feinschliff: style.css macht Buttons/Labels in
   .modalbox breit und blockig – hier wieder einfangen. */
html body:not(#co0):not(#co0):not(#co0) .co-pm-foot .btn,
html body:not(#co0):not(#co0):not(#co0) .co-pm-foot button{
  width:auto!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  margin:0!important;letter-spacing:0!important;text-transform:none!important;
}
html body:not(#co0):not(#co0):not(#co0) .co-pm-own{display:flex!important;align-items:center!important;gap:12px!important}
html body:not(#co0):not(#co0):not(#co0) .co-pm-own label{
  display:block!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;
  white-space:normal!important;text-align:left!important;color:#9fb0d0!important;font-size:12.5px!important;font-weight:800!important;line-height:1.45!important;
  text-transform:none!important;letter-spacing:0!important;
}
html body:not(#co0):not(#co0):not(#co0) .co-pm-own input{flex:0 0 auto!important;width:96px!important;margin:0!important}
html body:not(#co0):not(#co0):not(#co0) .co-pm-pay{display:flex!important;align-items:center!important}
html body:not(#co0):not(#co0):not(#co0) .co-pm-pay .btn{
  width:auto!important;flex:0 0 auto!important;min-height:30px!important;padding:4px 11px!important;font-size:11.5px!important;
  border-radius:7px!important;border:1px solid var(--p-line,#243252)!important;background:var(--p-soft,#1b2542)!important;
  color:#c8d3ea!important;background-image:none!important;box-shadow:none!important;letter-spacing:0!important;text-transform:none!important;font-weight:800!important;
}
html body:not(#co0):not(#co0):not(#co0) .co-pm-pay .btn:hover{border-color:var(--p-gold,#e8a33d)!important;color:#f3c26b!important}
html body:not(#co0):not(#co0):not(#co0) .co-pm-edit-grid label{
  display:grid!important;margin:0!important;text-align:left!important;text-transform:none!important;letter-spacing:0!important;
}
html body:not(#co0):not(#co0):not(#co0) .co-pm-edit .btn{width:auto!important;flex:0 0 auto!important;min-height:40px!important;padding:8px 16px!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important}
html body:not(#co0):not(#co0):not(#co0) .co-pm-chips button{letter-spacing:0!important;text-transform:none!important;margin:0!important;width:auto!important}
/* Linke Fuß-Aktion (z. B. „Direkt bearbeiten") als ruhiger Textknopf */
html body:not(#co0):not(#co0):not(#co0) .co-pm-foot .co-pm-left{
  border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;
  color:#9fb0d0!important;font-size:12.5px!important;font-weight:800!important;padding:8px 2px!important;min-height:auto!important;
  text-decoration:underline!important;text-underline-offset:3px!important;text-decoration-color:rgba(159,176,208,.35)!important;
}
html body:not(#co0):not(#co0):not(#co0) .co-pm-foot .co-pm-left:hover{color:#f3c26b!important;text-decoration-color:rgba(232,163,61,.6)!important;transform:none!important}

/* ═══════════════ v18 · Aktive Reise: Einstellungen direkt an der Karte ═══════════════
   Die Reiseeinstellungen gehören zur Reise, nicht in „Meine Einstellungen“.
   Deshalb sitzt hier ein Zahnrad an der aktiven Reise plus zwei kleine Links. */
html body:not(#co0):not(#co0):not(#co0)[class] .active-trip-card{
  position:relative!important;
  padding-right:56px!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .active-trip-card .atc-gear{
  position:absolute!important;top:12px!important;right:12px!important;
  width:34px!important;height:34px!important;min-height:0!important;
  display:grid!important;place-items:center!important;padding:0!important;margin:0!important;
  font-size:16px!important;line-height:1!important;color:#c8d3ea!important;text-decoration:none!important;
  background:var(--p-soft)!important;border:1px solid var(--p-line)!important;border-radius:9px!important;
  transition:transform .35s ease,border-color .2s,color .2s!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .active-trip-card .atc-gear:hover{
  transform:rotate(90deg)!important;border-color:var(--p-gold)!important;color:#f3c26b!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .active-trip-card .atc-links{
  display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-top:10px!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .active-trip-card .atc-links a{
  flex:1 1 auto!important;text-align:center!important;
  padding:7px 10px!important;font-size:.72rem!important;font-weight:800!important;
  letter-spacing:.02em!important;white-space:nowrap!important;
}

/* ═══════════════ v18 · Reiseübersicht: aktive Reise und Reiseeinstellungen ═══════════════ */
html body:not(#co0):not(#co0):not(#co0)[class] .tripcard.ist-aktive-reise{
  border-color:rgba(74,201,126,.55)!important;
  box-shadow:0 0 0 1px rgba(74,201,126,.22), var(--p-shadow)!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .tripcard.ist-aktive-reise .trip-status{
  border-color:rgba(74,201,126,.55)!important;
  background:rgba(74,201,126,.14)!important;
  color:#9fe7bd!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .tripcard-einst{
  position:relative!important;z-index:3!important;
  display:flex!important;gap:8px!important;flex-wrap:wrap!important;
  margin:10px 0 0!important;padding-top:10px!important;
  border-top:1px solid var(--p-line)!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .tripcard-einst a{
  flex:1 1 auto!important;text-align:center!important;white-space:nowrap!important;
  padding:8px 12px!important;border:1px solid var(--p-line)!important;border-radius:var(--p-r-sm)!important;
  background:var(--p-soft)!important;color:#c8d3ea!important;text-decoration:none!important;
  font-size:.76rem!important;font-weight:800!important;
  transition:border-color .2s,color .2s!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .tripcard-einst a:hover{
  border-color:var(--p-gold)!important;color:#f3c26b!important;
}
html body:not(#co0):not(#co0):not(#co0)[class] .trip-card-actions a.icon-action{
  display:grid!important;place-items:center!important;text-decoration:none!important;
}