:root{--bg:#070b14;--bg2:#0c1424;--card:#121a2b;--card2:#17243a;--soft:#22314d;--text:#f8fafc;--muted:#a8b3c7;--gold:#f7c948;--gold2:#ffe08a;--blue:#38bdf8;--green:#22c55e;--red:#ef4444;--line:rgba(255,255,255,.11);--shadow:0 24px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 5% -10%,rgba(56,189,248,.28),transparent 34%),radial-gradient(circle at 95% 0,rgba(247,201,72,.18),transparent 28%),linear-gradient(180deg,#0a1222,#050913 62%,#060a12);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(7,12,24,.72);color:var(--text);padding:13px 14px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}textarea{min-height:80px;resize:vertical}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 12px) 52%;background-size:6px 6px;background-repeat:no-repeat}input:focus,textarea:focus,select:focus{border-color:rgba(56,189,248,.65);box-shadow:0 0 0 4px rgba(56,189,248,.11)}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 18px;background:rgba(5,9,19,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brandicon{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--gold),#fb923c);box-shadow:0 12px 30px rgba(247,201,72,.18)}.topbar strong{display:block;font-size:18px}.topbar small,.topbar span{display:block;color:var(--muted);font-size:12px}.topbar nav{display:flex;gap:8px;flex-wrap:wrap}.wrap{max-width:1080px;margin:auto;padding:18px}.wrap.wide{max-width:1320px}.card{background:linear-gradient(180deg,rgba(23,34,54,.92),rgba(15,23,42,.88));border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.glass{backdrop-filter:blur(14px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--gold),#eab308);color:#111827!important;font-weight:900;padding:12px 17px;cursor:pointer;min-height:44px}.btn.ghost{background:rgba(255,255,255,.07);color:var(--text)!important;border:1px solid var(--line)}.btn.danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff!important}.btn.small{padding:8px 12px;min-height:34px;border-radius:12px;font-size:13px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;padding:30px;margin:18px 0}.hero h1,.triphero h1{font-size:clamp(38px,6vw,68px);line-height:.92;margin:0 0 14px;letter-spacing:-.05em}.hero p,.triphero p,.list-hero p{color:var(--muted);line-height:1.55}.quickform{display:grid;gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cards{display:grid;gap:16px}.tripcard{display:grid;gap:16px;padding:24px;transition:.18s transform,.18s border-color}.tripcard:hover{transform:translateY(-2px);border-color:rgba(247,201,72,.45)}.triphead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.triphead h2{margin:0;font-size:28px}.triphead span{color:var(--gold);font-weight:800}.tripcard p{margin:0;color:var(--muted)}.meta,.stats{display:flex;flex-wrap:wrap;gap:10px}.meta b,.stats span{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:999px;padding:8px 12px}.stats span:nth-child(1){border-color:rgba(56,189,248,.28);background:rgba(56,189,248,.11)}.stats span:nth-child(2),.stats span:nth-child(3){border-color:rgba(247,201,72,.26);background:rgba(247,201,72,.11)}.empty{padding:24px;text-align:center;color:var(--muted)}.bigempty h2{margin-top:0;color:#fff}.triphero{display:grid;grid-template-columns:1fr minmax(360px,.8fr);gap:24px;padding:28px;margin-bottom:16px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px!important;color:var(--gold)!important;font-weight:900;margin:0 0 12px}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scoreboard div{padding:14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.scoreboard small{display:block;color:var(--muted);font-size:12px}.scoreboard b{display:block;font-size:22px;margin-top:4px}.scoreboard .total{grid-column:1/-1;background:linear-gradient(135deg,rgba(247,201,72,.2),rgba(56,189,248,.12));border-color:rgba(247,201,72,.35)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.floatingtabs{position:sticky;top:64px;z-index:15;padding:8px;border-radius:20px;background:rgba(5,9,19,.64);backdrop-filter:blur(16px);border:1px solid var(--line)}.tab{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.06);color:var(--text);padding:11px 14px;font-weight:900;cursor:pointer}.tab small{color:var(--muted);font-weight:800}.tab.active{background:linear-gradient(135deg,var(--gold),#f59e0b);color:#101827;border-color:transparent}.tab.active small{color:#1f2937}.tabpane{display:none}.tabpane.active{display:block}.routeflow{position:relative;display:grid;gap:22px;margin-top:16px}.routeflow:before{content:"";position:absolute;left:31px;top:18px;bottom:18px;width:3px;background:linear-gradient(180deg,var(--gold),var(--blue),rgba(255,255,255,.05));border-radius:20px}.route-day{position:relative;display:grid;grid-template-columns:64px 1fr;gap:14px;padding:0;background:transparent;border:0;box-shadow:none}.route-marker{position:relative;z-index:2;display:flex;justify-content:center;padding-top:24px}.route-marker span{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--gold),#f97316);color:#111827;font-weight:1000;box-shadow:0 16px 42px rgba(247,201,72,.24)}.day-main{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(22,33,54,.96),rgba(13,21,37,.96));box-shadow:var(--shadow)}.day-inline{position:relative;padding:18px}.daytop{display:grid;grid-template-columns:74px 1fr 190px;gap:14px;align-items:start}.datebadge{height:74px;border-radius:22px;display:grid;place-items:center;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.28)}.datebadge b{color:var(--blue);font-size:14px}.datebadge span{font-size:24px;font-weight:1000}.titleinput{font-size:24px;font-weight:1000;background:transparent;border:0;padding:4px 0;border-radius:0}.activityinput{margin-top:6px;min-height:74px;background:rgba(255,255,255,.045)}.daymetrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.daymetrics label{display:grid;gap:4px}.daymetrics small{color:var(--muted);font-weight:800}.daymetrics input{text-align:center;font-weight:900}.location-board{border-top:1px solid var(--line);padding:16px 18px 18px;background:rgba(5,9,19,.18)}.boardhead{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:12px}.boardhead strong{font-size:18px}.boardhead span{color:var(--muted);font-size:13px}.locations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.location-card{position:relative;display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045)}.loc-top{display:grid;grid-template-columns:170px 1fr;gap:8px}.amenities{display:flex;flex-wrap:wrap;gap:8px}.amenities label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:999px;padding:7px 9px;font-size:13px}.amenities input[type=checkbox]{width:auto}.amenities span{font-weight:800;color:var(--muted)}.amenities input:checked+span{color:#fff}.costpill input{width:80px;padding:4px 8px;border:0;background:transparent;text-align:right}.loc-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.add-location{display:grid;grid-template-columns:170px 1fr 1fr auto;gap:8px;margin-top:12px}.list-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px;margin-top:16px}.list-hero h2{font-size:38px;margin:0}.progressring{min-width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,var(--card) 54%,transparent 55%),conic-gradient(var(--gold) 0 75%,rgba(255,255,255,.09) 0);border:1px solid var(--line)}.progressring b{font-size:34px}.progressring span{margin-top:-26px;color:var(--muted);font-size:12px}.smartchecklist,.shopgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.smartcheck,.shopitem{position:relative;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;padding:16px;border-radius:24px;background:linear-gradient(180deg,rgba(23,34,54,.92),rgba(11,18,32,.92));border:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.22)}.smartcheck.done,.shopitem.done{opacity:.68;background:rgba(20,83,45,.22);border-color:rgba(34,197,94,.25)}.bigcheck input{display:none}.bigcheck span{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;border:2px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05)}.bigcheck input:checked+span{background:linear-gradient(135deg,var(--green),#16a34a);border-color:transparent}.bigcheck input:checked+span:before{content:"✓";font-size:26px;font-weight:1000;color:#fff}.checkline{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.checkline strong{font-size:18px}.checkline em{font-style:normal;color:var(--gold);font-weight:900;white-space:nowrap}.checkcontrols,.shoprow{display:grid;grid-template-columns:120px 1fr;gap:8px;margin:10px 0}.checkcontrols label{font-size:12px;color:var(--muted);font-weight:900}.carttoggle{display:flex;align-items:center;gap:8px;border:1px solid rgba(247,201,72,.25);background:rgba(247,201,72,.08);border-radius:15px;padding:8px 10px;color:var(--text)!important}.carttoggle input{width:auto}.smartcheck textarea,.shopitem textarea{min-height:48px;padding:10px}.quickaddshop{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;min-width:min(620px,100%)}.shopitem{grid-template-columns:48px 1fr 34px}.shop-title{font-size:19px;font-weight:1000}.shoprow{grid-template-columns:90px 1fr 1.2fr}.icondelete{width:34px;height:34px;border:0;border-radius:12px;background:rgba(239,68,68,.15);color:#fecaca;font-size:22px;cursor:pointer}.savehint{opacity:0;pointer-events:none;color:var(--green);font-size:12px;font-weight:900;transition:.18s}.savehint.show{opacity:1}.reset{margin:22px 0;padding:16px;text-align:center}.formcard,.listhead{padding:22px}.templateitem,.checkrow{padding:14px}.settings-layout{display:grid;gap:14px}.hiddeninitial{display:none!important}
@media(max-width:900px){.hero,.triphero{grid-template-columns:1fr}.scoreboard{grid-template-columns:1fr 1fr}.daytop{grid-template-columns:62px 1fr}.daymetrics{grid-column:1/-1}.locations,.smartchecklist,.shopgrid{grid-template-columns:1fr}.add-location,.loc-top,.quickaddshop{grid-template-columns:1fr}.boardhead{display:block}.floatingtabs{top:64px;overflow:auto;flex-wrap:nowrap}.tab{white-space:nowrap}.routeflow:before{left:25px}.route-day{grid-template-columns:52px 1fr}.wrap{padding:12px}.topbar{padding:10px 12px}.topbar nav .btn{padding:9px 10px}.list-hero{display:block}.progressring{margin-top:14px}.checkcontrols{grid-template-columns:1fr}.shoprow{grid-template-columns:1fr 1fr}.card{border-radius:20px}}
@media(max-width:560px){.hero{padding:20px}.hero h1,.triphero h1{font-size:42px}.triphero{padding:20px}.scoreboard{grid-template-columns:1fr}.routeflow:before{display:none}.route-day{grid-template-columns:1fr}.route-marker{justify-content:flex-start;padding:0 0 0 16px;margin-bottom:-12px}.day-main{border-radius:22px}.daytop{grid-template-columns:1fr}.datebadge{width:86px}.grid2{grid-template-columns:1fr}.smartcheck,.shopitem{grid-template-columns:42px 1fr}.shopitem{grid-template-columns:42px 1fr 28px}.checkline{display:block}.checkline em{display:block;margin-top:4px}.meta,.stats{gap:7px}.tripcard{padding:18px}}
/* v4: kompakter Verlauf, Modals, schnelle Listen */
.day-summary{padding:18px 18px 16px}.day-summary-head{display:grid;grid-template-columns:74px 1fr 56px;gap:14px;align-items:center}.day-copy h2{font-size:26px;line-height:1.05;margin:0 0 6px}.day-copy p{margin:0;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.roundplus{width:54px;height:54px;border:0;border-radius:20px;background:linear-gradient(135deg,var(--gold),#f97316);color:#111827;font-size:34px;line-height:1;font-weight:1000;cursor:pointer;box-shadow:0 18px 42px rgba(247,201,72,.24)}.roundplus:hover{transform:translateY(-1px)}.day-chipline{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}.day-chipline span{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:13px}.day-chipline b{color:#fff}.mini-locs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mini-loc{display:flex;align-items:center;gap:7px;max-width:100%;border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:15px;padding:8px 10px}.mini-loc span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.mini-loc strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-loc a{color:var(--blue);font-size:12px;font-weight:900}.tag-night{border-color:rgba(56,189,248,.25);background:rgba(56,189,248,.09)}.tag-day{border-color:rgba(247,201,72,.25);background:rgba(247,201,72,.09)}.tag-poi{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.09)}.mutedline{color:var(--muted);font-size:14px}.modal-open{overflow:hidden}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.64);backdrop-filter:blur(10px)}.modal.open{display:flex}.modalbox{width:min(980px,100%);max-height:92vh;overflow:auto;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(18,26,43,.98),rgba(7,11,20,.98));box-shadow:0 40px 120px rgba(0,0,0,.55);padding:20px}.modalhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.modalhead small{color:var(--gold);font-weight:900}.modalhead h2{margin:2px 0 0;font-size:34px}.modalclose{width:44px;height:44px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.07);color:#fff;font-size:28px;cursor:pointer}.modalform{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035)}.modalform label{color:var(--muted);font-size:13px;font-weight:900}.modalform label input,.modalform label textarea{margin-top:6px}.modal-divider{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:18px 0 10px}.modal-divider span{color:var(--muted);font-size:13px}.modal-locations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modaladd{grid-template-columns:170px 1fr 1fr auto!important;margin-top:12px}.compact-hero{padding:16px 18px;margin-top:14px}.compact-hero h2{font-size:30px}.compact-hero p{margin:.2rem 0 0}.progresspill{display:flex;align-items:baseline;gap:6px;border:1px solid rgba(247,201,72,.28);background:rgba(247,201,72,.1);border-radius:18px;padding:12px 16px}.progresspill b{font-size:28px}.progresspill span{color:var(--muted);font-weight:900}.compactlist{display:grid;gap:7px;margin-top:10px}.checkmini{position:relative;display:grid;grid-template-columns:34px minmax(140px,1.2fr) auto 96px minmax(120px,.8fr) 42px 24px;gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:16px;background:rgba(17,27,45,.82)}.checkmini.done{opacity:.72;background:rgba(20,83,45,.23);border-color:rgba(34,197,94,.22)}.checkmini strong{font-size:15px;line-height:1.1}.soll{font-size:12px;color:var(--gold);font-weight:900;white-space:nowrap}.ist{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:900}.ist input{height:36px;padding:7px 8px;border-radius:12px;text-align:center}.notecompact{height:36px;padding:7px 10px;border-radius:12px}.minicheck input{display:none}.minicheck span{display:grid;place-items:center;width:30px;height:30px;border-radius:11px;border:2px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05)}.minicheck input:checked+span{background:linear-gradient(135deg,var(--green),#16a34a);border-color:transparent}.minicheck input:checked+span:before{content:'✓';font-size:20px;font-weight:1000}.cartbtn{width:38px;height:36px;border:1px solid rgba(247,201,72,.28);border-radius:13px;background:rgba(247,201,72,.08);cursor:pointer}.cartbtn.active{background:linear-gradient(135deg,var(--gold),#f59e0b);box-shadow:0 0 0 3px rgba(247,201,72,.12)}.compactshop{display:grid;grid-template-columns:1fr;gap:7px}.compactshop .shopitem{display:grid;grid-template-columns:34px 1.1fr 80px 90px 150px 1fr 34px 22px;gap:8px;align-items:center;padding:9px 10px;border-radius:16px}.compactshop .shopitem input{height:36px;padding:7px 10px;border-radius:12px}.compactshop .shop-title{font-size:15px}.compactshop .icondelete{width:32px;height:32px}.savehint.show{opacity:1}.savehint{font-size:13px;text-align:center}.location-card textarea{min-height:58px}.location-card input,.location-card textarea,.location-card select{border-radius:13px;padding:10px 11px}.location-card{box-shadow:none}.sexyroute .route-day{margin-bottom:2px}
@media(max-width:980px){.modal-locations{grid-template-columns:1fr}.modaladd{grid-template-columns:1fr!important}.checkmini{grid-template-columns:34px 1fr 88px 38px 22px}.checkmini .soll{grid-column:2/3}.checkmini .notecompact{grid-column:2/-1}.compactshop .shopitem{grid-template-columns:34px 1fr 70px 34px}.compactshop .shopitem input[name="unit"],.compactshop .shopitem input[name="dealer"],.compactshop .shopitem input[name="notes"]{grid-column:2/-1}.quickaddshop{grid-template-columns:1fr!important}.day-summary-head{grid-template-columns:62px 1fr 50px}.day-copy h2{font-size:22px}}
@media(max-width:560px){.modal{padding:8px}.modalbox{border-radius:22px;padding:14px}.day-summary-head{grid-template-columns:1fr 52px}.day-summary-head .datebadge{grid-column:1/-1;height:58px;width:100%;display:flex;gap:10px}.day-copy{min-width:0}.roundplus{width:48px;height:48px;border-radius:17px}.checkmini{grid-template-columns:30px 1fr 38px 22px}.checkmini .soll,.checkmini .ist,.checkmini .notecompact{grid-column:2/-1}.compactshop .shopitem{grid-template-columns:30px 1fr 30px}.compactshop .shopitem input{grid-column:2/-1}.compactshop .shopitem .shop-title{grid-column:2/3}.compactshop .shopitem .icondelete{grid-column:3/4;grid-row:1}.list-hero.compact-hero{display:block}.progresspill{margin-top:10px}.mini-loc{width:100%;justify-content:space-between}.day-chipline span{flex:1 1 calc(50% - 8px);text-align:center}}

/* v5: sauberer Verlauf, Parkplatz-Modal, kompakte Handylisten */
.compact-day{grid-template-columns:42px 1fr;gap:0;margin:0 0 12px;align-items:stretch}.route-marker{padding-top:24px}.route-marker span{width:18px;height:18px;font-size:0;background:linear-gradient(135deg,var(--blue),var(--gold));box-shadow:0 0 0 7px rgba(56,189,248,.08)}.route-marker span:after{content:''}.day-summary{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,rgba(18,29,49,.98),rgba(14,23,39,.94));border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 60px rgba(0,0,0,.18)}.day-summary:before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--blue),var(--gold));opacity:.75}.day-summary-head{grid-template-columns:88px 1fr 58px}.datebadge{width:78px;height:78px;border-radius:24px;background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(247,201,72,.08));border:1px solid rgba(56,189,248,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.datebadge b{font-size:13px;color:var(--blue);margin-top:0}.datebadge span{font-size:24px;letter-spacing:-.04em;line-height:1}.day-copy h2{font-size:29px;letter-spacing:-.03em}.roundplus{border-radius:999px;width:58px;height:58px;font-size:32px}.day-chipline span{padding:8px 12px;background:rgba(255,255,255,.045)}.parking-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.parking-open{display:flex;align-items:center;gap:12px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.055);border-radius:18px;padding:10px 12px;color:#fff;font-weight:950;cursor:pointer;transition:.18s}.parking-open:hover{transform:translateY(-1px);border-color:rgba(56,189,248,.34);background:rgba(56,189,248,.09)}.parking-open b{min-width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.11);font-size:13px}.parking-open.day{border-color:rgba(247,201,72,.28);background:rgba(247,201,72,.08)}.parking-open.night{border-color:rgba(56,189,248,.26);background:rgba(56,189,248,.08)}.parking-open.other{border-color:rgba(34,197,94,.24);background:rgba(34,197,94,.07)}.modal{cursor:default}.modalbox{cursor:auto}.slimmodal{width:min(760px,100%)}.pretty-location-list{display:grid;gap:12px}.pretty-location{display:grid;grid-template-columns:52px 1fr;gap:14px;border:1px solid rgba(148,163,184,.18);border-radius:24px;padding:14px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}.pretty-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:24px}.pretty-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pretty-top strong{font-size:20px;line-height:1.15}.pretty-top span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:1000;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 8px;white-space:nowrap}.addressline,.infoline{margin:8px 0 0;color:var(--muted);line-height:1.35}.amenity-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.amenity-badge{font-size:12px;font-weight:950;border:1px solid rgba(56,189,248,.22);background:rgba(56,189,248,.09);border-radius:999px;padding:6px 9px}.amenity-badge.cost{border-color:rgba(247,201,72,.28);background:rgba(247,201,72,.1);color:#fde68a}.amenity-badge.muted{border-color:rgba(148,163,184,.18);background:rgba(255,255,255,.05);color:var(--muted)}.pretty-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.empty-soft{border:1px dashed rgba(148,163,184,.25);background:rgba(255,255,255,.035);border-radius:22px;padding:18px;color:var(--muted);text-align:center}.modal-locations{grid-template-columns:1fr}.location-card{border-radius:24px;background:linear-gradient(135deg,rgba(16,26,44,.96),rgba(9,15,27,.96));border:1px solid rgba(148,163,184,.18);padding:14px}.location-card .loc-top{grid-template-columns:190px 1fr}.compact-grid{gap:10px}.location-card textarea{min-height:70px}.amenities{gap:7px}.amenities label{border-radius:999px}.costpill{max-width:140px}.modaladd{grid-template-columns:170px 1fr 1fr 1fr auto!important;border:1px solid rgba(247,201,72,.18);background:rgba(247,201,72,.05);padding:12px;border-radius:22px}.compactlist{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px}.checkmini{grid-template-columns:34px minmax(0,1fr) auto 84px 40px 22px;min-height:58px;padding:8px 10px}.checkmini .notecompact{grid-column:2/-1;display:none}.checkmini:focus-within .notecompact{display:block}.checkmini strong{font-size:14px}.soll{font-size:11px}.ist{font-size:11px}.cartbtn{font-size:17px}.compactshop{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:8px}.compactshop .shopitem{grid-template-columns:32px minmax(0,1fr) 68px 80px 32px 20px;padding:8px 10px}.compactshop .shopitem input[name="unit"],.compactshop .shopitem input[name="dealer"],.compactshop .shopitem input[name="notes"]{grid-column:auto}.compactshop .shopitem input[name="notes"]{display:none}.compactshop .shopitem:focus-within input[name="notes"]{display:block;grid-column:2/-1}.quickaddshop{grid-template-columns:1fr 1fr auto}.topbar{backdrop-filter:blur(14px)}
@media(max-width:980px){.modaladd{grid-template-columns:1fr!important}.location-card .loc-top{grid-template-columns:1fr}.compact-grid{grid-template-columns:1fr}.compactlist{grid-template-columns:1fr}.compactshop{grid-template-columns:1fr}}
@media(max-width:560px){.compact-day{grid-template-columns:1fr}.route-marker{display:none}.day-summary{border-radius:22px}.day-summary-head{grid-template-columns:74px 1fr 50px;gap:10px}.datebadge{width:68px;height:68px;border-radius:20px}.datebadge span{font-size:21px}.day-copy h2{font-size:22px}.day-copy p{-webkit-line-clamp:2}.roundplus{width:48px;height:48px}.parking-buttons{display:grid;grid-template-columns:1fr;gap:7px}.parking-open{justify-content:space-between}.pretty-location{grid-template-columns:42px 1fr;padding:12px;border-radius:20px}.pretty-icon{width:42px;height:42px;border-radius:15px}.pretty-top{display:block}.pretty-top strong{font-size:18px}.pretty-top span{display:inline-block;margin-top:6px}.checkmini{grid-template-columns:30px minmax(0,1fr) 34px 20px}.checkmini .soll,.checkmini .ist{grid-column:2/3}.compactshop .shopitem{grid-template-columns:30px minmax(0,1fr) 30px}.compactshop .shopitem input{grid-column:2/-1}.compactshop .shopitem .shop-title{grid-column:2/3}.compactshop .shopitem .icondelete{grid-column:3/4;grid-row:1}.modalhead h2{font-size:26px}}

/* v6: ruhigere Tabellen + echte Parkplatz-Einzelmodale */
.checktable{display:grid;gap:7px;margin-top:10px}.checkhead{display:grid;grid-template-columns:34px minmax(180px,1.4fr) 86px 86px 96px minmax(160px,1fr) 74px 22px;gap:8px;align-items:center;padding:0 10px 4px;color:var(--muted);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.checktable .checkmini{display:grid;grid-template-columns:34px minmax(180px,1.4fr) 86px 86px 96px minmax(160px,1fr) 74px 22px;gap:8px;align-items:center;min-height:50px;padding:7px 10px;border-radius:15px}.checkmini .soll{display:flex;align-items:center;justify-content:center;height:34px;border:1px solid rgba(247,201,72,.2);border-radius:12px;background:rgba(247,201,72,.07);color:#fde68a;font-size:13px}.checkmini .ist{display:block}.checkmini .ist input{height:34px}.unitcol{height:34px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.04);border-radius:12px;color:var(--muted);font-weight:900;font-size:13px}.checkmini .notecompact{display:block!important;grid-column:auto!important;height:34px}.cartbtn{width:62px;height:34px;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:rgba(255,255,255,.05);color:#fff;cursor:pointer;transition:.15s}.cartbtn:hover{border-color:rgba(247,201,72,.38);background:rgba(247,201,72,.08)}.cartbtn.active{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.34);box-shadow:none;color:#bbf7d0}.locationbox{width:min(720px,100%)}.location-editor{display:grid;gap:12px;background:transparent;border:0;padding:0}.location-editor label{display:grid;gap:6px;color:var(--muted);font-weight:900;font-size:13px}.editor-grid{display:grid;grid-template-columns:190px 1fr;gap:10px}.fancy-amenities{padding:8px;border:1px solid rgba(148,163,184,.15);border-radius:18px;background:rgba(255,255,255,.035)}.fancy-amenities label{display:inline-flex}.modal-actions-bottom{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}.clean-add-location{display:grid;gap:12px}.clean-add-location label{display:grid;gap:6px;color:var(--muted);font-weight:900;font-size:13px}.pretty-actions .btn.ghost{border-color:rgba(56,189,248,.22)}.locations-view-modal .modalbox{max-height:min(86vh,820px);overflow:auto}.location-edit-modal .modalbox,.new-location-modal .modalbox{max-height:min(88vh,860px);overflow:auto}.modal.open{display:flex}.modal{align-items:center;justify-content:center}.savehint{opacity:0;transition:.18s opacity;color:#86efac;font-weight:900}.savehint.show{opacity:1}
@media(max-width:900px){.checkhead{display:none}.checktable .checkmini{grid-template-columns:30px minmax(0,1fr) 70px 70px 70px 42px 20px}.checkmini .notecompact{grid-column:2/-1!important}.checkmini .soll:before{content:'SOLL ';color:var(--gold);font-size:10px;margin-right:3px}.unitcol{font-size:12px}.cartbtn{width:38px}.editor-grid{grid-template-columns:1fr}}
@media(max-width:560px){.checktable .checkmini{grid-template-columns:30px minmax(0,1fr) 62px 62px 38px 18px}.checkmini .unitcol{grid-column:3/5}.checkmini .notecompact{grid-column:2/-1!important}.checkmini .soll,.checkmini .ist{grid-column:auto!important}.checkmini .ist input{padding:6px}.cartbtn{width:36px;padding:0}.locationbox{border-radius:22px}}
.savehint.error{background:#ef4444!important;color:#fff!important;}

/* v8 Feinschliff: Nummern im Reiseverlauf wieder sichtbar + kompakte Tabellen sauber ausgerichtet */
.compact-day .route-marker{padding-top:27px;display:flex!important;justify-content:center}
.compact-day .route-marker span{
  width:34px!important;height:34px!important;border-radius:999px!important;font-size:15px!important;
  font-weight:1000!important;color:#07111f!important;background:linear-gradient(135deg,var(--gold),var(--blue))!important;
  box-shadow:0 0 0 7px rgba(56,189,248,.09),0 12px 28px rgba(0,0,0,.28)!important;
}
.compact-day .route-marker span:after{content:none!important}
.checkhead,.checkmini{grid-template-columns:34px minmax(180px,1.4fr) 76px 84px 92px minmax(160px,1fr) 54px 22px!important}
.checkhead{display:grid;gap:8px;align-items:center;padding:7px 10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:1000}
.checkmini .notecompact{display:block!important;grid-column:auto!important}
.checkmini .soll{font-size:13px;text-align:center;color:#fde047}
.checkmini .ist{grid-column:auto!important}
.checkmini .unitcol{font-size:13px;color:var(--muted);font-weight:900;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cartbtn.active{background:linear-gradient(135deg,var(--green),#16a34a)!important;color:#fff!important;border-color:rgba(34,197,94,.45)!important;box-shadow:0 0 0 3px rgba(34,197,94,.12)!important}
@media(max-width:760px){
  .checkhead{display:none}
  .checkmini{grid-template-columns:32px 1fr 70px 70px 42px!important}
  .checkmini .unitcol{grid-column:2/3;text-align:left}
  .checkmini .notecompact{grid-column:2/-1!important}
  .checkmini .cartbtn{grid-column:5/6;grid-row:1}
}

/* v10 settings table */
.settings-page{padding-bottom:60px}.settings-hero{padding:28px;margin:18px 0}.settings-hero h1{font-size:clamp(38px,6vw,66px);line-height:.92;margin:0 0 14px;letter-spacing:-.05em}.settings-hero p{max-width:920px;color:var(--muted);line-height:1.55}.settings-listhead{margin-top:16px}.settings-listhead h2{font-size:clamp(28px,4vw,42px)}.settings-table{display:grid;gap:7px;padding:12px;margin-top:12px;overflow:hidden}.settings-head,.settings-row{display:grid;grid-template-columns:minmax(190px,1.35fr) 86px 110px minmax(130px,.8fr) minmax(170px,1fr) 116px 46px 24px;gap:8px;align-items:center}.settings-head{padding:0 8px 5px;color:var(--muted);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.settings-row{min-height:52px;padding:7px 8px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:rgba(255,255,255,.035);transition:.15s border-color,.15s background,.15s opacity}.settings-row:focus-within{border-color:rgba(56,189,248,.42);background:rgba(56,189,248,.055)}.settings-row.is-paused{opacity:.58}.settings-row input,.settings-row select{height:36px;border-radius:12px;padding:8px 10px;background:rgba(5,9,19,.58)}.settings-row input[name="qty_soll"]{text-align:center;font-weight:1000;color:#fde68a;border-color:rgba(247,201,72,.2);background:rgba(247,201,72,.07)}.settings-row select[name="active"]{font-weight:900}.settings-addrow{border-color:rgba(247,201,72,.25);background:linear-gradient(135deg,rgba(247,201,72,.09),rgba(56,189,248,.045))}.settings-addrow .btn{height:36px;min-height:36px;border-radius:12px;padding:7px 10px;white-space:nowrap}.settings-empty{padding:20px;text-align:center;color:var(--muted)}.autosave-template .savehint{justify-self:center}.settings-table .icondelete{align-self:center;justify-self:center}
@media(max-width:980px){.settings-head{display:none}.settings-row{grid-template-columns:minmax(0,1fr) 76px 82px 42px 20px}.settings-row input[name="default_dealer"],.settings-row input[name="notes"],.settings-row select[name="active"]{grid-column:1/-1}.settings-row input[name="default_dealer"]:before{content:'Händler'}.settings-addrow{grid-template-columns:minmax(0,1fr) 76px 82px}.settings-addrow input[name="default_dealer"],.settings-addrow input[name="notes"],.settings-addrow select[name="active"],.settings-addrow .btn{grid-column:1/-1}.settings-addrow span{display:none}.settings-table{padding:8px}.settings-tabs{top:62px}}
@media(max-width:560px){.settings-row{grid-template-columns:minmax(0,1fr) 68px 72px 38px 18px;padding:7px}.settings-row input,.settings-row select{height:34px;padding:7px 8px}.settings-row .icondelete{width:34px;height:34px}.settings-hero{padding:20px}.settings-listhead{padding:18px}.settings-addrow{grid-template-columns:minmax(0,1fr) 68px 72px}.topbar .brandicon{display:none}}

/* v11: Reisedaten in Einstellungen */
.trip-settings-table{gap:8px}
.trip-settings-head,.trip-settings-row{grid-template-columns:minmax(180px,1.1fr) 150px 150px minmax(260px,1.4fr) 96px 72px}
.trip-settings-row{min-height:72px}
.trip-settings-row textarea{min-height:48px;max-height:110px;border-radius:12px;padding:9px 10px;background:rgba(5,9,19,.58);resize:vertical;color:var(--text);border:1px solid rgba(148,163,184,.18);font:inherit}
.trip-settings-row .btn{height:36px;min-height:36px;border-radius:12px;align-self:center;text-align:center;display:inline-flex;align-items:center;justify-content:center}
.trip-settings-row input[name="title"]{font-weight:900}
.autosave-trip .savehint{justify-self:center;color:#86efac;font-size:12px;font-weight:1000;opacity:0;transition:.15s opacity}
.autosave-trip .savehint.show{opacity:1}
.autosave-trip .savehint.error{color:#fecaca}
@media(max-width:980px){.trip-settings-head{display:none}.trip-settings-row{grid-template-columns:1fr 1fr;gap:8px}.trip-settings-row input[name="title"],.trip-settings-row textarea{grid-column:1/-1}.trip-settings-row .savehint{align-self:center}}
@media(max-width:560px){.trip-settings-row{grid-template-columns:1fr}.trip-settings-row .btn{width:100%}}

/* v12 – Standort, Werkzeug, kompaktere Listenaktionen */
.list-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.list-hero-actions .progresspill{margin:0}.list-hero-actions .btn[data-check-all]{border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.08);color:#d1fae5}.list-hero-actions .btn[data-check-all]:disabled{opacity:.65;cursor:wait}.checkhead,.checkmini{grid-template-columns:34px minmax(170px,1.35fr) 72px 78px 80px minmax(130px,.75fr) minmax(150px,1fr) 54px 22px!important}.locationcompact{height:34px;padding:7px 10px;border-radius:12px;background:rgba(255,255,255,.04);font-size:13px}.checkmini .locationcompact{display:block!important;grid-column:auto!important}.settings-table:not(.trip-settings-table) .settings-head,.settings-table:not(.trip-settings-table) .settings-row{grid-template-columns:minmax(170px,1.25fr) 78px 92px minmax(140px,.85fr) minmax(130px,.8fr) minmax(150px,1fr) 106px 42px 22px!important}.settings-row input[name="storage_location"]{font-weight:800}.settings-row input[name="storage_location"]::placeholder,.locationcompact::placeholder{color:rgba(148,163,184,.72)}
@media(max-width:980px){.list-hero-actions{justify-content:flex-start;margin-top:12px}.checkhead{display:none!important}.checkmini{grid-template-columns:30px minmax(0,1fr) 66px 66px 42px 20px!important}.checkmini .unitcol{grid-column:2/3;text-align:left}.checkmini .locationcompact,.checkmini .notecompact{grid-column:2/-1!important}.checkmini .cartbtn{grid-column:5/6;grid-row:1}.settings-table:not(.trip-settings-table) .settings-head{display:none!important}.settings-table:not(.trip-settings-table) .settings-row{grid-template-columns:minmax(0,1fr) 72px 82px 42px 20px!important}.settings-table:not(.trip-settings-table) .settings-row input[name="storage_location"],.settings-table:not(.trip-settings-table) .settings-row input[name="default_dealer"],.settings-table:not(.trip-settings-table) .settings-row input[name="notes"],.settings-table:not(.trip-settings-table) .settings-row select[name="active"],.settings-addrow .btn{grid-column:1/-1}.settings-addrow{grid-template-columns:minmax(0,1fr) 72px 82px!important}.settings-addrow span{display:none}}
@media(max-width:560px){.checkmini{grid-template-columns:30px minmax(0,1fr) 62px 62px 38px 18px!important}.checkmini .locationcompact,.checkmini .notecompact{grid-column:2/-1!important}.settings-table:not(.trip-settings-table) .settings-row{grid-template-columns:minmax(0,1fr) 64px 70px 38px 18px!important}.list-hero-actions{display:block}.list-hero-actions .btn[data-check-all]{width:100%;margin-bottom:10px}.list-hero-actions .progresspill{width:100%;justify-content:center}}

/* v13 – Passwortschutz + Standort nur per Modal in den Reise-Listen */
.loginbody{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 0,rgba(56,189,248,.28),transparent 32%),radial-gradient(circle at 90% 8%,rgba(247,201,72,.18),transparent 28%),linear-gradient(180deg,#0a1222,#050913)}
.loginwrap{width:min(520px,100%);padding:18px}.loginbox{padding:28px}.loginbrand{margin-bottom:18px}.loginbox h1{font-size:clamp(34px,7vw,58px);line-height:.94;margin:0 0 10px;letter-spacing:-.05em}.loginbox p{color:var(--muted);line-height:1.5}.loginerror{border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.12);color:#fecaca;border-radius:16px;padding:12px 14px;margin:12px 0;font-weight:900}
.storagebtn{width:38px;height:34px;border-radius:13px;border:1px solid rgba(56,189,248,.25);background:rgba(56,189,248,.09);color:#dbeafe;cursor:pointer;font-size:17px;display:grid;place-items:center}.storagebtn.has-storage{border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.10);box-shadow:inset 0 0 0 1px rgba(34,197,94,.08)}.storagebox{max-width:520px}.storagebox label{display:grid;gap:8px;font-weight:900}.storagebox input{margin-top:4px}.modalhint{color:var(--muted);font-size:13px;line-height:1.45;margin:10px 0 0}.checkhead,.checkmini{grid-template-columns:34px minmax(170px,1.45fr) 72px 78px 80px minmax(160px,1fr) 54px 54px 22px!important}.checkhead span:nth-child(7){text-align:center}.checkmini .storagebtn{justify-self:center}.checkmini>.modal{grid-column:1/-1}.checkmini .storage-modal .savehint{position:static;opacity:0}.checkmini .storage-modal .savehint.show{opacity:1}
@media(max-width:980px){.checkmini{grid-template-columns:30px minmax(0,1fr) 66px 66px 42px 38px 38px 20px!important}.checkmini .unitcol{grid-column:2/3;text-align:left}.checkmini .notecompact{grid-column:2/-1!important}.checkmini .storagebtn{grid-column:6/7;grid-row:1}.checkmini .cartbtn{grid-column:7/8;grid-row:1}.checkmini>.modal{grid-column:1/-1}}
@media(max-width:560px){.checkmini{grid-template-columns:30px minmax(0,1fr) 62px 62px 34px 34px 18px!important}.checkmini .storagebtn{grid-column:5/6;grid-row:1}.checkmini .cartbtn{grid-column:6/7;grid-row:1}.loginbox{padding:22px}}

/* v14 Feinschliff: Verlauf, Standort/Parken-Modal, Shopping-Live */
.sexyroute{max-width:1120px;margin-left:0;margin-right:auto}
.compact-day{grid-template-columns:70px minmax(0,1fr)}
.compact-day .day-main{padding:18px 20px 16px;border-radius:30px;background:linear-gradient(135deg,rgba(20,33,55,.98),rgba(10,19,34,.96) 58%,rgba(7,13,24,.98));position:relative;overflow:hidden}
.compact-day .day-main:after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.10),transparent 62%);pointer-events:none}
.day-summary-head{display:grid;grid-template-columns:86px minmax(0,1fr) 64px;gap:18px;align-items:start;position:relative;z-index:1}
.day-copy h2{margin:2px 0 4px;font-size:clamp(28px,3vw,38px);line-height:1;letter-spacing:-.04em}
.day-copy p{margin:0;color:var(--muted);max-width:760px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.day-chipline{position:relative;z-index:1;margin:16px 0 14px;display:flex;gap:10px;flex-wrap:wrap}
.day-chipline span{border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.055);border-radius:999px;padding:8px 13px;font-weight:800;color:#e5eefb}
.day-chipline b{color:#fff}
.parking-buttons{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;max-width:760px}
.parking-open{min-height:52px;border-radius:18px;border:1px solid rgba(148,163,184,.2);background:rgba(255,255,255,.045);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;cursor:pointer;font-weight:1000;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.parking-open.day{border-color:rgba(247,201,72,.34);background:linear-gradient(135deg,rgba(247,201,72,.11),rgba(255,255,255,.035))}
.parking-open.night{border-color:rgba(56,189,248,.30);background:linear-gradient(135deg,rgba(56,189,248,.10),rgba(255,255,255,.035))}
.parking-open.stop{border-color:rgba(167,139,250,.30);background:linear-gradient(135deg,rgba(167,139,250,.11),rgba(255,255,255,.035))}
.parking-open b{min-width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.10)}
.roundplus{background:linear-gradient(135deg,#fbbf24,#fb923c);box-shadow:0 18px 44px rgba(251,146,60,.28)}
.locations-view-modal .slimmodal{width:min(900px,calc(100vw - 28px));border-radius:28px;background:linear-gradient(180deg,rgba(18,29,49,.98),rgba(9,16,29,.98));padding:22px}
.locations-view-modal .modalhead{padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.14)}
.locations-view-modal .modalhead h2{font-size:clamp(34px,4vw,48px);letter-spacing:-.05em;margin:4px 0 0}
.pretty-location-list{display:grid;gap:12px;margin-top:16px}
.pretty-location{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;padding:16px;border-radius:24px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 14px 40px rgba(0,0,0,.20)}
.pretty-icon{width:54px;height:54px;border-radius:19px;display:grid;place-items:center;background:rgba(255,255,255,.075);font-size:23px}
.pretty-body{display:grid;gap:9px;min-width:0}
.pretty-top{display:flex;justify-content:space-between;gap:12px;align-items:start}
.pretty-top strong{font-size:24px;line-height:1.08;letter-spacing:-.025em;overflow:hidden;text-overflow:ellipsis}
.pretty-top span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#dbeafe;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.06);border-radius:999px;padding:7px 10px;font-weight:1000;white-space:nowrap}
.addressline,.infoline{margin:0;color:var(--muted);line-height:1.35}.addressline{color:#cbd5e1}.infoline{background:rgba(5,9,19,.32);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:9px 11px}
.amenity-badges{display:flex;gap:7px;flex-wrap:wrap}.amenity-badge{border:1px solid rgba(56,189,248,.24);background:rgba(56,189,248,.10);color:#e0f2fe;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:1000}.amenity-badge.cost{border-color:rgba(247,201,72,.32);background:rgba(247,201,72,.11);color:#fde68a}.amenity-badge.muted{border-color:rgba(148,163,184,.16);background:rgba(255,255,255,.045);color:var(--muted)}
.pretty-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.pretty-actions .btn{min-height:36px;border-radius:13px}
.locationbox{width:min(760px,calc(100vw - 28px));border-radius:28px;background:linear-gradient(180deg,rgba(18,29,49,.99),rgba(8,15,28,.99));padding:22px}.locationbox .modalhead h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em}.location-editor textarea{min-height:96px}.fancy-amenities{gap:9px}.fancy-amenities label{min-height:40px}.costpill{margin-left:auto;background:rgba(247,201,72,.08)!important;border-color:rgba(247,201,72,.22)!important}
.shopgrid .shopitem[data-shop-id]{animation:softPop .28s ease-out}@keyframes softPop{from{transform:translateY(-4px);border-color:rgba(247,201,72,.55)}to{transform:none}}
@media(max-width:900px){.sexyroute{max-width:none}.parking-buttons{grid-template-columns:1fr}.compact-day{grid-template-columns:54px minmax(0,1fr)}.day-summary-head{grid-template-columns:76px minmax(0,1fr) 54px}.pretty-top{display:grid}.pretty-top span{justify-self:start}.locations-view-modal .slimmodal,.locationbox{width:calc(100vw - 18px);padding:16px}.pretty-location{grid-template-columns:46px minmax(0,1fr);padding:12px}.pretty-icon{width:44px;height:44px;border-radius:15px}.day-copy p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}

/* v15 – finale Handy-/Modal-/Verlauf-Optimierung */
.wrap.wide{max-width:1500px}.sexyroute{max-width:none;width:100%}.routeflow:before{left:29px}.compact-day{grid-template-columns:64px minmax(0,1fr)}.compact-day .day-main{padding:15px 16px;border-radius:24px}.day-summary-head{grid-template-columns:72px minmax(0,1fr) 54px;gap:14px}.datebadge{height:62px;border-radius:18px}.datebadge span{font-size:21px}.day-copy h2{font-size:clamp(24px,2.4vw,32px)}.day-chipline{margin:12px 0 12px;gap:7px}.day-chipline span{padding:6px 10px;font-size:13px}.parking-buttons{max-width:none;grid-template-columns:repeat(5,minmax(140px,1fr));gap:8px}.parking-open{min-height:44px;border-radius:15px;padding:8px 11px;font-size:14px}.parking-open b{min-width:28px;height:28px;border-radius:10px}.parking-open.hidden-empty{display:none!important}.parking-open.camp{border-color:rgba(34,197,94,.30);background:linear-gradient(135deg,rgba(34,197,94,.11),rgba(255,255,255,.035))}.parking-open.files{border-color:rgba(251,146,60,.28);background:linear-gradient(135deg,rgba(251,146,60,.10),rgba(255,255,255,.035))}.roundplus{width:54px;height:54px;border:0;border-radius:19px;color:#111827;font-size:28px;font-weight:1000;cursor:pointer}.modal.open{display:grid;place-items:center}.modalbox{max-height:calc(100vh - 22px);overflow:auto}.locations-view-modal .slimmodal,.files-modal .slimmodal{width:min(1120px,calc(100vw - 24px));padding:16px;border-radius:24px}.locations-view-modal .modalhead h2{font-size:clamp(28px,3vw,40px)}.pretty-location-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pretty-location{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:12px;border-radius:20px}.pretty-icon{width:42px;height:42px;border-radius:15px;font-size:20px}.pretty-body{gap:7px}.pretty-top strong{font-size:19px}.pretty-top span{font-size:10px;padding:5px 8px}.addressline,.infoline{font-size:13px}.infoline{padding:7px 9px}.amenity-badge{padding:5px 8px;font-size:11px}.pretty-actions .btn{min-height:32px;padding:7px 10px}.locationbox{width:min(900px,calc(100vw - 24px));padding:16px;border-radius:24px}.locationbox .modalhead h2{font-size:clamp(25px,3vw,36px)}.editor-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:10px}.location-editor,.clean-add-location{display:grid;gap:9px}.location-editor textarea,.clean-add-location textarea{min-height:70px}.fancy-amenities label{min-height:34px;padding:6px 8px}.costpill input{height:28px}.copy-panel{display:none;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04)}.copy-panel.open{display:block}.copy-panel p,.campdays p{margin:0 0 8px;color:var(--muted);font-weight:900}.copy-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.copy-days label{display:flex;gap:6px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:12px;padding:7px 8px;font-size:12px}.copy-days input{width:auto}.actionbox{width:min(820px,calc(100vw - 24px));padding:18px}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action-grid button{border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));color:#fff;text-align:left;padding:15px;cursor:pointer}.action-grid button b{display:block;font-size:18px;margin-bottom:4px}.action-grid button span{color:var(--muted);font-size:13px;line-height:1.35}.fileupload{display:grid;grid-template-columns:1fr 1fr auto 22px;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);margin-bottom:12px}.file-list{display:grid;gap:8px}.file-card{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045);padding:10px}.file-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card small{display:block;color:var(--muted);margin-top:2px}.settings-page .floatingtabs{overflow:auto;flex-wrap:nowrap}.settings-page .tab{white-space:nowrap}.checktable{overflow-x:auto}.checkmini,.checkhead{min-width:760px}.checkmini input,.checkmini button{min-height:34px}.shopgrid.compactshop{grid-template-columns:1fr}.shopitem{grid-template-columns:36px minmax(220px,1fr) 90px 90px minmax(130px,.8fr) minmax(160px,1fr) 38px 22px!important;align-items:center;padding:10px;border-radius:18px}.shopitem input{height:36px;padding:7px 9px;border-radius:12px}.modal-actions-bottom{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tag-camp .pretty-icon{background:rgba(34,197,94,.11)}
@media(max-width:980px){.parking-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.pretty-location-list{grid-template-columns:1fr}.editor-grid{grid-template-columns:1fr}.copy-days{grid-template-columns:repeat(2,minmax(0,1fr))}.fileupload{grid-template-columns:1fr}.shopitem{grid-template-columns:34px minmax(0,1fr) 68px 70px 36px 18px!important}.shopitem input[name="dealer"],.shopitem input[name="notes"]{grid-column:2/-1}.shopitem input[name="unit"]{grid-column:4/5}.shopitem .icondelete{grid-column:5/6;grid-row:1}.settings-table{overflow-x:auto}.settings-row,.settings-head{min-width:860px}.trip-settings-row,.trip-settings-head{min-width:960px}.topbar{align-items:flex-start}.topbar nav{justify-content:flex-end}.triphero{grid-template-columns:1fr}.scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wrap{padding:10px}.topbar{padding:10px;display:grid;grid-template-columns:1fr}.topbar nav{justify-content:flex-start}.brandicon{width:34px;height:34px}.floatingtabs{top:0;margin-left:-10px;margin-right:-10px;border-radius:0;border-left:0;border-right:0}.routeflow{gap:14px}.routeflow:before{left:21px}.compact-day{grid-template-columns:44px minmax(0,1fr)}.route-marker{padding-top:20px}.route-marker span{width:34px;height:34px;border-radius:13px;font-size:14px}.compact-day .day-main{padding:12px;border-radius:20px}.day-summary-head{grid-template-columns:58px minmax(0,1fr) 46px;gap:9px}.datebadge{height:54px;border-radius:16px}.datebadge b{font-size:12px}.datebadge span{font-size:18px}.day-copy h2{font-size:22px}.day-copy p{font-size:13px}.roundplus{width:44px;height:44px;border-radius:16px;font-size:24px}.day-chipline span{font-size:12px;padding:5px 8px}.parking-buttons{grid-template-columns:1fr}.parking-open{min-height:40px}.locations-view-modal .slimmodal,.locationbox,.files-modal .slimmodal,.actionbox{width:calc(100vw - 12px);padding:12px;border-radius:20px}.action-grid{grid-template-columns:1fr}.copy-days{grid-template-columns:1fr}.pretty-location{grid-template-columns:38px minmax(0,1fr);padding:10px}.pretty-icon{width:36px;height:36px;border-radius:13px;font-size:18px}.pretty-top strong{font-size:17px}.checktable{margin-left:-10px;margin-right:-10px;border-radius:0}.checkmini,.checkhead{min-width:700px}.list-hero{display:block;padding:16px}.list-hero h2{font-size:30px}.settings-hero{padding:18px}.settings-page .settings-table{margin-left:-10px;margin-right:-10px;border-radius:0}.settings-row,.settings-head{min-width:780px}.quickaddshop{grid-template-columns:1fr}.scoreboard b{font-size:18px}}

/* v16: aufgeräumtes Anlage-Modal für Parkplätze/Campingplätze */
.new-location-modal .locationbox{
  width:min(1040px,calc(100vw - 28px))!important;
  padding:20px!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 12% 0,rgba(56,189,248,.16),transparent 34%),
    linear-gradient(180deg,rgba(18,29,49,.98),rgba(8,15,28,.99))!important;
}
.new-location-modal .modalhead{
  align-items:flex-start;
  gap:16px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(148,163,184,.14);
}
.new-location-modal .modalhead small{
  color:#facc15;
  font-weight:1000;
  letter-spacing:.04em;
}
.new-location-modal .modalhead h2{
  margin:4px 0 0!important;
  font-size:clamp(28px,3.5vw,42px)!important;
  line-height:.95;
}
.add-place-form{display:block!important;}
.add-place-grid{
  display:grid;
  grid-template-columns:1.08fr 1.08fr 1fr 1.45fr;
  grid-template-areas:
    "title address maps options"
    "days days info options"
    "actions actions info options";
  gap:12px;
  align-items:start;
}
.add-place-grid label{
  display:grid!important;
  gap:7px!important;
  color:var(--muted);
  font-weight:1000;
  font-size:12px!important;
  letter-spacing:.02em;
}
.add-place-grid input,
.add-place-grid textarea{
  min-height:46px;
  border-radius:14px;
  padding:11px 13px;
}
.add-place-grid textarea{min-height:126px!important;}
.field-title{grid-area:title}.field-address{grid-area:address}.field-maps{grid-area:maps}.field-info{grid-area:info}.add-actions{grid-area:actions}.campdays{grid-area:days}
.place-options-panel{
  grid-area:options;
  border:1px solid rgba(148,163,184,.16);
  border-radius:22px;
  padding:12px;
  background:rgba(255,255,255,.035);
}
.place-options-panel .panel-title{
  color:#cbd5e1;
  font-weight:1000;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:9px;
}
.new-location-modal .compact-add-amenities{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.new-location-modal .compact-add-amenities label{
  min-height:42px!important;
  border-radius:14px!important;
  padding:8px 10px!important;
  justify-content:flex-start;
  background:rgba(255,255,255,.055)!important;
}
.new-location-modal .compact-add-amenities label span{font-size:13px;font-weight:1000;color:#e5e7eb;}
.new-location-modal .compact-add-amenities input[type="checkbox"]{width:18px;height:18px;accent-color:#facc15;}
.new-location-modal .compact-add-amenities .costpill{
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:8px;
  min-height:48px!important;
  margin:0!important;
  background:rgba(247,201,72,.10)!important;
}
.new-location-modal .costpill input{height:34px!important;text-align:right;font-weight:1000;}
.new-location-modal .campdays{
  margin:0!important;
  padding:12px!important;
  border-radius:20px!important;
  background:rgba(56,189,248,.055)!important;
  border:1px solid rgba(56,189,248,.16)!important;
}
.new-location-modal .campdays p{
  margin:0 0 9px!important;
  color:#e5e7eb!important;
  font-size:13px;
}
.new-location-modal .copy-days{
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;
  gap:7px!important;
}
.new-location-modal .copy-days label{
  display:flex!important;
  flex-direction:row;
  align-items:center;
  min-height:38px;
  padding:8px 10px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.06)!important;
}
.new-location-modal .copy-days input{width:16px!important;height:16px!important;accent-color:#facc15;}
.new-location-modal .copy-days span{font-weight:900;color:#dbeafe;font-size:12px;line-height:1.15;}
.new-location-modal .add-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap;
  align-self:end;
  margin:0!important;
}
.new-location-modal .add-actions .btn{min-width:140px;}
@media(max-width:900px){
  .new-location-modal .locationbox{width:calc(100vw - 18px)!important;padding:14px!important;border-radius:22px!important;}
  .add-place-grid{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "title title"
      "address maps"
      "options options"
      "days days"
      "info info"
      "actions actions";
    gap:10px;
  }
  .new-location-modal .compact-add-amenities{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  .new-location-modal .compact-add-amenities label{justify-content:center;}
  .new-location-modal .compact-add-amenities .costpill{grid-column:auto;}
}
@media(max-width:560px){
  .new-location-modal .modalhead h2{font-size:30px!important;}
  .add-place-grid{grid-template-columns:1fr;grid-template-areas:"title" "address" "maps" "options" "days" "info" "actions";}
  .new-location-modal .compact-add-amenities{grid-template-columns:1fr 1fr!important;}
  .new-location-modal .compact-add-amenities .costpill{grid-column:1/-1;}
  .new-location-modal .copy-days{grid-template-columns:1fr 1fr!important;}
  .new-location-modal .add-actions .btn{flex:1 1 130px;}
}

/* v17: Orte/Camping/Stops als breite, kompakte Inline-Liste */
.location-edit-modal .locationbox,
.new-location-modal .locationbox{
  width:min(1240px,calc(100vw - 24px))!important;
  padding:16px!important;
  border-radius:24px!important;
}
.place-edit-list,.add-place-list{display:grid;gap:10px!important;margin-top:4px}
.place-line-main,.place-edit-list{grid-template-columns:150px minmax(180px,1.1fr) minmax(210px,1.2fr) minmax(210px,1.1fr);}
.place-edit-list{display:grid!important;align-items:end}
.place-edit-list .type-field{grid-column:1}.place-edit-list .title-field{grid-column:2}.place-edit-list .address-field{grid-column:3}.place-edit-list .maps-field{grid-column:4}
.place-edit-list .extras-row,.place-edit-list .series-row,.place-edit-list .info-field{grid-column:1/-1}
.place-line-main{display:grid;gap:10px;align-items:end}
.place-line-main label,.line-field{display:grid!important;gap:6px!important;color:var(--muted);font-size:12px!important;font-weight:1000;letter-spacing:.02em}
.line-field>span,.place-line-main label>span,.extras-row>span,.line-caption{color:#aab4c5;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.place-edit-list input,.place-edit-list select,.place-edit-list textarea,.add-place-list input,.add-place-list textarea{min-height:42px!important;border-radius:13px!important;padding:10px 12px!important}
.place-edit-list textarea,.add-place-list textarea{min-height:68px!important}
.extras-row,.place-line-extras{display:grid!important;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:center;border:1px solid rgba(148,163,184,.16);border-radius:18px;padding:8px 10px;background:rgba(255,255,255,.035)}
.compact-extra-list,.compact-add-amenities{display:grid!important;grid-template-columns:repeat(9,minmax(82px,1fr))!important;gap:7px!important;padding:0!important;border:0!important;background:transparent!important}
.compact-extra-list label,.compact-add-amenities label{min-height:34px!important;border-radius:12px!important;padding:6px 8px!important;justify-content:center!important;background:rgba(255,255,255,.055)!important;font-size:12px!important;white-space:nowrap}
.compact-extra-list label span,.compact-add-amenities label span{font-size:12px!important;font-weight:1000;color:#e5e7eb!important}
.compact-extra-list input[type="checkbox"],.compact-add-amenities input[type="checkbox"]{width:15px!important;height:15px!important;accent-color:#facc15}
.compact-extra-list .costpill,.compact-add-amenities .costpill{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:5px;margin:0!important;background:rgba(247,201,72,.10)!important;border-color:rgba(247,201,72,.24)!important}
.compact-extra-list .costpill input,.compact-add-amenities .costpill input{height:28px!important;min-height:28px!important;text-align:right;font-weight:1000;padding:4px 6px!important}
.series-row{border:1px solid rgba(34,197,94,.20);background:rgba(34,197,94,.055);border-radius:18px;padding:10px;display:grid;gap:8px}
.series-row>label{display:flex!important;gap:8px;align-items:center;color:#dcfce7;font-weight:1000}.series-row>label input{width:18px!important;height:18px!important;accent-color:#22c55e}.series-row small{color:var(--muted)}
.series-days{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important}
.new-location-modal .campdays{padding:10px!important;border-radius:18px!important}.new-location-modal .campdays p{margin-bottom:7px!important}
.add-place-list .add-actions{display:flex!important;gap:8px;justify-content:flex-start;margin:0!important}
.location-edit-modal .copybox{margin-top:0!important}
.pretty-location-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:1050px){
  .place-edit-list,.place-line-main{grid-template-columns:1fr 1fr!important}.place-edit-list .type-field,.place-edit-list .title-field,.place-edit-list .address-field,.place-edit-list .maps-field{grid-column:auto}.place-edit-list .extras-row,.place-edit-list .series-row,.place-edit-list .info-field{grid-column:1/-1}.compact-extra-list,.compact-add-amenities{grid-template-columns:repeat(4,minmax(0,1fr))!important}.extras-row,.place-line-extras{grid-template-columns:1fr}.pretty-location-list{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .location-edit-modal .locationbox,.new-location-modal .locationbox{width:calc(100vw - 10px)!important;padding:10px!important;border-radius:18px!important}.place-edit-list,.place-line-main{grid-template-columns:1fr!important;gap:8px!important}.compact-extra-list,.compact-add-amenities{grid-template-columns:1fr 1fr!important}.series-days,.new-location-modal .copy-days{grid-template-columns:1fr 1fr!important}.extras-row,.place-line-extras{padding:8px}.add-place-list .add-actions .btn{flex:1 1 120px}.location-edit-modal .modalhead h2,.new-location-modal .modalhead h2{font-size:26px!important}
}

/* v18 Mengenregeln / Settings-Feinschliff */
.rule-open{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-content:center;min-width:96px}.rule-open.disabled{opacity:.45;pointer-events:none}.rulebox{max-width:780px}.rulegrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:10px;margin:14px 0}.rulegrid label{display:grid;gap:6px;color:var(--muted);font-weight:900;font-size:12px}.rulegrid input,.rulegrid select{height:40px;border-radius:12px;background:rgba(5,9,19,.72);border:1px solid rgba(148,163,184,.20);color:var(--text);padding:8px 10px}.ruleexamples{border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.035);border-radius:16px;padding:12px;color:var(--muted);font-size:13px;line-height:1.45}.settings-table:not(.trip-settings-table) .settings-head,.settings-table:not(.trip-settings-table) .settings-row{grid-template-columns:minmax(170px,1.2fr) 72px 82px minmax(130px,.8fr) minmax(120px,.75fr) minmax(140px,.9fr) 122px 96px 42px 22px!important}.settings-table:not(.trip-settings-table) .settings-row .rule-modal{grid-column:auto}.settings-addrow .rule-open{height:36px;min-height:36px;border-radius:12px}.settings-addrow .btn[type="submit"]{grid-column:auto}.settings-row .modal input,.settings-row .modal select{height:40px;background:rgba(5,9,19,.72)}
@media(max-width:980px){.rulegrid{grid-template-columns:1fr 1fr}.settings-table:not(.trip-settings-table) .settings-row{grid-template-columns:minmax(0,1fr) 72px 82px 100px 42px 20px!important;min-width:880px}.settings-table:not(.trip-settings-table) .settings-row input[name="storage_location"],.settings-table:not(.trip-settings-table) .settings-row input[name="default_dealer"],.settings-table:not(.trip-settings-table) .settings-row input[name="notes"]{grid-column:auto}.settings-table:not(.trip-settings-table) .settings-row select[name="active"]{grid-column:auto}.settings-addrow .btn[type="submit"]{grid-column:auto}}
@media(max-width:620px){.rulegrid{grid-template-columns:1fr}.rulebox{width:calc(100vw - 16px)}.settings-table:not(.trip-settings-table) .settings-row{min-width:900px}.settings-table{overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* v19: Orte-/Camping-Modale als echte kompakte Listen statt Kachel-Chaos */
.location-edit-modal .locationbox,
.new-location-modal .locationbox{
  width:min(1380px,calc(100vw - 20px))!important;
  padding:14px!important;
  border-radius:22px!important;
}
.location-edit-modal .modalhead,
.new-location-modal .modalhead{
  margin-bottom:10px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid rgba(148,163,184,.14)!important;
}
.location-edit-modal .modalhead h2,
.new-location-modal .modalhead h2{
  font-size:clamp(25px,2.6vw,36px)!important;
  line-height:1!important;
}
.add-place-list,
.place-edit-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.place-line-main,
.place-edit-list{
  display:grid!important;
  grid-template-columns:minmax(210px,1.25fr) minmax(220px,1.15fr) minmax(220px,1.15fr) minmax(150px,.65fr)!important;
  gap:8px!important;
  align-items:end!important;
}
.place-edit-list .type-field{grid-column:1!important;grid-row:1!important;}
.place-edit-list .title-field{grid-column:2!important;grid-row:1!important;}
.place-edit-list .address-field{grid-column:3!important;grid-row:1!important;}
.place-edit-list .maps-field{grid-column:4!important;grid-row:1!important;}
.place-line-main label,
.place-edit-list label,
.line-field{
  gap:4px!important;
  min-width:0!important;
}
.place-line-main input,
.place-edit-list input,
.place-edit-list select,
.add-place-list textarea,
.place-edit-list textarea{
  min-height:38px!important;
  height:38px!important;
  border-radius:12px!important;
  padding:8px 10px!important;
  font-size:14px!important;
}
.add-place-list textarea,
.place-edit-list textarea{
  height:auto!important;
  min-height:54px!important;
}
.place-line-extras,
.extras-row{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  padding:8px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.compact-add-amenities,
.compact-extra-list{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(9,minmax(0,1fr))!important;
  gap:6px!important;
}
.compact-add-amenities label,
.compact-extra-list label{
  min-width:0!important;
  min-height:32px!important;
  height:32px!important;
  padding:5px 6px!important;
  border-radius:11px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:5px!important;
  overflow:hidden!important;
}
.compact-add-amenities label span,
.compact-extra-list label span{
  font-size:11px!important;
  line-height:1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.compact-add-amenities input[type="checkbox"],
.compact-extra-list input[type="checkbox"]{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
}
.compact-add-amenities .costpill,
.compact-extra-list .costpill{
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:4px!important;
}
.compact-add-amenities .costpill input,
.compact-extra-list .costpill input{
  width:100%!important;
  min-width:0!important;
  height:24px!important;
  min-height:24px!important;
  font-size:12px!important;
}
.campdays,
.series-row{
  padding:8px!important;
  border-radius:16px!important;
}
.new-location-modal .copy-days,
.series-days{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(108px,1fr))!important;
  gap:5px!important;
}
.new-location-modal .copy-days label,
.series-days label{
  min-height:30px!important;
  padding:5px 7px!important;
  border-radius:11px!important;
  font-size:11px!important;
}
.new-location-modal .copy-days span,
.series-days span{font-size:11px!important;}
.info-field{grid-column:1/-1!important;}
.loc-actions,
.add-actions{margin-top:0!important;}

.locations-view-modal .slimmodal{
  width:min(1320px,calc(100vw - 20px))!important;
  padding:14px!important;
  border-radius:22px!important;
}
.locations-view-modal .modalhead h2{font-size:clamp(26px,2.5vw,36px)!important;}
.pretty-location-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin-top:10px!important;
}
.place-list-row.pretty-location{
  display:grid!important;
  grid-template-columns:42px minmax(210px,1.15fr) minmax(270px,1.35fr) minmax(180px,.95fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:9px 10px!important;
  border-radius:16px!important;
}
.place-list-row .list-icon{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
  font-size:18px!important;
}
.place-list-main{min-width:0!important;display:grid!important;gap:2px!important;}
.place-list-main strong{font-size:16px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.place-list-main span{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#aab4c5!important;font-weight:1000!important;}
.place-list-main small{font-size:12px!important;color:var(--muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.place-list-extras{margin:0!important;display:flex!important;flex-wrap:wrap!important;gap:4px!important;}
.place-list-extras .amenity-badge{font-size:10px!important;padding:4px 6px!important;}
.place-list-info{font-size:12px!important;color:var(--muted)!important;line-height:1.25!important;max-height:34px!important;overflow:hidden!important;}
.place-list-actions{margin:0!important;display:flex!important;gap:6px!important;justify-content:flex-end!important;}
.place-list-actions .btn{min-height:30px!important;padding:6px 9px!important;font-size:12px!important;}
.empty-soft{padding:13px!important;border-radius:16px!important;}

@media(max-width:1050px){
  .place-line-main,
  .place-edit-list{grid-template-columns:1fr 1fr!important;}
  .place-edit-list .type-field,.place-edit-list .title-field,.place-edit-list .address-field,.place-edit-list .maps-field{grid-column:auto!important;grid-row:auto!important;}
  .compact-add-amenities,.compact-extra-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .place-list-row.pretty-location{grid-template-columns:38px minmax(0,1fr) auto!important;align-items:start!important;}
  .place-list-extras,.place-list-info{grid-column:2/-1!important;}
  .place-list-actions{grid-column:3!important;grid-row:1 / span 2!important;align-self:center!important;flex-direction:column!important;}
}
@media(max-width:620px){
  .location-edit-modal .locationbox,.new-location-modal .locationbox,.locations-view-modal .slimmodal{width:calc(100vw - 8px)!important;padding:10px!important;border-radius:18px!important;}
  .place-line-main,.place-edit-list{grid-template-columns:1fr!important;}
  .place-line-extras,.extras-row{grid-template-columns:1fr!important;gap:6px!important;}
  .compact-add-amenities,.compact-extra-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .new-location-modal .copy-days,.series-days{grid-template-columns:1fr 1fr!important;}
  .place-list-row.pretty-location{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;}
  .place-list-actions{grid-column:2/-1!important;grid-row:auto!important;flex-direction:row!important;justify-content:flex-start!important;}
  .place-list-extras,.place-list-info{grid-column:2/-1!important;}
}

/* v20: Camping/Tages/Nacht/Zwischenstopp-Anlegen wirklich aufgeräumt */
.new-location-modal .v20-locationbox{
  width:min(1180px,calc(100vw - 24px))!important;
  padding:14px!important;
  border-radius:22px!important;
}
.new-location-modal .v20-locationbox .modalhead{
  margin-bottom:10px!important;
  padding-bottom:10px!important;
}
.v20-place-form{
  display:grid!important;
  gap:10px!important;
  margin:0!important;
  grid-template-columns:1fr!important;
}
.v20-mainline{
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) minmax(210px,1.05fr) minmax(220px,1.05fr)!important;
  gap:8px!important;
  align-items:end!important;
}
.v20-mainline label,
.v20-info-field{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}
.v20-mainline label span,
.v20-info-field span,
.v20-extras-box strong,
.v20-days p{
  color:#aab4c5!important;
  font-size:11px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin:0!important;
}
.v20-mainline input{
  height:38px!important;
  min-height:38px!important;
  border-radius:12px!important;
  padding:8px 10px!important;
  font-size:14px!important;
}
.v20-contentline{
  display:grid!important;
  grid-template-columns:minmax(360px,1fr) minmax(330px,380px)!important;
  gap:10px!important;
  align-items:start!important;
}
.v20-info-field textarea{
  min-height:178px!important;
  height:178px!important;
  border-radius:14px!important;
  padding:10px 12px!important;
  font-size:14px!important;
}
.v20-sidepanel{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
}
.v20-extras-box,
.v20-days{
  border:1px solid rgba(148,163,184,.17)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:16px!important;
  padding:9px!important;
  min-width:0!important;
}
.v20-extras-box{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start!important;
}
.v20-extras{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  overflow:visible!important;
}
.v20-extras label{
  min-width:0!important;
  width:100%!important;
  min-height:30px!important;
  height:30px!important;
  padding:4px 6px!important;
  border-radius:10px!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:5px!important;
}
.v20-extras label span{
  font-size:10.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.v20-extras input[type="checkbox"]{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  min-height:13px!important;
}
.v20-extras .costpill{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr)!important;
}
.v20-extras .costpill input{
  height:24px!important;
  min-height:24px!important;
  padding:3px 6px!important;
  font-size:12px!important;
  text-align:center!important;
}
.v20-days{
  padding:9px!important;
}
.v20-daygrid{
  margin-top:7px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
  max-height:190px!important;
  overflow:auto!important;
  padding-right:2px!important;
}
.v20-daygrid label{
  min-height:30px!important;
  padding:5px 7px!important;
  border-radius:10px!important;
  gap:6px!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
.v20-daygrid input{
  width:14px!important;
  height:14px!important;
  min-height:14px!important;
  flex:0 0 14px!important;
}
.v20-daygrid span{
  font-size:11px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.v20-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin-top:0!important;
}
.v20-actions .btn{
  min-height:40px!important;
  padding:9px 14px!important;
  border-radius:13px!important;
}
@media(max-width:900px){
  .v20-mainline{grid-template-columns:1fr!important;}
  .v20-contentline{grid-template-columns:1fr!important;}
  .v20-info-field textarea{height:110px!important;min-height:110px!important;}
  .v20-extras-box{grid-template-columns:1fr!important;}
  .v20-extras{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .v20-daygrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:210px!important;}
  .v20-actions{justify-content:flex-start!important;}
}
@media(max-width:520px){
  .new-location-modal .v20-locationbox{width:calc(100vw - 10px)!important;padding:10px!important;border-radius:18px!important;}
  .new-location-modal .v20-locationbox .modalhead h2{font-size:28px!important;}
  .v20-extras{grid-template-columns:1fr 1fr!important;}
  .v20-daygrid{grid-template-columns:1fr!important;max-height:230px!important;}
  .v20-actions .btn{flex:1 1 120px!important;}
}

/* v21 fixes */
.hiddeninitial.active{display:block!important}
.files-modal .upload-only-from-plus{display:none}
.files-modal.upload-enabled .upload-only-from-plus{display:grid}
.file-card strong{font-size:16px;color:#fff}
.file-card small{color:var(--muted);font-size:12px;margin-top:3px}
@media(max-width:700px){.file-card{grid-template-columns:minmax(0,1fr) auto 36px}.filesbox .fileupload{grid-template-columns:1fr!important}}

/* v22: Modal-Fix wirklich zuletzt: Camping/Tag/Nacht/Stop sauber, lesbar, ohne gequetschte Extras */
.new-location-modal .v20-locationbox{
  width:min(1240px,calc(100vw - 18px))!important;
  padding:14px 16px!important;
  border-radius:22px!important;
}
.new-location-modal .v20-locationbox .modalhead{
  margin-bottom:8px!important;
  padding-bottom:9px!important;
  border-bottom:1px solid rgba(148,163,184,.16)!important;
}
.new-location-modal .v20-locationbox .modalhead h2{
  font-size:clamp(28px,2.7vw,38px)!important;
  line-height:.95!important;
}
.v20-place-form{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.v20-mainline{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(260px,1.08fr) minmax(260px,1.08fr)!important;
  gap:8px!important;
  align-items:end!important;
}
.v20-mainline label span,
.v20-info-field span,
.v22-section-title,
.v20-extras-box strong,
.v20-days p{
  display:block!important;
  color:#aab4c5!important;
  font-size:11px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin:0 0 5px!important;
  white-space:normal!important;
}
.v20-mainline input{
  height:38px!important;
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  font-size:14px!important;
}
.v20-contentline{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  align-items:start!important;
}
.v20-info-field{
  display:grid!important;
  gap:0!important;
}
.v20-info-field textarea{
  width:100%!important;
  min-height:96px!important;
  height:96px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  font-size:14px!important;
}
.v20-sidepanel{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px)!important;
  gap:8px!important;
  align-items:start!important;
}
.v20-extras-box,
.v20-days{
  width:100%!important;
  min-width:0!important;
  border:1px solid rgba(148,163,184,.17)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:16px!important;
  padding:9px!important;
  overflow:hidden!important;
}
.v20-extras-box{
  display:block!important;
}
.v20-extras{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
.v20-extras label{
  min-width:0!important;
  width:100%!important;
  min-height:32px!important;
  height:32px!important;
  padding:5px 8px!important;
  border-radius:11px!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:7px!important;
  overflow:hidden!important;
}
.v20-extras label span{
  display:inline!important;
  min-width:0!important;
  font-size:12px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#dbeafe!important;
  font-weight:900!important;
}
.v20-extras input[type="checkbox"]{
  display:inline-block!important;
  width:15px!important;
  height:15px!important;
  min-height:15px!important;
  flex:0 0 15px!important;
  accent-color:#facc15!important;
}
.v20-extras .costpill{
  margin:0!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:center!important;
  gap:5px!important;
  background:rgba(247,201,72,.08)!important;
  border-color:rgba(247,201,72,.26)!important;
}
.v20-extras .costpill input{
  width:100%!important;
  height:24px!important;
  min-height:24px!important;
  padding:3px 6px!important;
  text-align:center!important;
  font-size:12px!important;
}
.v20-days{
  max-height:168px!important;
  overflow:auto!important;
}
.v20-daygrid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
}
.v20-daygrid label{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:30px!important;
  padding:5px 8px!important;
  border-radius:10px!important;
  white-space:nowrap!important;
}
.v20-daygrid input{
  width:15px!important;
  height:15px!important;
  min-height:15px!important;
  flex:0 0 15px!important;
  accent-color:#facc15!important;
}
.v20-daygrid span{
  display:block!important;
  font-size:12px!important;
  line-height:1.05!important;
  color:#dbeafe!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.v20-actions{
  grid-column:1/-1!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin-top:0!important;
  padding-top:0!important;
}
.v20-actions .btn{
  min-height:40px!important;
  padding:9px 16px!important;
  border-radius:13px!important;
}
@media(max-width:900px){
  .v20-mainline{grid-template-columns:1fr!important;}
  .v20-sidepanel{grid-template-columns:1fr!important;}
  .v20-info-field textarea{min-height:90px!important;height:90px!important;}
  .v20-days{max-height:190px!important;}
  .v20-daygrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .v20-actions{justify-content:flex-start!important;}
}
@media(max-width:540px){
  .new-location-modal .v20-locationbox{width:calc(100vw - 8px)!important;padding:10px!important;border-radius:18px!important;}
  .v20-extras{grid-template-columns:1fr 1fr!important;}
  .v20-daygrid{grid-template-columns:1fr!important;}
  .v20-actions .btn{flex:1 1 120px!important;}
}

/* v22: Settings-Listen immer sichtbar und als echte Mastertabelle nutzbar */
.settings-page .tabpane.active{display:block!important;}
.settings-page .settings-table{display:grid!important;}
.settings-page .settings-row{display:grid!important;}
.settings-page .settings-head{display:grid!important;}
@media(max-width:980px){.settings-page .settings-head{display:none!important;}}

/* v23: Camping/Parkplatz hinzufügen Modal – ruhigere, breitere Listen-Optik */
.new-location-modal .v20-locationbox{
  width:min(1180px,calc(100vw - 24px))!important;
  max-height:calc(100vh - 32px)!important;
  overflow:auto!important;
  padding:18px!important;
  border-radius:24px!important;
}
.new-location-modal .modalhead{
  margin-bottom:12px!important;
}
.new-location-modal .modalhead h2{
  font-size:clamp(30px,2.4vw,42px)!important;
  letter-spacing:-.04em!important;
}
.new-location-modal .v20-place-form{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
}
.new-location-modal .v20-mainline{
  display:grid!important;
  grid-template-columns:1fr 1.05fr 1.05fr!important;
  gap:10px!important;
  align-items:end!important;
}
.new-location-modal .v20-mainline label,
.new-location-modal .v20-info-field{
  min-width:0!important;
}
.new-location-modal .v20-mainline input{
  width:100%!important;
  height:40px!important;
  border-radius:13px!important;
  padding:9px 12px!important;
}
.new-location-modal .v20-contentline{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(390px,430px)!important;
  gap:12px!important;
  align-items:stretch!important;
}
.new-location-modal .v20-info-field textarea{
  min-height:184px!important;
  height:184px!important;
  resize:vertical!important;
  border-radius:16px!important;
}
.new-location-modal .v20-sidepanel{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-content:start!important;
}
.new-location-modal .v20-extras-box,
.new-location-modal .v20-days{
  width:100%!important;
  max-width:100%!important;
  border-radius:18px!important;
  padding:11px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:none!important;
}
.new-location-modal .v20-extras-box strong,
.new-location-modal .v20-days p{
  margin:0 0 8px!important;
  font-size:11px!important;
  letter-spacing:.1em!important;
}
.new-location-modal .v20-extras{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.new-location-modal .v20-extras label{
  height:36px!important;
  min-height:36px!important;
  border-radius:12px!important;
  padding:7px 9px!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.18)!important;
}
.new-location-modal .v20-extras label span{
  font-size:12px!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.new-location-modal .v20-extras .costpill{
  grid-column:1/-1!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  background:rgba(247,201,72,.10)!important;
}
.new-location-modal .v20-extras .costpill input{
  height:28px!important;
  font-size:13px!important;
}
.new-location-modal .v20-days{
  max-height:none!important;
  overflow:visible!important;
}
.new-location-modal .v20-daygrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  max-height:204px!important;
  overflow:auto!important;
  padding-right:2px!important;
}
.new-location-modal .v20-daygrid label{
  min-height:36px!important;
  height:36px!important;
  border-radius:12px!important;
  padding:7px 9px!important;
  background:rgba(15,23,42,.78)!important;
  border:1px solid rgba(148,163,184,.18)!important;
}
.new-location-modal .v20-daygrid span{
  font-size:12px!important;
  line-height:1.1!important;
  color:#e5edf9!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
.new-location-modal .v20-actions{
  margin-top:2px!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
}
.new-location-modal .v20-actions .btn{
  min-width:140px!important;
}
@media(max-width:950px){
  .new-location-modal .v20-mainline,
  .new-location-modal .v20-contentline{
    grid-template-columns:1fr!important;
  }
  .new-location-modal .v20-info-field textarea{
    min-height:120px!important;
    height:120px!important;
  }
  .new-location-modal .v20-sidepanel{
    grid-template-columns:1fr!important;
  }
  .new-location-modal .v20-extras,
  .new-location-modal .v20-daygrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  .new-location-modal .v20-locationbox{
    width:calc(100vw - 8px)!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  .new-location-modal .modalhead h2{font-size:30px!important;}
  .new-location-modal .v20-extras,
  .new-location-modal .v20-daygrid{
    grid-template-columns:1fr!important;
  }
  .new-location-modal .v20-actions{
    position:sticky!important;
    bottom:0!important;
    background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.96) 18%)!important;
    padding-top:14px!important;
  }
  .new-location-modal .v20-actions .btn{min-width:0!important;flex:1!important;}
}
.series-row .series-title{
  color:#dcfce7;
  font-weight:1000;
  letter-spacing:.02em;
  display:flex;
  align-items:center;
  gap:8px;
}
.series-row .series-title::before{content:'🏕️';}
.series-row.active-series-edit small{font-size:12px;line-height:1.35;}


/* v26 mobile polish: iPhone 17 Pro Max / große Smartphones */
.mobile-jump{display:none;margin:10px 0 14px;padding:10px 12px;border-radius:18px;align-items:center;gap:10px;position:sticky;top:58px;z-index:18;background:rgba(7,12,24,.88);backdrop-filter:blur(18px)}
.mobile-jump label{font-size:12px;color:var(--gold);font-weight:1000;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.mobile-jump select{height:44px;border-radius:14px;font-weight:900}
html,body{max-width:100%;overflow-x:hidden}.modalbox{overscroll-behavior:contain}.tabpane{scroll-margin-top:118px}
@media(max-width:760px){
  body{background:radial-gradient(circle at 0 -10%,rgba(56,189,248,.22),transparent 32%),linear-gradient(180deg,#08111f,#050913 70%)}
  .topbar{grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 10px;min-height:56px}.topbar .brand{min-width:0}.topbar .brand strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58vw}.topbar .brand small,.topbar .brand span span{font-size:11px}.topbar nav{display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:2px}.topbar .btn{min-height:36px;padding:8px 10px;border-radius:12px;font-size:13px;white-space:nowrap}.brandicon{width:34px;height:34px;border-radius:12px;flex:0 0 auto}
  .wrap,.wrap.wide{width:100%;max-width:100%;padding:10px 10px 90px}.hero,.triphero,.settings-hero{margin:8px 0 12px;padding:16px;border-radius:22px;grid-template-columns:1fr}.hero h1,.triphero h1,.settings-hero h1{font-size:34px;letter-spacing:-.04em;line-height:1}.triphero p,.settings-hero p{font-size:14px;line-height:1.45}.scoreboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scoreboard div{padding:10px;border-radius:15px}.scoreboard b{font-size:17px}.scoreboard small{font-size:11px}.scoreboard .total{grid-column:1/-1}
  .floatingtabs{display:none!important}.mobile-jump{display:flex}.tabs{margin:8px 0}.tab{min-height:38px;padding:9px 10px;border-radius:13px;font-size:13px}
  .routeflow{gap:12px;margin-top:8px}.routeflow:before{left:17px;top:16px;bottom:16px;width:2px}.route-day,.compact-day{grid-template-columns:36px minmax(0,1fr)!important;gap:8px}.route-marker{padding-top:17px}.route-marker span{width:31px;height:31px;border-radius:12px;font-size:13px}.day-main{border-radius:19px}.compact-day .day-main{padding:0!important;border-radius:19px}.day-inline,.day-summary{padding:0}.day-summary-head{grid-template-columns:54px minmax(0,1fr) 42px!important;gap:8px;align-items:center;padding:12px}.datebadge{width:54px;height:54px;border-radius:15px}.datebadge b{font-size:11px}.datebadge span{font-size:17px}.day-copy{min-width:0}.day-copy h2{font-size:21px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-copy p{font-size:12.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roundplus{width:42px;height:42px;border-radius:15px;font-size:24px;box-shadow:none}.day-chipline{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 12px 12px}.day-chipline span{width:100%;justify-content:center;font-size:11.5px;padding:6px 7px}.parking-buttons{padding:0 12px 12px;display:grid;grid-template-columns:1fr;gap:7px}.parking-open{min-height:38px;border-radius:14px;font-size:13px;padding:8px 10px}.parking-open b{min-width:26px;height:26px}
  .list-hero,.compact-hero{display:block;padding:14px;margin:10px 0;border-radius:20px}.list-hero h2{font-size:26px;line-height:1}.list-hero p{font-size:13px}.list-hero-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.progresspill{font-size:13px;padding:8px 10px;border-radius:14px}
  .checktable{overflow:visible!important;margin:0!important;border-radius:0;background:transparent;border:0;box-shadow:none}.checkhead{display:none!important}.checkmini{min-width:0!important;width:100%;display:grid!important;grid-template-columns:42px minmax(0,1fr) 50px 52px 42px!important;gap:7px;align-items:center;margin:7px 0;padding:10px!important;border-radius:17px!important;background:linear-gradient(180deg,rgba(23,34,54,.94),rgba(10,16,29,.96));border:1px solid var(--line)}.checkmini strong{grid-column:2/4;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkmini .soll{grid-column:4/5;text-align:center;background:rgba(247,201,72,.09);border:1px solid rgba(247,201,72,.16);border-radius:12px;padding:7px 5px;font-size:12px}.checkmini .soll:before{content:'SOLL ';color:var(--gold);font-size:9px;font-weight:1000}.checkmini .ist{grid-column:2/3;grid-row:2}.checkmini .ist input{height:38px;text-align:center;border-radius:12px}.checkmini .ist:before{content:'IST';display:block;color:var(--muted);font-size:10px;font-weight:1000;margin-bottom:2px}.checkmini .unitcol{grid-column:3/4;grid-row:2;font-size:12px;color:var(--muted);align-self:end;padding-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkmini .notecompact{grid-column:4/6;grid-row:2;height:38px;border-radius:12px;font-size:13px}.checkmini .storagebtn{grid-column:4/5;grid-row:1;width:36px;height:36px;border-radius:13px}.checkmini .cartbtn{grid-column:5/6;grid-row:1;width:36px;height:36px;border-radius:13px}.checkmini .savehint{display:none}.minicheck span{width:34px!important;height:34px!important;border-radius:12px!important}.checkmini.done strong{text-decoration:line-through;color:var(--muted)}
  .shopgrid,.shopgrid.compactshop{display:grid!important;grid-template-columns:1fr!important;gap:8px}.shopitem{grid-template-columns:40px minmax(0,1fr) 64px 70px 34px!important;gap:7px;padding:10px!important;border-radius:17px!important}.shopitem .shop-title{grid-column:2/4}.shopitem input[name="qty"]{grid-column:4/5}.shopitem input[name="unit"]{grid-column:2/3;grid-row:2}.shopitem input[name="dealer"]{grid-column:3/5;grid-row:2}.shopitem input[name="notes"]{grid-column:2/5;grid-row:3}.shopitem .icondelete{grid-column:5/6;grid-row:1;width:32px;height:32px}.quickaddshop{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
  .settings-table{overflow:visible!important;background:transparent;border:0;box-shadow:none}.settings-head,.trip-settings-head{display:none!important}.settings-row,.trip-settings-row{min-width:0!important;width:100%;display:grid!important;grid-template-columns:1fr 92px;gap:8px;margin:8px 0;padding:10px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(23,34,54,.94),rgba(10,16,29,.96))}.settings-row input[name="title"],.trip-settings-row input[name="title"],.trip-settings-row textarea{grid-column:1/-1}.settings-row input,.settings-row textarea,.settings-row select,.trip-settings-row input,.trip-settings-row textarea{height:38px;min-height:38px;border-radius:12px;padding:8px 10px;font-size:13px}.settings-row textarea,.trip-settings-row textarea{min-height:64px;height:64px}.settings-row .rule-open{grid-column:1/2}.settings-row .icondelete{grid-column:2/3;justify-self:end}.settings-row .savehint,.trip-settings-row .savehint{display:none}.settings-addrow .btn{grid-column:1/-1}.trip-settings-row .btn{grid-column:1/-1}
  .modal.open{align-items:end!important;place-items:end center!important}.modalbox,.locationbox,.slimmodal,.daymodal,.storagebox,.rulebox,.actionbox{width:100%!important;max-width:100%!important;max-height:92svh!important;border-radius:24px 24px 0 0!important;padding:14px!important;overflow:auto}.modalhead{position:sticky;top:-14px;z-index:2;background:rgba(13,21,37,.94);backdrop-filter:blur(12px);margin:-14px -14px 12px;padding:12px 14px;border-radius:24px 24px 0 0}.modalhead h2{font-size:26px!important}.modalclose{width:42px;height:42px;border-radius:14px}.v20-mainline,.v20-contentline,.add-place-grid,.place-edit-list,.editor-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.v20-sidepanel,.place-options-panel{width:100%!important}.v20-extras,.compact-extra-list,.compact-add-amenities{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.v20-extras label,.compact-extra-list label,.compact-add-amenities label{min-height:38px!important;padding:7px 9px!important;border-radius:13px!important}.v20-daygrid,.copy-days,.series-days{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;max-height:240px;overflow:auto}.copy-days label{min-height:40px;border-radius:13px;font-size:12px}.pretty-location-list{grid-template-columns:1fr!important}.place-list-row,.pretty-location{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:8px;padding:10px!important;border-radius:16px}.place-list-extras,.place-list-info,.place-list-actions{grid-column:1/-1}.fileupload{grid-template-columns:1fr!important}.file-card{grid-template-columns:minmax(0,1fr) auto 34px!important}.modal-actions-bottom,.loc-actions{position:sticky;bottom:-14px;background:rgba(13,21,37,.94);backdrop-filter:blur(12px);margin:10px -14px -14px;padding:10px 14px;display:flex;gap:8px}.modal-actions-bottom .btn,.loc-actions .btn{flex:1;min-height:42px}.grid2{grid-template-columns:1fr!important}
}
@media(min-width:761px) and (max-width:1180px){.wrap.wide{max-width:100%;padding-left:14px;padding-right:14px}.day-summary-head{grid-template-columns:66px minmax(0,1fr) 58px}.parking-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.checkmini,.checkhead{min-width:0}.settings-row,.settings-head{min-width:0}}

/* v27: Modal-Reparatur nach Mobile-Umbau
   Ziel: keine kaputten Vollbild-Modale, sondern saubere Center-Modale mit begrenzter Höhe. */
.modal.open{
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  padding:18px!important;
}
.modalbox,
.locationbox,
.slimmodal,
.daymodal,
.storagebox,
.rulebox,
.actionbox{
  width:min(1040px,calc(100vw - 36px))!important;
  max-width:calc(100vw - 36px)!important;
  max-height:calc(100svh - 36px)!important;
  overflow:auto!important;
  border-radius:26px!important;
}
.location-edit-modal .locationbox,
.new-location-modal .locationbox,
.new-location-modal .v20-locationbox{
  width:min(1180px,calc(100vw - 36px))!important;
  max-width:calc(100vw - 36px)!important;
}
.filesbox,.storagebox,.actionbox,.daymodal,.rulebox{
  width:min(760px,calc(100vw - 36px))!important;
}
.locations-view-modal .slimmodal{
  width:min(980px,calc(100vw - 36px))!important;
}
.modalhead{
  position:sticky;
  top:0;
  z-index:5;
  background:linear-gradient(180deg,rgba(13,21,37,.98),rgba(13,21,37,.92));
  backdrop-filter:blur(14px);
}
.modal-actions-bottom,.loc-actions{
  position:sticky;
  bottom:0;
  z-index:4;
  background:linear-gradient(0deg,rgba(13,21,37,.98),rgba(13,21,37,.88));
  backdrop-filter:blur(14px);
}
@media(max-width:760px){
  .modal.open{
    display:grid!important;
    place-items:center!important;
    align-items:center!important;
    padding:10px!important;
  }
  .modalbox,
  .locationbox,
  .slimmodal,
  .daymodal,
  .storagebox,
  .rulebox,
  .actionbox,
  .new-location-modal .v20-locationbox,
  .location-edit-modal .locationbox,
  .new-location-modal .locationbox,
  .locations-view-modal .slimmodal{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100svh - 20px)!important;
    border-radius:22px!important;
    padding:12px!important;
    overflow:auto!important;
  }
  .modalhead{
    position:sticky!important;
    top:-12px!important;
    margin:-12px -12px 10px!important;
    padding:11px 12px!important;
    border-radius:22px 22px 0 0!important;
  }
  .modalhead h2{font-size:24px!important;line-height:1.05!important;}
  .modalclose{width:40px!important;height:40px!important;border-radius:13px!important;}
  .modal-actions-bottom,.loc-actions{
    position:sticky!important;
    bottom:-12px!important;
    margin:10px -12px -12px!important;
    padding:10px 12px!important;
    border-radius:0 0 22px 22px!important;
  }
  .new-location-modal .v20-place-form,
  .new-location-modal .v20-mainline,
  .new-location-modal .v20-contentline,
  .add-place-grid,
  .place-edit-list,
  .editor-grid{
    grid-template-columns:1fr!important;
  }
  .new-location-modal .v20-sidepanel,
  .place-options-panel{width:100%!important;}
  .new-location-modal .v20-extras,
  .compact-extra-list,
  .compact-add-amenities{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .new-location-modal .v20-daygrid,
  .copy-days,
  .series-days{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-height:210px!important;
    overflow:auto!important;
  }
}
@media(max-width:420px){
  .new-location-modal .v20-extras,
  .compact-extra-list,
  .compact-add-amenities,
  .new-location-modal .v20-daygrid,
  .copy-days,
  .series-days{
    grid-template-columns:1fr!important;
  }
}

/* v28 – Modal-Design komplett aufgeräumt: ruhig, kompakt, listenartig, mobil sauber */
.modal{
  background:rgba(3,7,18,.72)!important;
  backdrop-filter:blur(18px)!important;
}
.modal.open{
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  padding:22px!important;
}
.modalbox,
.locationbox,
.slimmodal,
.daymodal,
.storagebox,
.rulebox,
.actionbox{
  background:
    radial-gradient(circle at 8% -10%,rgba(56,189,248,.16),transparent 34%),
    radial-gradient(circle at 95% 0,rgba(247,201,72,.10),transparent 28%),
    linear-gradient(180deg,rgba(15,23,42,.985),rgba(8,13,25,.99))!important;
  border:1px solid rgba(148,163,184,.20)!important;
  box-shadow:0 28px 100px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.05)!important;
  border-radius:28px!important;
  padding:0!important;
  overflow:hidden!important;
  max-height:calc(100svh - 44px)!important;
}
.modalbox > form,
.locationbox > form,
.slimmodal > form,
.daymodal > form,
.storagebox > form,
.rulebox > form,
.actionbox > form,
.modalbox > .pretty-location-list,
.modalbox > .file-list,
.modalbox > .empty-soft,
.modalbox > .action-grid,
.modalbox > .modal-actions-bottom{
  margin-left:18px!important;
  margin-right:18px!important;
}
.modalhead{
  position:sticky!important;
  top:0!important;
  z-index:10!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:14px!important;
  margin:0!important;
  padding:17px 18px 14px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(15,23,42,.90))!important;
  border-bottom:1px solid rgba(148,163,184,.16)!important;
  border-radius:28px 28px 0 0!important;
  backdrop-filter:blur(18px)!important;
}
.modalhead small{
  display:block!important;
  color:#facc15!important;
  font-size:11px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.13em!important;
  margin-bottom:4px!important;
}
.modalhead h2{
  margin:0!important;
  color:#f8fafc!important;
  font-size:clamp(24px,2.1vw,34px)!important;
  line-height:.98!important;
  letter-spacing:-.04em!important;
}
.modalclose{
  flex:0 0 auto!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  font-size:26px!important;
  cursor:pointer!important;
}
.modal label > span,
.line-field > span,
.v20-info-field > span,
.extras-row > span{
  display:block!important;
  color:#a8b3c7!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-bottom:5px!important;
}
.modal input,
.modal textarea,
.modal select{
  min-height:40px!important;
  border-radius:13px!important;
  padding:9px 11px!important;
  background:rgba(2,6,23,.58)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.modal textarea{
  line-height:1.35!important;
}
.modal .btn{
  border-radius:14px!important;
  min-height:40px!important;
  padding:9px 14px!important;
}
.modal .btn.small{
  min-height:36px!important;
  padding:8px 12px!important;
}
.modal-actions-bottom,
.loc-actions{
  position:sticky!important;
  bottom:0!important;
  z-index:8!important;
  margin:14px 0 0!important;
  padding:12px 18px!important;
  background:linear-gradient(0deg,rgba(15,23,42,.99),rgba(15,23,42,.88))!important;
  border-top:1px solid rgba(148,163,184,.14)!important;
  backdrop-filter:blur(16px)!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
}

/* Anlage-Modal: Camping/Tages-/Nachtparkplatz/Zwischenstopp */
.new-location-modal .v20-locationbox{
  width:min(1220px,calc(100vw - 44px))!important;
  max-width:calc(100vw - 44px)!important;
}
.new-location-modal .v20-place-form{
  margin:0!important;
  padding:16px 18px 0!important;
  display:grid!important;
  gap:12px!important;
}
.new-location-modal .v20-mainline{
  display:grid!important;
  grid-template-columns:minmax(230px,1.05fr) minmax(220px,1fr) minmax(260px,1.25fr)!important;
  gap:10px!important;
  align-items:end!important;
}
.new-location-modal .v20-mainline label,
.new-location-modal .v20-info-field{
  min-width:0!important;
  margin:0!important;
}
.new-location-modal .v20-contentline{
  display:grid!important;
  grid-template-columns:minmax(360px,1fr) minmax(420px,.95fr)!important;
  gap:12px!important;
  align-items:start!important;
}
.new-location-modal .v20-info-field textarea{
  min-height:190px!important;
  height:190px!important;
  resize:vertical!important;
}
.new-location-modal .v20-sidepanel{
  display:grid!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
}
.new-location-modal .v20-extras-box,
.new-location-modal .v20-days{
  padding:12px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.new-location-modal .v20-extras-box strong,
.new-location-modal .v20-days p,
.copy-panel p{
  display:block!important;
  margin:0 0 9px!important;
  color:#facc15!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.new-location-modal .v20-extras,
.compact-add-amenities,
.compact-extra-list{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  max-width:100%!important;
}
.new-location-modal .v20-extras label,
.compact-add-amenities label,
.compact-extra-list label{
  min-width:0!important;
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:7px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  border-radius:12px!important;
  background:rgba(15,23,42,.76)!important;
  border:1px solid rgba(148,163,184,.17)!important;
  overflow:hidden!important;
}
.new-location-modal .v20-extras input[type="checkbox"],
.compact-add-amenities input[type="checkbox"],
.compact-extra-list input[type="checkbox"]{
  width:15px!important;
  height:15px!important;
  min-height:15px!important;
  flex:0 0 15px!important;
  padding:0!important;
  accent-color:#facc15!important;
}
.new-location-modal .v20-extras label span,
.compact-add-amenities label span,
.compact-extra-list label span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#e5edf9!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
}
.new-location-modal .v20-extras label:has(input:checked),
.compact-add-amenities label:has(input:checked),
.compact-extra-list label:has(input:checked){
  background:rgba(247,201,72,.13)!important;
  border-color:rgba(247,201,72,.35)!important;
}
.new-location-modal .v20-extras .costpill,
.compact-add-amenities .costpill,
.compact-extra-list .costpill{
  grid-column:span 2!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  background:rgba(247,201,72,.10)!important;
  border-color:rgba(247,201,72,.24)!important;
  color:#fde68a!important;
}
.new-location-modal .v20-extras .costpill input,
.compact-add-amenities .costpill input,
.compact-extra-list .costpill input{
  width:100%!important;
  height:28px!important;
  min-height:28px!important;
  padding:4px 7px!important;
  text-align:right!important;
}
.new-location-modal .v20-daygrid,
.copy-days,
.series-days{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  max-height:176px!important;
  overflow:auto!important;
  padding-right:2px!important;
}
.new-location-modal .v20-daygrid label,
.copy-days label,
.series-days label{
  min-width:0!important;
  min-height:36px!important;
  height:auto!important;
  margin:0!important;
  padding:7px 8px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  border-radius:12px!important;
  background:rgba(15,23,42,.76)!important;
  border:1px solid rgba(148,163,184,.17)!important;
}
.new-location-modal .v20-daygrid input,
.copy-days input,
.series-days input{
  width:15px!important;
  height:15px!important;
  min-height:15px!important;
  flex:0 0 15px!important;
  padding:0!important;
  accent-color:#38bdf8!important;
}
.new-location-modal .v20-daygrid span,
.copy-days span,
.series-days span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#e5edf9!important;
  font-size:12px!important;
  font-weight:900!important;
}
.new-location-modal .v20-daygrid label:has(input:checked),
.copy-days label:has(input:checked),
.series-days label:has(input:checked){
  background:rgba(56,189,248,.13)!important;
  border-color:rgba(56,189,248,.34)!important;
}
.new-location-modal .v20-actions{
  margin:0!important;
  padding:12px 18px!important;
  border-radius:0 0 28px 28px!important;
}

/* Bearbeiten-Modal der Orte: eher Formularliste, nicht Kachelbrei */
.location-edit-modal .locationbox{
  width:min(1160px,calc(100vw - 44px))!important;
  max-width:calc(100vw - 44px)!important;
}
.location-edit-modal .location-editor{
  margin:0!important;
  padding:16px 18px 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.place-edit-list{
  display:grid!important;
  grid-template-columns:160px minmax(240px,1fr) minmax(240px,1fr)!important;
  gap:10px!important;
  align-items:end!important;
}
.place-edit-list .type-field{grid-column:1/2!important;}
.place-edit-list .title-field{grid-column:2/4!important;}
.place-edit-list .address-field{grid-column:1/3!important;}
.place-edit-list .maps-field{grid-column:3/4!important;}
.place-edit-list .extras-row,
.place-edit-list .series-row,
.place-edit-list .info-field{
  grid-column:1/-1!important;
}
.place-edit-list .info-field textarea{
  min-height:98px!important;
  height:98px!important;
}
.extras-row,
.series-row,
.copybox{
  padding:12px!important;
  border-radius:18px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(255,255,255,.045)!important;
}
.extras-row .compact-extra-list{margin-top:7px!important;}
.copybox{margin-top:10px!important;}
.copy-panel{margin-top:9px!important;}
.series-row .series-title{
  margin-bottom:8px!important;
  color:#dcfce7!important;
  font-size:13px!important;
}
.series-row small{
  display:block!important;
  margin-top:8px!important;
  color:#a8b3c7!important;
  line-height:1.35!important;
}

/* Ansichtsmodale: echte schlanke Liste über volle Breite */
.locations-view-modal .slimmodal{
  width:min(1120px,calc(100vw - 44px))!important;
}
.locations-view-modal .pretty-location-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:14px 18px 0!important;
  margin:0!important;
  max-height:calc(100svh - 178px)!important;
  overflow:auto!important;
}
.place-list-row,
.pretty-location{
  display:grid!important;
  grid-template-columns:42px minmax(220px,1.05fr) minmax(260px,1fr) minmax(170px,.65fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 11px!important;
  border-radius:17px!important;
  border:1px solid rgba(148,163,184,.15)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
}
.place-list-row .list-icon,
.pretty-location .pretty-icon{
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  font-size:18px!important;
}
.place-list-main{min-width:0!important;display:grid!important;gap:2px!important;}
.place-list-main strong{
  font-size:16px!important;
  line-height:1.1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.place-list-main span{
  color:#facc15!important;
  font-size:10px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.place-list-main small,
.place-list-info{
  min-width:0!important;
  color:#a8b3c7!important;
  font-size:12px!important;
  line-height:1.25!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.place-list-info{
  max-height:40px!important;
}
.place-list-extras{
  min-width:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
}
.place-list-extras .amenity-badge{
  padding:4px 7px!important;
  font-size:10.5px!important;
  line-height:1!important;
}
.place-list-actions{
  justify-content:flex-end!important;
  white-space:nowrap!important;
  display:flex!important;
  gap:6px!important;
}
.locations-view-modal .modal-actions-bottom{
  margin-top:10px!important;
}

/* Dateien / Aufgaben / Standort / Regel – gleiche Modal-Sprache */
.filesbox,.storagebox,.actionbox,.daymodal,.rulebox{
  width:min(820px,calc(100vw - 44px))!important;
}
.fileupload{
  margin:14px 18px!important;
  padding:12px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(148,163,184,.16)!important;
}
.file-list{
  padding:14px 18px 18px!important;
  margin:0!important;
  display:grid!important;
  gap:8px!important;
}
.file-card{
  border-radius:17px!important;
  padding:11px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(148,163,184,.16)!important;
}
.action-grid{
  padding:14px 18px 18px!important;
  margin:0!important;
}
.action-grid button{
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.035))!important;
}

@media(max-width:980px){
  .modal.open{padding:12px!important;}
  .new-location-modal .v20-locationbox,
  .location-edit-modal .locationbox,
  .locations-view-modal .slimmodal,
  .modalbox,.locationbox,.slimmodal,.daymodal,.storagebox,.rulebox,.actionbox{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100svh - 24px)!important;
  }
  .new-location-modal .v20-mainline,
  .new-location-modal .v20-contentline,
  .place-edit-list{
    grid-template-columns:1fr!important;
  }
  .place-edit-list .type-field,
  .place-edit-list .title-field,
  .place-edit-list .address-field,
  .place-edit-list .maps-field,
  .place-edit-list .extras-row,
  .place-edit-list .series-row,
  .place-edit-list .info-field{grid-column:1/-1!important;}
  .new-location-modal .v20-info-field textarea{min-height:116px!important;height:116px!important;}
  .new-location-modal .v20-extras,
  .compact-add-amenities,
  .compact-extra-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .new-location-modal .v20-daygrid,
  .copy-days,
  .series-days{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:210px!important;}
  .locations-view-modal .pretty-location-list{max-height:calc(100svh - 166px)!important;}
  .place-list-row,
  .pretty-location{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    align-items:start!important;
  }
  .place-list-extras,
  .place-list-info{
    grid-column:2/-1!important;
  }
  .place-list-actions{
    grid-column:1/-1!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:560px){
  .modal.open{padding:8px!important;}
  .new-location-modal .v20-locationbox,
  .location-edit-modal .locationbox,
  .locations-view-modal .slimmodal,
  .modalbox,.locationbox,.slimmodal,.daymodal,.storagebox,.rulebox,.actionbox{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100svh - 16px)!important;
    border-radius:22px!important;
  }
  .modalhead{padding:14px 14px 12px!important;border-radius:22px 22px 0 0!important;}
  .modalhead h2{font-size:23px!important;}
  .modalclose{width:39px!important;height:39px!important;}
  .new-location-modal .v20-place-form,
  .location-edit-modal .location-editor{padding:12px 14px 0!important;}
  .modalbox > form,
  .locationbox > form,
  .slimmodal > form,
  .daymodal > form,
  .storagebox > form,
  .rulebox > form,
  .actionbox > form,
  .modalbox > .pretty-location-list,
  .modalbox > .file-list,
  .modalbox > .empty-soft,
  .modalbox > .action-grid,
  .modalbox > .modal-actions-bottom{margin-left:14px!important;margin-right:14px!important;}
  .new-location-modal .v20-extras,
  .compact-add-amenities,
  .compact-extra-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .new-location-modal .v20-extras label,
  .compact-add-amenities label,
  .compact-extra-list label{height:35px!important;padding:6px 7px!important;}
  .new-location-modal .v20-extras label span,
  .compact-add-amenities label span,
  .compact-extra-list label span{font-size:11.5px!important;}
  .new-location-modal .v20-extras .costpill,
  .compact-add-amenities .costpill,
  .compact-extra-list .costpill{grid-column:1/-1!important;}
  .new-location-modal .v20-daygrid,
  .copy-days,
  .series-days{grid-template-columns:1fr!important;max-height:188px!important;}
  .place-list-row,
  .pretty-location{grid-template-columns:36px minmax(0,1fr)!important;padding:10px!important;}
  .place-list-actions{gap:7px!important;}
  .place-list-actions .btn{flex:1 1 120px!important;}
  .modal-actions-bottom,.loc-actions{padding:10px 14px!important;justify-content:stretch!important;}
  .modal-actions-bottom .btn,.loc-actions .btn{flex:1 1 130px!important;}
  .fileupload{grid-template-columns:1fr!important;margin:12px 14px!important;}
  .file-list,.action-grid{padding:12px 14px 14px!important;}
}

/* v29 – Mini-Fix NUR für die Überschneidung der Feldtitel in der Modal-Kopfzeile */
.new-location-modal .v20-mainline label > span,
.location-edit-modal .place-edit-list .line-field > span{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  display:block!important;
}
.new-location-modal .v20-mainline,
.location-edit-modal .place-edit-list{
  column-gap:12px!important;
}
.new-location-modal .v20-mainline label,
.location-edit-modal .place-edit-list .line-field{
  min-width:0!important;
  overflow:hidden!important;
}


/* v32: saubere Mengenfelder und kompakter Plus-Button in den Einstellungen */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
input[type=number]{ -moz-appearance:textfield; appearance:textfield; }
.settings-addrow .plus-only{
  width:46px!important;
  min-width:46px!important;
  height:42px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:14px!important;
  font-size:24px!important;
  line-height:1!important;
}
.settings-table select[name="unit"]{min-width:0;width:100%;}
@media(max-width:980px){.settings-addrow .plus-only{grid-column:auto!important;width:42px!important;min-width:42px!important;}}

/* v35: Fallback, falls Modal per Inline-Notfallscript geöffnet wird */
.modal.is-open{display:flex!important;}

/* v37 – NUR orange markierten Kopfbereich im Ort-Bearbeiten-Modal reparieren */
.location-edit-modal .place-edit-list{
  grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(320px,1.25fr)!important;
  column-gap:14px!important;
  row-gap:10px!important;
  align-items:end!important;
}
.location-edit-modal .place-edit-list .type-field{
  display:none!important;
}
.location-edit-modal .place-edit-list .address-field{
  grid-column:1!important;
  grid-row:1!important;
}
.location-edit-modal .place-edit-list .title-field{
  grid-column:2!important;
  grid-row:1!important;
}
.location-edit-modal .place-edit-list .maps-field{
  grid-column:3!important;
  grid-row:1!important;
}
.location-edit-modal .place-edit-list .address-field,
.location-edit-modal .place-edit-list .title-field,
.location-edit-modal .place-edit-list .maps-field{
  min-width:0!important;
  overflow:visible!important;
}
.location-edit-modal .place-edit-list .address-field input,
.location-edit-modal .place-edit-list .title-field input,
.location-edit-modal .place-edit-list .maps-field input{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.location-edit-modal .place-edit-list .extras-row,
.location-edit-modal .place-edit-list .series-row,
.location-edit-modal .place-edit-list .info-field{
  grid-column:1/-1!important;
}
@media(max-width:980px){
  .location-edit-modal .place-edit-list{
    grid-template-columns:1fr!important;
  }
  .location-edit-modal .place-edit-list .address-field,
  .location-edit-modal .place-edit-list .title-field,
  .location-edit-modal .place-edit-list .maps-field,
  .location-edit-modal .place-edit-list .extras-row,
  .location-edit-modal .place-edit-list .series-row,
  .location-edit-modal .place-edit-list .info-field{
    grid-column:1/-1!important;
    grid-row:auto!important;
  }
}




/* v42: Reiseseite-Menü wieder echte Tabs, nur ein Bereich sichtbar. */
main[data-trip-id] > section.tabpane{display:none;}
main[data-trip-id] > section.tabpane.active{display:block;}
main[data-trip-id] > section.tabpane[hidden]{display:none!important;}
main[data-trip-id] > section.tabpane{scroll-margin-top:130px;}

/* v43: Reiseseiten-Menü als echte Links, bewusst getrennt von .tab, damit altes Tab-JS nicht dazwischenfunkt */
.triptab{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.06);color:var(--text);padding:11px 14px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.triptab small{color:var(--muted);font-weight:800}
.triptab.active{background:linear-gradient(135deg,var(--gold),#f59e0b);color:#101827;border-color:transparent}
.triptab.active small{color:#1f2937}

/* v47 Reisemenü: eigener Tab-Mechanismus ohne globale .tab-Konflikte */
#trip-fast-menu .triptab{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.06);color:var(--text);padding:11px 14px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px;text-decoration:none;}
#trip-fast-menu .triptab small{color:var(--muted);font-weight:800;}
#trip-fast-menu .triptab.active{background:linear-gradient(135deg,var(--gold),#f59e0b);color:#101827;border-color:transparent;}
#trip-fast-menu .triptab.active small{color:#1f2937;}
main[data-trip-id] > section.tabpane{display:none;}
main[data-trip-id] > section.tabpane.active{display:block;}
main[data-trip-id] > section.tabpane[hidden]{display:none!important;}

/* v48 komplette neue Reisemenü-Substanz: unabhängig von altem .tab/.tabpane-System */
.trip-section-panel{display:none!important;}
.trip-section-panel.is-active{display:block!important;}
.trip-menu-new .triptab{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.06);color:var(--text);padding:11px 14px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px;text-decoration:none;font-family:inherit;}
.trip-menu-new .triptab small{color:var(--muted);font-weight:800;}
.trip-menu-new .triptab.active{background:linear-gradient(135deg,var(--gold),#f59e0b);color:#101827;border-color:transparent;}
.trip-menu-new .triptab.active small{color:#1f2937;}
@media(max-width:620px){.trip-menu-new{display:none!important}.mobile-jump{display:flex!important}}


/* v50: Nur Reiseseiten-Menü robust schalten */
main[data-trip-id] > section.tabpane{display:none!important;}
main[data-trip-id] > section.tabpane.active{display:block!important;}
main[data-trip-id] > section.tabpane[hidden]{display:none!important;}
#trip-tabs .tab{user-select:none;}

/* v51 echtes Reisemenü: komplett getrennt von altem .tab/.tabpane-System */
.trip-menu{position:sticky;top:64px;z-index:15;display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;padding:8px;border-radius:20px;background:rgba(5,9,19,.64);backdrop-filter:blur(16px);border:1px solid var(--line)}
.trip-menu-btn{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.06);color:var(--text);padding:11px 14px;font-weight:900;cursor:pointer;min-height:42px;white-space:nowrap}
.trip-menu-btn small{color:var(--muted);font-weight:800}.trip-menu-btn.is-active{background:linear-gradient(135deg,var(--gold),#f59e0b);color:#101827;border-color:transparent}.trip-menu-btn.is-active small{color:#1f2937}
main[data-trip-id] > .trip-pane{display:none!important;scroll-margin-top:130px}main[data-trip-id] > .trip-pane.is-active{display:block!important}main[data-trip-id] > .trip-pane[hidden]{display:none!important}
.trip-mobile-menu{display:none;align-items:center;gap:10px;margin:10px 0 12px;padding:10px 12px}.trip-mobile-menu label{color:var(--muted);font-weight:900;white-space:nowrap}.trip-mobile-menu select{min-height:42px}
@media(max-width:900px){.trip-menu{display:none!important}.trip-mobile-menu{display:flex!important;position:sticky;top:62px;z-index:15;background:rgba(15,23,42,.92);backdrop-filter:blur(16px)}}


/* v56: Reise-Aktionen in Einstellungen */
.trip-settings-row.is-archived-trip{opacity:.72}
.trip-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 10px;font-size:.82rem;font-weight:800;border:1px solid rgba(255,255,255,.12);white-space:nowrap}
.trip-status.is-active{background:rgba(91,214,138,.16);color:#bff7ce}
.trip-status.is-archived{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7)}
.trip-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.trip-settings-head{grid-template-columns:1.2fr .72fr .72fr 1.5fr .65fr 1.4fr .45fr}
.trip-settings-row{grid-template-columns:1.2fr .72fr .72fr 1.5fr .65fr 1.4fr .45fr}
@media (max-width: 820px){
  .trip-settings-head{display:none}
  .trip-settings-row{grid-template-columns:1fr;gap:8px}
  .trip-actions{justify-content:flex-start}
  .trip-status{justify-content:flex-start;width:max-content;max-width:100%}
}

/* v57: Sortierbare Masterlisten in Einstellungen */
.settings-table.sortable-settings-table .settings-head,
.settings-table.sortable-settings-table .settings-row{
  grid-template-columns:42px minmax(170px,1.2fr) 72px 82px minmax(130px,.8fr) minmax(120px,.75fr) minmax(140px,.9fr) 122px 96px 42px 22px!important;
}
.drag-handle,.drag-placeholder{
  width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;align-self:center;justify-self:center;
}
.drag-handle{
  border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.045);color:#f8d66d;cursor:grab;font-weight:1000;font-size:18px;line-height:1;touch-action:none;
}
.drag-handle:active{cursor:grabbing;transform:scale(.98)}
.template-sort-row.is-dragging{opacity:.58;border-color:rgba(247,201,72,.55);box-shadow:0 14px 36px rgba(0,0,0,.28)}
.sortable-settings-table.sort-saved{box-shadow:0 0 0 1px rgba(34,197,94,.28),0 0 22px rgba(34,197,94,.08)}
@media(max-width:980px){
  .settings-table.sortable-settings-table .settings-row{grid-template-columns:42px minmax(0,1fr) 72px 82px 100px 42px 20px!important;min-width:920px}
  .settings-table.sortable-settings-table .settings-addrow{grid-template-columns:42px minmax(0,1fr) 72px 82px 100px 42px 20px!important}
  .settings-table.sortable-settings-table .settings-row input[name="storage_location"],
  .settings-table.sortable-settings-table .settings-row input[name="default_dealer"],
  .settings-table.sortable-settings-table .settings-row input[name="notes"],
  .settings-table.sortable-settings-table .settings-row select[name="active"]{grid-column:auto!important}
}
@media(max-width:760px){
  .settings-table.sortable-settings-table .settings-row{min-width:0!important;grid-template-columns:42px 1fr 88px!important}
  .settings-table.sortable-settings-table .settings-row input[name="title"]{grid-column:2/-1}
  .settings-table.sortable-settings-table .settings-row input[name="qty_soll"],
  .settings-table.sortable-settings-table .settings-row select[name="unit"]{grid-column:auto}
  .settings-table.sortable-settings-table .settings-row input[name="storage_location"],
  .settings-table.sortable-settings-table .settings-row input[name="default_dealer"],
  .settings-table.sortable-settings-table .settings-row input[name="notes"],
  .settings-table.sortable-settings-table .settings-row .rule-open,
  .settings-table.sortable-settings-table .settings-row select[name="active"]{grid-column:2/-1!important}
  .settings-table.sortable-settings-table .settings-row .icondelete{grid-column:3/4;justify-self:end}
  .settings-table.sortable-settings-table .settings-row .savehint{display:none}
  .settings-table.sortable-settings-table .settings-addrow .plus-only{grid-column:3/4!important;width:42px!important;min-width:42px!important}
}


/* v58: Abfahrtscheckliste + vereinfachte Aufgaben */
.precheckbox{max-width:760px;width:min(760px,calc(100vw - 24px));}
.precheck-list{display:grid;gap:8px;margin-top:12px;max-height:min(58vh,620px);overflow:auto;padding-right:4px;}
.precheck-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:14px;}
.precheck-item.done{opacity:.65;background:rgba(67,199,119,.10);}
.precheck-item strong{font-size:15px;line-height:1.25;}
.sticky-actions{position:sticky;bottom:0;background:linear-gradient(to top, rgba(15,23,42,.98), rgba(15,23,42,.88));padding-top:12px;margin-top:12px;}
.simple-settings-table .simple-settings-head,.simple-settings-table .simple-settings-row{grid-template-columns:44px minmax(220px,1fr) 130px 52px 50px;}
.tasks-only-table .tasks-head,.taskmini{grid-template-columns:44px minmax(0,1fr) auto;}
.taskmini{padding:10px 12px;}
@media (max-width:720px){
  .simple-settings-table .simple-settings-head{display:none;}
  .simple-settings-table .simple-settings-row{grid-template-columns:36px 1fr auto auto;gap:8px;}
  .simple-settings-table .simple-settings-row input[name="title"]{grid-column:2 / 5;}
  .tasks-only-table .tasks-head{display:none;}
  .taskmini{grid-template-columns:42px 1fr auto;border-radius:14px;}
  .precheckbox{width:calc(100vw - 18px);max-height:calc(100dvh - 24px);}
  .precheck-item{grid-template-columns:42px 1fr auto;padding:11px 10px;}
}

/* v59: sichtbarer Checkliste-Button in der Reise-Kopfbox */
.triphero-main .precheck-main-btn{margin-top:12px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
@media (max-width: 720px){.triphero-main .precheck-main-btn{width:100%;justify-content:center;margin-top:10px}}

/* v60: Nur Abfahrtscheckliste-Modal optisch + mobil sauberer */
.precheck-modal .precheckbox{
  width:min(720px,calc(100vw - 22px))!important;
  max-height:min(760px,calc(100dvh - 28px))!important;
  overflow:hidden!important;
  border:1px solid rgba(56,189,248,.22)!important;
  background:linear-gradient(180deg,rgba(19,31,51,.98),rgba(10,16,29,.98))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.precheck-modal .modalhead{
  padding:18px 20px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(180deg,rgba(16,28,49,.9),rgba(14,23,40,.72))!important;
}
.precheck-modal .modalhead h2{font-size:clamp(30px,4vw,42px)!important;letter-spacing:-.04em!important;margin:2px 0 0!important;}
.precheck-modal .modalhint{
  margin:0!important;
  padding:12px 20px!important;
  color:var(--muted)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.025)!important;
  line-height:1.35!important;
}
.precheck-list{
  margin:0!important;
  padding:14px 16px 12px!important;
  gap:9px!important;
  max-height:calc(100dvh - 235px)!important;
  overflow:auto!important;
  border:0!important;
}
.precheck-item{
  grid-template-columns:46px minmax(0,1fr) 34px!important;
  min-height:58px!important;
  padding:10px 13px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.032))!important;
}
.precheck-item.done{
  opacity:1!important;
  background:linear-gradient(180deg,rgba(34,197,94,.16),rgba(22,101,52,.13))!important;
  border-color:rgba(34,197,94,.28)!important;
}
.precheck-item strong{font-size:16px!important;line-height:1.2!important;overflow-wrap:anywhere!important;}
.precheck-item.done strong{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:rgba(34,197,94,.8);color:rgba(255,255,255,.74)!important;}
.precheck-modal .minicheck span,.precheck-modal .bigcheck span{
  width:34px!important;height:34px!important;border-radius:12px!important;
}
.precheck-modal .sticky-actions{
  position:sticky!important;
  bottom:0!important;
  margin:0!important;
  padding:12px 18px 16px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(to top,rgba(10,16,29,.99),rgba(14,23,40,.94))!important;
}
.precheck-status{
  margin-right:auto;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
  min-height:18px;
}
.precheck-status.ok{color:var(--green)}
.precheck-status.err{color:#fca5a5}
@media(max-width:720px){
  .precheck-modal .precheckbox{width:calc(100vw - 14px)!important;max-height:calc(100dvh - 14px)!important;border-radius:22px!important;}
  .precheck-modal .modalhead{padding:15px 15px 12px!important;}
  .precheck-modal .modalhead h2{font-size:32px!important;}
  .precheck-modal .modalhint{padding:10px 15px!important;font-size:13px!important;}
  .precheck-list{padding:10px!important;gap:8px!important;max-height:calc(100dvh - 220px)!important;}
  .precheck-item{grid-template-columns:42px minmax(0,1fr) 28px!important;min-height:56px!important;padding:9px 10px!important;border-radius:15px!important;}
  .precheck-item strong{font-size:15px!important;}
  .precheck-modal .sticky-actions{padding:10px!important;gap:8px!important;}
  .precheck-modal .sticky-actions .btn{flex:1 1 auto;min-height:42px!important;padding:10px 12px!important;}
  .precheck-status{order:-1;flex-basis:100%;font-size:12px;text-align:center;margin:0 0 2px;}
}

/* v61: Royal-Blau/Gold-Feinschliff + Heute-Markierung + Einheiten-Dropdowns */
:root{
  --bg:#050816;
  --bg2:#091739;
  --card:#101b3b;
  --card2:#14275b;
  --soft:#1b3472;
  --blue:#2f6df6;
  --blue2:#0f3b91;
  --gold:#f7c948;
  --gold2:#ffe28a;
  --line:rgba(247,201,72,.18);
  --shadow:0 26px 90px rgba(2,8,28,.56);
}
body{
  background:
    radial-gradient(circle at 12% -12%,rgba(247,201,72,.18),transparent 32%),
    radial-gradient(circle at 88% 0,rgba(47,109,246,.28),transparent 34%),
    linear-gradient(180deg,#050816 0%,#071336 46%,#050816 100%);
}
.topbar{
  background:linear-gradient(90deg,rgba(5,8,22,.96),rgba(9,23,57,.94));
  border-bottom-color:rgba(247,201,72,.22);
}
.card,.modalbox,.day-main,.settings-table,.floatingtabs,.mobile-jump{
  border-color:rgba(247,201,72,.16);
  background:linear-gradient(180deg,rgba(16,27,59,.96),rgba(8,16,38,.96));
}
.btn,.tab.active,.brandicon,.roundplus{
  background:linear-gradient(135deg,var(--gold2),var(--gold) 52%,#d99a05);
  color:#08112d!important;
}
.tab:hover,.btn.ghost:hover{
  border-color:rgba(247,201,72,.42);
  box-shadow:0 0 0 3px rgba(247,201,72,.07);
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(247,201,72,.72);
  box-shadow:0 0 0 4px rgba(247,201,72,.13);
}
.unit-select,
.settings-row select[name="unit"]{
  min-width:112px;
  border-color:rgba(247,201,72,.28);
  background-color:rgba(9,23,57,.88);
}
.settings-head span:nth-child(4){color:var(--gold2)}
.route-day.is-today .day-main{
  border-color:rgba(247,201,72,.85)!important;
  background:
    linear-gradient(135deg,rgba(247,201,72,.32),rgba(47,109,246,.26) 48%,rgba(16,27,59,.98)),
    linear-gradient(180deg,rgba(20,39,91,.98),rgba(8,16,38,.98));
  box-shadow:0 0 0 2px rgba(247,201,72,.28),0 24px 80px rgba(247,201,72,.15),0 28px 90px rgba(47,109,246,.18);
}
.route-day.is-today .route-marker span{
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  color:#071336;
  box-shadow:0 0 0 5px rgba(247,201,72,.20),0 0 34px rgba(247,201,72,.55);
}
.route-day.is-today .datebadge{
  background:linear-gradient(135deg,rgba(247,201,72,.92),rgba(255,226,138,.82));
  border-color:rgba(247,201,72,.92);
  box-shadow:0 10px 34px rgba(247,201,72,.18);
}
.route-day.is-today .datebadge b,
.route-day.is-today .datebadge span{color:#071336!important}
.route-day.is-today .day-summary-head:after{
  content:'HEUTE';
  position:absolute;
  right:16px;
  top:12px;
  padding:6px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  color:#071336;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.12em;
  box-shadow:0 10px 28px rgba(247,201,72,.18);
}
.route-day.is-today .day-summary-head{position:relative;padding-top:28px}
.route-day.is-today .day-chipline span,
.route-day.is-today .parking-open{
  border-color:rgba(247,201,72,.35);
  background:rgba(5,8,22,.38);
}
@media(max-width:700px){
  .route-day.is-today .day-summary-head:after{right:12px;top:8px;font-size:10px;padding:5px 8px}
  .route-day.is-today .day-summary-head{padding-top:34px}
}

/* v62: royal blue / gold polish + prettier storage modal */
:root{
  --bg:#050813;
  --bg2:#09112a;
  --card:#0f1b3f;
  --card2:#132553;
  --soft:#1b3270;
  --gold:#f3c94f;
  --gold2:#ffe59a;
  --blue:#62b8ff;
  --line:rgba(255,255,255,.10);
  --shadow:0 28px 90px rgba(2,6,23,.55);
}
body{
  background:
    radial-gradient(circle at 12% -8%,rgba(98,184,255,.24),transparent 34%),
    radial-gradient(circle at 88% 0%,rgba(243,201,79,.18),transparent 26%),
    radial-gradient(circle at 50% 120%,rgba(28,53,120,.26),transparent 36%),
    linear-gradient(180deg,#040711 0%,#07112a 36%,#030611 100%)!important;
}
.topbar{
  background:linear-gradient(90deg,rgba(5,10,24,.95),rgba(9,23,57,.92))!important;
  border-bottom:1px solid rgba(243,201,79,.16)!important;
  box-shadow:0 12px 40px rgba(2,6,23,.32);
}
.card,.modalbox,.day-main,.settings-table,.floatingtabs,.mobile-jump,.trip-menu,.trip-mobile-menu{
  background:
    radial-gradient(circle at top right,rgba(243,201,79,.07),transparent 30%),
    linear-gradient(180deg,rgba(15,27,63,.97),rgba(7,16,38,.98))!important;
  border-color:rgba(243,201,79,.14)!important;
  box-shadow:0 22px 70px rgba(2,6,23,.42), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.btn{
  background:linear-gradient(135deg,#ffe08a 0%,#f3c94f 45%,#dca30a 100%)!important;
  box-shadow:0 10px 30px rgba(243,201,79,.22), inset 0 1px 0 rgba(255,255,255,.38);
}
.btn:hover{filter:brightness(1.03);box-shadow:0 14px 34px rgba(243,201,79,.28), inset 0 1px 0 rgba(255,255,255,.38)}
.btn.ghost{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.04))!important;
  border-color:rgba(243,201,79,.14)!important;
  color:#f3f6ff!important;
}
.tab.active,.triptab.active,.trip-menu-btn.is-active{
  background:linear-gradient(135deg,#ffe08a 0%,#f3c94f 50%,#dca30a 100%)!important;
  box-shadow:0 10px 28px rgba(243,201,79,.24), inset 0 1px 0 rgba(255,255,255,.35);
}
input,textarea,select{
  background:linear-gradient(180deg,rgba(3,9,23,.82),rgba(2,7,18,.92))!important;
  border-color:rgba(243,201,79,.12)!important;
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(243,201,79,.55)!important;
  box-shadow:0 0 0 4px rgba(243,201,79,.11), 0 0 18px rgba(98,184,255,.08)!important;
}
.eyebrow,.modalhead small{color:var(--gold)!important;text-shadow:0 0 12px rgba(243,201,79,.16)}
.route-marker span,.brandicon,.roundplus{
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 14px 34px rgba(243,201,79,.28),0 0 26px rgba(98,184,255,.18)!important;
}

/* Standort-Modal gezielt schicker */
.storage-modal{
  background:rgba(3,7,18,.78)!important;
  backdrop-filter:blur(16px);
}
.storage-modal .storagebox{
  width:min(820px,calc(100vw - 36px))!important;
  max-width:820px!important;
  padding:0 0 18px!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at top right,rgba(243,201,79,.08),transparent 28%),
    linear-gradient(180deg,rgba(12,24,55,.985),rgba(7,16,38,.985))!important;
  border:1px solid rgba(243,201,79,.18)!important;
  box-shadow:0 32px 100px rgba(2,6,23,.62), 0 0 38px rgba(98,184,255,.08)!important;
}
.storage-modal .modalhead{
  margin:0!important;
  padding:18px 22px 16px!important;
  border-bottom:1px solid rgba(243,201,79,.12)!important;
  background:linear-gradient(180deg,rgba(16,31,70,.96),rgba(12,24,55,.72))!important;
}
.storage-modal .modalhead h2{
  margin:3px 0 0!important;
  font-size:clamp(30px,4vw,46px)!important;
  letter-spacing:-.04em!important;
  line-height:1.02!important;
}
.storage-modal label{
  display:grid!important;
  gap:10px!important;
  padding:18px 22px 0!important;
  color:#f8fbff!important;
  font-weight:900!important;
  font-size:15px!important;
}
.storage-modal .locationcompact{
  height:56px!important;
  border-radius:18px!important;
  font-size:15px!important;
  padding:15px 16px!important;
  background:linear-gradient(180deg,rgba(3,9,23,.86),rgba(2,7,18,.94))!important;
  border:1px solid rgba(243,201,79,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 0 1px rgba(255,255,255,.015)!important;
}
.storage-modal .modalhint{
  margin:14px 22px 0!important;
  padding:13px 15px!important;
  border-radius:16px!important;
  border:1px solid rgba(243,201,79,.10)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.025))!important;
  color:#b9c6df!important;
  line-height:1.45!important;
}
.storage-modal .loc-actions{
  position:static!important;
  margin:18px 22px 0!important;
  padding:16px 0 0!important;
  border-top:1px solid rgba(243,201,79,.10)!important;
  background:transparent!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
.storage-modal .loc-actions .btn.small{
  min-height:48px!important;
  padding:12px 18px!important;
  border-radius:16px!important;
  font-size:14px!important;
  font-weight:1000!important;
}
.storage-modal .loc-actions .savehint{
  margin-left:auto!important;
  font-size:13px!important;
  color:#bff7ce!important;
}

@media(max-width:760px){
  .storage-modal .storagebox{
    width:min(100vw - 14px,100%)!important;
    max-width:none!important;
    border-radius:26px!important;
    max-height:90svh!important;
  }
  .storage-modal .modalhead{
    padding:16px 16px 14px!important;
  }
  .storage-modal .modalhead h2{
    font-size:36px!important;
  }
  .storage-modal label{
    padding:16px 16px 0!important;
    font-size:14px!important;
  }
  .storage-modal .modalhint{
    margin:12px 16px 0!important;
    font-size:14px!important;
  }
  .storage-modal .loc-actions{
    position:sticky!important;
    bottom:0!important;
    margin:16px 0 0!important;
    padding:14px 16px 16px!important;
    background:linear-gradient(to top,rgba(7,16,38,.99),rgba(12,24,55,.92))!important;
    border-top:1px solid rgba(243,201,79,.10)!important;
  }
  .storage-modal .loc-actions .btn.small{
    width:100%!important;
  }
}


/* v63: fixes Hintergrund-Wallpaper auf allen Seiten */
html{
  min-height:100%;
  background:#040711!important;
}
body{
  min-height:100%;
  background-color:#040711!important;
  background-image:
    radial-gradient(circle at 12% 0%,rgba(98,184,255,.22) 0,rgba(98,184,255,.10) 18%,transparent 36%),
    radial-gradient(circle at 88% 0%,rgba(243,201,79,.17) 0,rgba(243,201,79,.075) 17%,transparent 34%),
    radial-gradient(circle at 50% 100%,rgba(28,53,120,.26) 0,rgba(28,53,120,.10) 22%,transparent 44%),
    linear-gradient(180deg,#040711 0%,#07112a 42%,#030611 100%)!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-size:100vw 100vh,100vw 100vh,100vw 100vh,100vw 100vh!important;
  background-position:center top,center top,center top,center top!important;
  background-attachment:fixed,fixed,fixed,fixed!important;
}

/* iOS/Safari-Fallback: fixed attachment ist dort manchmal zickig.
   Deshalb bleibt die Position trotzdem identisch und skaliert nicht je Seitenhöhe. */
@supports (-webkit-touch-callout:none){
  body{
    background-attachment:scroll,scroll,scroll,scroll!important;
    background-size:100vw 100svh,100vw 100svh,100vw 100svh,100vw 100svh!important;
    background-position:center top,center top,center top,center top!important;
  }
}

/* v64: Einstellungen Einheiten + Spaltenabstand repariert */
.settings-table.sortable-settings-table .settings-head,
.settings-table.sortable-settings-table .settings-row{
  grid-template-columns:44px minmax(250px,1.45fr) 74px minmax(118px,.65fr) minmax(190px,1.08fr) minmax(150px,.82fr) minmax(170px,1fr) 122px 96px 42px 22px!important;
  column-gap:12px!important;
}
.settings-table.sortable-settings-table .settings-row select[name="unit"],
.settings-table.sortable-settings-table .settings-row input[name="storage_location"]{
  min-width:0!important;
}
.settings-table.sortable-settings-table .settings-row select[name="unit"]{
  padding-right:30px!important;
}
.units-settings-table .units-settings-head,
.units-settings-table .unit-row{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) 120px 130px 52px!important;
  gap:12px!important;
  align-items:center!important;
}
.units-settings-table .unit-row{padding:10px 12px;border-radius:16px;border:1px solid rgba(243,201,79,.12);background:rgba(255,255,255,.035);margin:8px 0;}
.units-settings-table .units-settings-head{padding:0 12px 4px;color:var(--muted);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;}
.units-settings-table .unit-addrow{border-color:rgba(243,201,79,.24);background:rgba(243,201,79,.06);}
@media(max-width:980px){
  .settings-table.sortable-settings-table .settings-row{min-width:1040px!important;}
  .settings-table.sortable-settings-table .settings-head{min-width:1040px!important;}
}
@media(max-width:620px){
  .units-settings-table .units-settings-head{display:none!important;}
  .units-settings-table .unit-row{grid-template-columns:1fr 84px 96px 42px!important;gap:8px!important;}
  .units-settings-table .unit-row input[name="name"]{grid-column:1/-1;}
  .settings-table.sortable-settings-table .settings-row{min-width:0!important;grid-template-columns:42px 1fr 88px!important;}
}

/* v65: Orts-Modale sauber repariert (nur Layout/Add-Modal/Actionbar) */
.new-location-modal .place-edit-list{
  grid-template-columns:minmax(240px,1fr) minmax(240px,1fr) minmax(320px,1.15fr)!important;
  column-gap:14px!important;
  row-gap:10px!important;
  align-items:end!important;
}
.new-location-modal .place-edit-list .title-field{
  grid-column:2!important;
  grid-row:1!important;
}
.new-location-modal .place-edit-list .address-field{
  grid-column:1!important;
  grid-row:1!important;
}
.new-location-modal .place-edit-list .maps-field{
  grid-column:3!important;
  grid-row:1!important;
}
.new-location-modal .place-edit-list .address-field,
.new-location-modal .place-edit-list .title-field,
.new-location-modal .place-edit-list .maps-field{
  min-width:0!important;
  overflow:visible!important;
}
.new-location-modal .place-edit-list .address-field input,
.new-location-modal .place-edit-list .title-field input,
.new-location-modal .place-edit-list .maps-field input{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.new-location-modal .place-edit-list .extras-row,
.new-location-modal .place-edit-list .series-row,
.new-location-modal .place-edit-list .info-field{
  grid-column:1/-1!important;
}
.new-location-modal .place-edit-list .line-field > span,
.new-location-modal .extras-row > span,
.new-location-modal .series-row .series-title{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Untere eingefärbte Action-Bar bei Orts-Modalen entfernen */
.new-location-modal .loc-actions,
.location-edit-modal .loc-actions,
.locations-view-modal .modal-actions-bottom{
  position:static!important;
  bottom:auto!important;
  margin:12px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
}
.new-location-modal .loc-actions .btn,
.location-edit-modal .loc-actions .btn,
.locations-view-modal .modal-actions-bottom .btn{
  flex:0 0 auto!important;
  min-width:0!important;
}
.new-location-modal .loc-actions .savehint,
.location-edit-modal .loc-actions .savehint,
.locations-view-modal .modal-actions-bottom .savehint{
  margin-right:auto!important;
}

@media(max-width:980px){
  .new-location-modal .place-edit-list{
    grid-template-columns:1fr!important;
  }
  .new-location-modal .place-edit-list .address-field,
  .new-location-modal .place-edit-list .title-field,
  .new-location-modal .place-edit-list .maps-field,
  .new-location-modal .place-edit-list .extras-row,
  .new-location-modal .place-edit-list .series-row,
  .new-location-modal .place-edit-list .info-field{
    grid-column:1/-1!important;
    grid-row:auto!important;
  }
  .new-location-modal .loc-actions,
  .location-edit-modal .loc-actions,
  .locations-view-modal .modal-actions-bottom{
    gap:8px!important;
    flex-wrap:wrap!important;
  }
  .new-location-modal .loc-actions .btn,
  .location-edit-modal .loc-actions .btn,
  .locations-view-modal .modal-actions-bottom .btn{
    flex:1 1 140px!important;
  }
}


/* v66: Dropdown lesbar + NUR mobile Tageskarten repariert */

/* Native Select-Dropdowns: Optionen nicht weiß auf weiß */
select,
select option,
select optgroup{
  background:#071126!important;
  color:#f8fafc!important;
}
select option:checked,
select option:hover{
  background:#1f5fbf!important;
  color:#ffffff!important;
}

/* Nur mobile Darstellung der Tageskarten */
@media(max-width:760px){
  .wrap.wide{
    padding:12px 10px!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .routeflow{
    gap:16px!important;
    margin-top:14px!important;
    padding-left:0!important;
  }

  .routeflow:before{
    left:18px!important;
    top:14px!important;
    bottom:14px!important;
    width:2px!important;
  }

  .compact-day,
  .route-day{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
  }

  .route-marker{
    display:flex!important;
    padding-top:22px!important;
    justify-content:center!important;
  }

  .route-marker span{
    width:34px!important;
    height:34px!important;
    border-radius:14px!important;
    font-size:15px!important;
    line-height:1!important;
    color:#071126!important;
    font-weight:1000!important;
    box-shadow:0 0 0 4px rgba(243,201,79,.12),0 10px 26px rgba(243,201,79,.22)!important;
  }

  .route-marker span:after{
    content:none!important;
  }

  .compact-day .day-main,
  .day-main,
  .day-summary{
    width:100%!important;
    max-width:100%!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }

  .compact-day .day-main{
    padding:0!important;
  }

  .day-inline,
  .day-summary-head{
    padding:14px!important;
  }

  .day-summary-head,
  .daytop{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr) 52px!important;
    gap:10px!important;
    align-items:start!important;
  }

  .datebadge{
    width:72px!important;
    height:72px!important;
    border-radius:19px!important;
    align-self:start!important;
  }

  .datebadge b{
    font-size:12px!important;
    line-height:1!important;
  }

  .datebadge span{
    font-size:22px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }

  .day-copy,
  .daytext,
  .day-title-area{
    min-width:0!important;
    overflow:hidden!important;
  }

  .day-copy h2,
  .day-copy .titleinput,
  .day-main h2{
    font-size:23px!important;
    line-height:1.08!important;
    letter-spacing:-.03em!important;
    margin:2px 0 4px!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .day-copy p,
  .day-copy .activityinput,
  .day-main p{
    font-size:14px!important;
    line-height:1.32!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .roundplus{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    border-radius:17px!important;
    font-size:28px!important;
    justify-self:end!important;
    align-self:start!important;
    padding:0!important;
  }

  .day-chipline{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:10px 14px 14px!important;
  }

  .day-chipline span{
    min-width:0!important;
    width:100%!important;
    padding:9px 8px!important;
    border-radius:15px!important;
    font-size:14px!important;
    line-height:1.05!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .parking-buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0 14px 14px!important;
  }

  .parking-open{
    width:100%!important;
    min-height:44px!important;
    justify-content:space-between!important;
    padding:10px 12px!important;
    border-radius:15px!important;
    font-size:14px!important;
  }

  .parking-open b{
    min-width:28px!important;
    height:28px!important;
    border-radius:10px!important;
  }
}

@media(max-width:430px){
  .day-summary-head,
  .daytop{
    grid-template-columns:64px minmax(0,1fr) 48px!important;
    gap:8px!important;
  }

  .datebadge{
    width:64px!important;
    height:64px!important;
    border-radius:17px!important;
  }

  .datebadge span{
    font-size:20px!important;
  }

  .day-copy h2,
  .day-main h2{
    font-size:21px!important;
  }

  .roundplus{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    font-size:26px!important;
  }

  .day-chipline{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-left:12px!important;
    margin-right:12px!important;
  }

  .day-chipline span{
    font-size:13px!important;
    padding:8px 7px!important;
  }
}


/* v67: NUR mobile Tageskarten schlanker/lesbarer, nicht fetter */
@media(max-width:760px){
  .routeflow{
    gap:12px!important;
  }

  .compact-day,
  .route-day{
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:7px!important;
  }

  .routeflow:before{
    left:16px!important;
  }

  .route-marker{
    padding-top:18px!important;
  }

  .route-marker span{
    width:30px!important;
    height:30px!important;
    border-radius:12px!important;
    font-size:13px!important;
  }

  .compact-day .day-main,
  .day-main,
  .day-summary{
    border-radius:18px!important;
  }

  .day-inline,
  .day-summary-head{
    padding:10px!important;
  }

  .day-summary-head,
  .daytop{
    grid-template-columns:62px minmax(0,1fr) 44px!important;
    gap:8px!important;
    align-items:start!important;
  }

  .datebadge{
    width:62px!important;
    height:58px!important;
    border-radius:15px!important;
  }

  .datebadge b{
    font-size:11px!important;
  }

  .datebadge span{
    font-size:18px!important;
    letter-spacing:-.02em!important;
  }

  .day-copy h2,
  .day-main h2{
    font-size:18px!important;
    line-height:1.12!important;
    letter-spacing:-.02em!important;
    margin:1px 0 3px!important;
    font-weight:850!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    display:block!important;
  }

  .day-copy p,
  .day-main p{
    font-size:13px!important;
    line-height:1.25!important;
    margin:0!important;
    display:block!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .roundplus{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:14px!important;
    font-size:24px!important;
    box-shadow:0 8px 22px rgba(243,201,79,.20)!important;
  }

  .day-chipline{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin:8px 10px 10px!important;
  }

  .day-chipline span{
    padding:7px 6px!important;
    border-radius:13px!important;
    font-size:12.5px!important;
    font-weight:800!important;
    line-height:1!important;
  }

  .parking-buttons{
    margin:0 10px 10px!important;
    gap:6px!important;
  }

  .parking-open{
    min-height:38px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
    font-size:13px!important;
    font-weight:850!important;
  }

  .parking-open b{
    min-width:24px!important;
    height:24px!important;
    border-radius:9px!important;
    font-size:12px!important;
  }

  .day-summary:before{
    width:4px!important;
  }
}

@media(max-width:430px){
  .wrap.wide{
    padding-left:7px!important;
    padding-right:7px!important;
  }

  .compact-day,
  .route-day{
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:6px!important;
  }

  .routeflow:before{
    left:15px!important;
  }

  .route-marker span{
    width:28px!important;
    height:28px!important;
    border-radius:11px!important;
    font-size:12px!important;
  }

  .day-summary-head,
  .daytop{
    grid-template-columns:58px minmax(0,1fr) 40px!important;
    gap:7px!important;
  }

  .datebadge{
    width:58px!important;
    height:54px!important;
    border-radius:14px!important;
  }

  .datebadge span{
    font-size:17px!important;
  }

  .day-copy h2,
  .day-main h2{
    font-size:17px!important;
  }

  .day-copy p,
  .day-main p{
    font-size:12.5px!important;
  }

  .roundplus{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:13px!important;
    font-size:23px!important;
  }

  .day-chipline span{
    font-size:12px!important;
    padding:7px 5px!important;
  }
}


/* v68: Mobile Tageskarten wirklich lesbar - nur Handy */
@media(max-width:760px){
  .routeflow{
    gap:14px!important;
  }

  .compact-day,
  .route-day{
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:7px!important;
  }

  .routeflow:before{
    left:15px!important;
  }

  .route-marker{
    display:flex!important;
    padding-top:20px!important;
  }

  .route-marker span{
    width:28px!important;
    height:28px!important;
    border-radius:11px!important;
    font-size:12px!important;
    font-weight:900!important;
  }

  .day-main.day-summary,
  .compact-day .day-main{
    border-radius:20px!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .day-summary-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    grid-template-areas:
      "date plus"
      "copy copy"!important;
    gap:10px!important;
    align-items:start!important;
    padding:12px 12px 8px!important;
  }

  .day-summary-head .datebadge{
    grid-area:date!important;
    width:150px!important;
    max-width:100%!important;
    height:52px!important;
    border-radius:16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    padding:0 12px!important;
  }

  .day-summary-head .datebadge b{
    font-size:12px!important;
    font-weight:800!important;
    line-height:1!important;
    min-width:22px!important;
  }

  .day-summary-head .datebadge span{
    font-size:22px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .day-summary-head .roundplus{
    grid-area:plus!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:15px!important;
    font-size:25px!important;
    align-self:center!important;
    justify-self:end!important;
    padding:0!important;
  }

  .day-summary-head .day-copy{
    grid-area:copy!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    padding-top:2px!important;
  }

  .day-summary-head .day-copy h2{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 4px!important;
    font-size:22px!important;
    line-height:1.15!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  .day-summary-head .day-copy p{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  .day-chipline{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin:8px 12px 12px!important;
  }

  .day-chipline span{
    width:100%!important;
    min-width:0!important;
    padding:8px 7px!important;
    border-radius:14px!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.05!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .parking-buttons{
    margin:0 12px 12px!important;
  }
}

@media(max-width:430px){
  .compact-day,
  .route-day{
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:6px!important;
  }

  .routeflow:before{
    left:14px!important;
  }

  .day-summary-head{
    grid-template-columns:minmax(0,1fr) 42px!important;
    gap:8px!important;
    padding:10px 10px 7px!important;
  }

  .day-summary-head .datebadge{
    width:136px!important;
    height:48px!important;
    border-radius:15px!important;
    padding:0 10px!important;
  }

  .day-summary-head .datebadge span{
    font-size:20px!important;
  }

  .day-summary-head .roundplus{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:14px!important;
    font-size:24px!important;
  }

  .day-summary-head .day-copy h2{
    font-size:20px!important;
  }

  .day-summary-head .day-copy p{
    font-size:13px!important;
  }

  .day-chipline{
    margin:7px 10px 10px!important;
    gap:6px!important;
  }

  .day-chipline span{
    font-size:12.5px!important;
    padding:7px 5px!important;
  }
}

/* v69: Listen-Update Modal + Desktop-only Button */
.desktop-only{display:inline-flex!important;}
.syncbox{width:min(860px,calc(100vw - 32px))!important;}
.sync-content{display:grid;gap:12px;margin:12px 0;}
.sync-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.sync-summary span{display:grid;gap:4px;padding:12px;border:1px solid rgba(243,201,79,.14);border-radius:16px;background:rgba(255,255,255,.045);color:#dbeafe;font-weight:900;}
.sync-summary b{font-size:28px;color:#f3c94f;line-height:1;}
.syncbox h3{margin:6px 0 0;font-size:20px;}
.modalmint,.modalhint.compact{font-size:13px!important;padding:10px 12px!important;margin:6px 0!important;}
.sync-conflicts{display:grid;gap:8px;max-height:260px;overflow:auto;padding-right:3px;}
.sync-conflict{display:grid!important;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(148,163,184,.16);border-radius:15px;background:rgba(255,255,255,.04);}
.sync-conflict input{width:18px!important;height:18px!important;accent-color:#f3c94f;}
.sync-conflict b{display:block;color:#fff;line-height:1.2;}
.sync-conflict small{display:block;color:#a8b3c7;margin-top:3px;line-height:1.3;}
.sync-details{border:1px solid rgba(148,163,184,.14);border-radius:15px;background:rgba(255,255,255,.035);padding:10px 12px;}
.sync-details summary{cursor:pointer;font-weight:1000;color:#f3c94f;}
.sync-details p{margin:8px 0;color:#dbeafe;line-height:1.35;}
.sync-details em{color:#fca5a5;font-style:normal;font-weight:900;}
.sync-status{margin-right:auto;color:#a8b3c7;font-weight:900;font-size:13px;}
.sync-status.is-error{color:#fca5a5;}
.sync-actions{background:transparent!important;border:0!important;padding:0!important;margin-top:12px!important;}
@media(max-width:760px){.desktop-only{display:none!important;}.sync-summary{grid-template-columns:1fr!important;}.syncbox{width:calc(100vw - 14px)!important;}}


/* v70: Aktuellen Tag wirklich komplett einfärben */
.route-day.is-today .day-main,
.route-day.is-today .day-summary,
.compact-day.is-today .day-main,
.compact-day.is-today .day-summary{
  background:
    radial-gradient(circle at 92% 8%,rgba(243,201,79,.20),transparent 34%),
    radial-gradient(circle at 0% 0%,rgba(98,184,255,.24),transparent 42%),
    linear-gradient(135deg,rgba(18,45,94,.98),rgba(10,24,59,.98) 48%,rgba(8,17,42,.98))!important;
  border-color:rgba(243,201,79,.62)!important;
  box-shadow:
    0 0 0 1px rgba(243,201,79,.22),
    0 0 34px rgba(243,201,79,.16),
    0 24px 80px rgba(2,6,23,.48)!important;
}

.route-day.is-today .day-main:before,
.route-day.is-today .day-summary:before,
.compact-day.is-today .day-main:before,
.compact-day.is-today .day-summary:before{
  background:linear-gradient(180deg,#ffe08a,#f3c94f,#62b8ff)!important;
  opacity:1!important;
  box-shadow:0 0 22px rgba(243,201,79,.38)!important;
}

.route-day.is-today .route-marker span,
.compact-day.is-today .route-marker span{
  background:linear-gradient(135deg,#ffe08a,#f3c94f)!important;
  color:#071126!important;
  box-shadow:
    0 0 0 5px rgba(243,201,79,.16),
    0 0 26px rgba(243,201,79,.42)!important;
}

.route-day.is-today .datebadge,
.compact-day.is-today .datebadge{
  background:
    radial-gradient(circle at top right,rgba(255,255,255,.12),transparent 40%),
    linear-gradient(135deg,rgba(243,201,79,.30),rgba(98,184,255,.16))!important;
  border-color:rgba(243,201,79,.54)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 22px rgba(243,201,79,.12)!important;
}

.route-day.is-today .datebadge::after,
.compact-day.is-today .datebadge::after{
  content:"HEUTE";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:8px;
  padding:3px 7px;
  border-radius:999px;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.08em;
  color:#071126;
  background:linear-gradient(135deg,#ffe08a,#f3c94f);
}

@media(max-width:760px){
  .route-day.is-today .day-main,
  .route-day.is-today .day-summary,
  .compact-day.is-today .day-main,
  .compact-day.is-today .day-summary{
    background:
      radial-gradient(circle at 95% 0%,rgba(243,201,79,.22),transparent 36%),
      radial-gradient(circle at 0% 0%,rgba(98,184,255,.28),transparent 44%),
      linear-gradient(135deg,rgba(18,45,94,.99),rgba(9,22,55,.99) 55%,rgba(6,13,34,.99))!important;
    border-color:rgba(243,201,79,.70)!important;
  }

  .route-day.is-today .datebadge::after,
  .compact-day.is-today .datebadge::after{
    font-size:9px;
    padding:3px 6px;
    margin-left:auto;
  }
}


/* v71: Heute-Karte hard fix - per PHP oder JS-Klasse */
.route-day.today-card .day-main,
.route-day.today-card .day-summary,
.route-day.is-today .day-main,
.route-day.is-today .day-summary{
  background:
    radial-gradient(circle at 94% 8%,rgba(255,224,138,.28),transparent 36%),
    radial-gradient(circle at 0% 0%,rgba(98,184,255,.34),transparent 44%),
    linear-gradient(135deg,rgba(24,57,118,.99),rgba(11,30,75,.99) 48%,rgba(8,18,48,.99))!important;
  border-color:rgba(255,224,138,.85)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,224,138,.18),
    0 0 0 1px rgba(255,224,138,.30),
    0 0 42px rgba(243,201,79,.24),
    0 24px 80px rgba(2,6,23,.52)!important;
}

.route-day.today-card .day-main:before,
.route-day.today-card .day-summary:before,
.route-day.is-today .day-main:before,
.route-day.is-today .day-summary:before{
  background:linear-gradient(180deg,#ffe08a,#f3c94f,#62b8ff)!important;
  opacity:1!important;
  width:7px!important;
  box-shadow:0 0 26px rgba(243,201,79,.55)!important;
}

.route-day.today-card .datebadge,
.route-day.is-today .datebadge{
  border-color:rgba(255,224,138,.75)!important;
  background:linear-gradient(135deg,rgba(255,224,138,.32),rgba(98,184,255,.20))!important;
}

.route-day.today-card .datebadge::after,
.route-day.is-today .datebadge::after{
  content:"HEUTE";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:8px;
  padding:3px 7px;
  border-radius:999px;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.08em;
  color:#071126;
  background:linear-gradient(135deg,#ffe08a,#f3c94f);
}

@media(max-width:760px){
  .route-day.today-card .day-main,
  .route-day.today-card .day-summary,
  .route-day.is-today .day-main,
  .route-day.is-today .day-summary{
    background:
      radial-gradient(circle at 96% 4%,rgba(255,224,138,.30),transparent 36%),
      radial-gradient(circle at 0% 0%,rgba(98,184,255,.38),transparent 46%),
      linear-gradient(135deg,rgba(24,57,118,.99),rgba(10,28,72,.99) 58%,rgba(6,14,40,.99))!important;
  }
}


/* v72: HEUTE-Badges entfernen, Karte bleibt eingefärbt */
.route-day.is-today .day-summary-head::after,
.route-day.today-card .day-summary-head::after,
.compact-day.is-today .day-summary-head::after,
.compact-day.today-card .day-summary-head::after,
.route-day.is-today .datebadge::after,
.route-day.today-card .datebadge::after,
.compact-day.is-today .datebadge::after,
.compact-day.today-card .datebadge::after{
  content:none!important;
  display:none!important;
}

.route-day.is-today .day-summary-head,
.route-day.today-card .day-summary-head,
.compact-day.is-today .day-summary-head,
.compact-day.today-card .day-summary-head{
  padding-top:18px!important;
}

@media(max-width:760px){
  .route-day.is-today .day-summary-head,
  .route-day.today-card .day-summary-head,
  .compact-day.is-today .day-summary-head,
  .compact-day.today-card .day-summary-head{
    padding-top:12px!important;
  }
}


/* v73: Aufgaben/Checkliste in Einstellungen bleiben einfache Zeilen */
.simple-settings-table .simple-settings-row{
  grid-template-columns:48px minmax(260px,1fr) 96px 48px 22px!important;
}
.simple-settings-table .simple-settings-row input[name="title"]{
  min-width:0!important;
}
.simple-settings-table .simple-settings-row input[type="hidden"]{
  display:none!important;
}
.simple-settings-table .simple-settings-row select[name="active"]{
  width:96px!important;
}
.simple-settings-table .settings-addrow.simple-settings-row{
  grid-template-columns:48px minmax(260px,1fr) 96px 48px 22px!important;
}

@media(max-width:760px){
  .simple-settings-table .simple-settings-row,
  .simple-settings-table .settings-addrow.simple-settings-row{
    grid-template-columns:38px minmax(0,1fr) 88px 42px!important;
    gap:8px!important;
  }
  .simple-settings-table .simple-settings-row .savehint{
    display:none!important;
  }
}


/* v74: Drag-&-Drop Reihenfolge sichtbar/speicherbar */
.drag-handle{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;}
.template-sort-row.is-dragging{opacity:.72;outline:2px solid rgba(243,201,79,.55);box-shadow:0 12px 36px rgba(0,0,0,.35)!important;}
.sortable-settings-table.is-saving-sort::after{content:'Sortierung wird gespeichert …';display:block;padding:8px 12px;color:#ffe08a;font-weight:900;}
.sortable-settings-table.sort-saved::after{content:'Sortierung gespeichert';display:block;padding:8px 12px;color:#bbf7d0;font-weight:900;}
.sortable-settings-table.sort-error::after{content:'Sortierung konnte nicht gespeichert werden';display:block;padding:8px 12px;color:#fecaca;font-weight:900;}


/* v75: Checkliste im Modal scrollbar ohne Scrollbalken + erledigte Reiselisten unten */
.precheck-modal .modalbox,
.precheck-modal .slimmodal{
  display:flex!important;
  flex-direction:column!important;
  max-height:min(88svh,820px)!important;
  overflow:hidden!important;
}

.precheck-modal .precheck-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:2px!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.precheck-modal .precheck-list::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

.precheck-modal .modalhead{
  flex:0 0 auto!important;
}

.precheck-modal .sticky-actions{
  flex:0 0 auto!important;
  margin-top:12px!important;
}

/* Normale Reiselisten: offene Positionen oben, erledigte automatisch nach unten */
.checktable{
  display:grid!important;
}

.checktable .checkhead{
  order:-100!important;
}

.checktable .checkmini{
  order:0!important;
}

.checktable .checkmini.done{
  order:50!important;
}

.shopgrid .shopitem{
  order:0!important;
}

.shopgrid .shopitem.done{
  order:50!important;
}

@media(max-width:760px){
  .precheck-modal .modalbox,
  .precheck-modal .slimmodal{
    max-height:86svh!important;
  }

  .precheck-modal .precheck-list{
    max-height:none!important;
  }
}

/* CampOrga v4: Aufbau wieder nah am Originaltool */
.footer{max-width:1320px;margin:28px auto 18px;padding:0 18px;color:var(--muted);font-size:12px;text-align:center}.userbox{display:grid;gap:2px;min-width:150px;text-align:right}.userbox b{font-size:13px}.userbox span{font-size:12px;color:var(--muted)}.flash{padding:14px 18px;margin:14px 0;border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.12);color:#dcfce7}.between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.between h1{font-size:clamp(38px,5vw,62px);line-height:.95;margin:0;letter-spacing:-.05em}.between h2{margin:0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid-2{display:grid;grid-template-columns:1.45fr .85fr;gap:14px;margin-top:16px}.card{padding:22px}.hero.card{padding:30px}.hero .row{margin-top:16px}.stat{font-size:38px;font-weight:1000;color:var(--gold);letter-spacing:-.04em}.muted{color:var(--muted)!important}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px}.pill.gold{border-color:rgba(247,201,72,.35);background:rgba(247,201,72,.13);color:var(--gold)}.progress{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid var(--line)}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--blue));border-radius:999px}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{color:var(--muted);font-size:12px;text-align:left;text-transform:uppercase;letter-spacing:.08em;padding:0 10px}.table td{background:rgba(255,255,255,.045);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:middle}.table td:first-child{border-left:1px solid var(--line);border-radius:18px 0 0 18px}.table td:last-child{border-right:1px solid var(--line);border-radius:0 18px 18px 0}.form{display:grid;gap:12px}.form label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:900}.secondary{background:rgba(255,255,255,.07)!important;color:var(--text)!important;border:1px solid var(--line)!important}.gold{background:linear-gradient(135deg,var(--gold),#eab308)!important;color:#111827!important}.ok{background:linear-gradient(135deg,var(--green),#16a34a)!important;color:#fff!important}.danger{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important}.note{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:18px;padding:13px;margin:9px 0}.trip-summary{display:grid;grid-template-columns:1fr minmax(340px,.7fr);gap:20px;padding:28px;margin:16px 0}.trip-summary h1{font-size:clamp(38px,5vw,68px);line-height:.92;margin:0 0 10px;letter-spacing:-.05em}.trip-summary p{color:var(--muted);line-height:1.55}.quickstats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quickstats div{padding:14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.quickstats small{display:block;color:var(--muted);font-size:12px}.quickstats b{display:block;font-size:24px;margin-top:4px}.quickstats .wide-stat{grid-column:1/-1;background:linear-gradient(135deg,rgba(247,201,72,.2),rgba(56,189,248,.12));border-color:rgba(247,201,72,.35)}.camporg-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.camporg-list-card{padding:0;overflow:hidden}.camporg-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(247,201,72,.10),rgba(56,189,248,.07))}.camporg-list-head h2{margin:0;font-size:26px}.camporg-list-body{display:grid;gap:10px;padding:14px}.checkitem{position:relative;display:grid!important;grid-template-columns:48px 1fr 38px;gap:12px;align-items:center;padding:14px;border-radius:22px;background:linear-gradient(180deg,rgba(23,34,54,.92),rgba(11,18,32,.92));border:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.20)}.checkitem.done{opacity:.68;background:rgba(20,83,45,.22);border-color:rgba(34,197,94,.25)}.checkitem form{margin:0}.checkitem .btn{width:42px;height:42px;border-radius:15px;padding:0;min-height:42px}.inline-add{padding:14px;border-top:1px solid var(--line);display:grid;gap:10px;background:rgba(5,9,19,.16)}.settings-intro{padding:24px;margin:16px 0}.settings-intro h1{font-size:clamp(38px,5vw,64px);line-height:.94;margin:0 0 12px;letter-spacing:-.05em}.settings-table{padding:0;overflow:hidden;margin:12px 0 22px}.settings-head,.settings-row{display:grid;grid-template-columns:46px 1.4fr .7fr .7fr 1.1fr 44px;gap:8px;align-items:center;padding:10px 14px}.settings-head{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,.045);border-bottom:1px solid var(--line)}.settings-row{border-bottom:1px solid rgba(255,255,255,.07)}.settings-row:last-child{border-bottom:0}.settings-row input,.settings-row textarea,.settings-row select{border-radius:14px;padding:10px 11px}.settings-row textarea{min-height:44px}.settings-addrow{background:rgba(247,201,72,.05)}.drag-placeholder:before{content:'☰';color:var(--muted);font-weight:900}.icondelete{display:grid;place-items:center;text-align:center}.list-hero.compact-hero{padding:20px}.list-hero.compact-hero h2{font-size:34px}.dashboard-tripcards{display:grid;gap:14px}.dashboard-tripcards .tripcard{padding:20px}.mobile-jump{display:none}.tabs a.tab{text-decoration:none}.tabs .tab{display:inline-flex;align-items:center}.login-card{max-width:520px;margin:8vh auto}.login-card h1{font-size:48px;margin:0 0 10px;letter-spacing:-.05em}.module-card{margin-top:16px}.cards-as-original{display:grid;gap:16px;margin-top:16px}.cards-as-original .tripcard{padding:24px}.topbar nav{max-width:70vw}.topbar nav a{white-space:nowrap}
@media(max-width:1000px){.grid,.grid-2,.trip-summary,.camporg-list-grid{grid-template-columns:1fr}.quickstats{grid-template-columns:1fr 1fr}.settings-head{display:none}.settings-row{grid-template-columns:1fr}.table{display:block;overflow:auto}.userbox{display:none}.topbar{align-items:flex-start}.topbar nav{max-width:none}.wrap.wide{padding:12px}.camporg-list-head{display:block}.between{align-items:flex-start}.quickstats .wide-stat{grid-column:auto}}
@media(max-width:640px){.quickstats{grid-template-columns:1fr}.topbar{display:grid}.topbar nav{display:flex;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.topbar nav .btn{white-space:nowrap}.hero{display:block}.hero h1{font-size:44px}.trip-summary h1{font-size:44px}.camporg-list-grid{gap:16px}.checkitem{grid-template-columns:44px 1fr 34px}.card{padding:16px}}
.login{max-width:520px;margin:8vh auto;padding:28px}.login h1{font-size:clamp(42px,6vw,64px);line-height:.94;margin:0 0 12px;letter-spacing:-.05em}.error{border:1px solid rgba(239,68,68,.32);background:rgba(239,68,68,.13);color:#fecaca;border-radius:16px;padding:12px 14px;margin:14px 0;font-weight:800}

/* v5: edle linke Sidebar + aufgeräumtes Dashboard */
body.has-sidebar{
  min-height:100vh;
  background:
    radial-gradient(circle at 0 0,rgba(56,189,248,.18),transparent 32%),
    radial-gradient(circle at 100% 0,rgba(247,201,72,.15),transparent 30%),
    linear-gradient(180deg,#08101f,#050914 62%,#04070d);
}
.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh;}
.sidebar{
  position:sticky;top:0;height:100vh;z-index:40;
  display:flex;flex-direction:column;gap:18px;
  padding:18px 16px;
  background:
    radial-gradient(circle at 16% 0,rgba(247,201,72,.18),transparent 28%),
    linear-gradient(180deg,rgba(14,24,43,.98),rgba(6,11,22,.99));
  border-right:1px solid rgba(148,163,184,.16);
  box-shadow:28px 0 70px rgba(0,0,0,.28);
}
.sidebrand{display:flex;align-items:center;gap:12px;padding:12px;border-radius:24px;background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.14);}
.sidebrand strong{display:block;font-size:22px;letter-spacing:-.03em;color:#fff;}
.sidebrand small{display:block;margin-top:1px;color:var(--muted);font-size:12px;font-weight:800;}
.side-section{display:grid;gap:7px;}
.side-label{padding:0 12px 3px;color:#facc15;font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:1000;}
.side-link{position:relative;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;min-height:48px;padding:8px 10px;border-radius:17px;border:1px solid transparent;color:#dbeafe;background:transparent;font-weight:950;transition:.16s transform,.16s background,.16s border-color;}
.side-link b{display:grid;place-items:center;width:34px;height:34px;border-radius:13px;background:rgba(255,255,255,.055);font-size:17px;font-style:normal;}
.side-link:hover{transform:translateX(2px);background:rgba(255,255,255,.06);border-color:rgba(148,163,184,.15);}
.side-link.active{background:linear-gradient(135deg,rgba(247,201,72,.22),rgba(56,189,248,.10));border-color:rgba(247,201,72,.32);box-shadow:0 14px 34px rgba(247,201,72,.08);color:#fff;}
.side-link.active:before{content:"";position:absolute;left:-17px;top:12px;bottom:12px;width:4px;border-radius:0 10px 10px 0;background:linear-gradient(180deg,#facc15,#38bdf8);}
.side-link.active b{background:linear-gradient(135deg,#facc15,#f97316);color:#111827;}
.side-footer{margin-top:auto;display:grid;gap:10px;padding:12px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.14);}
.side-user strong{display:block;color:#fff;font-size:15px;}
.side-user span{display:block;color:var(--muted);font-size:12px;margin-top:2px;}
.side-logout{display:flex;justify-content:center;align-items:center;min-height:38px;border-radius:14px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.22);color:#fecaca;font-weight:1000;}
.page-area{min-width:0;display:flex;flex-direction:column;}
.pagebar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;background:rgba(5,9,19,.70);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.13);}
.pagebar h1{margin:0;color:#fff;font-size:28px;letter-spacing:-.04em;line-height:1;}
.page-kicker{display:block;color:#facc15;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:1000;margin-bottom:6px;}
.pagebar .userbox{border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(255,255,255,.045);padding:9px 12px;text-align:right;min-width:160px;}
.pagebar .userbox b{display:block;color:#fff;font-size:14px;}
.pagebar .userbox span{display:block;color:var(--muted);font-size:12px;margin-top:1px;}
.has-sidebar .wrap{margin:0 auto;width:100%;padding:22px;}
.has-sidebar .floatingtabs{top:79px;}
.has-sidebar .footer{margin-left:0;padding:18px 22px;border-top:1px solid rgba(148,163,184,.10);color:var(--muted);}
.auth-page .auth-top{justify-content:center;}
.auth-page .wrap{min-height:calc(100vh - 140px);display:grid;place-items:center;}
.auth-page .login{width:min(520px,100%);}

@media(max-width:980px){
  .app-shell{grid-template-columns:1fr;}
  .sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(148,163,184,.14);box-shadow:0 24px 60px rgba(0,0,0,.22);}
  .sidebrand{max-width:360px;}
  .side-section{grid-template-columns:repeat(3,minmax(0,1fr));}
  .side-label{grid-column:1/-1;}
  .side-footer{display:flex;align-items:center;justify-content:space-between;}
  .pagebar{position:relative;top:auto;}
  .has-sidebar .floatingtabs{top:0;}
}
@media(max-width:620px){
  .sidebar{padding:12px;gap:12px;}
  .side-section{grid-template-columns:1fr 1fr;}
  .side-link{grid-template-columns:32px 1fr;font-size:13px;min-height:42px;padding:6px 8px;border-radius:14px;}
  .side-link b{width:29px;height:29px;border-radius:11px;font-size:14px;}
  .pagebar{padding:12px;align-items:flex-start;}
  .pagebar h1{font-size:23px;}
  .pagebar .userbox{display:none;}
  .has-sidebar .wrap{padding:12px;}
}

/* CampOrga v6: Tabs wie Original + Reiseverlauf/Listen sauber getrennt */
.camporga-settings-tabs .tabpane,.camp-trip-page .trip-pane{display:none!important;scroll-margin-top:130px}
.camporga-settings-tabs .tabpane.active,.camp-trip-page .trip-pane.is-active{display:block!important}
.camporga-settings-tabs .tabpane[hidden],.camp-trip-page .trip-pane[hidden]{display:none!important}
.camporga-settings-tabs .tabbar .tab{border:0;cursor:pointer}
.mobile-jump,.trip-mobile-menu{display:none}
.template-meta-table .template-meta-head,.template-meta-table .template-meta-row{grid-template-columns:minmax(240px,1fr) 110px 130px 150px!important}
.template-meta-table{margin:14px 0!important}
.settings-table.sortable-settings-table .settings-head,.settings-table.sortable-settings-table .settings-row{grid-template-columns:44px minmax(220px,1fr) 96px 110px minmax(220px,1fr) 112px 52px 40px!important}
.settings-table.sortable-settings-table.simple-settings-table .settings-head,.settings-table.sortable-settings-table.simple-settings-table .settings-row{grid-template-columns:44px minmax(260px,1fr) 130px 52px 44px!important}
.drag-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:1000;opacity:.9}.is-paused{opacity:.55}.row{display:flex;align-items:center;gap:8px}.row input[type="checkbox"]{width:auto}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.inline-form{display:inline-flex;margin:0}.camp-trip-page .trip-menu{margin:12px 0 18px}.camp-trip-page .trip-menu-btn{cursor:pointer}.camp-trip-page .trip-menu-btn small{margin-left:6px;color:var(--gold);font-weight:1000}.day-edit-form{display:block}.day-edit-form input{background:rgba(5,9,19,.42);border-color:rgba(148,163,184,.16);border-radius:14px;min-height:38px;padding:9px 11px}.day-copy h2,.day-copy p{margin:0}.day-copy h2 input{font-size:22px;font-weight:1000;color:var(--text)}.day-copy p input{color:var(--muted)}.day-route-grid{display:grid;grid-template-columns:1fr 1fr 110px 110px;gap:8px;padding:0 14px 12px}.add-day-box{margin-top:16px;padding:18px}.add-day-box summary{cursor:pointer;font-weight:1000;color:var(--gold)}.checktable{display:grid;gap:8px;margin-bottom:14px}.checkhead,.checkmini{display:grid;grid-template-columns:48px minmax(220px,1fr) 80px 90px minmax(180px,1fr) 44px;gap:8px;align-items:center}.checkhead{padding:0 14px 4px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:1000}.checkmini{padding:10px 12px;border:1px solid rgba(243,201,79,.12);border-radius:18px;background:linear-gradient(180deg,rgba(23,34,54,.92),rgba(10,16,29,.94))}.checkmini.done{opacity:.62}.checkmini.done strong,.checkmini.done .task-title{text-decoration:line-through}.tasks-only-table .checkmini{grid-template-columns:48px minmax(220px,1fr) 44px}.checkcircle{width:36px;height:36px;border-radius:14px;border:1px solid rgba(243,201,79,.28);background:rgba(255,255,255,.06);color:#fff;font-weight:1000;cursor:pointer}.checkmini.done .checkcircle{background:linear-gradient(135deg,var(--gold),#eab308);color:#111827}.task-title small{display:block;color:var(--muted);margin-top:3px}.list-add-card{padding:14px;margin-top:12px}.list-add-card.inline-add{display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) 220px minmax(220px,1fr) auto;align-items:start}.list-add-card textarea{min-height:46px}.progresspill{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:999px;padding:10px 14px;display:inline-flex;align-items:center;gap:6px}.progresspill b{color:var(--gold);font-size:22px}.routeflow{position:relative;display:grid;gap:14px;margin:16px 0}.routeflow:before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,rgba(243,201,79,.8),rgba(56,189,248,.25));border-radius:99px}.route-day{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px}.route-marker{z-index:1;padding-top:18px}.route-marker span{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--gold),#eab308);color:#111827;font-weight:1000;box-shadow:0 8px 22px rgba(243,201,79,.18)}.day-main{overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(23,34,54,.92),rgba(10,16,29,.94));border-radius:24px;box-shadow:var(--shadow)}.day-summary-head{display:grid;grid-template-columns:74px minmax(0,1fr) 48px;gap:12px;align-items:center;padding:14px}.datebadge{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:rgba(243,201,79,.1);border:1px solid rgba(243,201,79,.22)}.datebadge b{font-size:12px;color:var(--gold);text-transform:uppercase}.datebadge span{font-size:22px;font-weight:1000}.roundplus{width:46px;height:46px;border:0;border-radius:17px;background:linear-gradient(135deg,var(--gold),#eab308);color:#111827;font-weight:1000;font-size:21px;cursor:pointer}.day-chipline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 14px 14px}.day-chipline span{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:999px;padding:8px 10px;text-align:center;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-card .day-main{border-color:rgba(243,201,79,.45);box-shadow:0 0 0 1px rgba(243,201,79,.16),0 20px 60px rgba(243,201,79,.08)}
@media(max-width:980px){.mobile-jump,.trip-mobile-menu{display:grid;gap:8px;margin:10px 0 16px;padding:14px}.camporga-settings-tabs .tabbar,.camp-trip-page .trip-menu{display:none}.template-meta-table .template-meta-row,.template-meta-table .template-meta-head{grid-template-columns:1fr!important}.settings-table.sortable-settings-table .settings-row,.settings-table.sortable-settings-table .settings-head,.settings-table.sortable-settings-table.simple-settings-table .settings-row,.settings-table.sortable-settings-table.simple-settings-table .settings-head{grid-template-columns:42px 1fr 84px!important;min-width:0!important}.settings-table.sortable-settings-table .settings-row input[name="title"]{grid-column:2/-1}.settings-table.sortable-settings-table .settings-row input[name="notes"],.settings-table.sortable-settings-table .settings-row label.row{grid-column:2/-1}.day-route-grid{grid-template-columns:1fr 1fr}.day-chipline{grid-template-columns:1fr 1fr}.list-add-card.inline-add{grid-template-columns:1fr}.checkhead{display:none}.checkmini,.tasks-only-table .checkmini{grid-template-columns:42px minmax(0,1fr) 42px}.checkmini span:not(.muted),.checkmini .muted{grid-column:2/-1}.routeflow:before{left:18px}.route-day{grid-template-columns:38px minmax(0,1fr)}.route-marker span{width:34px;height:34px;border-radius:12px}.day-summary-head{grid-template-columns:58px minmax(0,1fr) 42px;padding:12px}.datebadge{width:56px;height:56px;border-radius:16px}.datebadge span{font-size:17px}.day-copy h2 input{font-size:18px}.roundplus{width:40px;height:40px}}


/* CampOrga v14: reisebezogene Sidebar */
.side-trip-section{border-top:1px solid rgba(148,163,184,.12);border-bottom:1px solid rgba(148,163,184,.08);padding-top:10px;padding-bottom:10px;}
.active-trip-card{display:block;margin:2px 0 10px;padding:10px 11px;border-radius:18px;border:1px solid rgba(247,201,72,.28);background:linear-gradient(135deg,rgba(247,201,72,.16),rgba(56,189,248,.08));box-shadow:0 14px 32px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.08);}
.active-trip-card span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#facc15;font-weight:950;margin-bottom:4px;}
.active-trip-card strong{display:block;color:#fff;font-size:13px;line-height:1.2;margin-bottom:7px;}
.active-trip-card small{display:block;color:#cbd5e1;line-height:1.35;margin-bottom:10px;}
.active-trip-card a{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.38);color:#e0f2fe;font-size:11px;font-weight:900;text-decoration:none;}
.active-trip-card a:hover{border-color:rgba(247,201,72,.45);color:#fff;}
.active-trip-card.muted-card{border-color:rgba(148,163,184,.16);background:rgba(15,23,42,.34);}
.active-trip-card.muted-card span{color:#94a3b8;}
.active-trip-card.muted-card strong{color:#e5e7eb;}
@media(max-width:860px){.active-trip-card{margin-bottom:8px;padding:9px 10px;border-radius:15px}.active-trip-card strong{font-size:13px}}

/* CampOrga v16 Reiseverlauf – näher am Original, kompakter und sauberere Modale */
.camp-route-v16 .compact-triphero{padding:18px 20px;margin-bottom:14px}
.camp-route-v16 .compact-score{gap:8px}
.camp-route-v16 .compact-score>div{padding:10px 12px;min-width:105px}
.camp-route-v16 .compact-tabs{margin:0 0 12px 0;gap:8px}
.camp-route-v16 .co-routeflow{display:flex;flex-direction:column;gap:10px;position:relative}
.camp-route-v16 .co-day-card{display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:stretch;padding:10px 12px;min-height:0;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(9,18,34,.94),rgba(8,13,25,.9));box-shadow:0 10px 28px rgba(0,0,0,.22);border-radius:18px}
.camp-route-v16 .co-day-card.is-today{border-color:rgba(245,190,70,.55);box-shadow:0 0 0 1px rgba(245,190,70,.16),0 14px 34px rgba(0,0,0,.28)}
.camp-route-v16 .co-date{border-radius:15px;background:linear-gradient(180deg,rgba(245,190,70,.20),rgba(22,44,76,.45));border:1px solid rgba(245,190,70,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;padding:8px 4px;min-height:74px}
.camp-route-v16 .co-date span{font-size:12px;font-weight:800;color:#f5c85a;letter-spacing:.08em;text-transform:uppercase}
.camp-route-v16 .co-date b{font-size:26px;color:#fff;margin:4px 0 2px}
.camp-route-v16 .co-date em{font-style:normal;font-size:11px;color:rgba(255,255,255,.68);font-weight:800;letter-spacing:.08em}
.camp-route-v16 .co-day-content{min-width:0;display:flex;flex-direction:column;gap:8px}
.camp-route-v16 .co-day-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.camp-route-v16 .co-day-top h2{font-size:19px;margin:0 0 2px;color:#fff;line-height:1.15}
.camp-route-v16 .co-day-top p{margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.camp-route-v16 .roundplus{width:40px;height:40px;flex:0 0 40px;border-radius:999px;font-size:25px;line-height:1;background:linear-gradient(135deg,#f5c85a,#cc8c25);color:#131313;border:0;box-shadow:0 8px 22px rgba(245,190,70,.23);cursor:pointer}
.camp-route-v16 .co-route-line{display:flex;flex-wrap:wrap;gap:7px;margin-top:-1px}
.camp-route-v16 .co-route-line span{font-size:12px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075);color:rgba(255,255,255,.78)}
.camp-route-v16 .co-mini-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:0}
.camp-route-v16 .co-mini-actions .parking-open{min-height:34px;padding:6px 8px;border-radius:11px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:6px;white-space:nowrap}
.camp-route-v16 .co-mini-actions .parking-open span{overflow:hidden;text-overflow:ellipsis}
.camp-route-v16 .co-mini-actions .parking-open b{min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.12)}
.camp-route-v16 .co-mini-actions .hidden-empty{opacity:.58}
.camp-route-v16 .modal{position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;background:rgba(0,0,0,.62);padding:18px;display:none}
.camp-route-v16 .modal.open,.camp-route-v16 .modal.is-open{display:flex!important}
body.modal-open{overflow:hidden}
.camp-route-v16 .modalbox{max-height:88vh;overflow:auto}
.camp-route-v16 .actionbox{max-width:620px;width:min(620px,96vw)}
.camp-route-v16 .action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.camp-route-v16 .action-grid button{text-align:left;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff;padding:12px;cursor:pointer}
.camp-route-v16 .action-grid button b{display:block;margin-bottom:3px}.camp-route-v16 .action-grid button span{font-size:12px;color:rgba(255,255,255,.65)}
.camp-route-v16 .day-file-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.camp-route-v16 .day-file-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:14px;padding:10px}.camp-route-v16 .day-file-row small{display:block;color:rgba(255,255,255,.62);margin-top:2px}.camp-route-v16 .day-file-row p{margin:4px 0 0;color:rgba(255,255,255,.72);font-size:12px}.camp-route-v16 .file-actions{display:flex;gap:6px;align-items:center}.camp-route-v16 .file-actions form{margin:0}
@media(max-width:820px){.camp-route-v16 .co-day-card{grid-template-columns:54px 1fr;padding:9px}.camp-route-v16 .co-date{min-height:64px}.camp-route-v16 .co-date b{font-size:22px}.camp-route-v16 .co-mini-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.camp-route-v16 .action-grid{grid-template-columns:1fr}.camp-route-v16 .compact-score{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v17 Zeitraum-Transfer */
.range-transfer-card{max-width:1100px;margin:0 auto}.transfer-list{display:grid;gap:12px;margin:18px 0}.transfer-row{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.045)}.transfer-row strong{display:block;color:#fff}.transfer-row span{display:block;color:#f5c85c;margin-top:3px}.transfer-row small{display:block;color:rgba(255,255,255,.62);margin-top:4px}.transfer-row select{width:100%}@media(max-width:760px){.transfer-row{grid-template-columns:1fr}}


/* CampOrga Logo-Branding */
.sidebrand.sidebrand-logo{
  justify-content:center;
  padding:14px 12px;
  min-height:auto;
  gap:0;
}
.sidebrand.sidebrand-logo img{
  display:block;
  width:min(178px, 88%);
  max-height:62px;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.35));
}
.sidebrand.sidebrand-logo:hover img{
  transform:translateY(-1px);
}
.sidebrand.sidebrand-logo .brandicon,
.sidebrand.sidebrand-logo span:not(.brandicon){
  display:none!important;
}
@media(max-width:860px){
  .sidebrand.sidebrand-logo{
    padding:10px 8px;
  }
  .sidebrand.sidebrand-logo img{
    width:150px;
    max-height:48px;
  }
}


/* CampOrga Logo überall: ohne Textmarke, ohne Kasten */
.sidebrand.sidebrand-logo,
.sidebrand.sidebrand-logo:hover{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:8px 10px 16px!important;
  justify-content:flex-start!important;
  min-height:auto!important;
}
.sidebrand.sidebrand-logo:before,
.sidebrand.sidebrand-logo:after{
  display:none!important;
}
.sidebrand.sidebrand-logo img{
  display:block;
  width:min(180px, 92%);
  max-height:68px;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.32));
}
.auth-brand.auth-brand-logo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0 0 22px!important;
  text-align:center!important;
}
.auth-logo{
  display:block;
  width:min(260px, 78vw);
  max-height:105px;
  object-fit:contain;
  margin:0 auto 20px;
  filter:drop-shadow(0 14px 30px rgba(0,0,0,.34));
}
.login-card .auth-logo,
.auth-card .auth-logo,
.card .auth-logo{
  margin-top:-4px;
}
.page-logo{
  display:block;
  width:190px;
  max-height:72px;
  object-fit:contain;
  margin:0 0 18px;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.28));
}
@media(max-width:860px){
  .sidebrand.sidebrand-logo{
    justify-content:center!important;
    padding:8px 8px 12px!important;
  }
  .sidebrand.sidebrand-logo img{
    width:154px;
    max-height:54px;
  }
  .auth-logo{
    width:min(220px, 74vw);
    max-height:88px;
  }
}


/* CampOrga v22 Einstellungen / Listen / Konfigurator */
.settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;margin-bottom:18px}
.fuel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.fuel-grid>div{border:1px solid rgba(247,201,72,.20);background:rgba(15,23,42,.42);border-radius:18px;padding:14px}
.fuel-grid span{display:block;color:#facc15;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}
.fuel-grid strong{display:block;font-size:27px;color:#fff;margin:5px 0}
.fuel-grid small,.hint{color:#94a3b8}
.list-cards,.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px}
.list-card,.template-card{border:1px solid rgba(148,163,184,.15);background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(30,41,59,.48));border-radius:20px;padding:15px;box-shadow:0 16px 35px rgba(0,0,0,.16)}
.list-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.list-card h3,.template-card strong{color:#fff;margin:.45rem 0 .3rem;display:block}
.list-card p,.template-card p{color:#cbd5e1;margin:.2rem 0 .55rem}
.list-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.modal-wide{max-width:1100px}
.modal-xl{max-width:1280px;width:min(1280px,96vw)}
.checkbox-list{display:grid;gap:9px;margin:14px 0}
.checkbox-list label{display:flex;gap:10px;align-items:center;background:rgba(15,23,42,.42);border:1px solid rgba(148,163,184,.12);padding:10px;border-radius:14px;color:#e5e7eb}
.configurator{display:grid;grid-template-columns:190px 1fr;gap:18px}
.config-steps{display:flex;flex-direction:column;gap:8px;border-right:1px solid rgba(148,163,184,.14);padding-right:14px}
.config-steps button{border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.46);color:#cbd5e1;border-radius:14px;padding:11px;text-align:left;font-weight:900;cursor:pointer}
.config-steps button.active{background:linear-gradient(135deg,rgba(247,201,72,.24),rgba(56,189,248,.10));border-color:rgba(247,201,72,.35);color:#fff}
.config-step{display:none}
.config-step.active{display:block}
.cfg-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:15px 0}
.cfg-summary-card{border:1px solid rgba(247,201,72,.18);background:rgba(15,23,42,.46);border-radius:18px;padding:14px}
.cfg-review-list{margin:18px 0;border:1px solid rgba(148,163,184,.14);border-radius:20px;overflow:hidden}
.cfg-review-list h3{margin:0;padding:13px 15px;background:rgba(247,201,72,.09);color:#fff}
.cfg-review-item{display:grid;grid-template-columns:34px minmax(180px,1fr) 120px minmax(160px,1fr) 34px;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid rgba(148,163,184,.10);background:rgba(15,23,42,.30)}
.cfg-review-item input[type="text"]{min-height:36px}
.why-btn{width:26px;height:26px;border-radius:999px;border:1px solid rgba(247,201,72,.35);background:rgba(247,201,72,.12);color:#facc15;font-weight:1000;cursor:help}
.checklist-table{display:grid;gap:8px}
.check-row{display:grid;grid-template-columns:26px 1fr 32px;gap:10px;align-items:center;border:1px solid rgba(148,163,184,.12);background:rgba(15,23,42,.36);border-radius:14px;padding:10px}
.check-row strong{display:block;color:#fff}
.check-row small{display:block;color:#94a3b8;margin-top:2px}
.tab-panel{display:none}
.tab-panel.active{display:block}
.empty-state{border:1px dashed rgba(247,201,72,.28)!important;background:rgba(247,201,72,.06)!important;text-align:left}
@media(max-width:900px){
  .settings-grid,.configurator{grid-template-columns:1fr}
  .config-steps{border-right:0;border-bottom:1px solid rgba(148,163,184,.14);padding-right:0;padding-bottom:12px;flex-direction:row;overflow:auto}
  .cfg-review-item{grid-template-columns:28px 1fr;align-items:start}
  .cfg-review-item .why-btn{grid-column:2}
  .list-card{display:block}
  .list-actions{align-items:flex-start;margin-top:12px}
}

/* CampOrga v31 Listen/Konfigurator */
.modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(2,6,23,.72);padding:28px;overflow:auto}
.modal.show,.modal.open,.modal.is-open{display:flex!important;align-items:flex-start;justify-content:center}
.modal-box{position:relative;width:min(760px,96vw);margin:auto;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.96));border:1px solid rgba(247,201,72,.22);border-radius:24px;padding:22px;box-shadow:0 30px 100px rgba(0,0,0,.45);color:#e5e7eb}
.modal-wide{width:min(1100px,96vw)}.modal-xl{width:min(1280px,97vw)}
.modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.7);color:#fff;font-size:22px;cursor:pointer}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;margin-bottom:18px}
.fuel-grid,.list-cards,.template-grid,.cfg-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.fuel-grid>div,.list-card,.template-card,.cfg-summary-card{border:1px solid rgba(148,163,184,.15);background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(30,41,59,.48));border-radius:20px;padding:15px}
.fuel-grid span{display:block;color:#facc15;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.fuel-grid strong{display:block;font-size:27px;color:#fff}
.configurator{display:grid;grid-template-columns:190px 1fr;gap:18px}.config-steps{display:flex;flex-direction:column;gap:8px;border-right:1px solid rgba(148,163,184,.14);padding-right:14px}
.config-steps button{border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.46);color:#cbd5e1;border-radius:14px;padding:11px;text-align:left;font-weight:900;cursor:pointer}.config-steps button.active{background:linear-gradient(135deg,rgba(247,201,72,.24),rgba(56,189,248,.10));border-color:rgba(247,201,72,.35);color:#fff}
.config-step{display:none}.config-step.active{display:block}
.cfg-review-list{margin:18px 0;border:1px solid rgba(148,163,184,.14);border-radius:20px;overflow:hidden}.cfg-review-list h3{margin:0;padding:13px 15px;background:rgba(247,201,72,.09);color:#fff}
.cfg-review-item{display:grid;grid-template-columns:34px minmax(180px,1fr) 120px minmax(160px,1fr) 34px;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid rgba(148,163,184,.10);background:rgba(15,23,42,.30)}
.why-btn{width:26px;height:26px;border-radius:999px;border:1px solid rgba(247,201,72,.35);background:rgba(247,201,72,.12);color:#facc15;font-weight:1000;cursor:help}
.checklist-table{display:grid;gap:8px}.check-row{display:grid;grid-template-columns:26px 1fr 32px;gap:10px;align-items:center;border:1px solid rgba(148,163,184,.12);background:rgba(15,23,42,.36);border-radius:14px;padding:10px}.check-row strong{display:block;color:#fff}.check-row small{display:block;color:#94a3b8}
.tab-panel{display:none}.tab-panel.active{display:block}.empty-state{border:1px dashed rgba(247,201,72,.28)!important;background:rgba(247,201,72,.06)!important;text-align:left}
@media(max-width:900px){.settings-grid,.configurator{grid-template-columns:1fr}.config-steps{border-right:0;border-bottom:1px solid rgba(148,163,184,.14);padding-right:0;padding-bottom:12px;flex-direction:row;overflow:auto}.cfg-review-item{grid-template-columns:28px 1fr}.list-card{display:block}}

/* CampOrga v32 Pro-Konfigurator */
.configurator-pro-box{padding:0;overflow:hidden}
.cfg-pro-header{display:flex;justify-content:space-between;gap:18px;padding:24px 26px;border-bottom:1px solid rgba(148,163,184,.14);background:radial-gradient(circle at top left,rgba(250,204,21,.14),transparent 38%),rgba(15,23,42,.45)}
.cfg-pro-header h2{margin:.2rem 0;color:#fff;font-size:30px}.cfg-pro-header p{margin:0;color:#cbd5e1}
.cfg-progress{min-width:220px;align-self:center}.cfg-progress span{display:block;color:#facc15;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.cfg-progress div{height:9px;border-radius:99px;background:rgba(148,163,184,.18);overflow:hidden}.cfg-progress i{display:block;height:100%;width:9%;background:linear-gradient(90deg,#facc15,#38bdf8);border-radius:99px;transition:.25s}
.configurator-pro{display:grid;grid-template-columns:210px 1fr;min-height:640px}.pro-steps{padding:18px;background:rgba(2,6,23,.28);border-right:1px solid rgba(148,163,184,.14)}
.pro-main{padding:24px;overflow:auto;max-height:72vh}.cfg-hero{border:1px solid rgba(250,204,21,.22);background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(56,189,248,.08));border-radius:24px;padding:24px;margin-bottom:18px}.cfg-hero span{font-size:38px}.cfg-hero h3{font-size:28px;margin:.3rem 0;color:#fff}.cfg-hero p{color:#cbd5e1;font-size:16px}
.cfg-choice-grid,.cfg-question-grid,.cfg-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:18px 0}.cfg-question-grid label{background:rgba(15,23,42,.46);border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:14px;color:#e5e7eb;font-weight:800}.cfg-question-grid input,.cfg-question-grid select{margin-top:8px;width:100%}
.choice-card{border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,rgba(15,23,42,.75),rgba(30,41,59,.45));color:#e5e7eb;border-radius:22px;padding:18px;text-align:left;cursor:pointer;min-height:116px;transition:.18s}.choice-card:hover{transform:translateY(-2px);border-color:rgba(250,204,21,.35)}.choice-card.selected{border-color:rgba(250,204,21,.75);box-shadow:0 0 0 2px rgba(250,204,21,.12),0 18px 45px rgba(0,0,0,.22);background:linear-gradient(145deg,rgba(250,204,21,.20),rgba(56,189,248,.08))}.choice-card b{display:block;color:#fff;font-size:17px;margin-bottom:8px}.choice-card small{color:#cbd5e1}
.chip{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.52);color:#cbd5e1;border-radius:999px;padding:12px 15px;font-weight:900;cursor:pointer}.chip.active{background:linear-gradient(135deg,rgba(250,204,21,.28),rgba(56,189,248,.12));border-color:rgba(250,204,21,.5);color:#fff}
.cfg-hint-card{border:1px dashed rgba(250,204,21,.35);background:rgba(250,204,21,.07);border-radius:18px;padding:15px;color:#fde68a}
.pro-summary .cfg-summary-card{text-align:left;cursor:pointer;color:#e5e7eb}.pro-summary .cfg-summary-card h3{color:#fff}.pro-summary .cfg-summary-card small{color:#facc15;font-weight:900}
.cfg-review-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;background:rgba(15,23,42,.46);border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:12px}.cfg-review-nav strong{color:#fff}
.cfg-review-single .cfg-review-item{grid-template-columns:34px minmax(160px,1fr) 120px minmax(150px,1fr) 34px;align-items:start}.cfg-review-single .cfg-review-item small{grid-column:2/-1;color:#94a3b8;margin-top:-4px}
@media(max-width:900px){.cfg-pro-header{display:block}.cfg-progress{margin-top:14px}.configurator-pro{grid-template-columns:1fr}.pro-steps{display:flex;overflow:auto;border-right:0;border-bottom:1px solid rgba(148,163,184,.14)}.pro-main{max-height:none}.cfg-review-single .cfg-review-item{grid-template-columns:28px 1fr}.cfg-review-single .cfg-review-item small{grid-column:2}}

/* CampOrga v33 Ultra-Konfigurator Feinschliff */
.cfg-actions{gap:18px!important;margin-top:22px}
.cfg-actions .btn{margin-right:8px}
.travel-icon{display:block;font-size:30px;margin-bottom:8px}
.children-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}
.child-card{border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,rgba(15,23,42,.7),rgba(30,41,59,.44));border-radius:18px;padding:14px}
.child-card strong{display:block;color:#facc15;margin-bottom:10px}
.child-card label{display:block;margin:8px 0;color:#e5e7eb;font-weight:800}
.weather-panel{border:1px solid rgba(56,189,248,.2);background:rgba(8,47,73,.20);border-radius:20px;padding:16px;margin:16px 0}
.weather-result{margin-top:12px;color:#dbeafe;line-height:1.45}
.weather-result .bad,.bad{color:#fca5a5}
.compact-checks{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.compact-checks label{display:flex!important;align-items:center;gap:9px;min-height:42px;padding:10px 12px!important}
.compact-checks input[type="checkbox"]{width:16px!important;height:16px!important;margin:0!important;flex:0 0 auto}
.required:after{content:" Pflicht";color:#facc15;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-left:6px}
.cfg-review-single .cfg-review-item{grid-template-columns:30px minmax(170px,1fr) 110px minmax(160px,1fr) 30px;gap:8px;padding:8px 10px}
.cfg-review-single .cfg-review-item input[type="checkbox"]{width:18px;height:18px}
.cfg-review-single .cfg-review-item small{font-size:11px;opacity:.85}
.cfg-summary-card{text-align:left}
@media(max-width:900px){.cfg-actions{gap:10px}.cfg-review-single .cfg-review-item{grid-template-columns:28px 1fr}.cfg-review-single .cfg-review-item input[type="text"]{grid-column:2}.cfg-review-single .cfg-review-item small{grid-column:2}}

/* CampOrga v34 Modal-Polish */
.pro-steps{padding:12px!important;gap:5px!important}
.pro-steps button{padding:8px 9px!important;font-size:12px!important;border-radius:11px!important}
.configurator-pro{grid-template-columns:170px 1fr!important}
.prettier-grid{align-items:stretch}
.prettier-grid label{border-radius:20px!important;padding:16px!important;background:linear-gradient(145deg,rgba(15,23,42,.62),rgba(30,41,59,.40))!important}
.trip-period-card{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid rgba(250,204,21,.24);background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(56,189,248,.07));border-radius:22px;padding:16px 18px;margin:14px 0 18px}
.trip-period-card span{display:block;color:#facc15;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.trip-period-card strong{display:block;color:#fff;font-size:20px;margin:3px 0}.trip-period-card small{color:#cbd5e1}
.period-edit{display:none;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:14px}.period-edit.show{display:grid}.period-edit label{background:rgba(15,23,42,.45);border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:12px;color:#e5e7eb;font-weight:800}
.inline-children{margin-top:16px}
.hint-dot{width:20px;height:20px;border-radius:999px;border:1px solid rgba(250,204,21,.45);background:rgba(250,204,21,.12);color:#facc15;font-weight:1000;font-size:12px;line-height:1;margin-left:5px;cursor:help}
.compact-checks label{font-size:14px!important;line-height:1.25}
.compact-checks input[type="checkbox"]{accent-color:#c084fc}
.cfg-question-grid label input[type="date"]{color-scheme:dark}
.weather-panel .btn{margin-bottom:8px}
.cfg-hero.compact{padding:18px}.cfg-hero.compact h3{font-size:22px}
@media(max-width:900px){.configurator-pro{grid-template-columns:1fr!important}.pro-steps{display:flex!important;overflow:auto}.trip-period-card{display:block}.trip-period-card .btn{margin-top:10px}}

/* CampOrga v35 Personen-Tabelle / Klick-Tooltips / Essen */
.traveler-control-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:18px 0}
.traveler-control-row label{background:linear-gradient(145deg,rgba(15,23,42,.62),rgba(30,41,59,.40));border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:14px;color:#e5e7eb;font-weight:850}
.traveler-table-wrap{border:1px solid rgba(148,163,184,.16);border-radius:18px;overflow:auto;background:rgba(15,23,42,.32);margin:14px 0}
.traveler-table{width:100%;border-collapse:collapse;min-width:760px}
.traveler-table th{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#facc15;text-align:left;padding:10px 12px;background:rgba(2,6,23,.28)}
.traveler-table td{border-top:1px solid rgba(148,163,184,.10);padding:8px 12px;color:#e5e7eb}
.traveler-table input,.traveler-table select{width:100%;min-height:34px}
.mini-check{display:inline-flex;align-items:center;gap:5px;margin-right:8px;font-size:12px;color:#cbd5e1}.mini-check input{width:14px!important;height:14px!important}
.hint-modal-box{max-width:560px}.hint-modal-box p{font-size:16px;line-height:1.55;color:#dbeafe}
.pretty-checks label{background:linear-gradient(145deg,rgba(15,23,42,.62),rgba(30,41,59,.38))!important;border-radius:18px!important}
.food-plan-card{border:1px solid rgba(250,204,21,.18);background:rgba(250,204,21,.06);border-radius:20px;padding:16px;margin:16px 0}.food-plan-card h4{margin:0 0 10px;color:#fff}
.manual-meds-box{border:1px solid rgba(56,189,248,.20);background:rgba(8,47,73,.16);border-radius:18px;padding:14px;margin:16px 0}.manual-meds-box h4{margin:0 0 6px;color:#fff}.manual-med-row{display:flex;gap:10px;margin:8px 0}.manual-med-row input{flex:1}
.child-extra-q{display:none}
@media(max-width:900px){.manual-med-row{display:block}.manual-med-row .btn{margin-top:8px}.traveler-table{min-width:720px}}

/* CampOrga v37 Pflichtfeld + kompakte Listen */
.field-error{display:block;color:#fca5a5!important;font-size:12px;margin-top:7px}
.input-error{border-color:#f87171!important;box-shadow:0 0 0 2px rgba(248,113,113,.18)!important}
.pro-summary .cfg-summary-card h3{font-size:22px}
.pro-summary .cfg-summary-card p{min-height:38px}

/* CampOrga v38 Reisende/Kleidung Fix */
.traveler-control-row{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.traveler-table th:nth-child(1){width:130px}
.traveler-table th:nth-child(2){width:230px}
.traveler-table th:nth-child(3){width:190px}


/* CampOrga v39 Settings Redesign */
.settings-hero{align-items:flex-end;gap:22px;padding-bottom:10px}
.settings-hero-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.btn.soft{background:linear-gradient(135deg,rgba(148,163,184,.18),rgba(56,189,248,.10));border:1px solid rgba(148,163,184,.22);color:#e5e7eb;box-shadow:none}
.btn.soft:hover{border-color:rgba(250,204,21,.35);transform:translateY(-1px)}
.settings-overview-grid{display:grid;grid-template-columns:1.25fr .9fr 1fr;gap:18px;margin:16px 0 22px}
.settings-tile{display:flex;align-items:center;gap:16px;min-height:118px;padding:18px;border-radius:24px;border:1px solid rgba(148,163,184,.16);background:radial-gradient(circle at top left,rgba(250,204,21,.10),transparent 36%),linear-gradient(145deg,rgba(15,23,42,.78),rgba(30,41,59,.48));box-shadow:0 20px 55px rgba(0,0,0,.18)}
.settings-tile h2{margin:.2rem 0 .35rem;color:#fff;font-size:20px}
.settings-tile p{margin:0;color:#cbd5e1;line-height:1.45}
.tile-icon{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:18px;background:rgba(250,204,21,.12);border:1px solid rgba(250,204,21,.22);font-size:27px}
.settings-tile .btn{margin-left:auto;white-space:nowrap}
.fuel-mini{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.fuel-mini strong{padding:8px 10px;border-radius:999px;background:rgba(2,6,23,.35);border:1px solid rgba(148,163,184,.14);color:#fef3c7;font-size:13px}
.vehicle-modal-box{width:min(760px,96vw)}
.modal-headline{padding-right:42px;margin-bottom:18px}
.modal-headline h2{margin:.2rem 0 .35rem;color:#fff;font-size:28px}
.modal-headline p{margin:0;color:#cbd5e1;line-height:1.5}
.vehicle-form{display:grid;gap:18px}
.vehicle-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vehicle-form-grid label{background:rgba(15,23,42,.42);border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:14px;color:#e5e7eb;font-weight:850}
.vehicle-form-grid input,.vehicle-form-grid select{margin-top:8px}
.vehicle-hint{border:1px dashed rgba(250,204,21,.28);background:rgba(250,204,21,.07);color:#fde68a;border-radius:16px;padding:13px 14px;line-height:1.45}
.modal-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:2px}
.settings-list-section{margin-top:22px}
.settings-section-head{gap:18px;align-items:flex-start;padding-bottom:10px}
.settings-section-head .btn-row{display:flex;gap:12px;flex-wrap:wrap}
.settings-section-head h2{margin-bottom:5px}
.list-cards{margin-top:12px}.list-card{padding:18px!important}.template-grid{margin-top:15px}.form-actions{gap:14px!important}
@media(max-width:1100px){.settings-overview-grid{grid-template-columns:1fr}.settings-tile .btn{margin-left:0}}
@media(max-width:720px){.settings-hero-actions{justify-content:flex-start;width:100%}.settings-tile{align-items:flex-start;flex-direction:column}.vehicle-form-grid{grid-template-columns:1fr}.modal-actions{justify-content:stretch;flex-direction:column-reverse}.modal-actions .btn{width:100%}}


/* CampOrga v40 Modale sicher + Reiseverlauf Modale */
body.modal-open{overflow:hidden}
.modal{cursor:default}
.modal::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
}
.modal-box{
    cursor:auto;
}
.modal-close{
    z-index:3;
}
.modal-close::after{
    content:"";
    position:absolute;
    inset:-6px;
}
.modal-subline{
    margin:-4px 0 18px;
    color:#94a3b8;
    line-height:1.45;
}

/* Reiseverlauf obere kleine Tabs/Buttons */
.day-tab,.trip-tab,.timeline-tab,.segment-tab,.day-pill,.route-pill,.modal-tab,
.trip-day-actions button,.day-actions button,.timeline-actions button{
    min-height:38px;
    padding:9px 14px!important;
    border-radius:14px!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:9px!important;
}
.day-tab .badge,.trip-tab .badge,.timeline-tab .badge,.segment-tab .badge,
.day-pill .badge,.route-pill .badge,.modal-tab .badge,
.day-tab .count,.trip-tab .count,.timeline-tab .count,.segment-tab .count,
.pill-count,.tab-count{
    min-width:23px;
    height:23px;
    padding:0 7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:rgba(148,163,184,.23);
    color:#fff;
    font-size:12px;
    font-weight:900;
    flex:0 0 auto;
}

/* Fallback: screenshots show long horizontal tabs */
.day-location-tabs,
.trip-location-tabs,
.timeline-location-tabs,
.day-section-tabs{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(150px,1fr));
    gap:8px!important;
    align-items:stretch;
}
.day-location-tabs button,
.trip-location-tabs button,
.timeline-location-tabs button,
.day-section-tabs button{
    width:100%;
    min-width:0;
    justify-content:space-between!important;
}

/* Modal quality pass for Tagesziel/Nachtplatz/Campingplatz/Stopps/Dateien */
.trip-modal,
.trip-modal-camping,
.trip-modal-stop,
.trip-modal-files,
.trip-modal-night{
    width:min(940px,96vw)!important;
    padding:0!important;
    overflow:hidden;
    border-radius:26px!important;
    border:1px solid rgba(250,204,21,.24)!important;
    background:
        radial-gradient(circle at top left,rgba(250,204,21,.13),transparent 34%),
        linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.95))!important;
}
.trip-modal h2,
.trip-modal-camping h2,
.trip-modal-stop h2,
.trip-modal-files h2,
.trip-modal-night h2{
    margin:0;
    padding:24px 28px 6px;
    color:#fff;
    font-size:26px;
}
.trip-modal .modal-subline,
.trip-modal-camping .modal-subline,
.trip-modal-stop .modal-subline,
.trip-modal-files .modal-subline,
.trip-modal-night .modal-subline{
    padding:0 28px 16px;
    margin:0;
    border-bottom:1px solid rgba(148,163,184,.14);
}
.trip-modal form,
.trip-modal-camping form,
.trip-modal-stop form,
.trip-modal-files form,
.trip-modal-night form{
    padding:22px 28px 28px;
}
.trip-modal label,
.trip-modal-camping label,
.trip-modal-stop label,
.trip-modal-files label,
.trip-modal-night label{
    border-radius:16px;
}
.trip-modal .form-grid,
.trip-modal-camping .form-grid,
.trip-modal-stop .form-grid,
.trip-modal-files .form-grid,
.trip-modal-night .form-grid{
    gap:15px!important;
}
.trip-modal .form-actions,
.trip-modal-camping .form-actions,
.trip-modal-stop .form-actions,
.trip-modal-files .form-actions,
.trip-modal-night .form-actions{
    display:flex;
    justify-content:flex-end;
    gap:14px!important;
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid rgba(148,163,184,.12);
}

/* Camping modal-specific polish */
.trip-modal-camping form{
    display:grid;
    gap:16px;
}
.trip-modal-camping input[type="checkbox"]{
    width:17px!important;
    height:17px!important;
    accent-color:#facc15;
}
.trip-modal-camping .checkbox-grid,
.trip-modal-camping .feature-grid,
.trip-modal-camping .amenity-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:10px;
}
.trip-modal-camping .checkbox-grid label,
.trip-modal-camping .feature-grid label,
.trip-modal-camping .amenity-grid label{
    display:flex;
    align-items:center;
    gap:8px;
    background:rgba(15,23,42,.40);
    border:1px solid rgba(148,163,184,.13);
    padding:10px 12px;
    margin:0;
}

/* Dateien modal */
.trip-modal-files input[type="file"]{
    padding:16px!important;
    border:1px dashed rgba(250,204,21,.35)!important;
    background:rgba(250,204,21,.06)!important;
    border-radius:18px!important;
}
.trip-modal-files .file-list,
.trip-modal-files .upload-list{
    display:grid;
    gap:10px;
}
.trip-modal-files .file-list > *,
.trip-modal-files .upload-list > *{
    border:1px solid rgba(148,163,184,.12);
    border-radius:14px;
    padding:10px 12px;
    background:rgba(15,23,42,.36);
}

@media(max-width:900px){
    .day-location-tabs,
    .trip-location-tabs,
    .timeline-location-tabs,
    .day-section-tabs{
        display:flex!important;
        overflow:auto;
    }
    .day-location-tabs button,
    .trip-location-tabs button,
    .timeline-location-tabs button,
    .day-section-tabs button{
        min-width:155px;
    }
    .trip-modal,
    .trip-modal-camping,
    .trip-modal-stop,
    .trip-modal-files,
    .trip-modal-night{
        width:98vw!important;
    }
    .trip-modal h2,
    .trip-modal-camping h2,
    .trip-modal-stop h2,
    .trip-modal-files h2,
    .trip-modal-night h2{
        padding:20px 18px 6px;
        font-size:22px;
    }
    .trip-modal .modal-subline,
    .trip-modal-camping .modal-subline,
    .trip-modal-stop .modal-subline,
    .trip-modal-files .modal-subline,
    .trip-modal-night .modal-subline{
        padding:0 18px 14px;
    }
    .trip-modal form,
    .trip-modal-camping form,
    .trip-modal-stop form,
    .trip-modal-files form,
    .trip-modal-night form{
        padding:18px;
    }
}


/* CampOrga v41 Campingplatz Modal & Reiseverlauf Begriffe */
.trip-modal-camping{
    width:min(1220px,97vw)!important;
}
.trip-modal-camping h2{
    padding:18px 22px 6px!important;
    font-size:30px!important;
    line-height:1.1;
}
.trip-modal-camping .modal-subline{
    padding:0 22px 12px!important;
}
.trip-modal-camping form{
    padding:16px 22px 20px!important;
}
.trip-modal-camping .modal-close{
    top:20px!important;
    right:22px!important;
}
.trip-modal-camping input,
.trip-modal-camping select,
.trip-modal-camping textarea{
    font-size:15px!important;
    color:#e5e7eb!important;
}
.trip-modal-camping input::placeholder,
.trip-modal-camping textarea::placeholder{
    color:#8793a7!important;
    opacity:1!important;
}
.trip-modal-camping label{
    color:#cbd5e1!important;
    font-weight:850!important;
    letter-spacing:0!important;
}
.trip-modal-camping .form-grid{
    display:grid!important;
    grid-template-columns:130px minmax(140px,1fr) minmax(260px,2.4fr) minmax(170px,1.2fr)!important;
    gap:12px!important;
    align-items:end!important;
}
.trip-modal-camping textarea{
    min-height:74px!important;
}
.trip-modal-camping .checkbox-grid,
.trip-modal-camping .feature-grid,
.trip-modal-camping .amenity-grid,
.trip-modal-camping [class*="feature"],
.trip-modal-camping [class*="amenity"]{
    gap:8px!important;
}
.trip-modal-camping .camping-icon-option{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
    background:rgba(15,23,42,.42)!important;
    border:1px solid rgba(148,163,184,.15)!important;
    min-height:42px!important;
}
.trip-modal-camping .camping-icon-option input[type="checkbox"]{
    order:0;
    margin:0!important;
}
.trip-modal-camping .option-icon{
    order:-1;
    width:24px;
    height:24px;
    display:inline-grid;
    place-items:center;
    border-radius:9px;
    background:rgba(250,204,21,.12);
    border:1px solid rgba(250,204,21,.22);
    flex:0 0 24px;
    font-size:14px;
}
.option-icon-inline{
    margin-right:7px;
    vertical-align:middle;
}

.camping-series-panel{
    margin:0 22px 12px;
    padding:14px;
    border-radius:18px;
    border:1px solid rgba(56,189,248,.22);
    background:linear-gradient(135deg,rgba(8,47,73,.28),rgba(15,23,42,.42));
}
.camping-series-panel .series-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
    margin-bottom:12px;
}
.camping-series-panel strong{
    color:#fff;
    font-size:16px;
}
.camping-series-panel small{
    display:block;
    color:#93c5fd;
    margin-top:3px;
    line-height:1.35;
}
.price-split-grid{
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr 1.45fr;
    gap:10px;
}
.price-split-grid label{
    background:rgba(2,6,23,.28);
    border:1px solid rgba(148,163,184,.13);
    border-radius:14px;
    padding:10px;
}
.price-split-grid input,
.price-split-grid select{
    margin-top:6px;
}
.price-split-grid input[readonly]{
    opacity:.82;
    background:rgba(15,23,42,.60)!important;
}
.trip-modal-camping .form-actions{
    margin-top:12px!important;
    padding-top:14px!important;
}

/* Reiter längere Bezeichnungen */
.day-location-tabs,
.trip-location-tabs,
.timeline-location-tabs,
.day-section-tabs{
    grid-template-columns:repeat(5,minmax(190px,1fr))!important;
}
.day-location-tabs button,
.trip-location-tabs button,
.timeline-location-tabs button,
.day-section-tabs button,
.day-tab,.trip-tab,.timeline-tab,.segment-tab,.day-pill,.route-pill,.modal-tab{
    font-size:14px!important;
    min-height:40px!important;
}

/* Falls alte Optionslabels direkt ohne Grid kommen */
.trip-modal-camping label:has(input[type="checkbox"]){
    display:flex;
    align-items:center;
    gap:8px;
}

@media(max-width:1000px){
    .trip-modal-camping .form-grid,
    .price-split-grid{
        grid-template-columns:1fr 1fr!important;
    }
}
@media(max-width:700px){
    .trip-modal-camping .form-grid,
    .price-split-grid{
        grid-template-columns:1fr!important;
    }
    .camping-series-panel{
        margin:0 16px 12px;
    }
}


/* CampOrga v42 Modale wirklich gesperrt */
.modal.modal-locked,
.modal.show,
.modal.open,
.modal.is-open{
    cursor:default!important;
}
.modal.modal-locked .modal-box,
.modal.show .modal-box,
.modal.open .modal-box,
.modal.is-open .modal-box{
    cursor:auto!important;
}
.modal.modal-locked::after{
    content:"Klick außerhalb schließt nicht";
    position:fixed;
    left:50%;
    bottom:18px;
    transform:translateX(-50%);
    padding:7px 12px;
    border-radius:999px;
    background:rgba(15,23,42,.82);
    border:1px solid rgba(148,163,184,.20);
    color:#94a3b8;
    font-size:12px;
    pointer-events:none;
    opacity:.75;
}


/* CampOrga v43 Aktivitäten + Tageskarte */
.day-location-tabs,
.trip-location-tabs,
.timeline-location-tabs,
.day-section-tabs{
    grid-template-columns:repeat(6,minmax(170px,1fr))!important;
}
.day-location-tabs button,
.trip-location-tabs button,
.timeline-location-tabs button,
.day-section-tabs button,
.day-actions button,
.trip-day-actions button,
.timeline-actions button{
    font-size:13px!important;
    min-height:40px!important;
}
.trip-modal-activity{
    width:min(980px,96vw)!important;
    padding:0!important;
    overflow:hidden;
    border-radius:26px!important;
    border:1px solid rgba(250,204,21,.24)!important;
    background:
        radial-gradient(circle at top left,rgba(250,204,21,.13),transparent 34%),
        linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.95))!important;
}
.trip-modal-activity h2{
    margin:0;
    padding:22px 26px 6px;
    color:#fff;
    font-size:28px;
}
.trip-modal-activity .modal-subline{
    padding:0 26px 16px;
    margin:0;
    border-bottom:1px solid rgba(148,163,184,.14);
}
.trip-modal-activity form{
    padding:20px 26px 24px;
}
.activity-form-grid{
    display:grid;
    grid-template-columns:1.2fr .65fr;
    gap:14px;
}
.activity-form-grid label,
.ticket-upload-grid label{
    background:rgba(15,23,42,.42);
    border:1px solid rgba(148,163,184,.14);
    border-radius:16px;
    padding:13px;
    color:#e5e7eb;
    font-weight:850;
}
.activity-form-grid label:nth-child(3),
.activity-form-grid label:nth-child(4){
    grid-column:auto;
}
.activity-form-grid input,
.ticket-upload-grid input{
    margin-top:8px;
}
.ticket-upload-box{
    margin-top:16px;
    border:1px dashed rgba(250,204,21,.30);
    background:rgba(250,204,21,.06);
    border-radius:18px;
    padding:15px;
}
.ticket-upload-box h3{
    margin:0 0 4px;
    color:#fff;
    font-size:18px;
}
.ticket-upload-box p{
    margin:0 0 12px;
    color:#cbd5e1;
}
.ticket-upload-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
.trip-modal-files textarea,
#fileModal textarea,
.file-modal textarea{
    display:none!important;
}
@media(max-width:1100px){
    .day-location-tabs,
    .trip-location-tabs,
    .timeline-location-tabs,
    .day-section-tabs{
        display:flex!important;
        overflow:auto;
    }
    .day-location-tabs button,
    .trip-location-tabs button,
    .timeline-location-tabs button,
    .day-section-tabs button{
        min-width:165px;
    }
}
@media(max-width:760px){
    .activity-form-grid,
    .ticket-upload-grid{
        grid-template-columns:1fr;
    }
    .trip-modal-activity h2{
        padding:20px 18px 6px;
        font-size:24px;
    }
    .trip-modal-activity .modal-subline{
        padding:0 18px 14px;
    }
    .trip-modal-activity form{
        padding:18px;
    }
}


/* CampOrga v44 Checklisten/Reiseeinstellungen */
.camporga-v44-top-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    justify-content:flex-end;
    margin:10px 0 18px;
}
.checklist-choose-modal{width:min(680px,96vw)!important}
.checklist-choice-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:16px;
}
.trip-checklist-modal{width:min(760px,96vw)!important}
.trip-checklist-items{
    display:grid;
    gap:9px;
    margin:18px 0;
}
.trip-check-row{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    border-radius:15px;
    background:rgba(15,23,42,.42);
    border:1px solid rgba(148,163,184,.14);
    color:#e5e7eb;
    font-weight:850;
}
.trip-check-row input{
    width:18px!important;
    height:18px!important;
    accent-color:#facc15;
}
.trip-checklist-status{
    color:#94a3b8;
    margin:8px 0 14px;
}
.trip-settings-modal{
    width:min(980px,97vw)!important;
    padding:0!important;
    overflow:hidden;
}
.trip-settings-modal h2{
    margin:0;
    padding:24px 28px 6px;
    color:#fff;
}
.trip-settings-modal .modal-subline{
    padding:0 28px 16px;
    margin:0;
    border-bottom:1px solid rgba(148,163,184,.14);
}
.settings-modal-tabs{
    display:flex;
    gap:8px;
    padding:14px 28px 0;
}
.settings-modal-tabs button{
    border:1px solid rgba(148,163,184,.16);
    background:rgba(15,23,42,.45);
    color:#cbd5e1;
    border-radius:999px;
    padding:10px 14px;
    font-weight:900;
    cursor:pointer;
}
.settings-modal-tabs button.active{
    background:linear-gradient(135deg,rgba(250,204,21,.24),rgba(56,189,248,.10));
    border-color:rgba(250,204,21,.42);
    color:#fff;
}
.settings-modal-panel{
    display:none;
    padding:18px 28px 28px;
}
.settings-modal-panel.active{display:block}
.trip-settings-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.trip-settings-grid label{
    background:rgba(15,23,42,.42);
    border:1px solid rgba(148,163,184,.14);
    border-radius:16px;
    padding:13px;
    color:#e5e7eb;
    font-weight:850;
}
.trip-settings-grid input,
.trip-settings-grid select{
    margin-top:8px;
}
.fuel-api-info{
    border:1px dashed rgba(250,204,21,.28);
    background:rgba(250,204,21,.06);
    color:#fde68a;
    border-radius:16px;
    padding:14px;
    margin-bottom:14px;
    line-height:1.45;
}
.fuel-api-info p{color:#cbd5e1;margin:.35rem 0 .8rem}
@media(max-width:760px){
    .checklist-choice-grid,
    .trip-settings-grid{grid-template-columns:1fr}
    .camporga-v44-top-actions{justify-content:flex-start}
    .settings-modal-tabs{overflow:auto;padding-left:18px;padding-right:18px}
    .settings-modal-panel{padding:18px}
}


/* CampOrga v45 Trip Fix: kompakte Checklisten, Labels, Aktivität */
.trip-top-actions,
.camporga-v45-top-actions,
.camporga-v44-top-actions{
    display:flex!important;
    gap:12px!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
    margin:10px 0 16px!important;
}
.trip-checklist-compact,
.trip-checklist-modal{
    width:min(620px,96vw)!important;
}
.trip-checklist-compact h2,
.trip-checklist-modal h2{
    font-size:24px!important;
    margin-bottom:4px!important;
}
.trip-checklist-items{
    gap:4px!important;
    margin:10px 0!important;
}
.trip-check-row{
    min-height:34px!important;
    padding:7px 10px!important;
    border-radius:10px!important;
    font-size:13px!important;
    line-height:1.2!important;
}
.trip-check-row input{
    width:15px!important;
    height:15px!important;
}
.trip-checklist-status{
    font-size:12px!important;
    margin:6px 0 8px!important;
}
.trip-checklist-modal .form-actions{
    margin-top:8px!important;
    padding-top:10px!important;
}
.day-location-tabs,
.trip-location-tabs,
.timeline-location-tabs,
.day-section-tabs{
    grid-template-columns:repeat(6,minmax(158px,1fr))!important;
}
.day-location-tabs button,
.trip-location-tabs button,
.timeline-location-tabs button,
.day-section-tabs button,
.day-actions button,
.trip-day-actions button,
.timeline-actions button{
    white-space:nowrap!important;
    min-height:38px!important;
    font-size:12.5px!important;
}
.camporga-v45-activity-choice{
    cursor:pointer;
}
.trip-modal-activity{
    width:min(980px,96vw)!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:26px!important;
    border:1px solid rgba(250,204,21,.24)!important;
    background:radial-gradient(circle at top left,rgba(250,204,21,.13),transparent 34%),linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.95))!important;
}
.trip-modal-activity h2{
    margin:0!important;
    padding:22px 26px 6px!important;
    color:#fff!important;
    font-size:28px!important;
}
.trip-modal-activity .modal-subline{
    padding:0 26px 16px!important;
    margin:0!important;
    border-bottom:1px solid rgba(148,163,184,.14)!important;
}
.trip-modal-activity form{
    padding:20px 26px 24px!important;
}
.activity-form-grid{
    display:grid!important;
    grid-template-columns:1.2fr .65fr!important;
    gap:14px!important;
}
.activity-form-grid label,
.ticket-upload-grid label{
    background:rgba(15,23,42,.42)!important;
    border:1px solid rgba(148,163,184,.14)!important;
    border-radius:16px!important;
    padding:13px!important;
    color:#e5e7eb!important;
    font-weight:850!important;
}
.ticket-upload-box{
    margin-top:16px!important;
    border:1px dashed rgba(250,204,21,.30)!important;
    background:rgba(250,204,21,.06)!important;
    border-radius:18px!important;
    padding:15px!important;
}
.ticket-upload-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
}
.trip-modal-files textarea,
#fileModal textarea,
.file-modal textarea{
    display:none!important;
}
@media(max-width:900px){
    .trip-top-actions,
    .camporga-v45-top-actions,
    .camporga-v44-top-actions{
        justify-content:flex-start!important;
    }
    .day-location-tabs,
    .trip-location-tabs,
    .timeline-location-tabs,
    .day-section-tabs{
        display:flex!important;
        overflow:auto!important;
    }
    .day-location-tabs button,
    .trip-location-tabs button,
    .timeline-location-tabs button,
    .day-section-tabs button{
        min-width:160px!important;
    }
    .activity-form-grid,
    .ticket-upload-grid{
        grid-template-columns:1fr!important;
    }
}


/* CampOrga v46 final Tageskarten/Activity Fix */
.camporga-day-tab-fixed{
    background:rgba(15,23,42,.78)!important;
    color:#fff!important;
    border:1px solid rgba(250,204,21,.42)!important;
    border-radius:12px!important;
    min-height:38px!important;
    padding:8px 12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.camporga-day-tab-fixed .badge,
.camporga-day-tab-fixed .count,
.camporga-day-tab-fixed .pill-count,
.camporga-day-tab-fixed .tab-count{
    margin-left:auto!important;
    flex:0 0 auto!important;
}
.camporga-activity-tab{
    border-color:rgba(236,72,153,.45)!important;
}
.day-location-tabs,
.trip-location-tabs,
.timeline-location-tabs,
.day-section-tabs{
    grid-template-columns:repeat(6,minmax(155px,1fr))!important;
    gap:8px!important;
}
.trip-checklist-modal .trip-checklist-items,
#tripChecklistModal .trip-checklist-items{
    gap:3px!important;
}
.trip-checklist-modal .trip-check-row,
#tripChecklistModal .trip-check-row{
    padding:6px 9px!important;
    min-height:30px!important;
    font-size:12.5px!important;
    border-radius:9px!important;
}
.trip-checklist-modal .modal-subline,
#tripChecklistModal .modal-subline{
    margin-bottom:8px!important;
}
.camporga-v46-add-activity{
    border-color:rgba(236,72,153,.35)!important;
}
@media(max-width:1100px){
    .day-location-tabs,
    .trip-location-tabs,
    .timeline-location-tabs,
    .day-section-tabs{
        display:flex!important;
        overflow:auto!important;
    }
    .camporga-day-tab-fixed{
        min-width:155px!important;
    }
}


/* CampOrga v47 clean day tabs/activity modal */
.day-location-tabs,
.trip-location-tabs,
.timeline-location-tabs,
.day-section-tabs,
.day-actions,
.trip-day-actions,
.timeline-actions{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
}
.camporga-v47-day-tab{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:38px!important;
    padding:8px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    border-radius:12px!important;
    background:rgba(15,23,42,.76)!important;
    border:1px solid rgba(250,204,21,.42)!important;
    color:#fff!important;
    overflow:hidden!important;
}
.camporga-v47-day-tab .tab-label-text{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.camporga-v47-day-tab .badge,
.camporga-v47-day-tab .count,
.camporga-v47-day-tab .pill-count,
.camporga-v47-day-tab .tab-count{
    flex:0 0 auto!important;
    margin-left:auto!important;
}
.camporga-v47-activity-tab,
.camporga-v47-add-activity{
    border-color:rgba(236,72,153,.45)!important;
}
#activityModal .camporga-v47-add-activity,
#activityModal .camporga-v46-add-activity,
#activityModal .camporga-v45-activity-choice,
#activityModal .camporga-v43-activity-choice{
    display:none!important;
}
.trip-modal-activity .form-actions{
    margin-top:16px!important;
    padding-top:18px!important;
    border-top:1px solid rgba(148,163,184,.14)!important;
}
@media(max-width:1200px){
    .day-location-tabs,
    .trip-location-tabs,
    .timeline-location-tabs,
    .day-section-tabs,
    .day-actions,
    .trip-day-actions,
    .timeline-actions{
        display:flex!important;
        overflow:auto!important;
    }
    .camporga-v47-day-tab{
        min-width:160px!important;
        flex:0 0 160px!important;
    }
}


/* CampOrga v48 HARD FIX */
.day-location-tabs,
.trip-location-tabs,
.timeline-location-tabs,
.day-section-tabs,
.day-actions,
.trip-day-actions,
.timeline-actions{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
}
.camporga-v48-day-tab{
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    padding:8px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    border-radius:12px!important;
    background:rgba(15,23,42,.76)!important;
    border:1px solid rgba(250,204,21,.42)!important;
    color:#fff!important;
    overflow:hidden!important;
}
.camporga-v48-day-tab .tab-label-text{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.camporga-v48-day-tab .badge,
.camporga-v48-day-tab .count,
.camporga-v48-day-tab .pill-count,
.camporga-v48-day-tab .tab-count{
    flex:0 0 auto!important;
    margin-left:auto!important;
}
.camporga-v48-activity-tab,
.camporga-v48-add-activity{
    border-color:rgba(236,72,153,.45)!important;
}
#activityModal .camporga-v43-activity-choice,
#activityModal .camporga-v45-activity-choice,
#activityModal .camporga-v46-add-activity,
#activityModal .camporga-v47-add-activity,
#activityModal .camporga-v48-add-activity{
    display:none!important;
}
@media(max-width:1200px){
    .day-location-tabs,
    .trip-location-tabs,
    .timeline-location-tabs,
    .day-section-tabs,
    .day-actions,
    .trip-day-actions,
    .timeline-actions{
        display:flex!important;
        overflow:auto!important;
    }
    .camporga-v48-day-tab{
        min-width:158px!important;
        flex:0 0 158px!important;
    }
}


/* CampOrga v49 Trip repair */
.camporga-v49-top-actions{
    display:flex!important;
    gap:12px!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
    margin:12px 0 18px!important;
}
.hero-actions{
    display:flex!important;
    gap:10px!important;
    flex-wrap:wrap!important;
}
.parking-buttons.co-mini-actions{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:8px!important;
}
.parking-buttons.co-mini-actions .parking-open{
    min-width:0!important;
    width:100%!important;
}
.parking-open span{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.checklist-choose-modal,
.trip-checklist-modal,
.trip-settings-modal,
.trip-modal-activity{
    margin:auto!important;
}
.trip-checklist-modal{
    width:min(560px,96vw)!important;
    padding:16px!important;
}
.trip-checklist-items{
    display:grid!important;
    gap:4px!important;
    margin:10px 0!important;
}
.trip-check-row{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:30px!important;
    padding:6px 9px!important;
    border-radius:9px!important;
    background:rgba(15,23,42,.42)!important;
    border:1px solid rgba(148,163,184,.14)!important;
    color:#e5e7eb!important;
    font-size:12.5px!important;
    line-height:1.2!important;
}
.trip-check-row input{
    width:15px!important;
    height:15px!important;
    flex:0 0 auto!important;
    accent-color:#facc15;
}
.trip-checklist-status{
    font-size:12px!important;
    color:#94a3b8!important;
    margin:6px 0!important;
}
.checklist-choice-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
}
.trip-settings-modal{
    width:min(980px,97vw)!important;
}
.settings-modal-tabs{
    display:flex!important;
    gap:8px!important;
    padding:12px 0!important;
    overflow:auto;
}
.settings-modal-tabs button{
    border:1px solid rgba(148,163,184,.16)!important;
    background:rgba(15,23,42,.45)!important;
    color:#cbd5e1!important;
    border-radius:999px!important;
    padding:9px 13px!important;
    font-weight:900!important;
}
.settings-modal-tabs button.active{
    background:linear-gradient(135deg,rgba(250,204,21,.24),rgba(56,189,248,.10))!important;
    border-color:rgba(250,204,21,.42)!important;
    color:#fff!important;
}
.settings-modal-panel{display:none!important}
.settings-modal-panel.active{display:block!important}
.trip-settings-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
}
.trip-settings-grid label,
.activity-form-grid label,
.ticket-upload-grid label{
    background:rgba(15,23,42,.42)!important;
    border:1px solid rgba(148,163,184,.14)!important;
    border-radius:14px!important;
    padding:12px!important;
    color:#e5e7eb!important;
    font-weight:850!important;
}
.fuel-api-info,
.ticket-upload-box{
    border:1px dashed rgba(250,204,21,.28)!important;
    background:rgba(250,204,21,.06)!important;
    color:#fde68a!important;
    border-radius:16px!important;
    padding:13px!important;
    margin:12px 0!important;
}
.activity-form-grid,
.ticket-upload-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
}
@media(max-width:1100px){
    .parking-buttons.co-mini-actions{
        display:flex!important;
        overflow:auto!important;
    }
    .parking-buttons.co-mini-actions .parking-open{
        flex:0 0 158px!important;
    }
}
@media(max-width:760px){
    .checklist-choice-grid,
    .trip-settings-grid,
    .activity-form-grid,
    .ticket-upload-grid{
        grid-template-columns:1fr!important;
    }
    .camporga-v49-top-actions{
        justify-content:flex-start!important;
    }
}


/* CampOrga v50: doppelte Reise-Aktionsleiste entfernt */
.trip-top-actions.camporga-v49-top-actions,
.trip-top-actions.camporga-v45-top-actions,
.trip-top-actions.camporga-v44-top-actions{
    display:none!important;
}
.hero-actions{
    display:flex!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    align-items:center!important;
}
.hero-actions .btn{
    white-space:nowrap;
}


/* CampOrga v53 Checklisten Modal Fix */
#tripChecklistModal{
    align-items:center!important;
    justify-content:center!important;
}
#tripChecklistModal .modalbox,
.trip-checklist-modal,
.compact-checklist-box{
    width:min(520px,94vw)!important;
    max-height:86vh!important;
    margin:auto!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:24px!important;
    border:1px solid rgba(250,204,21,.24)!important;
    background:
        radial-gradient(circle at top left,rgba(250,204,21,.12),transparent 34%),
        linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.94))!important;
    box-shadow:0 30px 90px rgba(0,0,0,.42)!important;
}
#tripChecklistModal .modalhead{
    padding:18px 20px 12px!important;
    border-bottom:1px solid rgba(148,163,184,.13)!important;
}
#tripChecklistModal .modalhead small{
    color:#facc15!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    font-size:11px!important;
}
#tripChecklistModal .modalhead h2{
    margin:3px 0 0!important;
    font-size:24px!important;
    line-height:1.15!important;
    color:#fff!important;
}
#tripChecklistModal .modalclose,
#tripChecklistModal .modal-close{
    width:38px!important;
    height:38px!important;
    border-radius:13px!important;
    display:grid!important;
    place-items:center!important;
    cursor:pointer!important;
}
#tripChecklistItems,
.trip-checklist-items,
.checklist-items-compact{
    display:grid!important;
    gap:5px!important;
    margin:0!important;
    padding:14px 18px 8px!important;
    max-height:52vh!important;
    overflow:auto!important;
}
.trip-check-row{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-height:32px!important;
    padding:7px 10px!important;
    border-radius:11px!important;
    background:rgba(2,6,23,.28)!important;
    border:1px solid rgba(148,163,184,.13)!important;
    color:#e5e7eb!important;
    font-size:13px!important;
    line-height:1.22!important;
    font-weight:800!important;
}
.trip-check-row:hover{
    background:rgba(15,23,42,.58)!important;
    border-color:rgba(250,204,21,.24)!important;
}
.trip-check-row input{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    accent-color:#facc15!important;
}
.trip-check-row span{
    min-width:0!important;
}
.trip-checklist-status{
    margin:0!important;
    padding:6px 18px 10px!important;
    font-size:12px!important;
    color:#94a3b8!important;
}
#tripChecklistModal .modal-actions-bottom{
    display:flex!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:12px 18px 18px!important;
    border-top:1px solid rgba(148,163,184,.12)!important;
}
#tripChecklistModal .modal-actions-bottom .btn{
    min-height:38px!important;
    padding:9px 14px!important;
}
@media(max-width:620px){
    #tripChecklistModal .modal-actions-bottom{
        flex-direction:column-reverse!important;
    }
    #tripChecklistModal .modal-actions-bottom .btn{
        width:100%!important;
    }
}


/* CampOrga v54 Global Modal Controller CSS */
body.modal-open{
    overflow:hidden!important;
}
.modal{
    position:fixed!important;
    inset:0!important;
    z-index:9999!important;
    display:none;
    align-items:center!important;
    justify-content:center!important;
    padding:22px!important;
    background:rgba(2,6,23,.72)!important;
    backdrop-filter:blur(10px);
}
.modal.open,
.modal.show,
.modal.is-open{
    display:flex!important;
}
.modalbox,
.modal-box{
    position:relative!important;
    max-height:90vh!important;
    overflow:auto!important;
    outline:none!important;
}
.modalclose,
.modal-close{
    cursor:pointer!important;
    user-select:none!important;
}
.modal [data-close-modal],
.modal [data-modal-close]{
    cursor:pointer!important;
}
.modal::after{
    content:"Klick außerhalb schließt nicht";
    position:fixed;
    left:50%;
    bottom:16px;
    transform:translateX(-50%);
    padding:6px 11px;
    border-radius:999px;
    background:rgba(15,23,42,.84);
    border:1px solid rgba(148,163,184,.20);
    color:#94a3b8;
    font-size:11px;
    pointer-events:none;
    opacity:.72;
}
#tripChecklistModal .modalbox,
#checklistChooseModal .modalbox,
#tripSettingsModal .modalbox,
#activityModal .modalbox,
#activityModal .modal-box{
    margin:auto!important;
}
@media(max-width:700px){
    .modal{
        padding:12px!important;
        align-items:flex-start!important;
    }
    .modalbox,
    .modal-box{
        width:100%!important;
        max-height:94vh!important;
    }
}


/* CampOrga v55 Feinschliff Trip */
.day-card,
.trip-day,
.timeline-day,
.day-block,
.route-day{
    margin-bottom:18px!important;
}
.day-card + .day-card,
.trip-day + .trip-day,
.timeline-day + .timeline-day,
.day-block + .day-block,
.route-day + .route-day{
    margin-top:14px!important;
}

.stat span:first-child{
    pointer-events:none;
}
.camp-v55-date-series-panel{
    margin:14px 0!important;
    padding:14px!important;
    border-radius:18px!important;
    border:1px solid rgba(56,189,248,.22)!important;
    background:linear-gradient(135deg,rgba(8,47,73,.22),rgba(15,23,42,.42))!important;
}
.camp-v55-date-series-panel h3{
    margin:0 0 10px!important;
    color:#fff!important;
    font-size:17px!important;
}
.camp-v55-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
}
.camp-v55-grid label,
.camp-v55-series-days{
    background:rgba(2,6,23,.25)!important;
    border:1px solid rgba(148,163,184,.13)!important;
    border-radius:14px!important;
    padding:10px!important;
    color:#e5e7eb!important;
    font-weight:850!important;
}
.camp-v55-grid input,
.camp-v55-grid select{
    margin-top:6px!important;
}
.camp-v55-series-days{
    margin-top:10px!important;
}
.camp-v55-series-days .copy-days{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
    gap:8px!important;
    margin-top:8px!important;
}
.camp-v55-series-days .copy-days label{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    background:rgba(15,23,42,.42)!important;
    border:1px solid rgba(148,163,184,.13)!important;
    border-radius:12px!important;
    padding:8px!important;
}
.js-camp-price-info{
    display:block!important;
    color:#93c5fd!important;
    margin-top:8px!important;
}
.trip-settings-modal{
    width:min(980px,97vw)!important;
}
.settings-modal-tabs{
    display:flex!important;
    gap:8px!important;
    padding:12px 0!important;
    overflow:auto!important;
}
.settings-modal-tabs button{
    border:1px solid rgba(148,163,184,.16)!important;
    background:rgba(15,23,42,.45)!important;
    color:#cbd5e1!important;
    border-radius:999px!important;
    padding:9px 13px!important;
    font-weight:900!important;
}
.settings-modal-tabs button.active{
    background:linear-gradient(135deg,rgba(250,204,21,.24),rgba(56,189,248,.10))!important;
    border-color:rgba(250,204,21,.42)!important;
    color:#fff!important;
}
.settings-modal-panel{display:none!important}
.settings-modal-panel.active{display:block!important}
.trip-settings-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
}
.trip-settings-grid label{
    background:rgba(15,23,42,.42)!important;
    border:1px solid rgba(148,163,184,.14)!important;
    border-radius:14px!important;
    padding:12px!important;
    color:#e5e7eb!important;
    font-weight:850!important;
}
.fuel-api-info{
    border:1px dashed rgba(250,204,21,.28)!important;
    background:rgba(250,204,21,.06)!important;
    color:#fde68a!important;
    border-radius:16px!important;
    padding:13px!important;
    margin:12px 0!important;
}
@media(max-width:760px){
    .camp-v55-grid,
    .trip-settings-grid{
        grid-template-columns:1fr!important;
    }
}


/* CampOrga v56 Modal + Checklisten + Camping Icons */
body.modal-open{
    overflow:hidden!important;
}
.modal{
    position:fixed!important;
    inset:0!important;
    z-index:9999!important;
    display:none;
    align-items:center!important;
    justify-content:center!important;
    padding:22px!important;
    background:rgba(2,6,23,.72)!important;
    backdrop-filter:blur(10px);
}
.modal.open,
.modal.show,
.modal.is-open{
    display:flex!important;
}
.modalbox,
.modal-box{
    position:relative!important;
    max-height:90vh!important;
    overflow:auto!important;
    outline:none!important;
}
.modalclose,
.modal-close,
.modal [data-close-modal],
.modal [data-modal-close]{
    cursor:pointer!important;
}
.modal::after{
    content:"Klick außerhalb schließt nicht";
    position:fixed;
    left:50%;
    bottom:16px;
    transform:translateX(-50%);
    padding:6px 11px;
    border-radius:999px;
    background:rgba(15,23,42,.84);
    border:1px solid rgba(148,163,184,.20);
    color:#94a3b8;
    font-size:11px;
    pointer-events:none;
    opacity:.72;
}

/* Checklisten Auswahl */
#checklistChooseModal{
    align-items:center!important;
    justify-content:center!important;
}
.checklist-choose-modal,
.checklist-choose-polished{
    width:min(620px,94vw)!important;
    margin:auto!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:24px!important;
    border:1px solid rgba(250,204,21,.24)!important;
    background:
        radial-gradient(circle at top left,rgba(250,204,21,.13),transparent 34%),
        linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.94))!important;
    box-shadow:0 30px 90px rgba(0,0,0,.42)!important;
}
#checklistChooseModal .modalhead{
    padding:18px 20px 12px!important;
    border-bottom:1px solid rgba(148,163,184,.13)!important;
}
#checklistChooseModal .modalhead small{
    color:#facc15!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    font-size:11px!important;
}
#checklistChooseModal .modalhead h2{
    margin:3px 0 0!important;
    font-size:24px!important;
    color:#fff!important;
}
.checklist-choice-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    padding:16px 18px 18px!important;
}
.checklist-choice-grid .choice-card{
    text-align:left!important;
    border:1px solid rgba(148,163,184,.15)!important;
    background:rgba(15,23,42,.48)!important;
    border-radius:18px!important;
    padding:15px!important;
    color:#e5e7eb!important;
    min-height:88px!important;
}
.checklist-choice-grid .choice-card b{
    display:block!important;
    color:#fff!important;
    font-size:17px!important;
    margin-bottom:5px!important;
}
.checklist-choice-grid .choice-card small{
    display:block!important;
    color:#94a3b8!important;
    line-height:1.35!important;
}

/* Checkliste abhaken */
#tripChecklistModal{
    align-items:center!important;
    justify-content:center!important;
}
.trip-checklist-modal,
.compact-checklist-box,
.checklist-run-polished{
    width:min(520px,94vw)!important;
    max-height:86vh!important;
    margin:auto!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:24px!important;
    border:1px solid rgba(250,204,21,.24)!important;
    background:
        radial-gradient(circle at top left,rgba(250,204,21,.12),transparent 34%),
        linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.94))!important;
    box-shadow:0 30px 90px rgba(0,0,0,.42)!important;
}
#tripChecklistModal .modalhead{
    padding:18px 20px 12px!important;
    border-bottom:1px solid rgba(148,163,184,.13)!important;
}
#tripChecklistModal .modalhead small{
    color:#facc15!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    font-size:11px!important;
}
#tripChecklistModal .modalhead h2{
    margin:3px 0 0!important;
    font-size:24px!important;
    line-height:1.15!important;
    color:#fff!important;
}
#tripChecklistItems,
.trip-checklist-items{
    display:grid!important;
    gap:5px!important;
    margin:0!important;
    padding:14px 18px 8px!important;
    max-height:52vh!important;
    overflow:auto!important;
}
.trip-check-row{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-height:32px!important;
    padding:7px 10px!important;
    border-radius:11px!important;
    background:rgba(2,6,23,.28)!important;
    border:1px solid rgba(148,163,184,.13)!important;
    color:#e5e7eb!important;
    font-size:13px!important;
    line-height:1.22!important;
    font-weight:800!important;
}
.trip-check-row:hover{
    background:rgba(15,23,42,.58)!important;
    border-color:rgba(250,204,21,.24)!important;
}
.trip-check-row input{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    accent-color:#facc15!important;
}
.trip-checklist-status{
    margin:0!important;
    padding:6px 18px 10px!important;
    font-size:12px!important;
    color:#94a3b8!important;
}
#tripChecklistModal .modal-actions-bottom{
    display:flex!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:12px 18px 18px!important;
    border-top:1px solid rgba(148,163,184,.12)!important;
}
#tripChecklistModal .modal-actions-bottom .btn{
    min-height:38px!important;
    padding:9px 14px!important;
}

/* Camping Optionen Icons */
.camp-option-with-icon{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}
.camp-option-icon{
    width:24px!important;
    height:24px!important;
    display:inline-grid!important;
    place-items:center!important;
    flex:0 0 24px!important;
    border-radius:9px!important;
    background:rgba(250,204,21,.12)!important;
    border:1px solid rgba(250,204,21,.22)!important;
    font-size:14px!important;
}

@media(max-width:620px){
    .checklist-choice-grid{
        grid-template-columns:1fr!important;
    }
    #tripChecklistModal .modal-actions-bottom{
        flex-direction:column-reverse!important;
    }
    #tripChecklistModal .modal-actions-bottom .btn{
        width:100%!important;
    }
}


/* CampOrga v57 Targeted Fixes */
.modal.open,
.modal.show,
.modal.is-open{display:flex!important}
.modal [data-close-modal],
.modal [data-modal-close],
.modal .modalclose,
.modal .modal-close{cursor:pointer!important;pointer-events:auto!important}

/* Checklisten Auswahl */
#checklistChooseModal .v57-checklist-choose,
#checklistChooseModal .checklist-choose-modal{
    width:min(620px,94vw)!important;
    border-radius:26px!important;
    overflow:hidden!important;
    padding:0!important;
    background:radial-gradient(circle at 0 0,rgba(250,204,21,.14),transparent 38%),linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.96))!important;
    border:1px solid rgba(250,204,21,.26)!important;
}
#checklistChooseModal .modalhead,
#tripChecklistModal .modalhead{
    padding:18px 20px 12px!important;
    border-bottom:1px solid rgba(148,163,184,.14)!important;
}
#checklistChooseModal .modalhead small,
#tripChecklistModal .modalhead small{
    color:#facc15!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    font-size:11px!important;
}
#checklistChooseModal .modalhead h2,
#tripChecklistModal .modalhead h2{
    color:#fff!important;
    font-size:24px!important;
    margin:3px 0 0!important;
}
#checklistChooseModal .checklist-choice-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    padding:16px 18px 18px!important;
}
#checklistChooseModal .choice-card{
    min-height:92px!important;
    text-align:left!important;
    border-radius:18px!important;
    padding:15px!important;
    background:rgba(15,23,42,.52)!important;
    border:1px solid rgba(148,163,184,.16)!important;
    color:#e5e7eb!important;
}
#checklistChooseModal .choice-card b{display:block!important;color:#fff!important;font-size:17px!important;margin-bottom:5px!important}
#checklistChooseModal .choice-card small{color:#94a3b8!important;line-height:1.35!important}

/* Checkliste abhaken */
#tripChecklistModal .v57-checklist-run,
#tripChecklistModal .trip-checklist-modal{
    width:min(540px,94vw)!important;
    max-height:86vh!important;
    border-radius:26px!important;
    overflow:hidden!important;
    padding:0!important;
    background:radial-gradient(circle at 0 0,rgba(250,204,21,.13),transparent 38%),linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.96))!important;
    border:1px solid rgba(250,204,21,.26)!important;
}
#tripChecklistItems{
    display:grid!important;
    gap:5px!important;
    padding:14px 18px 8px!important;
    max-height:52vh!important;
    overflow:auto!important;
}
.trip-check-row{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:7px 10px!important;
    min-height:32px!important;
    border-radius:11px!important;
    background:rgba(2,6,23,.30)!important;
    border:1px solid rgba(148,163,184,.13)!important;
    color:#e5e7eb!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.22!important;
}
.trip-check-row input{width:16px!important;height:16px!important;flex:0 0 16px!important;accent-color:#facc15!important}
.trip-checklist-status{padding:6px 18px 10px!important;color:#94a3b8!important;font-size:12px!important}
#tripChecklistModal .modal-actions-bottom{
    display:flex!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:12px 18px 18px!important;
    border-top:1px solid rgba(148,163,184,.13)!important;
}

/* Admin Settings */
.admin-settings-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
}
.admin-settings-grid label{
    background:rgba(15,23,42,.42)!important;
    border:1px solid rgba(148,163,184,.14)!important;
    border-radius:14px!important;
    padding:12px!important;
    color:#e5e7eb!important;
    font-weight:850!important;
}
@media(max-width:700px){
    #checklistChooseModal .checklist-choice-grid,
    .admin-settings-grid{grid-template-columns:1fr!important}
    #tripChecklistModal .modal-actions-bottom{flex-direction:column-reverse!important}
}

/* =========================================================
   CAMPORGA v65 PREMIUM MODAL SKIN
   Neon Royalblue / Gold / Glass / Glow
   Ziel: EIN finaler Modal-Skin, der alte Modal-CSS-Regeln sauber überstimmt.
   ========================================================= */

/* -----------------------------
   0) Modal Token, nur im Modal
   ----------------------------- */
.modal{
    --cm-bg: #050914;
    --cm-bg2: #081329;
    --cm-panel: rgba(10, 20, 44, .92);
    --cm-panel2: rgba(8, 15, 34, .96);
    --cm-line: rgba(137, 188, 255, .18);
    --cm-line-strong: rgba(242, 193, 74, .48);
    --cm-gold: #f2c14e;
    --cm-gold2: #ffd978;
    --cm-blue: #62b8ff;
    --cm-cyan: #40e0ff;
    --cm-text: #f8fbff;
    --cm-muted: #aab8cf;
    --cm-soft: rgba(255,255,255,.075);
    --cm-input: rgba(0,0,0,.34);
    --cm-danger: #ef4444;
    --cm-radius: 22px;
    --cm-radius2: 14px;
    --cm-shadow:
        0 0 0 1px rgba(98,184,255,.12),
        0 28px 90px rgba(0,0,0,.78),
        0 0 52px rgba(98,184,255,.13),
        0 0 44px rgba(242,193,78,.10);
    box-sizing:border-box!important;
}
.modal *,
.modal *::before,
.modal *::after{
    box-sizing:border-box!important;
}

/* -----------------------------
   1) Overlay
   ----------------------------- */
html:has(.modal.open),
html:has(.modal.show),
html:has(.modal.is-open),
body.modal-open{
    overflow:hidden!important;
}
.modal{
    position:fixed!important;
    inset:0!important;
    z-index:99999!important;
    display:none;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
    background:
        radial-gradient(circle at 18% 12%, rgba(98,184,255,.20), transparent 34%),
        radial-gradient(circle at 82% 20%, rgba(242,193,78,.17), transparent 30%),
        radial-gradient(circle at 50% 100%, rgba(64,224,255,.10), transparent 34%),
        rgba(2,6,15,.88)!important;
    backdrop-filter:blur(14px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(135%)!important;
}
.modal.open,
.modal.show,
.modal.is-open{
    display:flex!important;
}
.modal.closing,
.modal[aria-hidden="true"]{
    display:none!important;
}

/* -----------------------------
   2) Modalbox, endgültiger Container
   ----------------------------- */
.modal .modalbox,
.modal .slimmodal,
.modal .locationbox,
.modal .v20-locationbox,
.modal .daymodal,
.modal .actionbox,
.modal .filebox,
.modal .trip-settings-modal,
.modal .trip-modal-activity,
.modal .compact-checklist-box,
.modal .checklist-choose-modal{
    position:relative!important;
    width:min(920px, 100%)!important;
    max-width:min(920px, calc(100vw - 28px))!important;
    height:auto!important;
    max-height:min(88vh, 880px)!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:0!important;
    margin:auto!important;
    border-radius:var(--cm-radius)!important;
    border:1px solid var(--cm-line)!important;
    background:
        linear-gradient(145deg, rgba(17, 33, 68, .96), rgba(5, 10, 24, .98))!important;
    box-shadow:var(--cm-shadow)!important;
    isolation:isolate!important;
}
.modal .modalbox::before,
.modal .slimmodal::before,
.modal .locationbox::before,
.modal .v20-locationbox::before,
.modal .daymodal::before,
.modal .actionbox::before,
.modal .filebox::before,
.modal .trip-settings-modal::before,
.modal .trip-modal-activity::before,
.modal .compact-checklist-box::before,
.modal .checklist-choose-modal::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
        linear-gradient(90deg, transparent, rgba(242,193,78,.85), rgba(98,184,255,.75), transparent) top/100% 2px no-repeat,
        radial-gradient(circle at 12% 0%, rgba(242,193,78,.18), transparent 34%),
        radial-gradient(circle at 88% 0%, rgba(98,184,255,.16), transparent 34%)!important;
    z-index:0!important;
}
.modal .modalbox > *,
.modal .slimmodal > *,
.modal .locationbox > *,
.modal .v20-locationbox > *,
.modal .daymodal > *,
.modal .actionbox > *,
.modal .filebox > *,
.modal .trip-settings-modal > *,
.modal .trip-modal-activity > *,
.modal .compact-checklist-box > *,
.modal .checklist-choose-modal > *{
    position:relative!important;
    z-index:1!important;
}

/* kleinere Spezialmodale */
.modal .actionbox,
.modal .filebox,
.modal .checklist-choose-modal,
.modal .compact-checklist-box{
    width:min(660px, 100%)!important;
    max-width:min(660px, calc(100vw - 28px))!important;
}
.modal .trip-settings-modal{
    width:min(1000px, 100%)!important;
    max-width:min(1000px, calc(100vw - 28px))!important;
}

/* -----------------------------
   3) Sticky Header
   ----------------------------- */
.modal .modalhead{
    flex:0 0 auto!important;
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:18px!important;
    min-height:74px!important;
    margin:0!important;
    padding:18px 22px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    background:
        linear-gradient(180deg, rgba(8,17,38,.98), rgba(8,17,38,.88))!important;
    box-shadow:
        0 12px 28px rgba(0,0,0,.34),
        inset 0 -1px 0 rgba(242,193,78,.12)!important;
}
.modal .modalhead > div{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
}
.modal .modalhead small{
    display:block!important;
    margin:0!important;
    color:var(--cm-gold2)!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
    font-weight:950!important;
    text-shadow:0 0 18px rgba(242,193,78,.28)!important;
}
.modal .modalhead h2{
    margin:0!important;
    color:var(--cm-text)!important;
    font-size:clamp(19px, 2.4vw, 27px)!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.03em!important;
    text-shadow:0 0 28px rgba(98,184,255,.18)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.modal .modalclose,
.modal .modal-close{
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.12), transparent 65%),
        rgba(0,0,0,.28)!important;
    color:#fff!important;
    font-size:22px!important;
    font-weight:850!important;
    line-height:1!important;
    cursor:pointer!important;
    box-shadow:0 0 20px rgba(98,184,255,.10)!important;
    transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease!important;
}
.modal .modalclose:hover,
.modal .modal-close:hover{
    color:var(--cm-gold2)!important;
    border-color:rgba(242,193,78,.58)!important;
    box-shadow:0 0 0 3px rgba(242,193,78,.12), 0 0 24px rgba(242,193,78,.20)!important;
    transform:translateY(-1px) scale(1.04)!important;
}

/* -----------------------------
   4) Contentbereiche: nur Mittelteil scrollt
   ----------------------------- */
.modal .modalform,
.modal .form,
.modal .v20-place-form,
.modal .fileupload,
.modal .loc-list,
.modal .pretty-location-list,
.modal .day-file-list,
.modal .action-grid,
.modal .checklist-choice-grid,
.modal .trip-checklist-items,
.modal #tripChecklistItems,
.modal .settings-modal-panel{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    margin:0!important;
    padding:18px 22px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(242,193,78,.45) transparent!important;
}
.modal .modalform::-webkit-scrollbar,
.modal .form::-webkit-scrollbar,
.modal .v20-place-form::-webkit-scrollbar,
.modal .loc-list::-webkit-scrollbar,
.modal .pretty-location-list::-webkit-scrollbar,
.modal .day-file-list::-webkit-scrollbar,
.modal .action-grid::-webkit-scrollbar,
.modal .checklist-choice-grid::-webkit-scrollbar,
.modal .trip-checklist-items::-webkit-scrollbar,
.modal #tripChecklistItems::-webkit-scrollbar{
    width:8px!important;
}
.modal .modalform::-webkit-scrollbar-thumb,
.modal .form::-webkit-scrollbar-thumb,
.modal .v20-place-form::-webkit-scrollbar-thumb,
.modal .loc-list::-webkit-scrollbar-thumb,
.modal .pretty-location-list::-webkit-scrollbar-thumb,
.modal .day-file-list::-webkit-scrollbar-thumb,
.modal .action-grid::-webkit-scrollbar-thumb,
.modal .checklist-choice-grid::-webkit-scrollbar-thumb,
.modal .trip-checklist-items::-webkit-scrollbar-thumb,
.modal #tripChecklistItems::-webkit-scrollbar-thumb{
    border-radius:999px!important;
    background:linear-gradient(var(--cm-gold), var(--cm-blue))!important;
}

/* -----------------------------
   5) Saubere Grid-Logik
   ----------------------------- */
.modal .grid2,
.modal .v20-mainline,
.modal .v20-contentline,
.modal .activity-form-grid,
.modal .ticket-upload-grid,
.modal .trip-settings-grid,
.modal .camp-v55-grid{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fit, minmax(min(235px, 100%), 1fr))!important;
    gap:12px!important;
    align-items:start!important;
    margin:0!important;
    padding:0!important;
}
.modal .camp-v55-grid{
    grid-template-columns:repeat(auto-fit, minmax(min(180px, 100%), 1fr))!important;
}
.modal label:has(textarea),
.modal .full,
.modal .wide,
.modal .v20-info-field{
    grid-column:1 / -1!important;
}
.modal label{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    margin:0!important;
    color:var(--cm-muted)!important;
    font-size:10px!important;
    line-height:1.1!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    font-weight:950!important;
}
.modal input,
.modal select,
.modal textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    height:38px!important;
    margin:0!important;
    padding:9px 12px!important;
    border-radius:12px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)),
        rgba(0,0,0,.32)!important;
    color:var(--cm-text)!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:720!important;
    letter-spacing:0!important;
    text-transform:none!important;
    outline:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), inset 0 10px 22px rgba(0,0,0,.18)!important;
    transition:border-color .16s ease, box-shadow .16s ease, background .16s ease!important;
}
.modal textarea{
    height:auto!important;
    min-height:82px!important;
    resize:vertical!important;
    line-height:1.35!important;
}
.modal input:focus,
.modal select:focus,
.modal textarea:focus{
    border-color:rgba(242,193,78,.88)!important;
    background:rgba(0,0,0,.40)!important;
    box-shadow:
        0 0 0 3px rgba(242,193,78,.14),
        0 0 26px rgba(242,193,78,.18),
        inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.modal input::placeholder,
.modal textarea::placeholder{
    color:rgba(170,184,207,.50)!important;
}

/* -----------------------------
   6) Ausstattung: echte Premium Pills
   ----------------------------- */
.modal .compact-add-amenities,
.modal .v20-extras{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    padding:12px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:
        radial-gradient(circle at 0 0, rgba(98,184,255,.10), transparent 40%),
        rgba(0,0,0,.18)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.modal .compact-add-amenities label,
.modal .v20-extras label,
.modal .copy-days label{
    width:auto!important;
    min-width:0!important;
    flex:0 0 auto!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    margin:0!important;
    padding:7px 10px!important;
    min-height:32px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025))!important;
    color:#dbe8ff!important;
    font-size:12px!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-transform:none!important;
    font-weight:850!important;
    cursor:pointer!important;
    white-space:nowrap!important;
    box-shadow:0 0 0 rgba(242,193,78,0)!important;
    transition:transform .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease!important;
}
.modal .compact-add-amenities label:hover,
.modal .v20-extras label:hover,
.modal .copy-days label:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(98,184,255,.36)!important;
    box-shadow:0 0 20px rgba(98,184,255,.10)!important;
}
.modal .compact-add-amenities input[type="checkbox"],
.modal .v20-extras input[type="checkbox"],
.modal .copy-days input[type="checkbox"]{
    flex:0 0 14px!important;
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    margin:0!important;
    padding:0!important;
    accent-color:var(--cm-gold)!important;
    box-shadow:none!important;
}
.modal .compact-add-amenities label span,
.modal .v20-extras label span,
.modal .copy-days label span{
    display:inline!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font-size:12px!important;
    font-weight:850!important;
    line-height:1!important;
    white-space:nowrap!important;
}
.modal .compact-add-amenities label:has(input:checked),
.modal .v20-extras label:has(input:checked),
.modal .copy-days label:has(input:checked){
    border-color:rgba(242,193,78,.82)!important;
    background:
        linear-gradient(180deg, rgba(242,193,78,.22), rgba(242,193,78,.10))!important;
    color:var(--cm-gold2)!important;
    box-shadow:0 0 0 3px rgba(242,193,78,.10), 0 0 24px rgba(242,193,78,.13)!important;
}
.modal .compact-add-amenities .costpill,
.modal .v20-extras .costpill{
    flex:1 1 170px!important;
    margin-left:auto!important;
    justify-content:flex-end!important;
    background:rgba(0,0,0,.20)!important;
    border-style:dashed!important;
    border-color:rgba(242,193,78,.32)!important;
}
.modal .costpill span{
    color:var(--cm-gold2)!important;
    font-size:11px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
}
.modal .costpill input{
    flex:0 0 96px!important;
    width:96px!important;
    height:30px!important;
    padding:6px 9px!important;
    text-align:right!important;
    color:var(--cm-gold2)!important;
    font-weight:950!important;
}

/* -----------------------------
   7) Camping Serie, Tage, Spezialboxen
   ----------------------------- */
.modal .camp-v55-date-series-panel,
.modal .campdays,
.modal .ticket-upload-box,
.modal .camp-v55-series-days{
    width:100%!important;
    min-width:0!important;
    display:block!important;
    margin:0!important;
    padding:14px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:
        radial-gradient(circle at 100% 0%, rgba(242,193,78,.10), transparent 40%),
        rgba(0,0,0,.20)!important;
}
.modal .camp-v55-date-series-panel h3,
.modal .ticket-upload-box h3,
.modal .campdays p,
.modal .camp-v55-series-days strong{
    display:block!important;
    margin:0 0 12px!important;
    color:var(--cm-gold2)!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:950!important;
    letter-spacing:-.01em!important;
}
.modal .copy-days{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    max-height:190px!important;
    overflow:auto!important;
    padding:0!important;
    margin:0!important;
}

/* -----------------------------
   8) Listenansicht: kein horizontaler Overflow
   ----------------------------- */
.modal .loc-list,
.modal .pretty-location-list,
.modal .day-file-list{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
}
.modal .location-card,
.modal .day-file-row,
.modal .place-list-row,
.modal .pretty-location{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:12px!important;
    margin:0!important;
    padding:12px!important;
    border-radius:16px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025))!important;
    overflow:hidden!important;
}
.modal .location-card > *,
.modal .day-file-row > *,
.modal .place-list-row > *,
.modal .pretty-location > *{
    min-width:0!important;
}
.modal .pretty-icon{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
    background:rgba(98,184,255,.10)!important;
    border:1px solid rgba(98,184,255,.18)!important;
}
.modal .place-list-main,
.modal .location-card > div:first-child,
.modal .day-file-row > div:first-child{
    flex:1 1 auto!important;
    min-width:0!important;
}
.modal .place-list-main strong,
.modal .location-card strong,
.modal .day-file-row strong{
    display:block!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.modal .place-list-main span,
.modal .place-list-main small,
.modal .location-card small,
.modal .day-file-row small{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    color:var(--cm-muted)!important;
    font-size:11px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.modal .place-list-actions,
.modal .file-actions{
    flex:0 0 auto!important;
    display:flex!important;
    gap:8px!important;
    align-items:center!important;
    margin-left:auto!important;
}

/* -----------------------------
   9) Action Grid / Checklisten
   ----------------------------- */
.modal .action-grid,
.modal .checklist-choice-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit, minmax(min(210px, 100%), 1fr))!important;
    gap:12px!important;
}
.modal .action-grid button,
.modal .choice-card{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    padding:16px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:
        radial-gradient(circle at 0 0, rgba(98,184,255,.12), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025))!important;
    color:var(--cm-text)!important;
    text-align:left!important;
    cursor:pointer!important;
    transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease!important;
}
.modal .action-grid button:hover,
.modal .choice-card:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(242,193,78,.58)!important;
    box-shadow:0 0 0 3px rgba(242,193,78,.09), 0 0 32px rgba(242,193,78,.12)!important;
}
.modal .action-grid button b,
.modal .choice-card b{
    color:#fff!important;
    font-size:15px!important;
    line-height:1.15!important;
}
.modal .action-grid button span,
.modal .choice-card small,
.modal .choice-card span{
    color:var(--cm-muted)!important;
    font-size:12px!important;
    line-height:1.25!important;
}
.modal .trip-check-row{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(0,0,0,.22)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:850!important;
}

/* -----------------------------
   10) Sticky Footer
   ----------------------------- */
.modal .modal-actions-bottom,
.modal .add-actions,
.modal .loc-actions{
    flex:0 0 auto!important;
    position:sticky!important;
    bottom:0!important;
    z-index:20!important;
    width:100%!important;
    min-height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin:0!important;
    padding:14px 22px!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    background:
        linear-gradient(0deg, rgba(8,17,38,.98), rgba(8,17,38,.90))!important;
    box-shadow:0 -12px 28px rgba(0,0,0,.30), inset 0 1px 0 rgba(242,193,78,.10)!important;
}
.modal .btn{
    min-width:0!important;
    height:36px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    margin:0!important;
    padding:0 15px!important;
    border-radius:12px!important;
    border:1px solid rgba(242,193,78,.42)!important;
    background:
        linear-gradient(135deg, #ffe083, #f2c14e 52%, #c89122)!important;
    color:#08101e!important;
    font-size:11px!important;
    line-height:1!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    font-weight:950!important;
    cursor:pointer!important;
    box-shadow:0 0 0 3px rgba(242,193,78,.08), 0 8px 26px rgba(242,193,78,.18)!important;
    transition:transform .16s ease, box-shadow .16s ease, filter .16s ease!important;
    white-space:nowrap!important;
}
.modal .btn:hover{
    transform:translateY(-1px)!important;
    filter:brightness(1.08)!important;
    box-shadow:0 0 0 4px rgba(242,193,78,.12), 0 12px 34px rgba(242,193,78,.26)!important;
}
.modal .btn.ghost{
    background:rgba(255,255,255,.055)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.14)!important;
    box-shadow:none!important;
}
.modal .btn.ghost:hover{
    border-color:rgba(98,184,255,.42)!important;
    box-shadow:0 0 24px rgba(98,184,255,.12)!important;
}
.modal .btn.danger{
    background:linear-gradient(135deg, #ff6b6b, #dc2626)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.12)!important;
    box-shadow:0 8px 26px rgba(220,38,38,.18)!important;
}
.modal .btn.small{
    height:34px!important;
    padding:0 13px!important;
    font-size:10.5px!important;
}

/* -----------------------------
   11) Kleine Korrekturen für Tabs, Status, Empty
   ----------------------------- */
.modal .settings-modal-tabs{
    flex:0 0 auto!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    padding:14px 22px 0!important;
    margin:0!important;
}
.modal .settings-modal-tabs button{
    height:34px!important;
    border-radius:999px!important;
    padding:0 13px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.055)!important;
    color:var(--cm-muted)!important;
    font-weight:900!important;
    cursor:pointer!important;
}
.modal .settings-modal-tabs button.active{
    border-color:rgba(242,193,78,.70)!important;
    color:var(--cm-gold2)!important;
    background:rgba(242,193,78,.12)!important;
}
.modal .trip-checklist-status,
.modal .empty-soft,
.modal .muted{
    color:var(--cm-muted)!important;
    font-size:12px!important;
}

/* -----------------------------
   12) Mobile
   ----------------------------- */
@media (max-width: 720px){
    .modal{
        padding:9px!important;
        align-items:stretch!important;
    }
    .modal .modalbox,
    .modal .slimmodal,
    .modal .locationbox,
    .modal .v20-locationbox,
    .modal .daymodal,
    .modal .actionbox,
    .modal .filebox,
    .modal .trip-settings-modal,
    .modal .trip-modal-activity,
    .modal .compact-checklist-box,
    .modal .checklist-choose-modal{
        width:100%!important;
        max-width:100%!important;
        max-height:calc(100dvh - 18px)!important;
        border-radius:18px!important;
    }
    .modal .modalhead{
        min-height:64px!important;
        padding:14px 15px!important;
    }
    .modal .modalhead h2{
        font-size:19px!important;
    }
    .modal .modalform,
    .modal .form,
    .modal .v20-place-form,
    .modal .fileupload,
    .modal .loc-list,
    .modal .pretty-location-list,
    .modal .day-file-list,
    .modal .action-grid,
    .modal .checklist-choice-grid,
    .modal .trip-checklist-items,
    .modal #tripChecklistItems,
    .modal .settings-modal-panel{
        padding:14px 15px!important;
        gap:12px!important;
    }
    .modal .grid2,
    .modal .v20-mainline,
    .modal .v20-contentline,
    .modal .activity-form-grid,
    .modal .ticket-upload-grid,
    .modal .trip-settings-grid,
    .modal .camp-v55-grid,
    .modal .action-grid,
    .modal .checklist-choice-grid{
        grid-template-columns:1fr!important;
    }
    .modal .compact-add-amenities .costpill,
    .modal .v20-extras .costpill{
        flex:1 1 100%!important;
        margin-left:0!important;
        justify-content:space-between!important;
    }
    .modal .modal-actions-bottom,
    .modal .add-actions,
    .modal .loc-actions{
        padding:12px 15px!important;
        justify-content:stretch!important;
    }
    .modal .btn{
        flex:1 1 auto!important;
    }
}

/* =========================================================
   CAMPORGA v66 CAMPING MODAL WIDTH + LAYER FIX
   Ziel:
   - Campingplatz-Modale breiter
   - Datum/Preis/Serie weiter oben und kompakter
   - weniger Scrollbedarf
   - verschachtelte Modale öffnen sichtbar vorne
   ========================================================= */

/* Layer: Modale immer über allem, aktive Modale klar vorne */
.modal{
    z-index: 120000 !important;
}
.modal.open,
.modal.show,
.modal.is-open{
    z-index: 120000 !important;
}
.modal.open:last-of-type,
.modal.show:last-of-type,
.modal.is-open:last-of-type{
    z-index: 120050 !important;
}

/* Wenn aus einem Listenmodal heraus ein Bearbeiten-/Neuanlegen-Modal geöffnet wird:
   diese wichtigen Modale weiter nach vorne holen */
.modal.new-location-modal.open,
.modal.new-location-modal.show,
.modal.new-location-modal.is-open,
.modal.location-edit-modal.open,
.modal.location-edit-modal.show,
.modal.location-edit-modal.is-open{
    z-index: 120100 !important;
}

/* Campingplatz anlegen/bearbeiten deutlich breiter */
.modal.new-location-modal .modalbox.locationbox,
.modal.new-location-modal .modalbox.v20-locationbox,
.modal.location-edit-modal .modalbox.locationbox{
    width: min(1180px, calc(100vw - 28px)) !important;
    max-width: min(1180px, calc(100vw - 28px)) !important;
    max-height: min(90vh, 900px) !important;
}

/* Mehr Breite speziell bei Camping-Feldern gut nutzen */
.modal.new-location-modal .v20-place-form,
.modal.location-edit-modal .form{
    padding: 16px 20px !important;
    gap: 12px !important;
}

/* Hauptfelder in breiterem Layout: Art/Name nebeneinander, Adresse/Maps auch sauber */
.modal.new-location-modal .grid2,
.modal.location-edit-modal .grid2{
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)) !important;
    gap: 12px !important;
}

/* Infos nicht unnötig riesig, damit Camping-Box nach oben kommt */
.modal.new-location-modal textarea[name="info"],
.modal.location-edit-modal textarea[name="info"]{
    min-height: 66px !important;
    max-height: 120px !important;
}

/* Ausstattung kompakter, damit Datum/Preis schneller sichtbar ist */
.modal.new-location-modal .compact-add-amenities,
.modal.location-edit-modal .compact-add-amenities{
    padding: 10px !important;
    gap: 7px !important;
}
.modal.new-location-modal .compact-add-amenities label,
.modal.location-edit-modal .compact-add-amenities label{
    min-height: 30px !important;
    padding: 6px 9px !important;
}
.modal.new-location-modal .compact-add-amenities label span,
.modal.location-edit-modal .compact-add-amenities label span{
    font-size: 11.5px !important;
}

/* Kostenfeld bleibt kompakt rechts, nimmt aber nicht alles weg */
.modal.new-location-modal .compact-add-amenities .costpill,
.modal.location-edit-modal .compact-add-amenities .costpill{
    flex: 0 1 210px !important;
    margin-left: auto !important;
}
.modal.new-location-modal .costpill input,
.modal.location-edit-modal .costpill input{
    width: 92px !important;
}

/* Camping-Serie/Datum/Preis prominent und weiter oben:
   kompakt, 4 Spalten bei viel Breite */
.modal.new-location-modal .camp-v55-date-series-panel,
.modal.location-edit-modal .camp-v55-date-series-panel{
    order: -5 !important;
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.15), transparent 35%),
        radial-gradient(circle at 100% 0, rgba(98,184,255,.12), transparent 36%),
        rgba(0,0,0,.22) !important;
    border: 1px solid rgba(242,193,78,.22) !important;
    box-shadow: 0 0 26px rgba(242,193,78,.08) !important;
}
.modal.new-location-modal .camp-v55-date-series-panel h3,
.modal.location-edit-modal .camp-v55-date-series-panel h3{
    margin: 0 0 10px !important;
    font-size: 14px !important;
}
.modal.new-location-modal .camp-v55-grid,
.modal.location-edit-modal .camp-v55-grid{
    grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
    gap: 10px !important;
}

/* Serien-Tage etwas kompakter, damit weniger vertikal scrollt */
.modal.new-location-modal .campdays,
.modal.location-edit-modal .camp-v55-series-days{
    padding: 11px !important;
    border-radius: 16px !important;
}
.modal.new-location-modal .copy-days,
.modal.location-edit-modal .copy-days{
    max-height: 118px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    gap: 7px !important;
}
.modal.new-location-modal .copy-days label,
.modal.location-edit-modal .copy-days label{
    padding: 6px 9px !important;
    min-height: 30px !important;
}

/* Footer nicht zu dick, spart Höhe */
.modal.new-location-modal .add-actions,
.modal.location-edit-modal .add-actions{
    min-height: 56px !important;
    padding: 10px 20px !important;
}

/* Bei hoher Breite keine unnötig schmalen Inputs */
@media (min-width: 960px){
    .modal.new-location-modal .modalbox.locationbox,
    .modal.location-edit-modal .modalbox.locationbox{
        width: min(1220px, calc(100vw - 34px)) !important;
        max-width: min(1220px, calc(100vw - 34px)) !important;
    }
    .modal.new-location-modal textarea[name="info"],
    .modal.location-edit-modal textarea[name="info"]{
        min-height: 58px !important;
    }
}

/* Tablet: noch 2 Spalten, kein Chaos */
@media (max-width: 900px){
    .modal.new-location-modal .camp-v55-grid,
    .modal.location-edit-modal .camp-v55-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobile: wieder sauber einspaltig */
@media (max-width: 640px){
    .modal.new-location-modal .modalbox.locationbox,
    .modal.new-location-modal .modalbox.v20-locationbox,
    .modal.location-edit-modal .modalbox.locationbox{
        width: 100% !important;
        max-width: 100% !important;
        max-height: calc(100dvh - 18px) !important;
    }
    .modal.new-location-modal .camp-v55-grid,
    .modal.location-edit-modal .camp-v55-grid{
        grid-template-columns: 1fr !important;
    }
    .modal.new-location-modal .camp-v55-date-series-panel,
    .modal.location-edit-modal .camp-v55-date-series-panel{
        order: -5 !important;
    }
    .modal.new-location-modal .compact-add-amenities .costpill,
    .modal.location-edit-modal .compact-add-amenities .costpill{
        flex: 1 1 100% !important;
        margin-left: 0 !important;
    }
}

/* =========================================================
   CampOrga v67 Camping Price/Layout Fix
   - Kosten unten bei Camping versteckt/entfernt
   - Datum/Preis eigener Block
   - Serien-Tage eigener Block
   - Preisfelder kompakter und sauber berechnet
   ========================================================= */

.modal.new-location-modal .compact-add-amenities .costpill,
.modal.location-edit-modal .compact-add-amenities .costpill{
    display:none!important;
}

/* Campingplatz-Modale: mehr Fläche horizontal, weniger Scroll vertikal */
.modal.new-location-modal .modalbox.locationbox,
.modal.new-location-modal .modalbox.v20-locationbox,
.modal.location-edit-modal .modalbox.locationbox{
    width:min(1240px, calc(100vw - 28px))!important;
    max-width:min(1240px, calc(100vw - 28px))!important;
    max-height:min(92vh, 920px)!important;
}

/* Datum/Preis eigener Premium-Block oben */
.modal.new-location-modal .camp-v55-date-series-panel,
.modal.location-edit-modal .camp-v55-date-series-panel{
    order:-10!important;
    padding:13px 14px!important;
    border-radius:18px!important;
    border:1px solid rgba(242,193,78,.28)!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.16), transparent 36%),
        radial-gradient(circle at 100% 0, rgba(98,184,255,.12), transparent 36%),
        rgba(0,0,0,.22)!important;
    box-shadow:0 0 34px rgba(242,193,78,.09)!important;
}

/* Serien-Tage als eigener, getrennter Block */
.modal.new-location-modal .camp-v67-series-block,
.modal.location-edit-modal .camp-v67-series-block{
    order:-9!important;
    padding:12px 14px!important;
    margin:0!important;
    border-radius:18px!important;
    border:1px solid rgba(98,184,255,.18)!important;
    background:
        radial-gradient(circle at 0 100%, rgba(98,184,255,.12), transparent 34%),
        rgba(0,0,0,.18)!important;
}

/* Preiszeile auf Desktop wirklich vier saubere Spalten */
.modal.new-location-modal .camp-v55-grid,
.modal.location-edit-modal .camp-v55-grid{
    grid-template-columns:1fr 1fr 1fr 1fr!important;
    gap:10px!important;
}
.modal.new-location-modal .camp-v55-grid label,
.modal.location-edit-modal .camp-v55-grid label{
    min-width:0!important;
}
.modal.new-location-modal .camp-v55-grid input,
.modal.new-location-modal .camp-v55-grid select,
.modal.location-edit-modal .camp-v55-grid input,
.modal.location-edit-modal .camp-v55-grid select{
    height:40px!important;
}

/* Serienauswahl kompakt, ohne den Preisblock aufzublähen */
.modal.new-location-modal .copy-days,
.modal.location-edit-modal .copy-days{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    max-height:82px!important;
    overflow:auto!important;
    padding:0 2px 2px!important;
}
.modal.new-location-modal .copy-days label,
.modal.location-edit-modal .copy-days label{
    min-height:29px!important;
    padding:6px 9px!important;
}

/* Preisinfo sichtbar aber klein */
.modal .js-camp-price-info{
    display:block!important;
    margin-top:8px!important;
    color:#9dccff!important;
    font-size:12px!important;
    font-weight:800!important;
}

/* Hauptform kompakter, damit weniger gescrollt wird */
.modal.new-location-modal .v20-place-form,
.modal.location-edit-modal .form{
    gap:11px!important;
    padding:14px 20px!important;
}
.modal.new-location-modal textarea[name="info"],
.modal.location-edit-modal textarea[name="info"]{
    min-height:56px!important;
    max-height:95px!important;
}

/* Ausstattung als ein sauberer Bereich ohne Kosten-Pill */
.modal.new-location-modal .compact-add-amenities,
.modal.location-edit-modal .compact-add-amenities{
    padding:10px!important;
    gap:7px!important;
}
.modal.new-location-modal .compact-add-amenities label,
.modal.location-edit-modal .compact-add-amenities label{
    min-height:29px!important;
    padding:6px 9px!important;
}

/* Tablet/mobile Umbrauch */
@media(max-width:980px){
    .modal.new-location-modal .camp-v55-grid,
    .modal.location-edit-modal .camp-v55-grid{
        grid-template-columns:1fr 1fr!important;
    }
}
@media(max-width:640px){
    .modal.new-location-modal .camp-v55-grid,
    .modal.location-edit-modal .camp-v55-grid{
        grid-template-columns:1fr!important;
    }
    .modal.new-location-modal .copy-days,
    .modal.location-edit-modal .copy-days{
        max-height:120px!important;
    }
}

/* =========================================================
   CampOrga v68 Layer + Camping Price Visual Fix
   ========================================================= */

/* Offene Modale sind immer über geschlossenen/alten Overlays */
.modal.open,
.modal.show,
.modal.is-open{
    z-index:130000!important;
}
.modal[data-modal-z]{
    z-index:attr(data-modal-z)!important;
}

/* Wichtige Folge-Modale extra stark nach vorn */
.modal.new-location-modal.open,
.modal.new-location-modal.show,
.modal.new-location-modal.is-open,
.modal.location-edit-modal.open,
.modal.location-edit-modal.show,
.modal.location-edit-modal.is-open,
.modal.locations-view-modal.open,
.modal.locations-view-modal.show,
.modal.locations-view-modal.is-open{
    z-index:130500!important;
}

/* Preis/Serie mehr nutzbare Breite und sichtbarer Hinweis */
.modal.new-location-modal .camp-v55-date-series-panel,
.modal.location-edit-modal .camp-v55-date-series-panel{
    width:100%!important;
    min-width:0!important;
}
.modal.new-location-modal .camp-v55-grid,
.modal.location-edit-modal .camp-v55-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr))!important;
}
.modal .js-camp-price-info{
    display:block!important;
    width:100%!important;
    margin-top:8px!important;
    padding:0 2px!important;
    color:#a9d3ff!important;
    font-size:12px!important;
    font-weight:900!important;
}

/* Checkbox-Tage im Serienblock: stabil anklickbar */
.modal.new-location-modal .copy-days label,
.modal.location-edit-modal .copy-days label{
    position:relative!important;
    z-index:2!important;
    cursor:pointer!important;
}
.modal.new-location-modal .copy-days input[type="checkbox"],
.modal.location-edit-modal .copy-days input[type="checkbox"]{
    pointer-events:auto!important;
}

/* attr() für z-index können nicht alle Browser; inline JS setzt den z-index direkt.
   Diese Regel bleibt nur als Dokumentation/Fallback unschädlich. */
@media(max-width:980px){
    .modal.new-location-modal .camp-v55-grid,
    .modal.location-edit-modal .camp-v55-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    }
}
@media(max-width:640px){
    .modal.new-location-modal .camp-v55-grid,
    .modal.location-edit-modal .camp-v55-grid{
        grid-template-columns:1fr!important;
    }
}

/* =========================================================
   CampOrga v69 Camping Live Price + Single Icons CSS
   ========================================================= */

/* Gelbe Icon-Kästen/zusätzliche Icon-Spans entfernen: ein Emoji im Text reicht */
.modal .camp-option-icon,
.modal .compact-add-amenities .camp-option-icon,
.modal .v20-extras .camp-option-icon{
    display:none!important;
}

/* Falls alte Icon-Injection noch Spans vor die Checkbox gesetzt hat: ausblenden */
.modal .compact-add-amenities label > span.camp-option-icon + input,
.modal .v20-extras label > span.camp-option-icon + input{
    margin-left:0!important;
}

/* Berechnete Felder sichtbar gesperrt, aber lesbar */
.modal .js-camp-price-day.is-calculated,
.modal .js-camp-price-total.is-calculated,
.modal .js-camp-price-day[readonly],
.modal .js-camp-price-total[readonly]{
    opacity:.74!important;
    cursor:not-allowed!important;
    border-color:rgba(98,184,255,.18)!important;
    background:
        linear-gradient(180deg, rgba(98,184,255,.08), rgba(255,255,255,.018)),
        rgba(0,0,0,.36)!important;
}

/* Preisinfo deutlicher */
.modal .js-camp-price-info{
    color:#a9d3ff!important;
    font-size:12px!important;
    font-weight:900!important;
}

/* Checkbox-Pills ohne extra Iconkreis, kompakter */
.modal .compact-add-amenities label,
.modal .v20-extras label{
    gap:6px!important;
}
.modal .compact-add-amenities label span:not(.camp-option-icon),
.modal .v20-extras label span:not(.camp-option-icon){
    display:inline!important;
}

/* =========================================================
   CampOrga v70 Camping Series Edit + Fixed Type
   ========================================================= */

.modal .camp-v70-fixed-type-row input[readonly]{
    opacity:.86!important;
    cursor:default!important;
    border-color:rgba(242,193,78,.30)!important;
    color:#ffd978!important;
    background:
        linear-gradient(180deg, rgba(242,193,78,.10), rgba(255,255,255,.025)),
        rgba(0,0,0,.30)!important;
}

.modal .camp-v67-series-block .copy-days label:has(input:checked){
    border-color:rgba(242,193,78,.85)!important;
    background:linear-gradient(180deg, rgba(242,193,78,.22), rgba(242,193,78,.10))!important;
    color:#ffd978!important;
}

/* =========================================================
   CampOrga v71 Reisezeitraum + Transfer-Optik
   ========================================================= */

.modal .camp-v71-date-hero{
    padding:14px!important;
    border-radius:18px!important;
    border:1px solid rgba(242,193,78,.20)!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.13), transparent 36%),
        rgba(0,0,0,.20)!important;
}
.modal .camp-v71-date-hero small{
    color:#ffd978!important;
    font-size:10px!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
    font-weight:950!important;
}
.modal .camp-v71-date-hero h3{
    margin:5px 0 6px!important;
    color:#fff!important;
    font-size:20px!important;
}
.modal .camp-v71-date-hero p{
    margin:0!important;
    color:#aab8cf!important;
    font-size:13px!important;
    line-height:1.45!important;
}

.range-transfer-card{
    width:min(980px, calc(100vw - 28px))!important;
    margin:22px auto!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:22px!important;
    border:1px solid rgba(137,188,255,.18)!important;
    background:linear-gradient(145deg, rgba(17,33,68,.96), rgba(5,10,24,.98))!important;
    box-shadow:0 28px 90px rgba(0,0,0,.58), 0 0 44px rgba(242,193,78,.10)!important;
}
.range-transfer-card > .eyebrow,
.range-transfer-card > h1,
.range-transfer-card > p{
    padding-left:22px!important;
    padding-right:22px!important;
}
.range-transfer-card > .eyebrow{
    padding-top:20px!important;
    color:#ffd978!important;
}
.range-transfer-card > h1{
    color:#fff!important;
    margin-bottom:8px!important;
}
.range-transfer-card > p{
    color:#aab8cf!important;
}
.range-transfer-card .form{
    padding:18px 22px 0!important;
}
.transfer-list{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
}
.transfer-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(240px,360px)!important;
    gap:14px!important;
    padding:14px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(0,0,0,.20)!important;
}
.transfer-row strong{
    color:#fff!important;
}
.transfer-row span,
.transfer-row small{
    display:block!important;
    color:#aab8cf!important;
}
@media(max-width:720px){
    .transfer-row{
        grid-template-columns:1fr!important;
    }
}

/* =========================================================
   CampOrga v73 UI Cleanup: Footer, Settings, Checklist, Layers
   ========================================================= */

/* Footer Link */
.app-footer a,
footer a{
    color:#f2c14e!important;
    text-decoration:none!important;
    font-weight:900!important;
}
.app-footer a:hover,
footer a:hover{
    text-decoration:underline!important;
}



/* Modale wirklich nach vorne */
.modal.open,
.modal.show,
.modal.is-open{
    z-index:180000!important;
}
.modal[id^="modal-day-"].open,
.modal[id^="modal-day-"].show,
.modal[id^="modal-day-"].is-open,
.modal.new-location-modal.open,
.modal.location-edit-modal.open,
.modal.locations-view-modal.open{
    z-index:181000!important;
}

/* Reiseeinstellungen: keine Tab-Chaos-Ansicht, alles untereinander */
#tripSettingsModal .settings-modal-tabs{
    display:none!important;
}
#tripSettingsModal .settings-modal-panel{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    position:relative!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
}
#tripSettingsModal .modalbox.trip-settings-modal{
    width:min(960px, calc(100vw - 28px))!important;
    max-width:min(960px, calc(100vw - 28px))!important;
}
#tripSettingsModal #settingsPanelDates + #settingsPanelVehicle{
    border-top:1px solid rgba(255,255,255,.10)!important;
    margin-top:12px!important;
    padding-top:12px!important;
}
#tripSettingsModal .modalform{
    padding:16px 22px!important;
    gap:14px!important;
}
#tripSettingsModal .modal-actions-bottom{
    margin-top:4px!important;
}

/* Checklisten: nur die abhakenden Reihen reparieren/kompakt machen */
#tripChecklistModal #tripChecklistItems,
#tripChecklistModal .trip-checklist-items{
    padding:14px 18px!important;
    gap:8px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
}

#tripChecklistModal .trip-check-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    min-height:38px!important;
    width:100%!important;
    padding:8px 12px!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)),
        rgba(0,0,0,.22)!important;
    color:#f8fbff!important;
    font-size:12.5px!important;
    font-weight:850!important;
    line-height:1.2!important;
    overflow:hidden!important;
}

#tripChecklistModal .trip-check-row input[type="checkbox"]{
    position:static!important;
    transform:none!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    margin:0!important;
    padding:0!important;
    accent-color:#f2c14e!important;
    box-shadow:none!important;
}

#tripChecklistModal .trip-check-row span,
#tripChecklistModal .trip-check-row label,
#tripChecklistModal .trip-check-row b{
    position:static!important;
    transform:none!important;
    min-width:0!important;
    color:inherit!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:left!important;
    font-size:12.5px!important;
    line-height:1.2!important;
}

/* Fallback, falls JS Rows als direkte label baut */
#tripChecklistModal #tripChecklistItems > label{
    position:relative!important;
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    min-height:38px!important;
    padding:8px 12px!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(0,0,0,.22)!important;
    color:#f8fbff!important;
    font-size:12.5px!important;
    font-weight:850!important;
    text-transform:none!important;
    letter-spacing:0!important;
}
#tripChecklistModal #tripChecklistItems > label input[type="checkbox"]{
    width:18px!important;
    height:18px!important;
    margin:0!important;
    accent-color:#f2c14e!important;
}
#tripChecklistModal #tripChecklistItems > label *{
    position:static!important;
    transform:none!important;
}

#tripChecklistModal .trip-checklist-status{
    padding:2px 18px 10px!important;
    font-size:12px!important;
}
#tripChecklistModal .modal-actions-bottom{
    min-height:58px!important;
    padding:12px 18px!important;
}

/* =========================================================
   CampOrga v74 Smart Reiseeinstellungen + Fahrzeug
   ========================================================= */

#tripSettingsModal .camp-v71-date-hero h3{
    font-size:22px!important;
}
#tripSettingsModal .camp-v74-trip-master-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit, minmax(min(230px,100%),1fr))!important;
    gap:12px!important;
}
#tripSettingsModal .camp-v74-wide{
    grid-column:1 / -1!important;
}
#tripSettingsModal .camp-v74-wide textarea{
    min-height:74px!important;
}
#tripSettingsModal label:has([name="consumption_l_100km"])::after{
    content:"Diesel/Benzin";
    margin-top:4px;
    color:#aab8cf;
    font-size:10px;
    letter-spacing:.08em;
}
#tripSettingsModal label:has([name="consumption_kwh_100km"])::after,
#tripSettingsModal label:has([name="electricity_price_kwh"])::after,
#tripSettingsModal label:has([name="vehicle_range_km"])::after{
    content:"Elektro";
    margin-top:4px;
    color:#9dccff;
    font-size:10px;
    letter-spacing:.08em;
}
#tripSettingsModal input[name="vehicle_range_km"]{
    border-color:rgba(98,184,255,.25)!important;
}

/* Ohne JS wenigstens sinnvoll: Elektrofelder optisch gruppieren */
#tripSettingsModal label:has([name="consumption_kwh_100km"]),
#tripSettingsModal label:has([name="electricity_price_kwh"]),
#tripSettingsModal label:has([name="vehicle_range_km"]){
    background:rgba(98,184,255,.055)!important;
    border-radius:14px!important;
    padding:8px!important;
}

/* CampOrga v75: sichere Zusatz-Tag-Ausblendung
   Nicht mehr div/section:has(...), weil das große Seitencontainer ausblenden kann. */
form:has(> input[name="action"][value="add_day"]),
form:has(input[name="action"][value="add_day"]).add-day-form,
form:has(input[name="action"][value="add_day"]).manual-day-form{
    display:none!important;
}

/* CampOrga v76 Reiseeinstellungen Modal Reparatur */
#tripSettingsModal.v76-trip-settings-fixed .modalbox,
#tripSettingsModal .modalbox.trip-settings-modal{
    width:min(980px, calc(100vw - 28px))!important;
    max-width:min(980px, calc(100vw - 28px))!important;
    max-height:min(90vh, 900px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
}

/* Header fest, darunter EIN scrollbarer Inhaltsbereich */
#tripSettingsModal .modalhead{
    flex:0 0 auto!important;
}

/* Tabs ausblenden */
#tripSettingsModal .settings-modal-tabs{
    display:none!important;
}

/* Das Modal hat mehrere Sections/Formulare direkt untereinander.
   Darum: Jedes Panel ist ein sauberer Card-Block, nicht absolut/hidden. */
#tripSettingsModal .settings-modal-panel{
    position:relative!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    transform:none!important;
    inset:auto!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
}

/* Alle Formulare im Settings-Modal sind Cards und dürfen NICHT selbst volle Modalhöhe beanspruchen */
#tripSettingsModal .settings-modal-panel > form,
#tripSettingsModal .settings-modal-panel > .modalform{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
    margin:0!important;
    padding:16px!important;
    border-radius:20px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:
        radial-gradient(circle at 0 0, rgba(98,184,255,.09), transparent 36%),
        rgba(0,0,0,.16)!important;
}

/* Der eigentliche Scrollbereich: alles nach dem Header soll in der Box scrollen */
#tripSettingsModal .modalbox.trip-settings-modal{
    overflow:hidden!important;
}
#tripSettingsModal .modalbox.trip-settings-modal > :not(.modalhead):not(.settings-modal-tabs){
    flex:0 0 auto!important;
}

/* Da die Panels Geschwister sind, macht die Modalbox selbst den Mittelbereich scrollbar,
   aber Header bleibt durch flex oben. */
#tripSettingsModal .modalbox.trip-settings-modal{
    overflow-y:auto!important;
    overflow-x:hidden!important;
}
#tripSettingsModal .modalbox.trip-settings-modal .modalhead{
    position:sticky!important;
    top:0!important;
    z-index:30!important;
}

/* Abstände der Cards */
#tripSettingsModal #settingsPanelDates,
#tripSettingsModal #settingsPanelVehicle{
    margin:16px 20px!important;
}
#tripSettingsModal #settingsPanelVehicle{
    margin-top:0!important;
}

/* Abschnittsheader */
#tripSettingsModal .camp-v71-date-hero,
#tripSettingsModal .camp-v76-section-head{
    margin:0!important;
    padding:14px!important;
    border-radius:18px!important;
    border:1px solid rgba(242,193,78,.18)!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.12), transparent 36%),
        rgba(0,0,0,.18)!important;
}
#tripSettingsModal .camp-v71-date-hero small,
#tripSettingsModal .camp-v76-section-head small{
    color:#ffd978!important;
    font-size:10px!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
    font-weight:950!important;
}
#tripSettingsModal .camp-v71-date-hero h3,
#tripSettingsModal .camp-v76-section-head h3{
    margin:5px 0 6px!important;
    color:#fff!important;
    font-size:20px!important;
    line-height:1.1!important;
}
#tripSettingsModal .camp-v71-date-hero p,
#tripSettingsModal .camp-v76-section-head p{
    margin:0!important;
    color:#aab8cf!important;
    font-size:13px!important;
    line-height:1.42!important;
}

/* Grids sauber untereinander */
#tripSettingsModal .trip-settings-grid,
#tripSettingsModal .camp-v74-trip-master-grid,
#tripSettingsModal .camp-v71-date-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit, minmax(min(240px, 100%), 1fr))!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
}
#tripSettingsModal .camp-v74-wide{
    grid-column:1 / -1!important;
}

/* Form-Actions nicht sticky in den Cards, sondern Card-Ende */
#tripSettingsModal .modal-actions-bottom{
    position:static!important;
    min-height:auto!important;
    padding:12px 0 0!important;
    margin:0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* Doppelte/überlappende Texte verhindern */
#tripSettingsModal .settings-modal-panel:not(.active){
    display:block!important;
}
#tripSettingsModal *{
    max-width:100%!important;
}

/* Mobile */
@media(max-width:720px){
    #tripSettingsModal #settingsPanelDates,
    #tripSettingsModal #settingsPanelVehicle{
        margin:12px!important;
    }
    #tripSettingsModal .settings-modal-panel > form,
    #tripSettingsModal .settings-modal-panel > .modalform{
        padding:12px!important;
    }
    #tripSettingsModal .trip-settings-grid,
    #tripSettingsModal .camp-v74-trip-master-grid,
    #tripSettingsModal .camp-v71-date-grid{
        grid-template-columns:1fr!important;
    }
}

/* CampOrga v79 Reiseeinstellungen 2 Tabs */
#tripSettingsModal .settings-modal-tabs.v79-settings-tabs{
    display:flex!important;
    flex:0 0 auto!important;
    gap:8px!important;
    padding:14px 22px 0!important;
    margin:0!important;
}
#tripSettingsModal .settings-modal-tabs.v79-settings-tabs button{
    height:36px!important;
    border-radius:999px!important;
    padding:0 16px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.055)!important;
    color:#aab8cf!important;
    font-weight:950!important;
    cursor:pointer!important;
}
#tripSettingsModal .settings-modal-tabs.v79-settings-tabs button.active{
    border-color:rgba(242,193,78,.75)!important;
    color:#ffd978!important;
    background:rgba(242,193,78,.14)!important;
    box-shadow:0 0 24px rgba(242,193,78,.10)!important;
}

/* v76/v77 überschreiben: nur ein Panel pro Tab */
#tripSettingsModal[data-settings-tab="trip"] #settingsPanelDates{
    display:block!important;
}
#tripSettingsModal[data-settings-tab="trip"] #settingsPanelVehicle{
    display:none!important;
}
#tripSettingsModal[data-settings-tab="vehicle"] #settingsPanelDates{
    display:none!important;
}
#tripSettingsModal[data-settings-tab="vehicle"] #settingsPanelVehicle{
    display:block!important;
}

/* Meine Reise zeigt Stammdaten UND Zeitraum untereinander */
#tripSettingsModal[data-settings-tab="trip"] #settingsPanelDates .camp-v71-date-hero,
#tripSettingsModal[data-settings-tab="trip"] #settingsPanelDates .camp-v74-trip-master-grid,
#tripSettingsModal[data-settings-tab="trip"] #settingsPanelDates .camp-v71-date-grid,
#tripSettingsModal[data-settings-tab="trip"] #settingsPanelDates .modal-actions-bottom{
    display:flex!important;
}
#tripSettingsModal[data-settings-tab="trip"] #settingsPanelDates .camp-v74-trip-master-grid,
#tripSettingsModal[data-settings-tab="trip"] #settingsPanelDates .camp-v71-date-grid{
    display:grid!important;
}

/* Fahrzeug-Tab */
#tripSettingsModal[data-settings-tab="vehicle"] #settingsPanelVehicle .modalform,
#tripSettingsModal[data-settings-tab="vehicle"] #settingsPanelVehicle form{
    display:flex!important;
}

/* Settings-Seite: keine frühe PHP-Ausgabe mehr, Klasse kommt per JS */
body.settings-page main .panel,
body.settings-admin-page main .panel{
    overflow:visible!important;
}

/* CampOrga v83 SETTINGS ACTUAL STRUCTURE FIX
   Wichtig: settings.php nutzt page_header(), deshalb greift dieser Fix über .settings-v83-wrap. */

body.settings-v83,
body.settings-page{
    overflow-x:hidden!important;
}

/* Shell sauber: Sidebar links, Content rechts */
body.settings-v83.has-sidebar .app-shell,
body.settings-page.has-sidebar .app-shell{
    display:grid!important;
    grid-template-columns:292px minmax(0,1fr)!important;
    width:100%!important;
    min-height:100vh!important;
    align-items:start!important;
}
body.settings-v83 .page-area,
body.settings-page .page-area{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
}
body.settings-v83 main.wrap,
body.settings-page main.wrap,
body.settings-v83 main.wrap.wide,
body.settings-page main.wrap.wide{
    width:100%!important;
    max-width:1320px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:24px 32px 48px!important;
    overflow:visible!important;
}

/* Der echte settings.php Inhalt */
.settings-v83-wrap{
    width:100%!important;
    max-width:1220px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
}
.settings-v83-wrap *,
.settings-v83-wrap *::before,
.settings-v83-wrap *::after{
    box-sizing:border-box!important;
}

/* Alle direkten Bereiche breit */
.settings-v83-wrap > section,
.settings-v83-wrap > div,
.settings-v83-wrap .settings-list-section,
.settings-v83-wrap .settings-overview-grid,
.settings-v83-wrap .settings-hero{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
}

/* Hero */
.settings-v83-wrap .settings-hero{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:22px!important;
    flex-wrap:wrap!important;
    margin:0 0 22px!important;
    padding:28px!important;
    border-radius:28px!important;
}
.settings-v83-wrap .settings-hero > div{
    min-width:0!important;
}
.settings-v83-wrap .settings-hero h1{
    display:block!important;
    margin:0 0 10px!important;
    font-size:clamp(38px,4.8vw,66px)!important;
    line-height:.94!important;
    letter-spacing:-.05em!important;
    white-space:normal!important;
    overflow:visible!important;
}
.settings-v83-wrap .settings-hero p{
    max-width:880px!important;
    line-height:1.5!important;
    white-space:normal!important;
}

/* Top cards */
.settings-v83-wrap .settings-overview-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    margin:0 0 24px!important;
}
.settings-v83-wrap .settings-tile{
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    min-height:112px!important;
    width:100%!important;
    min-width:0!important;
    padding:20px!important;
    border-radius:24px!important;
    overflow:visible!important;
}
.settings-v83-wrap .settings-tile > div{
    min-width:0!important;
}
.settings-v83-wrap .settings-tile h2,
.settings-v83-wrap .settings-tile p{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
}

/* Unterer Bereich: Alle Listen / aktive Listen */
.settings-v83-wrap .settings-list-section{
    display:block!important;
    clear:both!important;
    margin:24px 0 0!important;
    padding:26px!important;
    border-radius:28px!important;
    overflow:visible!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
}
.settings-v83-wrap .settings-section-head,
.settings-v83-wrap .card-title-row{
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-start!important;
    gap:18px!important;
    flex-wrap:wrap!important;
    width:100%!important;
    margin:0 0 18px!important;
}
.settings-v83-wrap .settings-section-head h2,
.settings-v83-wrap .card-title-row h2{
    margin:0 0 8px!important;
    font-size:clamp(30px,3.2vw,46px)!important;
    line-height:1.02!important;
    white-space:normal!important;
    overflow:visible!important;
}
.settings-v83-wrap .settings-section-head p,
.settings-v83-wrap .card-title-row p{
    max-width:760px!important;
    margin:0!important;
    line-height:1.5!important;
}

/* Empty state */
.settings-v83-wrap .empty-state{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:block!important;
    margin:16px 0 0!important;
    padding:24px!important;
    border-radius:24px!important;
    overflow:visible!important;
}
.settings-v83-wrap .empty-state h3{
    margin:0 0 12px!important;
    font-size:24px!important;
    line-height:1.12!important;
}
.settings-v83-wrap .empty-state p{
    max-width:760px!important;
    line-height:1.5!important;
}

/* Buttons */
.settings-v83-wrap .btn,
.settings-v83-wrap button,
.settings-v83-wrap a.btn{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:40px!important;
    height:auto!important;
    margin:0 8px 8px 0!important;
    padding:10px 16px!important;
    white-space:nowrap!important;
    line-height:1.15!important;
    text-align:center!important;
    transform:none!important;
}
.settings-v83-wrap .btn-row,
.settings-v83-wrap .settings-hero-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    justify-content:flex-end!important;
}

/* Forms */
.settings-v83-wrap form{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
}
.settings-v83-wrap label{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0 0 12px!important;
    text-transform:none!important;
    letter-spacing:0!important;
    text-align:left!important;
    position:static!important;
    transform:none!important;
}
.settings-v83-wrap input,
.settings-v83-wrap select,
.settings-v83-wrap textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
}

/* Settings-Modale benutzen .modal-box, nicht .modalbox */
#vehicleModal .modal-box,
#templateModal .modal-box,
#configuratorModal .modal-box,
#hintModal .modal-box,
.settings-v83-wrap .modal .modal-box{
    width:min(1180px,calc(100vw - 36px))!important;
    max-width:min(1180px,calc(100vw - 36px))!important;
    max-height:88vh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:0!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,rgba(17,33,68,.98),rgba(5,10,24,.98))!important;
    border:1px solid rgba(242,193,78,.22)!important;
}
#vehicleModal .modal-box{
    width:min(760px,calc(100vw - 36px))!important;
}
.settings-v83-wrap .modal .modal-close,
#vehicleModal .modal-close,
#templateModal .modal-close,
#configuratorModal .modal-close,
#hintModal .modal-close{
    position:absolute!important;
    top:16px!important;
    right:16px!important;
    z-index:5!important;
    width:38px!important;
    height:38px!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(0,0,0,.30)!important;
    color:#fff!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
}
#configuratorModal .config-shell{
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr)!important;
    min-height:560px!important;
    max-height:88vh!important;
}
#configuratorModal .config-tabs{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:18px!important;
    background:rgba(8,17,38,.92)!important;
    border-right:1px solid rgba(255,255,255,.10)!important;
    overflow:auto!important;
}
#configuratorModal .config-tabs button{
    width:100%!important;
    justify-content:flex-start!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.065)!important;
    color:#dbe7ff!important;
    border:1px solid rgba(255,255,255,.10)!important;
}
#configuratorModal .config-tabs button.active{
    background:rgba(242,193,78,.16)!important;
    border-color:rgba(242,193,78,.55)!important;
    color:#ffd978!important;
}
#configuratorModal .config-content{
    overflow:auto!important;
    padding:24px!important;
}

/* Mobile */
@media(max-width:980px){
    body.settings-v83.has-sidebar .app-shell,
    body.settings-page.has-sidebar .app-shell{
        grid-template-columns:1fr!important;
    }
    body.settings-v83 .sidebar,
    body.settings-page .sidebar{
        width:100%!important;
        min-width:0!important;
    }
    .settings-v83-wrap .settings-overview-grid{
        grid-template-columns:1fr!important;
    }
    #configuratorModal .config-shell{
        grid-template-columns:1fr!important;
    }
    #configuratorModal .config-tabs{
        flex-direction:row!important;
        flex-wrap:wrap!important;
        border-right:0!important;
        border-bottom:1px solid rgba(255,255,255,.10)!important;
    }
    #configuratorModal .config-tabs button{
        width:auto!important;
    }
}
@media(max-width:720px){
    body.settings-v83 main.wrap,
    body.settings-page main.wrap,
    body.settings-v83 main.wrap.wide,
    body.settings-page main.wrap.wide{
        padding:14px!important;
    }
    .settings-v83-wrap .settings-hero{
        display:block!important;
        padding:18px!important;
    }
    .settings-v83-wrap .settings-list-section{
        padding:18px!important;
    }
    .settings-v83-wrap .btn,
    .settings-v83-wrap button,
    .settings-v83-wrap a.btn{
        width:100%!important;
        white-space:normal!important;
        margin-right:0!important;
    }
}

/* CampOrga v85 Configurator Premium Modal Fix
   Ziel: Listenkonfigurator in settings.php optisch wie Reise-/Campingplatz-Modale. */

#configuratorModal{
    z-index:220000!important;
    background:
        radial-gradient(circle at 18% 12%, rgba(98,184,255,.20), transparent 34%),
        radial-gradient(circle at 82% 20%, rgba(242,193,78,.17), transparent 30%),
        rgba(2,6,15,.88)!important;
    backdrop-filter:blur(14px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(135%)!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
}

#configuratorModal .modal-box.configurator-pro-box,
#configuratorModal .modal-box.modal-xl{
    width:min(1220px, calc(100vw - 36px))!important;
    max-width:min(1220px, calc(100vw - 36px))!important;
    height:auto!important;
    max-height:min(90vh, 920px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:0!important;
    margin:auto!important;
    border-radius:24px!important;
    border:1px solid rgba(137,188,255,.18)!important;
    border-left:4px solid #f2c14e!important;
    background:linear-gradient(145deg, rgba(17,33,68,.96), rgba(5,10,24,.98))!important;
    box-shadow:
        0 0 0 1px rgba(98,184,255,.12),
        0 28px 90px rgba(0,0,0,.78),
        0 0 52px rgba(98,184,255,.13),
        0 0 44px rgba(242,193,78,.10)!important;
    color:#f8fbff!important;
    position:relative!important;
}

#configuratorModal .modal-box.configurator-pro-box::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
        linear-gradient(90deg, transparent, rgba(242,193,78,.85), rgba(98,184,255,.75), transparent) top/100% 2px no-repeat,
        radial-gradient(circle at 12% 0%, rgba(242,193,78,.18), transparent 34%),
        radial-gradient(circle at 88% 0%, rgba(98,184,255,.16), transparent 34%)!important;
    z-index:0!important;
}
#configuratorModal .modal-box.configurator-pro-box > *{
    position:relative!important;
    z-index:1!important;
}

/* Header wie Premium-Modal */
#configuratorModal .cfg-pro-header{
    flex:0 0 auto!important;
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-start!important;
    gap:18px!important;
    min-height:86px!important;
    padding:20px 58px 18px 24px!important;
    background:linear-gradient(180deg, rgba(8,17,38,.98), rgba(8,17,38,.88))!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.34), inset 0 -1px 0 rgba(242,193,78,.12)!important;
}
#configuratorModal .cfg-pro-header .eyebrow{
    display:block!important;
    color:#ffd978!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
    font-weight:950!important;
    margin-bottom:6px!important;
}
#configuratorModal .cfg-pro-header h2{
    margin:0!important;
    color:#fff!important;
    font-size:clamp(24px, 3vw, 36px)!important;
    line-height:1.02!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
}
#configuratorModal .cfg-pro-header p{
    margin:8px 0 0!important;
    color:#aab8cf!important;
    font-size:13px!important;
    line-height:1.35!important;
    max-width:720px!important;
}
#configuratorModal .cfg-progress{
    flex:0 0 220px!important;
    color:#dbe7ff!important;
    font-size:12px!important;
    font-weight:900!important;
}
#configuratorModal .cfg-progress > div{
    height:8px!important;
    margin-top:8px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.10)!important;
    overflow:hidden!important;
}
#configuratorModal .cfg-progress i{
    display:block!important;
    height:100%!important;
    width:8%!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#f2c14e,#62b8ff)!important;
}

/* Close Button */
#configuratorModal .modal-close{
    position:absolute!important;
    top:16px!important;
    right:16px!important;
    z-index:5!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(0,0,0,.32)!important;
    color:#fff!important;
    display:grid!important;
    place-items:center!important;
    font-size:22px!important;
    line-height:1!important;
    cursor:pointer!important;
}
#configuratorModal .modal-close:hover{
    color:#ffd978!important;
    border-color:rgba(242,193,78,.58)!important;
    box-shadow:0 0 0 3px rgba(242,193,78,.12), 0 0 24px rgba(242,193,78,.20)!important;
}

/* Hauptlayout: linke Schritte + rechter Content */
#configuratorModal .configurator-pro{
    flex:1 1 auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr)!important;
    overflow:hidden!important;
}

/* Step-Navigation links, nicht weiße Browserbuttons */
#configuratorModal .config-steps,
#configuratorModal .pro-steps{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:18px!important;
    margin:0!important;
    background:rgba(8,17,38,.92)!important;
    border-right:1px solid rgba(255,255,255,.10)!important;
    overflow:auto!important;
}
#configuratorModal .config-steps button,
#configuratorModal .pro-steps button{
    width:100%!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0 13px!important;
    margin:0!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025))!important;
    color:#dbe7ff!important;
    font-size:12px!important;
    font-weight:900!important;
    text-align:left!important;
    white-space:normal!important;
    cursor:pointer!important;
}
#configuratorModal .config-steps button.active,
#configuratorModal .pro-steps button.active{
    background:linear-gradient(180deg, rgba(242,193,78,.22), rgba(242,193,78,.10))!important;
    color:#ffd978!important;
    border-color:rgba(242,193,78,.72)!important;
    box-shadow:0 0 0 3px rgba(242,193,78,.09), 0 0 22px rgba(242,193,78,.10)!important;
}

/* Content rechts */
#configuratorModal .config-main,
#configuratorModal .pro-main{
    min-width:0!important;
    min-height:0!important;
    overflow:auto!important;
    padding:22px!important;
    background:
        radial-gradient(circle at 0 0, rgba(98,184,255,.08), transparent 35%),
        rgba(0,0,0,.08)!important;
}

#configuratorModal .config-step{
    display:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
}
#configuratorModal .config-step.active{
    display:block!important;
}

/* Hero innen */
#configuratorModal .cfg-hero{
    width:100%!important;
    padding:22px!important;
    margin:0 0 18px!important;
    border-radius:22px!important;
    border:1px solid rgba(242,193,78,.22)!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.13), transparent 38%),
        rgba(0,0,0,.18)!important;
}
#configuratorModal .cfg-hero span{
    display:inline-block!important;
    font-size:26px!important;
    margin-bottom:8px!important;
}
#configuratorModal .cfg-hero h3{
    margin:0 0 10px!important;
    color:#fff!important;
    font-size:clamp(24px,2.6vw,34px)!important;
    line-height:1.1!important;
}
#configuratorModal .cfg-hero p{
    margin:0!important;
    color:#b7c4da!important;
    font-size:15px!important;
    line-height:1.45!important;
}

/* Choices und Inputs */
#configuratorModal .cfg-choice-grid,
#configuratorModal .cfg-question-grid,
#configuratorModal .prettier-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
    gap:14px!important;
    width:100%!important;
}
#configuratorModal .choice-card{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    width:100%!important;
    min-height:88px!important;
    padding:16px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:
        radial-gradient(circle at 0 0, rgba(98,184,255,.12), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025))!important;
    color:#f8fbff!important;
    text-align:left!important;
    cursor:pointer!important;
}
#configuratorModal .choice-card.selected,
#configuratorModal .choice-card:hover{
    border-color:rgba(242,193,78,.62)!important;
    background:linear-gradient(180deg, rgba(242,193,78,.18), rgba(255,255,255,.03))!important;
    box-shadow:0 0 0 3px rgba(242,193,78,.09), 0 0 30px rgba(242,193,78,.12)!important;
}
#configuratorModal label{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    color:#aab8cf!important;
    font-size:11px!important;
    text-transform:uppercase!important;
    letter-spacing:.12em!important;
    font-weight:950!important;
}
#configuratorModal input,
#configuratorModal select,
#configuratorModal textarea{
    width:100%!important;
    min-height:40px!important;
    border-radius:12px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(0,0,0,.32)!important;
    color:#fff!important;
    padding:10px 12px!important;
}

/* Actions/Footer im Content */
#configuratorModal .form-actions,
#configuratorModal .cfg-actions{
    display:flex!important;
    justify-content:flex-end!important;
    gap:10px!important;
    padding-top:18px!important;
    margin-top:18px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
}
#configuratorModal .btn{
    min-height:38px!important;
    border-radius:12px!important;
    padding:0 16px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.06em!important;
}
#configuratorModal .btn.primary{
    background:linear-gradient(135deg,#ffe083,#f2c14e 52%,#c89122)!important;
    color:#08101e!important;
}

/* Template Modal passend dazu */
#templateModal .modal-box{
    width:min(980px, calc(100vw - 34px))!important;
    max-width:min(980px, calc(100vw - 34px))!important;
    max-height:88vh!important;
    overflow:auto!important;
    border-radius:24px!important;
    border:1px solid rgba(242,193,78,.22)!important;
    background:linear-gradient(145deg,rgba(17,33,68,.98),rgba(5,10,24,.98))!important;
    box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 44px rgba(242,193,78,.10)!important;
    color:#fff!important;
    padding:24px!important;
}
#templateModal .template-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;
    gap:14px!important;
}
#templateModal .template-card{
    padding:16px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(255,255,255,.055)!important;
}

/* Mobile */
@media(max-width:900px){
    #configuratorModal .configurator-pro{
        grid-template-columns:1fr!important;
    }
    #configuratorModal .config-steps,
    #configuratorModal .pro-steps{
        flex-direction:row!important;
        flex-wrap:wrap!important;
        border-right:0!important;
        border-bottom:1px solid rgba(255,255,255,.10)!important;
        max-height:160px!important;
    }
    #configuratorModal .config-steps button,
    #configuratorModal .pro-steps button{
        width:auto!important;
    }
}
@media(max-width:640px){
    #configuratorModal{
        padding:8px!important;
    }
    #configuratorModal .modal-box.configurator-pro-box{
        max-height:calc(100dvh - 16px)!important;
        width:100%!important;
        max-width:100%!important;
    }
    #configuratorModal .cfg-pro-header{
        display:block!important;
        padding:16px 58px 14px 16px!important;
    }
    #configuratorModal .cfg-progress{
        margin-top:12px!important;
    }
    #configuratorModal .config-main,
    #configuratorModal .pro-main{
        padding:14px!important;
    }
}

/* CampOrga v86 Settings Pretty + Configurator Wide Fix
   Nur Optik/Layout: Settings-Seite und Listengenerator-Modal breiter, luftiger, weniger gequetscht. */

/* ---------- Settings-Seite hübscher / luftiger ---------- */
body.settings-v83 main.wrap,
body.settings-v85 main.wrap,
body.settings-page main.wrap,
body.settings-v83 main.wrap.wide,
body.settings-v85 main.wrap.wide,
body.settings-page main.wrap.wide{
    max-width:1500px!important;
    padding:28px 38px 56px!important;
}

.settings-v83-wrap,
.settings-v82-wrap,
.camporga-settings-direct-wrap{
    max-width:1420px!important;
}

/* Hero edler und nicht so flach */
.settings-v83-wrap .settings-hero,
.settings-v82-wrap .settings-hero,
.camporga-settings-direct-wrap .settings-hero{
    padding:32px 34px!important;
    margin-bottom:26px!important;
    border-radius:30px!important;
    border:1px solid rgba(98,184,255,.18)!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.16), transparent 36%),
        radial-gradient(circle at 100% 0, rgba(98,184,255,.13), transparent 38%),
        linear-gradient(145deg, rgba(17,33,68,.74), rgba(5,10,24,.86))!important;
    box-shadow:
        0 20px 70px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.settings-v83-wrap .settings-hero h1,
.settings-v82-wrap .settings-hero h1,
.camporga-settings-direct-wrap .settings-hero h1{
    font-size:clamp(42px,4.9vw,72px)!important;
    letter-spacing:-.055em!important;
}

/* Obere Karten breiter und wertiger */
.settings-v83-wrap .settings-overview-grid,
.settings-v82-wrap .settings-overview-grid,
.camporga-settings-direct-wrap .settings-overview-grid{
    grid-template-columns:repeat(3,minmax(280px,1fr))!important;
    gap:20px!important;
    margin-bottom:30px!important;
}

.settings-v83-wrap .settings-tile,
.settings-v82-wrap .settings-tile,
.camporga-settings-direct-wrap .settings-tile{
    min-height:132px!important;
    padding:22px!important;
    border-radius:26px!important;
    background:
        radial-gradient(circle at 0 0, rgba(98,184,255,.10), transparent 36%),
        linear-gradient(145deg, rgba(21,38,76,.72), rgba(8,14,31,.86))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.22)!important;
}

/* Unterer Listenbereich schöner/breiter */
.settings-v83-wrap .settings-list-section,
.settings-v82-wrap .settings-list-section,
.camporga-settings-direct-wrap .settings-list-section{
    padding:30px!important;
    border-radius:30px!important;
    border:1px solid rgba(98,184,255,.16)!important;
    background:
        radial-gradient(circle at 0 0, rgba(98,184,255,.10), transparent 36%),
        linear-gradient(145deg, rgba(17,33,68,.70), rgba(5,10,24,.88))!important;
    box-shadow:0 22px 70px rgba(0,0,0,.26)!important;
}

.settings-v83-wrap .settings-section-head h2,
.settings-v82-wrap .settings-section-head h2,
.camporga-settings-direct-wrap .settings-section-head h2{
    font-size:clamp(34px,3.8vw,54px)!important;
}

/* Empty State als schöne breite Kachel */
.settings-v83-wrap .empty-state,
.settings-v82-wrap .empty-state,
.camporga-settings-direct-wrap .empty-state{
    padding:28px!important;
    border-radius:26px!important;
    border:1px dashed rgba(242,193,78,.28)!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.10), transparent 34%),
        rgba(0,0,0,.18)!important;
}
.settings-v83-wrap .empty-state h3,
.settings-v82-wrap .empty-state h3,
.camporga-settings-direct-wrap .empty-state h3{
    font-size:26px!important;
}

/* ---------- Listengenerator Modal: deutlich breiter und Premium ---------- */
#configuratorModal{
    padding:14px!important;
    align-items:center!important;
    justify-content:center!important;
}

/* Mehr Breite: fast volle Seite */
#configuratorModal .modal-box.configurator-pro-box,
#configuratorModal .modal-box.modal-xl,
#configuratorModal .modal-box{
    width:min(1560px, calc(100vw - 32px))!important;
    max-width:min(1560px, calc(100vw - 32px))!important;
    height:min(90vh, 940px)!important;
    max-height:min(90vh, 940px)!important;
    min-height:min(760px, calc(100vh - 40px))!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:0!important;
    margin:auto!important;
    border-radius:28px!important;
    border:1px solid rgba(137,188,255,.22)!important;
    border-left:5px solid #f2c14e!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.13), transparent 34%),
        radial-gradient(circle at 100% 0, rgba(98,184,255,.14), transparent 38%),
        linear-gradient(145deg, rgba(17,33,68,.98), rgba(5,10,24,.98))!important;
    box-shadow:
        0 0 0 1px rgba(98,184,255,.12),
        0 34px 110px rgba(0,0,0,.82),
        0 0 74px rgba(98,184,255,.16),
        0 0 54px rgba(242,193,78,.13)!important;
}

/* Header mehr Luft */
#configuratorModal .cfg-pro-header{
    min-height:106px!important;
    padding:24px 72px 22px 30px!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.10), transparent 40%),
        linear-gradient(180deg, rgba(8,17,38,.98), rgba(8,17,38,.90))!important;
}
#configuratorModal .cfg-pro-header h2{
    font-size:clamp(30px,3.4vw,46px)!important;
}
#configuratorModal .cfg-pro-header p{
    font-size:14px!important;
    max-width:920px!important;
}

/* Größerer Close Button wie Premium-Modal */
#configuratorModal .modal-close{
    top:20px!important;
    right:20px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:15px!important;
}

/* Breiteres Zwei-Spalten-Layout */
#configuratorModal .configurator-pro{
    grid-template-columns:310px minmax(0,1fr)!important;
    min-height:0!important;
    height:100%!important;
}

/* Step-Navigation links schöner */
#configuratorModal .config-steps,
#configuratorModal .pro-steps{
    padding:22px!important;
    gap:10px!important;
    background:
        radial-gradient(circle at 0 0, rgba(98,184,255,.09), transparent 38%),
        rgba(8,17,38,.92)!important;
}
#configuratorModal .config-steps button,
#configuratorModal .pro-steps button{
    min-height:46px!important;
    padding:0 16px!important;
    border-radius:16px!important;
    font-size:13px!important;
}

/* Contentbereich größer und weniger gequetscht */
#configuratorModal .config-main,
#configuratorModal .pro-main{
    padding:28px!important;
    overflow:auto!important;
}

#configuratorModal .config-step{
    max-width:100%!important;
}

/* Hero im Schritt größer */
#configuratorModal .cfg-hero{
    padding:30px!important;
    margin-bottom:24px!important;
    border-radius:26px!important;
}
#configuratorModal .cfg-hero h3{
    font-size:clamp(30px,3.2vw,46px)!important;
}
#configuratorModal .cfg-hero p{
    font-size:16px!important;
    max-width:1080px!important;
}

/* Auswahlkarten breiter, schöne Grids */
#configuratorModal .cfg-choice-grid,
#configuratorModal .cfg-question-grid,
#configuratorModal .prettier-grid,
#configuratorModal .config-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
    gap:18px!important;
    width:100%!important;
}

#configuratorModal .choice-card,
#configuratorModal .cfg-card,
#configuratorModal .question-card{
    min-height:108px!important;
    padding:20px!important;
    border-radius:22px!important;
    background:
        radial-gradient(circle at 0 0, rgba(98,184,255,.13), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.028))!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
#configuratorModal .choice-card:hover,
#configuratorModal .choice-card.selected,
#configuratorModal .cfg-card:hover,
#configuratorModal .cfg-card.selected{
    transform:translateY(-1px)!important;
    border-color:rgba(242,193,78,.70)!important;
    box-shadow:0 0 0 3px rgba(242,193,78,.10),0 16px 38px rgba(242,193,78,.12)!important;
}

/* Eingaben im Generator */
#configuratorModal label{
    font-size:11px!important;
    color:#aab8cf!important;
}
#configuratorModal input,
#configuratorModal select,
#configuratorModal textarea{
    min-height:44px!important;
    border-radius:14px!important;
    font-size:14px!important;
}

/* Footer/Actions */
#configuratorModal .form-actions,
#configuratorModal .cfg-actions,
#configuratorModal .modal-actions-bottom{
    position:sticky!important;
    bottom:0!important;
    z-index:10!important;
    margin:24px -28px -28px!important;
    padding:16px 28px!important;
    background:linear-gradient(0deg, rgba(8,17,38,.98), rgba(8,17,38,.90))!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 -12px 28px rgba(0,0,0,.30)!important;
}

/* Template/Vorlagen Modal auch breiter/hübscher */
#templateModal .modal-box{
    width:min(1180px, calc(100vw - 36px))!important;
    max-width:min(1180px, calc(100vw - 36px))!important;
    max-height:90vh!important;
    padding:30px!important;
    border-radius:28px!important;
}
#templateModal .template-grid{
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
    gap:18px!important;
}
#templateModal .template-card{
    padding:20px!important;
    border-radius:22px!important;
}

/* Mobile */
@media(max-width:1050px){
    #configuratorModal .configurator-pro{
        grid-template-columns:1fr!important;
    }
    #configuratorModal .config-steps,
    #configuratorModal .pro-steps{
        flex-direction:row!important;
        flex-wrap:wrap!important;
        max-height:150px!important;
        border-right:0!important;
        border-bottom:1px solid rgba(255,255,255,.10)!important;
    }
    #configuratorModal .config-steps button,
    #configuratorModal .pro-steps button{
        width:auto!important;
    }
}
@media(max-width:720px){
    body.settings-v83 main.wrap,
    body.settings-v85 main.wrap,
    body.settings-page main.wrap,
    body.settings-v83 main.wrap.wide,
    body.settings-v85 main.wrap.wide,
    body.settings-page main.wrap.wide{
        padding:14px!important;
    }
    #configuratorModal{
        padding:8px!important;
    }
    #configuratorModal .modal-box.configurator-pro-box,
    #configuratorModal .modal-box.modal-xl,
    #configuratorModal .modal-box{
        width:100%!important;
        max-width:100%!important;
        height:calc(100dvh - 16px)!important;
        max-height:calc(100dvh - 16px)!important;
        min-height:0!important;
        border-radius:20px!important;
    }
    #configuratorModal .cfg-pro-header{
        padding:18px 66px 16px 18px!important;
    }
    #configuratorModal .config-main,
    #configuratorModal .pro-main{
        padding:16px!important;
    }
    #configuratorModal .cfg-hero{
        padding:20px!important;
    }
    #configuratorModal .cfg-choice-grid,
    #configuratorModal .cfg-question-grid,
    #configuratorModal .prettier-grid,
    #configuratorModal .config-grid{
        grid-template-columns:1fr!important;
    }
}

/* CampOrga v87 Configurator No-Scroll Menu Fix
   Menü im Listengenerator wird als horizontale Step-Leiste dargestellt.
   Keine scrollende linke Menüspalte mehr. */

#configuratorModal .modal-box.configurator-pro-box,
#configuratorModal .modal-box.modal-xl,
#configuratorModal .modal-box{
    width:min(1680px, calc(100vw - 24px))!important;
    max-width:min(1680px, calc(100vw - 24px))!important;
    height:min(94vh, 980px)!important;
    max-height:min(94vh, 980px)!important;
    min-height:min(780px, calc(100vh - 28px))!important;
}

/* Header kompakter, damit Step-Menü und Inhalt Platz haben */
#configuratorModal .cfg-pro-header{
    min-height:88px!important;
    padding:18px 70px 16px 26px!important;
}
#configuratorModal .cfg-pro-header h2{
    font-size:clamp(27px,3vw,42px)!important;
}
#configuratorModal .cfg-pro-header p{
    margin-top:6px!important;
    font-size:13px!important;
}

/* Wichtig: nicht mehr links/rechts, sondern oben Tabs + unten Content */
#configuratorModal .configurator-pro{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
}

/* Step-Menü als horizontale, umbrechende Pill-Leiste ohne Scroll */
#configuratorModal .config-steps,
#configuratorModal .pro-steps{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    align-content:flex-start!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:100%!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
    padding:12px 18px!important;
    margin:0!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    background:
        radial-gradient(circle at 0 0, rgba(98,184,255,.10), transparent 38%),
        rgba(8,17,38,.94)!important;
}

/* Tabs klein genug, damit alle sichtbar bleiben */
#configuratorModal .config-steps button,
#configuratorModal .pro-steps button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:220px!important;
    min-height:32px!important;
    height:32px!important;
    padding:0 11px!important;
    margin:0!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    justify-content:center!important;
    text-align:center!important;
}

/* Aktiver Tab deutlicher */
#configuratorModal .config-steps button.active,
#configuratorModal .pro-steps button.active{
    border-color:rgba(242,193,78,.78)!important;
    color:#ffd978!important;
    background:linear-gradient(180deg, rgba(242,193,78,.22), rgba(242,193,78,.10))!important;
    box-shadow:0 0 0 3px rgba(242,193,78,.08), 0 0 22px rgba(242,193,78,.12)!important;
}

/* Content nutzt volle Modalbreite */
#configuratorModal .config-main,
#configuratorModal .pro-main{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow:auto!important;
    padding:24px 28px!important;
}

/* Step-Content nicht schmal begrenzen */
#configuratorModal .config-step,
#configuratorModal .config-step.active{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
}

/* Karten/Fragen mit mehr Fläche */
#configuratorModal .cfg-choice-grid,
#configuratorModal .cfg-question-grid,
#configuratorModal .prettier-grid,
#configuratorModal .config-grid{
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;
    gap:18px!important;
}

/* Bei sehr vielen Tabs trotzdem kein internes Menüscrollen: kleiner umbrechen */
@media(max-width:1100px){
    #configuratorModal .config-steps,
    #configuratorModal .pro-steps{
        gap:6px!important;
        padding:10px 14px!important;
    }
    #configuratorModal .config-steps button,
    #configuratorModal .pro-steps button{
        max-width:180px!important;
        height:30px!important;
        min-height:30px!important;
        font-size:10.5px!important;
        padding:0 9px!important;
    }
    #configuratorModal .config-main,
    #configuratorModal .pro-main{
        padding:18px!important;
    }
}

@media(max-width:720px){
    #configuratorModal .modal-box.configurator-pro-box,
    #configuratorModal .modal-box.modal-xl,
    #configuratorModal .modal-box{
        width:100%!important;
        max-width:100%!important;
        height:calc(100dvh - 12px)!important;
        max-height:calc(100dvh - 12px)!important;
        min-height:0!important;
    }
    #configuratorModal .cfg-pro-header{
        min-height:0!important;
        padding:16px 62px 14px 16px!important;
    }
    #configuratorModal .config-steps,
    #configuratorModal .pro-steps{
        padding:9px!important;
        gap:5px!important;
    }
    #configuratorModal .config-steps button,
    #configuratorModal .pro-steps button{
        max-width:150px!important;
        height:29px!important;
        min-height:29px!important;
        font-size:10px!important;
    }
    #configuratorModal .cfg-choice-grid,
    #configuratorModal .cfg-question-grid,
    #configuratorModal .prettier-grid,
    #configuratorModal .config-grid{
        grid-template-columns:1fr!important;
    }
}

/* CampOrga v88 Configurator Slim Sexy Fix
   Korrektur zu v86/v87: nicht mehr fett/vollbildartig, sondern wieder schlank, edel und kompakt. */

#configuratorModal{
    padding:20px!important;
}

/* Schlanke Premium-Box statt XXL-Brett */
#configuratorModal .modal-box.configurator-pro-box,
#configuratorModal .modal-box.modal-xl,
#configuratorModal .modal-box{
    width:min(1040px, calc(100vw - 42px))!important;
    max-width:min(1040px, calc(100vw - 42px))!important;
    height:auto!important;
    min-height:0!important;
    max-height:min(86vh, 820px)!important;
    border-radius:24px!important;
    border-left:4px solid #f2c14e!important;
    box-shadow:
        0 24px 80px rgba(0,0,0,.72),
        0 0 42px rgba(98,184,255,.12),
        0 0 34px rgba(242,193,78,.10)!important;
}

/* Header wieder kompakt und edel */
#configuratorModal .cfg-pro-header{
    min-height:78px!important;
    padding:16px 64px 14px 22px!important;
}
#configuratorModal .cfg-pro-header h2{
    font-size:clamp(23px,2.5vw,34px)!important;
    line-height:1.04!important;
}
#configuratorModal .cfg-pro-header p{
    margin-top:5px!important;
    font-size:12.5px!important;
    line-height:1.32!important;
    max-width:760px!important;
}
#configuratorModal .cfg-pro-header .eyebrow{
    font-size:9.5px!important;
    margin-bottom:5px!important;
}

/* Progress kleiner */
#configuratorModal .cfg-progress{
    flex:0 0 170px!important;
    font-size:11px!important;
}
#configuratorModal .cfg-progress > div{
    height:6px!important;
}

/* Close kleiner/elegant */
#configuratorModal .modal-close{
    top:16px!important;
    right:16px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:12px!important;
    font-size:20px!important;
}

/* Aufbau: oben Steps, unten Content – aber nicht vollgefressen */
#configuratorModal .configurator-pro{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    min-height:0!important;
    max-height:calc(86vh - 78px)!important;
    overflow:hidden!important;
}

/* Menü: kompakte Pill-Leiste, kein hässlicher Scrollbalken */
#configuratorModal .config-steps,
#configuratorModal .pro-steps{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    max-height:none!important;
    overflow:visible!important;
    padding:10px 14px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    background:rgba(8,17,38,.92)!important;
}

/* Pills kleiner, damit es schlank bleibt */
#configuratorModal .config-steps button,
#configuratorModal .pro-steps button{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:150px!important;
    min-height:28px!important;
    height:28px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

/* Content kompakter */
#configuratorModal .config-main,
#configuratorModal .pro-main{
    padding:18px 20px!important;
    overflow:auto!important;
}

/* Hero im Step nicht riesig */
#configuratorModal .cfg-hero{
    padding:18px!important;
    margin-bottom:14px!important;
    border-radius:18px!important;
}
#configuratorModal .cfg-hero span{
    font-size:22px!important;
    margin-bottom:5px!important;
}
#configuratorModal .cfg-hero h3{
    font-size:clamp(21px,2.2vw,30px)!important;
    margin-bottom:7px!important;
}
#configuratorModal .cfg-hero p{
    font-size:13px!important;
    line-height:1.38!important;
    max-width:720px!important;
}

/* Karten wieder sexy schlank */
#configuratorModal .cfg-choice-grid,
#configuratorModal .cfg-question-grid,
#configuratorModal .prettier-grid,
#configuratorModal .config-grid{
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
    gap:10px!important;
}

#configuratorModal .choice-card,
#configuratorModal .cfg-card,
#configuratorModal .question-card{
    min-height:78px!important;
    padding:13px!important;
    border-radius:16px!important;
    gap:6px!important;
    box-shadow:0 8px 22px rgba(0,0,0,.14)!important;
}
#configuratorModal .choice-card b,
#configuratorModal .cfg-card b,
#configuratorModal .question-card b{
    font-size:13.5px!important;
}
#configuratorModal .choice-card small,
#configuratorModal .cfg-card small,
#configuratorModal .question-card small{
    font-size:11.5px!important;
    line-height:1.25!important;
}

/* Formfelder kompakt */
#configuratorModal label{
    font-size:10px!important;
    gap:5px!important;
}
#configuratorModal input,
#configuratorModal select,
#configuratorModal textarea{
    min-height:36px!important;
    border-radius:11px!important;
    font-size:13px!important;
    padding:8px 10px!important;
}
#configuratorModal textarea{
    min-height:70px!important;
}

/* Footer kompakter, nicht als dicke Leiste */
#configuratorModal .form-actions,
#configuratorModal .cfg-actions,
#configuratorModal .modal-actions-bottom{
    margin:14px -20px -18px!important;
    padding:12px 20px!important;
    min-height:54px!important;
}
#configuratorModal .btn{
    min-height:34px!important;
    height:34px!important;
    padding:0 13px!important;
    border-radius:11px!important;
    font-size:10.5px!important;
}

/* Template/Vorlagen Modal auch schlanker */
#templateModal .modal-box{
    width:min(860px, calc(100vw - 42px))!important;
    max-width:min(860px, calc(100vw - 42px))!important;
    max-height:84vh!important;
    padding:22px!important;
    border-radius:22px!important;
}
#templateModal .template-grid{
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
    gap:10px!important;
}
#templateModal .template-card{
    padding:14px!important;
    border-radius:16px!important;
}

/* Mobile bleibt voll nutzbar */
@media(max-width:720px){
    #configuratorModal{
        padding:8px!important;
    }
    #configuratorModal .modal-box.configurator-pro-box,
    #configuratorModal .modal-box.modal-xl,
    #configuratorModal .modal-box{
        width:100%!important;
        max-width:100%!important;
        max-height:calc(100dvh - 16px)!important;
        height:auto!important;
        border-radius:18px!important;
    }
    #configuratorModal .cfg-pro-header{
        padding:14px 58px 12px 14px!important;
    }
    #configuratorModal .cfg-progress{
        display:none!important;
    }
    #configuratorModal .config-steps,
    #configuratorModal .pro-steps{
        padding:8px!important;
        gap:5px!important;
    }
    #configuratorModal .config-steps button,
    #configuratorModal .pro-steps button{
        max-width:136px!important;
        height:27px!important;
        min-height:27px!important;
        font-size:9.5px!important;
    }
    #configuratorModal .config-main,
    #configuratorModal .pro-main{
        padding:12px!important;
    }
    #configuratorModal .cfg-choice-grid,
    #configuratorModal .cfg-question-grid,
    #configuratorModal .prettier-grid,
    #configuratorModal .config-grid{
        grid-template-columns:1fr!important;
    }
}

/* CampOrga v89 Compact Main Sidebar
   Nur linke Haupt-Sidebar kompakter. Modale/Generator-Menü bleiben unberührt. */

body.has-sidebar .sidebar{
    width:276px!important;
    min-width:276px!important;
    padding:14px 12px!important;
}

body.has-sidebar .app-shell{
    grid-template-columns:276px minmax(0,1fr)!important;
}

/* Logo/Kopfbereich etwas weniger hoch */
body.has-sidebar .sidebar .brand,
body.has-sidebar .sidebar-brand,
body.has-sidebar .side-brand{
    gap:9px!important;
    padding:8px 8px 12px!important;
    margin-bottom:8px!important;
}

body.has-sidebar .sidebar .brand img,
body.has-sidebar .sidebar-brand img,
body.has-sidebar .side-brand img{
    max-height:42px!important;
}

body.has-sidebar .sidebar .brand-title,
body.has-sidebar .sidebar-brand-title,
body.has-sidebar .side-brand-title{
    font-size:15px!important;
    line-height:1.05!important;
}

body.has-sidebar .sidebar .brand-sub,
body.has-sidebar .sidebar-brand-sub,
body.has-sidebar .side-brand-sub{
    font-size:11px!important;
    line-height:1.2!important;
}

/* Menügruppen kompakter */
body.has-sidebar .sidebar nav,
body.has-sidebar .side-nav{
    gap:5px!important;
}

body.has-sidebar .sidebar .nav-group,
body.has-sidebar .side-group{
    margin:8px 0!important;
}

body.has-sidebar .sidebar .nav-title,
body.has-sidebar .sidebar .side-title,
body.has-sidebar .sidebar .menu-title{
    margin:10px 8px 5px!important;
    font-size:10px!important;
    letter-spacing:.10em!important;
}

/* Hauptlinks etwas niedriger und enger */
body.has-sidebar .sidebar a,
body.has-sidebar .sidebar button,
body.has-sidebar .side-link{
    min-height:36px!important;
}

body.has-sidebar .sidebar .side-link,
body.has-sidebar .sidebar a.side-link,
body.has-sidebar .side-link{
    gap:9px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
    font-size:13px!important;
    line-height:1.15!important;
}

/* Icons minimal kleiner */
body.has-sidebar .side-link .ico,
body.has-sidebar .side-link .icon,
body.has-sidebar .sidebar .nav-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    border-radius:10px!important;
    font-size:15px!important;
}

/* Badges/Zähler nicht so wuchtig */
body.has-sidebar .sidebar .badge,
body.has-sidebar .sidebar .pill,
body.has-sidebar .side-link .badge,
body.has-sidebar .side-link .pill{
    min-height:20px!important;
    padding:3px 7px!important;
    font-size:10px!important;
}

/* Aktive Reise / untere Boxen etwas kompakter */
body.has-sidebar .sidebar .active-trip-card,
body.has-sidebar .sidebar .side-card,
body.has-sidebar .sidebar .sidebar-card{
    padding:10px!important;
    border-radius:16px!important;
    margin:8px 0!important;
}

body.has-sidebar .sidebar .active-trip-card h3,
body.has-sidebar .sidebar .side-card h3,
body.has-sidebar .sidebar .sidebar-card h3{
    font-size:13px!important;
    line-height:1.15!important;
    margin-bottom:5px!important;
}

body.has-sidebar .sidebar .active-trip-card p,
body.has-sidebar .sidebar .side-card p,
body.has-sidebar .sidebar .sidebar-card p{
    font-size:11.5px!important;
    line-height:1.25!important;
}

/* Userbereich/Footer in Sidebar kleiner */
body.has-sidebar .sidebar .userbox,
body.has-sidebar .sidebar .side-user,
body.has-sidebar .sidebar .sidebar-footer{
    padding:9px!important;
    gap:7px!important;
    border-radius:15px!important;
}

/* Nicht auf Modale anwenden */
.modal .sidebar,
#configuratorModal .config-steps,
#configuratorModal .pro-steps{
    width:auto!important;
    min-width:0!important;
}

/* Mobile bleibt wie gehabt */
@media(max-width:980px){
    body.has-sidebar .app-shell{
        grid-template-columns:1fr!important;
    }
    body.has-sidebar .sidebar{
        width:100%!important;
        min-width:0!important;
    }
}

/* CampOrga v90 Remove unused nav pages
   Sicherheitsnetz: Dokumente/Orte/Kontakte in Navigation ausblenden, falls irgendwo noch ein Link steht. */
.sidebar a[href*="documents.php"],
.sidebar a[href*="dokumente.php"],
.sidebar a[href*="docs.php"],
.sidebar a[href*="places.php"],
.sidebar a[href*="orte.php"],
.sidebar a[href*="contacts.php"],
.sidebar a[href*="kontakte.php"],
.side-nav a[href*="documents.php"],
.side-nav a[href*="dokumente.php"],
.side-nav a[href*="docs.php"],
.side-nav a[href*="places.php"],
.side-nav a[href*="orte.php"],
.side-nav a[href*="contacts.php"],
.side-nav a[href*="kontakte.php"]{
    display:none!important;
}

/* CampOrga v91 Dashboard Rework */
body.dashboard-page .hero h1,
.hero.card.glass h1{
    font-size:clamp(34px,4.2vw,58px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
}
body.dashboard-page .hero.card.glass{
    padding:26px!important;
}
body.dashboard-page .scoreboard{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
#newTripModal{
    z-index:220000!important;
    background:radial-gradient(circle at 18% 12%, rgba(98,184,255,.20), transparent 34%),radial-gradient(circle at 82% 20%, rgba(242,193,78,.17), transparent 30%),rgba(2,6,15,.88)!important;
    backdrop-filter:blur(14px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(135%)!important;
}
#newTripModal .modal-box{
    width:min(860px, calc(100vw - 34px))!important;
    max-width:min(860px, calc(100vw - 34px))!important;
    max-height:88vh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:0!important;
    border-radius:24px!important;
    border:1px solid rgba(137,188,255,.18)!important;
    border-left:4px solid #f2c14e!important;
    background:linear-gradient(145deg, rgba(17,33,68,.98), rgba(5,10,24,.98))!important;
    box-shadow:0 28px 90px rgba(0,0,0,.78),0 0 52px rgba(98,184,255,.13),0 0 44px rgba(242,193,78,.10)!important;
    color:#f8fbff!important;
}
#newTripModal .modal-premium-head{
    padding:22px 58px 18px 24px!important;
    background:linear-gradient(180deg, rgba(8,17,38,.98), rgba(8,17,38,.88))!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
}
#newTripModal .eyebrow{display:block!important;color:#ffd978!important;font-size:10px!important;line-height:1!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:950!important;margin-bottom:7px!important;}
#newTripModal h2{margin:0!important;color:#fff!important;font-size:clamp(26px,3vw,38px)!important;line-height:1.02!important;letter-spacing:-.035em!important;}
#newTripModal .modal-premium-head p{margin:8px 0 0!important;color:#aab8cf!important;font-size:13px!important;line-height:1.4!important;}
#newTripModal .modal-close{position:absolute!important;top:16px!important;right:16px!important;z-index:5!important;width:38px!important;height:38px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(0,0,0,.32)!important;color:#fff!important;display:grid!important;place-items:center!important;padding:0!important;}
#newTripModal .modalform{padding:22px 24px 0!important;overflow:auto!important;}
#newTripModal .premium-grid.two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
#newTripModal label{display:flex!important;flex-direction:column!important;gap:7px!important;color:#aab8cf!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-weight:950!important;}
#newTripModal label.full{margin-top:14px!important;}
#newTripModal input,#newTripModal select,#newTripModal textarea{min-height:42px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(0,0,0,.32)!important;color:#fff!important;padding:10px 12px!important;}
#newTripModal textarea{min-height:86px!important;}
#newTripModal .modal-actions-bottom{position:sticky!important;bottom:0!important;z-index:3!important;margin:22px -24px 0!important;padding:14px 24px!important;display:flex!important;justify-content:flex-end!important;gap:10px!important;border-top:1px solid rgba(255,255,255,.10)!important;background:linear-gradient(0deg, rgba(8,17,38,.98), rgba(8,17,38,.90))!important;}

.cards-as-original{gap:12px!important;}
.cards-as-original .tripcard{padding:14px!important;border-radius:18px!important;min-height:0!important;}
.cards-as-original .tripcard .triphead h2{font-size:17px!important;line-height:1.12!important;margin:0!important;}
.cards-as-original .tripcard p{font-size:12.5px!important;line-height:1.3!important;margin:6px 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cards-as-original .tripcard .meta,
.cards-as-original .tripcard .stats{gap:6px!important;font-size:11.5px!important;}
.cards-as-original .tripcard .meta b,
.cards-as-original .tripcard .stats span{padding:5px 8px!important;border-radius:10px!important;}
@media(max-width:900px){
    body.dashboard-page .scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
    #newTripModal .premium-grid.two{grid-template-columns:1fr!important;}
    #newTripModal .modal-box{width:100%!important;max-width:100%!important;}
}

/* CampOrga v92 Dashboard Title + Trip Cards Fix */

/* Eyebrow-Begrüßung oben hübsch, großer Titel bleibt original */
body.dashboard-page .hero.card.glass .eyebrow{
    color:#ffd978!important;
    font-size:11px!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
    font-weight:950!important;
    margin-bottom:8px!important;
}
body.dashboard-page .hero.card.glass h1{
    font-size:clamp(38px,4.6vw,64px)!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
    margin:0 0 10px!important;
}

/* Reisekarten: kleiner, aber attraktiver und mit stärkerem Titel */
.cards-as-original{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
}

.cards-as-original .tripcard{
    position:relative!important;
    min-height:168px!important;
    padding:16px!important;
    border-radius:22px!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.12), transparent 34%),
        radial-gradient(circle at 100% 0, rgba(98,184,255,.10), transparent 38%),
        linear-gradient(145deg, rgba(17,33,68,.72), rgba(5,10,24,.88))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 16px 44px rgba(0,0,0,.24)!important;
    transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease!important;
}

.cards-as-original .tripcard:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(242,193,78,.42)!important;
    box-shadow:0 20px 54px rgba(0,0,0,.30), 0 0 28px rgba(242,193,78,.10)!important;
}

.cards-as-original .tripcard::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:linear-gradient(90deg, rgba(242,193,78,.85), rgba(98,184,255,.65), transparent 46%) top/100% 2px no-repeat!important;
    opacity:.88!important;
}

.cards-as-original .tripcard .triphead{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:8px!important;
}

.cards-as-original .tripcard .triphead h2{
    font-size:clamp(22px,2.2vw,30px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    margin:0!important;
    color:#fff!important;
    font-weight:950!important;
}

.cards-as-original .tripcard .triphead span{
    flex:0 0 auto!important;
    padding:6px 9px!important;
    border-radius:999px!important;
    background:rgba(242,193,78,.12)!important;
    border:1px solid rgba(242,193,78,.28)!important;
    color:#ffd978!important;
    font-size:11px!important;
    font-weight:900!important;
}

.cards-as-original .tripcard p{
    min-height:0!important;
    margin:6px 0 12px!important;
    color:#aab8cf!important;
    font-size:12.5px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
}

.cards-as-original .tripcard .meta,
.cards-as-original .tripcard .stats{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin-top:8px!important;
}

.cards-as-original .tripcard .meta b,
.cards-as-original .tripcard .stats span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:26px!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:#dbe7ff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;
}

.cards-as-original .tripcard .stats span:first-child{
    background:rgba(98,184,255,.10)!important;
    border-color:rgba(98,184,255,.18)!important;
}

@media(max-width:720px){
    .cards-as-original{
        grid-template-columns:1fr!important;
    }
    .cards-as-original .tripcard{
        min-height:0!important;
    }
}

/* CampOrga v93 Dashboard Rich Trip Cards */

.cards-as-original{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(310px,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
}

.cards-as-original .dashboard-tripcard-v93,
.cards-as-original .tripcard{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    min-height:0!important;
    padding:17px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    text-decoration:none!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.15), transparent 34%),
        radial-gradient(circle at 105% 0, rgba(98,184,255,.13), transparent 36%),
        linear-gradient(145deg, rgba(17,33,68,.78), rgba(5,10,24,.92))!important;
    border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:0 16px 48px rgba(0,0,0,.26)!important;
    transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease!important;
}

.cards-as-original .dashboard-tripcard-v93:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(242,193,78,.48)!important;
    box-shadow:0 22px 62px rgba(0,0,0,.34),0 0 32px rgba(242,193,78,.12)!important;
}

.cards-as-original .dashboard-tripcard-v93::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
        linear-gradient(90deg, rgba(242,193,78,.95), rgba(98,184,255,.70), transparent 58%) top/100% 2px no-repeat,
        linear-gradient(180deg, rgba(255,255,255,.035), transparent 38%)!important;
}

.tripcard-topline{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:10px!important;
    margin-bottom:1px!important;
}

.trip-status{
    display:inline-flex!important;
    align-items:center!important;
    min-height:24px!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    background:rgba(242,193,78,.14)!important;
    border:1px solid rgba(242,193,78,.32)!important;
    color:#ffd978!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.07em!important;
    text-transform:uppercase!important;
}

.trip-open{
    color:#8fb7ff!important;
    font-size:11px!important;
    font-weight:900!important;
}

.cards-as-original .dashboard-tripcard-v93 .triphead{
    margin:0!important;
    display:block!important;
}

.cards-as-original .dashboard-tripcard-v93 .triphead h2{
    margin:0!important;
    color:#fff!important;
    font-size:clamp(24px,2.4vw,34px)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
    font-weight:950!important;
}

.trip-destination{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    color:#dbe7ff!important;
    font-size:13px!important;
    font-weight:850!important;
    margin-top:-2px!important;
}

.cards-as-original .dashboard-tripcard-v93 p{
    margin:0!important;
    min-height:34px!important;
    color:#aab8cf!important;
    font-size:12.5px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
}

.trip-mini-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:2px!important;
}

.trip-mini-grid span{
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
    min-width:0!important;
    padding:9px 10px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.075)!important;
}

.trip-mini-grid small,
.trip-progress-row small{
    color:#8292ad!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
}

.trip-mini-grid b{
    color:#eef5ff!important;
    font-size:12px!important;
    line-height:1.15!important;
    font-weight:850!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

.trip-progress-row{
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-end!important;
    gap:12px!important;
    margin-top:3px!important;
}

.trip-progress-row > div{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
}

.trip-progress-row b{
    color:#fff!important;
    font-size:12px!important;
    line-height:1!important;
}

.trip-progress-row strong{
    color:#ffd978!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:950!important;
}

.trip-progress{
    height:8px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.06)!important;
}

.trip-progress span{
    display:block!important;
    height:100%!important;
    min-width:3px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#f2c14e,#62b8ff)!important;
    box-shadow:0 0 18px rgba(242,193,78,.18)!important;
}

.tripcard-footer{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:10px!important;
    margin-top:auto!important;
    padding-top:10px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    color:#dbe7ff!important;
    font-size:12px!important;
    font-weight:900!important;
}

.tripcard-footer span:first-child{
    color:#ffd978!important;
}

.tripcard-footer span:last-child{
    color:#8fb7ff!important;
}

.cards-as-original .dashboard-tripcard-v93 .meta,
.cards-as-original .dashboard-tripcard-v93 .stats{
    display:none!important;
}

@media(max-width:760px){
    .cards-as-original{
        grid-template-columns:1fr!important;
    }
    .trip-mini-grid{
        grid-template-columns:1fr!important;
    }
}

/* CampOrga v94 Dashboard Card Actions */

/* Reisekarten auf 50%-Breite: zwei nebeneinander auf Desktop */
.cards-as-original{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
}

.cards-as-original .dashboard-tripcard-v94{
    position:relative!important;
    min-width:0!important;
}

/* Die Karte bleibt komplett klickbar, Buttons liegen darüber */
.dashboard-tripcard-v94 .tripcard-mainlink{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    border-radius:24px!important;
}

.dashboard-tripcard-v94 > *:not(.tripcard-mainlink){
    position:relative!important;
    z-index:2!important;
}

.trip-card-actions{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    flex:0 0 auto!important;
}

.icon-action{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.075)!important;
    color:#f8fbff!important;
    font-size:15px!important;
    line-height:1!important;
    cursor:pointer!important;
    box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}

.icon-action:hover{
    border-color:rgba(242,193,78,.58)!important;
    color:#ffd978!important;
    box-shadow:0 0 0 3px rgba(242,193,78,.10),0 12px 26px rgba(0,0,0,.24)!important;
}

.icon-action.danger:hover{
    border-color:rgba(255,108,108,.58)!important;
    color:#ffb4b4!important;
    box-shadow:0 0 0 3px rgba(255,108,108,.10),0 12px 26px rgba(0,0,0,.24)!important;
}

/* Dashboard Bearbeiten-/Archiv-Modale im gleichen Premium-Stil */
.dashboard-edit-trip-modal,
.dashboard-archive-trip-modal{
    z-index:220000!important;
    background:
        radial-gradient(circle at 18% 12%, rgba(98,184,255,.20), transparent 34%),
        radial-gradient(circle at 82% 20%, rgba(242,193,78,.17), transparent 30%),
        rgba(2,6,15,.88)!important;
    backdrop-filter:blur(14px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(135%)!important;
}

.dashboard-edit-trip-modal .modal-box,
.dashboard-archive-trip-modal .modal-box{
    width:min(860px, calc(100vw - 34px))!important;
    max-width:min(860px, calc(100vw - 34px))!important;
    max-height:88vh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:0!important;
    border-radius:24px!important;
    border:1px solid rgba(137,188,255,.18)!important;
    border-left:4px solid #f2c14e!important;
    background:linear-gradient(145deg, rgba(17,33,68,.98), rgba(5,10,24,.98))!important;
    box-shadow:0 28px 90px rgba(0,0,0,.78),0 0 52px rgba(98,184,255,.13),0 0 44px rgba(242,193,78,.10)!important;
    color:#f8fbff!important;
}

.dashboard-archive-trip-modal .modal-box{
    width:min(620px, calc(100vw - 34px))!important;
}

.dashboard-edit-trip-modal .modal-premium-head,
.dashboard-archive-trip-modal .modal-premium-head{
    padding:22px 58px 18px 24px!important;
    background:linear-gradient(180deg, rgba(8,17,38,.98), rgba(8,17,38,.88))!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
}

.dashboard-archive-trip-modal .danger-head{
    background:
        radial-gradient(circle at 0 0, rgba(255,108,108,.15), transparent 42%),
        linear-gradient(180deg, rgba(8,17,38,.98), rgba(8,17,38,.88))!important;
}

.dashboard-edit-trip-modal .eyebrow,
.dashboard-archive-trip-modal .eyebrow{
    display:block!important;
    color:#ffd978!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
    font-weight:950!important;
    margin-bottom:7px!important;
}

.dashboard-edit-trip-modal h2,
.dashboard-archive-trip-modal h2{
    margin:0!important;
    color:#fff!important;
    font-size:clamp(26px,3vw,38px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
}

.dashboard-edit-trip-modal .modal-premium-head p,
.dashboard-archive-trip-modal .modal-premium-head p{
    margin:8px 0 0!important;
    color:#aab8cf!important;
    font-size:13px!important;
    line-height:1.4!important;
}

.dashboard-edit-trip-modal .modal-close,
.dashboard-archive-trip-modal .modal-close{
    position:absolute!important;
    top:16px!important;
    right:16px!important;
    z-index:5!important;
    width:38px!important;
    height:38px!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(0,0,0,.32)!important;
    color:#fff!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
}

.dashboard-edit-trip-modal .modalform,
.dashboard-archive-trip-modal .modalform{
    padding:22px 24px 0!important;
    overflow:auto!important;
}

.dashboard-edit-trip-modal .premium-grid.two{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
}

.dashboard-edit-trip-modal label{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    color:#aab8cf!important;
    font-size:11px!important;
    text-transform:uppercase!important;
    letter-spacing:.12em!important;
    font-weight:950!important;
}

.dashboard-edit-trip-modal label.full{
    margin-top:14px!important;
}

.dashboard-edit-trip-modal input,
.dashboard-edit-trip-modal select,
.dashboard-edit-trip-modal textarea{
    min-height:42px!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(0,0,0,.32)!important;
    color:#fff!important;
    padding:10px 12px!important;
}

.dashboard-edit-trip-modal textarea{
    min-height:86px!important;
}

.archive-warning-card{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:18px!important;
    border-radius:18px!important;
    background:
        radial-gradient(circle at 0 0, rgba(255,108,108,.12), transparent 38%),
        rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,108,108,.24)!important;
}

.archive-warning-card b{
    color:#fff!important;
    font-size:20px!important;
    line-height:1.15!important;
}

.archive-warning-card span{
    color:#aab8cf!important;
    font-size:13px!important;
    line-height:1.4!important;
}

.dashboard-edit-trip-modal .modal-actions-bottom,
.dashboard-archive-trip-modal .modal-actions-bottom{
    position:sticky!important;
    bottom:0!important;
    z-index:3!important;
    margin:22px -24px 0!important;
    padding:14px 24px!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:10px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    background:linear-gradient(0deg, rgba(8,17,38,.98), rgba(8,17,38,.90))!important;
}

.btn.danger{
    background:linear-gradient(135deg,#ffb4b4,#ff6b6b 55%,#b72f2f)!important;
    color:#1c0707!important;
    border-color:rgba(255,108,108,.45)!important;
}

@media(max-width:1050px){
    .cards-as-original{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:720px){
    .dashboard-edit-trip-modal .premium-grid.two{
        grid-template-columns:1fr!important;
    }
    .dashboard-edit-trip-modal .modal-box,
    .dashboard-archive-trip-modal .modal-box{
        width:100%!important;
        max-width:100%!important;
    }
}

/* CampOrga v96 Archive Gray + Aktiv Status */

/* Archivierte Reisen optisch ausgrauen */
.tripcard.is-archived,
.dashboard-tripcard-v94.is-archived,
.cards-as-original .tripcard.is-archived{
    filter:grayscale(.72)!important;
    opacity:.58!important;
    border-color:rgba(255,255,255,.07)!important;
    background:
        radial-gradient(circle at 0 0, rgba(150,160,175,.10), transparent 34%),
        linear-gradient(145deg, rgba(28,34,46,.72), rgba(8,10,16,.90))!important;
    box-shadow:0 10px 32px rgba(0,0,0,.18)!important;
}

.tripcard.is-archived:hover,
.dashboard-tripcard-v94.is-archived:hover{
    opacity:.72!important;
    filter:grayscale(.45)!important;
    border-color:rgba(255,255,255,.14)!important;
}

/* Archiv-Badge bewusst grau */
.tripcard.is-archived .trip-status,
.dashboard-tripcard-v94.is-archived .trip-status{
    color:#cbd3df!important;
    background:rgba(255,255,255,.07)!important;
    border-color:rgba(255,255,255,.13)!important;
}

/* Aktive Reisen sichtbar gold/blau und immer "Aktiv" */
.tripcard.is-active .trip-status,
.dashboard-tripcard-v94.is-active .trip-status{
    color:#ffd978!important;
    background:rgba(242,193,78,.14)!important;
    border-color:rgba(242,193,78,.34)!important;
}

/* Falls alte Trips-Übersicht den Status im Head-Span nutzt */
.tripcard.is-archived .triphead span{
    color:#cbd3df!important;
    background:rgba(255,255,255,.07)!important;
    border-color:rgba(255,255,255,.13)!important;
}

.tripcard.is-active .triphead span{
    color:#ffd978!important;
    background:rgba(242,193,78,.14)!important;
    border-color:rgba(242,193,78,.34)!important;
}

/* CampOrga v97 Archive Readonly */

/* Archivierte Reisekarten: nur Ansicht, keine Bearbeiten-/Archiv-Buttons */
.tripcard.is-archived .trip-card-actions,
.dashboard-tripcard-v94.is-archived .trip-card-actions{
    display:none!important;
}

.tripcard.is-archived .tripcard-footer span:last-child::before,
.dashboard-tripcard-v94.is-archived .tripcard-footer span:last-child::before{
    content:"👁 ";
}
.tripcard.is-archived .tripcard-footer span:last-child,
.dashboard-tripcard-v94.is-archived .tripcard-footer span:last-child{
    color:#cbd3df!important;
}

/* Reise-Detailseite im Archiv */
.archive-readonly-notice{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin-bottom:16px!important;
    padding:16px 18px!important;
    border-radius:20px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-left:4px solid rgba(180,190,205,.55)!important;
    background:
        radial-gradient(circle at 0 0, rgba(180,190,205,.14), transparent 38%),
        linear-gradient(145deg, rgba(28,34,46,.78), rgba(8,10,16,.92))!important;
    color:#eef5ff!important;
    box-shadow:0 14px 38px rgba(0,0,0,.22)!important;
}
.archive-readonly-notice strong{
    font-size:18px!important;
    line-height:1.1!important;
}
.archive-readonly-notice span{
    color:#aab8cf!important;
    font-size:13px!important;
    line-height:1.35!important;
}

.archive-view-only-actions{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
}
.archive-view-pill{
    display:inline-flex!important;
    align-items:center!important;
    min-height:38px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    color:#d7dfec!important;
    font-size:12px!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}

/* In archivierter Reise: Formulare und Schreibaktionen optisch deaktivieren */
body.trip-archived-readonly form input,
body.trip-archived-readonly form select,
body.trip-archived-readonly form textarea{
    pointer-events:none!important;
    opacity:.62!important;
    filter:grayscale(.35)!important;
}

body.trip-archived-readonly form button:not([type="button"]),
body.trip-archived-readonly form button[type="submit"],
body.trip-archived-readonly .btn.danger,
body.trip-archived-readonly button[name="action"],
body.trip-archived-readonly details.add-day-box,
body.trip-archived-readonly .modal-actions-bottom .btn.primary,
body.trip-archived-readonly .modal-actions-bottom button:not([type="button"]){
    display:none!important;
}

/* Buttons, die nur Ansichtsmodale öffnen, bleiben nutzbar */
body.trip-archived-readonly button[type="button"],
body.trip-archived-readonly .btn.ghost.small,
body.trip-archived-readonly a.btn{
    pointer-events:auto!important;
}

/* Schreiblastige Bereiche dezenter */
body.trip-archived-readonly .formcard,
body.trip-archived-readonly .modalform,
body.trip-archived-readonly .fileupload{
    opacity:.88!important;
}

@media(max-width:760px){
    .archive-readonly-notice{
        flex-direction:column!important;
        align-items:flex-start!important;
    }
}

/* CampOrga v98 Delete + Travel Progress */

.icon-action.delete:hover{
    border-color:rgba(255,80,80,.72)!important;
    color:#ffc0c0!important;
    background:rgba(255,80,80,.12)!important;
    box-shadow:0 0 0 3px rgba(255,80,80,.11),0 12px 26px rgba(0,0,0,.25)!important;
}

.dashboard-delete-trip-modal{
    z-index:225000!important;
    background:
        radial-gradient(circle at 18% 12%, rgba(255,80,80,.20), transparent 34%),
        radial-gradient(circle at 82% 20%, rgba(242,193,78,.12), transparent 30%),
        rgba(2,6,15,.90)!important;
    backdrop-filter:blur(14px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(135%)!important;
}

.dashboard-delete-trip-modal .modal-box{
    width:min(620px, calc(100vw - 34px))!important;
    max-width:min(620px, calc(100vw - 34px))!important;
    max-height:88vh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:0!important;
    border-radius:24px!important;
    border:1px solid rgba(255,108,108,.25)!important;
    border-left:4px solid #ff6b6b!important;
    background:linear-gradient(145deg, rgba(34,20,26,.98), rgba(5,10,24,.98))!important;
    box-shadow:0 28px 90px rgba(0,0,0,.80),0 0 52px rgba(255,80,80,.13)!important;
    color:#f8fbff!important;
}

.dashboard-delete-trip-modal.final-delete-modal .modal-box{
    border-color:rgba(255,80,80,.40)!important;
    box-shadow:0 28px 100px rgba(0,0,0,.86),0 0 68px rgba(255,80,80,.20)!important;
}

.delete-warning-card{
    border-color:rgba(255,80,80,.32)!important;
    background:
        radial-gradient(circle at 0 0, rgba(255,80,80,.16), transparent 42%),
        rgba(255,255,255,.055)!important;
}

.travel-progress span{
    background:linear-gradient(90deg,#62b8ff,#f2c14e)!important;
}

.dashboard-tripcard-v98 .trip-mini-grid span:nth-child(2){
    background:rgba(242,193,78,.085)!important;
    border-color:rgba(242,193,78,.16)!important;
}

.dashboard-tripcard-v98 .trip-mini-grid span:nth-child(2) b{
    color:#ffd978!important;
}

.dashboard-tripcard-v98 .trip-progress-row small{
    color:#8fb7ff!important;
}

/* CampOrga v99 Trips Modal + Sidebar Logo Fix */

/* trips.php nutzt das gleiche Premium-Modal wie index.php */
.trips-new-trip-modal,
#newTripModal.trips-new-trip-modal{
    z-index:220000!important;
    background:
        radial-gradient(circle at 18% 12%, rgba(98,184,255,.20), transparent 34%),
        radial-gradient(circle at 82% 20%, rgba(242,193,78,.17), transparent 30%),
        rgba(2,6,15,.88)!important;
    backdrop-filter:blur(14px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(135%)!important;
}

.trips-new-trip-modal .modal-box{
    width:min(860px, calc(100vw - 34px))!important;
    max-width:min(860px, calc(100vw - 34px))!important;
    max-height:88vh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:0!important;
    border-radius:24px!important;
    border:1px solid rgba(137,188,255,.18)!important;
    border-left:4px solid #f2c14e!important;
    background:linear-gradient(145deg, rgba(17,33,68,.98), rgba(5,10,24,.98))!important;
    box-shadow:0 28px 90px rgba(0,0,0,.78),0 0 52px rgba(98,184,255,.13),0 0 44px rgba(242,193,78,.10)!important;
    color:#f8fbff!important;
}

.trips-new-trip-modal .modal-premium-head{
    padding:22px 58px 18px 24px!important;
    background:linear-gradient(180deg, rgba(8,17,38,.98), rgba(8,17,38,.88))!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
}

.trips-new-trip-modal .eyebrow{
    display:block!important;
    color:#ffd978!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
    font-weight:950!important;
    margin-bottom:7px!important;
}

.trips-new-trip-modal h2{
    margin:0!important;
    color:#fff!important;
    font-size:clamp(26px,3vw,38px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
}

.trips-new-trip-modal .modal-premium-head p{
    margin:8px 0 0!important;
    color:#aab8cf!important;
    font-size:13px!important;
    line-height:1.4!important;
}

.trips-new-trip-modal .modal-close{
    position:absolute!important;
    top:16px!important;
    right:16px!important;
    z-index:5!important;
    width:38px!important;
    height:38px!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(0,0,0,.32)!important;
    color:#fff!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
}

.trips-new-trip-modal .modalform{
    padding:22px 24px 0!important;
    overflow:auto!important;
}

.trips-new-trip-modal .premium-grid.two{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
}

.trips-new-trip-modal label{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    color:#aab8cf!important;
    font-size:11px!important;
    text-transform:uppercase!important;
    letter-spacing:.12em!important;
    font-weight:950!important;
}

.trips-new-trip-modal label.full{
    margin-top:14px!important;
}

.trips-new-trip-modal input,
.trips-new-trip-modal select,
.trips-new-trip-modal textarea{
    min-height:42px!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(0,0,0,.32)!important;
    color:#fff!important;
    padding:10px 12px!important;
}

.trips-new-trip-modal textarea{
    min-height:86px!important;
}

.trips-new-trip-modal .modal-actions-bottom{
    position:sticky!important;
    bottom:0!important;
    z-index:3!important;
    margin:22px -24px 0!important;
    padding:14px 24px!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:10px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    background:linear-gradient(0deg, rgba(8,17,38,.98), rgba(8,17,38,.90))!important;
}

/* Sidebar-Logo/Brand darf beim Hover nicht mehr springen */
body.has-sidebar .sidebar .brand,
body.has-sidebar .sidebar-brand,
body.has-sidebar .side-brand,
body.has-sidebar .sidebar .brand:hover,
body.has-sidebar .sidebar-brand:hover,
body.has-sidebar .side-brand:hover{
    transform:none!important;
    translate:none!important;
    margin-top:0!important;
    top:auto!important;
    transition:box-shadow .16s ease,border-color .16s ease,background .16s ease!important;
}

body.has-sidebar .sidebar .brand img,
body.has-sidebar .sidebar-brand img,
body.has-sidebar .side-brand img,
body.has-sidebar .sidebar .brand:hover img,
body.has-sidebar .sidebar-brand:hover img,
body.has-sidebar .side-brand:hover img{
    transform:none!important;
    translate:none!important;
}

body.has-sidebar .sidebar .brand *,
body.has-sidebar .sidebar-brand *,
body.has-sidebar .side-brand *{
    transform:none!important;
}

@media(max-width:720px){
    .trips-new-trip-modal .premium-grid.two{
        grid-template-columns:1fr!important;
    }
    .trips-new-trip-modal .modal-box{
        width:100%!important;
        max-width:100%!important;
    }
}

/* CampOrga v100 Delete Modal Spacing Polish
   Löschmodal: mehr Luft zum Rand, bessere Warnkarten, sauberere Buttons. */

.dashboard-delete-trip-modal .modal-box{
    width:min(640px, calc(100vw - 40px))!important;
    max-width:min(640px, calc(100vw - 40px))!important;
    border-radius:26px!important;
}

/* Header nicht so nah am Rand */
.dashboard-delete-trip-modal .modal-premium-head{
    padding:28px 72px 22px 30px!important;
    background:
        radial-gradient(circle at 0 0, rgba(255,80,80,.16), transparent 42%),
        linear-gradient(180deg, rgba(20,18,30,.98), rgba(8,17,38,.90))!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
}

.dashboard-delete-trip-modal .modal-premium-head .eyebrow{
    margin-bottom:9px!important;
    color:#ffb4b4!important;
}

.dashboard-delete-trip-modal .modal-premium-head h2{
    font-size:clamp(28px,3.1vw,40px)!important;
    line-height:1.02!important;
    margin:0!important;
}

.dashboard-delete-trip-modal .modal-premium-head p{
    max-width:500px!important;
    margin-top:10px!important;
    color:#b9c5d8!important;
    font-size:13.5px!important;
    line-height:1.45!important;
}

/* Close Button sauberer Abstand */
.dashboard-delete-trip-modal .modal-close{
    top:20px!important;
    right:20px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:14px!important;
}

/* Body bekommt echte Innenabstände */
.dashboard-delete-trip-modal .modalform,
.dashboard-delete-trip-modal .premium-form{
    padding:26px 30px 0!important;
    overflow:auto!important;
}

/* Warnkarte luftiger */
.dashboard-delete-trip-modal .archive-warning-card,
.dashboard-delete-trip-modal .delete-warning-card{
    padding:22px!important;
    border-radius:20px!important;
    gap:10px!important;
    margin:0!important;
}

.dashboard-delete-trip-modal .archive-warning-card b,
.dashboard-delete-trip-modal .delete-warning-card b{
    display:block!important;
    font-size:22px!important;
    line-height:1.12!important;
    color:#fff!important;
    margin-bottom:2px!important;
}

.dashboard-delete-trip-modal .archive-warning-card span,
.dashboard-delete-trip-modal .delete-warning-card span{
    display:block!important;
    color:#bec9da!important;
    font-size:14px!important;
    line-height:1.48!important;
}

/* Footer/Buttons mit Abstand und sauberer Trennung */
.dashboard-delete-trip-modal .modal-actions-bottom{
    margin:26px -30px 0!important;
    padding:18px 30px!important;
    gap:12px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    background:
        linear-gradient(0deg, rgba(8,17,38,.98), rgba(8,17,38,.92))!important;
}

.dashboard-delete-trip-modal .modal-actions-bottom .btn{
    min-height:40px!important;
    padding:0 18px!important;
    border-radius:13px!important;
    font-size:12px!important;
}

/* Finale Warnung optisch noch etwas ernster */
.dashboard-delete-trip-modal.final-delete-modal .modal-premium-head{
    background:
        radial-gradient(circle at 0 0, rgba(255,80,80,.24), transparent 46%),
        linear-gradient(180deg, rgba(32,14,18,.98), rgba(8,17,38,.92))!important;
}

.dashboard-delete-trip-modal.final-delete-modal .delete-warning-card{
    border-color:rgba(255,80,80,.42)!important;
    box-shadow:0 0 0 1px rgba(255,80,80,.08),0 18px 42px rgba(0,0,0,.22)!important;
}

@media(max-width:720px){
    .dashboard-delete-trip-modal .modal-box{
        width:calc(100vw - 18px)!important;
        max-width:calc(100vw - 18px)!important;
        border-radius:20px!important;
    }
    .dashboard-delete-trip-modal .modal-premium-head{
        padding:22px 62px 18px 20px!important;
    }
    .dashboard-delete-trip-modal .modalform,
    .dashboard-delete-trip-modal .premium-form{
        padding:20px 18px 0!important;
    }
    .dashboard-delete-trip-modal .modal-actions-bottom{
        margin:22px -18px 0!important;
        padding:14px 18px!important;
        flex-direction:column-reverse!important;
        align-items:stretch!important;
    }
    .dashboard-delete-trip-modal .modal-actions-bottom .btn{
        width:100%!important;
        justify-content:center!important;
    }
}

/* CampOrga v101 Forms Sidebar Tripdetail */

/* Sidebar-Logo-Hover wirklich fixen: sidebrand direkt erwischen */
body.has-sidebar .sidebrand.sidebrand-logo,
body.has-sidebar .sidebrand.sidebrand-logo:hover,
body.has-sidebar .sidebrand.sidebrand-logo:focus,
body.has-sidebar .sidebrand.sidebrand-logo:active{
    transform:none!important;
    translate:0 0!important;
    top:auto!important;
    bottom:auto!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:8px!important;
    padding-bottom:16px!important;
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}

body.has-sidebar .sidebrand.sidebrand-logo img,
body.has-sidebar .sidebrand.sidebrand-logo:hover img,
body.has-sidebar .sidebrand.sidebrand-logo:focus img,
body.has-sidebar .sidebrand.sidebrand-logo:active img{
    transform:none!important;
    translate:0 0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    transition:filter .16s ease!important;
}

body.has-sidebar .sidebrand.sidebrand-logo *,
body.has-sidebar .sidebrand.sidebrand-logo:hover *{
    transform:none!important;
    translate:0 0!important;
}

/* Neue Dropdowns im Premium-Modal bleiben kompakt und lesbar */
#newTripModal select,
.dashboard-edit-trip-modal select,
.trips-new-trip-modal select,
#tripSettingsModal select{
    cursor:pointer!important;
}

/* Reise-Detailkarte nach Auswahl im Dashboard-Kartenstil */
.trip-detail-card-v101{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    margin:0 0 18px!important;
    padding:20px!important;
    border-radius:26px!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.15), transparent 34%),
        radial-gradient(circle at 105% 0, rgba(98,184,255,.13), transparent 36%),
        linear-gradient(145deg, rgba(17,33,68,.78), rgba(5,10,24,.92))!important;
    border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:0 18px 54px rgba(0,0,0,.28)!important;
}

.trip-detail-card-v101::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
        linear-gradient(90deg, rgba(242,193,78,.95), rgba(98,184,255,.70), transparent 58%) top/100% 2px no-repeat,
        linear-gradient(180deg, rgba(255,255,255,.035), transparent 38%)!important;
}

.trip-detail-card-v101 > *{
    position:relative!important;
    z-index:2!important;
}

.trip-detail-card-v101 .triphead h2{
    font-size:clamp(30px,4vw,54px)!important;
}

.trip-detail-card-v101 .trip-mini-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.trip-detail-card-v101 .trip-card-actions{
    display:flex!important;
    gap:8px!important;
}

.trip-detail-card-v101 .icon-action{
    width:36px!important;
    height:36px!important;
}

.trip-detail-card-v101 .tripcard-footer{
    font-size:13px!important;
}

@media(max-width:980px){
    .trip-detail-card-v101 .trip-mini-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:620px){
    .trip-detail-card-v101 .trip-mini-grid{
        grid-template-columns:1fr!important;
    }
}

/* CampOrga v102 Trips Cards Like Index */

/* trips.php Karten exakt wie Dashboard-Karten behandeln */
.trips-tripcard-v102{
    position:relative!important;
}

.trips-tripcard-v102 .tripcard-mainlink{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    border-radius:24px!important;
}

.trips-tripcard-v102 > *:not(.tripcard-mainlink){
    position:relative!important;
    z-index:2!important;
}

/* Zwei Karten nebeneinander wie auf index.php */
body:has(.trips-tripcard-v102) .cards-as-original{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
}

/* Gleicher Dashboard-Look auch auf trips.php */
.trips-tripcard-v102.dashboard-tripcard-v93{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    min-height:0!important;
    padding:17px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    text-decoration:none!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.15), transparent 34%),
        radial-gradient(circle at 105% 0, rgba(98,184,255,.13), transparent 36%),
        linear-gradient(145deg, rgba(17,33,68,.78), rgba(5,10,24,.92))!important;
    border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:0 16px 48px rgba(0,0,0,.26)!important;
}

.trips-tripcard-v102.dashboard-tripcard-v93:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(242,193,78,.48)!important;
    box-shadow:0 22px 62px rgba(0,0,0,.34),0 0 32px rgba(242,193,78,.12)!important;
}

.trips-tripcard-v102 .triphead h2{
    font-size:clamp(24px,2.4vw,34px)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
}

.trips-tripcard-v102 .trip-card-actions{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
}

/* Buttonklicks liegen über der klickbaren Karte */
.trips-tripcard-v102 .icon-action{
    position:relative!important;
    z-index:5!important;
}

/* Archivierte Reisen auf trips.php genauso readonly/ausgegraut */
.trips-tripcard-v102.is-archived .trip-card-actions{
    display:none!important;
}

@media(max-width:1050px){
    body:has(.trips-tripcard-v102) .cards-as-original{
        grid-template-columns:1fr!important;
    }
}

/* CampOrga v103 Tripdetail Revert + Sidebar Hover Hardfix */

/* Reiseverlauf wieder kompakt wie vorher */
.trip-detail-card-v101{
    display:none!important;
}

.compact-triphero,
.triphero.card.glass.compact-triphero{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    padding:20px 22px!important;
    border-radius:24px!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.12), transparent 34%),
        radial-gradient(circle at 100% 0, rgba(98,184,255,.10), transparent 36%),
        linear-gradient(145deg, rgba(17,33,68,.72), rgba(5,10,24,.88))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 16px 44px rgba(0,0,0,.24)!important;
}

.compact-triphero h2{
    margin:0!important;
    font-size:clamp(28px,3.8vw,50px)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
}

.compact-triphero p{
    margin:7px 0 0!important;
    color:#aab8cf!important;
    font-size:13px!important;
}

/* Leeren Pfeil-Kasten unter Reiseverlauf ausblenden */
details.add-day-box:empty,
details.add-day-box:not([open]) > summary:only-child,
details.add-day-box > summary:empty,
details:has(> summary:only-child):not([open]),
.card:has(> summary:only-child):not([open]){
    display:none!important;
}

/* Falls der Browser :has anders greift: typische leere Add-Day/Route-Pills neutralisieren */
.add-day-box summary:only-child,
.route-add-box summary:only-child{
    display:none!important;
}

/* Sidebar-Logo-Hover wirklich ohne Springen:
   alle bekannten Brand-/Logo-Wrapper, Linkzustände, Bilder und Kinder einfrieren. */
body.has-sidebar aside.sidebar .sidebrand,
body.has-sidebar aside.sidebar .sidebrand:link,
body.has-sidebar aside.sidebar .sidebrand:visited,
body.has-sidebar aside.sidebar .sidebrand:hover,
body.has-sidebar aside.sidebar .sidebrand:focus,
body.has-sidebar aside.sidebar .sidebrand:active,
body.has-sidebar aside.sidebar .sidebrand.sidebrand-logo,
body.has-sidebar aside.sidebar .sidebrand.sidebrand-logo:hover,
body.has-sidebar aside.sidebar a.sidebrand,
body.has-sidebar aside.sidebar a.sidebrand:hover,
body.has-sidebar .sidebar-logo,
body.has-sidebar .sidebar-logo:hover,
body.has-sidebar .brand-logo,
body.has-sidebar .brand-logo:hover,
body.has-sidebar .logo,
body.has-sidebar .logo:hover{
    transform:none!important;
    translate:0 0!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    margin-top:0!important;
    margin-bottom:0!important;
    position:relative!important;
    min-height:unset!important;
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease!important;
}

body.has-sidebar aside.sidebar .sidebrand img,
body.has-sidebar aside.sidebar .sidebrand:hover img,
body.has-sidebar aside.sidebar .sidebrand svg,
body.has-sidebar aside.sidebar .sidebrand:hover svg,
body.has-sidebar .sidebar-logo img,
body.has-sidebar .sidebar-logo:hover img,
body.has-sidebar .brand-logo img,
body.has-sidebar .brand-logo:hover img,
body.has-sidebar .logo img,
body.has-sidebar .logo:hover img{
    transform:none!important;
    translate:0 0!important;
    top:auto!important;
    margin-top:0!important;
    margin-bottom:0!important;
    position:relative!important;
    transition:filter .16s ease!important;
}

/* Auch Kinder dürfen beim Hover nicht verschieben */
body.has-sidebar aside.sidebar .sidebrand *,
body.has-sidebar aside.sidebar .sidebrand:hover *,
body.has-sidebar .sidebar-logo *,
body.has-sidebar .sidebar-logo:hover *,
body.has-sidebar .brand-logo *,
body.has-sidebar .brand-logo:hover *{
    transform:none!important;
    translate:0 0!important;
}

/* Hover-Regeln aus älteren Blöcken überschreiben */
body.has-sidebar aside.sidebar a:hover.sidebrand,
body.has-sidebar aside.sidebar a.sidebrand:hover{
    padding-top:inherit!important;
    padding-bottom:inherit!important;
}

/* Mobile */
@media(max-width:760px){
    .compact-triphero,
    .triphero.card.glass.compact-triphero{
        flex-direction:column!important;
        align-items:flex-start!important;
    }
}

/* CampOrga v104 Trip Settings Modal Rework */

#tripSettingsModal{
    z-index:220000!important;
    background:
        radial-gradient(circle at 18% 12%, rgba(98,184,255,.20), transparent 34%),
        radial-gradient(circle at 82% 20%, rgba(242,193,78,.16), transparent 30%),
        rgba(2,6,15,.88)!important;
    backdrop-filter:blur(14px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(135%)!important;
}

#tripSettingsModal .trip-settings-modal-v104{
    width:min(980px, calc(100vw - 36px))!important;
    max-width:min(980px, calc(100vw - 36px))!important;
    max-height:90vh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:0!important;
    border-radius:26px!important;
    border:1px solid rgba(137,188,255,.20)!important;
    border-left:4px solid #f2c14e!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.10), transparent 34%),
        radial-gradient(circle at 100% 0, rgba(98,184,255,.10), transparent 38%),
        linear-gradient(145deg, rgba(17,33,68,.98), rgba(5,10,24,.98))!important;
    box-shadow:0 30px 100px rgba(0,0,0,.80),0 0 58px rgba(98,184,255,.14),0 0 46px rgba(242,193,78,.10)!important;
    color:#f8fbff!important;
}

#tripSettingsModal .trip-settings-head-v104{
    min-height:98px!important;
    padding:22px 72px 18px 28px!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.11), transparent 42%),
        linear-gradient(180deg, rgba(8,17,38,.98), rgba(8,17,38,.88))!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
}

#tripSettingsModal .trip-settings-head-v104 small{
    display:block!important;
    color:#ffd978!important;
    font-size:10px!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
    font-weight:950!important;
    margin-bottom:7px!important;
}

#tripSettingsModal .trip-settings-head-v104 h2{
    margin:0!important;
    color:#fff!important;
    font-size:clamp(28px,3.2vw,42px)!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
}

#tripSettingsModal .trip-settings-head-v104 p{
    margin:8px 0 0!important;
    color:#aab8cf!important;
    font-size:13px!important;
    line-height:1.4!important;
}

#tripSettingsModal .modalclose{
    top:18px!important;
    right:18px!important;
    width:40px!important;
    height:40px!important;
    border-radius:14px!important;
    background:rgba(0,0,0,.32)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    color:#fff!important;
}

/* Tabs */
#tripSettingsModal .trip-settings-tabs-v104{
    display:flex!important;
    gap:8px!important;
    padding:14px 20px!important;
    background:rgba(8,17,38,.92)!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
}

#tripSettingsModal .trip-settings-tabs-v104 button{
    flex:0 0 auto!important;
    min-height:36px!important;
    padding:0 15px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.055)!important;
    color:#c8d6ee!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}

#tripSettingsModal .trip-settings-tabs-v104 button.active{
    background:linear-gradient(180deg, rgba(242,193,78,.22), rgba(242,193,78,.10))!important;
    border-color:rgba(242,193,78,.62)!important;
    color:#ffd978!important;
    box-shadow:0 0 0 3px rgba(242,193,78,.08),0 0 22px rgba(242,193,78,.12)!important;
}

/* Panels */
#tripSettingsModal .trip-settings-panel-v104{
    display:none!important;
    min-height:0!important;
    overflow:auto!important;
    padding:22px!important;
}

#tripSettingsModal .trip-settings-panel-v104.active{
    display:block!important;
}

#tripSettingsModal .trip-settings-form-v104{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    padding:0!important;
    overflow:visible!important;
}

/* Section cards */
#tripSettingsModal .trip-settings-section-card{
    padding:18px!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:
        radial-gradient(circle at 0 0, rgba(98,184,255,.08), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.025))!important;
    box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}

#tripSettingsModal .trip-settings-section-card.hero-card-v104{
    border-color:rgba(242,193,78,.22)!important;
    background:
        radial-gradient(circle at 0 0, rgba(242,193,78,.12), transparent 35%),
        linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.025))!important;
}

#tripSettingsModal .section-title-v104{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    margin-bottom:14px!important;
}

#tripSettingsModal .section-title-v104 > span{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:13px!important;
    background:rgba(242,193,78,.14)!important;
    border:1px solid rgba(242,193,78,.30)!important;
    color:#ffd978!important;
    font-weight:950!important;
}

#tripSettingsModal .section-title-v104 small{
    display:block!important;
    color:#8fb7ff!important;
    font-size:10px!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
    font-weight:950!important;
    margin-bottom:4px!important;
}

#tripSettingsModal .section-title-v104 h3{
    margin:0!important;
    color:#fff!important;
    font-size:22px!important;
    line-height:1.05!important;
    letter-spacing:-.025em!important;
}

/* Grids */
#tripSettingsModal .trip-settings-grid{
    display:grid!important;
    gap:14px!important;
}

#tripSettingsModal .v104-grid-2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

#tripSettingsModal .v104-grid-3{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

#tripSettingsModal label{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    color:#aab8cf!important;
    font-size:11px!important;
    text-transform:uppercase!important;
    letter-spacing:.12em!important;
    font-weight:950!important;
}

#tripSettingsModal label.v104-full{
    margin-top:14px!important;
}

#tripSettingsModal input,
#tripSettingsModal select,
#tripSettingsModal textarea{
    min-height:42px!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(0,0,0,.30)!important;
    color:#fff!important;
    padding:10px 12px!important;
    font-size:13px!important;
    letter-spacing:0!important;
    text-transform:none!important;
    font-weight:700!important;
}

#tripSettingsModal textarea{
    min-height:92px!important;
    resize:vertical!important;
}

#tripSettingsModal select{
    cursor:pointer!important;
}

#tripSettingsModal .vehicle-preview-v104{
    margin-top:14px!important;
    padding:14px 16px!important;
    border-radius:16px!important;
    border:1px solid rgba(98,184,255,.18)!important;
    background:
        radial-gradient(circle at 0 0, rgba(98,184,255,.11), transparent 38%),
        rgba(0,0,0,.20)!important;
    color:#dbe7ff!important;
    font-size:13px!important;
    line-height:1.4!important;
}

#tripSettingsModal .trip-settings-actions-v104{
    position:sticky!important;
    bottom:-22px!important;
    z-index:4!important;
    margin:4px -22px -22px!important;
    padding:15px 22px!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:10px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    background:linear-gradient(0deg, rgba(8,17,38,.98), rgba(8,17,38,.92))!important;
}

/* Fuel visibility */
#tripSettingsModal .electric-field,
#tripSettingsModal .v74-electric-field{
    display:none;
}
#tripSettingsModal:has(select[name="fuel_type"] option[value="elektro"]:checked) .electric-field,
#tripSettingsModal:has(select[name="fuel_type"] option[value="elektro"]:checked) .v74-electric-field{
    display:flex!important;
}
#tripSettingsModal:has(select[name="fuel_type"] option[value="elektro"]:checked) .fuel-field{
    display:none!important;
}

@media(max-width:920px){
    #tripSettingsModal .v104-grid-3,
    #tripSettingsModal .v104-grid-2{
        grid-template-columns:1fr 1fr!important;
    }
}

@media(max-width:680px){
    #tripSettingsModal .trip-settings-modal-v104{
        width:calc(100vw - 18px)!important;
        max-width:calc(100vw - 18px)!important;
        border-radius:20px!important;
    }
    #tripSettingsModal .trip-settings-head-v104{
        padding:20px 62px 16px 18px!important;
    }
    #tripSettingsModal .trip-settings-tabs-v104{
        padding:10px!important;
        flex-wrap:wrap!important;
    }
    #tripSettingsModal .trip-settings-panel-v104{
        padding:14px!important;
    }
    #tripSettingsModal .v104-grid-3,
    #tripSettingsModal .v104-grid-2{
        grid-template-columns:1fr!important;
    }
    #tripSettingsModal .trip-settings-actions-v104{
        margin:4px -14px -14px!important;
        padding:14px!important;
        flex-direction:column-reverse!important;
        align-items:stretch!important;
    }
}

/* CampOrga v105 Trip Settings Tabs + AddBox Fix */

/* Den leeren Pfeil-/Add-Day-Kasten im Reiseverlauf wirklich entfernen */
details.card.formcard.add-day-box,
details.add-day-box,
.card.formcard.add-day-box,
.add-day-box,
details:has(> summary:only-child),
details:has(> summary:empty){
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
}

/* Reiseeinstellungen: echtes Tab-Modal, nicht alles untereinander */
#tripSettingsModal .trip-settings-modal-v104{
    height:min(90vh, 860px)!important;
    max-height:min(90vh, 860px)!important;
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    overflow:hidden!important;
}

/* Header bleibt oben */
#tripSettingsModal .trip-settings-head-v104{
    grid-row:1!important;
}

/* Tabs immer sichtbar und kompakt */
#tripSettingsModal .trip-settings-tabs-v104,
#tripSettingsModal .settings-modal-tabs.v79-settings-tabs.trip-settings-tabs-v104{
    grid-row:2!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:10px!important;
    padding:14px 22px!important;
    margin:0!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    background:
        radial-gradient(circle at 0 0, rgba(98,184,255,.10), transparent 38%),
        rgba(8,17,38,.94)!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    position:relative!important;
    z-index:8!important;
}

#tripSettingsModal .trip-settings-tabs-v104 button,
#tripSettingsModal [data-v105-trip-tab],
#tripSettingsModal [data-v79-settings-tab]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-height:38px!important;
    padding:0 18px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:rgba(255,255,255,.060)!important;
    color:#c8d6ee!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
    cursor:pointer!important;
    white-space:nowrap!important;
}

#tripSettingsModal .trip-settings-tabs-v104 button.active,
#tripSettingsModal [data-v105-trip-tab].active,
#tripSettingsModal [data-v79-settings-tab].active,
#tripSettingsModal [aria-selected="true"]{
    background:linear-gradient(180deg, rgba(242,193,78,.24), rgba(242,193,78,.11))!important;
    border-color:rgba(242,193,78,.70)!important;
    color:#ffd978!important;
    box-shadow:0 0 0 3px rgba(242,193,78,.08),0 0 22px rgba(242,193,78,.12)!important;
}

/* Panels: standardmäßig weg */
#tripSettingsModal .trip-settings-panel-v104,
#tripSettingsModal .settings-modal-panel.trip-settings-panel-v104,
#tripSettingsModal #settingsPanelDates,
#tripSettingsModal #settingsPanelVehicle{
    grid-row:3!important;
    display:none!important;
    min-height:0!important;
    height:100%!important;
    overflow:auto!important;
    padding:22px!important;
    margin:0!important;
}

/* Nur aktives Panel anzeigen */
#tripSettingsModal .trip-settings-panel-v104.is-active,
#tripSettingsModal .trip-settings-panel-v104.active,
#tripSettingsModal #settingsPanelDates.is-active,
#tripSettingsModal #settingsPanelDates.active,
#tripSettingsModal #settingsPanelVehicle.is-active,
#tripSettingsModal #settingsPanelVehicle.active{
    display:block!important;
}

/* Fallback: wenn JS noch nicht lief, Meine Reise anzeigen, Fahrzeug ausblenden */
#tripSettingsModal:not([data-v105-ready="1"]) #settingsPanelDates{
    display:block!important;
}
#tripSettingsModal:not([data-v105-ready="1"]) #settingsPanelVehicle{
    display:none!important;
}

/* Formulare innerhalb Panel sauber, nicht beide nebeneinander/untereinander sichtbar */
#tripSettingsModal .trip-settings-form-v104{
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
}

/* Modal Actions sticky innerhalb Scrollpanel */
#tripSettingsModal .trip-settings-actions-v104{
    position:sticky!important;
    bottom:-22px!important;
}

/* Karten im Modal luftiger, aber ohne endloses Scrollen durch beide Bereiche */
#tripSettingsModal .trip-settings-section-card{
    margin-bottom:0!important;
}

/* Mobile Tabs umbrechen statt Scroll-Hölle */
@media(max-width:680px){
    #tripSettingsModal .trip-settings-modal-v104{
        height:calc(100dvh - 18px)!important;
        max-height:calc(100dvh - 18px)!important;
    }
    #tripSettingsModal .trip-settings-tabs-v104,
    #tripSettingsModal .settings-modal-tabs.v79-settings-tabs.trip-settings-tabs-v104{
        flex-wrap:wrap!important;
        padding:10px!important;
        gap:7px!important;
    }
    #tripSettingsModal .trip-settings-tabs-v104 button,
    #tripSettingsModal [data-v105-trip-tab],
    #tripSettingsModal [data-v79-settings-tab]{
        min-height:34px!important;
        padding:0 13px!important;
        font-size:10px!important;
    }
    #tripSettingsModal .trip-settings-panel-v104,
    #tripSettingsModal #settingsPanelDates,
    #tripSettingsModal #settingsPanelVehicle{
        padding:14px!important;
    }
}

/* CampOrga v106 Real Trip Settings Tabs */

/* Modal als echtes 3-Zonen-Layout: Header / Navigation / aktives Panel */
#tripSettingsModal .trip-settings-modal-v106{
    height:min(90vh, 880px)!important;
    max-height:min(90vh, 880px)!important;
    display:grid!important;
    grid-template-rows:auto auto minmax(0, 1fr)!important;
    overflow:hidden!important;
}

/* Eigene Tabnavigation, unabhängig von alten v79/v104 Klassen */
#tripSettingsModal .trip-settings-nav-v106{
    grid-row:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:14px 22px!important;
    margin:0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    background:
        radial-gradient(circle at 0 0, rgba(98,184,255,.10), transparent 38%),
        rgba(8,17,38,.96)!important;
    position:relative!important;
    z-index:20!important;
}

#tripSettingsModal .trip-settings-nav-v106 button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    padding:0 20px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.06)!important;
    color:#c8d6ee!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
    cursor:pointer!important;
    white-space:nowrap!important;
}

#tripSettingsModal .trip-settings-nav-v106 button.active,
#tripSettingsModal .trip-settings-nav-v106 button[aria-selected="true"]{
    background:linear-gradient(180deg, rgba(242,193,78,.25), rgba(242,193,78,.11))!important;
    border-color:rgba(242,193,78,.72)!important;
    color:#ffd978!important;
    box-shadow:0 0 0 3px rgba(242,193,78,.08),0 0 22px rgba(242,193,78,.13)!important;
}

/* V106 Panels: standardmäßig garantiert unsichtbar */
#tripSettingsModal .trip-settings-panel-v106{
    grid-row:3!important;
    display:none!important;
    min-height:0!important;
    height:100%!important;
    overflow:auto!important;
    padding:22px!important;
    margin:0!important;
}

/* Nur aktives Panel sichtbar */
#tripSettingsModal .trip-settings-panel-v106.active{
    display:block!important;
}

/* Alte Panel-Systeme komplett entmachten, falls alte Klassen noch im DOM kleben */
#tripSettingsModal .settings-modal-panel:not(.trip-settings-panel-v106),
#tripSettingsModal .trip-settings-panel-v104:not(.trip-settings-panel-v106){
    display:none!important;
}

/* Wenn JS noch nicht lief: Meine Reise zeigen, Fahrzeug weg */
#tripSettingsModal:not([data-v106-ready="1"]) [data-trip-settings-panel-v106="reise"]{
    display:block!important;
}
#tripSettingsModal:not([data-v106-ready="1"]) [data-trip-settings-panel-v106="fahrzeug"]{
    display:none!important;
}

/* Scroll nur im aktiven Panel, nicht im ganzen Modal */
#tripSettingsModal .trip-settings-modal-v106 > .trip-settings-panel-v106{
    overscroll-behavior:contain!important;
}

/* Formulare im Panel ordentlich */
#tripSettingsModal .trip-settings-panel-v106 .trip-settings-form-v104{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    max-width:100%!important;
}

/* Sticky Buttons innerhalb des Panels */
#tripSettingsModal .trip-settings-panel-v106 .trip-settings-actions-v104{
    position:sticky!important;
    bottom:-22px!important;
    z-index:12!important;
}

/* Auf kleinen Displays Tabs umbrechen */
@media(max-width:680px){
    #tripSettingsModal .trip-settings-modal-v106{
        height:calc(100dvh - 18px)!important;
        max-height:calc(100dvh - 18px)!important;
    }
    #tripSettingsModal .trip-settings-nav-v106{
        flex-wrap:wrap!important;
        padding:10px!important;
        gap:7px!important;
    }
    #tripSettingsModal .trip-settings-nav-v106 button{
        min-height:34px!important;
        padding:0 13px!important;
        font-size:10px!important;
    }
    #tripSettingsModal .trip-settings-panel-v106{
        padding:14px!important;
    }
}

/* CampOrga v107 Reise Settings + Locations */

/* Reiseeinstellungen: kompakter, 4 echte Navigationspunkte */
#tripSettingsModal .trip-settings-modal-v107{
    width:min(980px, calc(100vw - 36px))!important;
    max-width:min(980px, calc(100vw - 36px))!important;
    height:min(88vh, 760px)!important;
    max-height:min(88vh, 760px)!important;
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    overflow:hidden!important;
    padding:0!important;
    border-radius:26px!important;
    border:1px solid rgba(137,188,255,.20)!important;
    border-left:4px solid #f2c14e!important;
    background:linear-gradient(145deg, rgba(17,33,68,.98), rgba(5,10,24,.98))!important;
    box-shadow:0 30px 100px rgba(0,0,0,.80),0 0 58px rgba(98,184,255,.14),0 0 46px rgba(242,193,78,.10)!important;
    color:#f8fbff!important;
}

#tripSettingsModal .trip-settings-head-v107{
    padding:20px 70px 16px 26px!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    background:linear-gradient(180deg, rgba(8,17,38,.98), rgba(8,17,38,.88))!important;
}
#tripSettingsModal .trip-settings-head-v107 small{
    display:block!important;color:#ffd978!important;font-size:10px!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:950!important;margin-bottom:7px!important;
}
#tripSettingsModal .trip-settings-head-v107 h2{
    margin:0!important;color:#fff!important;font-size:clamp(28px,3vw,40px)!important;line-height:1.02!important;letter-spacing:-.04em!important;
}
#tripSettingsModal .trip-settings-head-v107 p{
    margin:8px 0 0!important;color:#aab8cf!important;font-size:13px!important;
}

#tripSettingsModal .trip-settings-nav-v107{
    display:flex!important;
    gap:8px!important;
    padding:12px 18px!important;
    background:rgba(8,17,38,.95)!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    overflow-x:auto!important;
}
#tripSettingsModal .trip-settings-nav-v107 button{
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.06)!important;
    color:#c8d6ee!important;
    font-size:10.5px!important;
    font-weight:950!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
}
#tripSettingsModal .trip-settings-nav-v107 button.active{
    background:linear-gradient(180deg, rgba(242,193,78,.25), rgba(242,193,78,.11))!important;
    border-color:rgba(242,193,78,.72)!important;
    color:#ffd978!important;
}

#tripSettingsModal .trip-settings-content-v107{
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
    position:relative!important;
}

#tripSettingsModal .trip-settings-trip-form-v107{
    height:100%!important;
    display:block!important;
    overflow:auto!important;
    padding:18px!important;
}
#tripSettingsModal[data-v107-active-tab="vehicle"] .trip-settings-trip-form-v107{
    display:none!important;
}

#tripSettingsModal .trip-settings-panel-v107{
    display:none!important;
}
#tripSettingsModal .trip-settings-panel-v107.active{
    display:block!important;
}
#tripSettingsModal .vehicle-panel-v107{
    height:100%!important;
    overflow:auto!important;
    padding:18px!important;
}
#tripSettingsModal[data-v107-active-tab="vehicle"] .vehicle-panel-v107{
    display:block!important;
}

#tripSettingsModal .trip-settings-section-card{
    padding:16px!important;
    border-radius:20px!important;
}

#tripSettingsModal .trip-settings-actions-v107{
    position:sticky!important;
    bottom:-18px!important;
    margin:16px -18px -18px!important;
    padding:14px 18px!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:10px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    background:linear-gradient(0deg, rgba(8,17,38,.98), rgba(8,17,38,.92))!important;
}

/* Locations: Kostenfeld schön im Info-Bereich */
.location-info-grid-v107 textarea{
    min-height:72px!important;
}
.location-info-grid-v107 input[name="cost_eur"]{
    font-weight:900!important;
}

/* Allgemeiner Stellplatz optisch zwischen Aktivität und Camping sortieren */
.action-grid button[data-open-modal*="-general"]{ order:5!important; }
.action-grid .activity-choice{ order:4!important; }
.action-grid button[data-open-modal*="-camp"]{ order:6!important; }

.parking-open.general{
    border-color:rgba(242,193,78,.24)!important;
    background:rgba(242,193,78,.08)!important;
}

/* General Modal wie Camping behandeln */
.new-location-modal[id*="-general"] .modalbox,
.location-edit-modal:has(input[name="location_type"][value="general"]) .modalbox{
    border-left:4px solid #f2c14e!important;
}

@media(max-width:720px){
    #tripSettingsModal .trip-settings-modal-v107{
        width:calc(100vw - 18px)!important;
        max-width:calc(100vw - 18px)!important;
        height:calc(100dvh - 18px)!important;
        max-height:calc(100dvh - 18px)!important;
    }
    #tripSettingsModal .trip-settings-nav-v107{
        flex-wrap:wrap!important;
    }
}

/* CampOrga v108 Sidebar-Logo absolut stabil + Reiseeinstellungen Energie */
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo,
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo:link,
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo:visited,
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo:hover,
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo:focus,
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo:active{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    padding:10px 12px!important;
    margin:0 0 14px 0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    transform:none!important;
    translate:0 0!important;
    inset:auto!important;
    position:relative!important;
    line-height:0!important;
    contain:layout paint!important;
    will-change:auto!important;
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo img,
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo:hover img,
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo:focus img,
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo:active img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    object-fit:contain!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    transform:none!important;
    translate:0 0!important;
    position:static!important;
    line-height:0!important;
    transition:none!important;
}
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo *,
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo:hover *{
    transform:none!important;
    translate:0 0!important;
    margin-top:0!important;
    margin-bottom:0!important;
}

#tripSettingsModal .fuel-field,
#tripSettingsModal .electric-field,
#tripSettingsModal .v74-electric-field{
    transition:opacity .12s ease!important;
}
#tripSettingsModal:not([data-energy-type="elektro"]) .electric-field,
#tripSettingsModal:not([data-energy-type="elektro"]) .v74-electric-field{
    display:none!important;
}
#tripSettingsModal[data-energy-type="elektro"] .fuel-field{
    display:none!important;
}
#tripSettingsModal[data-energy-type="elektro"] .electric-field,
#tripSettingsModal[data-energy-type="elektro"] .v74-electric-field{
    display:flex!important;
}


/* CampOrga v109 Reiseeinstellungen: Nav ohne sichtbaren Scrollbalken */
#tripSettingsModal .trip-settings-nav-v107{
    overflow:visible!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    flex-wrap:wrap!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
}
#tripSettingsModal .trip-settings-nav-v107::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
}
#tripSettingsModal .trip-settings-nav-v107 button{
    white-space:nowrap!important;
}

@media(max-width:520px){
    #tripSettingsModal .trip-settings-nav-v107{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
    }
    #tripSettingsModal .trip-settings-nav-v107 button{
        width:100%!important;
        justify-content:center!important;
    }
}

/* CampOrga v111 - Listen-Seite optisch neu aufgebaut */
body.lists-overview-page .pagebar{margin-bottom:18px}
body.lists-overview-page .co-list-hero{
    display:grid;
    grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);
    gap:18px;
    align-items:stretch;
    margin:0 0 18px;
}
body.lists-overview-page .co-list-hero-copy,
body.lists-overview-page .co-list-stats,
body.lists-overview-page .co-list-toolbar,
body.lists-overview-page .co-list-sidebar,
body.lists-overview-page .co-list-panel,
body.lists-overview-page .co-list-empty{
    border:1px solid rgba(250,204,21,.16);
    box-shadow:0 22px 65px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
body.lists-overview-page .co-list-hero-copy{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    padding:30px;
    background:
        radial-gradient(circle at 12% 0%, rgba(250,204,21,.22), transparent 34%),
        radial-gradient(circle at 100% 10%, rgba(59,130,246,.18), transparent 42%),
        linear-gradient(135deg, rgba(15,23,42,.96), rgba(17,24,39,.88));
}
body.lists-overview-page .co-list-hero-copy:after{
    content:"";
    position:absolute;
    right:-80px;
    bottom:-100px;
    width:280px;
    height:280px;
    border-radius:999px;
    background:rgba(250,204,21,.08);
    border:1px solid rgba(250,204,21,.18);
}
body.lists-overview-page .co-list-hero-copy h1{font-size:clamp(28px,4vw,48px);line-height:1.02;margin:6px 0 12px;color:#fff;letter-spacing:-.04em;position:relative;z-index:1}
body.lists-overview-page .co-list-hero-copy p:not(.eyebrow){max-width:720px;color:#cbd5e1;font-size:16px;margin:0;position:relative;z-index:1}
body.lists-overview-page .co-list-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;position:relative;z-index:1}
body.lists-overview-page .co-list-actions .btn.ghost{background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.20);color:#fff}
body.lists-overview-page .co-list-stats{
    display:grid;
    gap:10px;
    border-radius:30px;
    padding:16px;
    background:linear-gradient(180deg, rgba(15,23,42,.88), rgba(2,6,23,.88));
}
body.lists-overview-page .co-list-stats div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px 18px;
    border-radius:22px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(148,163,184,.12);
}
body.lists-overview-page .co-list-stats strong{font-size:32px;color:#facc15;line-height:1}
body.lists-overview-page .co-list-stats span{color:#cbd5e1;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:12px;text-align:right}
body.lists-overview-page .co-list-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
    padding:14px;
    border-radius:24px;
    background:rgba(15,23,42,.74);
}
body.lists-overview-page .co-list-search{display:grid;grid-template-columns:auto minmax(260px,420px);gap:12px;align-items:center;margin:0}
body.lists-overview-page .co-list-search span{font-weight:900;color:#facc15;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
body.lists-overview-page .co-list-search input{
    min-height:46px;
    border-radius:16px;
    border:1px solid rgba(148,163,184,.20);
    background:rgba(2,6,23,.55);
    color:#fff;
    padding:0 16px;
    outline:none;
}
body.lists-overview-page .co-list-search input:focus{border-color:rgba(250,204,21,.48);box-shadow:0 0 0 4px rgba(250,204,21,.08)}
body.lists-overview-page .co-list-hint{color:#94a3b8;font-size:13px;text-align:right}
body.lists-overview-page .co-lists-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}
body.lists-overview-page .co-list-sidebar{position:sticky;top:88px;border-radius:28px;padding:14px;background:rgba(15,23,42,.76)}
body.lists-overview-page .co-sidebar-title{padding:6px 8px 12px;color:#facc15;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}
body.lists-overview-page .co-list-nav{display:grid;gap:8px;max-height:calc(100vh - 170px);overflow:auto;padding-right:2px;scrollbar-width:none}
body.lists-overview-page .co-list-nav::-webkit-scrollbar{display:none}
body.lists-overview-page .co-list-nav button{
    width:100%;
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    align-items:center;
    text-align:left;
    border-radius:18px;
    padding:11px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(148,163,184,.10);
    color:#fff;
    cursor:pointer;
    transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
body.lists-overview-page .co-list-nav button:hover{transform:translateY(-1px);border-color:rgba(250,204,21,.28);background:rgba(250,204,21,.06)}
body.lists-overview-page .co-list-nav button.active{border-color:rgba(250,204,21,.55);background:linear-gradient(135deg, rgba(250,204,21,.18), rgba(59,130,246,.08));box-shadow:0 12px 34px rgba(0,0,0,.20)}
body.lists-overview-page .co-nav-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:rgba(2,6,23,.45);border:1px solid rgba(255,255,255,.08);font-weight:900}
body.lists-overview-page .co-nav-copy{min-width:0;display:grid;gap:3px}
body.lists-overview-page .co-nav-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#fff}
body.lists-overview-page .co-nav-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8;font-size:12px}
body.lists-overview-page .co-list-content{min-width:0}
body.lists-overview-page .co-list-panel{display:none;border-radius:30px;padding:0;overflow:hidden;background:linear-gradient(180deg, rgba(15,23,42,.82), rgba(15,23,42,.58))}
body.lists-overview-page .co-list-panel.active{display:block!important}
body.lists-overview-page .co-panel-head{
    display:grid;
    grid-template-columns:64px minmax(0,1fr) auto;
    gap:16px;
    align-items:center;
    padding:22px;
    background:radial-gradient(circle at 0 0, rgba(250,204,21,.14), transparent 36%), rgba(255,255,255,.025);
    border-bottom:1px solid rgba(148,163,184,.10);
}
body.lists-overview-page .co-panel-icon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:rgba(250,204,21,.12);border:1px solid rgba(250,204,21,.20);font-size:26px}
body.lists-overview-page .co-panel-head h2{margin:8px 0 5px;color:#fff;font-size:28px;letter-spacing:-.03em}
body.lists-overview-page .co-panel-head p{margin:0;color:#94a3b8}
body.lists-overview-page .co-progress{height:5px;background:rgba(15,23,42,.8);overflow:hidden}
body.lists-overview-page .co-progress span{display:block;height:100%;background:linear-gradient(90deg,#facc15,#60a5fa);border-radius:99px;transition:width .25s ease}
body.lists-overview-page .co-checklist{padding:18px;gap:10px}
body.lists-overview-page .co-check-row{
    grid-template-columns:24px minmax(0,1fr) 36px;
    min-height:68px;
    padding:14px 14px;
    border-radius:20px;
    background:rgba(2,6,23,.32);
    border:1px solid rgba(148,163,184,.12);
    transition:opacity .15s ease,transform .15s ease,background .15s ease,border-color .15s ease;
}
body.lists-overview-page .co-check-row:hover{transform:translateY(-1px);background:rgba(15,23,42,.56);border-color:rgba(250,204,21,.18)}
body.lists-overview-page .co-check-row input{width:18px;height:18px;accent-color:#facc15;cursor:pointer}
body.lists-overview-page .co-check-main{display:grid;gap:3px;min-width:0}
body.lists-overview-page .co-check-main strong{font-size:15px;letter-spacing:-.01em}
body.lists-overview-page .co-check-main small{font-size:12px;color:#cbd5e1}
body.lists-overview-page .co-check-main em{font-style:normal;color:#94a3b8;font-size:12px}
body.lists-overview-page .co-check-row.is-done{order:99;opacity:.48;background:rgba(15,23,42,.24)}
body.lists-overview-page .co-check-row.is-done strong{text-decoration:line-through;color:#cbd5e1}
body.lists-overview-page .co-check-row[hidden]{display:none!important}
body.lists-overview-page .co-no-items,
body.lists-overview-page .co-list-empty,
body.lists-overview-page .co-search-empty:after{
    padding:28px;
    color:#cbd5e1;
}
body.lists-overview-page .co-list-empty{border-radius:30px;text-align:center;background:rgba(15,23,42,.78)}
body.lists-overview-page .co-empty-icon{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 14px;border-radius:26px;background:rgba(250,204,21,.12);border:1px solid rgba(250,204,21,.22);font-size:30px}
body.lists-overview-page .why-btn{border-radius:13px;background:rgba(250,204,21,.10);border:1px solid rgba(250,204,21,.22);color:#facc15;font-weight:950;cursor:help;width:32px;height:32px}
@media(max-width:1100px){
    body.lists-overview-page .co-list-hero{grid-template-columns:1fr}
    body.lists-overview-page .co-list-stats{grid-template-columns:repeat(3,1fr)}
    body.lists-overview-page .co-list-stats div{display:grid;text-align:center;justify-content:center}
    body.lists-overview-page .co-list-stats span{text-align:center}
    body.lists-overview-page .co-lists-layout{grid-template-columns:1fr}
    body.lists-overview-page .co-list-sidebar{position:relative;top:auto}
    body.lists-overview-page .co-list-nav{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}
}
@media(max-width:720px){
    body.lists-overview-page .co-list-hero-copy{padding:22px;border-radius:24px}
    body.lists-overview-page .co-list-stats{grid-template-columns:1fr}
    body.lists-overview-page .co-list-toolbar{display:grid}
    body.lists-overview-page .co-list-search{grid-template-columns:1fr}
    body.lists-overview-page .co-list-hint{text-align:left}
    body.lists-overview-page .co-list-nav{grid-template-columns:1fr}
    body.lists-overview-page .co-panel-head{grid-template-columns:52px minmax(0,1fr);padding:16px}
    body.lists-overview-page .co-panel-head .btn{grid-column:1/-1;width:100%}
    body.lists-overview-page .co-panel-icon{width:52px;height:52px;border-radius:18px}
    body.lists-overview-page .co-panel-head h2{font-size:23px}
    body.lists-overview-page .co-checklist{padding:12px}
}

/* v112 - Checklisten Editor auf lists.php */
.co-list-actions{align-items:center}.checklist-editor-box{width:min(1160px,calc(100vw - 28px));padding:22px}.checklist-editor-box .modalhead p{margin:6px 0 0;color:var(--muted);font-weight:800;line-height:1.35}.check-editor-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:4px 0 16px;padding:7px;border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.035);border-radius:18px}.check-editor-tabs button{border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.045);color:var(--text);border-radius:14px;padding:10px 14px;font-weight:1000;cursor:pointer}.check-editor-tabs button.active{border-color:rgba(247,201,72,.48);background:linear-gradient(135deg,rgba(247,201,72,.22),rgba(56,189,248,.10));box-shadow:0 0 0 3px rgba(247,201,72,.08)}.check-editor-panel{display:none}.check-editor-panel.active{display:block}.check-editor-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 12px}.check-editor-head h3{font-size:26px;margin:0}.check-editor-head p{margin:4px 0 0;color:var(--muted);font-weight:800}.check-editor-head span{white-space:nowrap;border:1px solid rgba(56,189,248,.25);background:rgba(56,189,248,.08);border-radius:999px;padding:8px 12px;font-weight:1000;color:#dff7ff}.check-editor-list{display:grid;gap:10px}.check-editor-row{display:grid;grid-template-columns:minmax(220px,1.35fr) 100px 100px minmax(160px,1fr) minmax(210px,1.2fr) auto;gap:9px;align-items:end;padding:11px;border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.04);border-radius:18px}.check-editor-row label{display:grid;gap:5px;min-width:0}.check-editor-row label span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:1000}.check-editor-row input{height:39px;border-radius:12px;background:rgba(5,9,19,.68);border:1px solid rgba(148,163,184,.20);color:var(--text);padding:8px 10px}.check-editor-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end}.check-editor-actions .icondelete{width:38px;height:38px;border-radius:13px}.check-editor-add{border-color:rgba(247,201,72,.26);background:linear-gradient(135deg,rgba(247,201,72,.08),rgba(255,255,255,.04))}.alert.success,.alert.danger{margin:14px 0;border-radius:18px;padding:12px 14px;font-weight:900}.alert.success{border:1px solid rgba(34,197,94,.30);background:rgba(34,197,94,.10)}.alert.danger{border:1px solid rgba(248,113,113,.35);background:rgba(248,113,113,.10)}
@media(max-width:1080px){.check-editor-row{grid-template-columns:1fr 1fr 1fr}.check-editor-row .wide{grid-column:span 3}.check-editor-actions{grid-column:1/-1;justify-content:flex-start}.check-editor-actions .btn{flex:1}}
@media(max-width:620px){.checklist-editor-box{width:100%!important}.check-editor-head{display:block}.check-editor-head span{display:inline-flex;margin-top:8px}.check-editor-row{grid-template-columns:1fr}.check-editor-row .wide,.check-editor-actions{grid-column:auto}.check-editor-tabs button{flex:1 1 180px}.check-editor-actions{display:grid;grid-template-columns:1fr 44px}.check-editor-actions .btn{width:100%}}

/* v114 - Checklisten Editor: deutlich kompakter + scrollbarlos intern scrollbar */
body.lists-overview-page .co-list-actions .btn.primary{
  min-width:0;
  white-space:nowrap;
}
.checklist-editor-modal{
  align-items:center;
}
.checklist-editor-box{
  width:min(820px,calc(100vw - 28px)) !important;
  max-height:min(78vh,760px) !important;
  padding:14px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  overflow:hidden !important;
}
.checklist-editor-box .modalhead{
  margin:0 !important;
  padding:0 2px 8px !important;
  align-items:center !important;
  flex:0 0 auto !important;
}
.checklist-editor-box .modalhead small{
  font-size:10px !important;
  letter-spacing:.12em !important;
}
.checklist-editor-box .modalhead h2{
  font-size:24px !important;
  line-height:1.05 !important;
  margin:2px 0 0 !important;
}
.checklist-editor-box .modalhead p,
.checklist-editor-box .check-editor-head p{
  display:none !important;
}
.checklist-editor-box .modalclose{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
}
.check-editor-tabs{
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:6px !important;
  margin:0 !important;
  padding:5px !important;
  border-radius:14px !important;
}
.check-editor-tabs button{
  padding:8px 10px !important;
  border-radius:11px !important;
  font-size:13px !important;
  line-height:1.1 !important;
}
.check-editor-panel.active{
  min-height:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}
.check-editor-head{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:0 !important;
  padding:2px 1px !important;
}
.check-editor-head strong{
  font-size:14px !important;
  font-weight:1000 !important;
  color:var(--text) !important;
}
.check-editor-head h3{
  display:none !important;
}
.check-editor-head span{
  padding:5px 9px !important;
  font-size:11px !important;
}
.check-editor-list{
  min-height:0 !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  display:grid !important;
  gap:6px !important;
  padding-right:1px !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
.check-editor-list::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}
.check-editor-row{
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:7px !important;
  padding:7px !important;
  border-radius:13px !important;
  min-height:0 !important;
}
.check-editor-row label{
  gap:0 !important;
}
.check-editor-row label span{
  display:none !important;
}
.check-editor-row input{
  height:34px !important;
  border-radius:10px !important;
  padding:6px 10px !important;
  font-size:13px !important;
}
.check-editor-actions{
  display:flex !important;
  justify-content:flex-end !important;
  gap:5px !important;
  align-items:center !important;
  grid-column:auto !important;
}
.check-editor-actions .btn.small{
  height:34px !important;
  padding:0 10px !important;
  border-radius:10px !important;
  font-size:12px !important;
}
.check-editor-actions .icondelete{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:10px !important;
  font-size:18px !important;
}
.check-editor-add{
  position:sticky !important;
  bottom:0 !important;
  z-index:2 !important;
  backdrop-filter:blur(14px) !important;
}
@media(max-width:680px){
  .checklist-editor-box{
    width:calc(100vw - 18px) !important;
    max-height:82vh !important;
    padding:12px !important;
  }
  .check-editor-tabs{
    grid-template-columns:1fr !important;
  }
  .check-editor-row{
    grid-template-columns:1fr !important;
  }
  .check-editor-actions{
    display:grid !important;
    grid-template-columns:1fr 38px !important;
    width:100% !important;
  }
  .check-editor-add .check-editor-actions{
    grid-template-columns:1fr !important;
  }
}
.check-editor-panel.active{flex:1 1 auto !important;}

/* v115 - Checklisten Editor: schick, kompakt, mit sauberem Innenabstand */
body.lists-overview-page .co-list-actions .js-checklist-editor-open{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:44px !important;
  padding:0 18px !important;
  border-radius:16px !important;
  font-weight:1000 !important;
  letter-spacing:.01em !important;
}
body.lists-overview-page .co-list-actions .js-checklist-editor-open::before{
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:8px;
  background:rgba(255,255,255,.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}
body.lists-overview-page .checklist-editor-modal{
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
}
body.lists-overview-page .checklist-editor-box{
  width:min(940px,calc(100vw - 34px)) !important;
  max-height:min(84vh,780px) !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:28px !important;
  border:1px solid rgba(148,163,184,.22) !important;
  background:
    radial-gradient(circle at 18% 0%,rgba(247,201,72,.18),transparent 32%),
    radial-gradient(circle at 100% 16%,rgba(56,189,248,.13),transparent 34%),
    linear-gradient(180deg,rgba(19,30,50,.98),rgba(7,12,24,.98)) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.08) !important;
  display:flex !important;
  flex-direction:column !important;
}
body.lists-overview-page .checklist-editor-box .modalhead{
  flex:0 0 auto !important;
  padding:22px 24px 16px !important;
  margin:0 !important;
  border-bottom:1px solid rgba(148,163,184,.13) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0)) !important;
}
body.lists-overview-page .compact-check-editor-headline{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
}
body.lists-overview-page .checklist-editor-box .modalhead small{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(247,201,72,.30) !important;
  background:rgba(247,201,72,.10) !important;
  color:#ffe89b !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  font-weight:1000 !important;
}
body.lists-overview-page .checklist-editor-box .modalhead h2{
  margin:9px 0 0 !important;
  font-size:30px !important;
  line-height:1.05 !important;
  letter-spacing:-.03em !important;
}
body.lists-overview-page .checklist-editor-box .modalclose{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:15px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:rgba(255,255,255,.07) !important;
}
body.lists-overview-page .check-editor-tabs{
  flex:0 0 auto !important;
  margin:18px 24px 0 !important;
  padding:6px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:6px !important;
  border-radius:18px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:rgba(2,6,23,.42) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
body.lists-overview-page .check-editor-tabs button{
  min-height:42px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  font-size:14px !important;
  font-weight:1000 !important;
  color:rgba(241,245,249,.74) !important;
  border:1px solid transparent !important;
  background:transparent !important;
}
body.lists-overview-page .check-editor-tabs button.active{
  color:#fff !important;
  border-color:rgba(247,201,72,.42) !important;
  background:linear-gradient(135deg,rgba(247,201,72,.22),rgba(56,189,248,.10)) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
body.lists-overview-page .check-editor-panel{
  min-height:0 !important;
  padding:16px 24px 22px !important;
}
body.lists-overview-page .check-editor-panel.active{
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  gap:12px !important;
  overflow:hidden !important;
}
body.lists-overview-page .check-editor-head{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 2px !important;
}
body.lists-overview-page .check-editor-head strong{
  font-size:15px !important;
  font-weight:1000 !important;
  color:#f8fafc !important;
}
body.lists-overview-page .check-editor-head span{
  padding:6px 10px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:1000 !important;
  color:#dff7ff !important;
  border:1px solid rgba(56,189,248,.26) !important;
  background:rgba(56,189,248,.10) !important;
}
body.lists-overview-page .check-editor-list{
  min-height:0 !important;
  overflow-y:auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:14px !important;
  border-radius:22px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  background:rgba(2,6,23,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
body.lists-overview-page .check-editor-list::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}
body.lists-overview-page .check-editor-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:8px !important;
  align-items:center !important;
  padding:9px !important;
  min-height:0 !important;
  border-radius:17px !important;
  border:1px solid rgba(148,163,184,.14) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.035)) !important;
}
body.lists-overview-page .check-editor-row label,
body.lists-overview-page .check-editor-row .wide{
  display:block !important;
  min-width:0 !important;
  grid-column:auto !important;
}
body.lists-overview-page .check-editor-row input{
  width:100% !important;
  height:38px !important;
  border-radius:13px !important;
  padding:7px 12px !important;
  font-size:14px !important;
  font-weight:800 !important;
  color:#f8fafc !important;
  border:1px solid rgba(148,163,184,.20) !important;
  background:rgba(2,6,23,.54) !important;
  outline:none !important;
}
body.lists-overview-page .check-editor-row input:focus{
  border-color:rgba(247,201,72,.55) !important;
  box-shadow:0 0 0 4px rgba(247,201,72,.10) !important;
}
body.lists-overview-page .check-editor-actions{
  grid-column:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;
}
body.lists-overview-page .check-editor-actions .btn.small{
  height:38px !important;
  padding:0 13px !important;
  border-radius:13px !important;
  font-size:12px !important;
  font-weight:1000 !important;
}
body.lists-overview-page .check-editor-actions .icondelete{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border-radius:13px !important;
  font-size:19px !important;
  border:1px solid rgba(248,113,113,.28) !important;
  background:rgba(248,113,113,.10) !important;
  color:#fecaca !important;
}
body.lists-overview-page .check-editor-add{
  position:sticky !important;
  bottom:0 !important;
  z-index:3 !important;
  border-color:rgba(247,201,72,.32) !important;
  background:linear-gradient(135deg,rgba(247,201,72,.13),rgba(56,189,248,.07)),rgba(12,18,31,.92) !important;
  backdrop-filter:blur(16px) !important;
}
@media(max-width:720px){
  body.lists-overview-page .checklist-editor-modal{padding:10px !important;}
  body.lists-overview-page .checklist-editor-box{width:calc(100vw - 20px) !important;max-height:86vh !important;border-radius:22px !important;}
  body.lists-overview-page .checklist-editor-box .modalhead{padding:18px 16px 13px !important;}
  body.lists-overview-page .checklist-editor-box .modalhead h2{font-size:25px !important;}
  body.lists-overview-page .check-editor-tabs{margin:14px 16px 0 !important;grid-template-columns:1fr !important;}
  body.lists-overview-page .check-editor-panel{padding:13px 16px 16px !important;}
  body.lists-overview-page .check-editor-list{padding:10px !important;border-radius:18px !important;}
  body.lists-overview-page .check-editor-row{grid-template-columns:1fr !important;}
  body.lists-overview-page .check-editor-actions{display:grid !important;grid-template-columns:1fr 42px !important;width:100% !important;}
  body.lists-overview-page .check-editor-actions .btn.small{width:100% !important;}
  body.lists-overview-page .check-editor-add .check-editor-actions{grid-template-columns:1fr !important;}
}

/* CampOrga v116 - schicker, kompakter Checklisten-Editor ohne Reload */
body.lists-overview-page .co-list-actions .js-checklist-editor-open{
  font-size:0 !important;
}
body.lists-overview-page .co-list-actions .js-checklist-editor-open::after{
  content:'Checklisten Editor' !important;
  font-size:13px !important;
}
body.lists-overview-page .checklist-editor-modal{
  align-items:center !important;
  justify-content:center !important;
  padding:26px !important;
  background:rgba(2,6,23,.70) !important;
  backdrop-filter:blur(14px) !important;
}
body.lists-overview-page .checklist-editor-box{
  width:min(860px,calc(100vw - 52px)) !important;
  max-height:min(760px,calc(100vh - 52px)) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  padding:0 !important;
  border-radius:30px !important;
  border:1px solid rgba(148,163,184,.20) !important;
  background:
    radial-gradient(circle at 0 0, rgba(247,201,72,.16), transparent 34%),
    radial-gradient(circle at 100% 0, rgba(56,189,248,.14), transparent 34%),
    linear-gradient(180deg, rgba(17,24,39,.98), rgba(6,11,24,.99)) !important;
  box-shadow:0 34px 100px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.lists-overview-page .checklist-editor-box .modalhead{
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:1fr auto auto !important;
  align-items:center !important;
  gap:14px !important;
  padding:24px 28px 18px !important;
  border-bottom:1px solid rgba(148,163,184,.16) !important;
  background:linear-gradient(135deg,rgba(247,201,72,.10),rgba(56,189,248,.07),rgba(255,255,255,.02)) !important;
}
body.lists-overview-page .checklist-editor-box .modalhead small{
  display:inline-flex !important;
  width:max-content !important;
  margin:0 0 8px !important;
  padding:5px 11px !important;
  border-radius:999px !important;
  border:1px solid rgba(247,201,72,.38) !important;
  background:rgba(247,201,72,.10) !important;
  color:#fde68a !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.11em !important;
}
body.lists-overview-page .checklist-editor-box .modalhead h2{
  margin:0 !important;
  font-size:31px !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
  color:#f8fafc !important;
  text-shadow:none !important;
}
body.lists-overview-page .check-editor-status{
  min-width:112px !important;
  min-height:32px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  color:#bbf7d0 !important;
  background:rgba(34,197,94,.10) !important;
  border:1px solid rgba(34,197,94,.20) !important;
  font-size:12px !important;
  font-weight:1000 !important;
  opacity:.98 !important;
}
body.lists-overview-page .check-editor-status:empty{
  visibility:hidden !important;
}
body.lists-overview-page .check-editor-status.is-error{
  color:#fecaca !important;
  background:rgba(248,113,113,.12) !important;
  border-color:rgba(248,113,113,.28) !important;
}
body.lists-overview-page .checklist-editor-box .modalclose{
  width:42px !important;
  height:42px !important;
  border-radius:15px !important;
  border:1px solid rgba(148,163,184,.20) !important;
  background:rgba(255,255,255,.06) !important;
  color:#e5e7eb !important;
}
body.lists-overview-page .check-editor-tabs{
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  margin:20px 28px 0 !important;
  padding:6px !important;
  border-radius:18px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  background:rgba(2,6,23,.34) !important;
}
body.lists-overview-page .check-editor-tabs button{
  min-height:42px !important;
  border:0 !important;
  border-radius:13px !important;
  background:transparent !important;
  color:#aeb8ca !important;
  font-size:13px !important;
  font-weight:1000 !important;
  letter-spacing:.01em !important;
  box-shadow:none !important;
}
body.lists-overview-page .check-editor-tabs button.active{
  color:#fff7d6 !important;
  background:linear-gradient(135deg,rgba(247,201,72,.26),rgba(56,189,248,.13)) !important;
  box-shadow:inset 0 0 0 1px rgba(247,201,72,.34),0 10px 26px rgba(0,0,0,.22) !important;
}
body.lists-overview-page .check-editor-panel{
  min-height:0 !important;
  padding:18px 28px 26px !important;
  overflow:hidden !important;
}
body.lists-overview-page .check-editor-panel.active{
  display:flex !important;
  flex-direction:column !important;
}
body.lists-overview-page .check-editor-head{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 12px !important;
}
body.lists-overview-page .check-editor-head strong{
  font-size:15px !important;
  color:#f8fafc !important;
  font-weight:1000 !important;
}
body.lists-overview-page .check-editor-head span{
  padding:6px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(56,189,248,.28) !important;
  background:rgba(56,189,248,.09) !important;
  color:#dff7ff !important;
  font-size:12px !important;
  font-weight:1000 !important;
}
body.lists-overview-page .check-editor-list{
  min-height:0 !important;
  max-height:430px !important;
  overflow:auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:14px !important;
  border-radius:22px !important;
  border:1px solid rgba(148,163,184,.15) !important;
  background:linear-gradient(180deg,rgba(2,6,23,.42),rgba(2,6,23,.24)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  scrollbar-width:none !important;
}
body.lists-overview-page .check-editor-list::-webkit-scrollbar{display:none !important;}
body.lists-overview-page .check-editor-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
  margin:0 !important;
  padding:8px !important;
  border-radius:17px !important;
  border:1px solid rgba(148,163,184,.13) !important;
  background:rgba(15,23,42,.72) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.14) !important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease !important;
}
body.lists-overview-page .check-editor-row:hover{
  border-color:rgba(247,201,72,.22) !important;
  background:rgba(15,23,42,.88) !important;
}
body.lists-overview-page .check-editor-row.is-saving{opacity:.62 !important;}
body.lists-overview-page .check-editor-row.is-saved{
  border-color:rgba(34,197,94,.34) !important;
  background:rgba(34,197,94,.08) !important;
}
body.lists-overview-page .check-editor-row label,
body.lists-overview-page .check-editor-row .wide{
  display:block !important;
  min-width:0 !important;
}
body.lists-overview-page .check-editor-row input[name="item_text"]{
  width:100% !important;
  height:42px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  border-radius:13px !important;
  background:rgba(2,6,23,.54) !important;
  color:#f8fafc !important;
  padding:0 14px !important;
  font-size:14px !important;
  font-weight:850 !important;
  outline:none !important;
  box-shadow:none !important;
}
body.lists-overview-page .check-editor-row input[name="item_text"]:focus{
  border-color:rgba(247,201,72,.46) !important;
  box-shadow:0 0 0 3px rgba(247,201,72,.10) !important;
}
body.lists-overview-page .check-editor-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
}
body.lists-overview-page .check-save,
body.lists-overview-page .icondelete{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  font-size:18px !important;
  font-weight:1000 !important;
}
body.lists-overview-page .check-save{
  border:1px solid rgba(247,201,72,.34) !important;
  background:linear-gradient(135deg,#f8c92f,#d79b10) !important;
  color:#111827 !important;
  box-shadow:0 8px 18px rgba(247,201,72,.16) !important;
}
body.lists-overview-page .icondelete{
  border:1px solid rgba(248,113,113,.22) !important;
  background:rgba(248,113,113,.09) !important;
  color:#fecaca !important;
  box-shadow:none !important;
}
body.lists-overview-page .check-editor-add{
  position:sticky !important;
  bottom:0 !important;
  z-index:5 !important;
  margin-top:4px !important;
  padding:10px !important;
  border-color:rgba(247,201,72,.28) !important;
  background:linear-gradient(135deg,rgba(247,201,72,.12),rgba(56,189,248,.08)),rgba(8,13,25,.96) !important;
  backdrop-filter:blur(18px) !important;
}
body.lists-overview-page .check-add-btn{
  height:42px !important;
  min-width:132px !important;
  border:1px solid rgba(247,201,72,.38) !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#f8c92f,#d79b10) !important;
  color:#111827 !important;
  font-size:12px !important;
  font-weight:1000 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
}
@media(max-width:720px){
  body.lists-overview-page .checklist-editor-modal{padding:10px !important;}
  body.lists-overview-page .checklist-editor-box{width:calc(100vw - 20px) !important;max-height:calc(100vh - 20px) !important;border-radius:24px !important;}
  body.lists-overview-page .checklist-editor-box .modalhead{grid-template-columns:1fr auto !important;padding:20px 18px 14px !important;}
  body.lists-overview-page .check-editor-status{display:none !important;}
  body.lists-overview-page .checklist-editor-box .modalhead h2{font-size:25px !important;}
  body.lists-overview-page .check-editor-tabs{margin:14px 18px 0 !important;grid-template-columns:1fr !important;}
  body.lists-overview-page .check-editor-panel{padding:14px 18px 18px !important;}
  body.lists-overview-page .check-editor-list{max-height:calc(100vh - 285px) !important;padding:10px !important;border-radius:18px !important;}
  body.lists-overview-page .check-editor-row{grid-template-columns:1fr !important;gap:8px !important;}
  body.lists-overview-page .check-editor-actions{display:grid !important;grid-template-columns:1fr 42px !important;width:100% !important;}
  body.lists-overview-page .check-save{width:100% !important;}
  body.lists-overview-page .check-editor-add .check-editor-actions{grid-template-columns:1fr !important;}
  body.lists-overview-page .check-add-btn{width:100% !important;}
}


/* CampOrga v117 - Checklisten Editor komplett neu / passend zu Reiseverlauf-Modals */
body.lists-overview-page .co-list-actions .js-checklist-editor-open{
  font-size:0!important;
  white-space:nowrap!important;
}
body.lists-overview-page .co-list-actions .js-checklist-editor-open::after{
  content:'Checklisten Editor'!important;
  font-size:13px!important;
  line-height:1!important;
}
body.lists-overview-page #checklistEditorModal.modal{
  z-index:120000!important;
  padding:24px!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(2,6,23,.72)!important;
  backdrop-filter:blur(12px)!important;
}
body.lists-overview-page #checklistEditorModal::after{display:none!important;content:none!important;}
body.lists-overview-page #checklistEditorModal .checklist-editor-box{
  width:min(980px,calc(100vw - 48px))!important;
  max-width:min(980px,calc(100vw - 48px))!important;
  height:auto!important;
  max-height:min(88vh,780px)!important;
  overflow:hidden!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  border-radius:26px!important;
  border:1px solid rgba(148,163,184,.24)!important;
  background:linear-gradient(180deg,rgba(23,34,54,.98),rgba(8,13,25,.99))!important;
  box-shadow:0 30px 100px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.lists-overview-page #checklistEditorModal .modalhead{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:14px!important;
  align-items:center!important;
  min-height:0!important;
  margin:0!important;
  padding:20px 24px!important;
  border:0!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
  background:radial-gradient(circle at 0 0,rgba(247,201,72,.18),transparent 34%),radial-gradient(circle at 100% 0,rgba(56,189,248,.14),transparent 32%),rgba(15,23,42,.60)!important;
}
body.lists-overview-page #checklistEditorModal .modalhead small{
  display:inline-flex!important;
  width:max-content!important;
  margin:0 0 7px!important;
  padding:5px 11px!important;
  border-radius:999px!important;
  border:1px solid rgba(247,201,72,.34)!important;
  background:rgba(247,201,72,.10)!important;
  color:#fde68a!important;
  font-size:10.5px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.lists-overview-page #checklistEditorModal .modalhead h2{
  margin:0!important;
  color:#f8fafc!important;
  font-size:clamp(25px,3vw,34px)!important;
  line-height:.95!important;
  font-weight:1000!important;
  letter-spacing:-.045em!important;
  text-shadow:none!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-status{
  min-width:0!important;
  max-width:190px!important;
  min-height:0!important;
  height:auto!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  border:1px solid rgba(34,197,94,.22)!important;
  background:rgba(34,197,94,.10)!important;
  color:#bbf7d0!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-status:empty{display:none!important;}
body.lists-overview-page #checklistEditorModal .check-editor-status.is-error{
  border-color:rgba(248,113,113,.30)!important;background:rgba(248,113,113,.12)!important;color:#fecaca!important;
}
body.lists-overview-page #checklistEditorModal .modalclose{
  position:static!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  border-radius:15px!important;
  border:1px solid rgba(148,163,184,.20)!important;
  background:rgba(255,255,255,.07)!important;
  color:#e5e7eb!important;
  font-size:25px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-tabs{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:18px 24px 0!important;
  padding:6px!important;
  border-radius:18px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(2,6,23,.32)!important;
  box-shadow:none!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-tabs button{
  margin:0!important;
  min-height:42px!important;
  padding:0 14px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:transparent!important;
  color:#b8c2d4!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  cursor:pointer!important;
  box-shadow:none!important;
  text-align:center!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-tabs button.active{
  color:#fff7d6!important;
  border-color:rgba(247,201,72,.36)!important;
  background:linear-gradient(135deg,rgba(247,201,72,.22),rgba(56,189,248,.10))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-panel{
  display:none!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:16px 24px 24px!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-panel.active{
  display:flex!important;
  flex-direction:column!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-head{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:0 2px!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-head strong{
  margin:0!important;
  color:#f8fafc!important;
  font-size:16px!important;
  font-weight:1000!important;
  line-height:1.2!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-head span{
  margin:0!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  border:1px solid rgba(56,189,248,.25)!important;
  background:rgba(56,189,248,.09)!important;
  color:#dff7ff!important;
  font-size:12px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-list{
  flex:1 1 auto!important;
  min-height:260px!important;
  max-height:calc(88vh - 230px)!important;
  overflow:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin:0!important;
  padding:14px!important;
  border-radius:22px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:linear-gradient(180deg,rgba(2,6,23,.34),rgba(2,6,23,.20))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  scrollbar-width:none!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-list::-webkit-scrollbar{display:none!important;}
body.lists-overview-page #checklistEditorModal .check-editor-row{
  position:relative!important;
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:7px!important;
  border-radius:16px!important;
  border:1px solid rgba(148,163,184,.14)!important;
  background:rgba(15,23,42,.70)!important;
  box-shadow:none!important;
  transform:none!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-row:hover{
  border-color:rgba(247,201,72,.24)!important;
  background:rgba(15,23,42,.88)!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-row.is-saving{opacity:.62!important;}
body.lists-overview-page #checklistEditorModal .check-editor-row.is-saved{border-color:rgba(34,197,94,.38)!important;background:rgba(34,197,94,.08)!important;}
body.lists-overview-page #checklistEditorModal .check-editor-row label,
body.lists-overview-page #checklistEditorModal .check-editor-row .wide{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  grid-column:auto!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-row input[name="item_text"]{
  display:block!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 13px!important;
  border-radius:12px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(2,6,23,.48)!important;
  color:#f8fafc!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:40px!important;
  outline:none!important;
  box-shadow:none!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-row input[name="item_text"]:focus{
  border-color:rgba(247,201,72,.48)!important;
  box-shadow:0 0 0 3px rgba(247,201,72,.10)!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  grid-column:auto!important;
}
body.lists-overview-page #checklistEditorModal .check-save,
body.lists-overview-page #checklistEditorModal .icondelete{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0!important;
  border-radius:13px!important;
  font-size:18px!important;
  font-weight:1000!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
body.lists-overview-page #checklistEditorModal .check-save{
  border:1px solid rgba(247,201,72,.38)!important;
  background:linear-gradient(135deg,#f7c948,#d99b0f)!important;
  color:#111827!important;
}
body.lists-overview-page #checklistEditorModal .icondelete{
  border:1px solid rgba(248,113,113,.22)!important;
  background:rgba(248,113,113,.10)!important;
  color:#fecaca!important;
}
body.lists-overview-page #checklistEditorModal .check-editor-add{
  position:sticky!important;
  bottom:0!important;
  z-index:3!important;
  margin-top:4px!important;
  border-color:rgba(247,201,72,.30)!important;
  background:linear-gradient(135deg,rgba(247,201,72,.12),rgba(56,189,248,.07)),rgba(8,13,25,.97)!important;
  backdrop-filter:blur(14px)!important;
}
body.lists-overview-page #checklistEditorModal .check-add-btn{
  height:40px!important;
  min-height:40px!important;
  min-width:126px!important;
  padding:0 15px!important;
  border-radius:13px!important;
  border:1px solid rgba(247,201,72,.38)!important;
  background:linear-gradient(135deg,#f7c948,#d99b0f)!important;
  color:#111827!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
@media(max-width:720px){
  body.lists-overview-page #checklistEditorModal.modal{padding:10px!important;align-items:flex-start!important;}
  body.lists-overview-page #checklistEditorModal .checklist-editor-box{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;border-radius:22px!important;}
  body.lists-overview-page #checklistEditorModal .modalhead{grid-template-columns:1fr auto!important;padding:18px 16px 14px!important;}
  body.lists-overview-page #checklistEditorModal .check-editor-status{display:none!important;}
  body.lists-overview-page #checklistEditorModal .check-editor-tabs{margin:14px 16px 0!important;}
  body.lists-overview-page #checklistEditorModal .check-editor-panel{padding:14px 16px 16px!important;}
  body.lists-overview-page #checklistEditorModal .check-editor-list{min-height:0!important;max-height:calc(100vh - 250px)!important;padding:10px!important;border-radius:18px!important;}
  body.lists-overview-page #checklistEditorModal .check-editor-row{grid-template-columns:minmax(0,1fr) auto!important;padding:6px!important;}
  body.lists-overview-page #checklistEditorModal .check-save,
  body.lists-overview-page #checklistEditorModal .icondelete{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;}
  body.lists-overview-page #checklistEditorModal .check-add-btn{min-width:108px!important;padding:0 10px!important;}
}
@media(max-width:480px){
  body.lists-overview-page #checklistEditorModal .check-editor-row{grid-template-columns:1fr!important;}
  body.lists-overview-page #checklistEditorModal .check-editor-actions{display:grid!important;grid-template-columns:1fr 40px!important;width:100%!important;}
  body.lists-overview-page #checklistEditorModal .check-save{width:100%!important;}
  body.lists-overview-page #checklistEditorModal .check-editor-add .check-editor-actions{grid-template-columns:1fr!important;}
  body.lists-overview-page #checklistEditorModal .check-add-btn{width:100%!important;}
}

/* CampOrga v123 - Settings + Listen Vorlagen sauber getrennt */
.settings-clean-hero,.lt-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(135deg,rgba(245,197,66,.18),rgba(20,44,72,.55) 55%,rgba(7,12,28,.92));box-shadow:0 22px 60px rgba(0,0,0,.28);margin-bottom:22px}
.settings-clean-hero h1,.lt-hero h1{margin:.15rem 0 .35rem;font-size:clamp(2rem,4vw,3.3rem);line-height:1;color:#fff}.settings-clean-hero p,.lt-hero p{max-width:760px;color:rgba(232,238,250,.78);margin:0}.settings-vehicle-card{padding:26px;border-radius:28px;background:linear-gradient(180deg,rgba(18,29,52,.96),rgba(8,13,29,.98));border:1px solid rgba(255,255,255,.12)}
.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.settings-card-head h2{margin:.15rem 0 .25rem;color:#fff}.settings-card-head p{margin:0;color:rgba(232,238,250,.72)}
.settings-form-grid,.settings-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settings-form-grid label,.settings-price-grid label,.nice-form label{display:grid;gap:7px;color:rgba(232,238,250,.84);font-weight:800;font-size:.86rem}.settings-form-grid input,.settings-form-grid select,.settings-price-grid input,.nice-form input,.co-category-filter select,.lt-item input,.lt-item select,.category-row input{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(5,10,24,.82);color:#fff;border-radius:15px;padding:12px 13px;outline:none;min-height:45px}.settings-form-grid input:focus,.settings-form-grid select:focus,.settings-price-grid input:focus,.lt-item input:focus,.lt-item select:focus,.category-row input:focus{border-color:rgba(245,197,66,.75);box-shadow:0 0 0 3px rgba(245,197,66,.12)}
.settings-price-box{margin-top:18px;padding:18px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1.05fr 2fr;gap:18px;align-items:end}.settings-price-box h3{margin:.1rem 0 .25rem}.settings-price-box p{margin:0;color:rgba(232,238,250,.68)}.settings-live-preview{margin-top:16px;border-radius:18px;padding:15px 17px;background:rgba(245,197,66,.10);border:1px solid rgba(245,197,66,.24);color:#f8e7a6;font-weight:900}
.co-category-filter{display:flex;align-items:center;gap:10px;color:rgba(232,238,250,.75);font-weight:900}.co-category-filter select{min-width:210px}.lt-panel .co-list-panel-head{align-items:center}.lt-items{display:grid;gap:10px;margin-top:14px}.lt-item{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.8fr) minmax(145px,.7fr) 90px 90px 90px auto auto;gap:8px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.10);background:rgba(5,10,24,.45);border-radius:18px}.lt-add-item{border-color:rgba(245,197,66,.28);background:rgba(245,197,66,.08)}.lt-item-title{font-weight:900}.co-item-category{display:inline-flex!important;width:max-content;margin-top:5px;padding:3px 8px;border-radius:999px;background:rgba(245,197,66,.12);border:1px solid rgba(245,197,66,.22);color:#f7dfa0;font-style:normal}.category-manager-box{max-width:760px}.category-manager-list{display:grid;gap:10px;margin-top:16px}.category-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(5,10,24,.45)}.category-add{border-color:rgba(245,197,66,.25);background:rgba(245,197,66,.07)}.modal-sm{max-width:520px}.lt-hero .co-list-stats{min-width:310px}.list-templates-page .co-list-toolbar{grid-template-columns:1fr auto}.list-templates-page .co-list-panel{min-height:440px}.co-list-empty .btn{margin-top:12px}
@media(max-width:1100px){.settings-form-grid,.settings-price-grid{grid-template-columns:1fr 1fr}.settings-price-box{grid-template-columns:1fr}.lt-item{grid-template-columns:1fr 1fr}.lt-item .btn{min-height:42px}.settings-clean-hero,.lt-hero{align-items:stretch;flex-direction:column}.lt-hero .co-list-stats{min-width:0}}
@media(max-width:720px){.settings-form-grid,.settings-price-grid,.lt-item,.category-row{grid-template-columns:1fr}.settings-card-head{flex-direction:column}.co-category-filter{width:100%;align-items:stretch;flex-direction:column}.co-category-filter select{min-width:0}.settings-clean-hero,.lt-hero{padding:20px;border-radius:22px}}

/* CampOrga v124 — Einstellungen + Listen-Vorlagen konsistent & edler */
body.settings-clean-v123 .settings-clean-hero{margin-top:8px;margin-bottom:18px;align-items:center;background:linear-gradient(135deg,rgba(250,204,21,.15),rgba(31,64,102,.58) 48%,rgba(5,10,22,.95));}
body.settings-clean-v123 .settings-trip-card,
body.settings-clean-v123 .settings-vehicle-card{margin-bottom:18px;padding:24px;border-radius:30px;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(8,13,28,.98));border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 70px rgba(0,0,0,.28)}
body.settings-clean-v123 .settings-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(148,163,184,.13)}
body.settings-clean-v123 .settings-card-head h2{margin:4px 0 6px;font-size:clamp(1.45rem,2.2vw,2.15rem);letter-spacing:-.035em;color:#fff}
body.settings-clean-v123 .settings-card-head p{margin:0;color:#aebbd0;line-height:1.45;max-width:760px}
body.settings-clean-v123 .trip-defaults-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
body.settings-clean-v123 .trip-default-section{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:15px;border-radius:22px;border:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.035);align-content:start}
body.settings-clean-v123 .trip-default-section>span{display:grid;place-items:center;width:34px;height:34px;border-radius:13px;background:linear-gradient(135deg,#facc15,#f59e0b);color:#111827;font-weight:1000;box-shadow:0 10px 25px rgba(250,204,21,.18)}
body.settings-clean-v123 .trip-default-section h3{margin:0 0 10px;color:#fff;font-size:1.05rem}.trip-default-section small{display:block;text-transform:uppercase;letter-spacing:.12em;color:#facc15;font-weight:1000;font-size:.68rem;margin-bottom:2px}
body.settings-clean-v123 .trip-default-section label{display:grid;gap:6px;margin:8px 0;color:#cbd5e1;font-size:.82rem;font-weight:900}
body.settings-clean-v123 .trip-default-section input,body.settings-clean-v123 .trip-default-section select,body.settings-clean-v123 .settings-description-full textarea{border-radius:14px;background:rgba(5,10,24,.82);border:1px solid rgba(148,163,184,.16);min-height:42px;color:#fff;padding:10px 12px}
body.settings-clean-v123 .settings-description-full{display:grid;gap:7px;margin-top:10px;color:#cbd5e1;font-weight:900}.settings-description-full textarea{min-height:84px!important}

body.list-templates-page .co-list-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-top:16px;margin-bottom:14px;align-items:stretch}
body.list-templates-page .lt-hero{padding:0;border:0;background:transparent;box-shadow:none}
body.list-templates-page .co-list-hero-copy{padding:28px;border-radius:30px;background:linear-gradient(135deg,rgba(250,204,21,.16),rgba(30,58,96,.58) 50%,rgba(7,12,26,.96));border:1px solid rgba(148,163,184,.16);box-shadow:0 26px 80px rgba(0,0,0,.30);overflow:hidden;position:relative}
body.list-templates-page .co-list-hero-copy:after{content:"";position:absolute;right:-70px;top:-85px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(250,204,21,.18),transparent 68%)}
body.list-templates-page .co-list-hero-copy h1{margin:6px 0 12px;font-size:clamp(32px,4.4vw,54px);letter-spacing:-.045em;line-height:1;color:#fff;position:relative;z-index:1}
body.list-templates-page .co-list-hero-copy p:not(.eyebrow){color:#cbd5e1;max-width:780px;position:relative;z-index:1}
body.list-templates-page .co-list-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;position:relative;z-index:1}
body.list-templates-page .co-list-stats{display:grid;gap:10px;padding:16px;border-radius:30px;background:rgba(15,23,42,.74);border:1px solid rgba(148,163,184,.16);box-shadow:0 22px 55px rgba(0,0,0,.24)}
body.list-templates-page .co-list-stats div{border-radius:22px;padding:14px;background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.12);display:flex;align-items:end;justify-content:space-between;gap:10px}
body.list-templates-page .co-list-stats strong{font-size:28px;color:#facc15}.co-list-stats span{color:#cbd5e1;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.07em}
body.list-templates-page .co-list-toolbar{display:grid!important;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:end;margin:0 0 18px;padding:14px;border-radius:24px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.16)}
body.list-templates-page .co-lists-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}
body.list-templates-page .co-list-sidebar{position:sticky;top:88px;border-radius:28px;padding:14px;background:rgba(15,23,42,.76);border:1px solid rgba(148,163,184,.16)}
body.list-templates-page .co-list-sidebar h3{margin:3px 6px 12px;color:#fff;font-size:1.05rem}.co-sidebar-title{font-weight:1000;color:#fff;margin:4px 6px 12px}
body.list-templates-page .co-list-nav{display:grid;gap:8px;max-height:calc(100vh - 170px);overflow:auto;scrollbar-width:none}.co-list-nav::-webkit-scrollbar{display:none}
body.list-templates-page .co-list-panel{display:none!important;border-radius:30px;padding:0;overflow:hidden;background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(10,16,30,.92));border:1px solid rgba(148,163,184,.16)}
body.list-templates-page .co-list-panel.active{display:block!important}
body.list-templates-page .co-list-panel-head,.co-panel-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:20px 22px;border-bottom:1px solid rgba(148,163,184,.13);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
body.list-templates-page .co-list-panel-head h2{margin:0;color:#fff;font-size:1.7rem}.co-list-panel-head p{margin:4px 0 0;color:#94a3b8;font-weight:800}
body.list-templates-page .lt-items{padding:18px;display:grid;gap:10px}
body.list-templates-page .lt-item{grid-template-columns:minmax(230px,1.35fr) minmax(150px,.75fr) minmax(138px,.7fr) 82px 82px 82px 92px 40px;gap:8px;align-items:center;padding:10px;border-radius:18px;background:rgba(2,8,23,.45);border:1px solid rgba(148,163,184,.13)}
body.list-templates-page .lt-item:hover{border-color:rgba(250,204,21,.22);background:rgba(15,23,42,.72)}
body.list-templates-page .lt-add-item{position:sticky;bottom:0;border-color:rgba(250,204,21,.28);background:linear-gradient(135deg,rgba(250,204,21,.10),rgba(15,23,42,.78));box-shadow:0 -18px 40px rgba(4,8,18,.24)}
body.list-templates-page .lt-item input,body.list-templates-page .lt-item select,.polished-category-modal input{min-height:40px;border-radius:13px;background:rgba(5,10,24,.86);border:1px solid rgba(148,163,184,.16);color:#fff;padding:9px 11px}
body.list-templates-page .lt-item .btn{min-height:40px;border-radius:13px;padding:8px 10px}.lt-item .btn.danger{width:40px;min-width:40px;padding:0}
.polished-category-modal{width:min(740px,calc(100vw - 28px));padding:0!important;border-radius:30px;overflow:hidden;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,28,.99));border:1px solid rgba(148,163,184,.18)}
.polished-category-modal .modalhead{padding:22px 24px;border-bottom:1px solid rgba(148,163,184,.14);background:linear-gradient(135deg,rgba(250,204,21,.14),rgba(37,99,235,.10));display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.polished-category-modal .modalhead p{margin:6px 0 0;color:#cbd5e1;line-height:1.35}
.polished-category-modal .category-manager-list{padding:18px;display:grid;gap:9px;max-height:min(58vh,560px);overflow:auto;scrollbar-width:none}.polished-category-modal .category-manager-list::-webkit-scrollbar{display:none}
.polished-category-modal .category-row{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;gap:8px;align-items:center;padding:9px;border-radius:17px;background:rgba(2,8,23,.48);border:1px solid rgba(148,163,184,.14)}
.polished-category-modal .category-add{grid-template-columns:minmax(0,1fr) auto;border-color:rgba(250,204,21,.28);background:rgba(250,204,21,.07)}
.mini-save,.mini-delete{width:42px;height:42px;border-radius:14px;border:1px solid rgba(148,163,184,.16);font-weight:1000;cursor:pointer}.mini-save{background:linear-gradient(135deg,#facc15,#eab308);color:#111827}.mini-delete{background:rgba(248,113,113,.12);color:#fecaca;border-color:rgba(248,113,113,.28)}
body.lists-overview-page .co-list-toolbar{grid-template-columns:minmax(240px,1fr) auto auto minmax(180px,.8fr)}
body.lists-overview-page .co-category-filter{display:grid!important;gap:6px;align-items:end;font-weight:1000;color:#cbd5e1;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
body.lists-overview-page .co-category-filter select{min-width:190px;min-height:42px;border-radius:14px;background:rgba(5,10,24,.84);border:1px solid rgba(148,163,184,.16);color:#fff;padding:9px 34px 9px 11px}
body.lists-overview-page .co-check-row{transition:opacity .16s, transform .16s}.co-check-row.is-done{opacity:.58}
@media(max-width:1120px){body.settings-clean-v123 .trip-defaults-grid,body.list-templates-page .co-list-hero,body.list-templates-page .co-lists-layout{grid-template-columns:1fr}body.list-templates-page .co-list-sidebar{position:relative;top:auto}body.list-templates-page .co-list-toolbar,body.lists-overview-page .co-list-toolbar{grid-template-columns:1fr 1fr!important}body.list-templates-page .lt-item{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body.settings-clean-v123 .trip-defaults-grid,body.settings-clean-v123 .settings-form-grid,body.settings-clean-v123 .settings-price-grid,body.list-templates-page .co-list-toolbar,body.lists-overview-page .co-list-toolbar,body.list-templates-page .lt-item,.polished-category-modal .category-row{grid-template-columns:1fr!important}body.settings-clean-v123 .settings-card-head{flex-direction:column}.polished-category-modal .category-row{gap:8px}.mini-save,.mini-delete{width:100%}}


/* CampOrga v125 — Meine Einstellungen Layout-Reparatur */
body.settings-clean-v125 .app-main,
body.settings-clean-v125 .content,
body.settings-clean-v125 main{
    min-width:0;
}
body.settings-clean-v125 .settings-clean-hero,
body.settings-clean-v125 .settings-trip-card,
body.settings-clean-v125 .settings-vehicle-card{
    width:100%;
    max-width:1320px;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
}
body.settings-clean-v125 .settings-clean-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:22px;
    padding:30px 32px;
    border-radius:30px;
}
body.settings-clean-v125 .settings-clean-hero .btn{
    white-space:nowrap;
}
body.settings-clean-v125 .settings-card-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
}
body.settings-clean-v125 .settings-card-head .btn{
    white-space:nowrap;
    margin-top:0;
}
body.settings-clean-v125 .trip-defaults-grid{
    grid-template-columns:repeat(3,minmax(260px,1fr));
    gap:18px;
    align-items:stretch;
}
body.settings-clean-v125 .trip-default-section{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:10px 12px;
    padding:18px;
    min-width:0;
    box-sizing:border-box;
}
body.settings-clean-v125 .trip-default-section > span{
    grid-column:1;
    grid-row:1;
}
body.settings-clean-v125 .trip-default-section > div{
    grid-column:2;
    grid-row:1;
    min-width:0;
}
body.settings-clean-v125 .trip-default-section > label,
body.settings-clean-v125 .settings-description-full{
    grid-column:1 / -1;
    min-width:0;
}
body.settings-clean-v125 .trip-default-section label,
body.settings-clean-v125 .settings-form-grid label,
body.settings-clean-v125 .settings-price-grid label,
body.settings-clean-v125 .settings-description-full{
    position:relative;
    display:grid!important;
    grid-template-columns:1fr;
    gap:7px;
    margin:0;
    color:#cbd5e1;
    line-height:1.25;
    min-width:0;
    font-size:.84rem;
    letter-spacing:0;
    text-transform:none;
}
body.settings-clean-v125 .trip-default-section label + label{
    margin-top:9px;
}
body.settings-clean-v125 .trip-default-section input,
body.settings-clean-v125 .trip-default-section select,
body.settings-clean-v125 .settings-form-grid input,
body.settings-clean-v125 .settings-form-grid select,
body.settings-clean-v125 .settings-price-grid input,
body.settings-clean-v125 .settings-description-full textarea{
    width:100%!important;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    min-height:46px;
    border-radius:15px;
    padding:12px 14px;
    line-height:1.2;
    font-size:.95rem;
}
body.settings-clean-v125 .trip-default-section select,
body.settings-clean-v125 .settings-form-grid select{
    appearance:auto;
}
body.settings-clean-v125 .settings-form-grid{
    grid-template-columns:repeat(3,minmax(240px,1fr));
    gap:14px 16px;
}
body.settings-clean-v125 .settings-price-box{
    grid-template-columns:minmax(220px,.75fr) minmax(0,1.6fr);
    gap:22px;
    align-items:start;
    padding:20px;
}
body.settings-clean-v125 .settings-price-grid{
    grid-template-columns:repeat(3,minmax(150px,1fr));
    gap:14px;
}
body.settings-clean-v125 .settings-live-preview{
    border-radius:18px;
    padding:16px 18px;
}
body.settings-clean-v125 .settings-description-full textarea{
    min-height:96px!important;
    resize:vertical;
}
body.settings-clean-v125 .settings-trip-card,
body.settings-clean-v125 .settings-vehicle-card{
    overflow:hidden;
}
@media(max-width:1180px){
    body.settings-clean-v125 .trip-defaults-grid,
    body.settings-clean-v125 .settings-form-grid{
        grid-template-columns:1fr 1fr;
    }
    body.settings-clean-v125 .settings-price-box{
        grid-template-columns:1fr;
    }
}
@media(max-width:820px){
    body.settings-clean-v125 .settings-clean-hero,
    body.settings-clean-v125 .settings-card-head{
        grid-template-columns:1fr;
    }
    body.settings-clean-v125 .settings-clean-hero .btn,
    body.settings-clean-v125 .settings-card-head .btn{
        width:100%;
    }
    body.settings-clean-v125 .trip-defaults-grid,
    body.settings-clean-v125 .settings-form-grid,
    body.settings-clean-v125 .settings-price-grid{
        grid-template-columns:1fr!important;
    }
}

/* CampOrga v126 — Settings kompakt + synchron + Header bündig */
body.settings-compact-v126.has-sidebar .app-shell,
body.settings-page.has-sidebar .app-shell{
  grid-template-columns:276px minmax(0,1fr)!important;
  column-gap:0!important;
}
body.settings-compact-v126 .sidebar{width:276px!important;min-width:276px!important;}
body.settings-compact-v126 .page-area{margin-left:0!important;padding-left:0!important;}
body.settings-compact-v126 .pagebar{margin-left:0!important;border-left:0!important;padding:13px 22px!important;min-height:64px!important;}
body.settings-compact-v126 main.wrap,
body.settings-compact-v126 main.wrap.wide{
  width:100%!important;
  max-width:1280px!important;
  padding:14px 22px 28px!important;
  margin:0 auto!important;
}
body.settings-compact-v126 .settings-clean-hero,
body.settings-compact-v126 .settings-trip-card,
body.settings-compact-v126 .settings-vehicle-card{
  max-width:1280px!important;
  margin-bottom:12px!important;
  border-radius:24px!important;
}
body.settings-compact-v126 .settings-clean-hero{
  padding:17px 20px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
}
body.settings-compact-v126 .settings-clean-hero h1{font-size:clamp(1.65rem,2.4vw,2.35rem)!important;margin:2px 0 4px!important;line-height:1!important;}
body.settings-compact-v126 .settings-clean-hero p{font-size:.9rem!important;line-height:1.35!important;max-width:820px!important;}
body.settings-compact-v126 .settings-clean-hero .btn{min-height:40px!important;padding:9px 14px!important;border-radius:14px!important;}
body.settings-compact-v126 .settings-trip-card,
body.settings-compact-v126 .settings-vehicle-card{
  padding:16px!important;
  background:linear-gradient(180deg,rgba(13,22,42,.95),rgba(7,12,26,.98))!important;
}
body.settings-compact-v126 .settings-card-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  margin-bottom:12px!important;
  padding-bottom:12px!important;
}
body.settings-compact-v126 .settings-card-head h2{font-size:clamp(1.35rem,1.8vw,1.75rem)!important;margin:2px 0 3px!important;line-height:1.08!important;}
body.settings-compact-v126 .settings-card-head p{font-size:.86rem!important;line-height:1.35!important;}
body.settings-compact-v126 .settings-card-head .btn{min-height:40px!important;padding:9px 14px!important;border-radius:14px!important;}
body.settings-compact-v126 .trip-defaults-grid{
  display:grid!important;
  grid-template-columns:1.15fr .9fr .75fr!important;
  gap:10px!important;
  margin-bottom:10px!important;
}
body.settings-compact-v126 .trip-default-section{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:6px 10px!important;
  padding:12px!important;
  border-radius:18px!important;
  min-width:0!important;
  background:rgba(255,255,255,.035)!important;
}
body.settings-compact-v126 .trip-default-section>span{
  width:28px!important;height:28px!important;border-radius:10px!important;font-size:.84rem!important;
}
body.settings-compact-v126 .trip-default-section h3{font-size:.96rem!important;margin:0 0 6px!important;line-height:1.05!important;}
body.settings-compact-v126 .trip-default-section small{font-size:.58rem!important;margin-bottom:1px!important;}
body.settings-compact-v126 .trip-default-section label,
body.settings-compact-v126 .settings-form-grid label,
body.settings-compact-v126 .settings-price-grid label,
body.settings-compact-v126 .settings-description-full{
  gap:4px!important;
  font-size:.76rem!important;
  line-height:1.15!important;
}
body.settings-compact-v126 .trip-default-section label + label{margin-top:6px!important;}
body.settings-compact-v126 .trip-default-section input,
body.settings-compact-v126 .trip-default-section select,
body.settings-compact-v126 .settings-form-grid input,
body.settings-compact-v126 .settings-form-grid select,
body.settings-compact-v126 .settings-price-grid input,
body.settings-compact-v126 .settings-description-full textarea{
  min-height:36px!important;
  border-radius:12px!important;
  padding:8px 11px!important;
  font-size:.88rem!important;
}
body.settings-compact-v126 .settings-description-full{margin-top:8px!important;}
body.settings-compact-v126 .settings-description-full textarea{min-height:54px!important;max-height:92px!important;}
body.settings-compact-v126 .settings-form-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:9px 12px!important;
}
body.settings-compact-v126 .settings-price-box{
  display:grid!important;
  grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr)!important;
  gap:14px!important;
  padding:12px!important;
  border-radius:18px!important;
  margin-top:10px!important;
}
body.settings-compact-v126 .settings-price-box h3{font-size:1rem!important;margin:3px 0!important;}
body.settings-compact-v126 .settings-price-box p{font-size:.82rem!important;line-height:1.35!important;margin:0!important;}
body.settings-compact-v126 .settings-price-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
body.settings-compact-v126 .settings-live-preview{
  margin-top:10px!important;
  padding:10px 12px!important;
  border-radius:15px!important;
  font-size:.88rem!important;
}
@media(max-width:1180px){
  body.settings-compact-v126 .trip-defaults-grid,
  body.settings-compact-v126 .settings-form-grid,
  body.settings-compact-v126 .settings-price-box{grid-template-columns:1fr 1fr!important;}
  body.settings-compact-v126 .trip-default-section:nth-child(3),
  body.settings-compact-v126 .settings-price-box>div:first-child{grid-column:1/-1!important;}
}
@media(max-width:820px){
  body.settings-compact-v126.has-sidebar .app-shell,
  body.settings-page.has-sidebar .app-shell{grid-template-columns:1fr!important;}
  body.settings-compact-v126 .settings-clean-hero,
  body.settings-compact-v126 .settings-card-head,
  body.settings-compact-v126 .trip-defaults-grid,
  body.settings-compact-v126 .settings-form-grid,
  body.settings-compact-v126 .settings-price-box,
  body.settings-compact-v126 .settings-price-grid{grid-template-columns:1fr!important;}
  body.settings-compact-v126 .settings-clean-hero .btn,
  body.settings-compact-v126 .settings-card-head .btn{width:100%!important;}
}

/* CampOrga v127 — Settings wie Listen: breit, kategorisiert, synchron */
body.settings-v127.has-sidebar .app-shell,
body.settings-v127.settings-page.has-sidebar .app-shell{
  grid-template-columns:276px minmax(0,1fr)!important;
  column-gap:0!important;
}
body.settings-v127 .page-area{min-width:0!important;margin-left:0!important;padding-left:0!important;}
body.settings-v127 .pagebar{margin-left:0!important;border-left:0!important;}
body.settings-v127 main.wrap,
body.settings-v127 main.wrap.wide{
  width:100%!important;
  max-width:1660px!important;
  margin:0 auto!important;
  padding:22px 30px 36px!important;
  box-sizing:border-box!important;
}
body.settings-v127 .settings-v127-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  margin:0 0 18px;
  padding:24px 26px;
  border-radius:30px;
  border:1px solid rgba(148,163,184,.16);
  background:linear-gradient(135deg,rgba(250,204,21,.15),rgba(30,58,96,.56) 48%,rgba(7,12,26,.96));
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  overflow:hidden;
  position:relative;
}
body.settings-v127 .settings-v127-hero:after{
  content:"";position:absolute;right:-80px;top:-90px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(250,204,21,.18),transparent 68%);pointer-events:none;
}
body.settings-v127 .settings-v127-hero>*{position:relative;z-index:1;}
body.settings-v127 .settings-v127-hero h1{margin:4px 0 6px;color:#fff;font-size:clamp(2rem,3.4vw,3.4rem);letter-spacing:-.055em;line-height:.96;}
body.settings-v127 .settings-v127-hero p{margin:0;max-width:860px;color:#cbd5e1;font-size:.96rem;line-height:1.45;}
body.settings-v127 .settings-v127-layout{
  display:grid;
  grid-template-columns:330px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
body.settings-v127 .settings-v127-menu{
  position:sticky;
  top:88px;
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:28px;
  background:rgba(15,23,42,.76);
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 18px 54px rgba(0,0,0,.22);
}
body.settings-v127 .settings-v127-menu button{
  border:1px solid rgba(148,163,184,.12);
  background:rgba(5,10,24,.46);
  color:#e5edf8;
  border-radius:20px;
  padding:13px 14px;
  text-align:left;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:4px 10px;
  align-items:center;
  cursor:pointer;
  transition:.18s ease;
}
body.settings-v127 .settings-v127-menu button:hover,
body.settings-v127 .settings-v127-menu button.active{
  transform:translateY(-1px);
  border-color:rgba(250,204,21,.38);
  background:linear-gradient(135deg,rgba(250,204,21,.16),rgba(14,31,52,.78));
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
body.settings-v127 .settings-v127-menu span{
  grid-row:1 / span 2;
  width:34px;height:34px;border-radius:13px;display:grid;place-items:center;
  background:rgba(148,163,184,.12);color:#f8e7a6;font-weight:1000;font-size:.78rem;
}
body.settings-v127 .settings-v127-menu button.active span{background:linear-gradient(135deg,#facc15,#f59e0b);color:#111827;}
body.settings-v127 .settings-v127-menu b{font-size:.96rem;color:#fff;line-height:1.1;}
body.settings-v127 .settings-v127-menu small{font-size:.76rem;color:#9fb0c8;line-height:1.2;}
body.settings-v127 .settings-v127-content{min-width:0;}
body.settings-v127 .settings-v127-panel{
  display:none;
  padding:22px;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(8,13,28,.97));
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  min-height:440px;
  overflow:hidden;
}
body.settings-v127 .settings-v127-panel.active{display:block;}
body.settings-v127 .settings-v127-inner-form{margin:0;}
body.settings-v127 .settings-v127-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:start;
  margin:-2px 0 18px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(148,163,184,.13);
}
body.settings-v127 .settings-v127-head h2{margin:4px 0 5px;color:#fff;font-size:clamp(1.45rem,2.1vw,2.25rem);letter-spacing:-.045em;line-height:1.02;}
body.settings-v127 .settings-v127-head p{margin:0;color:#aebbd0;max-width:860px;line-height:1.4;}
body.settings-v127 .settings-v127-head .btn{white-space:nowrap;}
body.settings-v127 .settings-v127-grid{display:grid;gap:13px 14px;align-items:end;}
body.settings-v127 .settings-v127-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
body.settings-v127 .settings-v127-grid label,
body.settings-v127 .settings-v127-add-price label,
body.settings-v127 .settings-v127-price-cards label{
  display:grid;
  gap:6px;
  margin:0;
  color:#cbd5e1;
  font-size:.82rem;
  font-weight:1000;
  line-height:1.15;
}
body.settings-v127 .settings-v127-grid label.wide{grid-column:1 / -1;}
body.settings-v127 .settings-v127-grid input,
body.settings-v127 .settings-v127-grid select,
body.settings-v127 .settings-v127-grid textarea,
body.settings-v127 .settings-v127-add-price input,
body.settings-v127 .settings-v127-add-price select,
body.settings-v127 .settings-v127-price-cards input{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  min-height:42px;
  border-radius:15px;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(5,10,24,.78);
  color:#fff;
  outline:none;
}
body.settings-v127 .settings-v127-grid textarea{min-height:86px;resize:vertical;}
body.settings-v127 .settings-v127-grid input:focus,
body.settings-v127 .settings-v127-grid select:focus,
body.settings-v127 .settings-v127-grid textarea:focus,
body.settings-v127 .settings-v127-add-price input:focus,
body.settings-v127 .settings-v127-add-price select:focus,
body.settings-v127 .settings-v127-price-cards input:focus{
  border-color:rgba(250,204,21,.64);box-shadow:0 0 0 3px rgba(250,204,21,.11);
}
body.settings-v127 .settings-v127-preview{
  margin-top:16px;
  padding:13px 15px;
  border-radius:18px;
  background:rgba(250,204,21,.09);
  border:1px solid rgba(250,204,21,.24);
  color:#f8e7a6;
  font-weight:1000;
}
body.settings-v127 .settings-v127-price-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
  margin-bottom:16px;
}
body.settings-v127 .settings-v127-price-cards label{
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(148,163,184,.14);
}
body.settings-v127 .settings-v127-price-cards label>span{color:#fff;font-size:1.05rem;}
body.settings-v127 .settings-v127-price-cards small{color:#f8e7a6;}
body.settings-v127 .settings-v127-add-price{
  display:grid;
  grid-template-columns:150px minmax(220px,1fr) 150px 140px auto;
  gap:10px;
  align-items:end;
  margin:14px 0;
  padding:12px;
  border-radius:22px;
  background:rgba(250,204,21,.07);
  border:1px solid rgba(250,204,21,.18);
}
body.settings-v127 .settings-v127-add-price .check{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 2px;
}
body.settings-v127 .settings-v127-add-price .check input{width:auto;min-height:auto;}
body.settings-v127 .settings-v127-price-list{display:grid;gap:9px;margin-top:12px;}
body.settings-v127 .settings-v127-price-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px 13px;
  border-radius:19px;
  background:rgba(5,10,24,.46);
  border:1px solid rgba(148,163,184,.12);
}
body.settings-v127 .settings-v127-price-row.active{border-color:rgba(250,204,21,.32);background:linear-gradient(135deg,rgba(250,204,21,.10),rgba(5,10,24,.55));}
body.settings-v127 .settings-v127-price-row b{display:inline-flex;margin-right:8px;padding:4px 9px;border-radius:999px;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.20);font-size:.72rem;color:#bfdbfe;text-transform:uppercase;letter-spacing:.08em;}
body.settings-v127 .settings-v127-price-row strong{color:#fff;}
body.settings-v127 .settings-v127-price-row small{display:block;margin-top:4px;color:#9fb0c8;}
body.settings-v127 .settings-v127-price-row .row-actions{display:flex;gap:8px;align-items:center;}
body.settings-v127 .settings-v127-price-row .row-actions form{margin:0;}
body.settings-v127 .settings-v127-price-row .btn.mini{min-height:34px;padding:7px 10px;border-radius:12px;font-size:.78rem;}
body.settings-v127 .active-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.24);color:#bbf7d0;font-weight:1000;font-size:.76rem;}
@media(max-width:1180px){
  body.settings-v127 .settings-v127-layout{grid-template-columns:1fr;}
  body.settings-v127 .settings-v127-menu{position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr));}
  body.settings-v127 .settings-v127-grid.three,
  body.settings-v127 .settings-v127-price-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.settings-v127 .settings-v127-add-price{grid-template-columns:1fr 1fr;}
}
@media(max-width:760px){
  body.settings-v127 main.wrap,body.settings-v127 main.wrap.wide{padding:14px 12px 26px!important;}
  body.settings-v127 .settings-v127-hero,
  body.settings-v127 .settings-v127-head,
  body.settings-v127 .settings-v127-menu,
  body.settings-v127 .settings-v127-grid.three,
  body.settings-v127 .settings-v127-price-cards,
  body.settings-v127 .settings-v127-add-price,
  body.settings-v127 .settings-v127-price-row{grid-template-columns:1fr!important;}
  body.settings-v127 .settings-v127-head .btn,
  body.settings-v127 .settings-v127-hero .btn{width:100%;}
  body.settings-v127 .settings-v127-panel{padding:16px;border-radius:24px;min-height:0;}
}

/* CampOrga v128 — Settings Breite an Listen angeglichen + Listen-Vorlagen kompakter */
body.settings-v128 main.wrap,
body.settings-v128 main.wrap.wide{
  max-width:1320px!important;
  padding:22px 24px 36px!important;
}
body.settings-v128 .settings-v127-layout{grid-template-columns:300px minmax(0,1fr)!important;gap:18px!important;}
body.settings-v128 .settings-v127-hero{border-radius:30px!important;margin-bottom:18px!important;}
body.settings-v128 .settings-v127-menu{border-radius:28px!important;}

body.list-templates-v128 .co-list-toolbar{grid-template-columns:minmax(260px,1fr) minmax(190px,.7fr) minmax(180px,.65fr)!important;}
body.list-templates-v128 .co-list-panel-head{padding:16px 18px!important;}
body.list-templates-v128 .co-list-panel-head h2{font-size:1.45rem!important;}
body.list-templates-v128 .lt-panel-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;}
body.list-templates-v128 .lt-panel-actions form{margin:0;}
body.list-templates-v128 .lt-items{padding:12px!important;gap:7px!important;}
body.list-templates-v128 .lt-item{
  display:grid!important;
  grid-template-columns:minmax(280px,2.4fr) minmax(170px,.75fr) minmax(150px,.72fr) 40px!important;
  gap:7px!important;
  padding:7px!important;
  border-radius:14px!important;
  min-height:0!important;
  align-items:center!important;
}
body.list-templates-v128 .lt-add-item{grid-template-columns:minmax(280px,2.4fr) minmax(170px,.75fr) minmax(150px,.72fr) minmax(120px,.5fr)!important;}
body.list-templates-v128 .lt-item input,
body.list-templates-v128 .lt-item select{min-height:34px!important;height:34px!important;border-radius:11px!important;padding:6px 10px!important;font-size:.88rem!important;}
body.list-templates-v128 .lt-item .btn{min-height:34px!important;height:34px!important;border-radius:11px!important;padding:6px 10px!important;font-size:.78rem!important;white-space:nowrap!important;}
body.list-templates-v128 .lt-item .btn.danger{width:34px!important;min-width:34px!important;padding:0!important;}
body.list-templates-v128 .lt-rule-open{overflow:hidden!important;text-overflow:ellipsis!important;}
body.list-templates-v128 .lt-item.is-dirty{border-color:rgba(250,204,21,.44)!important;background:rgba(250,204,21,.075)!important;}
body.list-templates-v128 .co-list-nav button{padding:9px!important;border-radius:15px!important;grid-template-columns:36px minmax(0,1fr)!important;}
body.list-templates-v128 .co-list-nav button span{width:36px;height:36px;display:grid;place-items:center;}
body.list-templates-v128 .co-list-nav button strong{font-size:.9rem;}
body.list-templates-v128 .co-list-nav button small{font-size:.74rem;}

body.list-templates-v128 .compact-category-modal{width:min(560px,calc(100vw - 30px))!important;border-radius:24px!important;}
body.list-templates-v128 .compact-category-modal .modalhead{padding:16px 18px!important;align-items:center!important;}
body.list-templates-v128 .compact-category-modal .modalhead h2{font-size:1.45rem!important;margin:2px 0 0!important;}
body.list-templates-v128 .compact-category-modal .category-manager-list{padding:12px!important;gap:6px!important;max-height:min(62vh,500px)!important;}
body.list-templates-v128 .compact-category-modal .category-row{padding:6px!important;border-radius:13px!important;grid-template-columns:minmax(0,1fr) 34px 34px!important;gap:6px!important;}
body.list-templates-v128 .compact-category-modal .category-add{grid-template-columns:minmax(0,1fr) auto!important;}
body.list-templates-v128 .compact-category-modal input{min-height:34px!important;height:34px!important;border-radius:10px!important;padding:6px 9px!important;}
body.list-templates-v128 .compact-category-modal .mini-save,
body.list-templates-v128 .compact-category-modal .mini-delete{width:34px!important;height:34px!important;border-radius:10px!important;}
body.list-templates-v128 .compact-category-modal .btn{min-height:34px!important;height:34px!important;border-radius:10px!important;padding:6px 10px!important;}

body.list-templates-v128 .rule-modal-box{width:min(560px,calc(100vw - 30px))!important;border-radius:24px!important;padding:0!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,28,.99))!important;border:1px solid rgba(148,163,184,.18)!important;}
body.list-templates-v128 .rule-modal-box .modalhead{padding:16px 18px!important;border-bottom:1px solid rgba(148,163,184,.14)!important;background:linear-gradient(135deg,rgba(250,204,21,.14),rgba(37,99,235,.10))!important;display:flex;align-items:center;justify-content:space-between;}
body.list-templates-v128 .rule-modal-content{padding:14px 18px 18px!important;display:grid;gap:10px!important;}
body.list-templates-v128 .rule-modal-content label{display:grid;gap:6px;color:#cbd5e1;font-weight:950;font-size:.84rem;}
body.list-templates-v128 .rule-modal-content input,
body.list-templates-v128 .rule-modal-content select{min-height:38px;border-radius:12px;background:rgba(5,10,24,.86);border:1px solid rgba(148,163,184,.16);color:#fff;padding:8px 10px;}
body.list-templates-v128 .rule-modal-grid{grid-template-columns:1fr 1fr;gap:8px;}
body.list-templates-v128 .rule-modal-hint{margin:0;padding:10px 12px;border-radius:14px;background:rgba(250,204,21,.08);border:1px solid rgba(250,204,21,.18);color:#f8e7a6;font-weight:800;font-size:.86rem;}
body.list-templates-v128 .rule-modal-box .form-actions{margin-top:2px;}
@media(max-width:1120px){
  body.settings-v128 .settings-v127-layout{grid-template-columns:1fr!important;}
  body.list-templates-v128 .lt-item,
  body.list-templates-v128 .lt-add-item{grid-template-columns:1fr 1fr!important;}
  body.list-templates-v128 .lt-panel-actions{justify-content:flex-start;flex-wrap:wrap;}
}
@media(max-width:760px){
  body.settings-v128 main.wrap,body.settings-v128 main.wrap.wide{padding:14px 12px 26px!important;}
  body.list-templates-v128 .lt-item,
  body.list-templates-v128 .lt-add-item,
  body.list-templates-v128 .co-list-toolbar{grid-template-columns:1fr!important;}
}

/* CampOrga v129 — exakte Seitenbreite, Templates aktivierbar, sauberere Filter/Modale */
body.settings-v129 main.wrap,
body.settings-v129 main.wrap.wide{
  max-width:1500px!important;
  padding:22px 24px 36px!important;
}
body.settings-v129 .settings-v127-layout{grid-template-columns:300px minmax(0,1fr)!important;gap:18px!important;}

body.list-templates-v129 main.wrap,
body.list-templates-v129 main.wrap.wide{
  max-width:1500px!important;
}
body.list-templates-v129 .co-list-sidebar{padding:12px!important;}
body.list-templates-v129 .co-list-nav button{
  grid-template-columns:minmax(0,1fr)!important;
  gap:4px!important;
  min-height:52px!important;
  padding:10px 12px!important;
}
body.list-templates-v129 .co-list-nav button span,
body.list-templates-v129 .co-list-icon{display:none!important;}
body.list-templates-v129 .co-list-nav button strong{
  display:block!important;
  font-size:.92rem!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.list-templates-v129 .co-list-nav button small{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  font-size:.72rem!important;
  line-height:1!important;
  color:#aab8cc!important;
}
body.list-templates-v129 .lt-count-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:24px!important;
  height:20px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:rgba(250,204,21,.14)!important;
  border:1px solid rgba(250,204,21,.28)!important;
  color:#f8e7a6!important;
  font-size:.72rem!important;
  font-weight:1000!important;
}
body.list-templates-v129 .co-list-panel-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
}
body.list-templates-v129 .co-list-panel-head>div:first-child{
  display:block!important;
  min-width:0!important;
}
body.list-templates-v129 .lt-panel-actions{
  gap:10px!important;
  flex-wrap:wrap!important;
}
body.list-templates-v129 .lt-activate-form{margin:0!important;}
body.list-templates-v129 .lt-item{
  grid-template-columns:minmax(360px,2.9fr) minmax(160px,.7fr) minmax(138px,.58fr) 36px!important;
  gap:6px!important;
  padding:6px 7px!important;
  border-radius:13px!important;
}
body.list-templates-v129 .lt-add-item{
  grid-template-columns:minmax(360px,2.9fr) minmax(160px,.7fr) minmax(138px,.58fr) minmax(108px,.45fr)!important;
}
body.list-templates-v129 .lt-item input,
body.list-templates-v129 .lt-item select,
body.list-templates-v129 .lt-item .btn{
  min-height:32px!important;
  height:32px!important;
  border-radius:10px!important;
  font-size:.84rem!important;
}
body.list-templates-v129 .lt-item .btn.danger{width:32px!important;min-width:32px!important;}
body.list-templates-v129 .lt-item[style*="display: none"]{display:none!important;}

body.list-templates-v129 .rule-modal-box{
  width:min(600px,calc(100vw - 30px))!important;
  border-radius:28px!important;
  box-shadow:0 26px 90px rgba(0,0,0,.48)!important;
}
body.list-templates-v129 .rule-modal-box .modalhead{
  padding:18px 20px!important;
}
body.list-templates-v129 .rule-modal-box .modalhead h2{
  margin:3px 0 0!important;
  font-size:1.65rem!important;
  letter-spacing:-.035em!important;
}
body.list-templates-v129 .rule-modal-content{
  padding:18px 20px 20px!important;
  gap:14px!important;
}
body.list-templates-v129 .rule-modal-grid{gap:12px!important;}
body.list-templates-v129 .rule-modal-box .form-actions{
  display:flex!important;
  gap:12px!important;
  justify-content:flex-end!important;
  align-items:center!important;
  padding-top:4px!important;
}
body.list-templates-v129 .rule-modal-box .form-actions .btn{
  min-width:150px!important;
}
body.list-templates-v129 .compact-category-modal{
  width:min(520px,calc(100vw - 30px))!important;
}
body.list-templates-v129 .compact-category-modal .category-manager-list{
  gap:5px!important;
  padding:10px 12px 12px!important;
}
body.list-templates-v129 .compact-category-modal .category-row{
  min-height:38px!important;
  padding:5px!important;
}
body.list-templates-v129 .co-list-nav button[hidden],
body.lists-overview-page .co-list-nav button[hidden]{display:none!important;}

@media(max-width:1120px){
  body.settings-v129 .settings-v127-layout{grid-template-columns:1fr!important;}
  body.list-templates-v129 .co-list-panel-head{grid-template-columns:1fr!important;}
  body.list-templates-v129 .lt-item,
  body.list-templates-v129 .lt-add-item{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:760px){
  body.settings-v129 main.wrap,body.settings-v129 main.wrap.wide,
  body.list-templates-v129 main.wrap,body.list-templates-v129 main.wrap.wide{padding:14px 12px 26px!important;}
  body.list-templates-v129 .lt-item,
  body.list-templates-v129 .lt-add-item{grid-template-columns:1fr!important;}
  body.list-templates-v129 .rule-modal-box .form-actions{display:grid!important;grid-template-columns:1fr!important;}
  body.list-templates-v129 .rule-modal-box .form-actions .btn{width:100%!important;}
}

/* CampOrga v130 — Aktiv/Deaktiviert verständlicher und farblich eindeutig */
body.list-templates-v130 .lt-active-explain{
  margin:10px 0 0!important;
  max-width:780px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  border:1px solid rgba(34,197,94,.24)!important;
  background:linear-gradient(135deg,rgba(34,197,94,.10),rgba(56,189,248,.06))!important;
  color:#dbeafe!important;
  font-weight:800!important;
  line-height:1.45!important;
}
body.list-templates-v130 .lt-active-explain strong{color:#86efac!important;}
body.list-templates-v130 .lt-active-note{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:36px!important;
  padding:8px 11px!important;
  border-radius:14px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(15,23,42,.46)!important;
  color:#cbd5e1!important;
  font-size:.86rem!important;
  font-weight:850!important;
}
body.list-templates-v130 .lt-active-note b:first-child{color:#86efac!important;}
body.list-templates-v130 .lt-active-note b:nth-of-type(2){color:#fca5a5!important;}
body.list-templates-v130 .lt-toggle-btn{
  min-width:132px!important;
  box-shadow:0 14px 26px rgba(0,0,0,.18)!important;
  border:1px solid transparent!important;
}
body.list-templates-v130 .lt-toggle-btn.lt-enable{
  background:linear-gradient(135deg,#22c55e,#16a34a)!important;
  color:#052e16!important;
  border-color:rgba(134,239,172,.45)!important;
}
body.list-templates-v130 .lt-toggle-btn.lt-enable:before{content:'✓';font-weight:1000;}
body.list-templates-v130 .lt-toggle-btn.lt-disable{
  background:linear-gradient(135deg,#ef4444,#b91c1c)!important;
  color:#fff!important;
  border-color:rgba(252,165,165,.36)!important;
}
body.list-templates-v130 .lt-toggle-btn.lt-disable:before{content:'×';font-weight:1000;}
body.list-templates-v130 .lt-status-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:20px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-style:normal!important;
  font-size:.68rem!important;
  font-weight:1000!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
}
body.list-templates-v130 .lt-status-badge.active{
  color:#bbf7d0!important;
  background:rgba(34,197,94,.14)!important;
  border:1px solid rgba(34,197,94,.32)!important;
}
body.list-templates-v130 .lt-status-badge.inactive{
  color:#fecaca!important;
  background:rgba(239,68,68,.12)!important;
  border:1px solid rgba(239,68,68,.28)!important;
}
body.list-templates-v130 .co-list-nav button.is-live{
  border-color:rgba(34,197,94,.24)!important;
}
body.list-templates-v130 .co-list-nav button.is-paused{
  border-color:rgba(239,68,68,.18)!important;
  opacity:.88!important;
}
body.list-templates-v130 .co-list-nav button.is-paused:not(.active){background:rgba(15,23,42,.42)!important;}
body.list-templates-v130 .co-list-nav button small span{white-space:nowrap!important;}
@media(max-width:760px){
  body.list-templates-v130 .lt-active-note{display:block!important;line-height:1.45!important;}
  body.list-templates-v130 .lt-toggle-btn{width:100%!important;}
}

/* v131 – CampOrga Admin + polished list modals */
.camporga-admin-v131 .page-area,.camporga-admin-page .page-area{--page-max:1180px}.camporga-admin-v131 .co-admin-layout{align-items:start}.camporga-admin-v131 .co-list-sidebar{position:sticky;top:92px}.camporga-admin-v131 .co-list-content{min-width:0}.camporga-admin-v131 .co-admin-hero{margin-bottom:18px}.camporga-admin-v131 .admin-clean-form{display:grid;gap:18px}.camporga-admin-v131 .admin-grid{display:grid;gap:14px}.camporga-admin-v131 .admin-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.camporga-admin-v131 .admin-clean-form label,.camporga-admin-v131 .admin-template-form label{display:grid;gap:7px;font-weight:800;color:var(--text,#172033)}.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{width:100%;border:1px solid rgba(30,41,59,.14);border-radius:16px;background:#fff;padding:12px 14px;color:#172033;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.camporga-admin-v131 .admin-price-table{display:grid;gap:10px}.camporga-admin-v131 .admin-price-table label{grid-template-columns:110px minmax(120px,1fr) 80px;display:grid;align-items:center;gap:12px;background:rgba(15,23,42,.035);border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:10px 12px}.camporga-admin-v131 .switch-line{display:flex!important;grid-template-columns:none!important;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:rgba(245,158,11,.10);border:1px solid rgba(245,158,11,.20)}.camporga-admin-v131 .switch-line input{width:auto!important}.camporga-admin-v131 .soft-sep{border:0;border-top:1px solid rgba(15,23,42,.09);margin:20px 0}.camporga-admin-v131 .admin-inline-form{display:grid;grid-template-columns:160px minmax(180px,1fr) auto;gap:10px;align-items:center}.camporga-admin-v131 .admin-block-list{display:grid;gap:8px;margin-top:14px}.camporga-admin-v131 .admin-block-row{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.16)}.camporga-admin-v131 .admin-template-form{display:grid;gap:10px;padding:14px 0;border-bottom:1px solid rgba(15,23,42,.08)}.camporga-admin-v131 .admin-template-form label{grid-template-columns:170px 1fr;align-items:center}.camporga-admin-v131 code{background:rgba(15,23,42,.06);border-radius:8px;padding:2px 6px}.v131-category-modal{max-width:560px!important}.v131-category-modal .modalhead{margin-bottom:12px}.v131-category-modal .category-manager-list{display:grid;gap:8px;padding:0 4px}.v131-category-modal .category-row{display:grid;grid-template-columns:1fr 34px;gap:8px;align-items:center;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.82);border-radius:15px;padding:7px 8px}.v131-category-modal .category-row input{border:0;background:transparent;padding:8px 9px;font-weight:750;outline:none}.v131-category-modal .category-add{grid-template-columns:1fr}.category-bulk-actions{justify-content:flex-end;margin-top:10px;gap:12px!important}.v131-rule-modal{max-width:540px!important}.v131-rule-modal .rule-modal-content{display:grid;gap:16px;padding-top:4px}.v131-rule-modal label{display:grid;gap:8px;font-weight:850}.v131-rule-modal select,.v131-rule-modal input{border:1px solid rgba(15,23,42,.14);border-radius:15px;padding:11px 12px;background:#fff}.v131-rule-modal .rule-modal-grid{gap:12px}.v131-rule-modal .rule-modal-hint{margin:0;padding:13px 15px;border-radius:16px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.14);line-height:1.45;color:#334155}.v131-rule-modal .rule-actions{display:flex;justify-content:flex-end;gap:14px!important;margin-top:2px}.lt-active-explain{display:none!important}@media(max-width:850px){.camporga-admin-v131 .admin-grid.two,.camporga-admin-v131 .admin-price-table label,.camporga-admin-v131 .admin-inline-form,.camporga-admin-v131 .admin-block-row,.camporga-admin-v131 .admin-template-form label{grid-template-columns:1fr}.camporga-admin-v131 .co-list-sidebar{position:relative;top:auto}}


/* v132 – CampOrga Einstellungen CSS-Fix */
.camporga-admin-v131 .co-list-sidebar h3{
  margin:2px 8px 14px!important;
}
.camporga-admin-v131 .co-list-nav{
  gap:10px!important;
}
.camporga-admin-v131 .co-list-nav button{
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  justify-items:start!important;
  min-height:74px!important;
  padding:12px 14px!important;
  gap:5px!important;
}
.camporga-admin-v131 .co-list-nav button strong,
.camporga-admin-v131 .co-list-nav button small{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.camporga-admin-v131 .co-list-nav button strong{
  margin:0!important;
  font-size:1.02rem!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.camporga-admin-v131 .co-list-nav button small{
  margin:0!important;
  font-size:.78rem!important;
  line-height:1.28!important;
  color:#94a3b8!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.camporga-admin-v131 .co-list-panel-head h2{
  margin:0!important;
}
.camporga-admin-v131 .co-list-panel-head p{
  margin:6px 0 0!important;
  line-height:1.45!important;
}
.camporga-admin-v131 .admin-clean-form label,
.camporga-admin-v131 .admin-template-form label{
  align-content:start!important;
}
.camporga-admin-v131 .admin-clean-form label > span,
.camporga-admin-v131 .admin-template-form label > span{
  display:block!important;
  line-height:1.2!important;
}
.camporga-admin-v131 input[type="file"]{
  padding:10px 12px!important;
  line-height:1.25!important;
}
.camporga-admin-v131 .admin-price-table label{
  min-height:62px!important;
}
.camporga-admin-v131 .co-list-stats span{
  line-height:1.15!important;
}
@media (max-width: 980px){
  .camporga-admin-v131 .co-list-nav button{
    min-height:68px!important;
  }
}


/* v133 – CampOrga Admin spacing/padding fix */
.camporga-admin-v131 .co-list-panel > form.admin-clean-form,
.camporga-admin-v131 .co-list-panel > form.admin-inline-form{
  padding:20px 20px 24px!important;
}
.camporga-admin-v131 .co-list-panel > .admin-block-list{
  padding:0 20px 20px!important;
}
.camporga-admin-v131 .co-list-panel > .admin-template-form,
.camporga-admin-v131 .co-list-panel > form.admin-template-form{
  margin:0 20px!important;
  padding:16px 0!important;
}
.camporga-admin-v131 .admin-clean-form{
  gap:20px!important;
}
.camporga-admin-v131 .admin-grid.two{
  gap:18px 16px!important;
  align-items:start!important;
}
.camporga-admin-v131 .admin-clean-form label,
.camporga-admin-v131 .admin-template-form label{
  gap:8px!important;
}
.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{
  min-height:48px!important;
}
.camporga-admin-v131 .admin-clean-form textarea,
.camporga-admin-v131 .admin-template-form textarea{
  min-height:120px!important;
}
.camporga-admin-v131 .admin-clean-form input[type="file"]{
  padding:11px 12px!important;
}
.camporga-admin-v131 .admin-clean-form > .btn,
.camporga-admin-v131 .admin-inline-form > .btn{
  margin-top:2px!important;
}
@media (max-width: 850px){
  .camporga-admin-v131 .co-list-panel > form.admin-clean-form,
  .camporga-admin-v131 .co-list-panel > form.admin-inline-form,
  .camporga-admin-v131 .co-list-panel > .admin-block-list{
    padding:16px 16px 20px!important;
  }
  .camporga-admin-v131 .co-list-panel > .admin-template-form,
  .camporga-admin-v131 .co-list-panel > form.admin-template-form{
    margin:0 16px!important;
  }
}


/* v134 – Auth Logo, Registrierung und Mailvorlagen */
.auth-top .brand-with-logo{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
}
.auth-top .brand-with-logo img{
  width:52px!important;
  height:52px!important;
  object-fit:contain!important;
  border-radius:14px!important;
}
.auth-logo-card{
  width:min(520px,calc(100vw - 32px));
  margin:10px auto 14px!important;
  display:grid!important;
  place-items:center!important;
}
.auth-logo-card img{
  max-width:190px!important;
  max-height:88px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 32px rgba(0,0,0,.35));
}
.auth-page .login.card{
  width:min(520px,calc(100vw - 32px))!important;
  margin:0 auto!important;
}
.auth-page .register-card{
  width:min(620px,calc(100vw - 32px))!important;
}
.auth-linkline{
  margin:16px 0 0!important;
  text-align:center!important;
  color:#94a3b8!important;
  font-weight:800!important;
}
.auth-linkline a{color:#facc15!important;text-decoration:none!important;}
.checkline{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  background:rgba(250,204,21,.07)!important;
  border:1px solid rgba(250,204,21,.18)!important;
}
.checkline input{width:auto!important;min-height:auto!important;}
.admin-var-box{
  margin:18px 20px 0!important;
  padding:14px!important;
  border-radius:18px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(15,23,42,.38)!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
  color:#dbeafe!important;
}
.admin-var-box b{margin-right:4px!important;color:#fff!important;}
.camporga-admin-v131 .admin-var-box code{
  background:rgba(250,204,21,.12)!important;
  color:#fde68a!important;
  border:1px solid rgba(250,204,21,.18)!important;
  border-radius:999px!important;
  padding:5px 8px!important;
  font-size:.78rem!important;
}
.camporga-admin-v131 .admin-template-form textarea{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
  font-size:.86rem!important;
  line-height:1.5!important;
}


/* v135 – Adminseite: dunkle Felder, saubere Admin-Abstände, Firewall-Log */
.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,
.camporga-admin-v131 .admin-price-table input,
.camporga-admin-v131 input[type="file"]{
  background:rgba(2,6,23,.86)!important;
  color:#f8fafc!important;
  border:1px solid rgba(148,163,184,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  caret-color:#facc15!important;
}
.camporga-admin-v131 .admin-clean-form input::placeholder,
.camporga-admin-v131 .admin-clean-form textarea::placeholder,
.camporga-admin-v131 .admin-template-form input::placeholder,
.camporga-admin-v131 .admin-template-form textarea::placeholder,
.camporga-admin-v131 .admin-inline-form input::placeholder{color:#94a3b8!important;opacity:.82!important;}
.camporga-admin-v131 .admin-clean-form label,
.camporga-admin-v131 .admin-template-form label{
  color:#f8fafc!important;
  text-shadow:none!important;
}
.camporga-admin-v131 .admin-clean-form label > input,
.camporga-admin-v131 .admin-clean-form label > textarea,
.camporga-admin-v131 .admin-template-form label > input,
.camporga-admin-v131 .admin-template-form label > textarea{margin-top:6px!important;}
.camporga-admin-v131 .co-list-panel > .admin-var-box{
  margin:18px 20px 2px!important;
}
.camporga-admin-v131 .admin-var-box{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;
  padding:14px!important;border-radius:18px!important;background:rgba(2,6,23,.42)!important;border:1px solid rgba(148,163,184,.16)!important;
}
.camporga-admin-v131 .admin-var-box b{color:#fde68a!important;margin-right:4px!important;}
.camporga-admin-v131 .admin-var-box code{background:rgba(250,204,21,.10)!important;color:#fde68a!important;border:1px solid rgba(250,204,21,.18)!important;}
.camporga-admin-v131 .admin-template-form label span{
  color:#facc15!important;letter-spacing:.08em!important;font-size:.78rem!important;font-weight:1000!important;
}
.camporga-admin-v131 .admin-log-table{padding:20px!important;overflow:auto!important;}
.camporga-admin-v131 .admin-log-table table{width:100%!important;border-collapse:separate!important;border-spacing:0 8px!important;min-width:820px!important;}
.camporga-admin-v131 .admin-log-table th{color:#facc15!important;font-size:.76rem!important;text-transform:uppercase!important;letter-spacing:.09em!important;text-align:left!important;padding:0 10px 4px!important;}
.camporga-admin-v131 .admin-log-table td{background:rgba(2,6,23,.55)!important;border-top:1px solid rgba(148,163,184,.14)!important;border-bottom:1px solid rgba(148,163,184,.14)!important;color:#e5e7eb!important;padding:10px!important;vertical-align:top!important;font-size:.86rem!important;max-width:360px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.camporga-admin-v131 .admin-log-table td:first-child{border-left:1px solid rgba(148,163,184,.14)!important;border-radius:14px 0 0 14px!important;white-space:nowrap!important;}
.camporga-admin-v131 .admin-log-table td:last-child{border-right:1px solid rgba(148,163,184,.14)!important;border-radius:0 14px 14px 0!important;}
.camporga-admin-v131 .fw-badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.24);color:#bfdbfe;font-weight:1000;font-size:.72rem;letter-spacing:.04em;white-space:nowrap;}
.camporga-admin-v131 .co-list-nav button strong{text-transform:none!important;}
@media(max-width:850px){.camporga-admin-v131 .admin-log-table{padding:14px!important;}}

/* v136 – Loginseite komplett neu + Wartungsmodus-Adminlogin */
body.camporga-login-v136{
  min-height:100vh!important;
  margin:0!important;
  overflow-x:hidden!important;
  color:#f8fafc!important;
  background:
    radial-gradient(circle at 14% 12%,rgba(96,165,250,.26),transparent 32%),
    radial-gradient(circle at 84% 18%,rgba(250,204,21,.20),transparent 30%),
    linear-gradient(135deg,#020617,#0f172a 52%,#050816)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.camporga-login-v136 *{box-sizing:border-box!important;}
.login-bg-grid{
  position:fixed;inset:0;pointer-events:none;opacity:.42;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(circle at center,black,transparent 72%);
  animation:loginGridMove 18s linear infinite;
}
.login-orb{position:fixed;border-radius:999px;filter:blur(1px);pointer-events:none;animation:loginFloat 8s ease-in-out infinite;}
.login-orb-a{width:240px;height:240px;left:7%;top:12%;background:rgba(96,165,250,.13);}
.login-orb-b{width:320px;height:320px;right:5%;bottom:7%;background:rgba(250,204,21,.10);animation-delay:-2.8s;}
.login-shell-v136{
  position:relative;z-index:1;
  min-height:100vh;
  width:min(1180px,calc(100vw - 34px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(380px,520px);
  gap:28px;
  align-items:center;
  padding:34px 0;
}
.login-visual-v136{
  min-height:560px;
  border-radius:42px;
  padding:32px;
  display:flex;
  align-items:flex-end;
  background:
    radial-gradient(circle at 18% 20%,rgba(250,204,21,.18),transparent 32%),
    radial-gradient(circle at 78% 10%,rgba(96,165,250,.20),transparent 34%),
    linear-gradient(155deg,rgba(15,23,42,.72),rgba(2,6,23,.72));
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 34px 110px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
  position:relative;
}
.login-visual-v136:before{
  content:"";position:absolute;inset:-30%;
  background:conic-gradient(from 130deg,transparent,rgba(250,204,21,.18),transparent,rgba(96,165,250,.16),transparent);
  animation:loginSpin 14s linear infinite;
}
.login-visual-card{position:relative;z-index:1;max-width:560px;}
.login-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid rgba(250,204,21,.28);background:rgba(250,204,21,.10);color:#fde68a;font-size:12px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;}
.login-visual-card h2{font-size:clamp(44px,6vw,82px);line-height:.92;letter-spacing:-.065em;margin:18px 0 14px;color:#fff;}
.login-visual-card p{font-size:18px;line-height:1.55;color:#cbd5e1;margin:0 0 22px;max-width:460px;}
.login-mini-stats{display:flex;gap:10px;flex-wrap:wrap;}
.login-mini-stats span{display:inline-flex;height:38px;align-items:center;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:900;color:#e5e7eb;}
.login-card-v136{
  position:relative;
  border-radius:38px;
  padding:34px;
  background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(3,7,18,.90));
  border:1px solid rgba(148,163,184,.20);
  box-shadow:0 34px 110px rgba(0,0,0,.48),0 0 70px rgba(96,165,250,.10);
  overflow:hidden;
}
.login-card-v136:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#facc15,#60a5fa,transparent);opacity:.95;}
.login-logo-v136{display:block;max-width:240px;max-height:126px;object-fit:contain;margin:4px auto 22px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.34));}
.login-card-v136 h1{margin:0 0 8px;font-size:clamp(42px,5vw,68px);line-height:.92;letter-spacing:-.06em;color:#fff;text-align:center;}
.login-subline{margin:0 0 22px;color:#cbd5e1;text-align:center;line-height:1.45;font-weight:750;}
.login-maintenance-note,.login-info-v136,.login-error-v136{
  border-radius:18px;padding:12px 14px;margin:0 0 16px;line-height:1.42;font-weight:850;
}
.login-maintenance-note{display:grid;gap:4px;background:rgba(250,204,21,.11);border:1px solid rgba(250,204,21,.26);color:#fde68a;}
.login-maintenance-note span{color:#dbeafe;font-size:.92rem;}
.login-info-v136{background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.26);color:#dbeafe;}
.login-error-v136{background:rgba(239,68,68,.13);border:1px solid rgba(239,68,68,.32);color:#fecaca;}
.login-form-v136{display:grid;gap:14px;}
.login-form-v136 label{display:grid;gap:7px;color:#e5e7eb;font-weight:950;}
.login-form-v136 label span{font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;color:#cbd5e1;}
.login-form-v136 input{
  width:100%;min-height:54px;border-radius:18px;border:1px solid rgba(148,163,184,.24);
  background:rgba(2,6,23,.82);color:#fff;padding:0 16px;font-size:1rem;font-weight:800;outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.login-form-v136 input::placeholder{color:#64748b;}
.login-form-v136 input:focus{border-color:rgba(250,204,21,.62);box-shadow:0 0 0 5px rgba(250,204,21,.10),inset 0 1px 0 rgba(255,255,255,.06);}
.login-submit-v136{
  margin-top:4px;min-height:56px;border:0;border-radius:19px;cursor:pointer;
  background:linear-gradient(135deg,#fde68a,#facc15 45%,#eab308);color:#111827;
  font-weight:1000;font-size:1rem;letter-spacing:.02em;box-shadow:0 18px 34px rgba(250,204,21,.22);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.login-submit-v136:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 24px 44px rgba(250,204,21,.28);}
.login-link-v136{text-align:center;margin:18px 0 0;color:#94a3b8;font-weight:850;}
.login-link-v136 a{color:#facc15;text-decoration:none;font-weight:1000;}
.login-link-v136 a:hover{text-decoration:underline;}
@keyframes loginGridMove{to{background-position:56px 56px}}
@keyframes loginFloat{50%{transform:translateY(-24px) translateX(16px)}}
@keyframes loginSpin{to{transform:rotate(360deg)}}

/* v136 – Adminseite: wirklich alle Formularfelder hell lesbar */
.camporga-admin-v131 select,
.camporga-admin-v131 input,
.camporga-admin-v131 textarea{
  color:#f8fafc!important;
}
.camporga-admin-v131 select option{color:#111827!important;background:#fff!important;}
@media(max-width:920px){
  .login-shell-v136{grid-template-columns:1fr;width:min(560px,calc(100vw - 28px));padding:20px 0;}
  .login-visual-v136{display:none;}
  .login-card-v136{padding:28px 22px;border-radius:30px;}
  .login-logo-v136{max-width:220px;max-height:112px;}
}


/* v137 – Honeypot, Registrierung und geschützte Dateien */
.hp-field{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.camporga-register-v137 .register-shell-v137{
  grid-template-columns:minmax(0,.9fr) minmax(390px,560px)!important;
}
.camporga-register-v137 .register-card-v137 h1{
  font-size:clamp(38px,5vw,60px)!important;
}
.checkline-v137{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:11px!important;
  padding:12px 13px!important;
  border-radius:16px!important;
  background:rgba(250,204,21,.08)!important;
  border:1px solid rgba(250,204,21,.20)!important;
  color:#e5e7eb!important;
  font-weight:850!important;
  line-height:1.35!important;
}
.checkline-v137 input{
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  margin-top:2px!important;
  accent-color:#facc15!important;
}
.checkline-v137 span{
  color:#e5e7eb!important;
  font-size:.92rem!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.checkline-v137 a{color:#facc15!important;font-weight:1000!important;text-decoration:none!important;}
.checkline-v137 a:hover{text-decoration:underline!important;}
@media(max-width:920px){
  .camporga-register-v137 .register-shell-v137{grid-template-columns:1fr!important;}
}

/* v138 – Profil, Support, Newsletter, Rechtstexte */
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.profile-card{padding:24px;border-radius:28px}.profile-card h2{margin-top:0}.profile-card small{color:#94a3b8;font-weight:800}.support-layout{display:grid;grid-template-columns:minmax(0,1.4fr) 420px;gap:18px;align-items:start}.support-chat,.support-ticket-create,.support-tickets{border-radius:30px;overflow:hidden}.support-head{padding:20px 22px;border-bottom:1px solid rgba(148,163,184,.14);background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(59,130,246,.06))}.support-head h2{margin:2px 0 4px}.support-head p{margin:0;color:#94a3b8}.support-chat-feed{display:grid;gap:10px;max-height:520px;overflow:auto;padding:18px;scrollbar-width:none}.support-chat-feed::-webkit-scrollbar{display:none}.support-bubble{max-width:78%;padding:12px 14px;border-radius:18px;background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.14)}.support-bubble.mine{justify-self:end;background:linear-gradient(135deg,rgba(250,204,21,.16),rgba(37,99,235,.08));border-color:rgba(250,204,21,.28)}.support-bubble b{color:#facc15}.support-bubble p{margin:6px 0;line-height:1.42}.support-bubble small,.ticket-msg small{color:#94a3b8}.support-send{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 18px;border-top:1px solid rgba(148,163,184,.14)}.support-send textarea{min-height:54px;resize:vertical;border-radius:18px;background:rgba(2,6,23,.72);border:1px solid rgba(148,163,184,.18);color:#fff;padding:14px}.support-ticket-create{padding:22px}.support-ticket-create h2{margin-top:0}.support-tickets{margin-top:18px}.ticket-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:0}.ticket-list{padding:14px;display:grid;gap:8px;border-right:1px solid rgba(148,163,184,.14);max-height:720px;overflow:auto}.ticket-card{display:grid;gap:4px;text-decoration:none;color:#e5e7eb;border-radius:18px;padding:12px;border:1px solid rgba(148,163,184,.13);background:rgba(2,6,23,.42)}.ticket-card.active{border-color:rgba(250,204,21,.45);background:rgba(250,204,21,.08)}.ticket-card strong{color:#facc15}.ticket-card small,.ticket-card em{color:#94a3b8;font-style:normal;font-size:.78rem}.ticket-detail{min-height:420px;padding:18px}.ticket-detail-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid rgba(148,163,184,.14);padding-bottom:14px}.ticket-detail-head h3{margin:.2rem 0}.ticket-detail-head p{margin:0;color:#94a3b8}.ticket-messages{display:grid;gap:10px;padding:16px 0;max-height:520px;overflow:auto}.ticket-msg{padding:13px 15px;border-radius:18px;border:1px solid rgba(148,163,184,.13);background:rgba(2,6,23,.42)}.ticket-msg.admin{background:rgba(37,99,235,.12);border-color:rgba(96,165,250,.22)}.ticket-msg b{color:#facc15}.ticket-msg p{white-space:pre-wrap;line-height:1.45}.newsletter-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 20px 22px}.newsletter-recipients,.newsletter-history{border:1px solid rgba(148,163,184,.14);border-radius:22px;background:rgba(2,6,23,.28);overflow:hidden}.newsletter-recipients h3,.newsletter-history h3{margin:0;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.12)}.mini-table{max-height:310px;overflow:auto}.mini-table table{width:100%;border-collapse:collapse}.mini-table th,.mini-table td{padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.10);text-align:left}.newsletter-actions{display:flex;gap:12px;justify-content:flex-end}.public-legal-page{min-height:100vh;background:radial-gradient(circle at 12% 6%,rgba(250,204,21,.12),transparent 34%),linear-gradient(135deg,#030712,#0f172a);color:#e5e7eb}.legal-shell{width:min(980px,calc(100vw - 30px));margin:0 auto;padding:34px 0}.legal-logo{display:flex;justify-content:center;margin-bottom:22px}.legal-logo img{max-width:190px;max-height:90px;object-fit:contain}.legal-card{padding:34px;border-radius:30px;line-height:1.65}.legal-card h1,.legal-card h2{color:#fff}.legal-card a{color:#facc15}.camporga-admin-v131 .admin-clean-form input,.camporga-admin-v131 .admin-clean-form textarea,.camporga-admin-v131 .admin-clean-form select,.camporga-admin-v131 .admin-template-form input,.camporga-admin-v131 .admin-template-form textarea{background:rgba(2,6,23,.72)!important;color:#f8fafc!important;border-color:rgba(148,163,184,.22)!important}.camporga-admin-v131 .admin-clean-form input::placeholder,.camporga-admin-v131 .admin-clean-form textarea::placeholder{color:#94a3b8!important}@media(max-width:1050px){.support-layout,.ticket-layout,.profile-grid,.newsletter-admin-grid{grid-template-columns:1fr}.support-ticket-create{order:-1}.ticket-list{border-right:0;border-bottom:1px solid rgba(148,163,184,.14);max-height:none}.support-send{grid-template-columns:1fr}.support-bubble{max-width:100%}}

/* v139 – Support/Profile/Newsletter polishing */
.profile-page-v139 main.wrap,
.support-page-v139 main.wrap{max-width:1500px!important;}
.profile-layout-v139{display:grid;grid-template-columns:1fr;gap:18px;}
.profile-page-v139 .profile-panel{border-radius:30px!important;overflow:hidden;background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(9,14,28,.94))!important;border:1px solid rgba(148,163,184,.16)!important;}
.profile-page-v139 .profile-panel form{padding:20px!important;}
.profile-page-v139 .admin-clean-form input,
.profile-page-v139 .admin-clean-form textarea,
.profile-page-v139 .admin-clean-form select,
.support-page-v139 .admin-clean-form input,
.support-page-v139 .admin-clean-form textarea,
.support-page-v139 .admin-clean-form select{background:rgba(2,6,23,.72)!important;color:#f8fafc!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:16px!important;min-height:46px!important;}
.profile-page-v139 .admin-clean-form label,
.support-page-v139 .admin-clean-form label{color:#e5e7eb!important;font-weight:900!important;}
.support-layout-v139{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start;margin-bottom:18px;}
.support-chat,.support-ticket-create,.support-tickets{border-radius:30px!important;overflow:hidden;background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(9,14,28,.94))!important;border:1px solid rgba(148,163,184,.16)!important;}
.support-head{padding:20px 22px;border-bottom:1px solid rgba(148,163,184,.13);background:linear-gradient(135deg,rgba(250,204,21,.09),rgba(59,130,246,.06));}
.support-head h2{margin:0;color:#fff;font-size:1.6rem}.support-head p{margin:6px 0 0;color:#cbd5e1;line-height:1.45}.support-ticket-create{padding:20px}.support-ticket-create h2{margin:0 0 14px;color:#fff}.support-chat-feed{height:460px;overflow:auto;padding:18px;display:grid;align-content:start;gap:12px;scrollbar-width:none}.support-chat-feed::-webkit-scrollbar{display:none}.support-bubble{max-width:76%;padding:12px 14px;border-radius:18px;background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.15)}.support-bubble.mine{justify-self:end;background:linear-gradient(135deg,rgba(250,204,21,.18),rgba(59,130,246,.09));border-color:rgba(250,204,21,.24)}.support-bubble b{display:block;color:#facc15;margin-bottom:5px}.support-bubble p{margin:0;color:#f8fafc;line-height:1.4}.support-bubble small{display:block;color:#94a3b8;margin-top:6px}.support-send{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;padding:14px 18px 18px;border-top:1px solid rgba(148,163,184,.13)}.support-send textarea{min-height:54px!important;max-height:140px;background:rgba(2,6,23,.74)!important;color:#fff!important;border:1px solid rgba(148,163,184,.20)!important;border-radius:16px!important;padding:13px!important}.ticket-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:0;border-top:1px solid rgba(148,163,184,.12)}.ticket-list{padding:14px;display:grid;gap:10px;border-right:1px solid rgba(148,163,184,.12);max-height:620px;overflow:auto;scrollbar-width:none}.ticket-list::-webkit-scrollbar{display:none}.ticket-card{display:grid;gap:4px;text-decoration:none;padding:13px;border-radius:18px;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.12);color:#fff}.ticket-card.active{border-color:rgba(250,204,21,.5);background:rgba(250,204,21,.09)}.ticket-card strong{color:#facc15}.ticket-card small,.ticket-card em{color:#94a3b8;font-style:normal;font-size:.78rem}.ticket-detail{min-height:460px;padding:18px}.ticket-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid rgba(148,163,184,.12)}.ticket-detail-head h3{margin:3px 0;color:#fff;font-size:1.35rem}.ticket-detail-head p{margin:0;color:#94a3b8}.ticket-messages{display:grid;gap:12px;padding:16px 0;max-height:420px;overflow:auto;scrollbar-width:none}.ticket-messages::-webkit-scrollbar{display:none}.ticket-msg{padding:13px 15px;border-radius:18px;background:rgba(2,6,23,.48);border:1px solid rgba(148,163,184,.13)}.ticket-msg.admin{border-color:rgba(250,204,21,.26);background:rgba(250,204,21,.08)}.ticket-msg b{color:#facc15}.ticket-msg p{white-space:pre-wrap;margin:7px 0;color:#e5e7eb;line-height:1.45}.ticket-msg small{color:#94a3b8}.newsletter-actions,.newsletter-modal-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.v139-admin-modal{width:min(980px,calc(100vw - 32px))!important;max-height:86vh!important;overflow:hidden!important;border-radius:30px!important;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,28,.99))!important;border:1px solid rgba(148,163,184,.18)!important}.v139-admin-modal .modalhead{padding:22px 24px;border-bottom:1px solid rgba(148,163,184,.14);display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(59,130,246,.08))}.v139-admin-modal .modalhead h2{margin:4px 0 0;color:#fff}.v139-admin-modal .modalhead p{margin:5px 0 0;color:#cbd5e1}.v139-admin-modal .modal-close{width:44px;height:44px;border-radius:16px;border:1px solid rgba(148,163,184,.20);background:rgba(255,255,255,.06);color:#fff;font-size:24px;cursor:pointer}.modal-table{max-height:62vh;overflow:auto;padding:16px;scrollbar-width:none}.modal-table::-webkit-scrollbar{display:none}.modal-table table,.admin-log-table table{width:100%;border-collapse:separate;border-spacing:0 8px}.modal-table th,.modal-table td,.admin-log-table th,.admin-log-table td{padding:10px 12px;text-align:left;background:rgba(2,6,23,.45);color:#e5e7eb;border-top:1px solid rgba(148,163,184,.10);border-bottom:1px solid rgba(148,163,184,.10)}.modal-table th,.admin-log-table th{color:#facc15;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.fantasy-name-list{padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:620px;overflow:auto;scrollbar-width:none}.fantasy-name-list::-webkit-scrollbar{display:none}.fantasy-name-list label{display:grid!important;grid-template-columns:minmax(0,1fr) 74px;align-items:center;gap:8px;background:rgba(2,6,23,.48)!important;border:1px solid rgba(148,163,184,.14)!important;border-radius:15px!important;padding:7px!important}.fantasy-name-list input{background:rgba(2,6,23,.74)!important;color:#fff!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:12px!important;min-height:38px!important}.fantasy-name-list span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:1000;color:#94a3b8;text-align:center}.fantasy-add{border-color:rgba(250,204,21,.24)!important}.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,.camporga-admin-v131 select{background:rgba(2,6,23,.74)!important;color:#f8fafc!important;border-color:rgba(148,163,184,.22)!important}.camporga-admin-v131 .admin-clean-form input::placeholder,.camporga-admin-v131 .admin-clean-form textarea::placeholder{color:#64748b!important}
@media(max-width:1120px){.support-layout-v139,.ticket-layout{grid-template-columns:1fr}.ticket-list{border-right:0;border-bottom:1px solid rgba(148,163,184,.12)}.fantasy-name-list{grid-template-columns:1fr}.support-send{grid-template-columns:1fr}}

/* v141 – echter Support-Chat + Fantasienamen-Verwaltung */
body.support-chat-v141 .wrap,body.support-chat-v141 main.wrap{max-width:1540px!important}
.support-shell-v141{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:stretch;min-height:calc(100vh - 155px)}
.support-chat-list,.support-chat-main{overflow:hidden;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(7,12,25,.96))!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:30px!important;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.support-chat-list{padding:14px;display:flex;flex-direction:column;gap:12px;min-height:720px}.support-list-head{display:grid;gap:8px;padding:8px 8px 12px;border-bottom:1px solid rgba(148,163,184,.13)}.support-list-head h1{margin:0;color:#fff;font-size:2rem;letter-spacing:-.04em}.support-list-head .btn{justify-self:start}.support-conv-list{display:grid;gap:9px;overflow:auto;scrollbar-width:none;padding-right:2px}.support-conv-list::-webkit-scrollbar{display:none}.support-conv-card{display:grid;gap:4px;text-decoration:none;padding:13px 14px;border-radius:18px;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.13);color:#fff;transition:.16s ease}.support-conv-card:hover{border-color:rgba(250,204,21,.30);background:rgba(250,204,21,.06);transform:translateY(-1px)}.support-conv-card.active{border-color:rgba(250,204,21,.58);background:linear-gradient(135deg,rgba(250,204,21,.17),rgba(37,99,235,.08));box-shadow:0 16px 38px rgba(0,0,0,.22)}.support-conv-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:1rem}.support-conv-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8;font-weight:800}.support-conv-card.type-ticket strong:before{content:'🎫 ';}.support-direct-form{display:grid;gap:8px;padding:10px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(148,163,184,.12)}.support-direct-form input{min-height:42px;border-radius:14px;background:rgba(2,6,23,.74);border:1px solid rgba(148,163,184,.18);color:#fff;padding:10px 12px}.support-chat-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:720px}.support-chat-top{padding:20px 22px;border-bottom:1px solid rgba(148,163,184,.13);background:radial-gradient(circle at 0 0,rgba(250,204,21,.12),transparent 34%),rgba(255,255,255,.025)}.support-chat-top h2{margin:3px 0;color:#fff;font-size:2rem;letter-spacing:-.04em}.support-chat-top p{margin:5px 0 0;color:#cbd5e1;line-height:1.45}.support-live-chat{padding:22px;overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:12px;background-image:radial-gradient(rgba(148,163,184,.13) 1px, transparent 1px);background-size:24px 24px}.support-live-chat::-webkit-scrollbar{display:none}.chat-msg{position:relative;align-self:flex-start;max-width:min(760px,78%);padding:12px 14px;border-radius:20px 20px 20px 8px;background:rgba(15,23,42,.88);border:1px solid rgba(148,163,184,.16);box-shadow:0 14px 32px rgba(0,0,0,.18)}.chat-msg.mine{align-self:flex-end;border-radius:20px 20px 8px 20px;background:linear-gradient(135deg,rgba(250,204,21,.18),rgba(37,99,235,.10));border-color:rgba(250,204,21,.25)}.chat-msg-meta{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:6px}.chat-msg-meta b{color:#facc15;font-size:.9rem}.chat-msg-meta span{color:#94a3b8;font-size:.75rem;font-weight:800}.chat-msg p{margin:0;color:#f8fafc;line-height:1.48}.chat-msg strong{font-weight:1000;color:#fff}.chat-deleted{color:#94a3b8!important;font-style:italic}.chat-img{display:block;margin-top:10px;border-radius:16px;overflow:hidden;border:1px solid rgba(148,163,184,.18)}.chat-img img{display:block;max-width:360px;max-height:280px;object-fit:cover}.chat-file{display:inline-flex;margin-top:10px;padding:9px 11px;border-radius:14px;background:rgba(2,6,23,.46);border:1px solid rgba(148,163,184,.18);color:#dbeafe;text-decoration:none;font-weight:900}.chat-delete-form{position:absolute;top:8px;right:8px}.chat-delete-form button{width:24px;height:24px;border-radius:999px;border:1px solid rgba(248,113,113,.24);background:rgba(127,29,29,.44);color:#fecaca;cursor:pointer;font-weight:1000}.chat-empty{margin:auto;color:#94a3b8;font-weight:900}.support-composer{display:grid;grid-template-columns:auto auto minmax(0,1fr) 130px;gap:10px;align-items:end;padding:14px 18px;border-top:1px solid rgba(148,163,184,.13);background:rgba(2,6,23,.38)}.support-composer textarea{min-height:54px;max-height:140px;resize:vertical;border-radius:17px;background:rgba(2,6,23,.82);border:1px solid rgba(148,163,184,.20);color:#fff;padding:13px}.chat-attach{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(148,163,184,.16);cursor:pointer}.chat-attach input{display:none}.v141-ticket-modal{width:min(680px,calc(100vw - 34px))!important;border-radius:30px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,28,.99))!important;border:1px solid rgba(148,163,184,.18)!important}.v141-ticket-modal .modalhead{padding:22px 24px;border-bottom:1px solid rgba(148,163,184,.14);display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(59,130,246,.08))}.v141-ticket-modal .modalhead h2{margin:4px 0 0;color:#fff}.v141-ticket-modal .modalhead p{margin:5px 0 0;color:#cbd5e1}.ticket-modal-form{display:grid;gap:12px;padding:20px 24px 24px}.ticket-modal-form label{display:grid;gap:7px;color:#cbd5e1;font-weight:900}.ticket-modal-form input,.ticket-modal-form select,.ticket-modal-form textarea{border-radius:15px;background:rgba(2,6,23,.74);border:1px solid rgba(148,163,184,.20);color:#fff;padding:11px 12px}.fantasy-admin-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(148,163,184,.12)}.fantasy-admin-tools input{min-height:42px;min-width:280px;border-radius:15px;background:rgba(2,6,23,.74);border:1px solid rgba(148,163,184,.20);color:#fff;padding:10px 12px}.fantasy-admin-tools span{color:#94a3b8;font-weight:900}.fantasy-name-list.all-visible{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-height:68vh!important;padding:18px!important}.fantasy-name-list .taken{color:#fca5a5!important}.fantasy-name-list .free{color:#86efac!important}@media(max-width:1180px){.support-shell-v141{grid-template-columns:1fr}.support-chat-list{min-height:auto;max-height:420px}.fantasy-name-list.all-visible{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:760px){.support-composer{grid-template-columns:1fr}.support-shell-v141{gap:12px}.support-live-chat{padding:14px}.chat-msg{max-width:94%}.fantasy-name-list.all-visible{grid-template-columns:1fr!important}}

/* CampOrga v142 — Support Chat, Lightbox, Profil */
body.support-chat-v142 main.wrap,
body.support-chat-v142 main.wrap.wide{max-width:1500px!important;}
body.support-chat-v142 .support-shell-v142{
  display:grid!important;
  grid-template-columns:340px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  min-height:calc(100vh - 150px)!important;
}
body.support-chat-v142 .support-chat-list,
body.support-chat-v142 .support-chat-main{
  border-radius:30px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(8,13,28,.94))!important;
  border:1px solid rgba(148,163,184,.17)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}
body.support-chat-v142 .support-chat-list{padding:14px!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:720px!important;}
body.support-chat-v142 .support-list-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  padding:12px!important;
  border-radius:22px!important;
  background:radial-gradient(circle at 0 0,rgba(250,204,21,.14),transparent 44%),rgba(2,8,23,.44)!important;
  border:1px solid rgba(148,163,184,.13)!important;
}
body.support-chat-v142 .support-list-head h1{margin:0!important;font-size:1.65rem!important;color:#fff!important;}
body.support-chat-v142 .support-list-head .btn{width:100%!important;margin-top:4px!important;}
body.support-chat-v142 .support-direct-form{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(148,163,184,.10)!important;
}
body.support-chat-v142 .support-direct-form input{
  min-height:40px!important;
  border-radius:13px!important;
  background:rgba(2,6,23,.76)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  color:#fff!important;
  padding:9px 11px!important;
}
body.support-chat-v142 .support-conv-list{display:grid!important;gap:8px!important;overflow:auto!important;scrollbar-width:none!important;padding-right:2px!important;}
body.support-chat-v142 .support-conv-list::-webkit-scrollbar{display:none!important;}
body.support-chat-v142 .support-conv-card{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:62px!important;
  padding:10px!important;
  border-radius:18px!important;
  text-decoration:none!important;
  color:#fff!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(148,163,184,.12)!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
body.support-chat-v142 .support-conv-card:hover{transform:translateY(-1px)!important;border-color:rgba(250,204,21,.28)!important;background:rgba(250,204,21,.065)!important;}
body.support-chat-v142 .support-conv-card.active{border-color:rgba(250,204,21,.52)!important;background:linear-gradient(135deg,rgba(250,204,21,.18),rgba(59,130,246,.08))!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important;}
body.support-chat-v142 .conv-dot{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:rgba(2,6,23,.52);border:1px solid rgba(255,255,255,.08);}
body.support-chat-v142 .conv-main{min-width:0;display:grid;gap:3px;}
body.support-chat-v142 .conv-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem!important;line-height:1.1!important;}
body.support-chat-v142 .conv-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8!important;font-weight:800!important;}
body.support-chat-v142 .chat-new-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:26px;height:24px;padding:0 8px;border-radius:999px;background:#facc15;color:#111827;font-size:.72rem;font-style:normal;font-weight:1000;box-shadow:0 8px 20px rgba(250,204,21,.24);}
body.support-chat-v142 .chat-new-badge.ticket{background:#ef4444;color:#fff;box-shadow:0 8px 20px rgba(239,68,68,.24);}
body.support-chat-v142 .support-chat-main{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;min-height:720px!important;}
body.support-chat-v142 .support-chat-top{
  margin:14px 14px 0!important;
  border-radius:26px!important;
  padding:22px 24px!important;
  background:radial-gradient(circle at 8% 20%,rgba(250,204,21,.16),transparent 34%),linear-gradient(135deg,rgba(30,41,59,.96),rgba(8,13,28,.92))!important;
  border:1px solid rgba(250,204,21,.18)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}
body.support-chat-v142 .support-chat-top h2{margin:4px 0 7px!important;color:#fff!important;font-size:2rem!important;letter-spacing:-.04em!important;}
body.support-chat-v142 .support-chat-top p{margin:0!important;color:#cbd5e1!important;font-weight:800!important;}
body.support-chat-v142 .support-live-chat{
  margin:14px!important;
  padding:18px!important;
  overflow:auto!important;
  scrollbar-width:none!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 1px 1px,rgba(148,163,184,.17) 1px,transparent 1.5px) 0 0/24px 24px,
    rgba(2,6,23,.34)!important;
  border:1px solid rgba(148,163,184,.10)!important;
}
body.support-chat-v142 .support-live-chat::-webkit-scrollbar{display:none!important;}
body.support-chat-v142 .chat-msg{position:relative;max-width:min(720px,78%);margin:0 0 12px;padding:12px 14px;border-radius:18px;background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.14);box-shadow:0 12px 26px rgba(0,0,0,.18);}
body.support-chat-v142 .chat-msg.mine{margin-left:auto;background:linear-gradient(135deg,rgba(250,204,21,.20),rgba(37,99,235,.14));border-color:rgba(250,204,21,.26);}
body.support-chat-v142 .chat-msg-meta{display:flex;align-items:center;gap:9px;margin-bottom:5px;color:#94a3b8;font-size:.78rem;font-weight:900;}
body.support-chat-v142 .chat-msg-meta b{color:#fff;}
body.support-chat-v142 .chat-msg p{margin:0;color:#e5e7eb;line-height:1.45;font-weight:750;}
body.support-chat-v142 .chat-img{display:block;margin-top:10px;padding:0;border:0;background:transparent;cursor:zoom-in;max-width:260px;}
body.support-chat-v142 .chat-img img{display:block;width:100%;max-height:230px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 26px rgba(0,0,0,.26);}
body.support-chat-v142 .chat-file{display:inline-flex;margin-top:10px;color:#facc15;font-weight:900;text-decoration:none;}
body.support-chat-v142 .chat-delete-form{position:absolute;right:8px;top:8px;opacity:.3;transition:opacity .15s ease;}
body.support-chat-v142 .chat-msg:hover .chat-delete-form{opacity:1;}
body.support-chat-v142 .chat-delete-form button{width:26px;height:26px;border-radius:999px;border:1px solid rgba(248,113,113,.35);background:rgba(127,29,29,.58);color:#fecaca;font-weight:1000;cursor:pointer;}
body.support-chat-v142 .support-composer{display:grid!important;grid-template-columns:48px 48px minmax(0,1fr) 130px!important;gap:10px!important;align-items:end!important;margin:0 14px 14px!important;padding:12px!important;border-radius:24px!important;background:rgba(15,23,42,.88)!important;border:1px solid rgba(148,163,184,.14)!important;}
body.support-chat-v142 .support-composer textarea{min-height:50px!important;max-height:140px!important;resize:vertical!important;border-radius:16px!important;background:rgba(2,6,23,.82)!important;border:1px solid rgba(148,163,184,.16)!important;color:#fff!important;padding:14px!important;}
body.support-chat-v142 .chat-attach{height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(148,163,184,.14);cursor:pointer;}
body.support-chat-v142 .chat-attach input{display:none!important;}
body.support-chat-v142 .modal.open{display:flex!important;}
body.support-chat-v142 .v141-ticket-modal{width:min(720px,calc(100vw - 28px))!important;border-radius:30px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,28,.99))!important;border:1px solid rgba(148,163,184,.18)!important;}
body.support-chat-v142 .ticket-modal-form{display:grid!important;gap:12px!important;padding:20px 22px 24px!important;}
body.support-chat-v142 .ticket-modal-form label{display:grid!important;gap:7px!important;color:#e5e7eb!important;font-weight:900!important;}
body.support-chat-v142 .ticket-modal-form input,
body.support-chat-v142 .ticket-modal-form textarea,
body.support-chat-v142 .ticket-modal-form select{border-radius:15px!important;background:rgba(2,6,23,.82)!important;border:1px solid rgba(148,163,184,.18)!important;color:#fff!important;padding:12px 13px!important;}
.chat-lightbox[hidden]{display:none!important;}
.chat-lightbox{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;padding:34px;}
.chat-lightbox img{max-width:min(1100px,94vw);max-height:82vh;border-radius:22px;box-shadow:0 30px 100px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.18);}
.chat-lightbox-close{position:fixed;top:20px;right:24px;width:48px;height:48px;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:rgba(15,23,42,.76);color:#fff;font-size:30px;cursor:pointer;}
.chat-lightbox-title{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);color:#e5e7eb;font-weight:900;background:rgba(15,23,42,.78);border:1px solid rgba(255,255,255,.12);padding:10px 14px;border-radius:999px;}
body.profile-page-v142 main.wrap,body.profile-page-v142 main.wrap.wide{max-width:1500px!important;}
body.profile-page-v142 .profile-tab{display:none!important;}
body.profile-page-v142 .profile-tab.active{display:block!important;}
body.profile-page-v142 .settings-v127-layout{grid-template-columns:300px minmax(0,1fr)!important;gap:18px!important;}
body.profile-page-v142 .profile-form-v142{padding:20px 22px 24px!important;display:grid!important;gap:18px!important;}
body.profile-page-v142 .profile-form-v142 input{background:rgba(2,6,23,.86)!important;border:1px solid rgba(148,163,184,.18)!important;color:#fff!important;border-radius:15px!important;min-height:46px!important;padding:11px 13px!important;}
body.profile-page-v142 .settings-v127-menu button{width:100%;text-align:left;display:grid;gap:3px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(148,163,184,.12);color:#fff;margin-bottom:9px;cursor:pointer;}
body.profile-page-v142 .settings-v127-menu button.active{border-color:rgba(250,204,21,.45);background:linear-gradient(135deg,rgba(250,204,21,.16),rgba(59,130,246,.08));}
body.profile-page-v142 .settings-v127-menu button small{color:#94a3b8;font-weight:800;}
body.camporga-admin-v131 .fantasy-admin-tools{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;padding:18px 22px 0!important;}
body.camporga-admin-v131 .fantasy-admin-tools form{display:inline-flex!important;}
body.camporga-admin-v131 .fantasy-name-list.all-visible{max-height:68vh!important;overflow:auto!important;scrollbar-width:none!important;padding-right:4px!important;}
body.camporga-admin-v131 .fantasy-name-list.all-visible::-webkit-scrollbar{display:none!important;}
@media(max-width:980px){body.support-chat-v142 .support-shell-v142,body.profile-page-v142 .settings-v127-layout{grid-template-columns:1fr!important;}body.support-chat-v142 .support-chat-list{min-height:auto!important;position:relative!important;}body.support-chat-v142 .support-composer{grid-template-columns:44px 44px minmax(0,1fr)!important;}body.support-chat-v142 .support-composer .btn.primary{grid-column:1/-1!important;}body.support-chat-v142 .chat-msg{max-width:96%!important;}}

/* v143 – Sidebar, Profil, Settings & Reisebindung Feinschliff */
body.has-sidebar .side-section .side-link span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.profile-page-v142 main.wrap,
body.profile-page-v142 main.wrap.wide{
  max-width:1500px!important;
}
body.profile-page-v142 .settings-v127-layout{
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.profile-page-v142 .settings-v127-menu{
  position:sticky!important;
  top:92px!important;
  display:grid!important;
  gap:10px!important;
  padding:14px!important;
  border-radius:28px!important;
  background:rgba(15,23,42,.78)!important;
  border:1px solid rgba(148,163,184,.16)!important;
}
body.profile-page-v142 .settings-v127-menu h3{
  margin:2px 6px 4px!important;
  color:#fff!important;
}
body.profile-page-v142 .settings-v127-menu button{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:5px!important;
  text-align:left!important;
  align-items:start!important;
  min-height:66px!important;
  padding:12px 14px!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(148,163,184,.13)!important;
  color:#fff!important;
  margin:0!important;
  cursor:pointer!important;
}
body.profile-page-v142 .settings-v127-menu button.active{
  border-color:rgba(250,204,21,.48)!important;
  background:linear-gradient(135deg,rgba(250,204,21,.17),rgba(59,130,246,.08))!important;
  box-shadow:0 16px 40px rgba(0,0,0,.22)!important;
}
body.profile-page-v142 .settings-v127-menu button strong,
body.profile-page-v142 .settings-v127-menu button small{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.profile-page-v142 .settings-v127-menu button strong{
  font-size:.98rem!important;
  line-height:1.15!important;
  color:#fff!important;
}
body.profile-page-v142 .settings-v127-menu button small{
  font-size:.76rem!important;
  line-height:1.25!important;
  color:#94a3b8!important;
  white-space:normal!important;
}
body.profile-page-v142 .profile-tab{display:none!important;}
body.profile-page-v142 .profile-tab.active{display:block!important;}
body.profile-page-v142 .settings-v127-card{
  border-radius:30px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(9,14,28,.94))!important;
  border:1px solid rgba(148,163,184,.16)!important;
}
body.profile-page-v142 .profile-form-v142{
  padding:20px 22px 24px!important;
  display:grid!important;
  gap:18px!important;
}
body.profile-page-v142 .profile-form-v142 label:not(.switch-line){
  display:grid!important;
  gap:8px!important;
  color:#dbeafe!important;
  font-weight:900!important;
}
body.profile-page-v142 .profile-form-v142 input:not([type="checkbox"]){
  width:100%!important;
  background:rgba(2,6,23,.86)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#fff!important;
  border-radius:15px!important;
  min-height:46px!important;
  padding:11px 13px!important;
}
body.profile-page-v142 .profile-form-v142 .switch-line{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:42px!important;
  padding:9px 12px!important;
  border-radius:15px!important;
  background:rgba(250,204,21,.08)!important;
  border:1px solid rgba(250,204,21,.18)!important;
  color:#e5e7eb!important;
  font-weight:900!important;
}
body.profile-page-v142 .profile-form-v142 .switch-line input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  accent-color:#facc15!important;
  transform:none!important;
}
body.settings-v127 .settings-v127-price-row{
  overflow:hidden!important;
}
body.settings-v127 .settings-v127-price-row .row-actions{
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
body.support-chat-v142 .support-chat-top{
  border-radius:26px!important;
}
@media(max-width:980px){
  body.profile-page-v142 .settings-v127-layout{grid-template-columns:1fr!important;}
  body.profile-page-v142 .settings-v127-menu{position:relative!important;top:auto!important;}
}


/* CampOrga v144 – zentrierter Premium-Footer */
.footer{
  width:100%!important;
  max-width:none!important;
  margin:34px auto 28px!important;
  padding:0 22px!important;
  color:var(--muted)!important;
  font-size:12px!important;
  text-align:center!important;
  display:flex!important;
  justify-content:center!important;
}
.has-sidebar .footer{
  margin-left:0!important;
  padding:0 22px 26px!important;
  border-top:0!important;
}
.footer-card{
  width:min(720px,100%)!important;
  display:grid!important;
  justify-items:center!important;
  gap:8px!important;
  padding:16px 22px 14px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 20% 0%, rgba(250,204,21,.12), transparent 38%),
    linear-gradient(135deg, rgba(15,23,42,.58), rgba(2,6,23,.34))!important;
  border:1px solid rgba(148,163,184,.14)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(10px)!important;
}
.footer-brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  color:#fff!important;
  text-decoration:none!important;
}
.footer-brand img{
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
  border-radius:10px!important;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.28))!important;
}
.footer-brand span{
  display:grid!important;
  justify-items:start!important;
  gap:1px!important;
  line-height:1.1!important;
}
.footer-brand strong{
  font-size:14px!important;
  letter-spacing:.01em!important;
  color:#fff!important;
}
.footer-brand small{
  font-size:11px!important;
  color:#94a3b8!important;
  font-weight:800!important;
}
.footer-copy{
  color:#94a3b8!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.footer-copy a,
.footer-links a{
  color:#facc15!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.footer-copy a:hover,
.footer-links a:hover{
  text-decoration:underline!important;
}
.footer-links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.2!important;
}
@media(max-width:760px){
  .footer{padding:0 12px 20px!important;margin-top:24px!important;}
  .footer-card{padding:14px 16px!important;border-radius:20px!important;}
}


/* CampOrga v145 – Sidebar Reiseeinstellungen + Listen-Kategorien */
body.lists-overview-page .co-nav-copy small{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}
body.lists-overview-page .co-nav-count,
body.lists-overview-page .co-nav-catcount,
body.lists-overview-page .co-nav-visible{
  display:inline-flex!important;
  align-items:center!important;
  height:20px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  font-size:.68rem!important;
  font-style:normal!important;
  font-weight:1000!important;
  letter-spacing:.03em!important;
  line-height:1!important;
}
body.lists-overview-page .co-nav-count{background:rgba(148,163,184,.12)!important;color:#cbd5e1!important;}
body.lists-overview-page .co-nav-catcount{background:rgba(56,189,248,.12)!important;color:#bae6fd!important;border:1px solid rgba(56,189,248,.20)!important;}
body.lists-overview-page .co-nav-visible{background:rgba(250,204,21,.13)!important;color:#fde68a!important;border:1px solid rgba(250,204,21,.24)!important;}
body.lists-overview-page .co-check-main{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}
body.lists-overview-page .co-item-meta{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}
body.lists-overview-page .co-item-meta small,
body.lists-overview-page .co-item-category,
body.lists-overview-page .co-item-rule{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:2px 8px!important;
  border-radius:999px!important;
  font-size:.72rem!important;
  font-weight:900!important;
  line-height:1!important;
  color:#cbd5e1!important;
  background:rgba(148,163,184,.10)!important;
  border:1px solid rgba(148,163,184,.13)!important;
}
body.lists-overview-page .co-item-category{
  color:#fde68a!important;
  background:rgba(250,204,21,.12)!important;
  border-color:rgba(250,204,21,.24)!important;
}
body.lists-overview-page .co-item-category.muted{
  color:#94a3b8!important;
  background:rgba(100,116,139,.10)!important;
  border-color:rgba(100,116,139,.18)!important;
}
body.lists-overview-page .co-item-rule{
  color:#bfdbfe!important;
  background:rgba(59,130,246,.13)!important;
  border-color:rgba(59,130,246,.24)!important;
}
body.lists-overview-page .co-filter-empty{
  margin:16px!important;
  padding:16px!important;
  border-radius:18px!important;
  text-align:center!important;
  color:#94a3b8!important;
  font-weight:850!important;
  background:rgba(15,23,42,.46)!important;
  border:1px dashed rgba(148,163,184,.22)!important;
}
body.settings-v127 .settings-v127-menu button small,
body.profile-page-v142 .settings-v127-menu button small{
  overflow:visible!important;
  white-space:normal!important;
}


/* CampOrga v146 – ruhiger Footer volle Breite + Sidebar-Logo links */
.sidebrand.sidebrand-logo,
.sidebar .sidebrand{
  justify-content:flex-start!important;
  align-items:center!important;
  text-align:left!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
.sidebrand.sidebrand-logo img{
  margin-left:0!important;
  margin-right:auto!important;
  max-width:142px!important;
  object-position:left center!important;
}
.footer{
  width:100%!important;
  max-width:none!important;
  margin:30px 0 0!important;
  padding:0!important;
  display:block!important;
  text-align:left!important;
  color:#94a3b8!important;
}
.has-sidebar .footer{
  margin:34px 0 0!important;
  padding:0!important;
  border-top:0!important;
}
.footer-card{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  justify-items:stretch!important;
  padding:18px 28px!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg, rgba(15,23,42,.80), rgba(8,13,28,.72)),
    radial-gradient(circle at 12% 50%, rgba(250,204,21,.08), transparent 34%)!important;
  border:0!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.footer-brand{
  justify-content:flex-start!important;
  gap:12px!important;
}
.footer-brand img{
  width:30px!important;
  height:30px!important;
  border-radius:8px!important;
}
.footer-brand span{
  justify-items:start!important;
}
.footer-brand strong{
  font-size:13px!important;
}
.footer-brand small{
  font-size:11px!important;
  color:#94a3b8!important;
}
.footer-copy{
  text-align:right!important;
  font-size:12px!important;
}
.footer-links{
  grid-column:1/-1!important;
  justify-content:flex-start!important;
  gap:9px!important;
  padding-top:8px!important;
  margin-top:2px!important;
  border-top:1px solid rgba(148,163,184,.08)!important;
}
.footer-copy a,
.footer-links a{
  color:#facc15!important;
  font-weight:900!important;
}
@media(max-width:760px){
  .footer-card{
    grid-template-columns:1fr!important;
    padding:16px!important;
    gap:10px!important;
  }
  .footer-copy{text-align:left!important;}
}

body.settings-v127 .settings-v127-price-cards,
.settings-v127-price-cards{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
}
.camporga-admin-v131 .admin-price-table{
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
}
.camporga-admin-v131 .admin-price-table label{
  grid-template-columns:1fr minmax(90px,120px) auto!important;
}


/* CampOrga v147 – Listen-Kategorien und Fortschritt */
body.lists-overview-page .co-nav-progress{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:22px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  font-size:.72rem!important;
  font-style:normal!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  line-height:1!important;
  color:#fde68a!important;
  background:rgba(250,204,21,.13)!important;
  border:1px solid rgba(250,204,21,.25)!important;
}
body.lists-overview-page .co-nav-count,
body.lists-overview-page .co-nav-catcount,
body.lists-overview-page .co-nav-visible{
  display:none!important;
}
body.lists-overview-page .why-btn{
  display:none!important;
}
body.lists-overview-page .co-check-row{
  grid-template-columns:auto minmax(0,1fr)!important;
}
body.lists-overview-page .co-item-meta{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin-top:4px!important;
}
body.lists-overview-page .co-item-meta small,
body.lists-overview-page .co-item-meta em{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:2px 8px!important;
  border-radius:999px!important;
  font-size:.72rem!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
  color:#cbd5e1!important;
  background:rgba(148,163,184,.10)!important;
  border:1px solid rgba(148,163,184,.13)!important;
}
body.lists-overview-page .co-item-category{
  color:#fde68a!important;
  background:rgba(250,204,21,.12)!important;
  border-color:rgba(250,204,21,.24)!important;
}
body.lists-overview-page .co-item-category.muted{
  color:#94a3b8!important;
  background:rgba(100,116,139,.10)!important;
  border-color:rgba(100,116,139,.18)!important;
}


/* CampOrga v147 – Ticketmodal robust */
#ticketModal.open,
#ticketModal.show,
#ticketModal.is-open{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#ticketModal .v141-ticket-modal{
  width:min(680px,calc(100vw - 28px))!important;
  max-height:88vh!important;
  overflow:auto!important;
}
#ticketModal .ticket-modal-form{
  padding:18px 20px 22px!important;
  display:grid!important;
  gap:12px!important;
}
#ticketModal .ticket-modal-form label{
  display:grid!important;
  gap:7px!important;
  color:#e5e7eb!important;
  font-weight:900!important;
}
#ticketModal .ticket-modal-form input,
#ticketModal .ticket-modal-form select,
#ticketModal .ticket-modal-form textarea{
  width:100%!important;
  min-height:44px!important;
  border-radius:14px!important;
  background:rgba(2,6,23,.74)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#fff!important;
  padding:10px 12px!important;
}


/* CampOrga v148 – Listen Vorlagen optisch wie Listen */
.list-templates-page .co-list-sidebar .co-sidebar-title,
.list-templates-admin-v148 .co-list-sidebar .co-sidebar-title{
  margin:0 0 12px!important;
  color:#e5e7eb!important;
  font-weight:1000!important;
}
.list-templates-page .co-list-nav button,
.list-templates-admin-v148 .co-list-nav button{
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
}
.list-templates-page .co-nav-copy small,
.list-templates-admin-v148 .co-nav-copy small{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
.list-templates-page .co-panel-head,
.list-templates-admin-v148 .co-panel-head{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
}
.list-templates-page .lt-panel-actions,
.list-templates-admin-v148 .lt-panel-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.list-templates-page .lt-readonly input,
.list-templates-page .lt-readonly select{
  opacity:.82!important;
}
.list-templates-page .lt-admin-pill,
.list-templates-admin-v148 .lt-admin-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  color:#bfdbfe!important;
  background:rgba(59,130,246,.12)!important;
  border:1px solid rgba(59,130,246,.24)!important;
  font-weight:1000!important;
  font-size:.75rem!important;
}
.lt-trip-context{
  margin:0 0 16px!important;
}
@media(max-width:860px){
  .list-templates-page .co-panel-head,
  .list-templates-admin-v148 .co-panel-head{
    grid-template-columns:1fr!important;
  }
  .list-templates-page .lt-panel-actions,
  .list-templates-admin-v148 .lt-panel-actions{
    justify-content:flex-start!important;
  }
}


/* CampOrga v149 – Admin User Panel, Meine Dateien, Sidebar Logo links */
.sidebar .sidebrand.sidebrand-logo{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  text-align:left!important;
  width:100%!important;
  padding:18px 18px 14px!important;
}
.sidebar .sidebrand.sidebrand-logo img{
  margin:0!important;
  margin-right:auto!important;
  max-width:150px!important;
  object-position:left center!important;
}
.admin-user-toolbar{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:16px!important;
}
.admin-user-toolbar form{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  flex:1!important;
}
.admin-user-toolbar input,.admin-user-toolbar select{
  min-height:44px!important;
  border-radius:14px!important;
  background:rgba(2,6,23,.72)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#fff!important;
  padding:10px 12px!important;
}
.admin-user-layout{
  display:grid!important;
  grid-template-columns:minmax(280px,360px) minmax(0,1fr)!important;
  gap:18px!important;
}
.admin-user-list{
  padding:12px!important;
  display:grid!important;
  gap:10px!important;
  align-self:start!important;
  position:sticky!important;
  top:92px!important;
  max-height:calc(100vh - 120px)!important;
  overflow:auto!important;
}
.admin-user-row{
  display:grid!important;
  gap:4px!important;
  padding:13px 14px!important;
  border-radius:18px!important;
  text-decoration:none!important;
  color:#e5e7eb!important;
  background:rgba(15,23,42,.42)!important;
  border:1px solid rgba(148,163,184,.12)!important;
}
.admin-user-row.active{
  border-color:rgba(250,204,21,.45)!important;
  background:linear-gradient(135deg,rgba(250,204,21,.14),rgba(59,130,246,.10))!important;
}
.admin-user-row small,.admin-user-row span{
  color:#94a3b8!important;
  font-size:.8rem!important;
}
.admin-user-row span{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.admin-user-detail{
  display:grid!important;
  gap:16px!important;
}
.admin-user-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:14px!important;
}
.admin-user-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:14px!important;
}
.admin-user-kpis div{
  padding:14px!important;
  border-radius:18px!important;
  background:rgba(2,6,23,.42)!important;
  border:1px solid rgba(148,163,184,.12)!important;
}
.admin-user-kpis b{
  display:block!important;
  color:#fff!important;
  font-size:1.35rem!important;
}
.admin-user-kpis span{
  color:#94a3b8!important;
  font-size:.8rem!important;
  font-weight:900!important;
}
.admin-trip-grid,.admin-file-grid,.my-files-grid{
  display:grid!important;
  gap:10px!important;
}
.admin-trip-grid article,.admin-file-grid article,.my-file-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:13px 14px!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.44)!important;
  border:1px solid rgba(148,163,184,.12)!important;
}
.admin-trip-grid article div,.admin-file-grid article{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
.admin-trip-grid small,.admin-file-grid small,.my-file-info small,.my-file-info em{
  display:block!important;
  color:#94a3b8!important;
  font-size:.82rem!important;
  font-style:normal!important;
}
.my-files-grid{
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;
}
.my-file-card{
  grid-template-columns:64px minmax(0,1fr)!important;
}
.my-file-thumb{
  width:64px!important;
  height:64px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:rgba(2,6,23,.55)!important;
  border:1px solid rgba(148,163,184,.12)!important;
}
.my-file-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.my-file-thumb span{
  font-size:1.8rem!important;
}
.my-file-actions{
  grid-column:1/-1!important;
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
@media(max-width:980px){
  .admin-user-layout{grid-template-columns:1fr!important;}
  .admin-user-list{position:relative!important;top:auto!important;max-height:none!important;}
  .admin-user-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* CampOrga v150 – harte Fixes */
html body .app-shell .sidebar{
  align-items:stretch!important;
}
html body .app-shell .sidebar > .sidebrand.sidebrand-logo{
  display:flex!important;
  width:100%!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  place-items:unset!important;
  text-align:left!important;
  padding:18px 18px 14px!important;
}
html body .app-shell .sidebar > .sidebrand.sidebrand-logo img{
  display:block!important;
  margin-left:0!important;
  margin-right:auto!important;
  transform:none!important;
  object-position:left center!important;
}

/* eigenes Support-Ticketmodal, unabhängig von generischen Modal-Regeln */
.ticket-modal-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  background:rgba(2,6,23,.72)!important;
  backdrop-filter:blur(8px)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.ticket-modal-overlay.open,
.ticket-modal-overlay.show,
.ticket-modal-overlay.is-open{
  display:flex!important;
}
.ticket-modal-overlay .modalbox{
  width:min(700px,calc(100vw - 32px))!important;
  max-height:88vh!important;
  overflow:auto!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(2,6,23,.96))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.48)!important;
}

/* Listen Vorlagen exakt näher an Listen */
.list-templates-page .co-list-nav button,
.list-templates-admin-v148 .co-list-nav button{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  width:100%!important;
  text-align:left!important;
  min-height:70px!important;
  color:#e5e7eb!important;
}
.list-templates-page .co-nav-copy,
.list-templates-admin-v148 .co-nav-copy{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
  justify-items:start!important;
  text-align:left!important;
}
.list-templates-page .co-nav-copy strong,
.list-templates-admin-v148 .co-nav-copy strong{
  display:block!important;
  color:#fff!important;
  font-weight:1000!important;
  font-size:.95rem!important;
  line-height:1.15!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.list-templates-page .co-nav-copy small,
.list-templates-admin-v148 .co-nav-copy small{
  display:flex!important;
  gap:6px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  color:#94a3b8!important;
  opacity:1!important;
}
.list-templates-page .lt-status-badge,
.list-templates-admin-v148 .lt-status-badge{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:.68rem!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:1000!important;
}
.list-templates-page .lt-status-badge.active,
.list-templates-admin-v148 .lt-status-badge.active{
  color:#bbf7d0!important;
  background:rgba(34,197,94,.14)!important;
  border:1px solid rgba(34,197,94,.24)!important;
}
.list-templates-page .lt-status-badge.inactive,
.list-templates-admin-v148 .lt-status-badge.inactive{
  color:#fecaca!important;
  background:rgba(239,68,68,.12)!important;
  border:1px solid rgba(239,68,68,.22)!important;
}
.list-templates-page .co-list-panel,
.list-templates-admin-v148 .co-list-panel{
  overflow:hidden!important;
}
.list-templates-page .lt-items,
.list-templates-admin-v148 .lt-items{
  display:grid!important;
  gap:10px!important;
  padding:14px!important;
}
.list-templates-page .lt-item,
.list-templates-admin-v148 .lt-item{
  display:grid!important;
  grid-template-columns:minmax(220px,1.3fr) minmax(160px,.8fr) auto auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:12px!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.44)!important;
  border:1px solid rgba(148,163,184,.12)!important;
}
.list-templates-page .lt-item input,
.list-templates-page .lt-item select,
.list-templates-admin-v148 .lt-item input,
.list-templates-admin-v148 .lt-item select{
  min-height:42px!important;
  border-radius:14px!important;
  background:rgba(2,6,23,.62)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  color:#fff!important;
  padding:9px 11px!important;
}
@media(max-width:900px){
  .list-templates-page .lt-item,
  .list-templates-admin-v148 .lt-item{
    grid-template-columns:1fr!important;
  }
}


/* CampOrga v152 – finale Listen-/Modal-Fixes */

/* Normale Listen: Positionsansicht wie Listen Vorlagen */
body.lists-overview-page:not(.list-templates-page) .checklist-template-view{
  display:grid!important;
  gap:10px!important;
  padding:14px!important;
}
body.lists-overview-page:not(.list-templates-page) .checklist-template-view .co-check-row.lt-item{
  display:grid!important;
  grid-template-columns:58px minmax(240px,1.4fr) minmax(150px,.75fr) 140px 96px!important;
  gap:10px!important;
  align-items:center!important;
  padding:12px!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.44)!important;
  border:1px solid rgba(148,163,184,.12)!important;
  color:#fff!important;
  cursor:pointer!important;
}
body.lists-overview-page:not(.list-templates-page) .checklist-template-view .co-check-row.lt-item:hover{
  border-color:rgba(250,204,21,.28)!important;
  background:rgba(15,23,42,.62)!important;
}
body.lists-overview-page:not(.list-templates-page) .checklist-template-view .co-check-row.lt-item.is-done{
  opacity:.72!important;
  background:rgba(15,23,42,.26)!important;
}
body.lists-overview-page:not(.list-templates-page) .co-check-box{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:rgba(250,204,21,.10)!important;
  border:1px solid rgba(250,204,21,.23)!important;
  position:relative!important;
}
body.lists-overview-page:not(.list-templates-page) .co-check-box input{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  cursor:pointer!important;
}
body.lists-overview-page:not(.list-templates-page) .co-check-box i{
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  border-radius:8px!important;
  color:#fff!important;
  background:rgba(124,58,237,.85)!important;
  font-style:normal!important;
  font-weight:1000!important;
  opacity:.3!important;
}
body.lists-overview-page:not(.list-templates-page) .is-done .co-check-box i{
  opacity:1!important;
  background:#22c55e!important;
}
body.lists-overview-page:not(.list-templates-page) .lt-item-title{
  min-height:42px!important;
  display:grid!important;
  align-content:center!important;
  border-radius:14px!important;
  background:rgba(2,6,23,.62)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  padding:9px 11px!important;
  color:#fff!important;
}
body.lists-overview-page:not(.list-templates-page) .lt-item-title strong{
  color:#fff!important;
  font-weight:1000!important;
}
body.lists-overview-page:not(.list-templates-page) .lt-category-chip,
body.lists-overview-page:not(.list-templates-page) .lt-rule-chip,
body.lists-overview-page:not(.list-templates-page) .lt-done-chip{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  padding:8px 10px!important;
  font-weight:950!important;
  font-size:.84rem!important;
  background:rgba(2,6,23,.62)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  color:#fff!important;
}
body.lists-overview-page:not(.list-templates-page) .lt-rule-chip{
  color:#111827!important;
  background:linear-gradient(135deg,#fde68a,#eab308)!important;
  border-color:rgba(250,204,21,.42)!important;
}
body.lists-overview-page:not(.list-templates-page) .lt-done-chip{
  background:linear-gradient(135deg,#ef4444,#b91c1c)!important;
  border-color:rgba(239,68,68,.35)!important;
}
body.lists-overview-page:not(.list-templates-page) .is-done .lt-done-chip{
  background:linear-gradient(135deg,#22c55e,#15803d)!important;
  border-color:rgba(34,197,94,.35)!important;
}

/* Listen Vorlagen linkes Menü: Text hart sichtbar erzwingen */
body.list-templates-page .co-list-sidebar,
body.list-templates-admin-v148 .co-list-sidebar{
  min-width:300px!important;
}
body.list-templates-page .co-list-nav button,
body.list-templates-admin-v148 .co-list-nav button{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-height:72px!important;
  padding:12px!important;
  overflow:visible!important;
}
body.list-templates-page .co-nav-copy,
body.list-templates-admin-v148 .co-nav-copy{
  display:grid!important;
  min-width:0!important;
  visibility:visible!important;
  opacity:1!important;
}
body.list-templates-page .co-nav-copy strong,
body.list-templates-admin-v148 .co-nav-copy strong{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#fff!important;
  font-size:.95rem!important;
  line-height:1.2!important;
  font-weight:1000!important;
  white-space:normal!important;
  overflow:visible!important;
  text-indent:0!important;
}
body.list-templates-page .co-nav-copy small,
body.list-templates-admin-v148 .co-nav-copy small{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  color:#94a3b8!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}

/* Modal-Stabilität für Kategorien/Checklisten */
#categoryModal.open,
#categoryModal.show,
#categoryModal.is-open,
#checklistEditorModal.open,
#checklistEditorModal.show,
#checklistEditorModal.is-open{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
}
#categoryModal .modalbox,
#checklistEditorModal .modalbox{
  width:min(920px,calc(100vw - 32px))!important;
  max-height:88vh!important;
  overflow:auto!important;
  transform:none!important;
}
#categoryModal .category-list-compact,
#checklistEditorModal .check-editor-list{
  max-height:52vh!important;
  overflow:auto!important;
  padding-right:4px!important;
}
#categoryModal input,
#categoryModal select,
#checklistEditorModal input,
#checklistEditorModal select,
#checklistEditorModal textarea{
  min-height:42px!important;
}

/* Support Wunschfeld sauber */
#ticketModal .ticket-wish-field[hidden]{
  display:none!important;
}
#ticketModal .modal-close{
  cursor:pointer!important;
  z-index:3!important;
}

@media(max-width:980px){
  body.lists-overview-page:not(.list-templates-page) .checklist-template-view .co-check-row.lt-item{
    grid-template-columns:52px minmax(0,1fr)!important;
  }
  body.lists-overview-page:not(.list-templates-page) .lt-category-chip,
  body.lists-overview-page:not(.list-templates-page) .lt-rule-chip,
  body.lists-overview-page:not(.list-templates-page) .lt-done-chip{
    grid-column:2!important;
    justify-content:flex-start!important;
  }
}


/* CampOrga v153 – Sidebar komplett durchgefärbt, kompakter, größeres Logo */
html body .app-shell{
  background:#07111f!important;
}
html body .app-shell .sidebar{
  background:
    linear-gradient(180deg,#0b1626 0%,#08111f 48%,#07101d 100%)!important;
  background-color:#08111f!important;
  background-attachment:local!important;
  border-right:1px solid rgba(148,163,184,.13)!important;
  min-height:100vh!important;
}
html body .app-shell .sidebar::before,
html body .app-shell .sidebar::after{
  display:none!important;
  content:none!important;
}
html body .app-shell .sidebar > .sidebrand.sidebrand-logo{
  padding:16px 18px 12px!important;
  min-height:72px!important;
}
html body .app-shell .sidebar > .sidebrand.sidebrand-logo img{
  max-width:180px!important;
  width:180px!important;
  max-height:54px!important;
}
html body .app-shell .sidebar .side-section{
  margin-top:10px!important;
  padding:0 10px!important;
}
html body .app-shell .sidebar .side-label{
  margin:10px 8px 7px!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
}
html body .app-shell .sidebar .side-link{
  min-height:40px!important;
  padding:8px 10px!important;
  margin:3px 0!important;
  border-radius:13px!important;
  gap:9px!important;
}
html body .app-shell .sidebar .side-link b{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
html body .app-shell .sidebar .side-link span{
  font-size:13px!important;
  line-height:1.1!important;
}
html body .app-shell .active-trip-card{
  margin:6px 0 8px!important;
  padding:10px!important;
  border-radius:14px!important;
}
html body .app-shell .side-footer{
  margin:12px 10px 12px!important;
}
.settings-v127-price-row .active-pill.muted{
  color:#94a3b8!important;
  background:rgba(148,163,184,.12)!important;
  border-color:rgba(148,163,184,.18)!important;
}


/* CampOrga v153 – Uploadlimit-Hinweis */
.upload-limit-box,
.upload-limit-note{
  display:grid!important;
  gap:7px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  margin-bottom:10px!important;
  background:rgba(250,204,21,.10)!important;
  border:1px solid rgba(250,204,21,.24)!important;
  color:#fde68a!important;
}
.upload-limit-box b,
.upload-limit-note b{
  color:#fff!important;
  font-weight:1000!important;
}
.upload-limit-box p,
.upload-limit-note span{
  margin:0!important;
  color:#cbd5e1!important;
  font-size:.86rem!important;
  line-height:1.35!important;
}
.upload-limit-box a{
  color:#facc15!important;
  font-weight:1000!important;
}

/* CampOrga v154 – saubere Sidebar + kompaktere Listen + stabile Modale */
html,body{
  background:#07101d!important;
}
html body.has-sidebar,
html body.has-sidebar .app-shell,
html body.has-sidebar .page-area,
html body.has-sidebar main.wrap{
  background:#07101d!important;
  background-image:none!important;
}
html body.has-sidebar .sidebar{
  background:#08111f!important;
  background-image:none!important;
  box-shadow:inset -1px 0 0 rgba(148,163,184,.13)!important;
}
html body.has-sidebar .footer,
html body.has-sidebar .footer-card{
  background:#07101d!important;
  background-image:none!important;
  border-top:1px solid rgba(148,163,184,.10)!important;
}
html body .app-shell .sidebar > .sidebrand.sidebrand-logo{
  min-height:82px!important;
  padding:14px 14px 10px!important;
}
html body .app-shell .sidebar > .sidebrand.sidebrand-logo img{
  width:190px!important;
  max-width:190px!important;
  max-height:66px!important;
}
html body .app-shell .sidebar .side-section{
  margin-top:6px!important;
  padding:0 8px!important;
}
html body .app-shell .sidebar .side-label{
  margin:7px 8px 5px!important;
}
html body .app-shell .sidebar .side-link{
  min-height:34px!important;
  padding:6px 9px!important;
  margin:1px 0!important;
  border-radius:11px!important;
  gap:8px!important;
}
html body .app-shell .sidebar .side-link b{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:9px!important;
  font-size:12px!important;
}
html body .app-shell .sidebar .side-link span{
  font-size:12px!important;
  line-height:1.05!important;
}
html body .app-shell .active-trip-card{
  padding:8px!important;
  margin:4px 0 6px!important;
}
html body .app-shell .side-footer{
  margin:8px!important;
  padding:12px!important;
}

/* Normale Listen: kompaktere Zeilen statt Monster-Kacheln */
body.lists-overview-page:not(.list-templates-page) .checklist-template-view{
  gap:6px!important;
  padding:10px!important;
}
body.lists-overview-page:not(.list-templates-page) .checklist-template-view .co-check-row.lt-item{
  grid-template-columns:40px minmax(220px,1.35fr) minmax(135px,.65fr) 112px 74px!important;
  min-height:42px!important;
  padding:6px 8px!important;
  gap:7px!important;
  border-radius:13px!important;
}
body.lists-overview-page:not(.list-templates-page) .co-check-box{
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
}
body.lists-overview-page:not(.list-templates-page) .co-check-box i{
  width:20px!important;
  height:20px!important;
  border-radius:6px!important;
  font-size:12px!important;
}
body.lists-overview-page:not(.list-templates-page) .lt-item-title,
body.lists-overview-page:not(.list-templates-page) .lt-category-chip,
body.lists-overview-page:not(.list-templates-page) .lt-rule-chip,
body.lists-overview-page:not(.list-templates-page) .lt-done-chip{
  min-height:32px!important;
  border-radius:10px!important;
  padding:5px 8px!important;
  font-size:.78rem!important;
}
body.lists-overview-page:not(.list-templates-page) .lt-item-title strong{
  font-size:.86rem!important;
  line-height:1.1!important;
}
body.lists-overview-page:not(.list-templates-page) .co-item-meta{
  display:none!important;
}

/* Admin-Listen Modal hübscher und stabil */
body.list-templates-admin-v148 #newListModal .modalbox,
body.list-templates-page #newListModal .modalbox{
  padding:24px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(2,6,23,.96))!important;
  border:1px solid rgba(148,163,184,.18)!important;
}
body.list-templates-admin-v148 #newListModal .nice-form,
body.list-templates-page #newListModal .nice-form{
  display:grid!important;
  gap:14px!important;
  margin-top:16px!important;
}
body.list-templates-admin-v148 #newListModal label,
body.list-templates-page #newListModal label{
  display:grid!important;
  gap:8px!important;
  font-weight:900!important;
  color:#e5e7eb!important;
}
body.list-templates-admin-v148 #newListModal input,
body.list-templates-page #newListModal input{
  min-height:44px!important;
  border-radius:14px!important;
  background:rgba(2,6,23,.72)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#fff!important;
  padding:10px 12px!important;
}
body.list-templates-admin-v148 #newListModal .form-actions,
body.list-templates-page #newListModal .form-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:4px!important;
}

/* Reiseverlauf: alle Karten und Checklisten-Modale sichtbar/stabil */
body.trip-page .camp-route-v16 .route-list,
body.trip-page .camp-route-v16 .routeflow{
  display:grid!important;
  gap:14px!important;
  max-height:none!important;
  overflow:visible!important;
}
body.trip-page .camp-route-v16 .co-day-card,
body.trip-page .route-day{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}
#checklistChooseModal.open,#checklistChooseModal.show,#checklistChooseModal.is-open,
#tripChecklistModal.open,#tripChecklistModal.show,#tripChecklistModal.is-open{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:99999!important;
}
#checklistChooseModal .modalbox,
#tripChecklistModal .modalbox{
  transform:none!important;
  max-height:88vh!important;
  overflow:auto!important;
}


/* CampOrga v155 – Scrollbereiche ohne sichtbare Scrollbars + Sidebar kompakt */
html, body{
  height:100%!important;
  overflow:hidden!important;
}
*{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
*::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
html body .app-shell{
  height:100vh!important;
  max-height:100vh!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:var(--sidebar-w,260px) minmax(0,1fr)!important;
  background:#07111f!important;
}
html body .app-shell .sidebar{
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  background:#08111f!important;
  background-image:none!important;
  border-right:1px solid rgba(148,163,184,.12)!important;
}
html body .app-shell .main-area{
  height:100vh!important;
  max-height:100vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}
html body .app-shell .sidebar > .sidebrand.sidebrand-logo{
  min-height:74px!important;
  height:74px!important;
  padding:14px 16px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
html body .app-shell .sidebar > .sidebrand.sidebrand-logo img{
  width:190px!important;
  max-width:190px!important;
  max-height:58px!important;
  object-fit:contain!important;
  margin:0 auto 0 0!important;
}
html body .app-shell .sidebar .side-section{
  padding:0 10px!important;
  margin-top:8px!important;
}
html body .app-shell .sidebar .side-label{
  margin:9px 8px 6px!important;
  font-size:11px!important;
  line-height:1!important;
}
html body .app-shell .sidebar .side-link{
  min-height:38px!important;
  height:auto!important;
  margin:2px 0!important;
  padding:7px 10px!important;
  border-radius:13px!important;
  gap:9px!important;
}
html body .app-shell .sidebar .side-link b{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
html body .app-shell .sidebar .side-link span{
  font-size:14px!important;
  line-height:1.1!important;
}
html body .app-shell .active-trip-card{
  margin:5px 0 7px!important;
  padding:9px 10px!important;
  border-radius:14px!important;
}
html body .app-shell .active-trip-card strong{
  font-size:13px!important;
}
html body .app-shell .side-footer{
  margin:10px 10px 12px!important;
  padding:12px!important;
}

/* v155 Listen Vorlagen: linkes Menü wirklich sichtbar und schlanker */
body.list-templates-page .co-list-sidebar{
  min-width:300px!important;
}
body.list-templates-page .co-list-nav button{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  min-height:56px!important;
  padding:8px 10px!important;
  overflow:visible!important;
}
body.list-templates-page .co-list-nav .co-nav-icon{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
}
body.list-templates-page .co-list-nav .co-nav-copy{
  display:grid!important;
  min-width:0!important;
  visibility:visible!important;
  opacity:1!important;
}
body.list-templates-page .co-list-nav .co-nav-copy strong{
  display:block!important;
  color:#fff!important;
  font-weight:1000!important;
  font-size:14px!important;
  line-height:1.12!important;
  visibility:visible!important;
  opacity:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.list-templates-page .co-list-nav .co-nav-copy small{
  display:flex!important;
  gap:5px!important;
  visibility:visible!important;
  opacity:1!important;
  margin-top:3px!important;
}
body.list-templates-page .co-list-nav .co-nav-progress,
body.list-templates-page .co-list-nav .lt-status-badge{
  min-height:18px!important;
  height:18px!important;
  padding:0 6px!important;
  font-size:10px!important;
}

/* v155 Adminpanel: Detail-Listen in Modal-trigger kompakter */
.admin-users-v149 .admin-user-detail{
  gap:12px!important;
}
.admin-users-v149 .admin-user-trips .admin-trip-grid,
.admin-users-v149 .admin-user-files .admin-file-grid{
  display:none!important;
}
.admin-users-v149 .admin-user-trips .admin-modal-trigger,
.admin-users-v149 .admin-user-files .admin-modal-trigger{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.admin-v155-modal-grid{
  display:grid!important;
  gap:10px!important;
  max-height:70vh!important;
  overflow:auto!important;
}
.admin-v155-modal-grid article{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:12px!important;
  border-radius:16px!important;
  background:rgba(15,23,42,.55)!important;
  border:1px solid rgba(148,163,184,.14)!important;
}

/* v155 Ticket Modal: Close immer klickbar */
#ticketModal .modal-close,
#ticketModal [data-close-ticket]{
  position:relative!important;
  z-index:100000!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}

/* v155 Modale etwas stabiler */
#newUserModal .modalbox,
#userTripsModal .modalbox,
#userFilesModal .modalbox{
  width:min(920px,calc(100vw - 32px))!important;
  max-height:88vh!important;
  overflow:auto!important;
}


/* CampOrga v156 – Sidebar enger: Logo größer, weniger Luft, Menü kompakter */
html body .app-shell .sidebar,
body.has-sidebar aside.sidebar{
  padding-top:0!important;
}
html body .app-shell .sidebar > .sidebrand.sidebrand-logo,
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo{
  min-height:58px!important;
  height:58px!important;
  max-height:58px!important;
  padding:8px 12px 4px!important;
  margin:0 0 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
html body .app-shell .sidebar > .sidebrand.sidebrand-logo img,
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo img{
  width:212px!important;
  max-width:212px!important;
  min-width:212px!important;
  height:auto!important;
  max-height:52px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0 auto 0 0!important;
  transform:none!important;
}
html body .app-shell .sidebar .side-section,
body.has-sidebar aside.sidebar .side-section{
  padding:0 9px!important;
  margin:4px 0 0!important;
}
html body .app-shell .sidebar .side-section:first-of-type,
body.has-sidebar aside.sidebar .side-section:first-of-type{
  margin-top:0!important;
}
html body .app-shell .sidebar .side-label,
body.has-sidebar aside.sidebar .side-label{
  display:block!important;
  margin:6px 8px 5px!important;
  padding:0!important;
  font-size:11px!important;
  line-height:1!important;
}
html body .app-shell .sidebar .side-link,
body.has-sidebar aside.sidebar .side-link,
body.has-sidebar aside.sidebar a.side-link{
  min-height:33px!important;
  height:33px!important;
  padding:5px 9px!important;
  margin:1px 0!important;
  border-radius:11px!important;
  gap:8px!important;
  align-items:center!important;
}
html body .app-shell .sidebar .side-link b,
body.has-sidebar aside.sidebar .side-link b{
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  border-radius:9px!important;
  font-size:12px!important;
}
html body .app-shell .sidebar .side-link span,
body.has-sidebar aside.sidebar .side-link span{
  font-size:14px!important;
  line-height:1.05!important;
}
html body .app-shell .sidebar .active-trip-card,
body.has-sidebar aside.sidebar .active-trip-card{
  margin:3px 0 5px!important;
  padding:8px 9px!important;
  border-radius:12px!important;
}
html body .app-shell .sidebar .side-footer,
body.has-sidebar aside.sidebar .side-footer{
  margin:8px 9px 10px!important;
  padding:10px!important;
}


/* CampOrga v157 – echter Scroll-Fix für tatsächliche Layout-Klassen */
body.has-sidebar{
  height:100vh!important;
  overflow:hidden!important;
}
body.has-sidebar .app-shell{
  height:100vh!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.has-sidebar .sidebar{
  height:100vh!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  position:sticky!important;
  top:0!important;
}
body.has-sidebar .page-area{
  height:100vh!important;
  min-height:0!important;
  max-height:100vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  display:flex!important;
  flex-direction:column!important;
}
body.has-sidebar .page-area > main.wrap,
body.has-sidebar .page-area > main.wrap.wide{
  flex:0 0 auto!important;
  overflow:visible!important;
  min-height:auto!important;
}
body.has-sidebar .pagebar{
  flex:0 0 auto!important;
}
body.has-sidebar .footer{
  flex:0 0 auto!important;
}
body.has-sidebar .app-shell .sidebar > .sidebrand.sidebrand-logo img,
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo img{
  width:212px!important;
  max-width:212px!important;
  min-width:212px!important;
  max-height:52px!important;
}

body.has-sidebar.trip-page .route-day,
body.has-sidebar.trip-page .day-card,
body.has-sidebar.trip-page [data-day-id],
body.has-sidebar.trip-page .timeline-day{
  display:block;
}
body.has-sidebar.trip-page .route-grid,
body.has-sidebar.trip-page .timeline,
body.has-sidebar.trip-page .days-list{
  overflow:visible!important;
  max-height:none!important;
}


/* CampOrga v159 – Reiseverlauf Modale/Buttons Recovery */
body.trip-page .modal.open,
body.trip-page .modal.show,
body.trip-page .modal.is-open{
  display:flex!important;
  pointer-events:auto!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:99999!important;
}
body.trip-page .modal .modalbox{
  pointer-events:auto!important;
}
body.trip-page [data-open-modal],
body.trip-page .roundplus,
body.trip-page .parking-open,
body.trip-page .activity-choice,
body.trip-page [data-close-modal],
body.trip-page [data-modal-close],
body.trip-page .modalclose{
  pointer-events:auto!important;
  cursor:pointer!important;
}
body.trip-page .routeflow,
body.trip-page .co-routeflow,
body.trip-page .co-day-card,
body.trip-page .route-day-card{
  pointer-events:auto!important;
}


/* CampOrga v162 – Sidebar Logo größer & optisch zentriert */
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo,
html body .app-shell .sidebar > .sidebrand.sidebrand-logo{
  height:84px!important;
  min-height:84px!important;
  max-height:84px!important;
  padding:12px 14px 12px 16px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo img,
html body .app-shell .sidebar > .sidebrand.sidebrand-logo img{
  width:232px!important;
  max-width:232px!important;
  min-width:232px!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo + .side-section,
html body .app-shell .sidebar > .sidebrand.sidebrand-logo + .side-section{
  margin-top:0!important;
}
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo + .side-section .side-label,
html body .app-shell .sidebar > .sidebrand.sidebrand-logo + .side-section .side-label{
  margin-top:0!important;
}


/* CampOrga v163 – einheitliches Seitenraster und ruhige Inhaltsabstände */
:root{
  --co-page-x: clamp(20px, 2.2vw, 34px);
  --co-page-y: 22px;
  --co-content-max: 1540px;
}
body.has-sidebar .page-area{
  background:#07111f!important;
}
body.has-sidebar .pagebar{
  margin:0!important;
  padding:18px var(--co-page-x) 14px!important;
  min-height:78px!important;
  border-bottom:1px solid rgba(148,163,184,.10)!important;
}
body.has-sidebar .page-area > main.wrap,
body.has-sidebar .page-area > main.wrap.wide{
  width:100%!important;
  max-width:var(--co-content-max)!important;
  margin:0 auto!important;
  padding:var(--co-page-y) var(--co-page-x) 34px!important;
  box-sizing:border-box!important;
}
body.has-sidebar .page-area .footer{
  width:100%!important;
  max-width:var(--co-content-max)!important;
  margin:0 auto!important;
  padding:10px var(--co-page-x) 28px!important;
  box-sizing:border-box!important;
}
body.has-sidebar .page-area > main.wrap > .co-list-hero:first-child,
body.has-sidebar .page-area > main.wrap > .card:first-child,
body.has-sidebar .page-area > main.wrap > section:first-child{
  margin-top:0!important;
}
.card,.co-list-hero,.admin-user-toolbar,.co-list-sidebar,.co-list-panel{
  box-sizing:border-box!important;
}

/* CampOrga Settings: Menü-Titel vollständig, Untertitel ausblenden */
body.camporga-admin-settings .co-admin-layout,
body.camporga-settings-page .co-admin-layout,
.co-admin-layout{
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.co-admin-layout .co-list-sidebar{
  overflow:visible!important;
}
.co-admin-layout .co-list-sidebar h3{
  margin:0 0 10px!important;
}
.co-admin-layout .co-list-nav button{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:42px!important;
  padding:10px 12px!important;
  gap:8px!important;
  text-align:left!important;
  overflow:visible!important;
}
.co-admin-layout .co-list-nav button strong{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.18!important;
  font-weight:1000!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.co-admin-layout .co-list-nav button small{
  display:none!important;
}

/* Listen Vorlagen: linkes Menü lesbar, nicht abgeschnitten */
body.list-templates-page .co-lists-layout,
body.list-templates-admin-v148 .co-lists-layout{
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.list-templates-page .co-list-sidebar,
body.list-templates-admin-v148 .co-list-sidebar{
  width:320px!important;
  min-width:320px!important;
  max-width:320px!important;
  overflow:visible!important;
}
body.list-templates-page .co-list-nav,
body.list-templates-admin-v148 .co-list-nav{
  display:grid!important;
  gap:7px!important;
}
body.list-templates-page .co-list-nav button,
body.list-templates-admin-v148 .co-list-nav button{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  min-height:50px!important;
  padding:8px 10px!important;
  width:100%!important;
  overflow:visible!important;
  text-align:left!important;
}
body.list-templates-page .co-list-nav .co-nav-icon,
body.list-templates-admin-v148 .co-list-nav .co-nav-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
}
body.list-templates-page .co-list-nav .co-nav-copy,
body.list-templates-admin-v148 .co-list-nav .co-nav-copy{
  display:grid!important;
  min-width:0!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
}
body.list-templates-page .co-list-nav .co-nav-copy strong,
body.list-templates-admin-v148 .co-list-nav .co-nav-copy strong{
  display:block!important;
  width:100%!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.18!important;
  font-weight:1000!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  opacity:1!important;
  visibility:visible!important;
}
body.list-templates-page .co-list-nav .co-nav-copy small,
body.list-templates-admin-v148 .co-list-nav .co-nav-copy small{
  display:none!important;
}

/* Benutzerverwaltung v163 – ruhiger, kürzer, sauberere Cards */
body.admin-users-v149 .admin-users-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  padding:22px 24px!important;
}
body.admin-users-v149 .admin-user-toolbar{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px!important;
}
body.admin-users-v149 .admin-user-toolbar form{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) 190px auto!important;
  gap:10px!important;
  flex:1!important;
}
body.admin-users-v149 .admin-user-layout{
  display:grid!important;
  grid-template-columns:360px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.admin-users-v149 .admin-user-list{
  position:sticky!important;
  top:96px!important;
  max-height:calc(100vh - 128px)!important;
  overflow:auto!important;
  padding:10px!important;
  display:grid!important;
  gap:7px!important;
}
body.admin-users-v149 .admin-user-row{
  padding:11px 12px!important;
  border-radius:16px!important;
}
body.admin-users-v149 .admin-user-row strong{
  font-size:13px!important;
  line-height:1.18!important;
}
body.admin-users-v149 .admin-user-row small,
body.admin-users-v149 .admin-user-row span{
  font-size:11px!important;
}
body.admin-users-v149 .admin-user-detail{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
body.admin-users-v149 .admin-user-profile{
  grid-column:1/-1!important;
}
body.admin-users-v149 .admin-user-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:16px!important;
  align-items:flex-start!important;
}
body.admin-users-v149 .admin-user-head h2{
  font-size:1.35rem!important;
  overflow-wrap:anywhere!important;
}
body.admin-users-v149 .admin-user-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:14px!important;
}
body.admin-users-v149 .admin-user-kpis div{
  padding:12px!important;
  border-radius:16px!important;
}
body.admin-users-v149 .admin-user-upload,
body.admin-users-v149 .admin-user-trips,
body.admin-users-v149 .admin-user-files{
  min-height:0!important;
}
body.admin-users-v149 .admin-clean-form{
  gap:12px!important;
}
body.admin-users-v149 .admin-grid.two{
  grid-template-columns:1fr!important;
  gap:10px!important;
}
body.admin-users-v149 .admin-modal-trigger .btn{
  width:100%!important;
  justify-content:center!important;
}

@media(max-width:1100px){
  body.admin-users-v149 .admin-user-layout,
  body.list-templates-page .co-lists-layout,
  body.list-templates-admin-v148 .co-lists-layout,
  .co-admin-layout{
    grid-template-columns:1fr!important;
  }
  body.admin-users-v149 .admin-user-list,
  body.list-templates-page .co-list-sidebar,
  body.list-templates-admin-v148 .co-list-sidebar{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
  }
  body.admin-users-v149 .admin-user-detail{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  body.has-sidebar .pagebar{
    padding:14px 16px 12px!important;
  }
  body.has-sidebar .page-area > main.wrap,
  body.has-sidebar .page-area > main.wrap.wide{
    padding:16px!important;
  }
  body.admin-users-v149 .admin-user-toolbar,
  body.admin-users-v149 .admin-users-hero{
    grid-template-columns:1fr!important;
    display:grid!important;
  }
  body.admin-users-v149 .admin-user-toolbar form{
    grid-template-columns:1fr!important;
  }
  body.admin-users-v149 .admin-user-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* CampOrga v164 – Sidebar Logo Hover: nur Glanz, kein Schrumpfen */
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo,
html body .app-shell .sidebar > .sidebrand.sidebrand-logo{
  position:relative!important;
  overflow:hidden!important;
  transform:none!important;
  transition:filter .35s ease!important;
}
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo:hover,
html body .app-shell .sidebar > .sidebrand.sidebrand-logo:hover{
  transform:none!important;
  filter:brightness(1.08)!important;
}
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo img,
html body .app-shell .sidebar > .sidebrand.sidebrand-logo img,
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo:hover img,
html body .app-shell .sidebar > .sidebrand.sidebrand-logo:hover img{
  transform:none!important;
  scale:1!important;
  width:232px!important;
  max-width:232px!important;
  min-width:232px!important;
}
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo::after,
html body .app-shell .sidebar > .sidebrand.sidebrand-logo::after{
  content:""!important;
  position:absolute!important;
  inset:-40% auto -40% -70%!important;
  width:48%!important;
  transform:skewX(-22deg) translateX(0)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent)!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.has-sidebar aside.sidebar > a.sidebrand.sidebrand-logo:hover::after,
html body .app-shell .sidebar > .sidebrand.sidebrand-logo:hover::after{
  animation:coLogoShine .9s ease both!important;
}
@keyframes coLogoShine{
  0%{opacity:0;transform:skewX(-22deg) translateX(0);}
  18%{opacity:1;}
  100%{opacity:0;transform:skewX(-22deg) translateX(430%);}
}

/* CampOrga v164 – Aktuelles Blog */
body.aktuelles-page .aktuelles-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  padding:30px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 10% 10%,rgba(250,204,21,.18),transparent 34%),
    radial-gradient(circle at 88% 8%,rgba(59,130,246,.18),transparent 34%),
    linear-gradient(135deg,rgba(15,23,42,.92),rgba(2,6,23,.96))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
  margin-bottom:18px!important;
}
body.aktuelles-page .aktuelles-hero h1{
  margin:4px 0 8px!important;
  font-size:clamp(2rem,4vw,4.4rem)!important;
  line-height:.96!important;
  letter-spacing:-.06em!important;
  color:#fff!important;
}
body.aktuelles-page .aktuelles-hero p{
  max-width:760px!important;
  color:#cbd5e1!important;
  font-size:1.02rem!important;
}
body.aktuelles-page .news-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;
  gap:18px!important;
}
body.aktuelles-page .news-card{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:210px minmax(0,1fr)!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(2,6,23,.96))!important;
  border:1px solid rgba(148,163,184,.15)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.22)!important;
  cursor:pointer!important;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease!important;
}
body.aktuelles-page .news-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(250,204,21,.34)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.34)!important;
}
body.aktuelles-page .news-image{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(250,204,21,.20),transparent 35%),
    linear-gradient(135deg,rgba(30,41,59,.8),rgba(15,23,42,.98))!important;
}
body.aktuelles-page .news-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .55s ease!important;
}
body.aktuelles-page .news-card:hover .news-image img{
  transform:scale(1.035)!important;
}
body.aktuelles-page .news-image span{
  font-size:4rem!important;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.34))!important;
}
body.aktuelles-page .news-card-body{
  display:grid!important;
  gap:10px!important;
  padding:18px!important;
}
body.aktuelles-page .news-meta{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:space-between!important;
  color:#94a3b8!important;
  font-size:.78rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
body.aktuelles-page .news-status{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-style:normal!important;
  background:rgba(148,163,184,.14)!important;
  color:#e5e7eb!important;
}
body.aktuelles-page .news-status.published{background:rgba(34,197,94,.16)!important;color:#bbf7d0!important;}
body.aktuelles-page .news-status.draft{background:rgba(250,204,21,.16)!important;color:#fde68a!important;}
body.aktuelles-page .news-status.archived{background:rgba(100,116,139,.18)!important;color:#cbd5e1!important;}
body.aktuelles-page .news-card h2{
  margin:0!important;
  color:#fff!important;
  font-size:1.35rem!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
body.aktuelles-page .news-card p{
  margin:0!important;
  color:#cbd5e1!important;
  line-height:1.45!important;
}
body.aktuelles-page .news-card-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  margin-top:4px!important;
}
body.aktuelles-page .news-card-actions form{
  margin:0!important;
}
body.aktuelles-page .news-empty{
  display:grid!important;
  gap:12px!important;
  place-items:start!important;
  padding:30px!important;
}
body.aktuelles-page .news-modal.open,
body.aktuelles-page .news-modal.show,
body.aktuelles-page .news-modal.is-open{
  display:flex!important;
  z-index:99999!important;
}
body.aktuelles-page .news-article-box,
body.aktuelles-page .news-editor-box{
  width:min(980px,calc(100vw - 32px))!important;
  max-height:90vh!important;
  overflow:auto!important;
  border-radius:34px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.99))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 40px 110px rgba(0,0,0,.58)!important;
}
body.aktuelles-page .news-article-image{
  min-height:280px!important;
  display:grid!important;
  place-items:center!important;
  background:radial-gradient(circle at 20% 20%,rgba(250,204,21,.18),transparent 40%),rgba(15,23,42,.9)!important;
  overflow:hidden!important;
}
body.aktuelles-page .news-article-image img{
  width:100%!important;
  height:360px!important;
  object-fit:cover!important;
}
body.aktuelles-page .news-article-image span{
  font-size:5rem!important;
}
body.aktuelles-page .news-article-content{
  display:grid!important;
  gap:14px!important;
  padding:26px 30px 32px!important;
}
body.aktuelles-page .news-article-content h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(1.7rem,3vw,3rem)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
body.aktuelles-page .news-lead{
  margin:0!important;
  color:#fde68a!important;
  font-weight:900!important;
  font-size:1.05rem!important;
}
body.aktuelles-page .news-fulltext{
  color:#e5e7eb!important;
  line-height:1.65!important;
  font-size:1rem!important;
}
body.aktuelles-page .news-editor-box{
  padding:26px!important;
}
body.aktuelles-page .news-editor-box h2{
  color:#fff!important;
  margin:4px 0 18px!important;
}
body.aktuelles-page .news-editor-form{
  display:grid!important;
  gap:14px!important;
}
body.aktuelles-page .news-editor-form label{
  display:grid!important;
  gap:7px!important;
  color:#dbeafe!important;
  font-weight:900!important;
}
body.aktuelles-page .news-editor-form input,
body.aktuelles-page .news-editor-form select,
body.aktuelles-page .news-editor-form textarea{
  width:100%!important;
  min-height:46px!important;
  border-radius:16px!important;
  padding:11px 13px!important;
  color:#fff!important;
  background:rgba(2,6,23,.78)!important;
  border:1px solid rgba(148,163,184,.18)!important;
}
body.aktuelles-page .news-editor-form textarea{
  min-height:180px!important;
  resize:vertical!important;
}
@media(max-width:760px){
  body.aktuelles-page .aktuelles-hero{
    grid-template-columns:1fr!important;
    padding:22px!important;
  }
  body.aktuelles-page .news-grid{
    grid-template-columns:1fr!important;
  }
}


/* CampOrga v166 – OpenStreetMap Reisekarte */
.camp-map-card{
  overflow:hidden!important;
  padding:0!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(34,197,94,.14),transparent 32%),
    radial-gradient(circle at 88% 8%,rgba(59,130,246,.16),transparent 34%),
    linear-gradient(180deg,rgba(15,23,42,.90),rgba(2,6,23,.96))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.28)!important;
  margin-bottom:18px!important;
}
.camp-map-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
  padding:22px 24px 18px!important;
  border-bottom:1px solid rgba(148,163,184,.10)!important;
}
.camp-map-head h2{
  margin:3px 0 7px!important;
  color:#fff!important;
  font-size:1.65rem!important;
  letter-spacing:-.035em!important;
}
.camp-map-head p{
  margin:0!important;
  color:#cbd5e1!important;
  max-width:780px!important;
}
.camp-map-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.camp-map-help{
  margin:0 24px 18px!important;
  padding:13px 15px!important;
  display:grid!important;
  gap:5px!important;
  border-radius:18px!important;
  background:rgba(250,204,21,.10)!important;
  border:1px solid rgba(250,204,21,.22)!important;
  color:#e5e7eb!important;
}
.camp-map-help code{
  color:#fde68a!important;
  font-weight:1000!important;
}
.camp-map-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  min-height:520px!important;
}
.camp-route-map{
  width:100%!important;
  min-height:520px!important;
  height:clamp(520px,58vh,760px)!important;
  background:#111827!important;
  z-index:1!important;
}
.camp-map-side{
  display:grid!important;
  align-content:start!important;
  gap:12px!important;
  padding:20px!important;
  background:rgba(2,6,23,.62)!important;
  border-left:1px solid rgba(148,163,184,.12)!important;
}
.camp-map-side > strong{
  color:#fff!important;
  font-size:1.2rem!important;
  letter-spacing:-.02em!important;
}
.camp-map-side > span{
  color:#94a3b8!important;
  line-height:1.35!important;
}
.camp-map-legend{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:8px 10px!important;
  align-items:center!important;
  margin-top:4px!important;
}
.camp-map-legend i{
  width:30px!important;
  height:30px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-style:normal!important;
  font-weight:1000!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
}
.camp-map-legend span{
  color:#dbeafe!important;
  font-weight:850!important;
  font-size:.88rem!important;
}
.camp-map-legend .day,.camp-map-marker.day{background:linear-gradient(135deg,#f59e0b,#facc15)!important;color:#111827!important;}
.camp-map-legend .night,.camp-map-marker.night{background:linear-gradient(135deg,#312e81,#60a5fa)!important;}
.camp-map-legend .camp,.camp-map-marker.camp{background:linear-gradient(135deg,#15803d,#22c55e)!important;}
.camp-map-legend .general,.camp-map-marker.general{background:linear-gradient(135deg,#0f766e,#2dd4bf)!important;}
.camp-map-legend .stop,.camp-map-marker.stop{background:linear-gradient(135deg,#b91c1c,#fb7185)!important;}
.camp-map-empty{
  padding:13px!important;
  border-radius:18px!important;
  background:rgba(148,163,184,.10)!important;
  border:1px dashed rgba(148,163,184,.25)!important;
  color:#cbd5e1!important;
  line-height:1.42!important;
}
.camp-map-marker{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:1fr!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  border:3px solid rgba(255,255,255,.92)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.38)!important;
  color:#fff!important;
  font-family:inherit!important;
}
.camp-map-marker b{
  font-size:15px!important;
  line-height:1!important;
  font-weight:1000!important;
}
.camp-map-marker span{
  position:absolute!important;
  right:-6px!important;
  bottom:-6px!important;
  width:21px!important;
  height:21px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(2,6,23,.92)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  font-size:12px!important;
}
.camp-map-popup{
  min-width:230px!important;
  display:grid!important;
  gap:7px!important;
}
.camp-map-popup small{
  color:#64748b!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.camp-map-popup h3{
  margin:0!important;
  color:#0f172a!important;
  font-size:1.05rem!important;
}
.camp-map-popup p{
  margin:0!important;
  color:#334155!important;
}
.camp-map-popup div{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  align-items:center!important;
}
.camp-map-popup a{
  color:#2563eb!important;
  font-weight:900!important;
}
.map-coord-fields input{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
}
@media(max-width:1000px){
  .camp-map-head{display:grid!important;}
  .camp-map-shell{grid-template-columns:1fr!important;}
  .camp-map-side{border-left:0!important;border-top:1px solid rgba(148,163,184,.12)!important;}
}
@media(max-width:640px){
  .camp-map-head{padding:18px!important;}
  .camp-route-map{min-height:420px!important;height:420px!important;}
}


/* CampOrga v167 – Reiseplanung/Reisekarte Umschalter + Adress-Geocoding */
.trip-view-switch{
  display:inline-flex!important;
  gap:8px!important;
  align-items:center!important;
  padding:8px!important;
  border-radius:22px!important;
  margin-bottom:18px!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.14)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.20)!important;
}
.trip-view-switch button{
  appearance:none!important;
  border:0!important;
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:16px!important;
  color:#cbd5e1!important;
  background:transparent!important;
  font-weight:1000!important;
  cursor:pointer!important;
}
.trip-view-switch button.is-active,
.trip-view-switch button.active{
  color:#111827!important;
  background:linear-gradient(135deg,#fde68a,#facc15)!important;
  box-shadow:0 10px 28px rgba(250,204,21,.22)!important;
}
.camp-map-help,
#campMapHelp{
  display:none!important;
}
.camp-map-status{
  padding:12px!important;
  border-radius:16px!important;
  color:#dbeafe!important;
  background:rgba(59,130,246,.10)!important;
  border:1px solid rgba(59,130,246,.20)!important;
  line-height:1.35!important;
  font-weight:850!important;
}
.news-current-image{
  display:grid!important;
  gap:7px!important;
  color:#94a3b8!important;
  font-size:.78rem!important;
  font-weight:800!important;
}
.news-current-image img{
  width:160px!important;
  height:82px!important;
  object-fit:cover!important;
  border-radius:14px!important;
  border:1px solid rgba(148,163,184,.18)!important;
}
body.aktuelles-page .news-editor-form input[type="file"]{
  padding:10px!important;
}

.map-coord-fields{display:none!important;}

/* CampOrga v171 – Reisekarte-Schalter im Kartenkasten + klare Kostenfelder */
.map-side-switch{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  padding:8px!important;
  margin:0 0 8px!important;
  border-radius:20px!important;
  background:rgba(15,23,42,.82)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20)!important;
}
.map-side-switch button,
.trip-route-switch button{
  min-height:40px!important;
  border-radius:14px!important;
  padding:0 12px!important;
  white-space:nowrap!important;
}
.trip-route-switch{
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 18px auto!important;
}
.camp-map-side .trip-view-switch.card,
.camp-map-side .trip-view-switch{
  box-sizing:border-box!important;
}
.location-cost-row{
  align-items:stretch!important;
}
.location-cost-row label{
  min-height:78px!important;
  border-radius:18px!important;
  background:rgba(250,204,21,.08)!important;
  border:1px solid rgba(250,204,21,.20)!important;
  padding:12px!important;
}
.location-cost-row input[name="cost_eur"]{
  font-size:1.05rem!important;
  font-weight:1000!important;
}
.location-cost-note{
  display:grid!important;
  align-content:center!important;
  gap:4px!important;
  min-height:78px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  background:rgba(59,130,246,.08)!important;
  border:1px solid rgba(59,130,246,.16)!important;
  color:#cbd5e1!important;
}
.location-cost-note b{
  color:#fff!important;
  font-size:.92rem!important;
}
.location-cost-note span{
  color:#94a3b8!important;
  font-size:.82rem!important;
  line-height:1.35!important;
}
.co-location-main-fields input[readonly]{
  opacity:1!important;
  color:#fde68a!important;
  font-weight:1000!important;
  cursor:not-allowed!important;
}
.compact-add-amenities .costpill{display:none!important;}
@media(max-width:900px){
  .trip-route-switch{width:100%!important;margin:0 0 14px!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
  .location-cost-row{grid-template-columns:1fr!important;}
}

/* CampOrga v172 – nahe Kartenpunkte auffächern */


/* CampOrga v173 – Karte: Mausrad-Zoom, Tagesfarben, moderne Standort-Popups */
.camp-map-marker{
  background:var(--camp-day-color,#facc15)!important;
  color:#fff!important;
}
.camp-map-marker b{
  display:none!important;
}
.camp-map-marker span{
  position:static!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  place-items:center!important;
  font-size:19px!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.38))!important;
}
.camp-map-marker.daycolor-1{--camp-day-color:linear-gradient(135deg,#f59e0b,#facc15);}
.camp-map-marker.daycolor-2{--camp-day-color:linear-gradient(135deg,#2563eb,#60a5fa);}
.camp-map-marker.daycolor-3{--camp-day-color:linear-gradient(135deg,#16a34a,#4ade80);}
.camp-map-marker.daycolor-4{--camp-day-color:linear-gradient(135deg,#dc2626,#fb7185);}
.camp-map-marker.daycolor-5{--camp-day-color:linear-gradient(135deg,#7c3aed,#c084fc);}
.camp-map-marker.daycolor-6{--camp-day-color:linear-gradient(135deg,#0891b2,#22d3ee);}
.camp-map-marker.daycolor-7{--camp-day-color:linear-gradient(135deg,#be123c,#f472b6);}
.camp-map-marker.daycolor-8{--camp-day-color:linear-gradient(135deg,#0f766e,#2dd4bf);}
.camp-map-marker.daycolor-9{--camp-day-color:linear-gradient(135deg,#ea580c,#fdba74);}
.camp-map-marker.daycolor-10{--camp-day-color:linear-gradient(135deg,#4338ca,#818cf8);}
.camp-map-marker.daycolor-11{--camp-day-color:linear-gradient(135deg,#65a30d,#bef264);}
.camp-map-marker.daycolor-12{--camp-day-color:linear-gradient(135deg,#334155,#94a3b8);}

.camp-modern-popup .leaflet-popup-content-wrapper{
  padding:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:rgba(15,23,42,.98)!important;
  color:#e5e7eb!important;
  box-shadow:0 24px 80px rgba(0,0,0,.42)!important;
  border:1px solid rgba(148,163,184,.18)!important;
}
.camp-modern-popup .leaflet-popup-content{
  margin:0!important;
  width:290px!important;
}
.camp-modern-popup .leaflet-popup-tip{
  background:rgba(15,23,42,.98)!important;
}
.camp-map-popup.modern{
  position:relative!important;
  display:grid!important;
  gap:10px!important;
  padding:16px!important;
  min-width:270px!important;
  border-top:5px solid #facc15!important;
}
.camp-map-popup.modern.daycolor-1{border-top-color:#facc15!important;}
.camp-map-popup.modern.daycolor-2{border-top-color:#60a5fa!important;}
.camp-map-popup.modern.daycolor-3{border-top-color:#4ade80!important;}
.camp-map-popup.modern.daycolor-4{border-top-color:#fb7185!important;}
.camp-map-popup.modern.daycolor-5{border-top-color:#c084fc!important;}
.camp-map-popup.modern.daycolor-6{border-top-color:#22d3ee!important;}
.camp-map-popup.modern.daycolor-7{border-top-color:#f472b6!important;}
.camp-map-popup.modern.daycolor-8{border-top-color:#2dd4bf!important;}
.camp-map-popup.modern.daycolor-9{border-top-color:#fdba74!important;}
.camp-map-popup.modern.daycolor-10{border-top-color:#818cf8!important;}
.camp-map-popup.modern.daycolor-11{border-top-color:#bef264!important;}
.camp-map-popup.modern.daycolor-12{border-top-color:#94a3b8!important;}
.camp-map-popup.modern .popup-top{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  align-items:center!important;
}
.camp-map-popup.modern .popup-day,
.camp-map-popup.modern .popup-type{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(148,163,184,.14)!important;
  color:#dbeafe!important;
  font-size:.75rem!important;
  font-weight:1000!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.camp-map-popup.modern h3{
  margin:0!important;
  color:#fff!important;
  font-size:1.18rem!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}
.camp-map-popup.modern p{
  margin:0!important;
  color:#cbd5e1!important;
  line-height:1.4!important;
}
.camp-map-popup.modern .popup-date{
  color:#94a3b8!important;
  font-size:.86rem!important;
  font-weight:900!important;
}
.camp-map-popup.modern .popup-address{
  padding:10px!important;
  border-radius:14px!important;
  background:rgba(2,6,23,.45)!important;
  border:1px solid rgba(148,163,184,.14)!important;
}
.camp-map-popup.modern .popup-info{
  color:#e5e7eb!important;
}
.camp-map-popup.modern .popup-bottom{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
  padding-top:4px!important;
}
.camp-map-popup.modern .popup-bottom b{
  color:#fde68a!important;
  font-size:1rem!important;
}
.camp-map-popup.modern .map-popup-link{
  color:#93c5fd!important;
  font-weight:1000!important;
  text-decoration:none!important;
}

/* CampOrga v174 – Admin Listen Vorlagen optisch 1:1 wie normale Listen Vorlagen */
body.list-templates-admin-v148.list-templates-page .co-list-hero,
body.list-templates-admin-v148 .co-list-hero.lt-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:18px!important;
  margin-top:16px!important;
  margin-bottom:14px!important;
  align-items:stretch!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.list-templates-admin-v148 .co-list-hero-copy{
  padding:28px!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,rgba(250,204,21,.16),rgba(30,58,96,.58) 50%,rgba(7,12,26,.96))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.30)!important;
  overflow:hidden!important;
  position:relative!important;
}
body.list-templates-admin-v148 .co-list-hero-copy:after{
  content:""!important;
  position:absolute!important;
  right:-70px!important;
  top:-85px!important;
  width:260px!important;
  height:260px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(250,204,21,.18),transparent 68%)!important;
  pointer-events:none!important;
}
body.list-templates-admin-v148 .co-list-hero-copy h1{
  margin:6px 0 12px!important;
  font-size:clamp(32px,4.4vw,54px)!important;
  letter-spacing:-.045em!important;
  line-height:1!important;
  color:#fff!important;
  position:relative!important;
  z-index:1!important;
}
body.list-templates-admin-v148 .co-list-hero-copy p:not(.eyebrow){
  color:#cbd5e1!important;
  max-width:780px!important;
  position:relative!important;
  z-index:1!important;
}
body.list-templates-admin-v148 .co-list-actions,
body.list-templates-admin-v148 .co-list-stats{
  position:relative!important;
  z-index:1!important;
}
body.list-templates-admin-v148 .co-lists-layout{
  display:grid!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.list-templates-admin-v148 .co-list-sidebar{
  width:320px!important;
  min-width:320px!important;
  max-width:320px!important;
  border-radius:28px!important;
  padding:14px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(10,16,30,.92))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  overflow:visible!important;
}
body.list-templates-admin-v148 .co-list-sidebar .co-sidebar-title{
  font-weight:1000!important;
  color:#fff!important;
  margin:4px 6px 12px!important;
}
body.list-templates-admin-v148 .co-list-nav{
  display:grid!important;
  gap:7px!important;
}
body.list-templates-admin-v148 .co-list-nav button{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  min-height:50px!important;
  padding:8px 10px!important;
  width:100%!important;
  overflow:visible!important;
  text-align:left!important;
  border-radius:16px!important;
}
body.list-templates-admin-v148 .co-list-nav .co-nav-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
}
body.list-templates-admin-v148 .co-list-nav .co-nav-copy strong{
  display:block!important;
  width:100%!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.18!important;
  font-weight:1000!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.list-templates-admin-v148 .co-list-panel{
  display:none!important;
  border-radius:30px!important;
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(10,16,30,.92))!important;
  border:1px solid rgba(148,163,184,.16)!important;
}
body.list-templates-admin-v148 .co-list-panel.active{display:block!important;}
body.list-templates-admin-v148 .lt-items{padding:12px!important;gap:7px!important;display:grid!important;}
body.list-templates-admin-v148 .lt-item{
  display:grid!important;
  grid-template-columns:minmax(220px,1.22fr) minmax(130px,.62fr) minmax(128px,.62fr) 72px 72px 72px 84px 32px!important;
  gap:6px!important;
  align-items:center!important;
  padding:7px!important;
  border-radius:15px!important;
  background:rgba(2,8,23,.45)!important;
  border:1px solid rgba(148,163,184,.13)!important;
}
body.list-templates-admin-v148 .lt-item:hover{border-color:rgba(250,204,21,.22)!important;background:rgba(15,23,42,.72)!important;}
body.list-templates-admin-v148 .lt-item input,
body.list-templates-admin-v148 .lt-item select,
body.list-templates-admin-v148 .lt-item .btn{
  min-height:34px!important;
  height:34px!important;
  border-radius:11px!important;
  padding:6px 10px!important;
  font-size:.88rem!important;
}
body.list-templates-admin-v148 .lt-item .btn.danger{width:32px!important;min-width:32px!important;padding:0!important;}
@media(max-width:1120px){
  body.list-templates-admin-v148 .co-list-hero,
  body.list-templates-admin-v148 .co-lists-layout{grid-template-columns:1fr!important;}
  body.list-templates-admin-v148 .co-list-sidebar{position:relative!important;top:auto!important;width:100%!important;min-width:0!important;max-width:none!important;}
  body.list-templates-admin-v148 .lt-item{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:760px){
  body.list-templates-admin-v148 .lt-item{grid-template-columns:1fr!important;}
}

/* CampOrga v174 – Sidebar Logo Hover final: keine Größen-/Layoutänderung, nur Glow */
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:link,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:visited,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:hover,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:focus,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:active{
  display:flex!important;
  width:100%!important;
  height:84px!important;
  min-height:84px!important;
  max-height:84px!important;
  padding:12px 14px 12px 16px!important;
  margin:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  transform:none!important;
  translate:0 0!important;
  scale:1!important;
  inset:auto!important;
  position:relative!important;
  line-height:0!important;
  background:transparent!important;
  border:0!important;
  transition:filter .18s ease, box-shadow .18s ease!important;
  filter:none!important;
}
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:hover{
  filter:drop-shadow(0 0 13px rgba(250,204,21,.24)) drop-shadow(0 0 18px rgba(59,130,246,.14))!important;
  box-shadow:inset 0 0 0 1px rgba(250,204,21,.10),0 0 24px rgba(250,204,21,.07)!important;
}
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo img,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:hover img,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:focus img,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:active img{
  display:block!important;
  width:232px!important;
  min-width:232px!important;
  max-width:232px!important;
  height:auto!important;
  min-height:0!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0 auto 0 0!important;
  padding:0!important;
  border:0!important;
  transform:none!important;
  translate:0 0!important;
  scale:1!important;
  transition:filter .18s ease!important;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))!important;
}
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:hover img{
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.35)) drop-shadow(0 0 13px rgba(250,204,21,.28))!important;
}
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo *,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:hover *{
  transform:none!important;
  translate:0 0!important;
  scale:1!important;
  width:auto;
}
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo::before{
  display:none!important;
  content:none!important;
}
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo::after{
  content:""!important;
  position:absolute!important;
  inset:10px 8px!important;
  border-radius:20px!important;
  background:radial-gradient(circle at 35% 50%,rgba(250,204,21,.20),rgba(59,130,246,.10) 45%,transparent 72%)!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:none!important;
  transition:opacity .18s ease!important;
  animation:none!important;
}
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:hover::after{
  opacity:1!important;
  animation:none!important;
}

/* CampOrga v175 – Modal-Layer Fix + edle kompakte An-/Abfahrt-Checklisten */
body.modal-open{
  overflow:hidden!important;
}
.modal.open,
.modal.show,
.modal.is-open{
  position:fixed!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:300000!important;
  background:rgba(2,6,23,.72)!important;
  backdrop-filter:blur(12px)!important;
}
.modal.open > .modalbox,
.modal.show > .modalbox,
.modal.is-open > .modalbox{
  position:relative!important;
  z-index:300010!important;
}
.modal[id^="modal-day-"].open,
.modal[id^="modal-day-"].show,
.modal[id^="modal-day-"].is-open{
  z-index:310000!important;
}
.modal[id^="modal-day-"] .daymodal{
  z-index:310010!important;
  box-shadow:0 42px 120px rgba(0,0,0,.72)!important;
}
.action-modal.open,
.action-modal.show,
.action-modal.is-open{
  z-index:300000!important;
}

#checklistChooseModal .checklist-choose-modal,
#checklistChooseModal .checklist-choose-polished{
  width:min(620px,calc(100vw - 28px))!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(250,204,21,.18),transparent 38%),
    radial-gradient(circle at 85% 12%,rgba(59,130,246,.16),transparent 34%),
    linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.99))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 38px 110px rgba(0,0,0,.62)!important;
}
#checklistChooseModal .modalhead{
  padding:20px 22px 14px!important;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
}
#checklistChooseModal .modalhead small{
  color:#facc15!important;
  font-weight:1000!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
#checklistChooseModal .modalhead h2{
  margin:3px 0 0!important;
  color:#fff!important;
  font-size:1.45rem!important;
  letter-spacing:-.035em!important;
}
#checklistChooseModal .checklist-choice-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  padding:16px!important;
  max-height:none!important;
  overflow:visible!important;
}
#checklistChooseModal .choice-card{
  position:relative!important;
  min-height:108px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:7px!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:linear-gradient(180deg,rgba(30,41,59,.76),rgba(15,23,42,.82))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 45px rgba(0,0,0,.24)!important;
  color:#fff!important;
  overflow:hidden!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
#checklistChooseModal .choice-card::after{
  content:""!important;
  position:absolute!important;
  inset:auto -20% -45% 35%!important;
  height:90px!important;
  border-radius:999px!important;
  background:rgba(250,204,21,.11)!important;
  filter:blur(18px)!important;
  pointer-events:none!important;
}
#checklistChooseModal .choice-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(250,204,21,.35)!important;
  box-shadow:0 24px 65px rgba(0,0,0,.34)!important;
}
#checklistChooseModal .choice-card b{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  color:#fff!important;
  font-size:1.08rem!important;
  line-height:1.15!important;
  margin:0!important;
}
#checklistChooseModal .choice-card small{
  position:relative!important;
  z-index:1!important;
  color:#cbd5e1!important;
  line-height:1.25!important;
  font-weight:750!important;
}

#tripChecklistModal .trip-checklist-modal,
#tripChecklistModal .compact-checklist-box,
#tripChecklistModal .checklist-run-polished{
  width:min(650px,calc(100vw - 28px))!important;
  max-height:min(82vh,760px)!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(250,204,21,.16),transparent 32%),
    radial-gradient(circle at 95% 12%,rgba(34,197,94,.12),transparent 32%),
    linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.99))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 38px 110px rgba(0,0,0,.62)!important;
}
#tripChecklistModal .modalhead{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:18px 22px 13px!important;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
}
#tripChecklistModal .modalhead small{
  color:#facc15!important;
  font-weight:1000!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
#tripChecklistModal .modalhead h2{
  color:#fff!important;
  margin:2px 0 0!important;
  font-size:1.35rem!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
#tripChecklistModal #tripChecklistItems,
#tripChecklistModal .trip-checklist-items{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:14px 16px!important;
  max-height:calc(min(82vh,760px) - 158px)!important;
  overflow:auto!important;
  scrollbar-width:none!important;
}
#tripChecklistModal #tripChecklistItems::-webkit-scrollbar,
#tripChecklistModal .trip-checklist-items::-webkit-scrollbar{
  display:none!important;
}
#tripChecklistModal #tripChecklistItems > label,
#tripChecklistModal .trip-check-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-height:50px!important;
  padding:8px 13px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(30,41,59,.68),rgba(15,23,42,.76))!important;
  border:1px solid rgba(148,163,184,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
#tripChecklistModal #tripChecklistItems > label:hover,
#tripChecklistModal .trip-check-row:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(250,204,21,.30)!important;
  background:linear-gradient(180deg,rgba(30,41,59,.84),rgba(15,23,42,.9))!important;
}
#tripChecklistModal #tripChecklistItems > label input[type="checkbox"],
#tripChecklistModal .trip-check-row input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  justify-self:center!important;
  border-radius:12px!important;
  border:2px solid rgba(148,163,184,.32)!important;
  background:rgba(2,6,23,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  cursor:pointer!important;
}
#tripChecklistModal #tripChecklistItems > label input[type="checkbox"]:checked,
#tripChecklistModal .trip-check-row input[type="checkbox"]:checked{
  border-color:transparent!important;
  background:linear-gradient(135deg,#22c55e,#16a34a)!important;
  box-shadow:0 8px 22px rgba(34,197,94,.22)!important;
}
#tripChecklistModal #tripChecklistItems > label input[type="checkbox"]:checked::after,
#tripChecklistModal .trip-check-row input[type="checkbox"]:checked::after{
  content:"✓"!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:1000!important;
  line-height:1!important;
}
#tripChecklistModal #tripChecklistItems > label span,
#tripChecklistModal .trip-check-row span{
  display:flex!important;
  align-items:center!important;
  min-height:30px!important;
  color:#e5e7eb!important;
  font-size:.94rem!important;
  line-height:1.25!important;
  font-weight:850!important;
  padding:0!important;
  margin:0!important;
}
#tripChecklistModal #tripChecklistItems > label:has(input:checked),
#tripChecklistModal .trip-check-row:has(input:checked){
  background:linear-gradient(180deg,rgba(22,101,52,.34),rgba(20,83,45,.24))!important;
  border-color:rgba(34,197,94,.28)!important;
}
#tripChecklistModal #tripChecklistItems > label:has(input:checked) span,
#tripChecklistModal .trip-check-row:has(input:checked) span{
  color:#bbf7d0!important;
  text-decoration:none!important;
}
#tripChecklistModal .trip-checklist-status{
  padding:7px 18px!important;
  color:#94a3b8!important;
  font-size:.78rem!important;
  font-weight:850!important;
  border-top:1px solid rgba(148,163,184,.10)!important;
  background:rgba(2,6,23,.28)!important;
}
#tripChecklistModal .modal-actions-bottom{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:9px!important;
  padding:12px 16px 16px!important;
  margin:0!important;
  border-top:1px solid rgba(148,163,184,.10)!important;
  background:rgba(2,6,23,.30)!important;
}
@media(max-width:640px){
  #checklistChooseModal .checklist-choice-grid{
    grid-template-columns:1fr!important;
  }
  #tripChecklistModal #tripChecklistItems > label,
  #tripChecklistModal .trip-check-row{
    min-height:48px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
  }
}

/* CampOrga v176 – Benutzerverwaltung edel + Modale repariert */
body.admin-users-v176 .admin-users-hero-v176{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:22px!important;
  align-items:center!important;
  padding:28px 30px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(250,204,21,.18),transparent 34%),
    radial-gradient(circle at 88% 8%,rgba(59,130,246,.16),transparent 34%),
    linear-gradient(135deg,rgba(15,23,42,.92),rgba(2,6,23,.96))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.28)!important;
  margin-bottom:18px!important;
}
body.admin-users-v176 .admin-users-hero-copy-v176 h1{
  margin:4px 0 8px!important;
  color:#fff!important;
  font-size:clamp(2rem,3.7vw,4.2rem)!important;
  line-height:.96!important;
  letter-spacing:-.06em!important;
}
body.admin-users-v176 .admin-users-hero-copy-v176 p{margin:0!important;color:#cbd5e1!important;max-width:760px!important;}
body.admin-users-v176 .admin-users-stats-v176{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(90px,1fr))!important;
  gap:10px!important;
}
body.admin-users-v176 .admin-users-stats-v176 div{
  min-width:104px!important;
  padding:15px 16px!important;
  border-radius:22px!important;
  background:rgba(2,6,23,.46)!important;
  border:1px solid rgba(148,163,184,.14)!important;
  text-align:center!important;
}
body.admin-users-v176 .admin-users-stats-v176 strong{display:block!important;color:#fff!important;font-size:1.8rem!important;line-height:1!important;}
body.admin-users-v176 .admin-users-stats-v176 span{display:block!important;margin-top:5px!important;color:#94a3b8!important;font-weight:900!important;font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.07em!important;}

body.admin-users-v176 .admin-user-toolbar-v176{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:16px!important;
  border-radius:26px!important;
  margin-bottom:18px!important;
  background:rgba(15,23,42,.70)!important;
  border:1px solid rgba(148,163,184,.13)!important;
}
body.admin-users-v176 .admin-user-search-v176{
  flex:1!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) 220px auto!important;
  gap:14px!important;
  align-items:end!important;
}
body.admin-users-v176 .admin-user-search-v176 label,
body.admin-users-v176 .admin-upload-form-v176 label,
body.admin-users-v176 .admin-users-form-v176 label{
  display:grid!important;
  gap:7px!important;
  color:#dbeafe!important;
  font-weight:900!important;
}
body.admin-users-v176 .admin-user-search-v176 label span{font-size:.78rem!important;color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.06em!important;}
body.admin-users-v176 input,
body.admin-users-v176 select{
  min-height:46px!important;
  border-radius:16px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(2,6,23,.70)!important;
  color:#fff!important;
  padding:10px 13px!important;
}
body.admin-users-v176 .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important;}
body.admin-users-v176 .admin-new-user-btn-v176{min-height:46px!important;padding-left:18px!important;padding-right:18px!important;}

body.admin-users-v176 .admin-user-layout-v176{
  display:grid!important;
  grid-template-columns:380px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.admin-users-v176 .admin-user-list-v176{
  position:sticky!important;
  top:96px!important;
  max-height:calc(100vh - 128px)!important;
  overflow:auto!important;
  padding:12px!important;
  border-radius:28px!important;
  display:grid!important;
  gap:9px!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.14)!important;
}
body.admin-users-v176 .admin-side-title-v176{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:6px 8px 10px!important;color:#fff!important;}
body.admin-users-v176 .admin-side-title-v176 span{color:#94a3b8!important;font-size:.82rem!important;font-weight:900!important;}
body.admin-users-v176 .admin-user-row-v176{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-areas:"avatar main" "avatar mini"!important;
  gap:4px 10px!important;
  align-items:center!important;
  padding:12px!important;
  border-radius:20px!important;
  text-decoration:none!important;
  color:#e5e7eb!important;
  background:rgba(2,6,23,.36)!important;
  border:1px solid rgba(148,163,184,.10)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
body.admin-users-v176 .admin-user-row-v176:hover,
body.admin-users-v176 .admin-user-row-v176.active{
  transform:translateY(-1px)!important;
  background:rgba(30,41,59,.72)!important;
  border-color:rgba(250,204,21,.34)!important;
}
body.admin-users-v176 .admin-user-avatar-v176{
  grid-area:avatar!important;
  width:42px!important;height:42px!important;border-radius:16px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,rgba(250,204,21,.95),rgba(59,130,246,.72))!important;
  color:#111827!important;font-weight:1000!important;box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
}
body.admin-users-v176 .admin-user-avatar-v176.big{width:58px!important;height:58px!important;border-radius:20px!important;font-size:1.35rem!important;}
body.admin-users-v176 .admin-user-main-v176{grid-area:main!important;min-width:0!important;}
body.admin-users-v176 .admin-user-main-v176 strong{display:block!important;color:#fff!important;font-size:.92rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.admin-users-v176 .admin-user-main-v176 small{display:block!important;color:#94a3b8!important;font-weight:850!important;margin-top:3px!important;}
body.admin-users-v176 .admin-user-mini-v176{grid-area:mini!important;display:flex!important;gap:7px!important;flex-wrap:wrap!important;}
body.admin-users-v176 .admin-user-mini-v176 em{font-style:normal!important;font-size:.72rem!important;color:#cbd5e1!important;background:rgba(148,163,184,.11)!important;padding:4px 7px!important;border-radius:999px!important;}

body.admin-users-v176 .admin-user-detail-v176{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
body.admin-users-v176 .admin-user-profile-v176{grid-column:1/-1!important;padding:22px!important;border-radius:30px!important;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.88))!important;border:1px solid rgba(148,163,184,.14)!important;}
body.admin-users-v176 .admin-profile-top-v176{display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:flex-start!important;}
body.admin-users-v176 .admin-profile-title-v176{display:flex!important;gap:14px!important;align-items:center!important;min-width:0!important;}
body.admin-users-v176 .admin-profile-title-v176 h2{margin:2px 0 4px!important;color:#fff!important;font-size:1.45rem!important;overflow-wrap:anywhere!important;}
body.admin-users-v176 .admin-profile-title-v176 p{margin:0!important;color:#94a3b8!important;}
body.admin-users-v176 .admin-user-actions-v176{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
body.admin-users-v176 .admin-user-actions-v176 form{margin:0!important;}
body.admin-users-v176 .admin-user-kpis-v176{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:18px!important;}
body.admin-users-v176 .admin-user-kpis-v176 div{padding:14px!important;border-radius:20px!important;background:rgba(2,6,23,.42)!important;border:1px solid rgba(148,163,184,.12)!important;}
body.admin-users-v176 .admin-user-kpis-v176 b{display:block!important;color:#fff!important;font-size:1.25rem!important;}
body.admin-users-v176 .admin-user-kpis-v176 span{display:block!important;color:#94a3b8!important;font-weight:900!important;margin-top:4px!important;}

body.admin-users-v176 .admin-card-v176{padding:20px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(2,6,23,.86))!important;border:1px solid rgba(148,163,184,.14)!important;display:grid!important;gap:16px!important;}
body.admin-users-v176 .admin-card-head-v176{display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:flex-start!important;}
body.admin-users-v176 .admin-card-head-v176 h2{margin:0 0 6px!important;color:#fff!important;font-size:1.25rem!important;}
body.admin-users-v176 .admin-card-head-v176 p{margin:0!important;color:#94a3b8!important;line-height:1.35!important;}
body.admin-users-v176 .admin-card-icon-v176{width:42px!important;height:42px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:rgba(250,204,21,.12)!important;border:1px solid rgba(250,204,21,.20)!important;}
body.admin-users-v176 .admin-upload-form-v176{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;align-items:end!important;}
body.admin-users-v176 .admin-upload-form-v176 .admin-button-row-v176{grid-column:1/-1!important;}
body.admin-users-v176 .admin-clear-form-v176{margin:0!important;}
body.admin-users-v176 .admin-button-row-v176,
body.admin-users-v176 .admin-row-actions-v176{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important;}
body.admin-users-v176 .admin-card-v176 .btn.wide{width:100%!important;min-height:46px!important;}

body.admin-users-v176 .admin-users-modal-v176{align-items:center!important;justify-content:center!important;padding:22px!important;z-index:100000!important;}
body.admin-users-v176 .admin-users-modal-v176.open,
body.admin-users-v176 .admin-users-modal-v176.show,
body.admin-users-v176 .admin-users-modal-v176.is-open{display:flex!important;}
body.admin-users-v176 .admin-users-modalbox-v176{
  position:relative!important;
  width:min(980px,calc(100vw - 36px))!important;
  max-height:88vh!important;
  overflow:auto!important;
  padding:24px!important;
  border-radius:32px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.99))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 42px 120px rgba(0,0,0,.58)!important;
  color:#e5e7eb!important;
}
body.admin-users-v176 .admin-users-modal-sm-v176{width:min(520px,calc(100vw - 36px))!important;}
body.admin-users-v176 .admin-users-modal-lg-v176{width:min(1060px,calc(100vw - 36px))!important;}
body.admin-users-v176 .admin-users-modalbox-v176 .modal-close{position:absolute!important;right:16px!important;top:14px!important;width:38px!important;height:38px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:rgba(148,163,184,.12)!important;color:#fff!important;border:1px solid rgba(148,163,184,.18)!important;}
body.admin-users-v176 .admin-modal-head-v176{padding-right:44px!important;margin-bottom:16px!important;}
body.admin-users-v176 .admin-modal-head-v176 h2{margin:3px 0 6px!important;color:#fff!important;overflow-wrap:anywhere!important;}
body.admin-users-v176 .admin-modal-head-v176 p{margin:0!important;color:#94a3b8!important;}
body.admin-users-v176 .admin-users-form-v176{display:grid!important;gap:14px!important;margin-top:16px!important;}
body.admin-users-v176 .admin-modal-list-v176{display:grid!important;gap:10px!important;max-height:62vh!important;overflow:auto!important;padding-right:4px!important;}
body.admin-users-v176 .admin-trip-row-v176,
body.admin-users-v176 .admin-file-row-v176{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:14px!important;border-radius:20px!important;background:rgba(15,23,42,.62)!important;border:1px solid rgba(148,163,184,.13)!important;}
body.admin-users-v176 .admin-trip-row-v176 strong,
body.admin-users-v176 .admin-file-row-v176 strong{display:block!important;color:#fff!important;line-height:1.2!important;}
body.admin-users-v176 .admin-trip-row-v176 small,
body.admin-users-v176 .admin-file-row-v176 small{display:block!important;color:#94a3b8!important;margin-top:5px!important;line-height:1.35!important;}
body.admin-users-v176 .admin-row-actions-v176 form{margin:0!important;}
body.admin-users-v176 .admin-empty-v176{padding:18px!important;border-radius:20px!important;background:rgba(148,163,184,.08)!important;border:1px dashed rgba(148,163,184,.22)!important;color:#cbd5e1!important;}

@media(max-width:1100px){
  body.admin-users-v176 .admin-user-layout-v176{grid-template-columns:1fr!important;}
  body.admin-users-v176 .admin-user-list-v176{position:relative!important;top:auto!important;max-height:none!important;}
  body.admin-users-v176 .admin-user-detail-v176{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  body.admin-users-v176 .admin-users-hero-v176,
  body.admin-users-v176 .admin-user-toolbar-v176,
  body.admin-users-v176 .admin-profile-top-v176{display:grid!important;grid-template-columns:1fr!important;}
  body.admin-users-v176 .admin-users-stats-v176,
  body.admin-users-v176 .admin-user-search-v176,
  body.admin-users-v176 .admin-user-kpis-v176,
  body.admin-users-v176 .admin-upload-form-v176{grid-template-columns:1fr!important;}
  body.admin-users-v176 .admin-trip-row-v176,
  body.admin-users-v176 .admin-file-row-v176{grid-template-columns:1fr!important;}
}


/* CampOrga v177 – finale Logo-Hover-Entschärfung: kein Kasten, kein Resize, nur Bild-Glanz */
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:link,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:visited,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:hover,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:focus,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:active{
  width:100%!important;
  height:84px!important;
  min-height:84px!important;
  max-height:84px!important;
  padding:12px 14px 12px 16px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  filter:none!important;
  transition:none!important;
}
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo::before,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  animation:none!important;
  background:none!important;
  box-shadow:none!important;
}
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo img,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:hover img,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:focus img,
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:active img{
  width:232px!important;
  min-width:232px!important;
  max-width:232px!important;
  height:auto!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transition:filter .22s ease!important;
}
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo:hover img{
  filter:brightness(1.18) contrast(1.04) saturate(1.08)!important;
}
html body.has-sidebar .app-shell aside.sidebar > a.sidebrand.sidebrand-logo *{
  transform:none!important;
  translate:none!important;
  scale:1!important;
}

/* CampOrga v177 – Tag-bearbeiten Modal garantiert über dem Plus-Modal */
html body.trip-page .modal[id^="modal-day-"].open,
html body.trip-page .modal[id^="modal-day-"].show,
html body.trip-page .modal[id^="modal-day-"].is-open{
  display:flex!important;
  z-index:999999!important;
  pointer-events:auto!important;
}
html body.trip-page .modal[id^="modal-day-"] .modalbox{
  z-index:1000000!important;
}
html body.trip-page .action-modal.closing{
  display:none!important;
  pointer-events:none!important;
}

/* CampOrga v177 – Newsletter-Formular klarer */
.newsletter-admin-form textarea[name="html_body"]{
  min-height:360px!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.newsletter-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}


/* CampOrga v178 – Registrierung bestätigen */
.camporga-confirm-v178 .confirm-card-v178{
  text-align:center!important;
  max-width:560px!important;
  margin:auto!important;
}
.camporga-confirm-v178 .confirm-card-v178 h1{
  color:#fff!important;
  letter-spacing:-.035em!important;
}


/* CampOrga v179 – Mailbestätigung / Account-Lifecycle */
.profile-mail-status,
.admin-confirm-status-v179{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  padding:14px 16px!important;
  margin:0 0 16px!important;
  border-radius:18px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(15,23,42,.58)!important;
}
.profile-mail-status div,
.admin-confirm-status-v179{
  min-width:0!important;
}
.profile-mail-status strong,
.admin-confirm-status-v179 strong{
  display:block!important;
  color:#fff!important;
  font-weight:1000!important;
}
.profile-mail-status span,
.admin-confirm-status-v179 span{
  display:block!important;
  color:#cbd5e1!important;
  line-height:1.35!important;
  margin-top:3px!important;
}
.profile-mail-status em{
  color:#fde68a!important;
  font-style:normal!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.profile-mail-status.confirmed,
.admin-confirm-status-v179.ok{
  background:rgba(34,197,94,.10)!important;
  border-color:rgba(34,197,94,.24)!important;
}
.profile-mail-status.open,
.admin-confirm-status-v179.open{
  background:rgba(250,204,21,.10)!important;
  border-color:rgba(250,204,21,.24)!important;
}
.admin-mail-confirm-badge{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  min-height:22px!important;
  padding:0 8px!important;
  margin-top:4px!important;
  border-radius:999px!important;
  font-style:normal!important;
  font-size:11px!important;
  font-weight:1000!important;
}
.admin-mail-confirm-badge.ok{
  color:#bbf7d0!important;
  background:rgba(34,197,94,.14)!important;
}
.admin-mail-confirm-badge.open{
  color:#fde68a!important;
  background:rgba(250,204,21,.14)!important;
}
.login-confirm-modal{
  position:fixed!important;
  inset:0!important;
  z-index:100000!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
  background:rgba(2,6,23,.72)!important;
  backdrop-filter:blur(14px)!important;
}
.login-confirm-box{
  width:min(560px,calc(100vw - 32px))!important;
  padding:26px!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.99))!important;
  border:1px solid rgba(250,204,21,.20)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.55)!important;
}
.login-confirm-box h2{
  color:#fff!important;
  margin:6px 0 12px!important;
  font-size:1.65rem!important;
  letter-spacing:-.035em!important;
}
.login-confirm-box p{
  color:#dbeafe!important;
  line-height:1.55!important;
}
.login-confirm-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:18px!important;
}


/* CampOrga v180 – User-Audit, Login-IP und Systemmails */
.admin-user-audit-v180{
  grid-column:1/-1!important;
}
.admin-audit-grid-v180{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:14px 0!important;
}
.admin-audit-grid-v180 > div{
  padding:13px!important;
  border-radius:16px!important;
  background:rgba(15,23,42,.52)!important;
  border:1px solid rgba(148,163,184,.14)!important;
}
.admin-audit-grid-v180 strong{
  display:block!important;
  color:#94a3b8!important;
  font-size:.78rem!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.admin-audit-grid-v180 span{
  display:block!important;
  color:#fff!important;
  font-weight:1000!important;
  margin-top:4px!important;
  overflow-wrap:anywhere!important;
}
.admin-mail-log-v180{
  display:grid!important;
  gap:8px!important;
}
.admin-mail-row-v180{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  align-items:center!important;
  padding:12px!important;
  border-radius:16px!important;
  background:rgba(15,23,42,.42)!important;
  border:1px solid rgba(148,163,184,.12)!important;
}
.admin-mail-row-v180 strong{
  display:block!important;
  color:#fff!important;
  font-weight:950!important;
  line-height:1.2!important;
}
.admin-mail-row-v180 span{
  display:block!important;
  color:#94a3b8!important;
  font-size:.82rem!important;
  margin-top:3px!important;
}
.admin-mail-row-v180 em{
  font-style:normal!important;
  font-weight:1000!important;
  border-radius:999px!important;
  padding:5px 9px!important;
  white-space:nowrap!important;
}
.admin-mail-row-v180.ok em{
  color:#bbf7d0!important;
  background:rgba(34,197,94,.13)!important;
}
.admin-mail-row-v180.fail em{
  color:#fecaca!important;
  background:rgba(239,68,68,.13)!important;
}
@media(max-width:900px){
  .admin-audit-grid-v180{
    grid-template-columns:1fr!important;
  }
  .admin-mail-row-v180{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}


/* CampOrga v181 – Passwort vergessen / Reset */
.login-forgot-row-v181{
  display:flex!important;
  justify-content:flex-end!important;
  margin:-4px 0 8px!important;
}
.login-forgot-row-v181 a{
  color:#facc15!important;
  font-weight:900!important;
  font-size:.9rem!important;
  text-decoration:none!important;
}
.login-forgot-row-v181 a:hover{
  color:#fde68a!important;
  text-decoration:underline!important;
}
.camporga-forgot-v181 .login-card-v136,
.camporga-reset-v181 .login-card-v136{
  border-color:rgba(250,204,21,.20)!important;
}


/* CampOrga v183 – Footer-Links und öffentliche Rechtstexte */
.footer-legal-links-v183 a,
.legal-footer-v183 a{
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:3!important;
}
.public-legal-page .legal-shell{
  max-width:1040px!important;
  margin:0 auto!important;
  padding:34px 18px!important;
}
.public-legal-page .legal-card{
  padding:clamp(22px,4vw,44px)!important;
  line-height:1.65!important;
}
.public-legal-page .legal-card h1{
  font-size:clamp(36px,5vw,64px)!important;
  letter-spacing:-.05em!important;
  margin:0 0 18px!important;
}
.public-legal-page .legal-card h2{
  margin:30px 0 10px!important;
  font-size:clamp(22px,3vw,32px)!important;
  letter-spacing:-.025em!important;
}
.public-legal-page .legal-card p,
.public-legal-page .legal-card li{
  color:#dbeafe!important;
}
.public-legal-page .legal-card address{
  font-style:normal!important;
  padding:16px!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.52)!important;
  border:1px solid rgba(148,163,184,.16)!important;
}
.public-legal-page .legal-logo{
  display:inline-flex!important;
  margin-bottom:18px!important;
}
.public-legal-page .legal-logo img{
  max-width:220px!important;
  max-height:76px!important;
  object-fit:contain!important;
}


/* CampOrga v184 – Benutzer löschen / Bestätigungsmail erneut senden */
.admin-user-actions-v184{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
}
.admin-user-actions-v184 form{
  margin:0!important;
}
.admin-user-actions-v184 .btn{
  white-space:nowrap!important;
}
@media(max-width:760px){
  .admin-user-actions-v184{
    align-items:stretch!important;
  }
  .admin-user-actions-v184 form,
  .admin-user-actions-v184 .btn{
    width:100%!important;
  }
}


/* CampOrga v191 – Sidebar Workspace/Reise Sync */
.active-trip-card.is-empty{
  border-style:dashed!important;
  opacity:.92!important;
}
.active-trip-card.is-empty strong{
  color:#facc15!important;
}
.workspace-card-v191 strong{
  font-size:.88rem!important;
}
.side-workspace-section{
  margin-top:auto!important;
}


/* CampOrga v193 – stabiler Footer + Rechtstexte scrollen sauber */
body.has-sidebar .app-shell{
  min-height:100dvh!important;
}
body.has-sidebar .page-area{
  min-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
}
body.has-sidebar .page-area > main,
body.has-sidebar .page-area > .wrap{
  flex:1 0 auto!important;
}
body.has-sidebar .page-area > .footer{
  flex-shrink:0!important;
  width:100%!important;
  max-width:none!important;
  margin-top:auto!important;
  margin-bottom:0!important;
  padding:18px 22px 22px!important;
}
body.has-sidebar .footer .footer-card{
  max-width:1320px!important;
  margin:0 auto!important;
}

/* öffentliche Datenschutz-/Impressum-Seiten: keine kaputte Innenhöhe, normale Seite scrollt */
body.public-legal-page{
  min-height:100dvh!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.public-legal-page .legal-shell{
  min-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  padding-bottom:22px!important;
}
.public-legal-page .legal-card{
  flex:1 0 auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.public-legal-page .legal-footer-v183{
  flex-shrink:0!important;
  margin-top:24px!important;
  margin-bottom:0!important;
}


/* CampOrga v194 – Support-Chat feste Fensterhöhe + Fahrzeug-Energie erweitert */
.support-chat-v142 .support-shell-v142{
  height:calc(100dvh - 178px)!important;
  min-height:560px!important;
  max-height:calc(100dvh - 178px)!important;
  display:grid!important;
  overflow:hidden!important;
}
.support-chat-v142 .support-chat-list,
.support-chat-v142 .support-chat-main{
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
.support-chat-v142 .support-chat-list{
  display:flex!important;
  flex-direction:column!important;
}
.support-chat-v142 .support-conv-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
}
.support-chat-v142 .support-conv-list::-webkit-scrollbar{display:none!important;}
.support-chat-v142 .support-chat-main{
  display:flex!important;
  flex-direction:column!important;
}
.support-chat-v142 .support-chat-top{
  flex:0 0 auto!important;
}
.support-chat-v142 .support-live-chat{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
}
.support-chat-v142 .support-live-chat::-webkit-scrollbar{display:none!important;}
.support-chat-v142 .support-composer{
  flex:0 0 auto!important;
}
.support-chat-v142 .support-msg,
.support-chat-v142 .chat-msg{
  max-width:min(780px,86%)!important;
}
@media(max-width:920px){
  .support-chat-v142 .support-shell-v142{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .support-chat-v142 .support-chat-list{
    max-height:320px!important;
  }
  .support-chat-v142 .support-live-chat{
    max-height:55dvh!important;
  }
}

/* Fahrzeugmodal: Verbrenner/Gas/Wasserstoff vs Elektro sauber beschriften */
#tripSettingsModal label:has([name="consumption_l_100km"])::after{
  content:"Diesel / Benzin / LPG / Wasserstoff"!important;
}
#tripSettingsModal:has(select[name="fuel_type"] option[value="elektro"]:checked) .fuel-field{
  display:none!important;
}
#tripSettingsModal:has(select[name="fuel_type"] option[value="diesel"]:checked) .electric-field,
#tripSettingsModal:has(select[name="fuel_type"] option[value="benzin"]:checked) .electric-field,
#tripSettingsModal:has(select[name="fuel_type"] option[value="lpg"]:checked) .electric-field,
#tripSettingsModal:has(select[name="fuel_type"] option[value="wasserstoff"]:checked) .electric-field,
#tripSettingsModal:has(select[name="fuel_type"] option[value="diesel"]:checked) .v74-electric-field,
#tripSettingsModal:has(select[name="fuel_type"] option[value="benzin"]:checked) .v74-electric-field,
#tripSettingsModal:has(select[name="fuel_type"] option[value="lpg"]:checked) .v74-electric-field,
#tripSettingsModal:has(select[name="fuel_type"] option[value="wasserstoff"]:checked) .v74-electric-field{
  display:none!important;
}
#tripSettingsModal:has(select[name="fuel_type"] option[value="lpg"]:checked) .fuel-field,
#tripSettingsModal:has(select[name="fuel_type"] option[value="wasserstoff"]:checked) .fuel-field{
  display:flex!important;
}


/* CampOrga v195 – Datenschutz/Impressum: Top-Dashboard-Button + hart normales Scrollen */
html:has(body.public-legal-page),
body.public-legal-page{
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  position:static!important;
}
body.public-legal-page{
  display:block!important;
  overscroll-behavior:auto!important;
}
body.public-legal-page .legal-shell{
  width:min(1040px,calc(100vw - 30px))!important;
  min-height:auto!important;
  height:auto!important;
  max-height:none!important;
  display:block!important;
  overflow:visible!important;
  margin:0 auto!important;
  padding:34px 18px 44px!important;
  box-sizing:border-box!important;
}
body.public-legal-page .legal-logo{
  display:flex!important;
  justify-content:center!important;
  margin:0 0 16px!important;
}
.legal-top-actions-v195{
  display:flex!important;
  justify-content:center!important;
  margin:0 0 22px!important;
  position:sticky!important;
  top:12px!important;
  z-index:20!important;
  pointer-events:auto!important;
}
.legal-dashboard-btn-v195{
  width:auto!important;
  max-width:100%!important;
  color:#111827!important;
  text-decoration:none!important;
  box-shadow:0 18px 45px rgba(250,204,21,.18)!important;
}
body.public-legal-page .legal-card{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  display:block!important;
}
body.public-legal-page .legal-footer-v183{
  position:static!important;
  display:block!important;
  height:auto!important;
  margin:24px auto 0!important;
  padding:0 0 10px!important;
}
body.public-legal-page.modal-open{
  overflow-y:auto!important;
}
@media(max-width:720px){
  .legal-top-actions-v195{
    position:static!important;
  }
  .legal-dashboard-btn-v195{
    width:100%!important;
    justify-content:center!important;
  }
}


/* CampOrga v196 – Legal-Seiten, Ticket-X und Listen-Erstellen-Modale */
body.public-legal-page.legal-imprint-page .legal-card,
body.public-legal-page.legal-privacy-page .legal-card{
  background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(2,6,23,.96))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.36)!important;
}
body.public-legal-page.legal-imprint-page .legal-card h1,
body.public-legal-page.legal-privacy-page .legal-card h1{
  color:#fff!important;
}
#ticketModal .ticket-x-v196,
#ticketModal .modal-close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  background:rgba(2,6,23,.88)!important;
  color:#fff!important;
  cursor:pointer!important;
  font-size:28px!important;
  line-height:1!important;
}
#ticketModal .modalbox{
  position:relative!important;
}

.co-create-list-modal-v196{
  z-index:2147483000!important;
  align-items:center!important;
  justify-content:center!important;
}
.co-create-list-box-v196{
  position:relative!important;
  width:min(620px,calc(100vw - 32px))!important;
  max-height:88dvh!important;
  overflow:auto!important;
  padding:0!important;
  border-radius:32px!important;
  border:1px solid rgba(148,163,184,.20)!important;
  background:
    radial-gradient(circle at 14% 0,rgba(250,204,21,.18),transparent 34%),
    radial-gradient(circle at 90% 8%,rgba(56,189,248,.13),transparent 30%),
    linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;
  box-shadow:0 34px 120px rgba(0,0,0,.62)!important;
}
.co-create-list-close-v196{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  z-index:4!important;
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:rgba(2,6,23,.72)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  color:#fff!important;
  font-size:28px!important;
  cursor:pointer!important;
}
.co-create-list-head-v196{
  padding:30px 76px 20px 28px!important;
  border-bottom:1px solid rgba(148,163,184,.13)!important;
}
.co-create-list-head-v196 h2{
  margin:4px 0 8px!important;
  font-size:clamp(30px,4vw,46px)!important;
  letter-spacing:-.05em!important;
  line-height:.95!important;
  color:#fff!important;
}
.co-create-list-head-v196 p{
  margin:0!important;
  color:#cbd5e1!important;
  line-height:1.5!important;
}
.co-create-list-form-v196{
  display:grid!important;
  gap:16px!important;
  padding:22px 28px 28px!important;
}
.co-create-list-form-v196 label{
  display:grid!important;
  gap:8px!important;
  color:#e5e7eb!important;
  font-weight:1000!important;
}
.co-create-list-form-v196 input{
  min-height:54px!important;
  border-radius:18px!important;
  background:rgba(2,6,23,.72)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  color:#fff!important;
  padding:14px 16px!important;
  font-size:16px!important;
}
.co-create-list-form-v196 input:focus{
  border-color:rgba(250,204,21,.55)!important;
  box-shadow:0 0 0 4px rgba(250,204,21,.11)!important;
}
.co-create-list-examples-v196{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  padding:12px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(148,163,184,.13)!important;
}
.co-create-list-examples-v196 span{
  color:#94a3b8!important;
  font-size:12px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
}
.co-create-list-examples-v196 b{
  color:#fde68a!important;
  background:rgba(250,204,21,.10)!important;
  border:1px solid rgba(250,204,21,.18)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:12px!important;
}
.co-create-list-actions-v196{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding-top:4px!important;
}
@media(max-width:640px){
  .co-create-list-head-v196{padding:26px 68px 18px 22px!important;}
  .co-create-list-form-v196{padding:20px 22px 24px!important;}
  .co-create-list-actions-v196{flex-direction:column-reverse!important;}
  .co-create-list-actions-v196 .btn{width:100%!important;justify-content:center!important;}
}


/* CampOrga v197 – Kategorien-Modal kompakt/dunkel + sichere Bedienung */
#categoryModal.category-modal-v197{
  z-index:2147482500!important;
  background:rgba(2,6,23,.76)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
#categoryModal.category-modal-v197 .category-manager-box-v197{
  width:min(680px,calc(100vw - 30px))!important;
  max-height:84dvh!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:28px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:
    radial-gradient(circle at 12% 0,rgba(250,204,21,.15),transparent 32%),
    linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.62)!important;
}
#categoryModal .category-head-v197{
  margin:0!important;
  padding:22px 72px 16px 22px!important;
  border-bottom:1px solid rgba(148,163,184,.14)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(15,23,42,.72))!important;
}
#categoryModal .category-head-v197 h2{
  margin:2px 0 6px!important;
  color:#fff!important;
  font-size:clamp(26px,3vw,36px)!important;
  letter-spacing:-.04em!important;
}
#categoryModal .category-head-v197 p{
  margin:0!important;
  color:#cbd5e1!important;
  line-height:1.4!important;
  font-size:13px!important;
}
#categoryModal .category-x-v197{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  border:1px solid rgba(148,163,184,.20)!important;
  background:rgba(2,6,23,.78)!important;
  color:#fff!important;
  cursor:pointer!important;
  z-index:5!important;
  font-size:26px!important;
}
#categoryModal .category-manager-list{
  display:grid!important;
  gap:9px!important;
  max-height:calc(84dvh - 178px)!important;
  overflow-y:auto!important;
  padding:16px 18px 18px!important;
  scrollbar-width:none!important;
  background:transparent!important;
}
#categoryModal .category-manager-list::-webkit-scrollbar{display:none!important;}
#categoryModal .category-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:8px!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.14)!important;
}
#categoryModal .category-row input[type="hidden"]{display:none!important;}
#categoryModal .category-row input{
  min-height:42px!important;
  border-radius:14px!important;
  background:rgba(2,6,23,.74)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#fff!important;
  padding:10px 12px!important;
}
#categoryModal .category-add{
  border-color:rgba(250,204,21,.25)!important;
  background:rgba(250,204,21,.07)!important;
}
#categoryModal .mini-delete{
  min-height:38px!important;
  padding:0 12px!important;
  border-radius:13px!important;
  border:1px solid rgba(248,113,113,.28)!important;
  background:rgba(239,68,68,.13)!important;
  color:#fecaca!important;
  font-weight:1000!important;
  cursor:pointer!important;
}
#categoryModal .mini-delete:hover{
  background:rgba(239,68,68,.24)!important;
  color:#fff!important;
}
#categoryModal .category-bulk-actions{
  position:sticky!important;
  bottom:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:8px -18px -18px!important;
  padding:14px 18px 16px!important;
  border-top:1px solid rgba(148,163,184,.14)!important;
  background:linear-gradient(0deg,rgba(2,6,23,.98),rgba(2,6,23,.88))!important;
}
#categoryModal.modal-locked{
  pointer-events:auto!important;
}
#newTripModal .premium-grid.two{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
@media(max-width:680px){
  #categoryModal.category-modal-v197 .category-manager-box-v197{
    width:calc(100vw - 18px)!important;
    max-height:88dvh!important;
    border-radius:22px!important;
  }
  #categoryModal .category-manager-list{
    max-height:calc(88dvh - 178px)!important;
  }
  #categoryModal .category-row{
    grid-template-columns:1fr!important;
  }
  #categoryModal .mini-delete{
    width:100%!important;
  }
  #newTripModal .premium-grid.two{
    grid-template-columns:1fr!important;
  }
}


/* CampOrga v198 – NUR Chatliste links wieder kompakt machen */
body.support-chat-v142 .support-conv-list{
  display:grid!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
  align-items:start!important;
  justify-items:stretch!important;
  gap:8px!important;
}
body.support-chat-v142 .support-conv-list .support-conv-card,
body.support-chat-v142 .support-conv-card{
  min-height:62px!important;
  height:auto!important;
  max-height:78px!important;
  align-self:start!important;
  grid-template-rows:auto!important;
  padding:10px!important;
}
body.support-chat-v142 .support-conv-card.group-card{
  min-height:62px!important;
  max-height:78px!important;
}
body.support-chat-v142 .support-conv-card .conv-main{
  min-height:0!important;
}
body.support-chat-v142 .support-conv-card .conv-main strong,
body.support-chat-v142 .support-conv-card .conv-main small{
  display:block!important;
  line-height:1.15!important;
}


/* CampOrga v199 – Datums-/Zeit-Kalenderbutton auf dunklem Hintergrund weiß */
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"]{
  color-scheme:dark!important;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator{
  filter:invert(1) brightness(1.75) contrast(1.08)!important;
  opacity:.95!important;
  cursor:pointer!important;
}
input[type="date"]::-webkit-calendar-picker-indicator:hover,
input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover,
input[type="month"]::-webkit-calendar-picker-indicator:hover,
input[type="week"]::-webkit-calendar-picker-indicator:hover,
input[type="time"]::-webkit-calendar-picker-indicator:hover{
  opacity:1!important;
}


/* CampOrga v200 – Kategorien/Admin/Checklisten stabil + ausgeschlossene Positionen */
#categoryModal.admin-category-modal-v200,
#excludedModal.excluded-modal-v200{
  z-index:2147482600!important;
  background:rgba(2,6,23,.78)!important;
  backdrop-filter:blur(12px)!important;
}
#categoryModal .admin-category-box-v200,
#excludedModal .excluded-box-v200{
  width:min(720px,calc(100vw - 30px))!important;
  max-height:86dvh!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:28px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:radial-gradient(circle at 12% 0,rgba(250,204,21,.15),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.62)!important;
}
.admin-category-head-v200,
.excluded-head-v200{
  margin:0!important;
  padding:22px 72px 16px 22px!important;
  border-bottom:1px solid rgba(148,163,184,.14)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(15,23,42,.72))!important;
}
.admin-category-head-v200 h2,
.excluded-head-v200 h2{
  margin:3px 0 6px!important;
  color:#fff!important;
  font-size:clamp(26px,3vw,36px)!important;
  letter-spacing:-.04em!important;
}
.admin-category-head-v200 p,
.excluded-head-v200 p{margin:0!important;color:#cbd5e1!important;line-height:1.4!important;font-size:13px!important;}
.admin-category-x-v200,
#excludedModal .modalclose{
  position:absolute!important;top:16px!important;right:16px!important;width:44px!important;height:44px!important;
  display:grid!important;place-items:center!important;border-radius:15px!important;border:1px solid rgba(148,163,184,.20)!important;
  background:rgba(2,6,23,.78)!important;color:#fff!important;cursor:pointer!important;z-index:5!important;font-size:26px!important;
}
.admin-category-form-v200{display:flex!important;flex-direction:column!important;min-height:0!important;}
.admin-category-list-v200,
.excluded-list-v200{
  display:grid!important;gap:9px!important;max-height:calc(86dvh - 178px)!important;overflow-y:auto!important;
  padding:16px 18px!important;scrollbar-width:none!important;
}
.admin-category-list-v200::-webkit-scrollbar,.excluded-list-v200::-webkit-scrollbar{display:none!important;}
.admin-category-row-v200,
.excluded-row-v200{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;
  padding:8px!important;border-radius:18px!important;background:rgba(15,23,42,.72)!important;border:1px solid rgba(148,163,184,.14)!important;
}
.admin-category-row-v200 input{min-height:42px!important;border-radius:14px!important;background:rgba(2,6,23,.74)!important;border:1px solid rgba(148,163,184,.18)!important;color:#fff!important;padding:10px 12px!important;}
.admin-category-add-v200{border-color:rgba(250,204,21,.25)!important;background:rgba(250,204,21,.07)!important;}
.admin-category-actions-v200{
  position:sticky!important;bottom:0!important;display:flex!important;justify-content:flex-end!important;gap:10px!important;
  padding:14px 18px 16px!important;border-top:1px solid rgba(148,163,184,.14)!important;background:linear-gradient(0deg,rgba(2,6,23,.98),rgba(2,6,23,.88))!important;
}
.excluded-row-v200 strong{display:block!important;color:#fff!important;}
.excluded-row-v200 span{display:block!important;color:#94a3b8!important;font-size:12px!important;margin-top:3px!important;}
.excluded-empty-v200{padding:18px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.13);color:#cbd5e1;font-weight:900;}
body.lists-overview-page .lt-rule-chip{display:none!important;}
#checklistEditorModal.modal-locked{
  pointer-events:auto!important;
}
#checklistEditorModal .icondelete{
  position:relative!important;
  z-index:3!important;
}
@media(max-width:680px){
  #categoryModal .admin-category-box-v200,#excludedModal .excluded-box-v200{width:calc(100vw - 18px)!important;max-height:88dvh!important;border-radius:22px!important;}
  .admin-category-row-v200,.excluded-row-v200{grid-template-columns:1fr!important;}
  .admin-category-row-v200 .mini-delete,.excluded-row-v200 .btn{width:100%!important;justify-content:center!important;}
}


/* CampOrga v201 – Footer volle Breite unten + Adminlisten/Exclusions kompakt */
body.has-sidebar .app-shell{
  min-height:100dvh!important;
}
body.has-sidebar .page-area{
  min-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
}
body.has-sidebar .page-area > main.wrap,
body.has-sidebar .page-area > main.wrap.wide{
  flex:1 0 auto!important;
  width:100%!important;
}
body.has-sidebar .page-area > .footer,
body.has-sidebar footer.footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  margin-top:auto!important;
  padding:18px 22px 22px!important;
  box-sizing:border-box!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  background:linear-gradient(180deg,rgba(2,6,23,.18),rgba(2,6,23,.42))!important;
}
body.has-sidebar .page-area > .footer .footer-card,
body.has-sidebar footer.footer .footer-card{
  width:100%!important;
  max-width:1320px!important;
  margin:0 auto!important;
}
.footer{
  width:100%!important;
  box-sizing:border-box!important;
}

/* Adminlisten identisch/enger an normale Vorlagen */
body.list-templates-admin-v148 .co-list-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:18px!important;
  margin-top:16px!important;
  margin-bottom:14px!important;
  align-items:stretch!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.list-templates-admin-v148 .co-list-hero-copy{
  padding:28px!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,rgba(250,204,21,.16),rgba(30,58,96,.58) 50%,rgba(7,12,26,.96))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.30)!important;
}
.admin-list-head-v201{
  grid-template-columns:auto minmax(0,1fr) auto!important;
}
.admin-list-title-form-v201{
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
}
.admin-list-title-input-v201{
  width:100%!important;
  min-height:44px!important;
  font-size:clamp(22px,2.4vw,32px)!important;
  font-weight:1000!important;
  letter-spacing:-.035em!important;
  border-radius:16px!important;
  background:rgba(2,6,23,.66)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  color:#fff!important;
  padding:9px 12px!important;
}
.admin-list-title-form-v201 small{
  color:#94a3b8!important;
  font-weight:900!important;
}

/* Ausgeschlossene Positionen – kompakt */
#excludedModal .excluded-box-v200{
  width:min(620px,calc(100vw - 28px))!important;
  max-height:82dvh!important;
  border-radius:24px!important;
}
#excludedModal .excluded-head-v200{
  padding:18px 64px 12px 18px!important;
}
#excludedModal .excluded-head-v200 h2{
  font-size:clamp(24px,2.7vw,34px)!important;
  margin:2px 0 4px!important;
}
#excludedModal .excluded-head-v200 p{
  font-size:12px!important;
}
#excludedModal .excluded-list-v200{
  max-height:calc(82dvh - 132px)!important;
  gap:7px!important;
  padding:12px!important;
}
#excludedModal .excluded-row-v200{
  padding:8px 10px!important;
  border-radius:15px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
}
#excludedModal .excluded-row-v200 strong{
  font-size:.92rem!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#excludedModal .excluded-row-v200 span{
  font-size:.74rem!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#excludedModal .excluded-row-v200 .btn{
  min-height:34px!important;
  border-radius:12px!important;
  padding:7px 10px!important;
  font-size:.76rem!important;
}
.lt-inline-action-v201{
  display:inline-flex!important;
}
.lt-inline-action-v201 .btn{
  white-space:nowrap!important;
}
@media(max-width:760px){
  body.list-templates-admin-v148 .co-list-hero{grid-template-columns:1fr!important;}
  .admin-list-head-v201{grid-template-columns:1fr!important;}
  .admin-list-title-input-v201{font-size:22px!important;}
  #excludedModal .excluded-row-v200{grid-template-columns:1fr!important;}
  #excludedModal .excluded-row-v200 .btn{width:100%!important;justify-content:center!important;}
}


/* CampOrga v203 – EINHEITLICHES Kategorien-Modal für normale & Admin-Listen */
#categoryModal.unified-category-modal-v203{
  z-index:2147482600!important;
  display:none;
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
  background:rgba(2,6,23,.78)!important;
  backdrop-filter:blur(14px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(140%)!important;
}
#categoryModal.unified-category-modal-v203.open,
#categoryModal.unified-category-modal-v203.show,
#categoryModal.unified-category-modal-v203.is-open{
  display:flex!important;
}
#categoryModal .unified-category-box-v203{
  position:relative!important;
  width:min(640px,calc(100vw - 30px))!important;
  max-height:82dvh!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:26px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:
    radial-gradient(circle at 14% 0,rgba(250,204,21,.16),transparent 33%),
    radial-gradient(circle at 92% 4%,rgba(56,189,248,.10),transparent 28%),
    linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.64), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#categoryModal .unified-category-head-v203{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:start!important;
  padding:20px 20px 14px!important;
  border-bottom:1px solid rgba(148,163,184,.13)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(15,23,42,.72))!important;
}
#categoryModal .unified-category-head-v203 .eyebrow{
  display:block!important;
  color:#facc15!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  margin-bottom:4px!important;
}
#categoryModal .unified-category-head-v203 h2{
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:clamp(25px,3vw,36px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
#categoryModal .unified-category-head-v203 p{
  margin:0!important;
  color:#cbd5e1!important;
  font-size:12.5px!important;
  line-height:1.38!important;
  max-width:510px!important;
}
#categoryModal .unified-category-x-v203{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  border-radius:14px!important;
  border:1px solid rgba(148,163,184,.20)!important;
  background:rgba(2,6,23,.78)!important;
  color:#fff!important;
  cursor:pointer!important;
  z-index:5!important;
  font-size:25px!important;
  line-height:1!important;
  padding:0!important;
}
#categoryModal .unified-category-form-v203{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  margin:0!important;
}
#categoryModal .unified-category-list-v203{
  display:grid!important;
  gap:7px!important;
  max-height:calc(82dvh - 154px)!important;
  overflow-y:auto!important;
  padding:12px!important;
  scrollbar-width:none!important;
}
#categoryModal .unified-category-list-v203::-webkit-scrollbar{display:none!important;}
#categoryModal .unified-category-row-v203{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:7px!important;
  border-radius:16px!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.14)!important;
  box-shadow:none!important;
}
#categoryModal .unified-category-row-v203 input[type="hidden"]{display:none!important;}
#categoryModal .unified-category-row-v203 input{
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  border-radius:13px!important;
  background:rgba(2,6,23,.74)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#fff!important;
  padding:9px 11px!important;
  font-size:14px!important;
  font-weight:850!important;
  outline:none!important;
}
#categoryModal .unified-category-row-v203 input:focus{
  border-color:rgba(250,204,21,.55)!important;
  box-shadow:0 0 0 3px rgba(250,204,21,.10)!important;
}
#categoryModal .unified-category-add-v203{
  border-color:rgba(250,204,21,.25)!important;
  background:rgba(250,204,21,.07)!important;
}
#categoryModal .unified-category-delete-v203{
  min-height:36px!important;
  height:36px!important;
  padding:0 11px!important;
  border-radius:12px!important;
  border:1px solid rgba(248,113,113,.28)!important;
  background:rgba(239,68,68,.13)!important;
  color:#fecaca!important;
  font-weight:1000!important;
  font-size:12px!important;
  cursor:pointer!important;
}
#categoryModal .unified-category-delete-v203:hover{
  background:rgba(239,68,68,.25)!important;
  color:#fff!important;
}
#categoryModal .unified-category-actions-v203{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:9px!important;
  padding:12px!important;
  border-top:1px solid rgba(148,163,184,.13)!important;
  background:linear-gradient(0deg,rgba(2,6,23,.98),rgba(2,6,23,.88))!important;
}
#categoryModal .unified-category-actions-v203 .btn{
  min-height:38px!important;
  border-radius:13px!important;
  padding:9px 13px!important;
  font-size:13px!important;
}

/* Alte Kategorien-Modal-Regeln neutralisieren, damit beide wirklich gleich aussehen */
#categoryModal .category-manager-box,
#categoryModal .category-manager-box-v197,
#categoryModal .admin-category-box-v200,
#categoryModal .compact-category-modal,
#categoryModal .polished-category-modal,
#categoryModal .v131-category-modal{
  width:min(640px,calc(100vw - 30px))!important;
}
#categoryModal .category-row,
#categoryModal .admin-category-row-v200{
  all:unset;
}
@media(max-width:680px){
  #categoryModal.unified-category-modal-v203{padding:9px!important;}
  #categoryModal .unified-category-box-v203{
    width:calc(100vw - 18px)!important;
    max-height:88dvh!important;
    border-radius:22px!important;
  }
  #categoryModal .unified-category-head-v203{padding:18px 16px 12px!important;}
  #categoryModal .unified-category-list-v203{max-height:calc(88dvh - 150px)!important;}
  #categoryModal .unified-category-row-v203{grid-template-columns:1fr!important;}
  #categoryModal .unified-category-delete-v203{width:100%!important;}
  #categoryModal .unified-category-actions-v203{flex-direction:column-reverse!important;}
  #categoryModal .unified-category-actions-v203 .btn{width:100%!important;justify-content:center!important;}
}


/* CampOrga v204 – nur Sidebar-Bereich raus + Listenansichten einheitlich/kompakt */
.side-workspace-section,
.workspace-card-v191{
  display:none!important;
}

/* Listen, Listen-Vorlagen und Admin-Vorlagen: gleiche Breite, gleiche Kompaktheit */
body.lists-overview-page main.wrap,
body.lists-overview-page main.wrap.wide,
body.list-templates-page main.wrap,
body.list-templates-page main.wrap.wide,
body.list-templates-admin-v148 main.wrap,
body.list-templates-admin-v148 main.wrap.wide{
  width:100%!important;
  max-width:none!important;
  padding-left:18px!important;
  padding-right:18px!important;
  box-sizing:border-box!important;
}

body.lists-overview-page .co-lists-layout,
body.list-templates-page .co-lists-layout,
body.list-templates-admin-v148 .co-lists-layout{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}

body.lists-overview-page .co-list-content,
body.list-templates-page .co-list-content,
body.list-templates-admin-v148 .co-list-content{
  min-width:0!important;
  width:100%!important;
}

body.lists-overview-page .co-list-panel,
body.list-templates-page .co-list-panel,
body.list-templates-admin-v148 .co-list-panel{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(7,12,25,.96))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.22)!important;
}

body.lists-overview-page .co-panel-head,
body.list-templates-page .co-panel-head,
body.list-templates-admin-v148 .co-panel-head{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px 16px!important;
  border-bottom:1px solid rgba(148,163,184,.13)!important;
  background:rgba(2,6,23,.28)!important;
}

body.lists-overview-page .co-panel-icon,
body.list-templates-page .co-panel-icon,
body.list-templates-admin-v148 .co-panel-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  font-size:22px!important;
}

body.lists-overview-page .co-panel-head h2,
body.list-templates-page .co-panel-head h2,
body.list-templates-admin-v148 .co-panel-head h2{
  margin:2px 0 0!important;
  color:#fff!important;
  font-size:clamp(22px,2.4vw,32px)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}

body.lists-overview-page .co-panel-head p,
body.list-templates-page .co-panel-head p,
body.list-templates-admin-v148 .co-panel-head p{
  display:none!important;
}

/* Admin-Titel darf nicht als riesiger schwarzer Kasten wirken */
body.list-templates-admin-v148 .admin-list-title-form-v201{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}
body.list-templates-admin-v148 .admin-list-title-form-v201 .pill{
  width:max-content!important;
  max-width:max-content!important;
  min-width:0!important;
  padding:5px 9px!important;
  font-size:11px!important;
  border-radius:999px!important;
}
body.list-templates-admin-v148 .admin-list-title-input-v201{
  width:100%!important;
  min-height:38px!important;
  height:38px!important;
  padding:5px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:clamp(22px,2.4vw,32px)!important;
  font-weight:1000!important;
  letter-spacing:-.04em!important;
}
body.list-templates-admin-v148 .admin-list-title-input-v201:focus{
  outline:0!important;
  box-shadow:0 2px 0 rgba(250,204,21,.55)!important;
}

/* Actions oben kompakt, keine riesigen Farbflächen */
body.list-templates-page .lt-panel-actions,
body.list-templates-admin-v148 .lt-panel-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
body.list-templates-page .lt-panel-actions .btn,
body.list-templates-admin-v148 .lt-panel-actions .btn,
body.list-templates-page .lt-inline-action-v201 .btn,
body.list-templates-admin-v148 .lt-inline-action-v201 .btn{
  min-height:36px!important;
  height:36px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  font-size:12px!important;
  white-space:nowrap!important;
}

/* Positionszeilen in Vorlagen identisch und volle Breite */
body.list-templates-page .lt-items,
body.list-templates-admin-v148 .lt-items{
  display:grid!important;
  gap:8px!important;
  padding:12px!important;
  margin:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}

body.list-templates-page .lt-item,
body.list-templates-admin-v148 .lt-item{
  width:100%!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) minmax(160px,220px) 126px 40px!important;
  gap:8px!important;
  align-items:center!important;
  min-height:46px!important;
  padding:8px!important;
  border-radius:16px!important;
  background:rgba(2,6,23,.46)!important;
  border:1px solid rgba(148,163,184,.13)!important;
  box-shadow:none!important;
}

body.list-templates-page .lt-add-item,
body.list-templates-admin-v148 .lt-add-item{
  border-color:rgba(250,204,21,.22)!important;
  background:rgba(250,204,21,.055)!important;
}

body.list-templates-page .lt-item input,
body.list-templates-page .lt-item select,
body.list-templates-admin-v148 .lt-item input,
body.list-templates-admin-v148 .lt-item select{
  min-height:36px!important;
  height:36px!important;
  border-radius:12px!important;
  padding:7px 10px!important;
  font-size:13px!important;
  background:rgba(2,6,23,.62)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  color:#fff!important;
  box-shadow:none!important;
}

body.list-templates-page .lt-item .btn,
body.list-templates-admin-v148 .lt-item .btn{
  min-height:36px!important;
  height:36px!important;
  border-radius:12px!important;
  padding:0 10px!important;
  font-size:12px!important;
}

/* Keine bunten breiten Regelbuttons */
body.list-templates-page .lt-rule-open,
body.list-templates-admin-v148 .lt-rule-open{
  background:rgba(250,204,21,.12)!important;
  border:1px solid rgba(250,204,21,.18)!important;
  color:#fde68a!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Löschen klein halten */
body.list-templates-page .lt-item .btn.danger,
body.list-templates-admin-v148 .lt-item .btn.danger{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  padding:0!important;
  border-radius:12px!important;
}

/* Normale Listen kompakt halten und ohne Regel-/Hinweis-Kram */
body.lists-overview-page:not(.list-templates-page) .lt-rule-chip,
body.lists-overview-page:not(.list-templates-page) .co-panel-head p,
body.lists-overview-page:not(.list-templates-page) .co-item-meta em{
  display:none!important;
}

/* Sidebar der Listen kompakter */
body.lists-overview-page .co-list-sidebar,
body.list-templates-page .co-list-sidebar,
body.list-templates-admin-v148 .co-list-sidebar{
  padding:12px!important;
  border-radius:24px!important;
}
body.lists-overview-page .co-list-nav,
body.list-templates-page .co-list-nav,
body.list-templates-admin-v148 .co-list-nav{
  gap:8px!important;
}
body.lists-overview-page .co-list-nav button,
body.list-templates-page .co-list-nav button,
body.list-templates-admin-v148 .co-list-nav button{
  min-height:58px!important;
  padding:9px!important;
  border-radius:16px!important;
}

/* Mobile */
@media(max-width:980px){
  body.lists-overview-page .co-lists-layout,
  body.list-templates-page .co-lists-layout,
  body.list-templates-admin-v148 .co-lists-layout{
    grid-template-columns:1fr!important;
  }
  body.list-templates-page .lt-item,
  body.list-templates-admin-v148 .lt-item{
    grid-template-columns:1fr!important;
  }
  body.list-templates-page .lt-item .btn.danger,
  body.list-templates-admin-v148 .lt-item .btn.danger{
    width:100%!important;
    max-width:none!important;
  }
  body.lists-overview-page .co-panel-head,
  body.list-templates-page .co-panel-head,
  body.list-templates-admin-v148 .co-panel-head{
    grid-template-columns:46px minmax(0,1fr)!important;
  }
  body.lists-overview-page .co-panel-head > :last-child,
  body.list-templates-page .co-panel-head > :last-child,
  body.list-templates-admin-v148 .co-panel-head > :last-child{
    grid-column:1/-1!important;
  }
}


/* CampOrga v205 – global weniger Rand + einheitlichere Buttons */
:root{
  --co-btn-bg:linear-gradient(135deg,#facc15,#f59e0b);
  --co-btn-bg-hover:linear-gradient(135deg,#fde047,#facc15);
  --co-btn-fg:#111827;
  --co-btn-border:rgba(250,204,21,.42);
}

/* Weniger verschenkter Platz neben Sidebar und rechts */
body.has-sidebar .page-area{
  min-width:0!important;
}
body.has-sidebar .pagebar{
  margin:0!important;
  padding:14px 14px 10px!important;
}
body.has-sidebar main.wrap,
body.has-sidebar main.wrap.wide,
body.has-sidebar .wrap,
body.has-sidebar .wrap.wide{
  width:100%!important;
  max-width:none!important;
  padding-left:14px!important;
  padding-right:14px!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
body.has-sidebar .app-shell{
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:0!important;
}
body.has-sidebar .sidebar{
  width:260px!important;
  min-width:260px!important;
}
body.has-sidebar .page-area > .footer,
body.has-sidebar footer.footer{
  padding-left:14px!important;
  padding-right:14px!important;
}

/* große Layout-Bereiche ebenfalls ohne künstliche Max-Breite */
main.wrap > section,
main.wrap > div,
main.wrap.wide > section,
main.wrap.wide > div{
  max-width:none!important;
}

/* Buttons global vereinheitlichen: Gold als Standard, keine wilden Farben */
.btn,
button.btn,
a.btn,
.modal button.btn,
.form-actions .btn,
.modal-actions-bottom .btn,
.co-list-actions .btn,
.lt-panel-actions .btn,
.side-link + .btn{
  color:var(--co-btn-fg)!important;
  background:var(--co-btn-bg)!important;
  border:1px solid var(--co-btn-border)!important;
  box-shadow:0 10px 24px rgba(250,204,21,.16)!important;
  text-shadow:none!important;
  font-weight:1000!important;
}

.btn:hover,
button.btn:hover,
a.btn:hover{
  background:var(--co-btn-bg-hover)!important;
  border-color:rgba(250,204,21,.62)!important;
  box-shadow:0 12px 28px rgba(250,204,21,.22)!important;
}

/* Ghost/Soft nicht bunt, nur dezenter dunkler Button */
.btn.ghost,
.btn.soft,
button.btn.ghost,
button.btn.soft,
a.btn.ghost,
a.btn.soft{
  color:#f8fafc!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  box-shadow:none!important;
}

.btn.ghost:hover,
.btn.soft:hover,
button.btn.ghost:hover,
button.btn.soft:hover,
a.btn.ghost:hover,
a.btn.soft:hover{
  color:#fff!important;
  background:rgba(30,41,59,.88)!important;
  border-color:rgba(250,204,21,.32)!important;
}

/* Danger nicht knallrot als Fläche, sondern dezent rot markiert */
.btn.danger,
button.btn.danger,
a.btn.danger,
.danger,
button.danger{
  color:#fff!important;
  background:rgba(127,29,29,.72)!important;
  border:1px solid rgba(248,113,113,.34)!important;
  box-shadow:none!important;
}

.btn.danger:hover,
button.btn.danger:hover,
a.btn.danger:hover,
.danger:hover,
button.danger:hover{
  background:rgba(153,27,27,.82)!important;
  border-color:rgba(248,113,113,.48)!important;
}

/* Primary bleibt auch Gold, damit nicht überall andere Farben auftauchen */
.btn.primary,
button.btn.primary,
a.btn.primary{
  color:var(--co-btn-fg)!important;
  background:var(--co-btn-bg)!important;
  border:1px solid var(--co-btn-border)!important;
}

/* kleine Icon-/Delete-Buttons nicht riesig bunt machen */
.icondelete,
.mini-delete,
.unified-category-delete-v203{
  color:#fecaca!important;
  background:rgba(127,29,29,.62)!important;
  border:1px solid rgba(248,113,113,.28)!important;
  box-shadow:none!important;
}

.icondelete:hover,
.mini-delete:hover,
.unified-category-delete-v203:hover{
  color:#fff!important;
  background:rgba(153,27,27,.82)!important;
}

/* Kacheln/Layouts näher an den Rand, aber nicht aneinander kleben */
.card,
.formcard,
.co-list-panel,
.dashboard-card,
.support-chat-list,
.support-chat-main{
  box-sizing:border-box!important;
}

/* Listen/Tabellen nutzen die verfügbare Breite */
.co-lists-layout,
.dashboard-grid,
.settings-grid,
.admin-grid,
.trip-grid,
.support-shell-v142{
  width:100%!important;
  max-width:none!important;
}

/* Mobile bleibt sauber */
@media(max-width:900px){
  body.has-sidebar .app-shell{
    grid-template-columns:1fr!important;
  }
  body.has-sidebar .sidebar{
    width:100%!important;
    min-width:0!important;
  }
  body.has-sidebar main.wrap,
  body.has-sidebar main.wrap.wide,
  body.has-sidebar .wrap,
  body.has-sidebar .wrap.wide{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* CampOrga v206 – Regelmodal repariert + Mengenfelder in Listen sichtbar */
body.list-templates-page .rule-modal,
body.list-templates-admin-v148 .rule-modal,
.modal.rule-modal{
  z-index:2147482800!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(2,6,23,.74)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
body.list-templates-page .rule-modal.open,
body.list-templates-page .rule-modal.show,
body.list-templates-page .rule-modal.is-open,
body.list-templates-admin-v148 .rule-modal.open,
body.list-templates-admin-v148 .rule-modal.show,
body.list-templates-admin-v148 .rule-modal.is-open,
.modal.rule-modal.open,
.modal.rule-modal.show,
.modal.rule-modal.is-open{
  display:flex!important;
}
body.list-templates-page .rule-modal .rulebox,
body.list-templates-admin-v148 .rule-modal .rulebox,
.modal.rule-modal .rulebox{
  width:min(720px,calc(100vw - 28px))!important;
  max-height:84dvh!important;
  overflow:auto!important;
  padding:0!important;
  border-radius:24px!important;
  background:radial-gradient(circle at 12% 0,rgba(250,204,21,.14),transparent 35%),linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.62)!important;
}
body.list-templates-page .rule-modal .modalhead,
body.list-templates-admin-v148 .rule-modal .modalhead,
.modal.rule-modal .modalhead{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:12px!important;
  margin:0!important;
  padding:20px 20px 14px!important;
  border-bottom:1px solid rgba(148,163,184,.13)!important;
}
body.list-templates-page .rule-modal .modalhead h2,
body.list-templates-admin-v148 .rule-modal .modalhead h2,
.modal.rule-modal .modalhead h2{
  margin:2px 0 0!important;
  color:#fff!important;
  font-size:clamp(24px,3vw,34px)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
body.list-templates-page .rule-modal .modalhead small,
body.list-templates-admin-v148 .rule-modal .modalhead small,
.modal.rule-modal .modalhead small{
  color:#facc15!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
body.list-templates-page .rule-modal .modalclose,
body.list-templates-admin-v148 .rule-modal .modalclose,
.modal.rule-modal .modalclose{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  background:rgba(2,6,23,.78)!important;
  border:1px solid rgba(148,163,184,.20)!important;
  color:#fff!important;
  font-size:24px!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}
body.list-templates-page .rule-modal .modalhint,
body.list-templates-admin-v148 .rule-modal .modalhint,
.modal.rule-modal .modalhint{
  margin:14px 18px 0!important;
  color:#cbd5e1!important;
  font-size:13px!important;
  line-height:1.45!important;
}
body.list-templates-page .rule-modal .rulegrid,
body.list-templates-admin-v148 .rule-modal .rulegrid,
.modal.rule-modal .rulegrid{
  display:grid!important;
  grid-template-columns:1.35fr 1fr 1fr 1fr!important;
  gap:10px!important;
  margin:14px 18px!important;
}
body.list-templates-page .rule-modal .rulegrid label,
body.list-templates-admin-v148 .rule-modal .rulegrid label,
.modal.rule-modal .rulegrid label{
  display:grid!important;
  gap:6px!important;
  color:#e5e7eb!important;
  font-size:12px!important;
  font-weight:1000!important;
}
body.list-templates-page .rule-modal .rulegrid input,
body.list-templates-page .rule-modal .rulegrid select,
body.list-templates-admin-v148 .rule-modal .rulegrid input,
body.list-templates-admin-v148 .rule-modal .rulegrid select,
.modal.rule-modal .rulegrid input,
.modal.rule-modal .rulegrid select{
  min-height:42px!important;
  height:42px!important;
  border-radius:13px!important;
  background:rgba(2,6,23,.72)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#fff!important;
  padding:9px 11px!important;
}
body.list-templates-page .rule-modal .ruleexamples,
body.list-templates-admin-v148 .rule-modal .ruleexamples,
.modal.rule-modal .ruleexamples{
  margin:0 18px 14px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(148,163,184,.13)!important;
  color:#cbd5e1!important;
  font-size:13px!important;
}
body.list-templates-page .rule-modal .loc-actions,
body.list-templates-admin-v148 .rule-modal .loc-actions,
.modal.rule-modal .loc-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:9px!important;
  padding:12px 18px 18px!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  background:rgba(2,6,23,.36)!important;
}

/* Mengen/Einheit in Vorlagen wieder sichtbar und sauber kompakt */
body.list-templates-page .lt-item,
body.list-templates-admin-v148 .lt-item{
  grid-template-columns:minmax(220px,1fr) 90px 90px minmax(150px,210px) 126px 40px!important;
}
body.list-templates-page .lt-qty-v206,
body.list-templates-page .lt-unit-v206,
body.list-templates-admin-v148 .lt-qty-v206,
body.list-templates-admin-v148 .lt-unit-v206{
  display:block!important;
  min-width:0!important;
}
body.list-templates-page .lt-qty-v206::placeholder,
body.list-templates-page .lt-unit-v206::placeholder,
body.list-templates-admin-v148 .lt-qty-v206::placeholder,
body.list-templates-admin-v148 .lt-unit-v206::placeholder{
  color:#94a3b8!important;
  opacity:.86!important;
}

/* Normale Listen: Menge sichtbar halten */
body.lists-overview-page:not(.list-templates-page) .co-item-meta small:not(.co-item-category){
  display:inline-flex!important;
  color:#e5e7eb!important;
  background:rgba(148,163,184,.10)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:999px!important;
  padding:3px 8px!important;
  font-size:11px!important;
  font-weight:900!important;
}

/* v205 Button-Globalisierung im Regelmodal etwas zurücknehmen */
body.list-templates-page .rule-modal .btn,
body.list-templates-admin-v148 .rule-modal .btn,
.modal.rule-modal .btn{
  min-height:38px!important;
  border-radius:13px!important;
  padding:8px 13px!important;
}

@media(max-width:980px){
  body.list-templates-page .lt-item,
  body.list-templates-admin-v148 .lt-item{
    grid-template-columns:1fr 1fr!important;
  }
  body.list-templates-page .lt-item .lt-item-title,
  body.list-templates-admin-v148 .lt-item .lt-item-title{
    grid-column:1/-1!important;
  }
  body.list-templates-page .rule-modal .rulegrid,
  body.list-templates-admin-v148 .rule-modal .rulegrid,
  .modal.rule-modal .rulegrid{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:640px){
  body.list-templates-page .rule-modal .rulegrid,
  body.list-templates-admin-v148 .rule-modal .rulegrid,
  .modal.rule-modal .rulegrid{
    grid-template-columns:1fr!important;
  }
}


/* CampOrga v207 – Einheiten wie Kategorien + Buttons konsequenter vereinheitlicht */
#unitModal.unified-unit-modal-v207{
  z-index:2147482600!important;
  display:none;
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
  background:rgba(2,6,23,.78)!important;
  backdrop-filter:blur(14px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(140%)!important;
}
#unitModal.unified-unit-modal-v207.open,
#unitModal.unified-unit-modal-v207.show,
#unitModal.unified-unit-modal-v207.is-open{
  display:flex!important;
}
#unitModal .unified-category-box-v203{
  width:min(640px,calc(100vw - 30px))!important;
}
body.list-templates-page .lt-unit-v206,
body.list-templates-admin-v148 .lt-unit-v206{
  display:block!important;
  min-width:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background-image:
    linear-gradient(45deg,transparent 50%,#facc15 50%),
    linear-gradient(135deg,#facc15 50%,transparent 50%)!important;
  background-position:
    calc(100% - 16px) 16px,
    calc(100% - 11px) 16px!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
  padding-right:28px!important;
}

/* Noch breiter: alle nicht-spezialisierten Buttons auf denselben Grundlook */
button:not(.side-link):not(.modalclose):not(.modal-close):not(.icondelete):not(.mini-delete):not(.unified-category-delete-v203):not([data-check-editor-tab]):not(.co-list-nav button),
input[type="submit"],
input[type="button"]{
  font-weight:1000!important;
  border-radius:13px!important;
}

button.btn,
a.btn,
.btn,
input[type="submit"].btn,
input[type="button"].btn,
.co-list-actions button,
.co-list-actions a,
.form-actions button,
.modal-actions-bottom button,
.lt-panel-actions button,
.lt-inline-action-v201 button,
.admin-category-actions-v200 button,
.unified-category-actions-v203 button,
.excluded-row-v200 button{
  color:#111827!important;
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  border:1px solid rgba(250,204,21,.42)!important;
  box-shadow:0 10px 24px rgba(250,204,21,.14)!important;
}

button.btn.ghost,
a.btn.ghost,
.btn.ghost,
button.btn.soft,
a.btn.soft,
.btn.soft,
.co-list-actions .btn.soft,
.co-list-actions .btn.ghost,
.form-actions .btn.ghost,
.modal-actions-bottom .btn.ghost,
.unified-category-actions-v203 .btn.ghost{
  color:#f8fafc!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  box-shadow:none!important;
}

button.btn.danger,
a.btn.danger,
.btn.danger,
.lt-panel-actions .btn.danger,
.lt-item .btn.danger{
  color:#fff!important;
  background:rgba(127,29,29,.72)!important;
  border:1px solid rgba(248,113,113,.34)!important;
  box-shadow:none!important;
}

/* Delete-Minibuttons bleiben einheitlich rot/dezent */
.icondelete,
.mini-delete,
.unified-category-delete-v203{
  color:#fecaca!important;
  background:rgba(127,29,29,.62)!important;
  border:1px solid rgba(248,113,113,.28)!important;
  box-shadow:none!important;
  font-weight:1000!important;
}

/* Linkartige Sonderbuttons nicht blau/lila ausbrechen lassen */
a.button,
button.button,
button.primary,
a.primary{
  color:#111827!important;
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  border:1px solid rgba(250,204,21,.42)!important;
}

@media(max-width:680px){
  #unitModal.unified-unit-modal-v207{padding:9px!important;}
}


/* CampOrga v208 – echte globale Randreduzierung + Whitelist-IP + User-Audit-Modal */

/* Der wichtige Teil: keine alten max-width/margin:auto-Regeln mehr auf eingeloggten Seiten */
body.has-sidebar .page-area{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  overflow-x:hidden!important;
}
body.has-sidebar .pagebar{
  width:100%!important;
  max-width:none!important;
  padding-left:8px!important;
  padding-right:8px!important;
  box-sizing:border-box!important;
}
body.has-sidebar main,
body.has-sidebar main.wrap,
body.has-sidebar main.wrap.wide,
body.has-sidebar .wrap,
body.has-sidebar .wrap.wide{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:8px!important;
  padding-right:8px!important;
  box-sizing:border-box!important;
}

/* Häufige Innencontainer ebenfalls auf volle verfügbare Breite ziehen */
body.has-sidebar .card,
body.has-sidebar .co-list-hero,
body.has-sidebar .co-lists-layout,
body.has-sidebar .co-list-toolbar,
body.has-sidebar .co-list-content,
body.has-sidebar .dashboard-grid,
body.has-sidebar .admin-users-layout-v176,
body.has-sidebar .admin-users-hero-v176,
body.has-sidebar .admin-user-toolbar-v176,
body.has-sidebar .settings-clean-hero,
body.has-sidebar .settings-layout,
body.has-sidebar .support-shell-v142,
body.has-sidebar .trip-layout,
body.has-sidebar .route-layout,
body.has-sidebar .trips-grid{
  max-width:none!important;
  box-sizing:border-box!important;
}

/* Sidebar selbst etwas schlanker, damit mehr Nutzfläche bleibt */
body.has-sidebar .app-shell{
  grid-template-columns:246px minmax(0,1fr)!important;
}
body.has-sidebar .sidebar{
  width:246px!important;
  min-width:246px!important;
}
body.has-sidebar .side-link{
  padding-left:10px!important;
  padding-right:10px!important;
}

/* rechte/untere Footer-Kante ebenfalls bündig */
body.has-sidebar footer.footer,
body.has-sidebar .page-area > .footer{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:8px!important;
  padding-right:8px!important;
}

/* Firewall Whitelist */
.whitelist-tools-v208{
  display:flex!important;
  justify-content:flex-end!important;
  margin:0 0 7px!important;
}
.whitelist-tools-v208 .btn{
  min-height:34px!important;
  height:34px!important;
  border-radius:12px!important;
  padding:0 12px!important;
  font-size:12px!important;
}

/* User Audit Modal */
.admin-user-audit-card-v208{
  min-height:0!important;
}
.admin-user-audit-modal-v208{
  z-index:2147482700!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(2,6,23,.76)!important;
  backdrop-filter:blur(12px)!important;
}
.admin-user-audit-modal-v208.open,
.admin-user-audit-modal-v208.show,
.admin-user-audit-modal-v208.is-open{
  display:flex!important;
}
.admin-user-audit-box-v208{
  width:min(880px,calc(100vw - 28px))!important;
  max-height:86dvh!important;
  overflow:auto!important;
  padding:0!important;
  border-radius:26px!important;
  background:radial-gradient(circle at 12% 0,rgba(250,204,21,.14),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.62)!important;
}
.admin-user-audit-head-v208{
  margin:0!important;
  padding:20px 20px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  border-bottom:1px solid rgba(148,163,184,.13)!important;
}
.admin-user-audit-head-v208 h2{
  margin:2px 0 4px!important;
  color:#fff!important;
  font-size:clamp(26px,3vw,38px)!important;
  letter-spacing:-.045em!important;
  line-height:1!important;
}
.admin-user-audit-head-v208 p{
  margin:0!important;
  color:#cbd5e1!important;
}
.admin-user-audit-head-v208 .modalclose{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  background:rgba(2,6,23,.78)!important;
  border:1px solid rgba(148,163,184,.20)!important;
  color:#fff!important;
  font-size:24px!important;
  cursor:pointer!important;
}
.admin-audit-grid-modal-v208{
  margin:14px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.admin-mail-log-modal-v208{
  margin:14px!important;
  max-height:42vh!important;
  overflow:auto!important;
  scrollbar-width:none!important;
}
.admin-mail-log-modal-v208::-webkit-scrollbar{display:none!important;}
@media(max-width:900px){
  body.has-sidebar .app-shell{
    grid-template-columns:1fr!important;
  }
  body.has-sidebar .sidebar{
    width:100%!important;
    min-width:0!important;
  }
  body.has-sidebar main,
  body.has-sidebar main.wrap,
  body.has-sidebar main.wrap.wide,
  body.has-sidebar .wrap,
  body.has-sidebar .wrap.wide{
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .admin-audit-grid-modal-v208{
    grid-template-columns:1fr!important;
  }
}


/* CampOrga v209 – Platzhalterseite Anleitungen */
.anleitungen-card-v209{padding:22px!important;}
.anleitungen-placeholder-v209{display:grid;gap:6px;padding:18px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.14);color:#cbd5e1;}
.anleitungen-placeholder-v209 strong{color:#fff;font-size:1.05rem;}


/* CampOrga v210 – Sidebar wieder breiter, Content wirklich breiter, Buttons konsequent einheitlich */

/* Sidebar NICHT weiter schrumpfen */
body.has-sidebar .app-shell{
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
}
body.has-sidebar .sidebar{
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
}
body.has-sidebar .side-link{
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:12px!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
body.has-sidebar .side-link span,
body.has-sidebar .side-link strong,
body.has-sidebar .side-section,
body.has-sidebar .side-label{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Content: die roten Bereiche aus dem Screenshot entfernen – alle Seiten näher an Sidebar und Rand */
body.has-sidebar .page-area{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}
body.has-sidebar .pagebar{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:10px 10px 8px!important;
  box-sizing:border-box!important;
}
body.has-sidebar main,
body.has-sidebar main.wrap,
body.has-sidebar main.wrap.wide,
body.has-sidebar .wrap,
body.has-sidebar .wrap.wide{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:10px!important;
  box-sizing:border-box!important;
}

/* Falls einzelne Seiten eigene Zentrier-Container haben */
body.has-sidebar main > *,
body.has-sidebar .wrap > *,
body.has-sidebar .wrap.wide > *,
body.has-sidebar .page-area > main > *,
body.has-sidebar .page-area > .wrap > *{
  max-width:none!important;
}

/* große Inhaltsblöcke wirklich volle Breite nutzen */
body.has-sidebar .card,
body.has-sidebar .co-list-hero,
body.has-sidebar .co-list-toolbar,
body.has-sidebar .co-lists-layout,
body.has-sidebar .co-list-content,
body.has-sidebar .co-list-panel,
body.has-sidebar .dashboard-grid,
body.has-sidebar .trips-grid,
body.has-sidebar .trip-layout,
body.has-sidebar .route-layout,
body.has-sidebar .settings-layout,
body.has-sidebar .settings-clean-hero,
body.has-sidebar .admin-users-hero-v176,
body.has-sidebar .admin-user-toolbar-v176,
body.has-sidebar .admin-users-layout-v176,
body.has-sidebar .support-shell-v142,
body.has-sidebar .admin-grid,
body.has-sidebar .grid,
body.has-sidebar .grid2{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

/* Listenansichten: Sidebar links in der Seite schmal, Content maximal */
body.lists-overview-page .co-lists-layout,
body.list-templates-page .co-lists-layout,
body.list-templates-admin-v148 .co-lists-layout{
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  max-width:none!important;
}
body.lists-overview-page .co-list-sidebar,
body.list-templates-page .co-list-sidebar,
body.list-templates-admin-v148 .co-list-sidebar{
  width:280px!important;
  max-width:280px!important;
}
body.lists-overview-page .co-list-content,
body.list-templates-page .co-list-content,
body.list-templates-admin-v148 .co-list-content{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

/* Footer ebenfalls über gesamte Contentbreite */
body.has-sidebar footer.footer,
body.has-sidebar .page-area > .footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  margin-top:auto!important;
  padding-left:10px!important;
  padding-right:10px!important;
  box-sizing:border-box!important;
}
body.has-sidebar footer.footer .footer-card,
body.has-sidebar .page-area > .footer .footer-card{
  width:100%!important;
  max-width:none!important;
}

/* Buttons: wirklich alle Standardbuttons gleicher Look */
:root{
  --co-button-bg:linear-gradient(135deg,#facc15,#f59e0b);
  --co-button-hover:linear-gradient(135deg,#fde047,#facc15);
  --co-button-text:#111827;
  --co-button-border:rgba(250,204,21,.46);
  --co-button-dark:rgba(15,23,42,.78);
  --co-button-dark-border:rgba(148,163,184,.24);
}

.btn,
button.btn,
a.btn,
input[type="submit"].btn,
input[type="button"].btn,
button[type="submit"].btn,
button[type="button"].btn,
.co-list-actions .btn,
.lt-panel-actions .btn,
.form-actions .btn,
.modal-actions-bottom .btn,
.admin-button-row-v176 .btn,
.admin-clear-form-v176 .btn,
.admin-inline-form .btn,
.admin-block-row .btn,
.support-composer .btn,
.support-actions .btn,
.ticket-actions .btn,
.price-actions .btn{
  color:var(--co-button-text)!important;
  background:var(--co-button-bg)!important;
  border:1px solid var(--co-button-border)!important;
  box-shadow:0 10px 24px rgba(250,204,21,.13)!important;
  text-shadow:none!important;
  font-weight:1000!important;
}

.btn:hover,
button.btn:hover,
a.btn:hover,
input[type="submit"].btn:hover,
input[type="button"].btn:hover{
  color:var(--co-button-text)!important;
  background:var(--co-button-hover)!important;
  border-color:rgba(250,204,21,.62)!important;
}

/* Sekundäre Buttons dunkel, aber überall gleich */
.btn.ghost,
.btn.soft,
button.btn.ghost,
button.btn.soft,
a.btn.ghost,
a.btn.soft,
.form-actions .btn.ghost,
.modal-actions-bottom .btn.ghost,
.co-list-actions .btn.ghost,
.co-list-actions .btn.soft,
.admin-clear-form-v176 .btn.ghost,
.admin-block-row .btn.soft{
  color:#f8fafc!important;
  background:var(--co-button-dark)!important;
  border:1px solid var(--co-button-dark-border)!important;
  box-shadow:none!important;
}

/* Rote Buttons nur für gefährliche Aktionen, aber einheitlich */
.btn.danger,
button.btn.danger,
a.btn.danger,
button.danger,
input[type="submit"].danger,
.lt-item .btn.danger,
.lt-panel-actions .btn.danger,
.admin-inline-form .btn.danger{
  color:#fff!important;
  background:rgba(127,29,29,.78)!important;
  border:1px solid rgba(248,113,113,.36)!important;
  box-shadow:none!important;
}

/* Icon-/Delete-Buttons ebenfalls einheitlich */
.icondelete,
.mini-delete,
.unified-category-delete-v203,
button.icondelete,
button.mini-delete{
  color:#fecaca!important;
  background:rgba(127,29,29,.70)!important;
  border:1px solid rgba(248,113,113,.32)!important;
  box-shadow:none!important;
}

/* Sehr spezifische alte Farbklassen überschreiben */
.btn.primary,
button.btn.primary,
a.btn.primary,
.primary.btn,
button.primary:not(.modalclose):not(.modal-close),
a.primary{
  color:var(--co-button-text)!important;
  background:var(--co-button-bg)!important;
  border:1px solid var(--co-button-border)!important;
}

/* Mobile */
@media(max-width:980px){
  body.has-sidebar .app-shell{
    grid-template-columns:1fr!important;
  }
  body.has-sidebar .sidebar{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  body.has-sidebar main,
  body.has-sidebar main.wrap,
  body.has-sidebar main.wrap.wide,
  body.has-sidebar .wrap,
  body.has-sidebar .wrap.wide{
    padding:8px!important;
  }
  body.lists-overview-page .co-lists-layout,
  body.list-templates-page .co-lists-layout,
  body.list-templates-admin-v148 .co-lists-layout{
    grid-template-columns:1fr!important;
  }
  body.lists-overview-page .co-list-sidebar,
  body.list-templates-page .co-list-sidebar,
  body.list-templates-admin-v148 .co-list-sidebar{
    width:100%!important;
    max-width:none!important;
  }
}


/* CampOrga v211 – Sidebar repariert + Content-Kante wirklich nach links/rechts */
/* Hartes Grid: Sidebar 300px, Rest 1fr, keine Lücke */
html body.has-sidebar{
  margin:0!important;
  overflow-x:hidden!important;
}
html body.has-sidebar .app-shell{
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  column-gap:0!important;
  gap:0!important;
  width:100vw!important;
  max-width:100vw!important;
  min-height:100dvh!important;
  align-items:stretch!important;
}

/* Sidebar stabil, nicht gequetscht, nicht kaputt-flexen */
html body.has-sidebar aside.sidebar{
  grid-column:1!important;
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
html body.has-sidebar .sidebrand.sidebrand-logo{
  width:100%!important;
  padding-left:8px!important;
  padding-right:8px!important;
  box-sizing:border-box!important;
}
html body.has-sidebar .sidebrand.sidebrand-logo img{
  max-width:250px!important;
  min-width:0!important;
  width:250px!important;
  height:auto!important;
}
html body.has-sidebar .side-section{
  width:100%!important;
  box-sizing:border-box!important;
}
html body.has-sidebar .side-link{
  width:100%!important;
  box-sizing:border-box!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:12px!important;
  padding:10px 12px!important;
}
html body.has-sidebar .side-link span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Rechter Bereich: direkt neben Sidebar, keine Zentrierung */
html body.has-sidebar .page-area{
  grid-column:2!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
html body.has-sidebar .pagebar{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:10px 10px 8px 10px!important;
  box-sizing:border-box!important;
}
html body.has-sidebar .page-area > main.wrap.wide,
html body.has-sidebar .page-area > main.wrap,
html body.has-sidebar main.wrap.wide,
html body.has-sidebar main.wrap{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:10px!important;
  box-sizing:border-box!important;
  flex:1 0 auto!important;
}

/* alte .wrap margin:auto/max-width restlos aushebeln */
html body.has-sidebar .wrap,
html body.has-sidebar .wrap.wide{
  max-width:none!important;
  margin:0!important;
}

/* Direkte Inhalte nicht zentrieren */
html body.has-sidebar .page-area > main > *,
html body.has-sidebar main.wrap > *,
html body.has-sidebar main.wrap.wide > *{
  max-width:none!important;
  box-sizing:border-box!important;
}

/* Listen und typische Seitencontainer voll ausnutzen */
html body.has-sidebar .co-list-hero,
html body.has-sidebar .co-list-toolbar,
html body.has-sidebar .co-lists-layout,
html body.has-sidebar .co-list-content,
html body.has-sidebar .co-list-panel,
html body.has-sidebar .card,
html body.has-sidebar .admin-users-hero-v176,
html body.has-sidebar .admin-user-toolbar-v176,
html body.has-sidebar .admin-users-layout-v176,
html body.has-sidebar .settings-layout,
html body.has-sidebar .settings-clean-hero,
html body.has-sidebar .dashboard-grid,
html body.has-sidebar .trips-grid,
html body.has-sidebar .support-shell-v142{
  width:100%!important;
  max-width:none!important;
}

/* Listen-Seite: innerhalb des Contents nur kleine Lücke */
html body.has-sidebar.lists-overview-page .co-lists-layout,
html body.has-sidebar.list-templates-page .co-lists-layout,
html body.has-sidebar.list-templates-admin-v148 .co-lists-layout{
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:10px!important;
}

/* Footer passend */
html body.has-sidebar footer.footer,
html body.has-sidebar .page-area > footer.footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px 10px!important;
  box-sizing:border-box!important;
}
html body.has-sidebar footer.footer .footer-card{
  max-width:none!important;
  width:100%!important;
}

/* Buttons wirklich letzte Instanz vereinheitlichen */
html body .btn,
html body button.btn,
html body a.btn,
html body input[type="submit"].btn,
html body input[type="button"].btn{
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  color:#111827!important;
  border:1px solid rgba(250,204,21,.48)!important;
  box-shadow:0 10px 24px rgba(250,204,21,.13)!important;
}
html body .btn.ghost,
html body .btn.soft,
html body button.btn.ghost,
html body button.btn.soft,
html body a.btn.ghost,
html body a.btn.soft{
  background:rgba(15,23,42,.78)!important;
  color:#f8fafc!important;
  border:1px solid rgba(148,163,184,.24)!important;
  box-shadow:none!important;
}
html body .btn.danger,
html body button.btn.danger,
html body a.btn.danger,
html body .icondelete,
html body .mini-delete,
html body .unified-category-delete-v203{
  background:rgba(127,29,29,.78)!important;
  color:#fff!important;
  border:1px solid rgba(248,113,113,.36)!important;
  box-shadow:none!important;
}

@media(max-width:980px){
  html body.has-sidebar .app-shell{
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:none!important;
  }
  html body.has-sidebar aside.sidebar{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  html body.has-sidebar .page-area{
    grid-column:1!important;
  }
}


/* CampOrga v212 – Sidebar-Optik wiederherstellen, Content-Breite behalten */
html body.has-sidebar .app-shell{
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:0!important;
}

/* Sidebar wieder wie eigene, lesbare Navigation */
html body.has-sidebar aside.sidebar{
  width:320px!important;
  min-width:320px!important;
  max-width:320px!important;
  padding:18px 18px 24px!important;
  background:linear-gradient(180deg,rgba(7,12,23,.98),rgba(3,7,18,.98))!important;
  border-right:1px solid rgba(148,163,184,.13)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
}
html body.has-sidebar aside.sidebar::-webkit-scrollbar{
  display:none!important;
}

/* Logo oben sauber und nicht gequetscht */
html body.has-sidebar .sidebrand.sidebrand-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  padding:0 4px 10px!important;
  margin:0 0 12px!important;
  box-sizing:border-box!important;
}
html body.has-sidebar .sidebrand.sidebrand-logo img{
  width:260px!important;
  min-width:0!important;
  max-width:260px!important;
  height:auto!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Abschnittsüberschriften wieder sichtbar/ruhig */
html body.has-sidebar .side-section{
  display:grid!important;
  gap:7px!important;
  width:100%!important;
  margin:0 0 18px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid rgba(148,163,184,.10)!important;
  box-sizing:border-box!important;
}
html body.has-sidebar .side-section:last-of-type{
  border-bottom:0!important;
}
html body.has-sidebar .side-label{
  display:block!important;
  width:100%!important;
  margin:0 0 4px!important;
  padding:0 0 0 4px!important;
  color:#facc15!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:1000!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Links wieder passend breit/lesbar */
html body.has-sidebar .side-link{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:44px!important;
  padding:9px 10px!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
  color:#e5e7eb!important;
  text-decoration:none!important;
  background:transparent!important;
  border:1px solid transparent!important;
}
html body.has-sidebar .side-link b{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:rgba(148,163,184,.10)!important;
  color:#f8fafc!important;
  font-size:13px!important;
  line-height:1!important;
}
html body.has-sidebar .side-link span{
  display:block!important;
  min-width:0!important;
  color:#e5e7eb!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.has-sidebar .side-link:hover{
  background:rgba(15,23,42,.62)!important;
  border-color:rgba(148,163,184,.16)!important;
}
html body.has-sidebar .side-link.active{
  background:rgba(250,204,21,.10)!important;
  border-color:rgba(250,204,21,.36)!important;
  box-shadow:inset 3px 0 0 #facc15!important;
}
html body.has-sidebar .side-link.active b{
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  color:#111827!important;
}
html body.has-sidebar .side-link.active span{
  color:#fff!important;
}

/* Aktive Reise Card wieder vollständig/lesbar */
html body.has-sidebar .active-trip-card,
html body.has-sidebar .sidebar .active-trip-card{
  display:grid!important;
  gap:7px!important;
  width:100%!important;
  margin:0!important;
  padding:13px 14px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(250,204,21,.09),rgba(30,58,96,.28))!important;
  border:1px solid rgba(250,204,21,.28)!important;
  box-sizing:border-box!important;
}
html body.has-sidebar .active-trip-card span,
html body.has-sidebar .active-trip-card small{
  display:block!important;
  color:#facc15!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
html body.has-sidebar .active-trip-card strong{
  display:block!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1.15!important;
  white-space:normal!important;
  overflow:visible!important;
}
html body.has-sidebar .active-trip-card a{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.76)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  color:#f8fafc!important;
  font-size:11px!important;
  font-weight:1000!important;
  text-decoration:none!important;
}

/* Userbox unten wieder sauber */
html body.has-sidebar .side-footer{
  display:grid!important;
  gap:10px!important;
  margin-top:14px!important;
  padding:14px!important;
  border-radius:20px!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
html body.has-sidebar .side-user{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
html body.has-sidebar .side-user strong{
  color:#fff!important;
  font-size:14px!important;
  font-weight:1000!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body.has-sidebar .side-user span{
  color:#cbd5e1!important;
  font-size:12px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body.has-sidebar .side-logout{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  border-radius:14px!important;
  background:rgba(127,29,29,.70)!important;
  border:1px solid rgba(248,113,113,.32)!important;
  color:#fff!important;
  font-weight:1000!important;
  text-decoration:none!important;
}

/* Content bleibt breit, nur Startkante durch breitere Sidebar natürlich 20px weiter rechts */
html body.has-sidebar .page-area > main.wrap.wide,
html body.has-sidebar .page-area > main.wrap,
html body.has-sidebar main.wrap.wide,
html body.has-sidebar main.wrap{
  padding-left:10px!important;
  padding-right:10px!important;
  max-width:none!important;
  margin:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}

@media(max-width:980px){
  html body.has-sidebar .app-shell{
    grid-template-columns:1fr!important;
  }
  html body.has-sidebar aside.sidebar{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* CampOrga v213 – Sidebar vollständig sichtbar + sauber scrollbar */
html,
body.has-sidebar{
  min-height:100%!important;
}
html body.has-sidebar{
  overflow:hidden!important;
}

/* App liegt exakt im Viewport: Sidebar und Content scrollen getrennt */
html body.has-sidebar .app-shell{
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  align-items:stretch!important;
}

/* Sidebar bekommt eigenen Scrollbereich */
html body.has-sidebar aside.sidebar{
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(250,204,21,.45) rgba(15,23,42,.35)!important;
  padding-bottom:22px!important;
}
html body.has-sidebar aside.sidebar::-webkit-scrollbar{
  width:8px!important;
  display:block!important;
}
html body.has-sidebar aside.sidebar::-webkit-scrollbar-track{
  background:rgba(15,23,42,.35)!important;
  border-radius:999px!important;
}
html body.has-sidebar aside.sidebar::-webkit-scrollbar-thumb{
  background:rgba(250,204,21,.45)!important;
  border-radius:999px!important;
}

/* Content scrollt separat, damit Sidebar nicht mit dem Seiteninhalt verschwindet */
html body.has-sidebar .page-area{
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}

/* Sidebar-Struktur: alles anzeigen, keine abgeschnittenen Sektionen */
html body.has-sidebar .side-section{
  flex:0 0 auto!important;
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}
html body.has-sidebar .side-label{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:14px!important;
}
html body.has-sidebar .active-trip-card,
html body.has-sidebar .side-footer{
  flex:0 0 auto!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Aktive Reise darf nicht abgeschnitten werden */
html body.has-sidebar .active-trip-card strong,
html body.has-sidebar .active-trip-card span,
html body.has-sidebar .active-trip-card a{
  max-width:100%!important;
}

/* Logout/Userbereich bleibt im normalen Flow, nicht sticky/festkleben */
html body.has-sidebar .side-footer{
  position:static!important;
  margin-top:12px!important;
  margin-bottom:0!important;
}

/* Mobile: normales Scrollverhalten */
@media(max-width:980px){
  html body.has-sidebar{
    overflow:auto!important;
  }
  html body.has-sidebar .app-shell{
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow:visible!important;
    grid-template-columns:1fr!important;
  }
  html body.has-sidebar aside.sidebar{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html body.has-sidebar .page-area{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* CampOrga v214 – finales Hauptlayout: feste Sidebar, rechter Inhalt exakt daneben */
:root{
  --co-sidebar-width:320px;
  --co-content-pad:10px;
}

html body.has-sidebar{
  margin:0!important;
  width:100vw!important;
  max-width:100vw!important;
  overflow:hidden!important;
}

/* Alte Grid-/Sticky-Varianten neutralisieren */
html body.has-sidebar .app-shell{
  display:block!important;
  width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
}

/* Sidebar fest links, stabil, scrollbar */
html body.has-sidebar aside.sidebar{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  z-index:80!important;
  width:var(--co-sidebar-width)!important;
  min-width:var(--co-sidebar-width)!important;
  max-width:var(--co-sidebar-width)!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  padding:18px 18px 24px!important;
  background:linear-gradient(180deg,rgba(7,12,23,.98),rgba(3,7,18,.98))!important;
  border-right:1px solid rgba(148,163,184,.13)!important;
  box-shadow:18px 0 44px rgba(0,0,0,.26)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(250,204,21,.45) rgba(15,23,42,.35)!important;
}
html body.has-sidebar aside.sidebar::-webkit-scrollbar{width:8px!important;display:block!important;}
html body.has-sidebar aside.sidebar::-webkit-scrollbar-track{background:rgba(15,23,42,.35)!important;border-radius:999px!important;}
html body.has-sidebar aside.sidebar::-webkit-scrollbar-thumb{background:rgba(250,204,21,.45)!important;border-radius:999px!important;}

/* Sidebar Optik repariert */
html body.has-sidebar .sidebrand.sidebrand-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  padding:0 4px 10px!important;
  margin:0 0 12px!important;
  box-sizing:border-box!important;
}
html body.has-sidebar .sidebrand.sidebrand-logo img{
  width:260px!important;
  max-width:260px!important;
  min-width:0!important;
  height:auto!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
html body.has-sidebar .side-section{
  display:grid!important;
  gap:7px!important;
  width:100%!important;
  margin:0 0 18px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid rgba(148,163,184,.10)!important;
  box-sizing:border-box!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}
html body.has-sidebar .side-label{
  display:block!important;
  color:#facc15!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  margin:0 0 4px!important;
  padding-left:4px!important;
}
html body.has-sidebar .side-link{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:44px!important;
  padding:9px 10px!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
  color:#e5e7eb!important;
  text-decoration:none!important;
  background:transparent!important;
  border:1px solid transparent!important;
}
html body.has-sidebar .side-link b{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:rgba(148,163,184,.10)!important;
  color:#f8fafc!important;
  font-size:13px!important;
}
html body.has-sidebar .side-link span{
  min-width:0!important;
  color:#e5e7eb!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.has-sidebar .side-link.active{
  background:rgba(250,204,21,.10)!important;
  border-color:rgba(250,204,21,.36)!important;
  box-shadow:inset 3px 0 0 #facc15!important;
}
html body.has-sidebar .side-link.active b{
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  color:#111827!important;
}

/* aktive Reise und Userbereich bleiben sichtbar */
html body.has-sidebar .active-trip-card{
  display:grid!important;
  gap:7px!important;
  width:100%!important;
  padding:13px 14px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(250,204,21,.09),rgba(30,58,96,.28))!important;
  border:1px solid rgba(250,204,21,.28)!important;
  box-sizing:border-box!important;
}
html body.has-sidebar .active-trip-card span,
html body.has-sidebar .active-trip-card small{
  display:block!important;
  color:#facc15!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
html body.has-sidebar .active-trip-card strong{
  display:block!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1.15!important;
  white-space:normal!important;
}
html body.has-sidebar .active-trip-card a{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:30px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 11px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.76)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  color:#f8fafc!important;
  font-size:11px!important;
  font-weight:1000!important;
  text-decoration:none!important;
}
html body.has-sidebar .side-footer{
  display:grid!important;
  gap:10px!important;
  margin-top:14px!important;
  padding:14px!important;
  border-radius:20px!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.15)!important;
  position:static!important;
}
html body.has-sidebar .side-user strong{
  display:block!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:1000!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body.has-sidebar .side-user span{
  display:block!important;
  color:#cbd5e1!important;
  font-size:12px!important;
}
html body.has-sidebar .side-logout{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  border-radius:14px!important;
  background:rgba(127,29,29,.70)!important;
  border:1px solid rgba(248,113,113,.32)!important;
  color:#fff!important;
  font-weight:1000!important;
  text-decoration:none!important;
}

/* Rechter Content: darf NIE unter Sidebar liegen */
html body.has-sidebar .page-area{
  position:relative!important;
  margin-left:var(--co-sidebar-width)!important;
  width:calc(100vw - var(--co-sidebar-width))!important;
  max-width:calc(100vw - var(--co-sidebar-width))!important;
  min-width:0!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  -webkit-overflow-scrolling:touch!important;
}
html body.has-sidebar .pagebar{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:10px var(--co-content-pad) 8px!important;
  box-sizing:border-box!important;
}
html body.has-sidebar .page-area > main.wrap,
html body.has-sidebar .page-area > main.wrap.wide,
html body.has-sidebar main.wrap,
html body.has-sidebar main.wrap.wide{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:var(--co-content-pad)!important;
  box-sizing:border-box!important;
  flex:1 0 auto!important;
  overflow:visible!important;
}

/* Untercontainer: keine Zentrierung / keine alten Max-Breiten */
html body.has-sidebar .page-area main > *,
html body.has-sidebar main.wrap > *,
html body.has-sidebar main.wrap.wide > *,
html body.has-sidebar .card,
html body.has-sidebar .co-list-hero,
html body.has-sidebar .co-list-toolbar,
html body.has-sidebar .co-lists-layout,
html body.has-sidebar .co-list-content,
html body.has-sidebar .co-list-panel,
html body.has-sidebar .dashboard-grid,
html body.has-sidebar .trips-grid,
html body.has-sidebar .trip-layout,
html body.has-sidebar .route-layout,
html body.has-sidebar .settings-layout,
html body.has-sidebar .settings-clean-hero,
html body.has-sidebar .admin-users-hero-v176,
html body.has-sidebar .admin-user-toolbar-v176,
html body.has-sidebar .admin-users-layout-v176,
html body.has-sidebar .support-shell-v142,
html body.has-sidebar .admin-grid,
html body.has-sidebar .grid,
html body.has-sidebar .grid2{
  max-width:none!important;
  width:100%!important;
  box-sizing:border-box!important;
}

/* Alte Settings-Sonderregeln explizit überschreiben */
html body.settings-page.has-sidebar main.wrap,
html body.settings-page.has-sidebar main.wrap.wide,
html body.camporga-admin-page.has-sidebar main.wrap,
html body.camporga-admin-page.has-sidebar main.wrap.wide,
html body.settings-v83.has-sidebar main.wrap,
html body.settings-v127.has-sidebar main.wrap,
html body.settings-compact-v126.has-sidebar main.wrap{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:var(--co-content-pad)!important;
}
html body.settings-page.has-sidebar .settings-v83-wrap,
html body.settings-page.has-sidebar .settings-clean-hero,
html body.settings-page.has-sidebar .settings-trip-card,
html body.camporga-admin-page.has-sidebar .co-lists-layout,
html body.camporga-admin-page.has-sidebar .co-list-content,
html body.camporga-admin-page.has-sidebar .co-list-panel{
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Footer im rechten Content */
html body.has-sidebar footer.footer,
html body.has-sidebar .page-area > footer.footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px var(--co-content-pad)!important;
  box-sizing:border-box!important;
}
html body.has-sidebar footer.footer .footer-card{
  max-width:none!important;
  width:100%!important;
}

/* Mobile normaler Flow */
@media(max-width:980px){
  html body.has-sidebar{
    overflow:auto!important;
    width:100%!important;
    max-width:none!important;
  }
  html body.has-sidebar .app-shell{
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html body.has-sidebar aside.sidebar{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html body.has-sidebar .page-area{
    margin-left:0!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* CampOrga v215 – doppelte Trennlinie über "Aktive Reise" entfernen */
html body.has-sidebar aside.sidebar .side-section{
  border-top:0!important;
}

/* Nur die Linie zwischen START und AKTIVE REISE einmal sauber halten */
html body.has-sidebar aside.sidebar .side-section + .side-section{
  border-top:0!important;
}

/* Falls alte Regeln pseudo-Linien erzeugen */
html body.has-sidebar aside.sidebar .side-section::before,
html body.has-sidebar aside.sidebar .side-section::after{
  display:none!important;
  content:none!important;
}


/* CampOrga v216 – rechter Inhaltsbereich edel etwas heller, Sidebar bleibt dunkel */
html body.has-sidebar{
  background:#030712!important;
}

/* Sidebar bewusst tief/dunkel lassen */
html body.has-sidebar aside.sidebar{
  background:
    radial-gradient(circle at 18% 0,rgba(250,204,21,.08),transparent 28%),
    linear-gradient(180deg,#050914,#030712 62%,#020617)!important;
  border-right:1px solid rgba(148,163,184,.14)!important;
}

/* Gesamter Content-Bereich minimal heller als Sidebar */
html body.has-sidebar .page-area{
  background:
    radial-gradient(circle at 78px 32px,rgba(56,189,248,.055),transparent 260px),
    radial-gradient(circle at 96% 18%,rgba(250,204,21,.045),transparent 340px),
    linear-gradient(180deg,#0b1220 0%,#08111f 44%,#07101d 100%)!important;
}

/* Topbar im Content passend etwas heller/glasiger */
html body.has-sidebar .pagebar{
  background:rgba(11,18,32,.82)!important;
  border-bottom:1px solid rgba(148,163,184,.15)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.18)!important;
}

/* Karten auf dem helleren Content nicht zu hart schwarz */
html body.has-sidebar .card,
html body.has-sidebar .co-list-panel,
html body.has-sidebar .co-list-toolbar,
html body.has-sidebar .co-list-hero,
html body.has-sidebar .settings-clean-hero,
html body.has-sidebar .settings-trip-card,
html body.has-sidebar .settings-vehicle-card,
html body.has-sidebar .admin-card-v176,
html body.has-sidebar .admin-user-toolbar-v176,
html body.has-sidebar .admin-users-hero-v176,
html body.has-sidebar .support-shell-v142{
  background:
    radial-gradient(circle at 12% 0,rgba(250,204,21,.055),transparent 34%),
    linear-gradient(180deg,rgba(18,27,45,.92),rgba(10,17,31,.94))!important;
  border-color:rgba(148,163,184,.17)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.22)!important;
}

/* Innenfelder etwas absetzen, aber weiter dunkel-edel */
html body.has-sidebar input,
html body.has-sidebar textarea,
html body.has-sidebar select{
  background:rgba(4,10,22,.70)!important;
  border-color:rgba(148,163,184,.19)!important;
}

/* Tabellen/Listen-Zeilen mit leichterem Slate statt fast schwarz */
html body.has-sidebar .lt-item,
html body.has-sidebar .co-check-row,
html body.has-sidebar .admin-mail-row-v180,
html body.has-sidebar .admin-block-row,
html body.has-sidebar .support-conv-card,
html body.has-sidebar .excluded-row-v200,
html body.has-sidebar .unified-category-row-v203{
  background:rgba(13,22,38,.72)!important;
  border-color:rgba(148,163,184,.15)!important;
}

/* Hero-Flächen edel, aber nicht bunt */
html body.has-sidebar .co-list-hero,
html body.has-sidebar .admin-users-hero-v176,
html body.has-sidebar .settings-clean-hero{
  background:
    radial-gradient(circle at 90% 4%,rgba(250,204,21,.08),transparent 320px),
    linear-gradient(135deg,rgba(25,37,58,.88),rgba(13,22,39,.94))!important;
}

/* Footer dem neuen Content-Untergrund angleichen */
html body.has-sidebar footer.footer,
html body.has-sidebar .page-area > footer.footer{
  background:rgba(8,17,31,.78)!important;
  border-top:1px solid rgba(148,163,184,.13)!important;
}
html body.has-sidebar footer.footer .footer-card{
  background:rgba(11,18,32,.72)!important;
  border-color:rgba(148,163,184,.13)!important;
}

/* Modale bleiben bewusst dunkel, damit Fokus erhalten bleibt */
html body.has-sidebar .modalbox{
  background:
    radial-gradient(circle at 14% 0,rgba(250,204,21,.10),transparent 32%),
    linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;
}


/* CampOrga v218 – rechter Inhaltsbereich sichtbar heller/edler, Sidebar bleibt dunkel */
html body.has-sidebar aside.sidebar{
  background:
    radial-gradient(circle at 18% 0,rgba(250,204,21,.08),transparent 28%),
    linear-gradient(180deg,#050914,#030712 62%,#020617)!important;
}

/* Der komplette rechte Bereich bekommt einen deutlich abgesetzten Slate-Ton */
html body.has-sidebar .page-area{
  background:
    radial-gradient(circle at 12% 0,rgba(56,189,248,.075),transparent 340px),
    radial-gradient(circle at 94% 8%,rgba(250,204,21,.060),transparent 420px),
    linear-gradient(180deg,#101a2c 0%,#0d1728 44%,#0b1424 100%)!important;
}

/* Topbar rechts nicht mehr fast schwarz */
html body.has-sidebar .pagebar{
  background:rgba(16,26,44,.88)!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}

/* Hauptkarten/Module: edler Slate statt fast schwarz */
html body.has-sidebar .card,
html body.has-sidebar .glass,
html body.has-sidebar .co-list-hero,
html body.has-sidebar .co-list-toolbar,
html body.has-sidebar .co-list-panel,
html body.has-sidebar .settings-clean-hero,
html body.has-sidebar .settings-trip-card,
html body.has-sidebar .settings-vehicle-card,
html body.has-sidebar .admin-card-v176,
html body.has-sidebar .admin-users-hero-v176,
html body.has-sidebar .admin-user-toolbar-v176,
html body.has-sidebar .support-shell-v142,
html body.has-sidebar .tripcard,
html body.has-sidebar .day-summary,
html body.has-sidebar .location-card,
html body.has-sidebar .formcard{
  background:
    radial-gradient(circle at 10% 0,rgba(250,204,21,.055),transparent 34%),
    linear-gradient(180deg,rgba(24,36,58,.94),rgba(14,24,41,.96))!important;
  border-color:rgba(148,163,184,.20)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.20)!important;
}

/* Innenflächen/Zeilen etwas heller als bisher, aber weiterhin dunkel-edel */
html body.has-sidebar .lt-item,
html body.has-sidebar .co-check-row,
html body.has-sidebar .admin-mail-row-v180,
html body.has-sidebar .admin-block-row,
html body.has-sidebar .support-conv-card,
html body.has-sidebar .excluded-row-v200,
html body.has-sidebar .unified-category-row-v203,
html body.has-sidebar .admin-audit-grid-v180 > div,
html body.has-sidebar .co-list-stats div,
html body.has-sidebar .settings-price-card,
html body.has-sidebar .energy-row,
html body.has-sidebar .price-row,
html body.has-sidebar .templateitem,
html body.has-sidebar .checkrow{
  background:rgba(20,32,52,.78)!important;
  border-color:rgba(148,163,184,.18)!important;
}

/* Eingaben nicht mehr komplett schwarz */
html body.has-sidebar input,
html body.has-sidebar textarea,
html body.has-sidebar select{
  background:rgba(8,16,31,.76)!important;
  border-color:rgba(148,163,184,.22)!important;
}

/* Listen-/Settings-Navigation innerhalb des Contents sichtbar absetzen */
html body.has-sidebar .co-list-sidebar,
html body.has-sidebar .settings-side,
html body.has-sidebar .settings-tabs,
html body.has-sidebar .admin-side,
html body.has-sidebar .config-tabs{
  background:rgba(15,25,43,.80)!important;
  border-color:rgba(148,163,184,.18)!important;
}

/* Hero-Flächen rechts etwas hochwertiger heller */
html body.has-sidebar .co-list-hero,
html body.has-sidebar .admin-users-hero-v176,
html body.has-sidebar .settings-clean-hero,
html body.has-sidebar .camporga-admin-page .co-list-hero{
  background:
    radial-gradient(circle at 92% 8%,rgba(250,204,21,.10),transparent 360px),
    linear-gradient(135deg,rgba(31,45,68,.94),rgba(17,29,49,.96))!important;
}

/* Footer an helleren Content anpassen */
html body.has-sidebar footer.footer,
html body.has-sidebar .page-area > footer.footer{
  background:rgba(13,23,39,.82)!important;
  border-top:1px solid rgba(148,163,184,.16)!important;
}
html body.has-sidebar footer.footer .footer-card{
  background:rgba(17,28,48,.76)!important;
  border-color:rgba(148,163,184,.16)!important;
}

/* Text-Kontrast bleibt klar */
html body.has-sidebar .page-area p,
html body.has-sidebar .page-area span,
html body.has-sidebar .page-area small{
  color-scheme:dark!important;
}

/* Modale bleiben etwas dunkler als Content für Fokus */
html body.has-sidebar .modalbox{
  background:
    radial-gradient(circle at 14% 0,rgba(250,204,21,.10),transparent 32%),
    linear-gradient(180deg,rgba(15,23,42,.98),rgba(3,7,18,.98))!important;
}


/* CampOrga v219 – Layout/Listen/Modale sauber finalisieren */
:root{
  --co-sidebar-width:320px;
  --co-content-pad:10px;
}

/* Rechtes Layout fest neben Sidebar, auch für Settings/Adminseiten */
html body.has-sidebar{
  margin:0!important;
  width:100vw!important;
  max-width:100vw!important;
  overflow:hidden!important;
  background:#030712!important;
}
html body.has-sidebar .app-shell{
  display:block!important;
  width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  overflow:hidden!important;
}
html body.has-sidebar aside.sidebar{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  z-index:80!important;
  width:var(--co-sidebar-width)!important;
  min-width:var(--co-sidebar-width)!important;
  max-width:var(--co-sidebar-width)!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
}
html body.has-sidebar .page-area{
  position:relative!important;
  margin-left:var(--co-sidebar-width)!important;
  width:calc(100vw - var(--co-sidebar-width))!important;
  max-width:calc(100vw - var(--co-sidebar-width))!important;
  min-width:0!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  background:
    radial-gradient(circle at 12% 0,rgba(56,189,248,.075),transparent 340px),
    radial-gradient(circle at 94% 8%,rgba(250,204,21,.060),transparent 420px),
    linear-gradient(180deg,#101a2c 0%,#0d1728 44%,#0b1424 100%)!important;
}
html body.has-sidebar .pagebar{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:10px var(--co-content-pad) 8px!important;
  box-sizing:border-box!important;
  background:rgba(16,26,44,.88)!important;
}
html body.has-sidebar .page-area > main.wrap,
html body.has-sidebar .page-area > main.wrap.wide,
html body.has-sidebar main.wrap,
html body.has-sidebar main.wrap.wide{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:var(--co-content-pad)!important;
  box-sizing:border-box!important;
  flex:1 0 auto!important;
}

/* Alle Hauptcontainer wirklich neue Breite nutzen */
html body.has-sidebar main.wrap > *,
html body.has-sidebar main.wrap.wide > *,
html body.has-sidebar .settings-v83-wrap,
html body.has-sidebar .settings-clean-hero,
html body.has-sidebar .settings-layout,
html body.has-sidebar .settings-trip-card,
html body.has-sidebar .settings-vehicle-card,
html body.has-sidebar .co-list-hero,
html body.has-sidebar .co-list-toolbar,
html body.has-sidebar .co-lists-layout,
html body.has-sidebar .co-list-content,
html body.has-sidebar .co-list-panel,
html body.has-sidebar .admin-users-hero-v176,
html body.has-sidebar .admin-user-toolbar-v176,
html body.has-sidebar .admin-users-layout-v176,
html body.has-sidebar .support-shell-v142,
html body.has-sidebar .dashboard-grid,
html body.has-sidebar .trips-grid,
html body.has-sidebar .trip-layout,
html body.has-sidebar .route-layout,
html body.has-sidebar .card{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* Spezielle alte Settings-Zentrierung killen */
html body.settings-page.has-sidebar main.wrap,
html body.settings-page.has-sidebar main.wrap.wide,
html body.camporga-admin-page.has-sidebar main.wrap,
html body.camporga-admin-page.has-sidebar main.wrap.wide,
html body.settings-v83.has-sidebar main.wrap,
html body.settings-v127.has-sidebar main.wrap,
html body.settings-compact-v126.has-sidebar main.wrap{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:var(--co-content-pad)!important;
}
html body.settings-page.has-sidebar .settings-v83-wrap,
html body.settings-page.has-sidebar .settings-clean-v123,
html body.settings-page.has-sidebar .settings-layout,
html body.camporga-admin-page.has-sidebar .co-lists-layout,
html body.camporga-admin-page.has-sidebar .co-list-content{
  max-width:none!important;
  width:100%!important;
}

/* Karten heller und ohne eckige Deko-Kästen */
html body.has-sidebar .card,
html body.has-sidebar .glass,
html body.has-sidebar .co-list-hero,
html body.has-sidebar .co-list-toolbar,
html body.has-sidebar .co-list-panel,
html body.has-sidebar .settings-clean-hero,
html body.has-sidebar .settings-trip-card,
html body.has-sidebar .settings-vehicle-card,
html body.has-sidebar .admin-card-v176,
html body.has-sidebar .admin-users-hero-v176,
html body.has-sidebar .admin-user-toolbar-v176,
html body.has-sidebar .support-shell-v142,
html body.has-sidebar .tripcard,
html body.has-sidebar .day-summary,
html body.has-sidebar .location-card,
html body.has-sidebar .formcard{
  background:
    radial-gradient(circle at 10% 0,rgba(250,204,21,.055),transparent 34%),
    linear-gradient(180deg,rgba(24,36,58,.94),rgba(14,24,41,.96))!important;
  border-color:rgba(148,163,184,.20)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
}

/* Runde Deko ohne sichtbaren eckigen Kasten */
html body.has-sidebar .co-list-hero::before,
html body.has-sidebar .co-list-hero::after,
html body.has-sidebar .settings-clean-hero::before,
html body.has-sidebar .settings-clean-hero::after,
html body.has-sidebar .admin-users-hero-v176::before,
html body.has-sidebar .admin-users-hero-v176::after,
html body.has-sidebar .card::before,
html body.has-sidebar .card::after{
  border-radius:9999px!important;
  box-shadow:none!important;
}
html body.has-sidebar .co-list-hero::after,
html body.has-sidebar .settings-clean-hero::after,
html body.has-sidebar .admin-users-hero-v176::after{
  background:radial-gradient(circle,rgba(250,204,21,.10) 0%,rgba(250,204,21,.045) 42%,transparent 70%)!important;
  border:1px solid rgba(250,204,21,.12)!important;
}

/* Aktive Listen: Menge immer sichtbar, wenn Wert/Einheit existiert */
html body.has-sidebar .co-item-qty-v219{
  display:inline-flex!important;
  color:#e5e7eb!important;
  background:rgba(148,163,184,.12)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:999px!important;
  padding:3px 8px!important;
  font-size:11px!important;
  font-weight:900!important;
}

/* Listen Vorlagen/Admin Vorlagen: keine Überlappungen */
html body.list-templates-page.has-sidebar .lt-item,
html body.list-templates-admin-v148.has-sidebar .lt-item{
  display:grid!important;
  grid-template-columns:minmax(210px,1.2fr) 86px 96px minmax(150px,.8fr) 112px 38px!important;
  gap:8px!important;
  align-items:center!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}
html body.list-templates-page.has-sidebar .lt-item > *,
html body.list-templates-admin-v148.has-sidebar .lt-item > *{
  min-width:0!important;
  max-width:100%!important;
}
html body.list-templates-page.has-sidebar .lt-item input,
html body.list-templates-page.has-sidebar .lt-item select,
html body.list-templates-admin-v148.has-sidebar .lt-item input,
html body.list-templates-admin-v148.has-sidebar .lt-item select{
  width:100%!important;
  min-width:0!important;
}
html body.list-templates-page.has-sidebar .lt-rule-open,
html body.list-templates-admin-v148.has-sidebar .lt-rule-open{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body.list-templates-page.has-sidebar .lt-item .btn.danger,
html body.list-templates-admin-v148.has-sidebar .lt-item .btn.danger{
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  padding:0!important;
}

/* Kategorie-/Einheiten-Modale Admin: X-Button statt Text sauber quadratisch */
html body.has-sidebar .unified-category-delete-v203,
html body.has-sidebar .mini-delete{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  border-radius:12px!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:1000!important;
  overflow:hidden!important;
}

/* Admin ist Quelle für Kategorien/Einheiten: User-Buttons sicher weg */
html body.list-templates-page.has-sidebar button[onclick*="categoryModal"],
html body.list-templates-page.has-sidebar button[onclick*="unitModal"]{
  display:none!important;
}

/* Content-interne Sidebars in Einstellungen nicht versetzen */
html body.settings-page.has-sidebar .settings-clean-grid,
html body.settings-page.has-sidebar .settings-layout,
html body.camporga-admin-page.has-sidebar .co-lists-layout{
  align-items:start!important;
  gap:12px!important;
}

@media(max-width:1300px){
  html body.list-templates-page.has-sidebar .lt-item,
  html body.list-templates-admin-v148.has-sidebar .lt-item{
    grid-template-columns:minmax(220px,1fr) 86px 96px minmax(150px,1fr)!important;
  }
  html body.list-templates-page.has-sidebar .lt-rule-open,
  html body.list-templates-admin-v148.has-sidebar .lt-rule-open,
  html body.list-templates-page.has-sidebar .lt-item .btn.danger,
  html body.list-templates-admin-v148.has-sidebar .lt-item .btn.danger{
    width:100%!important;
    max-width:none!important;
  }
}
@media(max-width:980px){
  html body.has-sidebar{
    overflow:auto!important;
    width:100%!important;
    max-width:none!important;
  }
  html body.has-sidebar .app-shell{
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html body.has-sidebar aside.sidebar{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html body.has-sidebar .page-area{
    margin-left:0!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html body.list-templates-page.has-sidebar .lt-item,
  html body.list-templates-admin-v148.has-sidebar .lt-item{
    grid-template-columns:1fr!important;
  }
}


/* CampOrga v220 – Fahrtstrecke zwischen Reisetagen */
.day-route-distance-v220{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  width:min(760px,calc(100% - 84px))!important;
  margin:-4px 0 14px 84px!important;
  padding:12px 14px!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 0 0,rgba(250,204,21,.13),transparent 42%),
    linear-gradient(135deg,rgba(22,34,55,.94),rgba(12,21,38,.96))!important;
  border:1px solid rgba(250,204,21,.24)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.18)!important;
  position:relative!important;
}
.day-route-distance-v220:before{
  content:""!important;
  position:absolute!important;
  left:-38px!important;
  top:50%!important;
  width:30px!important;
  height:2px!important;
  background:linear-gradient(90deg,rgba(250,204,21,.14),rgba(250,204,21,.70))!important;
  border-radius:999px!important;
}
.day-route-distance-v220 .route-dot{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  color:#111827!important;
  box-shadow:0 12px 30px rgba(250,204,21,.16)!important;
}
.day-route-distance-v220 .route-copy{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
.day-route-distance-v220 strong{
  color:#fff!important;
  font-size:16px!important;
  line-height:1.1!important;
  font-weight:1000!important;
}
.day-route-distance-v220 small{
  color:#cbd5e1!important;
  font-size:12px!important;
  font-weight:850!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.day-route-distance-v220.missing_address,
.day-route-distance-v220.not_found,
.day-route-distance-v220.route_error{
  opacity:.72!important;
  border-color:rgba(148,163,184,.18)!important;
}
.day-route-distance-v220.missing_address .route-dot,
.day-route-distance-v220.not_found .route-dot,
.day-route-distance-v220.route_error .route-dot{
  background:rgba(148,163,184,.16)!important;
  color:#e5e7eb!important;
  box-shadow:none!important;
}
@media(max-width:760px){
  .day-route-distance-v220{
    width:100%!important;
    margin:0 0 12px 0!important;
  }
  .day-route-distance-v220:before{display:none!important;}
}


/* CampOrga v221 – aktive Fahrtziele und Tages-Fahrtstrecken */
.route-active-toggle-v221{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:12px!important;
  border-radius:18px!important;
  background:rgba(250,204,21,.075)!important;
  border:1px solid rgba(250,204,21,.22)!important;
}
.route-active-toggle-v221 input{
  width:22px!important;
  height:22px!important;
  accent-color:#facc15!important;
}
.route-active-toggle-v221 span{
  display:grid!important;
  gap:2px!important;
}
.route-active-toggle-v221 b{
  color:#fff!important;
  font-size:14px!important;
}
.route-active-toggle-v221 small{
  color:#cbd5e1!important;
  font-size:12px!important;
}
.day-route-distance-v220{
  width:min(880px,calc(100% - 84px))!important;
  align-items:start!important;
}
.day-route-distance-v220 .route-segments-v221{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-top:8px!important;
}
.day-route-distance-v220 .route-segments-v221 span{
  display:inline-flex!important;
  align-items:center!important;
  max-width:100%!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.68)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#e5e7eb!important;
  font-size:11px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.day-route-distance-v220.route-open{
  border-color:rgba(250,204,21,.20)!important;
}
.place-list-main span{
  line-height:1.25!important;
}
@media(max-width:760px){
  .day-route-distance-v220 .route-segments-v221 span{
    white-space:normal!important;
  }
}


/* CampOrga v223 – Fahrtstrecken Refresh & robuste Berechnungsanzeige */
.route-refresh-switch-v223{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.trip-switch-buttons-v223{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.route-refresh-form-v223{
  margin:0!important;
}
.route-refresh-form-v223 .btn{
  white-space:nowrap!important;
}
.day-route-distance-v220.route-open strong{
  color:#fde68a!important;
}
@media(max-width:760px){
  .route-refresh-switch-v223{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .trip-switch-buttons-v223,
  .route-refresh-form-v223 .btn{
    width:100%!important;
  }
}


/* CampOrga v224 – Fahrtstrecke optisch zwischen zwei Reisetagen platzieren */
.day-route-distance-v220.between-days-v224{
  margin-top:-2px!important;
  margin-bottom:22px!important;
}
.day-route-distance-v220.between-days-v224:after{
  content:""!important;
  position:absolute!important;
  left:-38px!important;
  bottom:-22px!important;
  width:2px!important;
  height:22px!important;
  background:linear-gradient(180deg,rgba(250,204,21,.42),rgba(250,204,21,.10))!important;
  border-radius:999px!important;
}
@media(max-width:760px){
  .day-route-distance-v220.between-days-v224:after{
    display:none!important;
  }
}


/* CampOrga v225 – Abfahrtadresse/Zuhause direkt im Reiseverlauf */
.route-start-address-card-v225{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,620px)!important;
  gap:16px!important;
  align-items:center!important;
  margin:0 0 14px!important;
  padding:14px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 0 0,rgba(250,204,21,.10),transparent 35%),
    linear-gradient(135deg,rgba(24,36,58,.94),rgba(14,24,41,.96))!important;
  border:1px solid rgba(250,204,21,.18)!important;
}
.route-start-copy-v225{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  min-width:0!important;
}
.route-start-icon-v225{
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  color:#111827!important;
  box-shadow:0 12px 30px rgba(250,204,21,.14)!important;
}
.route-start-copy-v225 h3{
  margin:2px 0!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.05!important;
}
.route-start-copy-v225 small{
  color:#cbd5e1!important;
  font-weight:800!important;
}
.route-start-form-v225{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  margin:0!important;
}
.route-start-form-v225 input[name="base_location"]{
  min-height:42px!important;
  border-radius:14px!important;
}
.route-start-form-v225 .btn{
  min-height:42px!important;
  border-radius:14px!important;
  white-space:nowrap!important;
}
@media(max-width:980px){
  .route-start-address-card-v225{
    grid-template-columns:1fr!important;
  }
  .route-start-form-v225{
    grid-template-columns:1fr!important;
  }
  .route-start-form-v225 .btn{
    width:100%!important;
  }
}


/* CampOrga v226 – Fahrtwegberechnung kompakt + manuelle Kilometer */
.route-chip-edit-v226{
  gap:7px!important;
  padding-right:6px!important;
}
.route-chip-manual-v226{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
}
.route-chip-manual-v226 input{
  width:54px!important;
  min-height:24px!important;
  height:24px!important;
  border-radius:9px!important;
  padding:2px 6px!important;
  font-size:11px!important;
}
.route-chip-manual-v226 .btn.tiny{
  min-height:24px!important;
  height:24px!important;
  border-radius:9px!important;
  padding:0 7px!important;
  font-size:10px!important;
}
.routecalc-board-v226{
  padding:16px!important;
}
.routecalc-head-v226{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin-bottom:14px!important;
}
.routecalc-head-v226 h2{
  margin:2px 0!important;
  color:#fff!important;
  font-size:30px!important;
}
.routecalc-head-v226 span,
.routecalc-head-v226 strong{
  color:#cbd5e1!important;
  font-weight:900!important;
}
.routecalc-flow-v226{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important;
  gap:8px!important;
  align-items:center!important;
}
.routecalc-node-v226{
  min-height:62px!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  padding:9px 10px!important;
  border-radius:16px!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.18)!important;
}
.routecalc-node-v226.is-low{transform:translateY(10px)!important;}
.routecalc-node-v226.is-high{transform:translateY(-6px)!important;}
.routecalc-node-v226 span{
  color:#fff!important;
  font-size:13px!important;
  font-weight:1000!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.routecalc-node-v226 em{
  color:#94a3b8!important;
  font-size:10px!important;
  font-style:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.routecalc-line-v226{
  min-height:38px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
}
.routecalc-line-v226:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:50%!important;
  height:2px!important;
  background:linear-gradient(90deg,rgba(250,204,21,.18),rgba(250,204,21,.72),rgba(250,204,21,.18))!important;
  border-radius:999px!important;
}
.routecalc-line-v226 b{
  position:relative!important;
  z-index:1!important;
  display:inline-flex!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  color:#111827!important;
  font-size:11px!important;
  font-weight:1000!important;
  box-shadow:0 8px 20px rgba(250,204,21,.14)!important;
}
.routecalc-empty-v226{
  padding:14px!important;
  border-radius:16px!important;
  background:rgba(15,23,42,.6)!important;
}
@media(max-width:760px){
  .routecalc-flow-v226{
    grid-template-columns:1fr!important;
  }
  .routecalc-node-v226.is-low,
  .routecalc-node-v226.is-high{
    transform:none!important;
  }
}


/* CampOrga v227 – Listen-Vorlagen/Admin-Vorlagen sauber, Buttons sichtbar, keine Überlappung */

/* Admin: Kategorien/Einheiten wieder sichtbar. Die v219-Regel darf Admin NICHT verstecken. */
html body.list-templates-admin-v148.has-sidebar button[onclick*="categoryModal"],
html body.list-templates-admin-v148.has-sidebar button[onclick*="unitModal"]{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}

/* User-Vorlagen: Kategorien/Einheiten bleiben bewusst nicht als Pflegebereich sichtbar */
html body.list-templates-page.has-sidebar:not(.list-templates-admin-v148) button[onclick*="categoryModal"],
html body.list-templates-page.has-sidebar:not(.list-templates-admin-v148) button[onclick*="unitModal"]{
  display:none!important;
}

/* Hero-Actions bei beiden Seiten sauber als Buttonleiste */
html body.list-templates-page.has-sidebar .co-list-hero,
html body.list-templates-admin-v148.has-sidebar .co-list-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:16px!important;
  align-items:stretch!important;
}
html body.list-templates-page.has-sidebar .co-list-actions,
html body.list-templates-admin-v148.has-sidebar .co-list-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:16px!important;
}
html body.list-templates-page.has-sidebar .co-list-actions .btn,
html body.list-templates-admin-v148.has-sidebar .co-list-actions .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  white-space:nowrap!important;
}

/* Hauptlayout: linke Vorlagen-Spalte und rechter Editor strikt getrennt */
html body.list-templates-page.has-sidebar .co-lists-layout,
html body.list-templates-admin-v148.has-sidebar .co-lists-layout{
  display:grid!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
}
html body.list-templates-page.has-sidebar .co-list-sidebar,
html body.list-templates-admin-v148.has-sidebar .co-list-sidebar{
  position:sticky!important;
  top:86px!important;
  width:320px!important;
  max-width:320px!important;
  min-width:0!important;
  align-self:start!important;
  z-index:2!important;
  box-sizing:border-box!important;
  margin:0!important;
}
html body.list-templates-page.has-sidebar .co-list-content,
html body.list-templates-admin-v148.has-sidebar .co-list-content{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
}
html body.list-templates-page.has-sidebar .co-list-panel,
html body.list-templates-admin-v148.has-sidebar .co-list-panel{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:hidden!important;
}

/* Panel-Header: Aktionen nicht mehr in den Titel quetschen */
html body.list-templates-page.has-sidebar .co-panel-head,
html body.list-templates-admin-v148.has-sidebar .co-panel-head{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  padding:16px!important;
}
html body.list-templates-page.has-sidebar .co-panel-head .lt-panel-actions,
html body.list-templates-admin-v148.has-sidebar .co-panel-head .lt-panel-actions{
  grid-column:1 / -1!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
  margin-top:2px!important;
}
html body.list-templates-admin-v148.has-sidebar .admin-list-title-form-v201{
  min-width:0!important;
  width:100%!important;
}
html body.list-templates-admin-v148.has-sidebar .admin-list-title-input-v201{
  width:100%!important;
  min-width:0!important;
}

/* Positionszeilen: keine überlappenden Spalten mehr */
html body.list-templates-page.has-sidebar .lt-items,
html body.list-templates-admin-v148.has-sidebar .lt-items{
  display:grid!important;
  gap:8px!important;
  padding:12px!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
html body.list-templates-page.has-sidebar .lt-item,
html body.list-templates-admin-v148.has-sidebar .lt-item{
  display:grid!important;
  grid-template-columns:minmax(240px,1.4fr) 88px 96px minmax(150px,.75fr) 108px 40px!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:8px!important;
  overflow:visible!important;
}
html body.list-templates-page.has-sidebar .lt-item > *,
html body.list-templates-admin-v148.has-sidebar .lt-item > *{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
html body.list-templates-page.has-sidebar .lt-item input,
html body.list-templates-page.has-sidebar .lt-item select,
html body.list-templates-page.has-sidebar .lt-item button,
html body.list-templates-admin-v148.has-sidebar .lt-item input,
html body.list-templates-admin-v148.has-sidebar .lt-item select,
html body.list-templates-admin-v148.has-sidebar .lt-item button{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
html body.list-templates-page.has-sidebar .lt-rule-open,
html body.list-templates-admin-v148.has-sidebar .lt-rule-open{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  padding-left:9px!important;
  padding-right:9px!important;
}
html body.list-templates-page.has-sidebar .lt-item .btn.danger,
html body.list-templates-admin-v148.has-sidebar .lt-item .btn.danger{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:36px!important;
  padding:0!important;
}
html body.list-templates-page.has-sidebar .lt-add-item button,
html body.list-templates-admin-v148.has-sidebar .lt-add-item button{
  min-width:96px!important;
  width:auto!important;
}

/* Linke Vorlagenliste kompakt und ohne Überdeckung */
html body.list-templates-page.has-sidebar .co-list-nav,
html body.list-templates-admin-v148.has-sidebar .co-list-nav{
  display:grid!important;
  gap:8px!important;
}
html body.list-templates-page.has-sidebar .co-list-nav button,
html body.list-templates-admin-v148.has-sidebar .co-list-nav button{
  width:100%!important;
  min-height:56px!important;
  height:auto!important;
  padding:9px 10px!important;
  border-radius:16px!important;
}

/* Falls alte Inline-Hardfixes nochmal reinpfuschen: bei schmalerem Platz sauber umbrechen */
@media(max-width:1450px){
  html body.list-templates-page.has-sidebar .lt-item,
  html body.list-templates-admin-v148.has-sidebar .lt-item{
    grid-template-columns:minmax(220px,1fr) 82px 92px minmax(140px,.8fr)!important;
  }
  html body.list-templates-page.has-sidebar .lt-rule-open,
  html body.list-templates-admin-v148.has-sidebar .lt-rule-open,
  html body.list-templates-page.has-sidebar .lt-item .btn.danger,
  html body.list-templates-admin-v148.has-sidebar .lt-item .btn.danger,
  html body.list-templates-page.has-sidebar .lt-add-item button,
  html body.list-templates-admin-v148.has-sidebar .lt-add-item button{
    width:100%!important;
    max-width:none!important;
  }
}
@media(max-width:1050px){
  html body.list-templates-page.has-sidebar .co-list-hero,
  html body.list-templates-admin-v148.has-sidebar .co-list-hero,
  html body.list-templates-page.has-sidebar .co-lists-layout,
  html body.list-templates-admin-v148.has-sidebar .co-lists-layout{
    grid-template-columns:1fr!important;
  }
  html body.list-templates-page.has-sidebar .co-list-sidebar,
  html body.list-templates-admin-v148.has-sidebar .co-list-sidebar{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:none!important;
  }
  html body.list-templates-page.has-sidebar .lt-item,
  html body.list-templates-admin-v148.has-sidebar .lt-item{
    grid-template-columns:1fr!important;
  }
}


/* CampOrga v228 – Einheiten-Modal optisch 1:1 wie Kategorien-Modal */
#unitModal.unified-category-modal-v203{
  z-index:2147482600!important;
  display:none;
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
  background:rgba(2,6,23,.78)!important;
  backdrop-filter:blur(14px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(140%)!important;
}
#unitModal.unified-category-modal-v203.open,
#unitModal.unified-category-modal-v203.show,
#unitModal.unified-category-modal-v203.is-open{
  display:flex!important;
}
#unitModal.unified-category-modal-v203 .unified-category-box-v203{
  position:relative!important;
  width:min(640px,calc(100vw - 30px))!important;
  max-height:82dvh!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:26px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:
    radial-gradient(circle at 14% 0,rgba(250,204,21,.16),transparent 33%),
    radial-gradient(circle at 92% 4%,rgba(56,189,248,.10),transparent 28%),
    linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.64), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
/* alte Einheiten-Sonderklasse darf nichts mehr beeinflussen */
#unitModal.unified-unit-modal-v207{
  all:unset;
}
@media(max-width:680px){
  #unitModal.unified-category-modal-v203{padding:9px!important;}
  #unitModal.unified-category-modal-v203 .unified-category-box-v203{
    width:calc(100vw - 18px)!important;
    max-height:88dvh!important;
    border-radius:22px!important;
  }
}


/* CampOrga v229 – Kategorie- und Einheiten-Modal WIRKLICH 1:1 */
#categoryModal.unified-category-modal-v203,
#unitModal.unified-category-modal-v203{
  z-index:2147482600!important;
  display:none;
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
  background:rgba(2,6,23,.78)!important;
  backdrop-filter:blur(14px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(140%)!important;
}
#categoryModal.unified-category-modal-v203.open,
#categoryModal.unified-category-modal-v203.show,
#categoryModal.unified-category-modal-v203.is-open,
#unitModal.unified-category-modal-v203.open,
#unitModal.unified-category-modal-v203.show,
#unitModal.unified-category-modal-v203.is-open{
  display:flex!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-box-v203,
#unitModal.unified-category-modal-v203 .unified-category-box-v203{
  position:relative!important;
  width:min(640px,calc(100vw - 30px))!important;
  max-height:82dvh!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:26px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:
    radial-gradient(circle at 14% 0,rgba(250,204,21,.16),transparent 33%),
    radial-gradient(circle at 92% 4%,rgba(56,189,248,.10),transparent 28%),
    linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.64), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-head-v203,
#unitModal.unified-category-modal-v203 .unified-category-head-v203{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:start!important;
  padding:20px 20px 14px!important;
  border-bottom:1px solid rgba(148,163,184,.13)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(15,23,42,.72))!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-head-v203 .eyebrow,
#unitModal.unified-category-modal-v203 .unified-category-head-v203 .eyebrow{
  display:block!important;
  color:#facc15!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  margin-bottom:4px!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-head-v203 h2,
#unitModal.unified-category-modal-v203 .unified-category-head-v203 h2{
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:clamp(25px,3vw,36px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-head-v203 p,
#unitModal.unified-category-modal-v203 .unified-category-head-v203 p{
  margin:0!important;
  color:#cbd5e1!important;
  font-size:12.5px!important;
  line-height:1.38!important;
  max-width:510px!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-x-v203,
#unitModal.unified-category-modal-v203 .unified-category-x-v203{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  border-radius:14px!important;
  border:1px solid rgba(148,163,184,.20)!important;
  background:rgba(2,6,23,.78)!important;
  color:#fff!important;
  cursor:pointer!important;
  z-index:5!important;
  font-size:25px!important;
  line-height:1!important;
  padding:0!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-form-v203,
#unitModal.unified-category-modal-v203 .unified-category-form-v203{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  margin:0!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-list-v203,
#unitModal.unified-category-modal-v203 .unified-category-list-v203{
  display:grid!important;
  gap:7px!important;
  max-height:calc(82dvh - 154px)!important;
  overflow-y:auto!important;
  padding:12px!important;
  scrollbar-width:none!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-list-v203::-webkit-scrollbar,
#unitModal.unified-category-modal-v203 .unified-category-list-v203::-webkit-scrollbar{
  display:none!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-row-v203,
#unitModal.unified-category-modal-v203 .unified-category-row-v203{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 36px!important;
  gap:8px!important;
  align-items:center!important;
  padding:7px!important;
  border-radius:16px!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.14)!important;
  box-shadow:none!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-row-v203 input[type="hidden"],
#unitModal.unified-category-modal-v203 .unified-category-row-v203 input[type="hidden"]{
  display:none!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-row-v203 input:not([type="hidden"]),
#unitModal.unified-category-modal-v203 .unified-category-row-v203 input:not([type="hidden"]){
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  border-radius:13px!important;
  background:rgba(2,6,23,.74)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#fff!important;
  padding:9px 11px!important;
  font-size:14px!important;
  font-weight:850!important;
  outline:none!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-add-v203,
#unitModal.unified-category-modal-v203 .unified-category-add-v203{
  border-color:rgba(250,204,21,.25)!important;
  background:rgba(250,204,21,.07)!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-delete-v203,
#unitModal.unified-category-modal-v203 .unified-category-delete-v203{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  border-radius:12px!important;
  border:1px solid rgba(248,113,113,.28)!important;
  background:rgba(127,29,29,.70)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:1000!important;
  cursor:pointer!important;
}
#categoryModal.unified-category-modal-v203 .unified-category-actions-v203,
#unitModal.unified-category-modal-v203 .unified-category-actions-v203{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:9px!important;
  padding:12px!important;
  border-top:1px solid rgba(148,163,184,.13)!important;
  background:linear-gradient(0deg,rgba(2,6,23,.98),rgba(2,6,23,.88))!important;
}

/* Alte Einheiten-Modal-Sonderregeln komplett neutralisieren */
#unitModal.unified-unit-modal-v207{
  all:unset!important;
}

@media(max-width:680px){
  #categoryModal.unified-category-modal-v203,
  #unitModal.unified-category-modal-v203{padding:9px!important;}
  #categoryModal.unified-category-modal-v203 .unified-category-box-v203,
  #unitModal.unified-category-modal-v203 .unified-category-box-v203{
    width:calc(100vw - 18px)!important;
    max-height:88dvh!important;
    border-radius:22px!important;
  }
  #categoryModal.unified-category-modal-v203 .unified-category-row-v203,
  #unitModal.unified-category-modal-v203 .unified-category-row-v203{
    grid-template-columns:minmax(0,1fr) 36px!important;
  }
}


/* CampOrga v230 – Heimadresse im Reiseverlauf sichtbar */
.route-home-box-v230{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  width:min(760px,calc(100% - 84px))!important;
  margin:0 0 16px 84px!important;
  padding:13px 15px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 0 0,rgba(250,204,21,.14),transparent 44%),
    linear-gradient(135deg,rgba(22,34,55,.96),rgba(12,21,38,.98))!important;
  border:1px solid rgba(250,204,21,.26)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.18)!important;
  position:relative!important;
}
.route-home-box-v230:before{
  content:""!important;
  position:absolute!important;
  left:-38px!important;
  top:50%!important;
  width:30px!important;
  height:2px!important;
  background:linear-gradient(90deg,rgba(250,204,21,.14),rgba(250,204,21,.70))!important;
  border-radius:999px!important;
}
.route-home-end-v230{
  margin-top:6px!important;
  margin-bottom:18px!important;
}
.route-home-icon-v230{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  color:#111827!important;
  font-size:20px!important;
  box-shadow:0 12px 30px rgba(250,204,21,.16)!important;
}
.route-home-box-v230 strong{
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.1!important;
  font-weight:1000!important;
}
.route-home-box-v230 small{
  display:block!important;
  margin-top:3px!important;
  color:#cbd5e1!important;
  font-size:12px!important;
  font-weight:850!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.route-home-missing-v230{
  border-color:rgba(248,113,113,.30)!important;
  background:
    radial-gradient(circle at 0 0,rgba(248,113,113,.12),transparent 44%),
    linear-gradient(135deg,rgba(55,22,34,.96),rgba(24,12,21,.98))!important;
}
.route-home-missing-v230 .route-home-icon-v230{
  background:rgba(127,29,29,.78)!important;
  color:#fff!important;
  box-shadow:none!important;
}
@media(max-width:760px){
  .route-home-box-v230{
    width:100%!important;
    margin:0 0 12px 0!important;
  }
  .route-home-box-v230:before{
    display:none!important;
  }
  .route-home-box-v230 small{
    white-space:normal!important;
  }
}


/* CampOrga v231 – Heimadresse immer sichtbar, auch ohne Ziele */
.route-home-always-v231{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  margin:0 0 14px!important;
  padding:13px 15px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 0 0,rgba(250,204,21,.12),transparent 42%),
    linear-gradient(135deg,rgba(22,34,55,.96),rgba(12,21,38,.98))!important;
  border:1px solid rgba(250,204,21,.24)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
}
.route-home-always-v231 h3{
  margin:2px 0!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.12!important;
  font-weight:1000!important;
}
.route-home-always-v231 small{
  color:#cbd5e1!important;
  font-weight:850!important;
}
.routecalc-flow-empty-v231{
  grid-template-columns:minmax(180px,320px)!important;
  justify-content:start!important;
  margin-bottom:12px!important;
}
.routecalc-home-node-v231{
  border-color:rgba(250,204,21,.28)!important;
  background:
    radial-gradient(circle at 0 0,rgba(250,204,21,.12),transparent 40%),
    rgba(15,23,42,.78)!important;
}


/* CampOrga v233 – nur kleine Heimadresse-Karte anzeigen */
.route-home-always-v231{
  display:none!important;
}
.route-home-start-v230{
  margin-top:0!important;
  margin-bottom:16px!important;
}


/* CampOrga v234 – erster Streckenabschnitt Heimadresse -> Reisetag 1 */
.day-route-distance-v220.first-leg-v234{
  margin-top:-2px!important;
  margin-bottom:18px!important;
}
.day-route-distance-v220.first-leg-v234:after{
  content:""!important;
  position:absolute!important;
  left:-38px!important;
  bottom:-18px!important;
  width:2px!important;
  height:18px!important;
  background:linear-gradient(180deg,rgba(250,204,21,.42),rgba(250,204,21,.10))!important;
  border-radius:999px!important;
}
@media(max-width:760px){
  .day-route-distance-v220.first-leg-v234:after{
    display:none!important;
  }
}


/* CampOrga v235 – Heimadresse als OpenStreetMap-Punkt */
.camp-map-legend i.home{
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  color:#111827!important;
}
.camp-map-marker.home{
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  color:#111827!important;
  border-color:rgba(250,204,21,.70)!important;
  box-shadow:0 12px 28px rgba(250,204,21,.20)!important;
}
.camp-map-popup.modern.home .popup-day,
.camp-map-popup.modern.home .popup-type{
  background:rgba(250,204,21,.14)!important;
  border-color:rgba(250,204,21,.28)!important;
  color:#fde68a!important;
}


/* CampOrga v236 – erste Fahrtstrecke direkt in Heimadresse-Karte */
.day-route-distance-v220.first-leg-v234{
  display:none!important;
}
.route-home-main-v236{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
.route-home-km-v236{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  align-items:center!important;
  margin-top:6px!important;
}
.route-home-km-v236 b{
  display:inline-flex!important;
  align-items:center!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  color:#111827!important;
  font-size:12px!important;
  font-weight:1000!important;
  line-height:1!important;
}
.route-home-km-v236 em{
  display:inline-flex!important;
  align-items:center!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.70)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#cbd5e1!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1!important;
}
.route-home-segments-v236{
  margin-top:7px!important;
}
.route-home-segments-v236 span{
  white-space:normal!important;
}
@media(max-width:760px){
  .route-home-km-v236{
    align-items:flex-start!important;
  }
}


/* CampOrga v237 – Heimadresse: keine Detail-Chips/Manuell-km direkt darunter */
.route-home-start-v230 .route-home-segments-v236,
.route-home-start-v230 .route-chip-edit-v226,
.route-home-start-v230 .route-chip-manual-v226{
  display:none!important;
}
.route-home-start-v230 .route-home-km-v236{
  margin-top:7px!important;
}


/* CampOrga v239 – Aktivitäten wieder anzeigen */
.activity-list-v239{
  display:grid!important;
  gap:10px!important;
  padding:12px!important;
}
.activity-card-v239{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:12px!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.16)!important;
}
.activity-card-v239 strong{
  display:block!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:1000!important;
}
.activity-card-v239 small{
  display:block!important;
  color:#cbd5e1!important;
  font-size:12px!important;
  margin-top:3px!important;
}
.activity-card-v239 small a{
  color:#facc15!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.activity-actions-v239{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.activity-actions-v239 b{
  display:inline-flex!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:rgba(250,204,21,.12)!important;
  border:1px solid rgba(250,204,21,.24)!important;
  color:#fde68a!important;
  font-size:12px!important;
  font-weight:1000!important;
}
@media(max-width:680px){
  .activity-card-v239{
    grid-template-columns:1fr!important;
  }
  .activity-actions-v239{
    justify-content:flex-start!important;
  }
}


/* CampOrga v240a – Reiseverlauf: Tage stärker, Fahrtstrecken dezenter */
.day-route-distance-v220 .route-segments-v221,
.day-route-distance-v220 .route-chip-manual-v226,
.day-route-distance-v220 .route-chip-edit-v226{
  display:none!important;
}

.day-card{
  background:
    radial-gradient(circle at 0 0,rgba(250,204,21,.16),transparent 34%),
    linear-gradient(135deg,rgba(17,24,39,.96),rgba(15,23,42,.94))!important;
  border:1px solid rgba(250,204,21,.22)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.day-card:hover{
  border-color:rgba(250,204,21,.34)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 0 1px rgba(250,204,21,.08)!important;
}
.day-card .datebox{
  background:
    linear-gradient(180deg,rgba(250,204,21,.18),rgba(15,23,42,.70))!important;
  border-color:rgba(250,204,21,.34)!important;
  box-shadow:0 12px 26px rgba(250,204,21,.10)!important;
}
.day-card h3,
.day-card .day-title,
.day-card strong{
  color:#fff!important;
}
.day-card .co-route-line span,
.day-card .parking-open{
  background:rgba(2,6,23,.48)!important;
  border-color:rgba(148,163,184,.16)!important;
}

.day-route-distance-v220{
  width:min(780px,calc(100% - 112px))!important;
  margin-top:12px!important;
  margin-bottom:12px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.44)!important;
  border:1px solid rgba(148,163,184,.14)!important;
  box-shadow:none!important;
  opacity:.82!important;
}
.day-route-distance-v220:before,
.day-route-distance-v220:after{
  opacity:.45!important;
}
.day-route-distance-v220 .route-dot{
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  background:rgba(250,204,21,.16)!important;
  color:#facc15!important;
  box-shadow:none!important;
}
.day-route-distance-v220 .route-copy strong{
  color:#e5e7eb!important;
  font-size:14px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.day-route-distance-v220 .route-copy small{
  color:#94a3b8!important;
  font-size:12px!important;
  font-weight:800!important;
}
.day-route-distance-v220.ok{
  border-color:rgba(250,204,21,.18)!important;
}
.day-route-distance-v220.route-open{
  border-color:rgba(248,113,113,.20)!important;
}
.route-home-box-v230{
  background:
    radial-gradient(circle at 0 0,rgba(250,204,21,.14),transparent 42%),
    rgba(15,23,42,.70)!important;
  border-color:rgba(250,204,21,.26)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.24)!important;
}
@media(max-width:760px){
  .day-route-distance-v220{
    width:100%!important;
  }
}


/* CampOrga v2402 – Tageskarten farbiger, aktiver Tag deutlich */
.day-card{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(250,204,21,.20),transparent 32%),
    radial-gradient(circle at 96% 8%,rgba(56,189,248,.10),transparent 30%),
    linear-gradient(135deg,rgba(30,41,59,.96),rgba(15,23,42,.94) 58%,rgba(8,13,24,.98))!important;
  border:1px solid rgba(250,204,21,.24)!important;
  box-shadow:
    0 18px 58px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.day-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:4px!important;
  background:linear-gradient(180deg,#facc15,#38bdf8)!important;
  opacity:.72!important;
}
.day-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(250,204,21,.045),transparent 34%)!important;
}
.day-card:hover{
  border-color:rgba(250,204,21,.38)!important;
  transform:translateY(-1px)!important;
  box-shadow:
    0 24px 72px rgba(0,0,0,.38),
    0 0 0 1px rgba(250,204,21,.08),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.day-card .datebox{
  background:
    radial-gradient(circle at 30% 0,rgba(250,204,21,.34),transparent 54%),
    linear-gradient(180deg,rgba(30,41,59,.86),rgba(15,23,42,.86))!important;
  border:1px solid rgba(250,204,21,.34)!important;
  box-shadow:0 14px 28px rgba(250,204,21,.10), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.day-card .co-route-line span{
  background:rgba(2,6,23,.50)!important;
  border:1px solid rgba(148,163,184,.17)!important;
  color:#dbeafe!important;
}
.day-card .parking-open{
  background:rgba(2,6,23,.48)!important;
  border-color:rgba(148,163,184,.18)!important;
  color:#f8fafc!important;
}
.day-card .parking-open.day,
.day-card .parking-open.camp,
.day-card .parking-open.general{
  border-color:rgba(250,204,21,.20)!important;
  background:rgba(250,204,21,.075)!important;
}
.day-card .parking-open.night{
  border-color:rgba(56,189,248,.22)!important;
  background:rgba(56,189,248,.07)!important;
}
.day-card .parking-open.activity{
  border-color:rgba(236,72,153,.22)!important;
  background:rgba(236,72,153,.07)!important;
}

/* Heute / aktiver Tag: klarer Fokus */
.day-card.today,
.day-card.is-today,
.day-card.active-day,
.day-card.is-active,
.day-card[data-today="1"],
.day-card[data-active="1"]{
  background:
    radial-gradient(circle at 0% 0%,rgba(250,204,21,.36),transparent 34%),
    radial-gradient(circle at 92% 6%,rgba(56,189,248,.18),transparent 32%),
    linear-gradient(135deg,rgba(48,43,25,.98),rgba(20,31,47,.97) 55%,rgba(8,13,24,.98))!important;
  border-color:rgba(250,204,21,.58)!important;
  box-shadow:
    0 24px 82px rgba(250,204,21,.12),
    0 0 0 1px rgba(250,204,21,.18),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.day-card.today::before,
.day-card.is-today::before,
.day-card.active-day::before,
.day-card.is-active::before,
.day-card[data-today="1"]::before,
.day-card[data-active="1"]::before{
  width:6px!important;
  opacity:1!important;
  background:linear-gradient(180deg,#fde047,#f59e0b,#38bdf8)!important;
  box-shadow:0 0 24px rgba(250,204,21,.42)!important;
}
.day-card.today .datebox,
.day-card.is-today .datebox,
.day-card.active-day .datebox,
.day-card.is-active .datebox,
.day-card[data-today="1"] .datebox,
.day-card[data-active="1"] .datebox{
  background:linear-gradient(180deg,#facc15,#f59e0b)!important;
  color:#111827!important;
  border-color:rgba(250,204,21,.75)!important;
  box-shadow:0 16px 38px rgba(250,204,21,.24)!important;
}
.day-card.today .datebox *,
.day-card.is-today .datebox *,
.day-card.active-day .datebox *,
.day-card.is-active .datebox *,
.day-card[data-today="1"] .datebox *,
.day-card[data-active="1"] .datebox *{
  color:#111827!important;
}
.day-card.today h3::after,
.day-card.is-today h3::after,
.day-card.active-day h3::after,
.day-card.is-active h3::after,
.day-card[data-today="1"] h3::after,
.day-card[data-active="1"] h3::after{
  content:"Heute"!important;
  display:inline-flex!important;
  align-items:center!important;
  margin-left:10px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  color:#111827!important;
  font-size:11px!important;
  font-weight:1000!important;
  vertical-align:middle!important;
}
.day-card.today .co-route-line span,
.day-card.is-today .co-route-line span,
.day-card.active-day .co-route-line span,
.day-card.is-active .co-route-line span,
.day-card[data-today="1"] .co-route-line span,
.day-card[data-active="1"] .co-route-line span{
  background:rgba(2,6,23,.62)!important;
  border-color:rgba(250,204,21,.22)!important;
}


/* CampOrga v2403 – Tageskarten wirklich sichtbar einfärben */
.route-day.co-day-card{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(250,204,21,.34),transparent 30%),
    radial-gradient(circle at 88% 0%,rgba(59,130,246,.20),transparent 34%),
    linear-gradient(135deg,rgba(37,44,33,.98) 0%,rgba(24,39,61,.96) 48%,rgba(10,18,32,.98) 100%)!important;
  border:1px solid rgba(250,204,21,.34)!important;
  box-shadow:
    0 20px 64px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.route-day.co-day-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:7px!important;
  background:linear-gradient(180deg,#facc15 0%,#f59e0b 42%,#38bdf8 100%)!important;
  opacity:.95!important;
  box-shadow:0 0 28px rgba(250,204,21,.32)!important;
}
.route-day.co-day-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(250,204,21,.10),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 40%)!important;
}
.route-day.co-day-card > *{
  position:relative!important;
  z-index:1!important;
}
.route-day.co-day-card .co-date{
  background:
    radial-gradient(circle at 30% 0%,rgba(255,255,255,.22),transparent 46%),
    linear-gradient(180deg,#facc15,#d97706)!important;
  border:1px solid rgba(250,204,21,.70)!important;
  color:#111827!important;
  box-shadow:0 14px 34px rgba(250,204,21,.22)!important;
}
.route-day.co-day-card .co-date span,
.route-day.co-day-card .co-date b,
.route-day.co-day-card .co-date em{
  color:#111827!important;
}
.route-day.co-day-card .co-day-top h2{
  color:#ffffff!important;
  text-shadow:0 2px 14px rgba(0,0,0,.28)!important;
}
.route-day.co-day-card .co-day-top p{
  color:#dbeafe!important;
}
.route-day.co-day-card .co-route-line span{
  background:rgba(2,6,23,.55)!important;
  border:1px solid rgba(250,204,21,.18)!important;
  color:#e5e7eb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.route-day.co-day-card .parking-open{
  background:rgba(2,6,23,.48)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#f8fafc!important;
}
.route-day.co-day-card .parking-open.night{
  background:rgba(56,189,248,.10)!important;
  border-color:rgba(56,189,248,.34)!important;
}
.route-day.co-day-card .parking-open.day,
.route-day.co-day-card .parking-open.camp,
.route-day.co-day-card .parking-open.general{
  background:rgba(250,204,21,.115)!important;
  border-color:rgba(250,204,21,.34)!important;
}
.route-day.co-day-card .parking-open.activity{
  background:rgba(236,72,153,.10)!important;
  border-color:rgba(236,72,153,.30)!important;
}
.route-day.co-day-card .roundplus{
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  color:#111827!important;
  border:1px solid rgba(250,204,21,.65)!important;
  box-shadow:0 16px 38px rgba(250,204,21,.22)!important;
}

/* Heutiger/aktiver Tag noch stärker */
.route-day.co-day-card.is-today,
.route-day.co-day-card.today,
.route-day.co-day-card.is-active{
  background:
    radial-gradient(circle at 0% 0%,rgba(250,204,21,.48),transparent 32%),
    radial-gradient(circle at 90% 0%,rgba(56,189,248,.26),transparent 35%),
    linear-gradient(135deg,rgba(61,52,24,.98) 0%,rgba(30,48,70,.98) 50%,rgba(11,20,35,.98) 100%)!important;
  border-color:rgba(250,204,21,.68)!important;
  box-shadow:
    0 26px 88px rgba(250,204,21,.16),
    0 0 0 1px rgba(250,204,21,.20),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.route-day.co-day-card.is-today::before,
.route-day.co-day-card.today::before,
.route-day.co-day-card.is-active::before{
  width:9px!important;
  background:linear-gradient(180deg,#fef08a,#facc15,#f59e0b,#38bdf8)!important;
  box-shadow:0 0 34px rgba(250,204,21,.48)!important;
}

/* Fahrtstrecken optisch klar unterordnen */
.day-route-distance-v220{
  background:rgba(15,23,42,.34)!important;
  border-color:rgba(148,163,184,.10)!important;
  opacity:.70!important;
  box-shadow:none!important;
}
.day-route-distance-v220 .route-dot{
  background:rgba(148,163,184,.10)!important;
  color:#cbd5e1!important;
}
.day-route-distance-v220 .route-copy strong{
  color:#cbd5e1!important;
}
.day-route-distance-v220 .route-copy small{
  color:#7f8ea3!important;
}


/* CampOrga v2404 – Royal-Gold Tageskarten + Parkplatz-Workflow */
.route-day.co-day-card{
  background:
    radial-gradient(circle at 0% 0%,rgba(250,204,21,.52),transparent 30%),
    radial-gradient(circle at 92% 0%,rgba(29,78,216,.34),transparent 36%),
    linear-gradient(135deg,#33270d 0%,#12346b 48%,#061426 100%)!important;
  border-color:rgba(250,204,21,.52)!important;
  box-shadow:
    0 26px 88px rgba(0,0,0,.42),
    0 0 0 1px rgba(250,204,21,.12),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.route-day.co-day-card::before{
  width:9px!important;
  background:linear-gradient(180deg,#fff7ad,#facc15,#d97706,#2563eb)!important;
  box-shadow:0 0 34px rgba(250,204,21,.48)!important;
}
.route-day.co-day-card::after{
  background:
    linear-gradient(90deg,rgba(250,204,21,.13),transparent 42%),
    radial-gradient(circle at 85% 30%,rgba(96,165,250,.10),transparent 34%)!important;
}
.route-day.co-day-card .co-date{
  background:linear-gradient(180deg,#fde047,#f59e0b)!important;
  border-color:rgba(250,204,21,.78)!important;
  box-shadow:0 16px 40px rgba(250,204,21,.26)!important;
}
.route-day.co-day-card .co-day-top h2{
  text-shadow:0 3px 18px rgba(0,0,0,.36)!important;
}
.day-card-actions-v2404{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
}
.roundedit-v2404{
  width:40px!important;
  height:40px!important;
  border-radius:14px!important;
  border:1px solid rgba(148,163,184,.25)!important;
  background:rgba(15,23,42,.72)!important;
  color:#fff!important;
  font-size:19px!important;
  font-weight:1000!important;
  cursor:pointer!important;
  box-shadow:0 14px 30px rgba(0,0,0,.22)!important;
}
.roundedit-v2404:hover{
  border-color:rgba(250,204,21,.45)!important;
  color:#facc15!important;
}
.actionbox-v2404{
  width:min(620px,calc(100vw - 28px))!important;
}
.action-grid-v2404{
  grid-template-columns:1fr!important;
}
.modal-sub-v2404{
  margin:4px 0 0!important;
  color:#94a3b8!important;
  font-size:13px!important;
  font-weight:800!important;
}
.unified-parking-modal-v2404 .modalbox,
.unified-parking-modal-v2404 .locationbox{
  width:min(860px,calc(100vw - 28px))!important;
}
.parking-type-select-v2404{
  min-height:44px!important;
  border-radius:14px!important;
  background:#07111f!important;
  border:1px solid rgba(148,163,184,.22)!important;
  color:#fff!important;
  padding:0 12px!important;
}
.route-primary-toggle-v2404{
  display:inline-grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  max-width:280px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  background:rgba(250,204,21,.08)!important;
  border:1px solid rgba(250,204,21,.20)!important;
}
.route-primary-toggle-v2404 input{
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  accent-color:#facc15!important;
}
.route-primary-toggle-v2404 b{
  font-size:12px!important;
  color:#fde68a!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.route-primary-toggle-v2404 small{
  font-size:10px!important;
  color:#94a3b8!important;
  line-height:1.1!important;
}
.primary-badge-v2404,
.alt-badge-v2404{
  display:inline-flex!important;
  align-items:center!important;
  margin-left:7px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.05em!important;
  vertical-align:middle!important;
}
.primary-badge-v2404{
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  color:#111827!important;
  box-shadow:0 8px 20px rgba(250,204,21,.20)!important;
}
.alt-badge-v2404{
  background:rgba(148,163,184,.14)!important;
  color:#cbd5e1!important;
  border:1px solid rgba(148,163,184,.20)!important;
}
.sortable-locations-v2404 .place-list-row{
  cursor:grab!important;
}
.sortable-locations-v2404 .place-list-row.dragging-v2404{
  opacity:.55!important;
  transform:scale(.992)!important;
}
.drag-handle-v2404{
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(148,163,184,.12)!important;
  color:#cbd5e1!important;
  font-weight:1000!important;
}
.location-sort-form-v2404 .modal-actions-bottom{
  justify-content:space-between!important;
}
.sort-save-v2404:not([hidden]){
  display:inline-flex!important;
  background:rgba(56,189,248,.12)!important;
  border-color:rgba(56,189,248,.25)!important;
}
.parking-series-v2404{
  border-color:rgba(250,204,21,.18)!important;
}
@media(max-width:760px){
  .day-card-actions-v2404{
    align-self:flex-start!important;
  }
}


/* CampOrga v2405 – Parkplatz-Modale breiter, Primär zweizeilig, Tageskarten dunkler royal */
.unified-parking-modal-v2404 .modalbox,
.unified-parking-modal-v2404 .locationbox,
.unified-parking-edit-modal-v2405 .modalbox,
.unified-parking-edit-modal-v2405 .locationbox{
  width:min(1080px,calc(100vw - 32px))!important;
  max-height:88dvh!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
}
.unified-parking-modal-v2404 .modalbox::-webkit-scrollbar,
.unified-parking-modal-v2404 .locationbox::-webkit-scrollbar,
.unified-parking-edit-modal-v2405 .modalbox::-webkit-scrollbar,
.unified-parking-edit-modal-v2405 .locationbox::-webkit-scrollbar{
  display:none!important;
}
.unified-parking-modal-v2404 .v20-place-form,
.unified-parking-edit-modal-v2405 form.form{
  display:grid!important;
  gap:13px!important;
}
.unified-parking-modal-v2404 .co-location-main-fields,
.unified-parking-edit-modal-v2405 .co-location-main-fields,
.unified-parking-modal-v2404 .camp-v55-grid,
.unified-parking-edit-modal-v2405 .camp-v55-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.unified-parking-modal-v2404 .co-location-main-fields label:last-child,
.unified-parking-edit-modal-v2405 .co-location-main-fields label:last-child{
  grid-column:span 3!important;
}
.unified-parking-modal-v2404 .location-cost-row,
.unified-parking-edit-modal-v2405 .location-cost-row{
  grid-template-columns:220px minmax(0,1fr)!important;
}
.unified-parking-modal-v2404 .campdays .copy-days,
.unified-parking-edit-modal-v2405 .camp-v55-series-days .copy-days{
  max-height:155px!important;
  overflow:auto!important;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;
}

.route-primary-toggle-v2404{
  max-width:245px!important;
  width:max-content!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  padding:7px 9px!important;
  gap:8px!important;
}
.route-primary-toggle-v2404 span{
  display:grid!important;
  grid-template-rows:auto auto!important;
  gap:1px!important;
  min-width:0!important;
}
.route-primary-toggle-v2404 b{
  display:block!important;
  white-space:nowrap!important;
  line-height:1.05!important;
}
.route-primary-toggle-v2404 small{
  display:block!important;
  white-space:nowrap!important;
  line-height:1.05!important;
}

/* dunkleres Royal-Blau, Gold bleibt; Hover nur minimaler Glow */
.route-day.co-day-card{
  background:
    radial-gradient(circle at 0% 0%,rgba(250,204,21,.42),transparent 29%),
    radial-gradient(circle at 88% 0%,rgba(30,64,175,.24),transparent 38%),
    linear-gradient(135deg,#2a210b 0%,#0b2554 48%,#031020 100%)!important;
  border-color:rgba(250,204,21,.46)!important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.40),
    0 0 0 1px rgba(250,204,21,.09),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
  transition:border-color .35s ease, box-shadow .35s ease, transform .35s ease!important;
}
.route-day.co-day-card::after{
  background:
    linear-gradient(90deg,rgba(250,204,21,.105),transparent 40%),
    radial-gradient(circle at 88% 30%,rgba(37,99,235,.08),transparent 36%)!important;
}
.route-day.co-day-card:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(250,204,21,.56)!important;
  box-shadow:
    0 24px 76px rgba(0,0,0,.42),
    0 0 24px rgba(250,204,21,.075),
    0 0 0 1px rgba(250,204,21,.14),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.route-day.co-day-card.is-today,
.route-day.co-day-card.today,
.route-day.co-day-card.is-active{
  background:
    radial-gradient(circle at 0% 0%,rgba(250,204,21,.50),transparent 31%),
    radial-gradient(circle at 90% 0%,rgba(30,64,175,.30),transparent 38%),
    linear-gradient(135deg,#37290d 0%,#0c2a5f 50%,#031020 100%)!important;
  border-color:rgba(250,204,21,.66)!important;
  box-shadow:
    0 26px 82px rgba(0,0,0,.42),
    0 0 28px rgba(250,204,21,.11),
    0 0 0 1px rgba(250,204,21,.18),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
@media(max-width:900px){
  .unified-parking-modal-v2404 .co-location-main-fields,
  .unified-parking-edit-modal-v2405 .co-location-main-fields,
  .unified-parking-modal-v2404 .camp-v55-grid,
  .unified-parking-edit-modal-v2405 .camp-v55-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .unified-parking-modal-v2404 .co-location-main-fields label:last-child,
  .unified-parking-edit-modal-v2405 .co-location-main-fields label:last-child{
    grid-column:span 1!important;
  }
}
@media(max-width:620px){
  .unified-parking-modal-v2404 .co-location-main-fields,
  .unified-parking-edit-modal-v2405 .co-location-main-fields,
  .unified-parking-modal-v2404 .camp-v55-grid,
  .unified-parking-edit-modal-v2405 .camp-v55-grid,
  .unified-parking-modal-v2404 .location-cost-row,
  .unified-parking-edit-modal-v2405 .location-cost-row{
    grid-template-columns:1fr!important;
  }
}


/* CampOrga v2406 – Tag bearbeiten minimal */
.daymodal-minimal-v2406{
  width:min(620px,calc(100vw - 28px))!important;
}
.day-edit-form-v2406{
  display:grid!important;
  gap:12px!important;
}
.day-edit-form-v2406 label{
  display:grid!important;
  gap:7px!important;
  color:#e5e7eb!important;
  font-weight:950!important;
}
.day-edit-form-v2406 input,
.day-edit-form-v2406 textarea{
  width:100%!important;
  border-radius:14px!important;
  background:rgba(2,6,23,.72)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#fff!important;
  padding:11px 12px!important;
}
.day-edit-form-v2406 textarea{
  min-height:92px!important;
  resize:vertical!important;
}


/* CampOrga v2407 – Parkplatz-/Aktivitätsmodal neu gedacht */
.parking-modal-v2407 .modalbox,
.parking-modal-v2407 .locationbox,
.activity-edit-modal-v2407 .modalbox,
.activity-edit-modal-v2407 .locationbox{
  width:min(1220px,calc(100vw - 30px))!important;
  max-height:90dvh!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 0 0,rgba(250,204,21,.10),transparent 30%),
    radial-gradient(circle at 100% 0,rgba(30,64,175,.13),transparent 32%),
    linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 34px 120px rgba(0,0,0,.66)!important;
}
.parking-modal-v2407 .modalhead,
.activity-edit-modal-v2407 .modalhead{
  padding:18px 22px 14px!important;
  border-bottom:1px solid rgba(148,163,184,.13)!important;
}
.parking-modal-v2407 .modalhead small,
.activity-edit-modal-v2407 .modalhead small{
  color:#facc15!important;
  letter-spacing:.16em!important;
  font-size:10px!important;
  font-weight:1000!important;
}
.parking-modal-v2407 .modalhead h2,
.activity-edit-modal-v2407 .modalhead h2{
  font-size:clamp(30px,3.4vw,46px)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
}
.parking-modal-v2407 form.v20-place-form,
.parking-modal-v2407 form.form,
.activity-edit-modal-v2407 form.form{
  display:grid!important;
  grid-template-columns:minmax(360px,.80fr) minmax(0,1.20fr)!important;
  grid-template-areas:
    "date series"
    "main amenities"
    "main info"
    "actions actions"!important;
  gap:12px!important;
  padding:14px 18px 16px!important;
  max-height:calc(90dvh - 105px)!important;
  overflow:auto!important;
  scrollbar-width:none!important;
}
.parking-modal-v2407 form.v20-place-form::-webkit-scrollbar,
.parking-modal-v2407 form.form::-webkit-scrollbar,
.activity-edit-modal-v2407 form.form::-webkit-scrollbar{display:none!important;}

.parking-modal-v2407 .camp-v55-date-series-panel{
  grid-area:date!important;
  margin:0!important;
  padding:13px!important;
  border-radius:22px!important;
  background:rgba(250,204,21,.065)!important;
  border:1px solid rgba(250,204,21,.17)!important;
}
.parking-modal-v2407 .camp-v55-date-series-panel h3{
  margin:0 0 10px!important;
  color:#fde68a!important;
  font-size:13px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.parking-modal-v2407 .camp-v55-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}
.parking-modal-v2407 .camp-v55-grid label{
  min-width:0!important;
}
.parking-modal-v2407 .camp-v55-grid input,
.parking-modal-v2407 .camp-v55-grid select{
  min-height:42px!important;
  border-radius:14px!important;
  background:rgba(2,6,23,.72)!important;
  border:1px solid rgba(148,163,184,.18)!important;
}

.parking-modal-v2407 .camp-v67-series-block{
  grid-area:series!important;
  margin:0!important;
  padding:13px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.60)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.parking-modal-v2407 .camp-v67-series-block > p,
.parking-modal-v2407 .camp-v67-series-block > strong{
  margin:0 0 10px!important;
  color:#fde68a!important;
  font-size:13px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.parking-modal-v2407 .copy-days{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;
  gap:7px!important;
  max-height:95px!important;
  overflow:auto!important;
}
.parking-modal-v2407 .copy-days label{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:rgba(2,6,23,.48)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  font-size:12px!important;
  font-weight:900!important;
}
.parking-modal-v2407 .copy-days label:has(input:checked){
  background:rgba(250,204,21,.13)!important;
  border-color:rgba(250,204,21,.30)!important;
  color:#fde68a!important;
}
.parking-modal-v2407 .js-camp-price-info{
  display:block!important;
  margin-top:8px!important;
  color:#cbd5e1!important;
  font-size:12px!important;
  font-weight:900!important;
}

.parking-modal-v2407 .co-location-main-fields,
.activity-edit-modal-v2407 .co-location-main-fields{
  grid-area:main!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-content:start!important;
  padding:13px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.60)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.parking-modal-v2407 .co-location-main-fields + label,
.activity-edit-modal-v2407 .co-location-main-fields + label{
  grid-area:main!important;
  margin-top:164px!important;
}
.parking-modal-v2407 .co-location-main-fields + label + .route-primary-toggle-v2404{
  grid-area:amenities!important;
  align-self:start!important;
  justify-self:start!important;
}
.parking-modal-v2407 .location-cost-row,
.activity-edit-modal-v2407 .location-cost-row{
  grid-area:main!important;
  margin-top:250px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  padding:13px!important;
  border-radius:22px!important;
  background:rgba(250,204,21,.055)!important;
  border:1px solid rgba(250,204,21,.16)!important;
}
.parking-modal-v2407 .location-cost-note{
  padding:10px!important;
  border-radius:16px!important;
  background:rgba(2,6,23,.42)!important;
  border:1px solid rgba(148,163,184,.12)!important;
}
.parking-modal-v2407 .location-cost-note b{
  color:#fde68a!important;
  font-size:13px!important;
}
.parking-modal-v2407 .location-cost-note span{
  color:#94a3b8!important;
  font-size:12px!important;
}

.parking-modal-v2407 .compact-add-amenities{
  grid-area:amenities!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(126px,1fr))!important;
  gap:8px!important;
  align-content:start!important;
  padding:13px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.60)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.parking-modal-v2407 .compact-add-amenities::before{
  content:"Ausstattung & Merkmale"!important;
  grid-column:1/-1!important;
  color:#fde68a!important;
  font-size:13px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:1000!important;
  margin-bottom:2px!important;
}
.parking-modal-v2407 .compact-add-amenities label{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:36px!important;
  padding:7px 9px!important;
  border-radius:999px!important;
  background:rgba(2,6,23,.48)!important;
  border:1px solid rgba(148,163,184,.15)!important;
  font-size:12px!important;
  font-weight:950!important;
}
.parking-modal-v2407 .compact-add-amenities label:has(input:checked){
  background:rgba(250,204,21,.13)!important;
  border-color:rgba(250,204,21,.30)!important;
  color:#fde68a!important;
}

.parking-modal-v2407 textarea[name="info"]{
  min-height:72px!important;
}
.parking-modal-v2407 label:has(textarea[name="info"]){
  grid-area:info!important;
  display:grid!important;
  gap:7px!important;
  padding:13px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.60)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.parking-modal-v2407 .add-actions,
.activity-edit-modal-v2407 .add-actions{
  grid-area:actions!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding-top:2px!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
}

.route-primary-toggle-v2404{
  padding:7px 10px!important;
  border-radius:14px!important;
}
.route-primary-toggle-v2404 span{
  display:grid!important;
  gap:2px!important;
}
.route-primary-toggle-v2404 b,
.route-primary-toggle-v2404 small{
  white-space:normal!important;
}

.activity-edit-modal-v2407 .activitybox-v2407{
  width:min(980px,calc(100vw - 30px))!important;
}
.activity-edit-modal-v2407 .activity-form-v2407{
  grid-template-columns:1fr 1fr!important;
  grid-template-areas:
    "main main"
    "cost ticket"
    "actions actions"!important;
}
.activity-edit-modal-v2407 .activity-form-v2407 > label{
  display:grid!important;
  gap:7px!important;
  padding:13px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.60)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.activity-edit-modal-v2407 .activity-form-v2407 > label:nth-of-type(1){
  grid-column:1/2!important;
}
.activity-edit-modal-v2407 .activity-form-v2407 > label:nth-of-type(2){
  grid-column:2/3!important;
}
.activity-edit-modal-v2407 .ticket-upload-box-v2407{
  grid-area:ticket!important;
  padding:13px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.60)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.activity-edit-modal-v2407 .ticket-upload-box-v2407 h3{
  margin:0 0 8px!important;
  color:#fde68a!important;
  font-size:14px!important;
}
.activity-edit-modal-v2407 .ticket-upload-grid{
  display:grid!important;
  gap:9px!important;
}

@media(max-width:980px){
  .parking-modal-v2407 form.v20-place-form,
  .parking-modal-v2407 form.form,
  .activity-edit-modal-v2407 form.form{
    grid-template-columns:1fr!important;
    grid-template-areas:"date" "series" "main" "amenities" "info" "actions"!important;
  }
  .parking-modal-v2407 .co-location-main-fields + label,
  .parking-modal-v2407 .location-cost-row,
  .activity-edit-modal-v2407 .location-cost-row{
    margin-top:0!important;
    grid-area:auto!important;
  }
  .activity-edit-modal-v2407 .activity-form-v2407{
    grid-template-columns:1fr!important;
    grid-template-areas:"main" "cost" "ticket" "actions"!important;
  }
}


/* CampOrga v2408 – Parkplatz-/Aktivitätsmodal sauber neu ausgerichtet */
.parking-modal-v2407 .modalbox,
.parking-modal-v2407 .locationbox{
  width:min(1340px,calc(100vw - 28px))!important;
  max-height:91dvh!important;
  overflow:hidden!important;
}

.parking-modal-v2407 form.v20-place-form,
.parking-modal-v2407 form.form{
  display:grid!important;
  grid-template-columns:500px minmax(0,1fr)!important;
  grid-template-areas:
    "date series"
    "main amenities"
    "info info"
    "actions actions"!important;
  gap:14px!important;
  padding:16px 20px 16px!important;
  max-height:calc(91dvh - 106px)!important;
  overflow:auto!important;
  scrollbar-width:none!important;
  align-items:start!important;
}
.parking-modal-v2407 form.v20-place-form::-webkit-scrollbar,
.parking-modal-v2407 form.form::-webkit-scrollbar{
  display:none!important;
}

/* Linke Kosten-/Preis-Karte klar untereinander */
.parking-modal-v2407 .camp-v55-date-series-panel{
  grid-area:date!important;
  margin:0!important;
  min-width:0!important;
  align-self:start!important;
}
.parking-modal-v2407 .camp-v55-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.parking-modal-v2407 .camp-v55-grid label{
  min-width:0!important;
}
.parking-modal-v2407 .camp-v55-grid label:first-child input{
  font-size:14px!important;
}
.parking-modal-v2407 .camp-v55-grid input,
.parking-modal-v2407 .camp-v55-grid select{
  width:100%!important;
  min-width:0!important;
}

/* Tagesauswahl rechts, danach Ausstattung – kein Überlappen */
.parking-modal-v2407 .camp-v67-series-block{
  grid-area:series!important;
  margin:0!important;
  min-width:0!important;
  align-self:start!important;
}
.parking-modal-v2407 .copy-days{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;
  gap:8px!important;
  max-height:92px!important;
  overflow:auto!important;
  padding-right:2px!important;
}
.parking-modal-v2407 .copy-days label{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Stammdaten links sauberer, nicht mehr am Rand klebend */
.parking-modal-v2407 .co-location-main-fields{
  grid-area:main!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin:0!important;
  padding:16px!important;
  align-self:start!important;
}
.parking-modal-v2407 .co-location-main-fields + label{
  grid-area:main!important;
  margin:174px 0 0!important;
  padding:0 16px!important;
  z-index:2!important;
}
.parking-modal-v2407 .co-location-main-fields + label input{
  width:100%!important;
}
.parking-modal-v2407 .co-location-main-fields + label + .route-primary-toggle-v2404{
  grid-area:amenities!important;
  margin:0 0 10px!important;
  align-self:start!important;
  justify-self:start!important;
}

/* Kostenblock links unter Adresse, klarer und weniger fett */
.parking-modal-v2407 .location-cost-row{
  grid-area:main!important;
  margin:250px 0 0!important;
  padding:16px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-self:start!important;
}
.parking-modal-v2407 .location-cost-row label{
  margin:0!important;
}
.parking-modal-v2407 .location-cost-note{
  margin:0!important;
  padding:11px 12px!important;
}
.parking-modal-v2407 .location-cost-note b{
  font-size:13px!important;
  line-height:1.2!important;
}
.parking-modal-v2407 .location-cost-note span{
  font-size:12px!important;
  line-height:1.35!important;
}

/* Ausstattung wirklich unter Tagesauswahl und nicht über Text */
.parking-modal-v2407 .compact-add-amenities{
  grid-area:amenities!important;
  margin:52px 0 0!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(136px,1fr))!important;
  gap:9px!important;
  align-self:start!important;
  min-height:auto!important;
}
.parking-modal-v2407 .compact-add-amenities label{
  min-width:0!important;
  overflow:hidden!important;
}
.parking-modal-v2407 .compact-add-amenities span{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Info-Bereich volle Breite unten */
.parking-modal-v2407 label:has(textarea[name="info"]){
  grid-area:info!important;
  margin:0!important;
  padding:14px!important;
}
.parking-modal-v2407 label:has(textarea[name="info"]) textarea{
  min-height:86px!important;
}

/* Primär kompakt, aber nicht gequetscht */
.route-primary-toggle-v2404{
  width:auto!important;
  max-width:270px!important;
  min-height:46px!important;
}
.route-primary-toggle-v2404 span{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
}
.route-primary-toggle-v2404 b,
.route-primary-toggle-v2404 small{
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Aktivitätsmodal repariert und dem Standort-Stil angeglichen */
.activity-edit-modal-v2407 .modalbox,
.activity-edit-modal-v2407 .locationbox,
.activity-edit-modal-v2407 .activitybox-v2407{
  width:min(1040px,calc(100vw - 28px))!important;
  max-height:90dvh!important;
  overflow:hidden!important;
  border-radius:30px!important;
}
.activity-edit-modal-v2407 form.form,
.activity-edit-modal-v2407 .activity-form-v2407{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-areas:
    "main main"
    "addr link"
    "ticket ticket"
    "actions actions"!important;
  gap:14px!important;
  padding:16px 20px!important;
  max-height:calc(90dvh - 104px)!important;
  overflow:auto!important;
  scrollbar-width:none!important;
  align-items:start!important;
}
.activity-edit-modal-v2407 form.form::-webkit-scrollbar,
.activity-edit-modal-v2407 .activity-form-v2407::-webkit-scrollbar{
  display:none!important;
}
.activity-edit-modal-v2407 .co-location-main-fields{
  grid-area:main!important;
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:12px!important;
  padding:16px!important;
  margin:0!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.60)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.activity-edit-modal-v2407 .activity-form-v2407 > label{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.60)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.activity-edit-modal-v2407 .activity-form-v2407 > label:nth-of-type(1){
  grid-area:addr!important;
}
.activity-edit-modal-v2407 .activity-cost-link-v2408{
  grid-area:link!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin:0!important;
}
.activity-edit-modal-v2407 .activity-cost-link-v2408 label{
  display:grid!important;
  gap:7px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.60)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.activity-edit-modal-v2407 .ticket-upload-box-v2407{
  grid-area:ticket!important;
  margin:0!important;
}
.activity-edit-modal-v2407 .add-actions{
  grid-area:actions!important;
}

/* Buttons/Inputs insgesamt etwas weniger fett */
.parking-modal-v2407 label,
.activity-edit-modal-v2407 label{
  font-size:12px!important;
  letter-spacing:.08em!important;
}
.parking-modal-v2407 input,
.parking-modal-v2407 select,
.parking-modal-v2407 textarea,
.activity-edit-modal-v2407 input,
.activity-edit-modal-v2407 select,
.activity-edit-modal-v2407 textarea{
  font-size:14px!important;
  font-weight:800!important;
}

@media(max-width:1050px){
  .parking-modal-v2407 form.v20-place-form,
  .parking-modal-v2407 form.form{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "date"
      "series"
      "amenities"
      "main"
      "info"
      "actions"!important;
  }
  .parking-modal-v2407 .co-location-main-fields + label,
  .parking-modal-v2407 .location-cost-row,
  .parking-modal-v2407 .compact-add-amenities{
    margin:0!important;
  }
  .parking-modal-v2407 .co-location-main-fields + label{
    grid-area:main!important;
    padding:0!important;
  }
}
@media(max-width:760px){
  .parking-modal-v2407 .camp-v55-grid,
  .activity-edit-modal-v2407 .co-location-main-fields,
  .activity-edit-modal-v2407 form.form,
  .activity-edit-modal-v2407 .activity-form-v2407{
    grid-template-columns:1fr!important;
  }
  .activity-edit-modal-v2407 form.form,
  .activity-edit-modal-v2407 .activity-form-v2407{
    grid-template-areas:"main" "addr" "link" "ticket" "actions"!important;
  }
}


/* CampOrga v2409 – Modal-Stabilisierung ohne Überlagerungen */
.parking-modal-v2407 .modalbox,
.parking-modal-v2407 .locationbox{
  width:min(1380px,calc(100vw - 28px))!important;
  max-height:92dvh!important;
  overflow:hidden!important;
}

.parking-modal-v2407 form.v20-place-form,
.parking-modal-v2407 form.form{
  display:grid!important;
  grid-template-columns:minmax(420px,.72fr) minmax(520px,1fr)!important;
  grid-template-areas:
    "left right"
    "info info"
    "actions actions"!important;
  gap:16px!important;
  padding:16px 22px 16px!important;
  max-height:calc(92dvh - 104px)!important;
  overflow:auto!important;
  align-items:start!important;
  scrollbar-width:none!important;
}
.parking-modal-v2407 form.v20-place-form::-webkit-scrollbar,
.parking-modal-v2407 form.form::-webkit-scrollbar{
  display:none!important;
}

/* harte alten v2407-Verschiebungen neutralisieren */
.parking-modal-v2407 .camp-v55-date-series-panel,
.parking-modal-v2407 .camp-v67-series-block,
.parking-modal-v2407 .parking-main-fields-v2409,
.parking-modal-v2407 .parking-address-v2409,
.parking-modal-v2407 .route-primary-toggle-v2404,
.parking-modal-v2407 .parking-cost-v2409,
.parking-modal-v2407 .compact-add-amenities,
.parking-modal-v2407 .parking-info-v2409{
  margin:0!important;
  transform:none!important;
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  min-width:0!important;
}

.parking-modal-v2407 .parking-main-fields-v2409{
  grid-area:left!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.62)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.parking-modal-v2407 .parking-address-v2409{
  grid-area:left!important;
  margin-top:178px!important;
  display:grid!important;
  gap:7px!important;
  padding:0 16px!important;
}
.parking-modal-v2407 .parking-cost-v2409{
  grid-area:left!important;
  margin-top:260px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(250,204,21,.06)!important;
  border:1px solid rgba(250,204,21,.16)!important;
}
.parking-modal-v2407 .location-cost-note{
  margin:0!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  background:rgba(2,6,23,.40)!important;
  border:1px solid rgba(148,163,184,.12)!important;
}
.parking-modal-v2407 .location-cost-note b{
  display:block!important;
  color:#fde68a!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.parking-modal-v2407 .location-cost-note span{
  display:block!important;
  margin-top:4px!important;
  color:#94a3b8!important;
  font-size:12px!important;
  line-height:1.35!important;
}

/* rechte Seite bewusst in einem stabilen Stack */
.parking-modal-v2407 .camp-v55-date-series-panel{
  grid-area:right!important;
  align-self:start!important;
  width:100%!important;
  padding:14px!important;
  border-radius:22px!important;
  background:rgba(250,204,21,.06)!important;
  border:1px solid rgba(250,204,21,.16)!important;
}
.parking-modal-v2407 .camp-v55-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.parking-modal-v2407 .camp-v55-grid input,
.parking-modal-v2407 .camp-v55-grid select{
  width:100%!important;
  min-width:0!important;
}

.parking-modal-v2407 .camp-v67-series-block{
  grid-area:right!important;
  margin-top:156px!important;
  padding:14px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.62)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.parking-modal-v2407 .copy-days{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(116px,1fr))!important;
  gap:8px!important;
  max-height:82px!important;
  overflow:auto!important;
}
.parking-modal-v2407 .copy-days label{
  min-width:0!important;
  white-space:nowrap!important;
}

.parking-modal-v2407 .route-primary-toggle-v2404{
  grid-area:right!important;
  margin-top:294px!important;
  justify-self:start!important;
  display:inline-grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:8px!important;
  width:auto!important;
  max-width:270px!important;
  min-height:46px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  background:rgba(250,204,21,.08)!important;
  border:1px solid rgba(250,204,21,.20)!important;
}
.parking-modal-v2407 .route-primary-toggle-v2404 span{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  align-items:flex-start!important;
}
.parking-modal-v2407 .route-primary-toggle-v2404 b{
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1.05!important;
}
.parking-modal-v2407 .route-primary-toggle-v2404 small{
  white-space:nowrap!important;
  font-size:10px!important;
  line-height:1.05!important;
}

.parking-modal-v2407 .compact-add-amenities{
  grid-area:right!important;
  margin-top:356px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(118px,1fr))!important;
  gap:9px!important;
  padding:14px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.62)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.parking-modal-v2407 .compact-add-amenities::before{
  content:"Ausstattung & Merkmale"!important;
  grid-column:1/-1!important;
  display:block!important;
  margin-bottom:2px!important;
  color:#fde68a!important;
  font-size:13px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:1000!important;
}
.parking-modal-v2407 .compact-add-amenities label{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  background:rgba(2,6,23,.46)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.parking-modal-v2407 .compact-add-amenities span{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.parking-modal-v2407 .parking-info-v2409{
  grid-area:info!important;
  display:grid!important;
  gap:7px!important;
  padding:14px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.62)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.parking-modal-v2407 .parking-info-v2409 textarea{
  min-height:74px!important;
}
.parking-modal-v2407 .add-actions{
  grid-area:actions!important;
  margin:0!important;
}

/* Aktivität: komplett vom Parkplatz-Layout entkoppeln */
.activity-edit-modal-v2407 .modalbox,
.activity-edit-modal-v2407 .locationbox,
.activity-edit-modal-v2407 .activitybox-v2407{
  width:min(980px,calc(100vw - 28px))!important;
  max-height:90dvh!important;
  overflow:hidden!important;
}
.activity-edit-modal-v2407 form.form,
.activity-edit-modal-v2407 .activity-form-v2407{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-areas:
    "main main"
    "addr link"
    "ticket ticket"
    "actions actions"!important;
  gap:14px!important;
  padding:16px 20px!important;
  max-height:calc(90dvh - 104px)!important;
  overflow:auto!important;
  scrollbar-width:none!important;
}
.activity-edit-modal-v2407 .activity-form-v2407::-webkit-scrollbar{display:none!important;}
.activity-edit-modal-v2407 .co-location-main-fields{
  grid-area:main!important;
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:12px!important;
  margin:0!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.62)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.activity-edit-modal-v2407 .activity-address-v2409{
  grid-area:addr!important;
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.62)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.activity-edit-modal-v2407 .activity-cost-link-v2409{
  grid-area:link!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin:0!important;
}
.activity-edit-modal-v2407 .activity-cost-link-v2409 label{
  display:grid!important;
  gap:7px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.62)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.activity-edit-modal-v2407 .ticket-upload-box-v2407{
  grid-area:ticket!important;
  margin:0!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.62)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.activity-edit-modal-v2407 .add-actions{
  grid-area:actions!important;
}

@media(max-width:1080px){
  .parking-modal-v2407 form.v20-place-form,
  .parking-modal-v2407 form.form{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "right"
      "left"
      "info"
      "actions"!important;
  }
  .parking-modal-v2407 .parking-address-v2409,
  .parking-modal-v2407 .parking-cost-v2409,
  .parking-modal-v2407 .camp-v67-series-block,
  .parking-modal-v2407 .route-primary-toggle-v2404,
  .parking-modal-v2407 .compact-add-amenities{
    margin-top:0!important;
  }
}
@media(max-width:720px){
  .parking-modal-v2407 .camp-v55-grid,
  .parking-modal-v2407 .compact-add-amenities,
  .activity-edit-modal-v2407 form.form,
  .activity-edit-modal-v2407 .activity-form-v2407,
  .activity-edit-modal-v2407 .co-location-main-fields{
    grid-template-columns:1fr!important;
  }
  .activity-edit-modal-v2407 form.form,
  .activity-edit-modal-v2407 .activity-form-v2407{
    grid-template-areas:"main" "addr" "link" "ticket" "actions"!important;
  }
}


/* CampOrga v2410 – Modal Layout Reset: stabil, breit, ohne Überlagerungen */
.parking-modal-v2407 .modalbox,
.parking-modal-v2407 .locationbox{
  width:min(1380px,calc(100vw - 28px))!important;
  max-height:92dvh!important;
  overflow:hidden!important;
}
.parking-modal-v2407 form.v20-place-form,
.parking-modal-v2407 form.form{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  padding:16px 22px 16px!important;
  max-height:calc(92dvh - 104px)!important;
  overflow:auto!important;
  scrollbar-width:none!important;
}
.parking-modal-v2407 form.v20-place-form::-webkit-scrollbar,
.parking-modal-v2407 form.form::-webkit-scrollbar{
  display:none!important;
}

/* alles alte Grid/Margin-Gefrickel endgültig neutralisieren */
.parking-modal-v2407 .camp-v55-date-series-panel,
.parking-modal-v2407 .camp-v67-series-block,
.parking-modal-v2407 .parking-main-fields-v2409,
.parking-modal-v2407 .parking-address-v2409,
.parking-modal-v2407 .route-primary-toggle-v2404,
.parking-modal-v2407 .parking-cost-v2409,
.parking-modal-v2407 .compact-add-amenities,
.parking-modal-v2407 .parking-info-v2409,
.parking-modal-v2407 .co-location-main-fields,
.parking-modal-v2407 .location-cost-row,
.parking-modal-v2407 label:has(textarea[name="info"]){
  grid-area:auto!important;
  margin:0!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:auto!important;
  max-width:none!important;
}

/* 1. Zeile: Hauptdaten */
.parking-modal-v2407 .co-location-main-fields{
  order:1!important;
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:12px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.64)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.parking-modal-v2407 .parking-address-v2409{
  order:2!important;
  display:grid!important;
  gap:7px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.64)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}

/* 2. Zeile: Datum/Preis und Tagesauswahl nebeneinander */
.parking-modal-v2407 .camp-v55-date-series-panel{
  order:3!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(250,204,21,.06)!important;
  border:1px solid rgba(250,204,21,.16)!important;
}
.parking-modal-v2407 .camp-v55-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.parking-modal-v2407 .camp-v55-grid input,
.parking-modal-v2407 .camp-v55-grid select{
  width:100%!important;
  min-width:0!important;
}
.parking-modal-v2407 .camp-v67-series-block{
  order:4!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.64)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.parking-modal-v2407 .copy-days{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(122px,1fr))!important;
  gap:8px!important;
  max-height:none!important;
  overflow:visible!important;
}
.parking-modal-v2407 .copy-days label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  background:rgba(2,6,23,.48)!important;
  border:1px solid rgba(148,163,184,.15)!important;
  white-space:nowrap!important;
}

/* 3. Zeile: Primär und Ausstattung */
.parking-modal-v2407 .route-primary-toggle-v2404{
  order:5!important;
  display:inline-grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  align-self:flex-start!important;
  min-height:44px!important;
  padding:8px 11px!important;
  border-radius:14px!important;
  background:rgba(250,204,21,.08)!important;
  border:1px solid rgba(250,204,21,.20)!important;
}
.parking-modal-v2407 .route-primary-toggle-v2404 span,
.activity-edit-modal-v2407 .route-primary-toggle-v2404 span{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  align-items:flex-start!important;
}
.parking-modal-v2407 .route-primary-toggle-v2404 b,
.activity-edit-modal-v2407 .route-primary-toggle-v2404 b{
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1.05!important;
}
.parking-modal-v2407 .route-primary-toggle-v2404 small,
.activity-edit-modal-v2407 .route-primary-toggle-v2404 small{
  white-space:nowrap!important;
  font-size:10px!important;
  line-height:1.05!important;
}
.parking-modal-v2407 .compact-add-amenities{
  order:6!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
  gap:9px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.64)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.parking-modal-v2407 .compact-add-amenities::before{
  content:"Ausstattung & Merkmale"!important;
  grid-column:1/-1!important;
  display:block!important;
  color:#fde68a!important;
  font-size:13px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:1000!important;
  margin-bottom:2px!important;
}
.parking-modal-v2407 .compact-add-amenities label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:36px!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  background:rgba(2,6,23,.48)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}

/* 4. Zeile: Kosten und Infos */
.parking-modal-v2407 .location-cost-row{
  order:7!important;
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:12px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(250,204,21,.055)!important;
  border:1px solid rgba(250,204,21,.15)!important;
}
.parking-modal-v2407 .location-cost-note{
  padding:10px 12px!important;
  border-radius:16px!important;
  background:rgba(2,6,23,.40)!important;
  border:1px solid rgba(148,163,184,.12)!important;
}
.parking-modal-v2407 .parking-info-v2409,
.parking-modal-v2407 label:has(textarea[name="info"]){
  order:8!important;
  display:grid!important;
  gap:7px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.64)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.parking-modal-v2407 textarea[name="info"]{
  min-height:78px!important;
}
.parking-modal-v2407 .add-actions{
  order:9!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding-top:2px!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
}

/* Aktivität komplett stabil */
.activity-edit-modal-v2407 .modalbox,
.activity-edit-modal-v2407 .locationbox,
.activity-edit-modal-v2407 .activitybox-v2407{
  width:min(980px,calc(100vw - 28px))!important;
  max-height:90dvh!important;
  overflow:hidden!important;
}
.activity-edit-modal-v2407 form.form,
.activity-edit-modal-v2407 .activity-form-v2407{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  padding:16px 20px!important;
  max-height:calc(90dvh - 104px)!important;
  overflow:auto!important;
  scrollbar-width:none!important;
}
.activity-edit-modal-v2407 .activity-form-v2407::-webkit-scrollbar{display:none!important;}
.activity-edit-modal-v2407 .activity-primary-v2410,
.activity-edit-modal-v2407 .co-location-main-fields,
.activity-edit-modal-v2407 .activity-address-v2409,
.activity-edit-modal-v2407 .activity-cost-link-v2409,
.activity-edit-modal-v2407 .ticket-upload-box-v2407{
  grid-area:auto!important;
  margin:0!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}
.activity-edit-modal-v2407 .co-location-main-fields{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:12px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.64)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.activity-edit-modal-v2407 .activity-primary-v2410{
  align-self:flex-start!important;
}
.activity-edit-modal-v2407 .activity-address-v2409,
.activity-edit-modal-v2407 .activity-cost-link-v2409 label,
.activity-edit-modal-v2407 .ticket-upload-box-v2407{
  display:grid!important;
  gap:8px!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.64)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.activity-edit-modal-v2407 .activity-cost-link-v2409{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}
.activity-edit-modal-v2407 .ticket-upload-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}

/* Inputs ruhiger */
.parking-modal-v2407 input,
.parking-modal-v2407 select,
.parking-modal-v2407 textarea,
.activity-edit-modal-v2407 input,
.activity-edit-modal-v2407 select,
.activity-edit-modal-v2407 textarea{
  font-size:14px!important;
  font-weight:800!important;
  min-width:0!important;
}
.parking-modal-v2407 label,
.activity-edit-modal-v2407 label{
  font-size:12px!important;
  letter-spacing:.08em!important;
}

@media(max-width:760px){
  .parking-modal-v2407 .co-location-main-fields,
  .parking-modal-v2407 .camp-v55-grid,
  .parking-modal-v2407 .location-cost-row,
  .activity-edit-modal-v2407 .co-location-main-fields,
  .activity-edit-modal-v2407 .activity-cost-link-v2409,
  .activity-edit-modal-v2407 .ticket-upload-grid{
    grid-template-columns:1fr!important;
  }
}


/* CampOrga v2411 – kompaktere Modale ohne Endlos-Scroll */
.parking-modal-v2407 .modalbox,
.parking-modal-v2407 .locationbox{
  width:min(1420px,calc(100vw - 24px))!important;
  max-height:92dvh!important;
}

/* Parkplatz: stabiler 2-Spalten-Flow statt langer Einspalter */
.parking-modal-v2407 form.v20-place-form,
.parking-modal-v2407 form.form{
  display:grid!important;
  grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr)!important;
  grid-template-areas:
    "main date"
    "address series"
    "cost primary"
    "info amenities"
    "actions actions"!important;
  gap:12px!important;
  padding:14px 20px 14px!important;
  max-height:calc(92dvh - 102px)!important;
  overflow:auto!important;
  align-items:start!important;
  scrollbar-width:none!important;
}
.parking-modal-v2407 form.v20-place-form::-webkit-scrollbar,
.parking-modal-v2407 form.form::-webkit-scrollbar{display:none!important;}

.parking-modal-v2407 .co-location-main-fields{
  grid-area:main!important;
  order:initial!important;
  display:grid!important;
  grid-template-columns:210px minmax(0,1fr)!important;
  gap:10px!important;
  padding:13px!important;
  border-radius:20px!important;
  min-height:auto!important;
}
.parking-modal-v2407 .parking-address-v2409{
  grid-area:address!important;
  order:initial!important;
  padding:13px!important;
  border-radius:20px!important;
  background:rgba(15,23,42,.64)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
.parking-modal-v2407 .location-cost-row{
  grid-area:cost!important;
  order:initial!important;
  display:grid!important;
  grid-template-columns:170px minmax(0,1fr)!important;
  gap:10px!important;
  padding:13px!important;
  border-radius:20px!important;
}
.parking-modal-v2407 .location-cost-note{
  padding:9px 11px!important;
}
.parking-modal-v2407 .location-cost-note span{
  line-height:1.25!important;
}
.parking-modal-v2407 label:has(textarea[name="info"]),
.parking-modal-v2407 .parking-info-v2409{
  grid-area:info!important;
  order:initial!important;
  padding:13px!important;
  border-radius:20px!important;
}
.parking-modal-v2407 textarea[name="info"]{
  min-height:78px!important;
}

/* rechte Spalte kompakt */
.parking-modal-v2407 .camp-v55-date-series-panel{
  grid-area:date!important;
  order:initial!important;
  padding:13px!important;
  border-radius:20px!important;
}
.parking-modal-v2407 .camp-v55-date-series-panel h3,
.parking-modal-v2407 .camp-v67-series-block > p,
.parking-modal-v2407 .camp-v67-series-block > strong{
  margin:0 0 8px!important;
  font-size:12px!important;
}
.parking-modal-v2407 .camp-v55-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.parking-modal-v2407 .camp-v55-grid label{
  gap:5px!important;
}
.parking-modal-v2407 .camp-v55-grid input,
.parking-modal-v2407 .camp-v55-grid select{
  min-height:38px!important;
  border-radius:12px!important;
  padding:8px 10px!important;
}

.parking-modal-v2407 .camp-v67-series-block{
  grid-area:series!important;
  order:initial!important;
  padding:13px!important;
  border-radius:20px!important;
}
.parking-modal-v2407 .copy-days{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(102px,1fr))!important;
  gap:7px!important;
  max-height:82px!important;
  overflow:auto!important;
}
.parking-modal-v2407 .copy-days label{
  min-height:31px!important;
  padding:5px 8px!important;
  font-size:11px!important;
}

/* Primär + Ausstattung kompakt nebeneinander in rechter Spalte */
.parking-modal-v2407 .route-primary-toggle-v2404{
  grid-area:primary!important;
  order:initial!important;
  margin:0!important;
  min-height:42px!important;
  padding:7px 10px!important;
  justify-self:start!important;
  align-self:start!important;
}
.parking-modal-v2407 .compact-add-amenities{
  grid-area:amenities!important;
  order:initial!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(110px,1fr))!important;
  gap:7px!important;
  padding:13px!important;
  border-radius:20px!important;
}
.parking-modal-v2407 .compact-add-amenities::before{
  margin-bottom:0!important;
  font-size:12px!important;
}
.parking-modal-v2407 .compact-add-amenities label{
  min-height:31px!important;
  padding:5px 8px!important;
  font-size:11px!important;
}

/* Actions kompakter und am unteren Rand */
.parking-modal-v2407 .add-actions{
  grid-area:actions!important;
  order:initial!important;
  position:sticky!important;
  bottom:0!important;
  z-index:5!important;
  margin:0 -20px -14px!important;
  padding:10px 20px!important;
  background:rgba(7,17,31,.96)!important;
  border-top:1px solid rgba(148,163,184,.14)!important;
}
.parking-modal-v2407 .add-actions .btn{
  min-height:40px!important;
}

/* Inputs kompakter */
.parking-modal-v2407 input,
.parking-modal-v2407 select,
.parking-modal-v2407 textarea{
  min-height:40px!important;
  border-radius:12px!important;
  padding:8px 10px!important;
}
.parking-modal-v2407 label{
  gap:5px!important;
}

/* Aktivität: kompakt, nicht zerschossen */
.activity-edit-modal-v2407 .modalbox,
.activity-edit-modal-v2407 .locationbox,
.activity-edit-modal-v2407 .activitybox-v2407{
  width:min(1080px,calc(100vw - 24px))!important;
  max-height:90dvh!important;
}
.activity-edit-modal-v2407 form.form,
.activity-edit-modal-v2407 .activity-form-v2407{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-areas:
    "primary primary"
    "main main"
    "addr link"
    "ticket ticket"
    "actions actions"!important;
  gap:12px!important;
  padding:14px 18px 14px!important;
  max-height:calc(90dvh - 102px)!important;
  overflow:auto!important;
}
.activity-edit-modal-v2407 .activity-primary-v2410{
  grid-area:primary!important;
  justify-self:start!important;
}
.activity-edit-modal-v2407 .co-location-main-fields{
  grid-area:main!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  padding:13px!important;
  border-radius:20px!important;
}
.activity-edit-modal-v2407 .activity-address-v2409{
  grid-area:addr!important;
  padding:13px!important;
  border-radius:20px!important;
}
.activity-edit-modal-v2407 .activity-cost-link-v2409{
  grid-area:link!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.activity-edit-modal-v2407 .activity-cost-link-v2409 label{
  padding:13px!important;
  border-radius:20px!important;
}
.activity-edit-modal-v2407 .ticket-upload-box-v2407{
  grid-area:ticket!important;
  padding:13px!important;
  border-radius:20px!important;
}
.activity-edit-modal-v2407 .ticket-upload-grid{
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.activity-edit-modal-v2407 .add-actions{
  grid-area:actions!important;
  position:sticky!important;
  bottom:0!important;
  z-index:5!important;
  margin:0 -18px -14px!important;
  padding:10px 18px!important;
  background:rgba(7,17,31,.96)!important;
  border-top:1px solid rgba(148,163,184,.14)!important;
}

@media(max-width:980px){
  .parking-modal-v2407 form.v20-place-form,
  .parking-modal-v2407 form.form{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "main"
      "address"
      "date"
      "series"
      "primary"
      "amenities"
      "cost"
      "info"
      "actions"!important;
  }
  .parking-modal-v2407 .camp-v55-grid,
  .parking-modal-v2407 .location-cost-row{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:680px){
  .parking-modal-v2407 .co-location-main-fields,
  .parking-modal-v2407 .camp-v55-grid,
  .parking-modal-v2407 .location-cost-row,
  .parking-modal-v2407 .compact-add-amenities,
  .activity-edit-modal-v2407 form.form,
  .activity-edit-modal-v2407 .activity-form-v2407,
  .activity-edit-modal-v2407 .co-location-main-fields,
  .activity-edit-modal-v2407 .ticket-upload-grid{
    grid-template-columns:1fr!important;
  }
  .activity-edit-modal-v2407 form.form,
  .activity-edit-modal-v2407 .activity-form-v2407{
    grid-template-areas:"primary" "main" "addr" "link" "ticket" "actions"!important;
  }
}


/* CampOrga v2412 – echter Modal-Rebuild mit festen Spalten-Containern */
.parking-modal-v2407 .modalbox,
.parking-modal-v2407 .locationbox{
  width:min(1420px,calc(100vw - 24px))!important;
  max-height:92dvh!important;
  overflow:hidden!important;
  padding:0!important;
}

/* keine alten Grid-/Margin-Tricks mehr */
.parking-modal-v2407 .parking-form-v2412{
  display:grid!important;
  grid-template-columns:minmax(430px,.82fr) minmax(520px,1.18fr)!important;
  gap:14px!important;
  padding:16px 22px 0!important;
  max-height:calc(92dvh - 104px)!important;
  overflow:auto!important;
  scrollbar-width:none!important;
  align-items:start!important;
}
.parking-modal-v2407 .parking-form-v2412::-webkit-scrollbar{display:none!important;}

.parking-modal-v2407 .parking-form-v2412 > input[type="hidden"],
.parking-modal-v2407 .parking-form-v2412 > input[name="action"],
.parking-modal-v2407 .parking-form-v2412 > input[name="day_id"],
.parking-modal-v2407 .parking-form-v2412 > input[name="location_id"]{
  display:none!important;
}

.parking-modal-v2407 .parking-left-v2412,
.parking-modal-v2407 .parking-right-v2412{
  display:grid!important;
  gap:12px!important;
  align-content:start!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  grid-area:auto!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}

.parking-modal-v2407 .parking-panel-v2412,
.parking-modal-v2407 .camp-v55-date-series-panel,
.parking-modal-v2407 .camp-v67-series-block{
  margin:0!important;
  padding:14px!important;
  border-radius:22px!important;
  background:rgba(15,23,42,.64)!important;
  border:1px solid rgba(148,163,184,.15)!important;
  box-shadow:none!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  grid-area:auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
}

.parking-modal-v2407 .parking-panel-v2412 h3,
.parking-modal-v2407 .camp-v55-date-series-panel h3,
.parking-modal-v2407 .camp-v67-series-block > p,
.parking-modal-v2407 .camp-v67-series-block > strong{
  margin:0 0 9px!important;
  color:#fde68a!important;
  font-size:12px!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  font-weight:1000!important;
}

/* direkter Kind-Flow: linke Spalte, rechte Spalte, dann Serienblöcke rechts, Actions unten */
.parking-modal-v2407 .parking-left-v2412{
  grid-column:1!important;
  grid-row:1 / span 4!important;
}
.parking-modal-v2407 .parking-right-v2412{
  grid-column:2!important;
  grid-row:3!important;
}
.parking-modal-v2407 .camp-v55-date-series-panel{
  grid-column:2!important;
  grid-row:1!important;
  background:rgba(250,204,21,.06)!important;
  border-color:rgba(250,204,21,.16)!important;
}
.parking-modal-v2407 .camp-v67-series-block{
  grid-column:2!important;
  grid-row:2!important;
}

/* Felder */
.parking-modal-v2407 .co-location-main-fields,
.parking-modal-v2407 .parking-main-fields-v2412{
  display:grid!important;
  grid-template-columns:210px minmax(0,1fr)!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.parking-modal-v2407 .parking-address-v2412,
.parking-modal-v2407 .parking-info-v2412,
.parking-modal-v2407 .parking-cost-v2412{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.parking-modal-v2407 .location-cost-row{
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  gap:10px!important;
}
.parking-modal-v2407 .location-cost-note{
  margin:0!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  background:rgba(2,6,23,.42)!important;
  border:1px solid rgba(148,163,184,.12)!important;
}
.parking-modal-v2407 textarea[name="info"]{
  min-height:90px!important;
}

/* Datum/Preis */
.parking-modal-v2407 .camp-v55-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.parking-modal-v2407 .camp-v55-grid label{
  min-width:0!important;
}
.parking-modal-v2407 .camp-v55-grid input,
.parking-modal-v2407 .camp-v55-grid select{
  width:100%!important;
  min-width:0!important;
}

/* Tage */
.parking-modal-v2407 .copy-days{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;
  gap:8px!important;
  max-height:118px!important;
  overflow:auto!important;
}
.parking-modal-v2407 .copy-days label{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:32px!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:rgba(2,6,23,.48)!important;
  border:1px solid rgba(148,163,184,.15)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}

/* Primär und Ausstattung */
.parking-modal-v2407 .primary-panel-v2412{
  background:rgba(250,204,21,.055)!important;
  border-color:rgba(250,204,21,.16)!important;
}
.parking-modal-v2407 .route-primary-toggle-v2412{
  display:inline-grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:8px 10px!important;
  width:auto!important;
  max-width:270px!important;
  min-height:44px!important;
  border-radius:14px!important;
  background:rgba(250,204,21,.08)!important;
  border:1px solid rgba(250,204,21,.20)!important;
}
.parking-modal-v2407 .route-primary-toggle-v2412 span{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  align-items:flex-start!important;
}
.parking-modal-v2407 .route-primary-toggle-v2412 b{
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1.05!important;
}
.parking-modal-v2407 .route-primary-toggle-v2412 small{
  white-space:nowrap!important;
  font-size:10px!important;
  line-height:1.05!important;
}
.parking-modal-v2407 .compact-add-amenities-v2412{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.parking-modal-v2407 .compact-add-amenities-v2412::before{
  display:none!important;
}
.parking-modal-v2407 .compact-add-amenities-v2412 label{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:7px 9px!important;
  border-radius:999px!important;
  background:rgba(2,6,23,.48)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}

/* Actions immer unten über beide Spalten */
.parking-modal-v2407 .add-actions{
  grid-column:1 / -1!important;
  grid-row:99!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:0 -22px!important;
  padding:10px 22px!important;
  position:sticky!important;
  bottom:0!important;
  z-index:5!important;
  background:rgba(7,17,31,.97)!important;
  border-top:1px solid rgba(148,163,184,.14)!important;
}

/* Aktivitätsmodal: eigene stabile Struktur */
.activity-edit-modal-v2407 .modalbox,
.activity-edit-modal-v2407 .locationbox,
.activity-edit-modal-v2407 .activitybox-v2407{
  width:min(1040px,calc(100vw - 24px))!important;
  max-height:90dvh!important;
  overflow:hidden!important;
}
.activity-edit-modal-v2407 form.form,
.activity-edit-modal-v2407 .activity-form-v2407{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-areas:
    "primary primary"
    "main main"
    "addr link"
    "ticket ticket"
    "actions actions"!important;
  gap:12px!important;
  padding:16px 20px 0!important;
  max-height:calc(90dvh - 104px)!important;
  overflow:auto!important;
  scrollbar-width:none!important;
}
.activity-edit-modal-v2407 .activity-primary-v2410{grid-area:primary!important;justify-self:start!important;}
.activity-edit-modal-v2407 .co-location-main-fields{grid-area:main!important;display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:10px!important;padding:14px!important;border-radius:22px!important;background:rgba(15,23,42,.64)!important;border:1px solid rgba(148,163,184,.15)!important;}
.activity-edit-modal-v2407 .activity-address-v2409{grid-area:addr!important;display:grid!important;gap:7px!important;padding:14px!important;border-radius:22px!important;background:rgba(15,23,42,.64)!important;border:1px solid rgba(148,163,184,.15)!important;}
.activity-edit-modal-v2407 .activity-cost-link-v2409{grid-area:link!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
.activity-edit-modal-v2407 .activity-cost-link-v2409 label{display:grid!important;gap:7px!important;padding:14px!important;border-radius:22px!important;background:rgba(15,23,42,.64)!important;border:1px solid rgba(148,163,184,.15)!important;}
.activity-edit-modal-v2407 .ticket-upload-box-v2407{grid-area:ticket!important;margin:0!important;padding:14px!important;border-radius:22px!important;background:rgba(15,23,42,.64)!important;border:1px solid rgba(148,163,184,.15)!important;}
.activity-edit-modal-v2407 .ticket-upload-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
.activity-edit-modal-v2407 .add-actions{grid-area:actions!important;display:flex!important;justify-content:flex-end!important;gap:10px!important;margin:0 -20px!important;padding:10px 20px!important;position:sticky!important;bottom:0!important;background:rgba(7,17,31,.97)!important;border-top:1px solid rgba(148,163,184,.14)!important;}

@media(max-width:1050px){
  .parking-modal-v2407 .parking-form-v2412{
    grid-template-columns:1fr!important;
  }
  .parking-modal-v2407 .parking-left-v2412,
  .parking-modal-v2407 .parking-right-v2412,
  .parking-modal-v2407 .camp-v55-date-series-panel,
  .parking-modal-v2407 .camp-v67-series-block{
    grid-column:1!important;
    grid-row:auto!important;
  }
}
@media(max-width:720px){
  .parking-modal-v2407 .co-location-main-fields,
  .parking-modal-v2407 .parking-main-fields-v2412,
  .parking-modal-v2407 .camp-v55-grid,
  .parking-modal-v2407 .location-cost-row,
  .activity-edit-modal-v2407 form.form,
  .activity-edit-modal-v2407 .activity-form-v2407,
  .activity-edit-modal-v2407 .co-location-main-fields,
  .activity-edit-modal-v2407 .ticket-upload-grid{
    grid-template-columns:1fr!important;
  }
  .activity-edit-modal-v2407 form.form,
  .activity-edit-modal-v2407 .activity-form-v2407{
    grid-template-areas:"primary" "main" "addr" "link" "ticket" "actions"!important;
  }
}


/* CampOrga v2413 – Modal Feinschliff: Abstand, Labels, Info-Rahmen */
.parking-modal-v2407 .parking-panel-v2412{
  padding:13px!important;
}

/* Standortblock etwas kompakter, damit Adresse näher an Name rückt */
.parking-modal-v2407 .parking-left-v2412{
  gap:9px!important;
}
.parking-modal-v2407 .parking-panel-v2412:first-child{
  padding-bottom:10px!important;
}
.parking-modal-v2407 .parking-main-fields-v2412,
.parking-modal-v2407 .co-location-main-fields{
  gap:8px!important;
}
.parking-modal-v2407 .parking-address-v2412{
  margin-top:-4px!important;
}

/* linke Spalte insgesamt etwas nach oben/kompakter */
.parking-modal-v2407 .parking-cost-panel-v2412,
.parking-modal-v2407 .parking-info-panel-v2412{
  margin-top:0!important;
}

/* Infos: nur noch ein Rahmen/Kasten */
.parking-modal-v2407 .parking-info-panel-v2412{
  padding:13px!important;
}
.parking-modal-v2407 .parking-info-v2412{
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.parking-modal-v2407 .parking-info-v2412 textarea{
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(2,6,23,.72)!important;
  min-height:82px!important;
}

/* Preis-/Datumsblock etwas ruhiger */
.parking-modal-v2407 .camp-v55-grid label{
  gap:5px!important;
}
.parking-modal-v2407 .camp-v55-grid input,
.parking-modal-v2407 .camp-v55-grid select{
  min-height:38px!important;
}

/* Preisinfo unten mit neuer Bezeichnung optisch sauber */
.parking-modal-v2407 .js-camp-price-info{
  color:#cbd5e1!important;
  font-size:12px!important;
  font-weight:900!important;
}


/* CampOrga v2414 – Adresse direkt unter Name / Ort */
.parking-modal-v2407 .parking-main-fields-v2412{
  display:grid!important;
  grid-template-columns:210px minmax(0,1fr)!important;
  gap:9px 10px!important;
}
.parking-modal-v2407 .parking-address-v2414{
  grid-column:1 / -1!important;
  display:grid!important;
  gap:6px!important;
  margin-top:0!important;
}
.parking-modal-v2407 .parking-address-v2412{
  display:none!important;
}
.parking-modal-v2407 .parking-panel-v2412:first-child{
  padding-bottom:13px!important;
}
.parking-modal-v2407 .parking-left-v2412{
  gap:10px!important;
}
.parking-modal-v2407 .parking-cost-panel-v2412{
  margin-top:0!important;
}
@media(max-width:720px){
  .parking-modal-v2407 .parking-main-fields-v2412{
    grid-template-columns:1fr!important;
  }
}


/* CampOrga v2415 – Aktivitäten nutzen vollständig das neue Standort-/Parkplatzmodal */
#activityModal,
.activity-edit-modal-v2407[id^="modal-activity-"]{
  display:none!important;
}

.action-grid-v2404 button[data-open-modal*="-poi"]{
  background:
    radial-gradient(circle at 0 0,rgba(236,72,153,.14),transparent 42%),
    rgba(15,23,42,.74)!important;
  border-color:rgba(236,72,153,.24)!important;
}
.action-grid-v2404 button[data-open-modal*="-poi"]:hover{
  border-color:rgba(236,72,153,.36)!important;
  box-shadow:0 0 24px rgba(236,72,153,.08)!important;
}

/* Wenn Art = Aktivität gewählt ist, bleibt das gleiche Layout erhalten */
.parking-modal-v2407 select[name="location_type"] option[value="poi"]{
  font-weight:900;
}


/* CampOrga v2416 – Kosten nur oben, Ausstattung links, Buttonbar sauber */
.parking-modal-v2407 .parking-cost-panel-v2412,
.parking-modal-v2407 .parking-cost-v2412{
  display:none!important;
}

/* Ausstattung sitzt jetzt links anstelle des alten Kostenblocks */
.parking-modal-v2407 .amenities-left-v2416{
  display:grid!important;
  gap:10px!important;
}
.parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412 label{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:7px 9px!important;
  border-radius:999px!important;
  background:rgba(2,6,23,.48)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}

/* rechte Seite hat dadurch mehr Luft */
.parking-modal-v2407 .parking-right-v2412{
  gap:12px!important;
}
.parking-modal-v2407 .primary-panel-v2412{
  margin-top:0!important;
}

/* obere Preisfelder sind die einzig relevanten Preisfelder */
.parking-modal-v2407 .camp-v55-date-series-panel{
  background:rgba(250,204,21,.065)!important;
  border-color:rgba(250,204,21,.18)!important;
}
.parking-modal-v2407 input[name="camp_price_day"],
.parking-modal-v2407 input[name="camp_price_total"]{
  border-color:rgba(250,204,21,.22)!important;
}

/* Infos bleibt sauber als einfacher Block */
.parking-modal-v2407 .parking-info-panel-v2412{
  margin-top:0!important;
}
.parking-modal-v2407 .parking-info-v2412{
  border:0!important;
  background:transparent!important;
  padding:0!important;
}

/* Buttonleiste ohne hart abbrechenden Sonderhintergrund */
.parking-modal-v2407 .add-actions,
.activity-edit-modal-v2407 .add-actions{
  margin:2px 0 0!important;
  padding:10px 0 12px!important;
  background:transparent!important;
  border-top:1px solid rgba(148,163,184,.14)!important;
  box-shadow:none!important;
}
.parking-modal-v2407 .add-actions::before,
.activity-edit-modal-v2407 .add-actions::before{
  display:none!important;
}


/* CampOrga v2417 – Ausstattung immer 2-spaltig + neue Merkmale */
.parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412,
.parking-modal-v2407 .compact-add-amenities-v2412{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412 label,
.parking-modal-v2407 .compact-add-amenities-v2412 label{
  min-width:0!important;
  justify-content:flex-start!important;
}
.parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412 span,
.parking-modal-v2407 .compact-add-amenities-v2412 span{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:560px){
  .parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412,
  .parking-modal-v2407 .compact-add-amenities-v2412{
    grid-template-columns:1fr!important;
  }
}


/* CampOrga v2418 – Ausstattung volle Breite, echte 2-Spalten */
.parking-modal-v2407 .amenities-left-v2416,
.parking-modal-v2407 .amenities-panel-v2412{
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
  align-self:stretch!important;
}

.parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412,
.parking-modal-v2407 .compact-add-amenities-v2412{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px 10px!important;
  justify-items:stretch!important;
  align-items:stretch!important;
  margin:0!important;
  padding:0!important;
}

.parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412 label,
.parking-modal-v2407 .compact-add-amenities-v2412 label{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  justify-content:flex-start!important;
  padding:7px 11px!important;
}

.parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412 input,
.parking-modal-v2407 .compact-add-amenities-v2412 input{
  flex:0 0 auto!important;
}

.parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412 span,
.parking-modal-v2407 .compact-add-amenities-v2412 span{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Falls alte Regeln den Inhalt zentrieren/rechts setzen, hart zurückholen */
.parking-modal-v2407 .amenities-left-v2416{
  text-align:left!important;
}
.parking-modal-v2407 .amenities-left-v2416 *{
  text-align:left!important;
}

@media(max-width:560px){
  .parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412,
  .parking-modal-v2407 .compact-add-amenities-v2412{
    grid-template-columns:1fr!important;
  }
}


/* CampOrga v2419 – Ausstattung wirklich breit + Aktivitäten wieder bearbeitbar */
.parking-modal-v2407 .amenities-left-v2416{
  width:100%!important;
  max-width:none!important;
  display:block!important;
}
.parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(180px,1fr))!important;
  gap:8px 12px!important;
  justify-content:stretch!important;
  justify-items:stretch!important;
}
.parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412 label{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  display:flex!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
}
.parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412 span{
  flex:1 1 auto!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.activity-card-unified-v2419{
  border-color:rgba(236,72,153,.22)!important;
}
.legacy-activity-v2419{
  opacity:.78!important;
}
@media(max-width:560px){
  .parking-modal-v2407 .amenities-left-v2416 .compact-add-amenities-v2412{
    grid-template-columns:1fr!important;
  }
}


/* CampOrga v2420 – alte Aktivitäten im neuen Modal bearbeitbar */
.legacy-activity-convert-v2420 .modalhead small{
  color:#facc15!important;
}
.legacy-activity-v2419 .activity-actions-v239{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
}


/* CampOrga v2421 – Reisekarten-Navigation oben im OpenStreetMap-Kasten */
.camp-map-head-v2421{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
}
.camp-map-title-v2421{
  min-width:0!important;
}
.camp-map-title-v2421 p{
  margin-bottom:0!important;
}
.camp-map-actions-v2421{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  min-width:0!important;
  white-space:nowrap!important;
}
.map-head-switch-v2421{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin:0!important;
  padding:5px!important;
  border-radius:18px!important;
  background:rgba(2,6,23,.34)!important;
  border:1px solid rgba(148,163,184,.13)!important;
  box-shadow:none!important;
}
.map-head-switch-v2421 button{
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:13px!important;
  font-size:12px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
.map-head-switch-v2421 button.is-active{
  background:linear-gradient(135deg,#facc15,#f59e0b)!important;
  color:#111827!important;
}
.map-side-switch{
  display:none!important;
}
.camp-map-side{
  overflow:visible!important;
}
@media(max-width:1160px){
  .camp-map-head-v2421{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  .camp-map-actions-v2421{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
}
@media(max-width:720px){
  .map-head-switch-v2421{
    width:100%!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
  }
  .camp-map-actions-v2421 .btn{
    width:100%!important;
  }
}

/* CampOrga v2422 – reine Mobile-Optimierung, Desktop bleibt unverändert */
.mobile-appbar,
.mobile-menu-backdrop{display:none;}

@media(max-width:980px){
  html{scroll-padding-top:76px;}
  body.has-sidebar{overflow-x:hidden;}
  body.has-sidebar .app-shell{display:block!important;min-height:100vh;}
  body.has-sidebar .mobile-appbar{
    position:sticky;top:0;z-index:120;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;
    min-height:62px;padding:8px 12px;background:rgba(5,9,19,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.16);
  }
  body.has-sidebar .mobile-menu-toggle,
  body.has-sidebar .mobile-quick-trip{
    width:46px;height:46px;min-height:46px;border-radius:16px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;text-decoration:none;
  }
  body.has-sidebar .mobile-menu-toggle{padding:0;gap:4px;align-content:center;cursor:pointer;}
  body.has-sidebar .mobile-menu-toggle span{display:block;width:20px;height:2px;border-radius:9px;background:#fff;transition:transform .22s ease,opacity .22s ease;}
  body.mobile-menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg);}
  body.mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0;}
  body.mobile-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
  body.has-sidebar .mobile-appbrand{min-width:0;display:flex;justify-content:center;align-items:center;height:46px;overflow:hidden;}
  body.has-sidebar .mobile-appbrand img{display:block;max-width:190px;width:auto;max-height:42px;object-fit:contain;}
  body.has-sidebar .pagebar{display:none!important;}
  body.has-sidebar .page-area{display:block!important;min-width:0;width:100%;}
  body.has-sidebar .wrap,
  body.has-sidebar .wrap.wide{width:100%!important;max-width:100%!important;margin:0!important;padding:12px!important;overflow:hidden;}
  body.has-sidebar .sidebar{
    position:fixed!important;z-index:150;left:0;top:0;bottom:0;width:min(86vw,340px)!important;max-width:340px!important;height:100dvh!important;
    overflow-y:auto!important;overscroll-behavior:contain;transform:translateX(-104%);transition:transform .24s ease;box-shadow:30px 0 80px rgba(0,0,0,.45)!important;
    border-right:1px solid rgba(148,163,184,.18)!important;border-bottom:0!important;padding:12px!important;
  }
  body.mobile-menu-open .sidebar{transform:translateX(0)!important;}
  body.has-sidebar .mobile-menu-backdrop{position:fixed;inset:0;z-index:140;background:rgba(0,0,0,.48);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .22s ease;}
  body.mobile-menu-open .mobile-menu-backdrop{display:block;opacity:1;pointer-events:auto;}
  body.mobile-menu-open{overflow:hidden;}
  body.has-sidebar .sidebrand.sidebrand-logo{height:70px!important;min-height:70px!important;max-height:70px!important;}
  body.has-sidebar .sidebrand.sidebrand-logo img{max-width:210px!important;min-width:0!important;width:210px!important;max-height:54px!important;}
  body.has-sidebar .side-section{margin-top:8px!important;}
  body.has-sidebar .side-link{min-height:46px!important;padding:11px 12px!important;border-radius:16px!important;}
  body.has-sidebar .side-footer{position:static!important;margin-top:12px!important;}

  .triphero.compact-triphero{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:18px!important;margin:0 0 12px!important;border-radius:22px!important;}
  .triphero.compact-triphero h2{font-size:clamp(28px,8vw,42px)!important;line-height:.98!important;word-break:break-word;}
  .triphero.compact-triphero p{font-size:14px!important;line-height:1.45!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;}
  .hero-actions .btn{width:100%!important;justify-content:center!important;min-height:46px!important;}
  .trip-view-switch,
  .trip-route-switch{position:sticky!important;top:62px!important;z-index:50!important;margin:0 0 12px!important;padding:10px!important;border-radius:18px!important;background:rgba(15,23,42,.94)!important;backdrop-filter:blur(16px)!important;}
  .trip-switch-buttons-v223,
  .camp-map-actions-v2421 .trip-view-switch{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;}
  .trip-switch-buttons-v223 button,
  .trip-view-switch button{min-height:42px!important;width:100%!important;white-space:normal!important;}
  .route-refresh-form-v223{width:100%!important;margin-top:8px!important;}
  .route-refresh-form-v223 .btn{width:100%!important;justify-content:center!important;}

  .routeflow.co-routeflow{display:grid!important;gap:12px!important;margin-top:12px!important;}
  .routeflow.co-routeflow:before{display:none!important;}
  .camp-route-v16 .co-day-card,
  .route-day.co-day-card{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:10px!important;width:100%!important;margin:0!important;padding:10px!important;border-radius:20px!important;align-items:start!important;}
  .camp-route-v16 .co-date{width:64px!important;min-width:64px!important;min-height:76px!important;border-radius:18px!important;padding:7px 4px!important;}
  .camp-route-v16 .co-date span{font-size:11px!important;}
  .camp-route-v16 .co-date b{font-size:24px!important;line-height:1!important;}
  .camp-route-v16 .co-date em{font-size:11px!important;}
  .co-day-content{min-width:0!important;}
  .co-day-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:start!important;}
  .co-day-top h2{font-size:21px!important;line-height:1.08!important;margin:0 0 5px!important;word-break:break-word;}
  .co-day-top p{font-size:13px!important;line-height:1.35!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .day-card-actions-v2404{display:flex!important;gap:6px!important;align-items:flex-start!important;}
  .roundedit-v2404,
  .roundplus{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:15px!important;}
  .co-route-line{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:10px 0!important;}
  .co-route-line span{font-size:12px!important;padding:6px 8px!important;border-radius:999px!important;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;}
  .parking-buttons.co-mini-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:8px!important;}
  .parking-open{min-width:0!important;min-height:44px!important;padding:9px!important;border-radius:15px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;}
  .parking-open span{min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px!important;}
  .parking-open b{font-size:12px!important;min-width:24px!important;height:24px!important;display:grid!important;place-items:center!important;}
  .parking-open.hidden-empty{opacity:.72!important;}
  .day-route-distance-v220,
  .route-home-box-v230{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important;margin:10px 0!important;padding:12px!important;border-radius:18px!important;}
  .route-dot,
  .route-home-icon-v230{width:42px!important;height:42px!important;border-radius:15px!important;display:grid!important;place-items:center!important;}
  .route-copy strong,
  .route-home-box-v230 strong{font-size:14px!important;line-height:1.25!important;}
  .route-copy small,
  .route-home-box-v230 small{font-size:12px!important;line-height:1.35!important;}

  .modal{padding:0!important;align-items:stretch!important;justify-content:center!important;}
  .modal.open,
  .modal.show,
  .modal.is-open{display:flex!important;}
  .modalbox,
  .modalbox.slimmodal,
  .modalbox.locationbox,
  .modalbox.daymodal,
  .modalbox.actionbox,
  .trip-settings-modal-v107{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;padding:14px!important;overflow-y:auto!important;overscroll-behavior:contain;}
  .modalhead{position:sticky!important;top:0!important;z-index:5!important;margin:-14px -14px 14px!important;padding:14px!important;background:rgba(15,23,42,.96)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(148,163,184,.16)!important;align-items:flex-start!important;gap:10px!important;}
  .modalhead h2{font-size:24px!important;line-height:1.08!important;word-break:break-word;}
  .modalhead small,.modalhead p{font-size:12px!important;line-height:1.3!important;}
  .modalclose{width:44px!important;height:44px!important;min-width:44px!important;border-radius:15px!important;font-size:24px!important;}
  .modal-actions-bottom,
  .add-actions{position:sticky!important;bottom:0!important;z-index:6!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:14px -14px -14px!important;padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;background:rgba(15,23,42,.96)!important;backdrop-filter:blur(16px)!important;border-top:1px solid rgba(148,163,184,.16)!important;}
  .modal-actions-bottom .btn,
  .add-actions .btn{width:100%!important;justify-content:center!important;min-height:46px!important;}
  .modal .form,
  .modal .modalform{display:grid!important;gap:10px!important;}
  .modal label{min-width:0!important;}
  .modal input,
  .modal select,
  .modal textarea{width:100%!important;min-height:44px!important;font-size:16px!important;}
  .modal textarea{min-height:96px!important;}
  .grid,
  .grid2,
  .trip-settings-grid,
  .v104-grid-2,
  .v104-grid-3,
  .camp-v55-grid,
  .co-location-main-fields,
  .parking-main-fields-v2412,
  .parking-left-v2412,
  .parking-right-v2412{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .parking-panel-v2412,
  .trip-settings-section-card,
  .hero-card-v104{padding:12px!important;border-radius:18px!important;}
  .compact-add-amenities{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;}
  .compact-add-amenities label,
  .copy-days label{min-height:42px!important;}
  .copy-days{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;max-height:42vh!important;overflow:auto!important;padding-right:2px!important;}
  .camp-v55-date-series-panel,
  .camp-v55-series-days,
  .camp-v67-series-block{padding:12px!important;border-radius:18px!important;}

  .pretty-location-list,
  .activity-list-v239,
  .day-file-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .pretty-location.place-list-row{display:grid!important;grid-template-columns:34px 42px minmax(0,1fr)!important;gap:8px!important;padding:10px!important;border-radius:18px!important;}
  .place-list-main,
  .place-list-extras,
  .place-list-info,
  .place-list-actions{grid-column:1/-1!important;min-width:0!important;}
  .place-list-main{grid-column:3/-1!important;}
  .drag-handle-v2404{grid-column:1!important;grid-row:1!important;align-self:center!important;}
  .pretty-icon.list-icon{grid-column:2!important;grid-row:1!important;width:42px!important;height:42px!important;}
  .place-list-main strong{font-size:16px!important;line-height:1.25!important;}
  .place-list-main small,
  .place-list-info{font-size:12px!important;line-height:1.35!important;word-break:break-word;}
  .place-list-extras.amenity-badges{display:flex!important;flex-wrap:wrap!important;gap:5px!important;}
  .amenity-badge{font-size:11px!important;padding:5px 7px!important;}
  .pretty-actions.place-list-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;}
  .pretty-actions.place-list-actions .btn{width:100%!important;justify-content:center!important;}
  .activity-card-v239,
  .day-file-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:12px!important;border-radius:18px!important;}
  .activity-card-v239 strong{font-size:17px!important;line-height:1.25!important;}
  .activity-card-v239 small{font-size:12px!important;line-height:1.35!important;word-break:break-word;}
  .activity-actions-v239,
  .file-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important;}
  .activity-actions-v239 .btn,
  .file-actions .btn{width:100%!important;justify-content:center!important;}
  .fileupload{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}

  .camp-map-head,
  .camp-map-head-v2421{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .camp-map-actions,
  .camp-map-actions-v2421{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;}
  .camp-map-shell{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .camp-route-map{height:55vh!important;min-height:360px!important;border-radius:18px!important;}
  .camp-map-side{position:static!important;width:100%!important;border-radius:18px!important;}
  .camp-map-legend{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:6px!important;}
  .routecalc-board-v226{overflow:hidden!important;}
  .routecalc-head-v226{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .routecalc-flow-v226{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;overflow:visible!important;}
  .routecalc-node-v226,
  .routecalc-line-v226{width:100%!important;max-width:100%!important;}
  .routecalc-line-v226{min-height:42px!important;}

  .trip-settings-nav-v107{position:sticky!important;top:65px!important;z-index:4!important;display:flex!important;gap:8px!important;overflow-x:auto!important;padding:8px 0!important;background:rgba(15,23,42,.94)!important;}
  .trip-settings-nav-v107 button{min-width:max-content!important;min-height:42px!important;}
  .section-title-v104{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;}
  .section-title-v104 h3{font-size:18px!important;line-height:1.15!important;}
  .checklist-choice-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .choice-card{width:100%!important;min-height:78px!important;}
  .trip-checklist-items{display:grid!important;gap:8px!important;}
}

@media(max-width:560px){
  body.has-sidebar .wrap,
  body.has-sidebar .wrap.wide{padding:9px!important;}
  body.has-sidebar .mobile-appbar{min-height:58px;padding:7px 9px;grid-template-columns:44px minmax(0,1fr) 44px;}
  body.has-sidebar .mobile-menu-toggle,
  body.has-sidebar .mobile-quick-trip{width:42px;height:42px;min-height:42px;border-radius:14px;}
  body.has-sidebar .mobile-appbrand img{max-width:164px;max-height:38px;}
  .trip-view-switch,.trip-route-switch{top:58px!important;margin-left:-2px!important;margin-right:-2px!important;}
  .camp-route-v16 .co-day-card,.route-day.co-day-card{grid-template-columns:54px minmax(0,1fr)!important;gap:8px!important;padding:8px!important;border-radius:18px!important;}
  .camp-route-v16 .co-date{width:54px!important;min-width:54px!important;min-height:68px!important;border-radius:16px!important;}
  .camp-route-v16 .co-date b{font-size:21px!important;}
  .co-day-top{grid-template-columns:1fr!important;}
  .day-card-actions-v2404{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
  .roundedit-v2404,.roundplus{width:100%!important;min-width:0!important;}
  .parking-buttons.co-mini-actions{grid-template-columns:1fr!important;}
  .parking-open{min-height:42px!important;}
  .modalbox,.modalbox.slimmodal,.modalbox.locationbox,.modalbox.daymodal,.modalbox.actionbox,.trip-settings-modal-v107{padding:12px!important;}
  .modalhead{margin:-12px -12px 12px!important;padding:12px!important;}
  .modal-actions-bottom,.add-actions{margin:12px -12px -12px!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;}
  .modalhead h2{font-size:22px!important;}
  .camp-route-map{height:50vh!important;min-height:320px!important;}
  .pretty-location.place-list-row{grid-template-columns:30px 38px minmax(0,1fr)!important;}
  .pretty-icon.list-icon{width:38px!important;height:38px!important;}
}

/* CampOrga v2423 – Mobile-Feinschliff: klarer Header, scharfes Menü, schönerer Reiseverlauf */
@media(max-width:980px){
  html{scroll-padding-top:64px!important;}
  body.has-sidebar .mobile-appbar{
    position:sticky!important;
    top:0!important;
    z-index:220!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:9px!important;
    min-height:58px!important;
    padding:7px 10px!important;
    background:#071120!important;
    background:linear-gradient(180deg,#0b1628 0%,#071120 100%)!important;
    border-bottom:1px solid rgba(250,204,21,.22)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.32)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.has-sidebar .mobile-menu-toggle,
  body.has-sidebar .mobile-quick-trip{
    width:42px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055))!important;
    border:1px solid rgba(255,255,255,.15)!important;
    box-shadow:none!important;
  }
  body.has-sidebar .mobile-menu-toggle span{
    width:19px!important;
    height:2px!important;
    background:#f8fafc!important;
  }
  body.has-sidebar .mobile-appbrand{
    min-width:0!important;
    height:44px!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    justify-content:stretch!important;
    overflow:hidden!important;
    text-decoration:none!important;
  }
  body.has-sidebar .mobile-appbrand-logo{
    width:40px!important;
    height:40px!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    overflow:hidden!important;
  }
  body.has-sidebar .mobile-appbrand img{
    display:block!important;
    width:34px!important;
    max-width:34px!important;
    height:auto!important;
    max-height:30px!important;
    object-fit:contain!important;
  }
  body.has-sidebar .mobile-appbrand-text{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    line-height:1.05!important;
  }
  body.has-sidebar .mobile-appbrand-text strong{
    display:block!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:1000!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.has-sidebar .mobile-appbrand-text small{
    display:block!important;
    margin-top:3px!important;
    color:#facc15!important;
    font-size:11px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.has-sidebar .mobile-menu-backdrop{
    z-index:205!important;
    background:rgba(2,6,23,.66)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.has-sidebar .sidebar{
    z-index:230!important;
    width:min(88vw,330px)!important;
    max-width:330px!important;
    padding:10px!important;
    gap:8px!important;
    background:#071120!important;
    background:linear-gradient(180deg,#0b1628 0%,#050b16 100%)!important;
    box-shadow:24px 0 52px rgba(0,0,0,.55)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.has-sidebar .sidebrand.sidebrand-logo{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:8px 10px!important;
    margin:0 0 6px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.10)!important;
  }
  body.has-sidebar .sidebrand.sidebrand-logo img{
    width:178px!important;
    min-width:0!important;
    max-width:178px!important;
    max-height:44px!important;
  }
  body.has-sidebar .side-section{
    margin-top:7px!important;
    padding-top:0!important;
  }
  body.has-sidebar .side-label{
    display:block!important;
    margin:7px 4px 6px!important;
    color:#93a4bc!important;
    font-size:10px!important;
    letter-spacing:.14em!important;
  }
  body.has-sidebar .side-link{
    min-height:43px!important;
    padding:7px 9px!important;
    border-radius:14px!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:8px!important;
    font-size:13px!important;
    background:rgba(255,255,255,.035)!important;
  }
  body.has-sidebar .side-link b{
    width:30px!important;
    height:30px!important;
    border-radius:11px!important;
    font-size:14px!important;
  }
  body.has-sidebar .active-trip-card{
    border-radius:16px!important;
    padding:10px!important;
    background:linear-gradient(135deg,rgba(250,204,21,.14),rgba(56,189,248,.075))!important;
  }
  body.has-sidebar .active-trip-card strong{
    font-size:14px!important;
    line-height:1.18!important;
  }
  body.has-sidebar .page-area{padding-top:0!important;}
  body.has-sidebar .wrap,
  body.has-sidebar .wrap.wide{
    padding:10px!important;
    overflow:visible!important;
  }

  body.trip-page .triphero.compact-triphero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:8px 0 10px!important;
    padding:14px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,rgba(17,30,52,.96),rgba(10,16,29,.96))!important;
    border:1px solid rgba(250,204,21,.18)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
  }
  body.trip-page .triphero.compact-triphero .eyebrow{
    margin:0 0 6px!important;
    font-size:10px!important;
    letter-spacing:.18em!important;
  }
  body.trip-page .triphero.compact-triphero h2{
    font-size:clamp(24px,6.4vw,34px)!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
    margin:0!important;
  }
  body.trip-page .triphero.compact-triphero p:not(.eyebrow){
    margin:7px 0 0!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
  body.trip-page .hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:2px!important;
  }
  body.trip-page .hero-actions .btn{
    min-height:42px!important;
    padding:9px 10px!important;
    border-radius:15px!important;
    font-size:12px!important;
    white-space:normal!important;
  }
  body.trip-page .trip-view-switch,
  body.trip-page .trip-route-switch{
    top:58px!important;
    z-index:90!important;
    margin:0 0 10px!important;
    padding:8px!important;
    border-radius:18px!important;
    background:#0b1628!important;
    border:1px solid rgba(148,163,184,.16)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.trip-page .trip-switch-buttons-v223{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.trip-page .trip-switch-buttons-v223 button,
  body.trip-page .trip-view-switch button{
    min-height:38px!important;
    padding:7px 7px!important;
    border-radius:13px!important;
    font-size:11px!important;
    line-height:1.12!important;
    white-space:normal!important;
  }
  body.trip-page .route-refresh-form-v223{
    margin-top:7px!important;
  }
  body.trip-page .route-refresh-form-v223 .btn{
    min-height:38px!important;
    border-radius:13px!important;
  }

  body.trip-page .routeflow.co-routeflow{
    position:relative!important;
    display:grid!important;
    gap:12px!important;
    margin-top:8px!important;
    padding-left:0!important;
  }
  body.trip-page .routeflow.co-routeflow:before{
    display:block!important;
    content:""!important;
    position:absolute!important;
    left:26px!important;
    top:10px!important;
    bottom:10px!important;
    width:2px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#facc15,#38bdf8,rgba(148,163,184,.16))!important;
    opacity:.7!important;
    pointer-events:none!important;
  }
  body.trip-page .route-home-box-v230,
  body.trip-page .camp-route-v16 .co-day-card,
  body.trip-page .route-day.co-day-card{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    margin:0!important;
    border-radius:22px!important;
    border:1px solid rgba(148,163,184,.16)!important;
    background:linear-gradient(145deg,rgba(20,31,52,.98),rgba(8,14,27,.98))!important;
    box-shadow:0 12px 34px rgba(0,0,0,.28)!important;
    overflow:hidden!important;
  }
  body.trip-page .camp-route-v16 .co-day-card,
  body.trip-page .route-day.co-day-card{
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px!important;
    align-items:start!important;
  }
  body.trip-page .camp-route-v16 .co-day-card:before,
  body.trip-page .route-day.co-day-card:before{
    content:""!important;
    position:absolute!important;
    inset:0 auto 0 0!important;
    width:5px!important;
    background:linear-gradient(180deg,#facc15,#38bdf8)!important;
    opacity:.9!important;
  }
  body.trip-page .camp-route-v16 .co-day-card.is-today,
  body.trip-page .route-day.co-day-card.is-today,
  body.trip-page .route-day.co-day-card.today{
    border-color:rgba(250,204,21,.45)!important;
    box-shadow:0 16px 38px rgba(250,204,21,.12),0 12px 34px rgba(0,0,0,.32)!important;
  }
  body.trip-page .camp-route-v16 .co-date{
    width:52px!important;
    min-width:52px!important;
    min-height:68px!important;
    border-radius:17px!important;
    padding:6px 3px!important;
    background:linear-gradient(180deg,rgba(250,204,21,.20),rgba(56,189,248,.11))!important;
    border:1px solid rgba(250,204,21,.26)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  body.trip-page .camp-route-v16 .co-date span,
  body.trip-page .camp-route-v16 .co-date em{
    font-size:10px!important;
    line-height:1.05!important;
  }
  body.trip-page .camp-route-v16 .co-date b{
    font-size:22px!important;
    line-height:.98!important;
  }
  body.trip-page .co-day-content{min-width:0!important;}
  body.trip-page .co-day-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 84px!important;
    gap:8px!important;
    align-items:start!important;
  }
  body.trip-page .co-day-top h2{
    font-size:19px!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    margin:0 0 4px!important;
  }
  body.trip-page .co-day-top p{
    font-size:12px!important;
    line-height:1.33!important;
    margin:0!important;
    color:#aebbd0!important;
    -webkit-line-clamp:2!important;
  }
  body.trip-page .day-card-actions-v2404{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    width:84px!important;
  }
  body.trip-page .roundedit-v2404,
  body.trip-page .roundplus{
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
    min-height:39px!important;
    border-radius:14px!important;
    font-size:17px!important;
  }
  body.trip-page .co-route-line{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin:9px 0!important;
  }
  body.trip-page .co-route-line span{
    display:inline-flex!important;
    align-items:center!important;
    max-width:100%!important;
    min-height:28px!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.06)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:#dbeafe!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.15!important;
  }
  body.trip-page .parking-buttons.co-mini-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  body.trip-page .parking-open{
    min-width:0!important;
    min-height:42px!important;
    padding:8px 8px!important;
    border-radius:15px!important;
    justify-content:space-between!important;
    background:linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.038))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
  }
  body.trip-page .parking-open span{
    font-size:11px!important;
    font-weight:950!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.trip-page .parking-open b{
    width:25px!important;
    min-width:25px!important;
    height:25px!important;
    border-radius:10px!important;
    font-size:12px!important;
    background:rgba(255,255,255,.10)!important;
  }
  body.trip-page .parking-open.hidden-empty{
    opacity:.48!important;
    filter:none!important;
  }
  body.trip-page .parking-open.activity{border-color:rgba(168,85,247,.22)!important;background:linear-gradient(180deg,rgba(168,85,247,.14),rgba(255,255,255,.035))!important;}
  body.trip-page .parking-open.camp{border-color:rgba(34,197,94,.22)!important;background:linear-gradient(180deg,rgba(34,197,94,.13),rgba(255,255,255,.035))!important;}
  body.trip-page .parking-open.general,
  body.trip-page .parking-open.day{border-color:rgba(56,189,248,.21)!important;background:linear-gradient(180deg,rgba(56,189,248,.12),rgba(255,255,255,.035))!important;}
  body.trip-page .parking-open.night{border-color:rgba(99,102,241,.24)!important;background:linear-gradient(180deg,rgba(99,102,241,.14),rgba(255,255,255,.035))!important;}
  body.trip-page .parking-open.stop{border-color:rgba(250,204,21,.24)!important;background:linear-gradient(180deg,rgba(250,204,21,.12),rgba(255,255,255,.035))!important;}

  body.trip-page .modalhead,
  body.trip-page .modal-actions-bottom,
  body.trip-page .add-actions,
  body.trip-page .trip-settings-nav-v107{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:#0b1628!important;
  }
  body.trip-page .modalbox,
  body.trip-page .modalbox.slimmodal,
  body.trip-page .modalbox.locationbox,
  body.trip-page .modalbox.daymodal,
  body.trip-page .modalbox.actionbox,
  body.trip-page .trip-settings-modal-v107{
    background:linear-gradient(180deg,#0f1b31,#071120)!important;
  }
}

@media(max-width:560px){
  html{scroll-padding-top:58px!important;}
  body.has-sidebar .mobile-appbar{
    min-height:56px!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    gap:8px!important;
    padding:7px 8px!important;
  }
  body.has-sidebar .mobile-menu-toggle,
  body.has-sidebar .mobile-quick-trip{
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:13px!important;
  }
  body.has-sidebar .mobile-appbrand{
    grid-template-columns:36px minmax(0,1fr)!important;
    height:40px!important;
    gap:8px!important;
  }
  body.has-sidebar .mobile-appbrand-logo{
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
  }
  body.has-sidebar .mobile-appbrand img{
    width:30px!important;
    max-width:30px!important;
    max-height:27px!important;
  }
  body.has-sidebar .mobile-appbrand-text strong{font-size:13px!important;}
  body.has-sidebar .mobile-appbrand-text small{font-size:10px!important;}
  body.has-sidebar .wrap,
  body.has-sidebar .wrap.wide{padding:8px!important;}
  body.trip-page .triphero.compact-triphero{
    margin:7px 0 8px!important;
    padding:12px!important;
    border-radius:20px!important;
  }
  body.trip-page .triphero.compact-triphero h2{font-size:25px!important;}
  body.trip-page .hero-actions{grid-template-columns:1fr 1fr!important;}
  body.trip-page .trip-view-switch,
  body.trip-page .trip-route-switch{top:56px!important;margin-left:0!important;margin-right:0!important;}
  body.trip-page .trip-switch-buttons-v223{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.trip-page .trip-switch-buttons-v223 button{font-size:10px!important;padding:6px 5px!important;}
  body.trip-page .routeflow.co-routeflow:before{left:23px!important;}
  body.trip-page .camp-route-v16 .co-day-card,
  body.trip-page .route-day.co-day-card{
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:8px!important;
    padding:9px!important;
    border-radius:20px!important;
  }
  body.trip-page .camp-route-v16 .co-date{
    width:48px!important;
    min-width:48px!important;
    min-height:64px!important;
    border-radius:15px!important;
  }
  body.trip-page .camp-route-v16 .co-date b{font-size:20px!important;}
  body.trip-page .co-day-top{
    grid-template-columns:minmax(0,1fr) 78px!important;
    gap:7px!important;
  }
  body.trip-page .co-day-top h2{font-size:18px!important;}
  body.trip-page .co-day-top p{font-size:11px!important;}
  body.trip-page .day-card-actions-v2404{
    width:78px!important;
    grid-template-columns:1fr 1fr!important;
  }
  body.trip-page .roundedit-v2404,
  body.trip-page .roundplus{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
  }
  body.trip-page .parking-buttons.co-mini-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.trip-page .parking-open{
    min-height:39px!important;
    padding:7px!important;
    border-radius:13px!important;
  }
  body.trip-page .parking-open span{font-size:10px!important;}
  body.trip-page .parking-open b{
    width:23px!important;
    min-width:23px!important;
    height:23px!important;
    font-size:11px!important;
  }
}

@media(max-width:370px){
  body.trip-page .parking-buttons.co-mini-actions{grid-template-columns:1fr!important;}
  body.trip-page .hero-actions{grid-template-columns:1fr!important;}
  body.trip-page .trip-switch-buttons-v223{grid-template-columns:1fr!important;}
}


/* CampOrga v2424 – Meine Einstellungen Layout stabilisieren + Aktivitäten auf Karte getrennt anzeigen */
.camp-map-legend i.activity{
  background:linear-gradient(135deg,#a855f7,#7c3aed)!important;
  color:#fff!important;
}
.camp-map-marker.activity{
  background:linear-gradient(135deg,#a855f7,#7c3aed)!important;
  color:#fff!important;
  border-color:rgba(168,85,247,.70)!important;
  box-shadow:0 12px 28px rgba(168,85,247,.20)!important;
}
.camp-map-popup.modern.activity .popup-day,
.camp-map-popup.modern.activity .popup-type{
  background:rgba(168,85,247,.14)!important;
  border-color:rgba(168,85,247,.28)!important;
  color:#e9d5ff!important;
}

html body.settings-v127.has-sidebar .page-area > main.wrap,
html body.settings-v127.has-sidebar .page-area > main.wrap.wide,
html body.settings-v127.has-sidebar main.wrap,
html body.settings-v127.has-sidebar main.wrap.wide{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:22px 24px 36px!important;
  box-sizing:border-box!important;
}
html body.settings-v127 .settings-v127-hero,
html body.settings-v127 .settings-v127-layout{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
html body.settings-v127 .settings-v127-layout{
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
html body.settings-v127 .settings-v127-menu{
  position:sticky!important;
  top:76px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  align-self:start!important;
}
html body.settings-v127 .settings-v127-content,
html body.settings-v127 .settings-v127-panel,
html body.settings-v127 .settings-v127-inner-form{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
html body.settings-v127 .settings-v127-panel{
  overflow:visible!important;
}
html body.settings-v127 .settings-v127-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
}
html body.settings-v127 .settings-v127-grid.three{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html body.settings-v127 .settings-v127-price-cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html body.settings-v127 .settings-v127-add-price{
  display:grid!important;
  grid-template-columns:150px minmax(220px,1fr) 150px 140px auto!important;
}
html body.settings-v127 .settings-v127-price-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
}

@media(max-width:1180px){
  html body.settings-v127 .settings-v127-layout{grid-template-columns:1fr!important;}
  html body.settings-v127 .settings-v127-menu{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  html body.settings-v127 .settings-v127-grid.three,
  html body.settings-v127 .settings-v127-price-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body.settings-v127 .settings-v127-add-price{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:760px){
  html body.settings-v127.has-sidebar .page-area > main.wrap,
  html body.settings-v127.has-sidebar .page-area > main.wrap.wide,
  html body.settings-v127.has-sidebar main.wrap,
  html body.settings-v127.has-sidebar main.wrap.wide{padding:14px 12px 26px!important;}
  html body.settings-v127 .settings-v127-hero,
  html body.settings-v127 .settings-v127-head,
  html body.settings-v127 .settings-v127-menu,
  html body.settings-v127 .settings-v127-grid.three,
  html body.settings-v127 .settings-v127-price-cards,
  html body.settings-v127 .settings-v127-add-price,
  html body.settings-v127 .settings-v127-price-row{grid-template-columns:1fr!important;}
  html body.settings-v127 .settings-v127-head .btn,
  html body.settings-v127 .settings-v127-hero .btn{width:100%!important;}
  html body.settings-v127 .settings-v127-panel{padding:16px!important;border-radius:24px!important;min-height:0!important;}
}

/* Listen: Positions-Modal und Notiz-Stift */
.co-position-modal-box,.co-note-modal-box{max-width:720px!important;width:min(720px,94vw)!important;}
.co-position-modal-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;}
.co-position-modal-form label,.co-note-modal-form label{display:grid!important;gap:7px!important;color:#e5e7eb!important;font-weight:800!important;}
.co-position-modal-form label.wide{grid-column:1/-1!important;}
.co-position-modal-form input,.co-position-modal-form select,.co-position-modal-form textarea,.co-note-modal-form textarea{width:100%!important;border:1px solid rgba(148,163,184,.25)!important;background:rgba(15,23,42,.72)!important;color:#fff!important;border-radius:14px!important;padding:12px 13px!important;outline:none!important;}
.co-position-modal-form textarea,.co-note-modal-form textarea{min-height:180px!important;resize:vertical!important;}
.co-position-modal-form .form-actions,.co-note-modal-form .form-actions{grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:4px!important;}
.lt-note-open{min-width:42px!important;font-weight:1000!important;}
.lt-note-open.has-note{border-color:rgba(245,158,11,.65)!important;background:rgba(245,158,11,.16)!important;color:#fbbf24!important;}
.check-editor-head{gap:10px!important;}
@media(max-width:720px){.co-position-modal-form{grid-template-columns:1fr!important}.co-position-modal-form .form-actions,.co-note-modal-form .form-actions{flex-direction:column!important}.co-position-modal-form .form-actions .btn,.co-note-modal-form .form-actions .btn{width:100%!important}}

/* CampOrga v230 – Meine Listen Positionszeilen identisch zu Listen Vorlagen */
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .checklist-template-view{
  display:grid!important;
  gap:7px!important;
  padding:12px!important;
}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .checklist-template-view .co-check-row.lt-item{
  display:grid!important;
  grid-template-columns:38px minmax(210px,1.2fr) 86px 96px minmax(150px,.8fr) 92px!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  min-height:44px!important;
  padding:7px 8px!important;
  border-radius:14px!important;
  background:rgba(15,23,42,.44)!important;
  border:1px solid rgba(148,163,184,.12)!important;
  color:#fff!important;
  cursor:pointer!important;
}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .checklist-template-view .co-check-row.lt-item > *{
  min-width:0!important;
  max-width:100%!important;
}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .co-check-box{
  width:32px!important;
  height:32px!important;
  border-radius:11px!important;
}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .co-check-box i{
  width:20px!important;
  height:20px!important;
  border-radius:6px!important;
  font-size:12px!important;
}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-item-title,
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-qty-chip-v230,
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-unit-chip-v230,
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-category-chip,
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-done-chip{
  min-height:34px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  border-radius:11px!important;
  background:rgba(2,6,23,.62)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  color:#fff!important;
  padding:6px 10px!important;
  font-size:.84rem!important;
  font-weight:900!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-item-title strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:.9rem!important;
  line-height:1.1!important;
}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-qty-chip-v230:empty::before,
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-unit-chip-v230:empty::before{
  content:'—';
  color:#64748b!important;
}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-done-chip{
  justify-content:center!important;
  background:linear-gradient(135deg,#ef4444,#b91c1c)!important;
  border-color:rgba(239,68,68,.35)!important;
}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .is-done .lt-done-chip{
  background:linear-gradient(135deg,#22c55e,#15803d)!important;
  border-color:rgba(34,197,94,.35)!important;
}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-rule-chip{
  display:none!important;
}
@media(max-width:1120px){
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .checklist-template-view .co-check-row.lt-item{
    grid-template-columns:38px minmax(0,1fr) 80px 90px!important;
  }
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-category-chip,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-done-chip{display:none!important;}
}
@media(max-width:760px){
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .checklist-template-view .co-check-row.lt-item{
    grid-template-columns:34px minmax(0,1fr)!important;
  }
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-qty-chip-v230,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-unit-chip-v230{display:none!important;}
}


/* Listen: Notiz-Stift und leerer Checkbox-Kasten */
body.lists-overview-page:not(.list-templates-page) .co-check-box i{
  opacity:0!important;
  background:transparent!important;
  color:transparent!important;
}
body.lists-overview-page:not(.list-templates-page) .is-done .co-check-box i{
  opacity:1!important;
  background:#22c55e!important;
  color:#fff!important;
}
body.lists-overview-page:not(.list-templates-page) .lt-note-open{
  justify-self:end!important;
  min-width:36px!important;
  height:36px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
}

/* CampOrga Listen – Positionszeilen wirklich einzeilig + sauberes Notiz-Modal */
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .checklist-template-view .co-check-row.lt-item{
  grid-template-columns:34px minmax(150px,1fr) 78px 92px minmax(128px,.7fr) 78px 40px!important;
  gap:7px!important;
  align-items:center!important;
  grid-auto-flow:column!important;
  grid-auto-rows:1fr!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .checklist-template-view .co-check-row.lt-item > *{
  grid-row:1!important;
}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .co-check-box{
  grid-column:1!important;
  flex:0 0 32px!important;
  margin:0!important;
}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-item-title{grid-column:2!important;}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-qty-chip-v230{grid-column:3!important;}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-unit-chip-v230{grid-column:4!important;}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-category-chip{grid-column:5!important;}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-done-chip{grid-column:6!important;}
html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-note-open{
  grid-column:7!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  width:38px!important;
  min-width:38px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  margin:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:11px!important;
  line-height:1!important;
}
body.lists-overview-page:not(.list-templates-page) .co-note-modal-box,
body.list-templates-page .co-note-modal-box,
body.list-templates-admin-v148 .co-note-modal-box{
  width:min(760px,94vw)!important;
  max-width:760px!important;
  padding:26px!important;
  border-radius:26px!important;
  border:1px solid rgba(148,163,184,.24)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.46)!important;
}
body.lists-overview-page:not(.list-templates-page) .co-note-modal-box .modal-close,
body.list-templates-page .co-note-modal-box .modal-close,
body.list-templates-admin-v148 .co-note-modal-box .modal-close{
  top:18px!important;
  right:18px!important;
}
body.lists-overview-page:not(.list-templates-page) .co-note-modal-box .eyebrow,
body.list-templates-page .co-note-modal-box .eyebrow,
body.list-templates-admin-v148 .co-note-modal-box .eyebrow{
  display:block!important;
  margin:0 46px 8px 0!important;
}
body.lists-overview-page:not(.list-templates-page) .co-note-modal-box h2,
body.list-templates-page .co-note-modal-box h2,
body.list-templates-admin-v148 .co-note-modal-box h2{
  margin:0 46px 18px 0!important;
  line-height:1.15!important;
}
body.lists-overview-page:not(.list-templates-page) .co-note-modal-form,
body.list-templates-page .co-note-modal-form,
body.list-templates-admin-v148 .co-note-modal-form{
  display:grid!important;
  gap:16px!important;
}
body.lists-overview-page:not(.list-templates-page) .co-note-modal-form textarea,
body.list-templates-page .co-note-modal-form textarea,
body.list-templates-admin-v148 .co-note-modal-form textarea{
  display:block!important;
  width:100%!important;
  min-height:310px!important;
  margin:0!important;
  padding:16px!important;
  border-radius:18px!important;
  border:1px solid rgba(148,163,184,.28)!important;
  background:rgba(15,23,42,.78)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
  line-height:1.45!important;
}
body.lists-overview-page:not(.list-templates-page) .co-note-modal-form .form-actions,
body.list-templates-page .co-note-modal-form .form-actions,
body.list-templates-admin-v148 .co-note-modal-form .form-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:0!important;
}
@media(max-width:1120px){
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .checklist-template-view .co-check-row.lt-item{
    grid-template-columns:34px minmax(130px,1fr) 72px 82px 38px!important;
  }
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-note-open{grid-column:5!important;}
}
@media(max-width:760px){
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .checklist-template-view{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .checklist-template-view .co-check-row.lt-item{
    grid-template-columns:34px minmax(170px,1fr) 38px!important;
    min-width:0!important;
  }
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-note-open{grid-column:3!important;}
  body.lists-overview-page:not(.list-templates-page) .co-note-modal-box,
  body.list-templates-page .co-note-modal-box,
  body.list-templates-admin-v148 .co-note-modal-box{
    width:calc(100vw - 22px)!important;
    padding:20px!important;
    border-radius:22px!important;
  }
  body.lists-overview-page:not(.list-templates-page) .co-note-modal-form textarea,
  body.list-templates-page .co-note-modal-form textarea,
  body.list-templates-admin-v148 .co-note-modal-form textarea{
    min-height:55vh!important;
  }
  body.lists-overview-page:not(.list-templates-page) .co-note-modal-form .form-actions,
  body.list-templates-page .co-note-modal-form .form-actions,
  body.list-templates-admin-v148 .co-note-modal-form .form-actions{
    flex-direction:column!important;
  }
}

/* Listen Vorlagen: Positionszeilen ebenfalls konsequent einzeilig + Notiz-X rechts */
html body.list-templates-page.has-sidebar .lt-items,
html body.list-templates-admin-v148.has-sidebar .lt-items{
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
html body.list-templates-page.has-sidebar .lt-item,
html body.list-templates-admin-v148.has-sidebar .lt-item{
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) 76px 104px minmax(122px,.65fr) 38px 112px 38px!important;
  gap:7px!important;
  align-items:center!important;
  grid-auto-flow:column!important;
  grid-auto-rows:1fr!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  min-width:0!important;
  padding:10px!important;
}
html body.list-templates-page.has-sidebar .lt-item > *,
html body.list-templates-admin-v148.has-sidebar .lt-item > *{
  grid-row:1!important;
  min-width:0!important;
  margin:0!important;
}
html body.list-templates-page.has-sidebar .lt-item .lt-item-title,
html body.list-templates-admin-v148.has-sidebar .lt-item .lt-item-title{grid-column:1!important;}
html body.list-templates-page.has-sidebar .lt-item .lt-qty-v206,
html body.list-templates-admin-v148.has-sidebar .lt-item .lt-qty-v206{grid-column:2!important;}
html body.list-templates-page.has-sidebar .lt-item .lt-unit-v206,
html body.list-templates-admin-v148.has-sidebar .lt-item .lt-unit-v206{grid-column:3!important;}
html body.list-templates-page.has-sidebar .lt-item select[name="category_id"],
html body.list-templates-admin-v148.has-sidebar .lt-item select[name="category_id"]{grid-column:4!important;}
html body.list-templates-page.has-sidebar .lt-item .lt-note-open,
html body.list-templates-admin-v148.has-sidebar .lt-item .lt-note-open{
  grid-column:5!important;
  width:38px!important;
  min-width:38px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  line-height:1!important;
  border-radius:11px!important;
  justify-self:center!important;
}
html body.list-templates-page.has-sidebar .lt-item .lt-rule-open,
html body.list-templates-admin-v148.has-sidebar .lt-item .lt-rule-open{
  grid-column:6!important;
  width:112px!important;
  min-width:112px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.list-templates-page.has-sidebar .lt-item .btn.danger,
html body.list-templates-admin-v148.has-sidebar .lt-item .btn.danger{
  grid-column:7!important;
  width:38px!important;
  min-width:38px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  justify-self:center!important;
}
html body.list-templates-page.has-sidebar .lt-item .lt-admin-pill,
html body.list-templates-admin-v148.has-sidebar .lt-item .lt-admin-pill{
  grid-column:5 / span 3!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
html body.list-templates-page.has-sidebar .lt-item input,
html body.list-templates-page.has-sidebar .lt-item select,
html body.list-templates-admin-v148.has-sidebar .lt-item input,
html body.list-templates-admin-v148.has-sidebar .lt-item select{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 10px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.lists-overview-page .co-note-modal-box,
body.list-templates-page .co-note-modal-box,
body.list-templates-admin-v148 .co-note-modal-box{
  position:relative!important;
  padding:28px!important;
  padding-right:28px!important;
}
body.lists-overview-page .co-note-modal-box .modal-close,
body.list-templates-page .co-note-modal-box .modal-close,
body.list-templates-admin-v148 .co-note-modal-box .modal-close{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  left:auto!important;
  z-index:20!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
}
body.lists-overview-page .co-note-modal-box .eyebrow,
body.list-templates-page .co-note-modal-box .eyebrow,
body.list-templates-admin-v148 .co-note-modal-box .eyebrow,
body.lists-overview-page .co-note-modal-box h2,
body.list-templates-page .co-note-modal-box h2,
body.list-templates-admin-v148 .co-note-modal-box h2{
  margin-right:58px!important;
  max-width:calc(100% - 58px)!important;
}

@media(max-width:900px){
  html body.list-templates-page.has-sidebar .lt-item,
  html body.list-templates-admin-v148.has-sidebar .lt-item{
    grid-template-columns:minmax(170px,1fr) 68px 38px 38px!important;
    min-width:0!important;
  }
  html body.list-templates-page.has-sidebar .lt-item .lt-item-title,
  html body.list-templates-admin-v148.has-sidebar .lt-item .lt-item-title{grid-column:1!important;}
  html body.list-templates-page.has-sidebar .lt-item .lt-qty-v206,
  html body.list-templates-admin-v148.has-sidebar .lt-item .lt-qty-v206{grid-column:2!important;}
  html body.list-templates-page.has-sidebar .lt-item .lt-unit-v206,
  html body.list-templates-page.has-sidebar .lt-item select[name="category_id"],
  html body.list-templates-page.has-sidebar .lt-item .lt-rule-open,
  html body.list-templates-admin-v148.has-sidebar .lt-item .lt-unit-v206,
  html body.list-templates-admin-v148.has-sidebar .lt-item select[name="category_id"],
  html body.list-templates-admin-v148.has-sidebar .lt-item .lt-rule-open{display:none!important;}
  html body.list-templates-page.has-sidebar .lt-item .lt-note-open,
  html body.list-templates-admin-v148.has-sidebar .lt-item .lt-note-open{grid-column:3!important;display:inline-grid!important;}
  html body.list-templates-page.has-sidebar .lt-item .btn.danger,
  html body.list-templates-admin-v148.has-sidebar .lt-item .btn.danger{grid-column:4!important;display:inline-grid!important;}
  html body.list-templates-page.has-sidebar .lt-item .lt-admin-pill,
  html body.list-templates-admin-v148.has-sidebar .lt-item .lt-admin-pill{grid-column:3 / span 2!important;}
}
@media(max-width:560px){
  body.lists-overview-page .co-note-modal-box,
  body.list-templates-page .co-note-modal-box,
  body.list-templates-admin-v148 .co-note-modal-box{
    padding:22px!important;
  }
  body.lists-overview-page .co-note-modal-box .modal-close,
  body.list-templates-page .co-note-modal-box .modal-close,
  body.list-templates-admin-v148 .co-note-modal-box .modal-close{
    top:14px!important;
    right:14px!important;
  }
}


/* CampOrga Listen: Notiz-Stift sichtbar golden markieren, sobald note/reason befüllt ist */
html body .lt-note-open.has-note,
html body .lt-item .lt-note-open.has-note,
html body.lists-overview-page .lt-note-open.has-note,
html body.list-templates-page .lt-note-open.has-note,
html body.list-templates-admin-v148 .lt-note-open.has-note,
html body .co-list-panel .lt-note-open.has-note,
html body .co-list-card .lt-note-open.has-note {
  color: #fbbf24 !important;
  border-color: rgba(245, 158, 11, .9) !important;
  background: linear-gradient(135deg, rgba(245, 158, 11, .28), rgba(251, 191, 36, .14)) !important;
  box-shadow: 0 0 0 1px rgba(251, 191, 36, .18), 0 10px 24px rgba(245, 158, 11, .14) !important;
}
html body .lt-note-open.has-note:hover,
html body .lt-item .lt-note-open.has-note:hover {
  color: #fff7cc !important;
  border-color: rgba(251, 191, 36, 1) !important;
  background: linear-gradient(135deg, rgba(245, 158, 11, .42), rgba(251, 191, 36, .22)) !important;
}

/* CampOrga Listen: + Position Modal sauberer Aufbau + X rechts */
html body #addPositionModal .co-position-modal-box{
  position:relative!important;
  width:min(720px,94vw)!important;
  max-width:720px!important;
  padding:28px!important;
  padding-top:30px!important;
  border-radius:28px!important;
  border:1px solid rgba(148,163,184,.20)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(7,11,20,.99))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.58)!important;
  overflow:auto!important;
}
html body #addPositionModal .co-position-modal-box .modal-close{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  left:auto!important;
  z-index:30!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  background:rgba(15,23,42,.86)!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
  box-shadow:0 10px 26px rgba(0,0,0,.24)!important;
}
html body #addPositionModal .co-position-modal-box .modal-close:hover{
  border-color:rgba(251,191,36,.50)!important;
  background:rgba(251,191,36,.12)!important;
  color:#fbbf24!important;
}
html body #addPositionModal .co-position-modal-box .eyebrow,
html body #addPositionModal .co-position-modal-box h2{
  margin-right:62px!important;
  max-width:calc(100% - 62px)!important;
}
html body #addPositionModal .co-position-modal-box .eyebrow{
  display:block!important;
  margin-bottom:6px!important;
  color:#fbbf24!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
html body #addPositionModal .co-position-modal-box h2{
  margin-top:0!important;
  margin-bottom:18px!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1.12!important;
}
html body #addPositionModal .co-position-modal-form{
  display:grid!important;
  grid-template-columns:1.25fr .75fr!important;
  gap:14px!important;
  padding:18px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:22px!important;
  background:rgba(2,6,23,.34)!important;
}
html body #addPositionModal .co-position-modal-form label{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  color:#cbd5e1!important;
  font-size:13px!important;
  font-weight:900!important;
}
html body #addPositionModal .co-position-modal-form label.wide{
  grid-column:1/-1!important;
}
html body #addPositionModal .co-position-modal-form input,
html body #addPositionModal .co-position-modal-form select,
html body #addPositionModal .co-position-modal-form textarea{
  width:100%!important;
  min-height:44px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  background:rgba(15,23,42,.78)!important;
  color:#fff!important;
  border-radius:15px!important;
  padding:12px 13px!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html body #addPositionModal .co-position-modal-form textarea{
  min-height:150px!important;
  resize:vertical!important;
}
html body #addPositionModal .co-position-modal-form input:focus,
html body #addPositionModal .co-position-modal-form select:focus,
html body #addPositionModal .co-position-modal-form textarea:focus{
  border-color:rgba(251,191,36,.55)!important;
  box-shadow:0 0 0 3px rgba(251,191,36,.10)!important;
}
html body #addPositionModal .co-position-modal-form .form-actions{
  grid-column:1/-1!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:2px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
}
html body #addPositionModal .co-position-modal-form .form-actions .btn{
  min-height:42px!important;
}
@media(max-width:720px){
  html body #addPositionModal .co-position-modal-box{
    width:100%!important;
    max-width:100%!important;
    padding:22px!important;
    padding-top:24px!important;
    border-radius:24px 24px 0 0!important;
  }
  html body #addPositionModal .co-position-modal-box .modal-close{
    top:14px!important;
    right:14px!important;
  }
  html body #addPositionModal .co-position-modal-form{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:15px!important;
  }
  html body #addPositionModal .co-position-modal-box h2{
    font-size:26px!important;
  }
  html body #addPositionModal .co-position-modal-form .form-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  html body #addPositionModal .co-position-modal-form .form-actions .btn{
    width:100%!important;
  }
}


/* CampOrga Listen: Einkaufswagen in Vorlagen/Admin */
.list-templates-page .lt-cart-open,
.list-templates-admin-v148 .lt-cart-open{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  font-size:16px!important;
  border-radius:12px!important;
  white-space:nowrap!important;
  flex:0 0 36px!important;
}
.list-templates-page .lt-cart-open.has-shopping,
.list-templates-admin-v148 .lt-cart-open.has-shopping{
  color:#f6c945!important;
  border-color:rgba(246,201,69,.55)!important;
  background:rgba(246,201,69,.13)!important;
  box-shadow:0 0 0 1px rgba(246,201,69,.10),0 10px 24px rgba(246,201,69,.10)!important;
}
.list-templates-page .lt-cart-open:not(.has-shopping),
.list-templates-admin-v148 .lt-cart-open:not(.has-shopping){
  color:#e5e7eb!important;
}
@media(max-width:900px){
  .list-templates-page .lt-cart-open,
  .list-templates-admin-v148 .lt-cart-open{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    border-radius:11px!important;
  }
}

/* CampOrga v2425 – Mobile: Menü/Reiseverlauf/Checklisten kompakter, Desktop unverändert */
@media (max-width: 980px){
  html{scroll-padding-top:58px!important;}
  body.has-sidebar{padding-top:54px!important;overflow-x:hidden!important;}
  body.has-sidebar .app-shell{display:block!important;min-height:100dvh!important;}
  body.has-sidebar .mobile-appbar{
    position:fixed!important;
    inset:0 0 auto 0!important;
    z-index:300!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    align-items:center!important;
    gap:8px!important;
    min-height:54px!important;
    height:54px!important;
    padding:6px 10px!important;
    background:#071120!important;
    border-bottom:1px solid rgba(148,163,184,.20)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.has-sidebar .mobile-menu-toggle,
  body.has-sidebar .mobile-quick-trip{
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:14px!important;
    border:1px solid rgba(250,204,21,.24)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
    box-shadow:none!important;
  }
  body.has-sidebar .mobile-appbrand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    height:40px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.has-sidebar .mobile-appbrand img{
    max-width:160px!important;
    width:auto!important;
    max-height:34px!important;
    object-fit:contain!important;
  }
  body.has-sidebar .mobile-appbrand-logo,
  body.has-sidebar .mobile-appbrand-text{display:none!important;}
  body.has-sidebar .pagebar{display:none!important;}
  body.has-sidebar .page-area{display:block!important;width:100%!important;min-width:0!important;padding:0!important;margin:0!important;}
  body.has-sidebar .wrap,
  body.has-sidebar .wrap.wide{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:8px!important;
    overflow:visible!important;
  }
  body.has-sidebar .sidebar{
    position:fixed!important;
    z-index:280!important;
    left:0!important;
    top:54px!important;
    bottom:0!important;
    width:min(88vw,330px)!important;
    max-width:330px!important;
    height:calc(100dvh - 54px)!important;
    padding:10px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
    background:#071120!important;
    border-right:1px solid rgba(148,163,184,.20)!important;
    box-shadow:24px 0 46px rgba(0,0,0,.38)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.mobile-menu-open .sidebar{transform:translateX(0)!important;}
  body.has-sidebar .mobile-menu-backdrop{
    position:fixed!important;
    inset:54px 0 0 0!important;
    z-index:270!important;
    background:rgba(2,6,23,.70)!important;
    opacity:0!important;
    pointer-events:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:opacity .18s ease!important;
  }
  body.mobile-menu-open .mobile-menu-backdrop{display:block!important;opacity:1!important;pointer-events:auto!important;}
  body.mobile-menu-open{overflow:hidden!important;}
  body.has-sidebar .sidebrand.sidebrand-logo{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:8px 10px!important;
  }
  body.has-sidebar .sidebrand.sidebrand-logo img{max-width:190px!important;width:auto!important;min-width:0!important;max-height:44px!important;}
  body.has-sidebar .side-section{margin-top:7px!important;padding-top:7px!important;}
  body.has-sidebar .side-label{font-size:10px!important;margin:0 6px 5px!important;}
  body.has-sidebar .side-link{min-height:41px!important;padding:9px 10px!important;border-radius:14px!important;gap:9px!important;}
  body.has-sidebar .side-link b{width:26px!important;height:26px!important;min-width:26px!important;font-size:15px!important;}
  body.has-sidebar .side-link span{font-size:13px!important;line-height:1.12!important;}
  body.has-sidebar .active-trip-card{padding:10px!important;border-radius:16px!important;margin:0 0 6px!important;}

  /* die interne Reise-Umschaltung mobil komplett ausblenden */
  body.trip-page .trip-view-switch,
  body.trip-page .trip-route-switch,
  body.trip-page .route-refresh-form-v223,
  body.trip-page .map-head-switch-v2421,
  body.trip-page .route-refresh-switch-v223,
  body.trip-page .camp-map-actions-v2421 .trip-view-switch,
  body.trip-page .camp-map-actions-v2421 .route-refresh-form-v223{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  /* Reiseverlauf mobil klarer und kompakter */
  body.trip-page .triphero.compact-triphero{
    margin:0 0 8px!important;
    padding:12px!important;
    border-radius:20px!important;
  }
  body.trip-page .triphero.compact-triphero h2{font-size:25px!important;line-height:1!important;margin:0 0 6px!important;}
  body.trip-page .triphero.compact-triphero p{font-size:12px!important;line-height:1.32!important;margin:0!important;}
  body.trip-page .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:10px!important;}
  body.trip-page .hero-actions .btn{min-height:38px!important;padding:8px 9px!important;border-radius:13px!important;font-size:12px!important;}
  body.trip-page .routeflow.co-routeflow{
    position:relative!important;
    display:grid!important;
    gap:9px!important;
    margin-top:8px!important;
  }
  body.trip-page .routeflow.co-routeflow:before{display:none!important;}
  body.trip-page .camp-route-v16 .co-day-card,
  body.trip-page .route-day.co-day-card{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  body.trip-page .camp-route-v16 .co-date{
    width:44px!important;
    min-width:44px!important;
    min-height:58px!important;
    border-radius:14px!important;
    padding:5px 2px!important;
  }
  body.trip-page .camp-route-v16 .co-date span,
  body.trip-page .camp-route-v16 .co-date em{font-size:9px!important;line-height:1!important;}
  body.trip-page .camp-route-v16 .co-date b{font-size:18px!important;line-height:1!important;}
  body.trip-page .co-day-top{grid-template-columns:minmax(0,1fr) 74px!important;gap:6px!important;align-items:start!important;}
  body.trip-page .co-day-top h2{font-size:17px!important;line-height:1.08!important;margin:0 0 3px!important;}
  body.trip-page .co-day-top p{font-size:11px!important;line-height:1.25!important;-webkit-line-clamp:2!important;}
  body.trip-page .day-card-actions-v2404{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;width:74px!important;}
  body.trip-page .roundedit-v2404,
  body.trip-page .roundplus{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;border-radius:12px!important;font-size:16px!important;}
  body.trip-page .co-route-line{gap:5px!important;margin:7px 0!important;}
  body.trip-page .co-route-line span{font-size:10px!important;min-height:24px!important;padding:4px 7px!important;}
  body.trip-page .parking-buttons.co-mini-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:7px!important;}
  body.trip-page .parking-open{min-height:36px!important;padding:6px 7px!important;border-radius:12px!important;}
  body.trip-page .parking-open span{font-size:10px!important;line-height:1.05!important;}
  body.trip-page .parking-open b{width:22px!important;min-width:22px!important;height:22px!important;border-radius:8px!important;font-size:10px!important;}
  body.trip-page .day-route-distance-v220,
  body.trip-page .route-home-box-v230{margin:7px 0!important;padding:9px!important;border-radius:15px!important;grid-template-columns:36px minmax(0,1fr)!important;}
  body.trip-page .route-dot,
  body.trip-page .route-home-icon-v230{width:34px!important;height:34px!important;border-radius:12px!important;}

  /* Checklisten mobil: Sidebar, Listen, Zeilen und Editor nicht mehr sperrig */
  body.lists-overview-page .co-list-hero,
  body.list-templates-page .co-list-hero,
  body.lists-overview-page .co-lists-layout,
  body.list-templates-page .co-lists-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.lists-overview-page .co-list-hero,
  body.list-templates-page .co-list-hero{
    padding:12px!important;
    border-radius:20px!important;
    margin:0 0 8px!important;
  }
  body.lists-overview-page .co-list-hero h1,
  body.list-templates-page .co-list-hero h1{font-size:27px!important;line-height:1!important;margin:0 0 6px!important;}
  body.lists-overview-page .co-list-hero p,
  body.list-templates-page .co-list-hero p{font-size:12px!important;line-height:1.3!important;margin:0!important;}
  body.lists-overview-page .co-list-actions,
  body.list-templates-page .co-list-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:10px!important;}
  body.lists-overview-page .co-list-actions .btn,
  body.list-templates-page .co-list-actions .btn{min-height:38px!important;padding:8px!important;font-size:12px!important;border-radius:13px!important;}
  body.lists-overview-page .co-list-stats,
  body.list-templates-page .co-list-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;min-width:0!important;}
  body.lists-overview-page .co-list-stats>*,
  body.list-templates-page .co-list-stats>*{padding:9px!important;border-radius:14px!important;}
  body.lists-overview-page .co-list-toolbar,
  body.list-templates-page .co-list-toolbar{padding:10px!important;border-radius:18px!important;gap:8px!important;margin:8px 0!important;grid-template-columns:1fr!important;}
  body.lists-overview-page .co-list-sidebar,
  body.list-templates-page .co-list-sidebar{
    position:relative!important;
    top:auto!important;
    padding:9px!important;
    border-radius:18px!important;
    max-height:210px!important;
    overflow:auto!important;
  }
  body.lists-overview-page .co-list-nav,
  body.list-templates-page .co-list-nav{display:grid!important;gap:6px!important;}
  body.lists-overview-page .co-list-nav button,
  body.list-templates-page .co-list-nav button{min-height:38px!important;border-radius:13px!important;padding:8px 9px!important;font-size:12px!important;}
  body.lists-overview-page .co-list-panel,
  body.list-templates-page .co-list-panel{border-radius:19px!important;overflow:hidden!important;}
  body.lists-overview-page .co-list-panel-head,
  body.list-templates-page .co-list-panel-head,
  body.list-templates-page .co-panel-head{grid-template-columns:1fr!important;gap:8px!important;padding:12px!important;}
  body.lists-overview-page .co-list-panel-head h2,
  body.list-templates-page .co-list-panel-head h2{font-size:20px!important;line-height:1.05!important;}
  body.lists-overview-page .lt-panel-actions,
  body.list-templates-page .lt-panel-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important;}
  body.lists-overview-page .lt-panel-actions .btn,
  body.list-templates-page .lt-panel-actions .btn{width:100%!important;min-height:38px!important;border-radius:13px!important;padding:8px!important;font-size:12px!important;}
  body.lists-overview-page .lt-items,
  body.list-templates-page .lt-items{padding:9px!important;gap:7px!important;}
  body.lists-overview-page .co-check-row,
  body.list-templates-page .lt-item.check-row{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) auto auto!important;
    gap:7px!important;
    align-items:center!important;
    min-height:46px!important;
    padding:7px!important;
    border-radius:15px!important;
  }
  body.lists-overview-page .co-check-box,
  body.list-templates-page .co-check-box{width:30px!important;height:30px!important;min-width:30px!important;border-radius:10px!important;}
  body.lists-overview-page .co-check-main strong,
  body.list-templates-page .co-check-main strong{font-size:13px!important;line-height:1.16!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  body.lists-overview-page .lt-qty,
  body.lists-overview-page .lt-unit,
  body.lists-overview-page .lt-cat,
  body.list-templates-page .lt-qty,
  body.list-templates-page .lt-unit,
  body.list-templates-page .lt-cat{font-size:11px!important;line-height:1.1!important;white-space:nowrap!important;}
  body.lists-overview-page .lt-done-chip,
  body.list-templates-page .lt-done-chip{display:none!important;}
  body.lists-overview-page .lt-note-open,
  body.list-templates-page .lt-note-open{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;border-radius:11px!important;padding:0!important;font-size:15px!important;}
  .checklist-editor-box{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:12px!important;}
  .check-editor-tabs{display:flex!important;overflow-x:auto!important;gap:7px!important;padding-bottom:4px!important;}
  .check-editor-tabs button{white-space:nowrap!important;min-height:36px!important;border-radius:12px!important;padding:8px 10px!important;font-size:12px!important;}
  .check-editor-row{grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding:7px!important;border-radius:14px!important;}
  .check-editor-row label{min-width:0!important;}
  .check-editor-row input{min-height:38px!important;border-radius:12px!important;font-size:16px!important;}
  .check-editor-actions{display:flex!important;gap:5px!important;}
  .check-save,
  .check-editor-actions .icondelete{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;border-radius:12px!important;}
}

@media (max-width: 420px){
  body.has-sidebar{padding-top:52px!important;}
  body.has-sidebar .mobile-appbar{height:52px!important;min-height:52px!important;padding:6px 8px!important;grid-template-columns:40px minmax(0,1fr) 40px!important;}
  body.has-sidebar .sidebar{top:52px!important;height:calc(100dvh - 52px)!important;width:91vw!important;}
  body.has-sidebar .mobile-menu-backdrop{inset:52px 0 0 0!important;}
  body.trip-page .hero-actions,
  body.lists-overview-page .co-list-actions,
  body.list-templates-page .co-list-actions{grid-template-columns:1fr!important;}
  body.trip-page .parking-buttons.co-mini-actions{grid-template-columns:1fr 1fr!important;}
  body.lists-overview-page .co-check-row,
  body.list-templates-page .lt-item.check-row{grid-template-columns:32px minmax(0,1fr) 32px!important;}
  body.lists-overview-page .lt-qty,
  body.lists-overview-page .lt-unit,
  body.lists-overview-page .lt-cat,
  body.list-templates-page .lt-qty,
  body.list-templates-page .lt-unit,
  body.list-templates-page .lt-cat{display:none!important;}
}

/* CampOrga v2427 – finaler Mobile-Menü/Abstand/Reiseverlauf-Fix, Desktop unverändert */
@media (max-width: 980px){
  html{
    scroll-padding-top:58px!important;
    overflow-x:hidden!important;
  }
  body.has-sidebar{
    padding-top:0!important;
    margin-top:0!important;
    overflow-x:hidden!important;
  }
  body.has-sidebar .app-shell{
    display:block!important;
    grid-template-columns:1fr!important;
    min-height:100dvh!important;
    padding:0!important;
    margin:0!important;
  }
  body.has-sidebar .page-area{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
  }
  body.has-sidebar .wrap,
  body.has-sidebar .wrap.wide{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:8px 8px 14px!important;
    overflow:visible!important;
  }
  body.has-sidebar .pagebar{
    display:none!important;
  }

  /* Header liegt im normalen Seitenfluss: kein leerer Platzhalter mehr */
  body.has-sidebar .mobile-appbar{
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    z-index:900!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    padding:6px 9px!important;
    margin:0!important;
    background:#071120!important;
    border-bottom:1px solid rgba(148,163,184,.22)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.has-sidebar .mobile-menu-toggle,
  body.has-sidebar .mobile-appbar-spacer{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
  body.has-sidebar .mobile-menu-toggle{
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:4px!important;
    padding:0!important;
    border-radius:13px!important;
    border:1px solid rgba(250,204,21,.24)!important;
    background:rgba(255,255,255,.07)!important;
    box-shadow:none!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:930!important;
    touch-action:manipulation!important;
  }
  body.has-sidebar .mobile-menu-toggle span{
    display:block!important;
    width:20px!important;
    height:2px!important;
    border-radius:99px!important;
    background:#f8fafc!important;
  }
  body.has-sidebar .mobile-appbar-spacer{
    display:block!important;
    pointer-events:none!important;
  }
  body.has-sidebar .mobile-quick-trip{
    display:none!important;
    pointer-events:none!important;
  }
  body.has-sidebar .mobile-appbrand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:40px!important;
    min-width:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.has-sidebar .mobile-appbrand img{
    display:block!important;
    width:auto!important;
    max-width:154px!important;
    max-height:32px!important;
    object-fit:contain!important;
  }

  /* Offcanvas-Menü: scharf, klickbar, scrollt selbst */
  body.has-sidebar .sidebar{
    position:fixed!important;
    z-index:880!important;
    top:54px!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    width:min(86vw,324px)!important;
    max-width:324px!important;
    height:calc(100dvh - 54px)!important;
    max-height:calc(100dvh - 54px)!important;
    margin:0!important;
    padding:10px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    transform:translate3d(-110%,0,0)!important;
    transition:transform .22s ease!important;
    background:#071120!important;
    border-right:1px solid rgba(148,163,184,.22)!important;
    box-shadow:22px 0 38px rgba(0,0,0,.36)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:auto!important;
    display:block!important;
  }
  body.mobile-menu-open .sidebar{
    transform:translate3d(0,0,0)!important;
  }
  body.has-sidebar .mobile-menu-backdrop{
    position:fixed!important;
    z-index:850!important;
    inset:54px 0 0 0!important;
    display:block!important;
    opacity:0!important;
    pointer-events:none!important;
    background:rgba(2,6,23,.42)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:opacity .18s ease!important;
  }
  body.mobile-menu-open .mobile-menu-backdrop{
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.mobile-menu-open{
    overflow:auto!important;
    position:static!important;
  }
  body.mobile-menu-open .page-area{
    pointer-events:none!important;
  }
  body.mobile-menu-open .mobile-appbar,
  body.mobile-menu-open .sidebar{
    pointer-events:auto!important;
  }

  body.has-sidebar .sidebrand.sidebrand-logo{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    padding:6px 8px!important;
    margin:0 0 4px!important;
    justify-content:flex-start!important;
  }
  body.has-sidebar .sidebrand.sidebrand-logo img{
    width:auto!important;
    min-width:0!important;
    max-width:178px!important;
    max-height:38px!important;
  }
  body.has-sidebar .side-section{
    margin-top:6px!important;
    padding-top:6px!important;
  }
  body.has-sidebar .side-label{
    margin:0 4px 5px!important;
    font-size:10px!important;
    letter-spacing:.08em!important;
  }
  body.has-sidebar .side-link,
  body.has-sidebar .sidebar a.side-link{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    min-height:40px!important;
    width:100%!important;
    padding:8px 9px!important;
    margin:0 0 4px!important;
    border-radius:13px!important;
    color:#e5eefb!important;
    text-decoration:none!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  body.has-sidebar .side-link b{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    border-radius:10px!important;
    font-size:14px!important;
  }
  body.has-sidebar .side-link span{
    display:block!important;
    min-width:0!important;
    font-size:13px!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.has-sidebar .active-trip-card{
    padding:9px!important;
    border-radius:15px!important;
    margin:0 0 6px!important;
  }
  body.has-sidebar .active-trip-card strong{
    font-size:14px!important;
    line-height:1.12!important;
  }

  /* Trip-internes Menü mobil komplett raus */
  body.trip-page .trip-view-switch,
  body.trip-page .trip-route-switch,
  body.trip-page .route-refresh-switch-v223,
  body.trip-page .map-head-switch-v2421,
  body.trip-page .trip-switch-buttons-v223,
  body.trip-page .route-refresh-form-v223,
  body.trip-page .camp-map-actions-v2421 .trip-view-switch,
  body.trip-page .camp-map-actions-v2421 .route-refresh-form-v223{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.trip-page .camp-map-head-v2421{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  body.trip-page .camp-map-actions-v2421{
    display:none!important;
  }

  /* Reiseverlauf kompakter, ohne riesige Luft */
  body.trip-page .triphero.compact-triphero,
  body.trip-page .triphero,
  body.trip-page .card:first-child{
    margin-top:0!important;
  }
  body.trip-page .triphero.compact-triphero{
    padding:11px!important;
    border-radius:18px!important;
    margin-bottom:8px!important;
  }
  body.trip-page .triphero.compact-triphero h2{
    font-size:24px!important;
    line-height:1.02!important;
    margin:0 0 5px!important;
  }
  body.trip-page .triphero.compact-triphero p{
    font-size:12px!important;
    line-height:1.28!important;
    margin:0!important;
  }
  body.trip-page .routeflow.co-routeflow{
    gap:8px!important;
    margin:0!important;
  }
  body.trip-page .camp-route-v16 .co-day-card,
  body.trip-page .route-day.co-day-card{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px!important;
    border-radius:17px!important;
  }
  body.trip-page .camp-route-v16 .co-date{
    width:42px!important;
    min-width:42px!important;
    min-height:56px!important;
    border-radius:13px!important;
  }
  body.trip-page .co-day-top{
    grid-template-columns:minmax(0,1fr) 72px!important;
    gap:6px!important;
  }
  body.trip-page .co-day-top h2{
    font-size:16px!important;
    line-height:1.08!important;
  }
  body.trip-page .co-day-top p{
    font-size:11px!important;
    line-height:1.24!important;
  }

  /* Checklisten mobil kompakt */
  body.lists-overview-page .co-list-hero,
  body.list-templates-page .co-list-hero{
    margin-top:0!important;
    padding:11px!important;
    border-radius:18px!important;
  }
  body.lists-overview-page .co-lists-layout,
  body.list-templates-page .co-lists-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body.lists-overview-page .co-list-sidebar,
  body.list-templates-page .co-list-sidebar{
    position:relative!important;
    top:auto!important;
    max-height:185px!important;
    overflow:auto!important;
    padding:8px!important;
    border-radius:17px!important;
  }
  body.lists-overview-page .co-list-panel,
  body.list-templates-page .co-list-panel{
    border-radius:18px!important;
  }
}

@media (max-width: 420px){
  body.has-sidebar .mobile-appbar{
    height:52px!important;
    min-height:52px!important;
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    padding:6px 8px!important;
  }
  body.has-sidebar .sidebar{
    top:52px!important;
    width:88vw!important;
    height:calc(100dvh - 52px)!important;
    max-height:calc(100dvh - 52px)!important;
  }
  body.has-sidebar .mobile-menu-backdrop{
    inset:52px 0 0 0!important;
  }
  body.has-sidebar .mobile-menu-toggle,
  body.has-sidebar .mobile-appbar-spacer{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }
  body.has-sidebar .mobile-appbrand img{
    max-width:140px!important;
    max-height:30px!important;
  }
}

/* CampOrga v2430 – Mobile-Menü und Leerraum endgültig stabilisiert (nur <=980px) */
@media (max-width: 980px){
  html,
  html body,
  html body.has-sidebar{
    width:100%!important;
    max-width:100%!important;
    min-height:100%!important;
    margin:0!important;
    overflow-x:hidden!important;
  }
  html body.has-sidebar{
    padding-top:52px!important;
  }
  html body.has-sidebar .app-shell{
    display:block!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  /* Alte Desktop-Sidebar-Layoutregeln auf Mobil komplett neutralisieren. */
  html body.has-sidebar .page-area{
    position:relative!important;
    display:block!important;
    flex:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    margin-left:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }
  html body.has-sidebar .page-area > main,
  html body.has-sidebar .page-area > main.wrap,
  html body.has-sidebar .page-area > main.wrap.wide,
  html body.has-sidebar main.wrap,
  html body.has-sidebar main.wrap.wide{
    display:block!important;
    flex:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:8px!important;
    overflow:visible!important;
    background:transparent!important;
    border-radius:0!important;
    box-sizing:border-box!important;
  }
  html body.has-sidebar .pagebar{display:none!important;}

  /* Header fix, aber ohne Platzhalter-Kasten. Der Seitenabstand kommt nur über body padding-top. */
  html body.has-sidebar .mobile-appbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    z-index:10000!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:0!important;
    padding:6px 8px!important;
    background:#071120!important;
    border-bottom:1px solid rgba(250,204,21,.24)!important;
    box-shadow:0 6px 18px rgba(0,0,0,.32)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  html body.has-sidebar .mobile-menu-toggle,
  html body.has-sidebar .mobile-appbar-spacer{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
  }
  html body.has-sidebar .mobile-menu-toggle{
    position:relative!important;
    z-index:10002!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:4px!important;
    padding:0!important;
    border-radius:13px!important;
    border:1px solid rgba(148,163,184,.34)!important;
    background:#111827!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  html body.has-sidebar .mobile-menu-toggle span{
    display:block!important;
    width:20px!important;
    height:2px!important;
    border-radius:999px!important;
    background:#f8fafc!important;
    transition:transform .18s ease, opacity .18s ease!important;
  }
  html body.mobile-menu-open.has-sidebar .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)!important;}
  html body.mobile-menu-open.has-sidebar .mobile-menu-toggle span:nth-child(2){opacity:0!important;}
  html body.mobile-menu-open.has-sidebar .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important;}
  html body.has-sidebar .mobile-appbrand{
    height:38px!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    min-width:0!important;
    padding:0!important;
  }
  html body.has-sidebar .mobile-appbrand img{
    display:block!important;
    width:auto!important;
    max-width:142px!important;
    max-height:30px!important;
    object-fit:contain!important;
  }
  html body.has-sidebar .mobile-quick-trip{display:none!important;}

  /* Menü: scharfes Vollbreite-Offcanvas, kein dunkler/verschwommener Overlay-Schleier. */
  html body.has-sidebar aside.sidebar,
  html body.has-sidebar .sidebar#camporgaMobileMenu{
    position:fixed!important;
    top:52px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:9990!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:calc(100dvh - 52px)!important;
    min-height:0!important;
    max-height:calc(100dvh - 52px)!important;
    margin:0!important;
    padding:12px 14px calc(16px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:#071120!important;
    border:0!important;
    border-top:1px solid rgba(148,163,184,.16)!important;
    box-shadow:0 22px 55px rgba(0,0,0,.36)!important;
    transform:translate3d(-105%,0,0)!important;
    transition:transform .20s ease!important;
    pointer-events:auto!important;
    box-sizing:border-box!important;
  }
  html body.mobile-menu-open.has-sidebar aside.sidebar,
  html body.mobile-menu-open.has-sidebar .sidebar#camporgaMobileMenu{
    transform:translate3d(0,0,0)!important;
  }
  html body.has-sidebar .mobile-menu-backdrop,
  html body.mobile-menu-open.has-sidebar .mobile-menu-backdrop{
    display:none!important;
    opacity:0!important;
    pointer-events:none!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html body.mobile-menu-open.has-sidebar{
    overflow:hidden!important;
  }
  html body.mobile-menu-open.has-sidebar .page-area{
    pointer-events:auto!important;
    filter:none!important;
    opacity:1!important;
  }

  /* Menü-Inhalt ohne Schleier/Disabled-Look. */
  html body.has-sidebar .sidebar *,
  html body.has-sidebar .sidebar#camporgaMobileMenu *{
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
  }
  html body.has-sidebar .sidebrand.sidebrand-logo{
    display:flex!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    width:100%!important;
    margin:0 0 8px!important;
    padding:6px 8px!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  html body.has-sidebar .sidebrand.sidebrand-logo img{
    width:auto!important;
    min-width:0!important;
    max-width:164px!important;
    max-height:36px!important;
  }
  html body.has-sidebar .side-section{
    display:grid!important;
    gap:6px!important;
    margin:0 0 10px!important;
    padding:10px!important;
    border-radius:18px!important;
    background:rgba(15,23,42,.68)!important;
    border:1px solid rgba(148,163,184,.14)!important;
  }
  html body.has-sidebar .side-trip-section{background:rgba(250,204,21,.045)!important;border-color:rgba(250,204,21,.16)!important;}
  html body.has-sidebar .side-label{
    display:block!important;
    margin:0 0 4px!important;
    padding:0!important;
    font-size:10px!important;
    line-height:1.1!important;
    color:#f6c945!important;
    letter-spacing:.12em!important;
  }
  html body.has-sidebar .side-link,
  html body.has-sidebar .sidebar a.side-link{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:44px!important;
    margin:0!important;
    padding:9px 10px!important;
    border-radius:14px!important;
    color:#eaf2ff!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(148,163,184,.12)!important;
    text-decoration:none!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
  }
  html body.has-sidebar .side-link.active{
    background:linear-gradient(135deg,rgba(246,201,69,.22),rgba(56,189,248,.09))!important;
    border-color:rgba(246,201,69,.42)!important;
    color:#fff!important;
  }
  html body.has-sidebar .side-link b{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:11px!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(2,6,23,.38)!important;
  }
  html body.has-sidebar .side-link span{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:14px!important;
    line-height:1.16!important;
    font-weight:900!important;
  }
  html body.has-sidebar .active-trip-card{
    padding:12px!important;
    margin:0 0 4px!important;
    border-radius:16px!important;
    background:rgba(2,6,23,.36)!important;
    border:1px solid rgba(148,163,184,.14)!important;
  }
  html body.has-sidebar .side-footer{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
    background:rgba(15,23,42,.68)!important;
    border:1px solid rgba(148,163,184,.14)!important;
  }

  /* Reiseverlauf: direkt unter Header starten, kein versteckter großer Block davor. */
  html body.trip-page.has-sidebar .page-area > main.wrap,
  html body.trip-page.has-sidebar .page-area > main.wrap.wide{
    padding-top:8px!important;
  }
  html body.trip-page .triphero.compact-triphero,
  html body.trip-page .triphero{
    margin-top:0!important;
  }
  html body.trip-page .trip-pane[hidden],
  html body.trip-page section[hidden]{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html body.trip-page .trip-view-switch,
  html body.trip-page .trip-route-switch,
  html body.trip-page .route-refresh-switch-v223,
  html body.trip-page .map-head-switch-v2421,
  html body.trip-page .trip-switch-buttons-v223,
  html body.trip-page .route-refresh-form-v223,
  html body.trip-page .camp-map-actions-v2421,
  html body.trip-page .camp-map-actions-v2421 .trip-view-switch,
  html body.trip-page .camp-map-actions-v2421 .route-refresh-form-v223{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
  }
}

@media (max-width: 420px){
  html body.has-sidebar{padding-top:50px!important;}
  html body.has-sidebar .mobile-appbar{height:50px!important;min-height:50px!important;max-height:50px!important;}
  html body.has-sidebar aside.sidebar,
  html body.has-sidebar .sidebar#camporgaMobileMenu{
    top:50px!important;
    height:calc(100dvh - 50px)!important;
    max-height:calc(100dvh - 50px)!important;
  }
}

/* CampOrga v2440 – Mobile Gesamtoptimierung: alle Seiten, Listen, Reiseverlauf, Menü */
@media (max-width: 980px){
  :root{--mobile-header-h:52px;}
  html{width:100%!important;max-width:100%!important;scroll-padding-top:58px!important;overflow-x:hidden!important;}
  html body.has-sidebar{
    width:100%!important;max-width:100%!important;min-height:100dvh!important;
    padding-top:var(--mobile-header-h)!important;margin:0!important;overflow-x:hidden!important;
  }
  html body.has-sidebar .app-shell,
  html body.has-sidebar .page-area,
  html body.has-sidebar .page-area > main,
  html body.has-sidebar .page-area > main.wrap,
  html body.has-sidebar .page-area > main.wrap.wide{
    position:relative!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
    height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:visible!important;
    transform:none!important;filter:none!important;opacity:1!important;box-sizing:border-box!important;
  }
  html body.has-sidebar .page-area > main,
  html body.has-sidebar .page-area > main.wrap,
  html body.has-sidebar .page-area > main.wrap.wide{
    padding:8px!important;background:transparent!important;border-radius:0!important;
  }
  html body.has-sidebar .pagebar{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
  html body.has-sidebar .footer{margin-top:12px!important;padding:10px 8px 18px!important;}

  /* Mobile Header: kompakt, ohne leeren Platzhalter und ohne zweiten Schnellbutton. */
  html body.has-sidebar .mobile-appbar{
    position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;z-index:20000!important;
    display:grid!important;grid-template-columns:42px minmax(0,1fr) 1px!important;gap:8px!important;align-items:center!important;
    height:var(--mobile-header-h)!important;min-height:var(--mobile-header-h)!important;max-height:var(--mobile-header-h)!important;
    padding:6px 10px!important;margin:0!important;background:#071120!important;border-bottom:1px solid rgba(250,204,21,.24)!important;
    box-shadow:0 6px 20px rgba(0,0,0,.30)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  html body.has-sidebar .mobile-menu-toggle{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:14px!important;background:#111827!important;border:1px solid rgba(148,163,184,.32)!important;box-shadow:none!important;}
  html body.has-sidebar .mobile-appbrand{justify-content:flex-start!important;height:40px!important;min-width:0!important;overflow:hidden!important;padding:0!important;}
  html body.has-sidebar .mobile-appbrand img{max-width:176px!important;max-height:32px!important;width:auto!important;object-fit:contain!important;object-position:left center!important;}
  html body.has-sidebar .mobile-appbar-spacer,
  html body.has-sidebar .mobile-quick-trip{display:none!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;overflow:hidden!important;}

  /* Menü: komplett scharf, Vollfläche, eigener Scroll; keine Verschleierung durch Backdrop/Page. */
  html body.has-sidebar .mobile-menu-backdrop,
  html body.mobile-menu-open.has-sidebar .mobile-menu-backdrop{display:none!important;opacity:0!important;pointer-events:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important;}
  html body.has-sidebar aside.sidebar,
  html body.has-sidebar .sidebar#camporgaMobileMenu{
    position:fixed!important;top:var(--mobile-header-h)!important;left:0!important;right:0!important;bottom:0!important;z-index:19990!important;
    width:100%!important;max-width:100%!important;min-width:0!important;height:calc(100dvh - var(--mobile-header-h))!important;max-height:calc(100dvh - var(--mobile-header-h))!important;
    margin:0!important;padding:10px 10px calc(18px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;
    background:#071120!important;background-image:none!important;border:0!important;border-top:1px solid rgba(148,163,184,.18)!important;box-shadow:none!important;
    transform:translate3d(-105%,0,0)!important;transition:transform .18s ease!important;opacity:1!important;visibility:visible!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  html body.mobile-menu-open.has-sidebar aside.sidebar,
  html body.mobile-menu-open.has-sidebar .sidebar#camporgaMobileMenu{transform:translate3d(0,0,0)!important;}
  html body.mobile-menu-open.has-sidebar{overflow:hidden!important;touch-action:none!important;}
  html body.mobile-menu-open.has-sidebar aside.sidebar{touch-action:auto!important;}
  html body.mobile-menu-open.has-sidebar .page-area{filter:none!important;opacity:1!important;pointer-events:none!important;}
  html body.has-sidebar .sidebar *,
  html body.has-sidebar .sidebar#camporgaMobileMenu *{filter:none!important;opacity:1!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  html body.has-sidebar .sidebrand.sidebrand-logo{display:none!important;}
  html body.has-sidebar .side-section{display:grid!important;gap:6px!important;margin:0 0 8px!important;padding:9px!important;border-radius:17px!important;background:#0d1728!important;border:1px solid rgba(148,163,184,.13)!important;box-shadow:none!important;}
  html body.has-sidebar .side-label{margin:0 0 3px!important;font-size:10px!important;line-height:1.1!important;letter-spacing:.12em!important;color:#f6c945!important;}
  html body.has-sidebar .side-link,
  html body.has-sidebar .sidebar a.side-link{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;min-height:42px!important;width:100%!important;margin:0!important;padding:8px 9px!important;border-radius:13px!important;background:#111c31!important;border:1px solid rgba(148,163,184,.12)!important;color:#f8fafc!important;text-decoration:none!important;pointer-events:auto!important;}
  html body.has-sidebar .side-link b{width:28px!important;height:28px!important;min-width:28px!important;border-radius:10px!important;background:#071120!important;display:grid!important;place-items:center!important;}
  html body.has-sidebar .side-link span{font-size:13px!important;line-height:1.12!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  html body.has-sidebar .side-link.active{background:linear-gradient(135deg,rgba(250,204,21,.22),rgba(59,130,246,.10))!important;border-color:rgba(250,204,21,.46)!important;color:#fff!important;}
  html body.has-sidebar .active-trip-card{margin:0 0 5px!important;padding:10px!important;border-radius:15px!important;background:#081426!important;border:1px solid rgba(250,204,21,.14)!important;}
  html body.has-sidebar .side-footer{margin-top:8px!important;padding:10px!important;border-radius:17px!important;background:#0d1728!important;border:1px solid rgba(148,163,184,.13)!important;}
  html body.has-sidebar .side-logout{min-height:40px!important;border-radius:13px!important;}

  /* Allgemein: Karten, Heros, Toolbars und Formulare mobil kompakter. */
  html body.has-sidebar .card{border-radius:18px!important;}
  html body.has-sidebar .hero,
  html body.has-sidebar .triphero,
  html body.has-sidebar .list-hero,
  html body.has-sidebar .co-list-hero,
  html body.has-sidebar .settings-hero,
  html body.has-sidebar .co-admin-hero{margin:0 0 8px!important;padding:12px!important;border-radius:19px!important;grid-template-columns:1fr!important;gap:10px!important;min-height:0!important;}
  html body.has-sidebar .hero h1,
  html body.has-sidebar .triphero h1,
  html body.has-sidebar .triphero h2,
  html body.has-sidebar .list-hero h2,
  html body.has-sidebar .co-list-hero h1,
  html body.has-sidebar .settings-hero h1,
  html body.has-sidebar .co-admin-hero h1{font-size:clamp(25px,8vw,34px)!important;line-height:1.02!important;letter-spacing:-.04em!important;margin:0 0 6px!important;}
  html body.has-sidebar p{max-width:100%!important;}
  html body.has-sidebar .grid,
  html body.has-sidebar .grid2,
  html body.has-sidebar .grid-2,
  html body.has-sidebar .admin-grid.two,
  html body.has-sidebar .cards,
  html body.has-sidebar .quickstats,
  html body.has-sidebar .settings-grid,
  html body.has-sidebar .settings-cards,
  html body.has-sidebar .support-shell-v141,
  html body.has-sidebar .profile-grid{grid-template-columns:1fr!important;gap:9px!important;}
  html body.has-sidebar .between{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:start!important;}
  html body.has-sidebar .btn{min-height:40px!important;border-radius:13px!important;padding:9px 11px!important;font-size:12px!important;}
  html body.has-sidebar .btn.small{min-height:34px!important;padding:7px 9px!important;font-size:11px!important;}
  html body.has-sidebar input,
  html body.has-sidebar select,
  html body.has-sidebar textarea{min-height:40px!important;border-radius:13px!important;padding:9px 10px!important;font-size:13px!important;}
  html body.has-sidebar textarea{min-height:92px!important;}
  html body.has-sidebar .table,
  html body.has-sidebar table{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}

  /* Reiseverlauf: kein leerer Bereich, interne Tabs aus, Karten schlank. */
  html body.trip-page.has-sidebar .page-area > main.wrap,
  html body.trip-page.has-sidebar .page-area > main.wrap.wide{padding-top:8px!important;}
  html body.trip-page .trip-pane[hidden],
  html body.trip-page section[hidden],
  html body.trip-page [hidden]{display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;visibility:hidden!important;}
  html body.trip-page .trip-view-switch,
  html body.trip-page .trip-route-switch,
  html body.trip-page .route-refresh-switch-v223,
  html body.trip-page .map-head-switch-v2421,
  html body.trip-page .trip-switch-buttons-v223,
  html body.trip-page .route-refresh-form-v223,
  html body.trip-page .camp-map-actions-v2421,
  html body.trip-page .camp-map-actions-v2421 .trip-view-switch,
  html body.trip-page .camp-map-actions-v2421 .route-refresh-form-v223{display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;visibility:hidden!important;}
  html body.trip-page .triphero.compact-triphero,
  html body.trip-page .triphero{margin-top:0!important;margin-bottom:8px!important;padding:12px!important;border-radius:19px!important;min-height:0!important;}
  html body.trip-page .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:9px!important;}
  html body.trip-page .routeflow.co-routeflow{gap:9px!important;margin-top:8px!important;}
  html body.trip-page .routeflow.co-routeflow:before{display:none!important;}
  html body.trip-page .camp-route-v16 .co-day-card,
  html body.trip-page .route-day.co-day-card{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:8px!important;padding:8px!important;border-radius:17px!important;}
  html body.trip-page .camp-route-v16 .co-date{width:44px!important;min-width:44px!important;min-height:56px!important;border-radius:14px!important;padding:5px 2px!important;}
  html body.trip-page .camp-route-v16 .co-date b{font-size:18px!important;line-height:1!important;}
  html body.trip-page .camp-route-v16 .co-date span,
  html body.trip-page .camp-route-v16 .co-date em{font-size:9px!important;line-height:1!important;}
  html body.trip-page .co-day-top{display:grid!important;grid-template-columns:minmax(0,1fr) 72px!important;gap:6px!important;align-items:start!important;}
  html body.trip-page .co-day-top h2{font-size:17px!important;line-height:1.08!important;margin:0 0 3px!important;}
  html body.trip-page .co-day-top p{font-size:11px!important;line-height:1.24!important;margin:0!important;}
  html body.trip-page .day-card-actions-v2404{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;width:72px!important;}
  html body.trip-page .roundedit-v2404,
  html body.trip-page .roundplus{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;border-radius:12px!important;font-size:15px!important;}
  html body.trip-page .co-route-line{gap:5px!important;margin:7px 0!important;}
  html body.trip-page .co-route-line span{font-size:10px!important;min-height:23px!important;padding:4px 6px!important;}
  html body.trip-page .parking-buttons.co-mini-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:7px!important;}
  html body.trip-page .parking-open{min-height:36px!important;padding:6px 7px!important;border-radius:12px!important;}
  html body.trip-page .parking-open span{font-size:10px!important;line-height:1.05!important;}
  html body.trip-page .camp-map-shell,
  html body.trip-page .routecalc-layout,
  html body.trip-page .routecalc-grid{grid-template-columns:1fr!important;gap:9px!important;}
  html body.trip-page .camp-route-map{height:360px!important;min-height:360px!important;border-radius:17px!important;}

  /* Listen + Vorlagen + Adminlisten: mobil wie App-Karten, keine breiten Tabellen. */
  html body.lists-overview-page .co-list-hero,
  html body.list-templates-page .co-list-hero,
  html body.list-templates-admin-v148 .co-list-hero{padding:12px!important;margin:0 0 8px!important;border-radius:19px!important;}
  html body.lists-overview-page .co-list-actions,
  html body.list-templates-page .co-list-actions,
  html body.list-templates-admin-v148 .co-list-actions,
  html body.lists-overview-page .co-list-stats,
  html body.list-templates-page .co-list-stats,
  html body.list-templates-admin-v148 .co-list-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;min-width:0!important;}
  html body.lists-overview-page .co-list-actions .btn,
  html body.list-templates-page .co-list-actions .btn,
  html body.list-templates-admin-v148 .co-list-actions .btn{width:100%!important;}
  html body.lists-overview-page .co-list-toolbar,
  html body.list-templates-page .co-list-toolbar,
  html body.list-templates-admin-v148 .co-list-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;border-radius:17px!important;margin:8px 0!important;}
  html body.lists-overview-page .co-lists-layout,
  html body.list-templates-page .co-lists-layout,
  html body.list-templates-admin-v148 .co-lists-layout{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;}
  html body.lists-overview-page .co-list-sidebar,
  html body.list-templates-page .co-list-sidebar,
  html body.list-templates-admin-v148 .co-list-sidebar{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important;padding:8px!important;border-radius:17px!important;}
  html body.lists-overview-page .co-list-nav,
  html body.list-templates-page .co-list-nav,
  html body.list-templates-admin-v148 .co-list-nav{display:flex!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding-bottom:2px!important;-webkit-overflow-scrolling:touch!important;}
  html body.lists-overview-page .co-list-nav::-webkit-scrollbar,
  html body.list-templates-page .co-list-nav::-webkit-scrollbar,
  html body.list-templates-admin-v148 .co-list-nav::-webkit-scrollbar{display:none!important;}
  html body.lists-overview-page .co-list-nav button,
  html body.list-templates-page .co-list-nav button,
  html body.list-templates-admin-v148 .co-list-nav button{display:flex!important;flex:0 0 auto!important;width:auto!important;min-width:128px!important;max-width:210px!important;min-height:40px!important;padding:8px 10px!important;border-radius:13px!important;white-space:nowrap!important;text-align:left!important;}
  html body.lists-overview-page .co-list-panel,
  html body.list-templates-page .co-list-panel,
  html body.list-templates-admin-v148 .co-list-panel{border-radius:18px!important;overflow:hidden!important;}
  html body.lists-overview-page .co-list-panel-head,
  html body.list-templates-page .co-list-panel-head,
  html body.list-templates-admin-v148 .co-list-panel-head,
  html body.lists-overview-page .co-panel-head,
  html body.list-templates-page .co-panel-head,
  html body.list-templates-admin-v148 .co-panel-head{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:11px!important;}
  html body.lists-overview-page .lt-panel-actions,
  html body.list-templates-page .lt-panel-actions,
  html body.list-templates-admin-v148 .lt-panel-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important;}
  html body.lists-overview-page .lt-items,
  html body.list-templates-page .lt-items,
  html body.list-templates-admin-v148 .lt-items{display:grid!important;gap:7px!important;padding:8px!important;overflow:visible!important;}
  html body.lists-overview-page .lt-item,
  html body.lists-overview-page .lt-item.check-row,
  html body.list-templates-page .lt-item,
  html body.list-templates-page .lt-item.check-row,
  html body.list-templates-admin-v148 .lt-item,
  html body.list-templates-admin-v148 .lt-item.check-row{display:grid!important;grid-template-columns:32px minmax(0,1fr) 34px 34px!important;gap:6px!important;align-items:center!important;padding:7px!important;border-radius:14px!important;min-height:48px!important;overflow:hidden!important;}
  html body.lists-overview-page .lt-item-title,
  html body.list-templates-page .lt-item-title,
  html body.list-templates-admin-v148 .lt-item-title{grid-column:2!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;}
  html body.lists-overview-page .lt-item-title strong,
  html body.list-templates-page .lt-item-title strong,
  html body.list-templates-admin-v148 .lt-item-title strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;line-height:1.15!important;}
  html body.lists-overview-page .co-check-box{grid-column:1!important;width:30px!important;height:30px!important;min-width:30px!important;border-radius:10px!important;}
  html body.list-templates-page .lt-cart-open,
  html body.list-templates-admin-v148 .lt-cart-open{grid-column:3!important;display:inline-grid!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;border-radius:11px!important;padding:0!important;}
  html body.lists-overview-page .lt-note-open,
  html body.list-templates-page .lt-note-open,
  html body.list-templates-admin-v148 .lt-note-open{grid-column:4!important;display:inline-grid!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;border-radius:11px!important;padding:0!important;}
  html body.lists-overview-page .lt-item .btn.danger,
  html body.list-templates-page .lt-item .btn.danger,
  html body.list-templates-admin-v148 .lt-item .btn.danger{grid-column:4!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;border-radius:11px!important;padding:0!important;font-size:0!important;}
  html body.lists-overview-page .lt-item .btn.danger::before,
  html body.list-templates-page .lt-item .btn.danger::before,
  html body.list-templates-admin-v148 .lt-item .btn.danger::before{content:'×';font-size:14px!important;}
  html body.lists-overview-page .lt-qty,
  html body.lists-overview-page .lt-unit,
  html body.lists-overview-page .lt-cat,
  html body.lists-overview-page .lt-done-chip,
  html body.list-templates-page .lt-qty,
  html body.list-templates-page .lt-unit,
  html body.list-templates-page .lt-cat,
  html body.list-templates-page .lt-unit-v206,
  html body.list-templates-page .lt-qty-v206,
  html body.list-templates-page select[name="category_id"],
  html body.list-templates-page .lt-rule-open,
  html body.list-templates-page .lt-admin-pill,
  html body.list-templates-admin-v148 .lt-unit-v206,
  html body.list-templates-admin-v148 .lt-qty-v206,
  html body.list-templates-admin-v148 select[name="category_id"],
  html body.list-templates-admin-v148 .lt-rule-open,
  html body.list-templates-admin-v148 .lt-admin-pill{display:none!important;}

  /* Modale überall mobil lesbar. */
  html body.has-sidebar .modalbox,
  html body.has-sidebar .modal-box,
  html body.has-sidebar .co-note-modal-box,
  html body.has-sidebar .checklist-editor-box{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;max-height:calc(100dvh - 22px)!important;margin:0 auto!important;border-radius:20px!important;padding:12px!important;overflow:auto!important;}
  html body.has-sidebar .modalhead,
  html body.has-sidebar .modal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;padding:0 42px 10px 0!important;margin:0 0 10px!important;}
  html body.has-sidebar .modalclose,
  html body.has-sidebar .modal-close,
  html body.has-sidebar [data-close-modal]{position:absolute!important;top:10px!important;right:10px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:12px!important;z-index:5!important;}
  html body.has-sidebar .modal-form,
  html body.has-sidebar .form,
  html body.has-sidebar .co-note-modal-form{gap:9px!important;}

  /* Support/Profil/Dateien mobil: keine 2-Spalten, Composer sauber. */
  html body.has-sidebar .support-chat-list,
  html body.has-sidebar .support-chat-main{min-height:0!important;max-height:none!important;}
  html body.has-sidebar .support-composer{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;}
  html body.has-sidebar .support-live-chat{padding:10px!important;max-height:60dvh!important;}
  html body.has-sidebar .chat-msg{max-width:94%!important;}
}

@media (max-width: 520px){
  :root{--mobile-header-h:50px;}
  html body.has-sidebar .page-area > main,
  html body.has-sidebar .page-area > main.wrap,
  html body.has-sidebar .page-area > main.wrap.wide{padding:6px!important;}
  html body.has-sidebar .mobile-appbar{grid-template-columns:40px minmax(0,1fr) 1px!important;padding:5px 8px!important;}
  html body.has-sidebar .mobile-menu-toggle{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;}
  html body.has-sidebar .mobile-appbrand img{max-width:150px!important;max-height:29px!important;}
  html body.trip-page .hero-actions,
  html body.lists-overview-page .co-list-actions,
  html body.list-templates-page .co-list-actions,
  html body.list-templates-admin-v148 .co-list-actions,
  html body.lists-overview-page .co-list-stats,
  html body.list-templates-page .co-list-stats,
  html body.list-templates-admin-v148 .co-list-stats,
  html body.lists-overview-page .lt-panel-actions,
  html body.list-templates-page .lt-panel-actions,
  html body.list-templates-admin-v148 .lt-panel-actions{grid-template-columns:1fr!important;}
  html body.trip-page .camp-route-v16 .co-day-card,
  html body.trip-page .route-day.co-day-card{grid-template-columns:42px minmax(0,1fr)!important;padding:7px!important;}
  html body.trip-page .camp-route-v16 .co-date{width:40px!important;min-width:40px!important;}
  html body.lists-overview-page .lt-item,
  html body.lists-overview-page .lt-item.check-row,
  html body.list-templates-page .lt-item,
  html body.list-templates-page .lt-item.check-row,
  html body.list-templates-admin-v148 .lt-item,
  html body.list-templates-admin-v148 .lt-item.check-row{grid-template-columns:30px minmax(0,1fr) 32px 32px!important;gap:5px!important;padding:6px!important;}
}

/* CampOrga v2455 – Mobile Komplettkorrektur: kein Platzhalter, klare Listen, goldene Tageskarten, saubere Modale */
@media (max-width: 980px){
  :root{--mobile-header-h:50px!important;--mobile-gold:#facc15!important;}
  html,body{max-width:100%!important;overflow-x:hidden!important;}
  html body.has-sidebar{
    padding-top:var(--mobile-header-h)!important;
    background:#071120!important;
    min-height:100dvh!important;
  }
  html body.has-sidebar .app-shell,
  html body.has-sidebar .page-area,
  html body.has-sidebar .page-area > main,
  html body.has-sidebar .page-area > main.wrap,
  html body.has-sidebar .page-area > main.wrap.wide{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding-top:0!important;
    transform:none!important;
    overflow:visible!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }
  html body.has-sidebar .page-area > main,
  html body.has-sidebar .page-area > main.wrap,
  html body.has-sidebar .page-area > main.wrap.wide{padding:8px!important;}
  html body.has-sidebar .app-shell::before,
  html body.has-sidebar .app-shell::after,
  html body.has-sidebar .page-area::before,
  html body.has-sidebar .page-area::after,
  html body.has-sidebar main.wrap::before,
  html body.has-sidebar main.wrap::after{content:none!important;display:none!important;height:0!important;min-height:0!important;}
  html body.has-sidebar .pagebar{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;}

  /* Header klein und ohne zusätzliche Reisekachel. */
  html body.has-sidebar .mobile-appbar{
    position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:30000!important;
    display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;align-items:center!important;gap:8px!important;
    height:var(--mobile-header-h)!important;min-height:var(--mobile-header-h)!important;max-height:var(--mobile-header-h)!important;
    padding:5px 8px!important;margin:0!important;
    background:#071120!important;border-bottom:1px solid rgba(250,204,21,.28)!important;box-shadow:0 6px 22px rgba(0,0,0,.32)!important;
    filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  html body.has-sidebar .mobile-menu-toggle{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:13px!important;background:#101a2c!important;border:1px solid rgba(226,232,240,.26)!important;box-shadow:none!important;}
  html body.has-sidebar .mobile-appbrand{display:flex!important;align-items:center!important;justify-content:center!important;height:38px!important;min-width:0!important;overflow:hidden!important;}
  html body.has-sidebar .mobile-appbrand img{width:auto!important;max-width:150px!important;max-height:30px!important;object-fit:contain!important;}
  html body.has-sidebar .mobile-appbar-spacer{display:block!important;width:38px!important;height:38px!important;opacity:0!important;}
  html body.has-sidebar .mobile-quick-trip{display:none!important;}

  /* Menü: kein Schleier, keine ausgegraute Seite, scrollt zuverlässig. */
  html body.has-sidebar .mobile-menu-backdrop{display:none!important;opacity:0!important;pointer-events:none!important;}
  html body.has-sidebar aside.sidebar,
  html body.has-sidebar .sidebar#camporgaMobileMenu{
    position:fixed!important;top:var(--mobile-header-h)!important;left:0!important;right:0!important;bottom:0!important;z-index:29990!important;
    width:100vw!important;max-width:100vw!important;min-width:0!important;height:calc(100dvh - var(--mobile-header-h))!important;max-height:calc(100dvh - var(--mobile-header-h))!important;
    margin:0!important;padding:10px 10px calc(20px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important;
    background:#071120!important;background-image:linear-gradient(180deg,#081426,#06101e)!important;border:0!important;border-top:1px solid rgba(250,204,21,.18)!important;box-shadow:none!important;
    opacity:1!important;visibility:visible!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    transform:translate3d(-105%,0,0)!important;transition:transform .18s ease!important;box-sizing:border-box!important;
  }
  html body.mobile-menu-open.has-sidebar aside.sidebar,
  html body.mobile-menu-open.has-sidebar .sidebar#camporgaMobileMenu{transform:translate3d(0,0,0)!important;}
  html body.mobile-menu-open.has-sidebar{overflow:auto!important;touch-action:auto!important;}
  html body.mobile-menu-open.has-sidebar .page-area{opacity:1!important;filter:none!important;pointer-events:auto!important;}
  html body.has-sidebar .sidebar *,html body.has-sidebar .sidebar#camporgaMobileMenu *{opacity:1!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important;}
  html body.has-sidebar .sidebrand.sidebrand-logo{height:42px!important;min-height:42px!important;max-height:42px!important;margin:0 0 7px!important;padding:4px 8px!important;}
  html body.has-sidebar .sidebrand.sidebrand-logo img{max-width:145px!important;min-width:0!important;width:auto!important;max-height:32px!important;}
  html body.has-sidebar .side-section{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:0 0 9px!important;padding:10px!important;background:#0d1728!important;border:1px solid rgba(148,163,184,.14)!important;border-radius:18px!important;box-shadow:none!important;}
  html body.has-sidebar .side-label{display:block!important;color:#facc15!important;font-size:10px!important;letter-spacing:.13em!important;margin:0 0 3px!important;}
  html body.has-sidebar .side-link,html body.has-sidebar .sidebar a.side-link{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:44px!important;padding:9px 10px!important;border-radius:14px!important;background:#111c31!important;border:1px solid rgba(148,163,184,.13)!important;color:#f8fafc!important;text-decoration:none!important;}
  html body.has-sidebar .side-link.active{background:linear-gradient(135deg,rgba(250,204,21,.24),rgba(59,130,246,.10))!important;border-color:rgba(250,204,21,.50)!important;}
  html body.has-sidebar .side-link span{font-size:14px!important;line-height:1.12!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  html body.has-sidebar .active-trip-card,html body.has-sidebar .side-footer{background:#081426!important;border:1px solid rgba(148,163,184,.14)!important;border-radius:17px!important;padding:10px!important;}

  /* Hero/Kopfbereiche: keine hohen leeren Blöcke. */
  html body.has-sidebar .hero,
  html body.has-sidebar .triphero,
  html body.has-sidebar .co-list-hero,
  html body.has-sidebar .list-hero,
  html body.has-sidebar .settings-hero,
  html body.has-sidebar .co-admin-hero,
  html body.has-sidebar .dashboard-hero,
  html body.has-sidebar .card.hero-card{
    margin:0 0 9px!important;padding:14px!important;min-height:0!important;height:auto!important;border-radius:20px!important;
    display:grid!important;grid-template-columns:1fr!important;gap:10px!important;
  }
  html body.has-sidebar .hero h1,html body.has-sidebar .hero h2,
  html body.has-sidebar .triphero h1,html body.has-sidebar .triphero h2,
  html body.has-sidebar .co-list-hero h1,html body.has-sidebar .co-list-hero h2,
  html body.has-sidebar .settings-hero h1,html body.has-sidebar .settings-hero h2{font-size:clamp(25px,7.5vw,34px)!important;line-height:1.03!important;margin:0 0 5px!important;letter-spacing:-.04em!important;}

  /* Reiseverlauf: goldener, kontrastreicher, kompakter. */
  html body.trip-page .camp-trip-page{margin:0!important;padding:0!important;}
  html body.trip-page .triphero.compact-triphero{background:linear-gradient(135deg,rgba(250,204,21,.13),rgba(15,23,42,.96) 45%,rgba(37,99,235,.08))!important;border:1px solid rgba(250,204,21,.30)!important;box-shadow:0 14px 38px rgba(0,0,0,.24)!important;}
  html body.trip-page .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:8px!important;}
  html body.trip-page .trip-view-switch,
  html body.trip-page .trip-route-switch,
  html body.trip-page .route-refresh-switch-v223,
  html body.trip-page .map-head-switch-v2421,
  html body.trip-page .trip-switch-buttons-v223,
  html body.trip-page .route-refresh-form-v223,
  html body.trip-page .camp-map-actions-v2421{display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;visibility:hidden!important;overflow:hidden!important;}
  html body.trip-page .routeflow.co-routeflow{display:grid!important;gap:10px!important;margin:0!important;padding:0!important;}
  html body.trip-page .routeflow.co-routeflow:before{display:none!important;}
  html body.trip-page .camp-route-v16 .co-day-card,
  html body.trip-page .route-day.co-day-card,
  html body.trip-page article.co-day-card{
    display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:9px!important;align-items:start!important;
    padding:9px!important;border-radius:19px!important;
    background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(15,23,42,.94) 42%,rgba(2,6,23,.98))!important;
    border:1px solid rgba(250,204,21,.28)!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
  }
  html body.trip-page .camp-route-v16 .co-day-card.is-today,
  html body.trip-page .route-day.co-day-card.is-today{border-color:rgba(250,204,21,.58)!important;box-shadow:0 0 0 1px rgba(250,204,21,.20),0 18px 44px rgba(0,0,0,.30)!important;}
  html body.trip-page .camp-route-v16 .co-date,
  html body.trip-page .co-date{width:46px!important;min-width:46px!important;min-height:60px!important;border-radius:16px!important;background:linear-gradient(180deg,#facc15,#f59e0b)!important;color:#111827!important;border:0!important;box-shadow:0 8px 18px rgba(250,204,21,.22)!important;}
  html body.trip-page .camp-route-v16 .co-date b,html body.trip-page .co-date b{font-size:20px!important;color:#111827!important;line-height:1!important;}
  html body.trip-page .camp-route-v16 .co-date span,html body.trip-page .camp-route-v16 .co-date em,html body.trip-page .co-date span,html body.trip-page .co-date em{font-size:9px!important;color:#422006!important;font-weight:1000!important;}
  html body.trip-page .co-day-top{display:grid!important;grid-template-columns:minmax(0,1fr) 76px!important;gap:7px!important;align-items:start!important;}
  html body.trip-page .co-day-top h2{font-size:18px!important;line-height:1.05!important;margin:0 0 3px!important;color:#fff!important;}
  html body.trip-page .co-day-top p{font-size:11px!important;line-height:1.25!important;color:#cbd5e1!important;margin:0!important;}
  html body.trip-page .day-card-actions-v2404{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;width:76px!important;}
  html body.trip-page .roundedit-v2404,html body.trip-page .roundplus{width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;border-radius:12px!important;}
  html body.trip-page .parking-buttons.co-mini-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important;}
  html body.trip-page .parking-open{min-height:38px!important;border-radius:13px!important;padding:7px 8px!important;border-color:rgba(250,204,21,.18)!important;background:rgba(250,204,21,.065)!important;}
  html body.trip-page .parking-open span{font-size:10px!important;line-height:1.05!important;}

  /* Listen: mobil immer einspaltig, keine schmale Nebenspalte rechts. */
  html body.has-sidebar .co-lists-layout,
  html body.lists-overview-page .co-lists-layout,
  html body.list-templates-page .co-lists-layout,
  html body.list-templates-admin-v148 .co-lists-layout{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;max-width:100%!important;}
  html body.has-sidebar .co-list-sidebar,
  html body.has-sidebar .co-list-content,
  html body.has-sidebar .co-list-panel{width:100%!important;max-width:100%!important;min-width:0!important;position:relative!important;top:auto!important;}
  html body.has-sidebar .co-list-sidebar{padding:9px!important;border-radius:18px!important;overflow:hidden!important;}
  html body.has-sidebar .co-list-nav{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding:1px 0 3px!important;}
  html body.has-sidebar .co-list-nav::-webkit-scrollbar{display:none!important;}
  html body.has-sidebar .co-list-nav button{flex:0 0 auto!important;width:auto!important;min-width:138px!important;max-width:230px!important;min-height:46px!important;padding:8px 10px!important;border-radius:15px!important;white-space:nowrap!important;}
  html body.has-sidebar .co-list-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:11px!important;border-radius:18px!important;}
  html body.has-sidebar .co-list-actions,html body.has-sidebar .co-list-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  html body.has-sidebar .co-list-panel-head,html body.has-sidebar .co-panel-head{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:11px!important;}
  html body.has-sidebar .lt-panel-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important;}
  html body.has-sidebar .lt-items{display:grid!important;gap:7px!important;padding:8px!important;}
  html body.has-sidebar .lt-item,html body.has-sidebar .lt-item.check-row{display:grid!important;grid-template-columns:32px minmax(0,1fr) 34px 34px!important;gap:6px!important;align-items:center!important;min-height:48px!important;padding:7px!important;border-radius:15px!important;overflow:hidden!important;}
  html body.has-sidebar .lt-item-title{grid-column:2!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;}
  html body.has-sidebar .lt-item-title strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;line-height:1.12!important;}
  html body.has-sidebar .lt-qty,html body.has-sidebar .lt-unit,html body.has-sidebar .lt-cat,html body.has-sidebar .lt-done-chip,html body.has-sidebar .lt-qty-v206,html body.has-sidebar .lt-unit-v206,html body.has-sidebar select[name="category_id"],html body.has-sidebar .lt-rule-open,html body.has-sidebar .lt-admin-pill{display:none!important;}
  html body.has-sidebar .co-check-box,html body.has-sidebar .lt-cart-open,html body.has-sidebar .lt-note-open,html body.has-sidebar .lt-item .btn.danger{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:11px!important;padding:0!important;}

  /* Modale: keine grauen Leerräume, Tabs sauber untereinander/scrollbar, X rechts. */
  html body.has-sidebar .modal{padding:7px!important;align-items:flex-start!important;justify-content:center!important;overflow:auto!important;background:rgba(2,6,23,.78)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  html body.has-sidebar .modalbox,
  html body.has-sidebar .modal-box,
  html body.has-sidebar .co-note-modal-box,
  html body.has-sidebar .trip-settings-modal-v107,
  html body.has-sidebar .checklist-editor-box{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;max-height:calc(100dvh - 14px)!important;margin:0 auto!important;border-radius:22px!important;padding:14px!important;overflow:auto!important;}
  html body.has-sidebar .modalhead,
  html body.has-sidebar .modal-head,
  html body.has-sidebar .trip-settings-head-v107{position:relative!important;display:block!important;margin:0 0 10px!important;padding:0 48px 12px 0!important;border-bottom:1px solid rgba(148,163,184,.14)!important;}
  html body.has-sidebar .modalhead h2,
  html body.has-sidebar .modal-head h2,
  html body.has-sidebar .trip-settings-head-v107 h2{font-size:clamp(24px,7vw,32px)!important;line-height:1.05!important;margin:3px 0 4px!important;}
  html body.has-sidebar .modalclose,
  html body.has-sidebar .modal-close,
  html body.has-sidebar [data-close-modal]{position:absolute!important;top:0!important;right:0!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:13px!important;z-index:6!important;}
  html body.trip-page .trip-settings-nav-v107{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0 0 10px!important;padding:0!important;background:transparent!important;border:0!important;}
  html body.trip-page .trip-settings-nav-v107 button{min-height:38px!important;border-radius:14px!important;padding:8px 9px!important;font-size:11px!important;letter-spacing:.07em!important;}
  html body.trip-page .trip-settings-content-v107{padding:0!important;margin:0!important;background:transparent!important;border:0!important;}
  html body.trip-page .trip-settings-section-card{padding:12px!important;border-radius:18px!important;margin:0!important;}
  html body.trip-page .section-title-v104{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;margin:0 0 10px!important;}
  html body.trip-page .section-title-v104 h3{font-size:20px!important;line-height:1.05!important;margin:1px 0 0!important;}
  html body.trip-page .trip-settings-grid,
  html body.trip-page .v104-grid-2,
  html body.trip-page .v104-grid-3{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  html body.trip-page .trip-settings-actions-v107{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important;}
}

@media (max-width: 520px){
  :root{--mobile-header-h:48px!important;}
  html body.has-sidebar .page-area > main,html body.has-sidebar .page-area > main.wrap,html body.has-sidebar .page-area > main.wrap.wide{padding:7px!important;}
  html body.has-sidebar .co-list-actions,html body.has-sidebar .co-list-stats{grid-template-columns:1fr 1fr!important;}
  html body.trip-page .hero-actions{grid-template-columns:1fr 1fr!important;}
  html body.trip-page .camp-route-v16 .co-day-card,html body.trip-page .route-day.co-day-card,html body.trip-page article.co-day-card{grid-template-columns:46px minmax(0,1fr)!important;gap:8px!important;padding:8px!important;}
  html body.has-sidebar .co-list-nav button{min-width:128px!important;}
  html body.has-sidebar .lt-item,html body.has-sidebar .lt-item.check-row{grid-template-columns:30px minmax(0,1fr) 32px 32px!important;gap:5px!important;padding:6px!important;}
}

/* =========================================================
   CampOrga Mobile Lists v2460
   Ziel: Meine Listen unterwegs wirklich nutzbar machen.
   Desktop bleibt unberührt.
   ========================================================= */
@media (max-width: 760px){
  html body.lists-overview-page .co-list-hero{
    margin:0 0 8px!important;
    padding:12px!important;
    border-radius:20px!important;
    min-height:0!important;
  }
  html body.lists-overview-page .co-list-hero h1{
    font-size:26px!important;
    line-height:1.03!important;
    margin:0 0 5px!important;
  }
  html body.lists-overview-page .co-list-hero p{
    font-size:12px!important;
    line-height:1.35!important;
    margin:0!important;
  }

  html body.lists-overview-page .co-list-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0 0 8px!important;
  }
  html body.lists-overview-page .co-list-actions .btn{
    min-height:42px!important;
    padding:9px 10px!important;
    border-radius:15px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }

  html body.lists-overview-page .co-list-stats{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0 0 8px!important;
  }
  html body.lists-overview-page .co-list-stats > div{
    min-height:72px!important;
    border-radius:18px!important;
    padding:10px!important;
  }
  html body.lists-overview-page .co-list-stats strong{
    font-size:28px!important;
    line-height:1!important;
  }
  html body.lists-overview-page .co-list-stats span{
    font-size:11px!important;
    letter-spacing:.08em!important;
  }

  html body.lists-overview-page .co-list-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0 0 10px!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  html body.lists-overview-page .co-list-toolbar label,
  html body.lists-overview-page .co-list-search,
  html body.lists-overview-page .co-category-filter{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin:0!important;
    width:100%!important;
  }
  html body.lists-overview-page .co-list-toolbar input,
  html body.lists-overview-page .co-list-toolbar select{
    width:100%!important;
    min-height:44px!important;
    border-radius:14px!important;
    font-size:16px!important;
  }
  html body.lists-overview-page .co-list-hint{
    font-size:11px!important;
    line-height:1.25!important;
  }

  html body.lists-overview-page .co-lists-layout{
    display:block!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body.lists-overview-page .co-list-sidebar,
  html body.lists-overview-page .co-list-content{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }
  html body.lists-overview-page .co-list-sidebar.card{
    padding:9px!important;
    margin:0 0 10px!important;
    border-radius:18px!important;
    background:rgba(15,23,42,.92)!important;
    border:1px solid rgba(250,204,21,.18)!important;
    overflow:hidden!important;
  }
  html body.lists-overview-page .co-sidebar-title{
    font-size:10px!important;
    letter-spacing:.16em!important;
    margin:0 0 7px!important;
    color:#facc15!important;
  }
  html body.lists-overview-page .co-list-nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 2px!important;
    margin:0!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body.lists-overview-page .co-list-nav::-webkit-scrollbar{display:none!important;}
  html body.lists-overview-page .co-list-nav button{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    flex:0 0 170px!important;
    width:170px!important;
    max-width:170px!important;
    min-width:170px!important;
    min-height:52px!important;
    padding:8px!important;
    border-radius:16px!important;
    background:#111c31!important;
    border:1px solid rgba(148,163,184,.16)!important;
  }
  html body.lists-overview-page .co-list-nav button.active{
    background:linear-gradient(135deg,rgba(250,204,21,.18),rgba(15,23,42,.96))!important;
    border-color:rgba(250,204,21,.62)!important;
    box-shadow:0 0 0 1px rgba(250,204,21,.14) inset!important;
  }
  html body.lists-overview-page .co-nav-icon{
    width:30px!important;
    height:30px!important;
    border-radius:11px!important;
    display:grid!important;
    place-items:center!important;
    font-size:14px!important;
  }
  html body.lists-overview-page .co-nav-copy{min-width:0!important;}
  html body.lists-overview-page .co-nav-copy strong{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
    line-height:1.08!important;
  }
  html body.lists-overview-page .co-nav-copy small,
  html body.lists-overview-page .co-nav-copy em{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11px!important;
    line-height:1.1!important;
  }

  html body.lists-overview-page .co-list-panel{
    display:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    border-radius:20px!important;
    overflow:hidden!important;
    background:#0f172a!important;
    border:1px solid rgba(148,163,184,.16)!important;
  }
  html body.lists-overview-page .co-list-panel.active{
    display:block!important;
  }
  html body.lists-overview-page .co-panel-head{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    padding:12px!important;
    margin:0!important;
    border-bottom:1px solid rgba(148,163,184,.12)!important;
  }
  html body.lists-overview-page .co-panel-icon{
    width:38px!important;
    height:38px!important;
    border-radius:14px!important;
  }
  html body.lists-overview-page .co-panel-head h2{
    font-size:21px!important;
    line-height:1.05!important;
    margin:3px 0 0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body.lists-overview-page .co-panel-head .pill{
    font-size:10px!important;
    padding:4px 8px!important;
    border-radius:999px!important;
  }
  html body.lists-overview-page .lt-panel-actions{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    margin-top:2px!important;
  }
  html body.lists-overview-page .lt-panel-actions .btn{
    width:100%!important;
    min-height:42px!important;
    border-radius:14px!important;
    font-size:12px!important;
  }
  html body.lists-overview-page .co-progress{
    height:4px!important;
    margin:0!important;
  }

  html body.lists-overview-page .lt-items.co-checklist,
  html body.lists-overview-page .lt-items.checklist-template-view{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:9px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  html body.lists-overview-page .lt-item.check-row,
  html body.lists-overview-page label.lt-item.check-row.co-check-row{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) auto 38px!important;
    grid-template-areas:
      "check title qty note"
      "check meta  meta note"!important;
    align-items:center!important;
    gap:4px 8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    padding:9px!important;
    margin:0!important;
    border-radius:17px!important;
    background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.88))!important;
    border:1px solid rgba(148,163,184,.14)!important;
    box-shadow:none!important;
    overflow:hidden!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
  }
  html body.lists-overview-page .lt-item.check-row.is-done,
  html body.lists-overview-page label.lt-item.check-row.co-check-row.is-done{
    opacity:.72!important;
    background:rgba(15,23,42,.72)!important;
  }
  html body.lists-overview-page .co-check-box{
    grid-area:check!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    justify-self:start!important;
    align-self:center!important;
    background:rgba(250,204,21,.08)!important;
    border:1px solid rgba(250,204,21,.35)!important;
  }
  html body.lists-overview-page .co-check-box input{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html body.lists-overview-page .co-check-box i{
    display:none!important;
    font-size:22px!important;
    line-height:1!important;
    color:#111827!important;
    font-style:normal!important;
    font-weight:1000!important;
  }
  html body.lists-overview-page .co-check-box input:checked + i{
    display:block!important;
  }
  html body.lists-overview-page .co-check-box:has(input:checked){
    background:linear-gradient(180deg,#facc15,#f59e0b)!important;
    border-color:#facc15!important;
    box-shadow:0 0 0 1px rgba(250,204,21,.24),0 8px 18px rgba(250,204,21,.16)!important;
  }

  html body.lists-overview-page .lt-item-title,
  html body.lists-overview-page .co-check-main{
    grid-area:title!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    align-self:end!important;
    font-size:15px!important;
    line-height:1.12!important;
  }
  html body.lists-overview-page .lt-item-title strong,
  html body.lists-overview-page .co-check-main strong{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:15px!important;
    line-height:1.12!important;
    color:#f8fafc!important;
  }
  html body.lists-overview-page .lt-item.is-done .lt-item-title strong,
  html body.lists-overview-page .lt-item.is-done .co-check-main strong{
    text-decoration:line-through!important;
    color:#94a3b8!important;
  }
  html body.lists-overview-page .lt-qty-chip-v230{
    grid-area:qty!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:34px!important;
    max-width:72px!important;
    height:26px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:rgba(250,204,21,.18)!important;
    border:1px solid rgba(250,204,21,.30)!important;
    color:#facc15!important;
    font-size:13px!important;
    font-weight:1000!important;
    line-height:1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body.lists-overview-page .lt-unit-chip-v230{
    grid-area:meta!important;
    display:inline-flex!important;
    justify-self:start!important;
    align-self:start!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#cbd5e1!important;
    font-size:12px!important;
    line-height:1.15!important;
    opacity:.92!important;
  }
  html body.lists-overview-page .lt-category-chip,
  html body.lists-overview-page .lt-done-chip{
    display:none!important;
  }
  html body.lists-overview-page .lt-note-open{
    grid-area:note!important;
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    padding:0!important;
    border-radius:13px!important;
    font-size:16px!important;
    align-self:center!important;
    justify-self:end!important;
    z-index:2!important;
  }
  html body.lists-overview-page .lt-note-open.has-note{
    color:#111827!important;
    background:linear-gradient(180deg,#facc15,#f59e0b)!important;
    border-color:#facc15!important;
  }

  html body.lists-overview-page .co-no-items{
    margin:9px!important;
    padding:14px!important;
    border-radius:16px!important;
    font-size:13px!important;
  }
}

@media (max-width: 420px){
  html body.lists-overview-page .co-list-actions,
  html body.lists-overview-page .lt-panel-actions{
    grid-template-columns:1fr!important;
  }
  html body.lists-overview-page .co-list-nav button{
    flex-basis:155px!important;
    width:155px!important;
    min-width:155px!important;
    max-width:155px!important;
  }
  html body.lists-overview-page .lt-item.check-row,
  html body.lists-overview-page label.lt-item.check-row.co-check-row{
    grid-template-columns:44px minmax(0,1fr) auto 36px!important;
    min-height:60px!important;
    padding:8px!important;
    gap:4px 7px!important;
  }
  html body.lists-overview-page .co-check-box{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
  html body.lists-overview-page .lt-item-title strong,
  html body.lists-overview-page .co-check-main strong{
    font-size:14px!important;
  }
}


/* CampOrga v2465 – Mobile Listen: kompakte Abhakzeilen mit Menge, Einheit, Kategorie und Status sichtbar */
@media (max-width: 760px){
  html body.lists-overview-page .lt-items.co-checklist,
  html body.lists-overview-page .lt-items.checklist-template-view{
    gap:6px!important;
    padding:7px!important;
  }
  html body.lists-overview-page .lt-item.check-row,
  html body.lists-overview-page label.lt-item.check-row.co-check-row{
    grid-template-columns:36px minmax(0,1fr) auto 34px!important;
    grid-template-areas:
      "check title qty note"
      "check meta  meta note"!important;
    min-height:52px!important;
    padding:7px 8px!important;
    gap:3px 7px!important;
    border-radius:15px!important;
  }
  html body.lists-overview-page .co-check-box{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    border-radius:12px!important;
  }
  html body.lists-overview-page .co-check-box i{
    font-size:18px!important;
  }
  html body.lists-overview-page .lt-item-title,
  html body.lists-overview-page .co-check-main{
    align-self:end!important;
    line-height:1.06!important;
  }
  html body.lists-overview-page .lt-item-title strong,
  html body.lists-overview-page .co-check-main strong{
    font-size:14px!important;
    line-height:1.06!important;
  }
  html body.lists-overview-page .lt-qty-chip-v230{
    min-width:28px!important;
    max-width:62px!important;
    height:22px!important;
    padding:0 7px!important;
    font-size:12px!important;
    border-radius:999px!important;
    justify-self:end!important;
  }
  html body.lists-overview-page .lt-unit-chip-v230,
  html body.lists-overview-page .lt-category-chip,
  html body.lists-overview-page .lt-done-chip{
    display:inline-flex!important;
    align-items:center!important;
    min-width:0!important;
    max-width:100%!important;
    height:19px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body.lists-overview-page .lt-unit-chip-v230{
    grid-area:meta!important;
    justify-self:start!important;
    background:rgba(148,163,184,.10)!important;
    border:1px solid rgba(148,163,184,.16)!important;
    color:#dbeafe!important;
    opacity:1!important;
  }
  html body.lists-overview-page .lt-category-chip{
    grid-area:meta!important;
    justify-self:start!important;
    margin-left:52px!important;
    max-width:calc(100% - 120px)!important;
    background:rgba(250,204,21,.10)!important;
    border:1px solid rgba(250,204,21,.18)!important;
    color:#facc15!important;
  }
  html body.lists-overview-page .lt-done-chip{
    grid-area:meta!important;
    justify-self:end!important;
    max-width:58px!important;
    background:rgba(34,197,94,.10)!important;
    border:1px solid rgba(34,197,94,.18)!important;
    color:#bbf7d0!important;
  }
  html body.lists-overview-page .lt-item.is-done .lt-done-chip,
  html body.lists-overview-page .lt-item.check-row.is-done .lt-done-chip{
    background:rgba(148,163,184,.12)!important;
    border-color:rgba(148,163,184,.16)!important;
    color:#cbd5e1!important;
  }
  html body.lists-overview-page .lt-note-open{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    border-radius:11px!important;
    font-size:15px!important;
  }
}

@media (max-width: 420px){
  html body.lists-overview-page .lt-item.check-row,
  html body.lists-overview-page label.lt-item.check-row.co-check-row{
    grid-template-columns:34px minmax(0,1fr) auto 32px!important;
    min-height:50px!important;
    padding:6px 7px!important;
    gap:3px 6px!important;
  }
  html body.lists-overview-page .co-check-box{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
  }
  html body.lists-overview-page .lt-item-title strong,
  html body.lists-overview-page .co-check-main strong{
    font-size:13px!important;
  }
  html body.lists-overview-page .lt-unit-chip-v230,
  html body.lists-overview-page .lt-category-chip,
  html body.lists-overview-page .lt-done-chip{
    height:18px!important;
    padding:0 5px!important;
    font-size:9px!important;
  }
  html body.lists-overview-page .lt-category-chip{
    margin-left:48px!important;
    max-width:calc(100% - 104px)!important;
  }
  html body.lists-overview-page .lt-done-chip{
    max-width:52px!important;
  }
  html body.lists-overview-page .lt-note-open{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
  }
}

/* CampOrga v2470 – Mobile Listen: kompakt, aber alle Infos sichtbar */
@media (max-width: 760px){
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .co-list-content,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .co-list-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-items.co-checklist,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-items.checklist-template-view{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:7px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  html body.lists-overview-page.has-sidebar:not(.list-templates-page) label.lt-item.check-row.co-check-row,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-item.check-row.co-check-row{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr) 32px!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:
      "check title note"
      "check meta1 note"
      "check meta2 note"!important;
    gap:3px 7px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    padding:7px!important;
    border-radius:15px!important;
    overflow:hidden!important;
    white-space:normal!important;
    box-sizing:border-box!important;
  }

  html body.lists-overview-page.has-sidebar:not(.list-templates-page) label.lt-item.check-row.co-check-row > *,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-item.check-row.co-check-row > *{
    min-width:0!important;
    max-width:100%!important;
  }

  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .co-check-box{
    grid-area:check!important;
    grid-column:auto!important;
    grid-row:1 / span 3!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border-radius:11px!important;
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
  }

  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .co-check-box i{
    font-size:17px!important;
  }

  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-item-title,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .co-check-main{
    grid-area:title!important;
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:end!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-item-title strong,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .co-check-main strong{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:13.5px!important;
    line-height:1.05!important;
  }

  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-qty-chip-v230,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-unit-chip-v230,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-category-chip,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-done-chip{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    height:18px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    opacity:1!important;
  }

  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-qty-chip-v230{
    grid-area:meta1!important;
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    max-width:52px!important;
    background:rgba(250,204,21,.18)!important;
    border:1px solid rgba(250,204,21,.28)!important;
    color:#facc15!important;
  }

  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-unit-chip-v230{
    grid-area:meta1!important;
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    margin-left:58px!important;
    max-width:calc(100% - 62px)!important;
    background:rgba(148,163,184,.11)!important;
    border:1px solid rgba(148,163,184,.16)!important;
    color:#dbeafe!important;
  }

  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-category-chip{
    grid-area:meta2!important;
    grid-column:2!important;
    grid-row:3!important;
    justify-self:start!important;
    max-width:calc(100% - 64px)!important;
    background:rgba(250,204,21,.11)!important;
    border:1px solid rgba(250,204,21,.18)!important;
    color:#facc15!important;
  }

  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-done-chip{
    grid-area:meta2!important;
    grid-column:2!important;
    grid-row:3!important;
    justify-self:end!important;
    max-width:58px!important;
    background:rgba(34,197,94,.11)!important;
    border:1px solid rgba(34,197,94,.18)!important;
    color:#bbf7d0!important;
  }

  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-item.is-done .lt-done-chip,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-item.check-row.is-done .lt-done-chip{
    background:rgba(148,163,184,.12)!important;
    border-color:rgba(148,163,184,.16)!important;
    color:#cbd5e1!important;
  }

  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-note-open{
    grid-area:note!important;
    grid-column:3!important;
    grid-row:1 / span 3!important;
    align-self:center!important;
    justify-self:end!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    margin:0!important;
    border-radius:11px!important;
    display:grid!important;
    place-items:center!important;
    font-size:14px!important;
    line-height:1!important;
    z-index:2!important;
  }
}

@media (max-width: 420px){
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) label.lt-item.check-row.co-check-row,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-item.check-row.co-check-row{
    grid-template-columns:30px minmax(0,1fr) 30px!important;
    min-height:60px!important;
    padding:6px!important;
    gap:2px 6px!important;
  }
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .co-check-box,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-note-open{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    min-height:28px!important;
  }
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-item-title strong,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .co-check-main strong{
    font-size:13px!important;
  }
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-qty-chip-v230,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-unit-chip-v230,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-category-chip,
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-done-chip{
    height:17px!important;
    padding:0 5px!important;
    font-size:9px!important;
  }
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-unit-chip-v230{
    margin-left:52px!important;
    max-width:calc(100% - 56px)!important;
  }
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-category-chip{
    max-width:calc(100% - 58px)!important;
  }
  html body.lists-overview-page.has-sidebar:not(.list-templates-page) .lt-done-chip{
    max-width:52px!important;
  }
}

/* CampOrga v2475 – Meine Listen mobil: echte Abhakzeile mit allen Infos */
.co-mobile-list-info{display:none;}
@media (max-width:760px){
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-list-content,
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-list-panel,
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .lt-items.co-checklist{
    width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;
  }
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .lt-items.co-checklist{
    display:flex!important;flex-direction:column!important;gap:7px!important;padding:7px!important;
  }
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) label.lt-item.check-row.co-check-row{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 34px!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"check title note" "check meta note"!important;
    align-items:center!important;
    column-gap:8px!important;row-gap:3px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    min-height:54px!important;height:auto!important;
    padding:8px!important;margin:0!important;box-sizing:border-box!important;
    border-radius:15px!important;overflow:hidden!important;
    white-space:normal!important;
    background:rgba(15,23,42,.78)!important;
    border:1px solid rgba(148,163,184,.16)!important;
  }
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) label.lt-item.check-row.co-check-row.is-done{
    opacity:.72!important;background:rgba(15,23,42,.56)!important;
  }
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) label.lt-item.check-row.co-check-row > *{
    min-width:0!important;max-width:100%!important;position:static!important;float:none!important;transform:none!important;
  }
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-check-box{
    grid-area:check!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
    align-self:center!important;justify-self:center!important;margin:0!important;border-radius:10px!important;
  }
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .lt-item-title,
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-check-main{
    grid-area:title!important;display:block!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;
    align-self:end!important;overflow:hidden!important;text-align:left!important;
  }
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .lt-item-title strong,
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-check-main strong{
    display:block!important;width:100%!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
    font-size:14px!important;line-height:1.1!important;text-align:left!important;color:#f8fafc!important;
  }
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .lt-qty-chip-v230,
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .lt-unit-chip-v230,
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .lt-category-chip,
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .lt-done-chip{
    display:none!important;
  }
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-mobile-list-info{
    grid-area:meta!important;display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;max-width:100%!important;
    overflow:hidden!important;white-space:nowrap!important;
  }
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-mobile-list-info span{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;height:18px!important;min-width:0!important;
    padding:0 6px!important;border-radius:999px!important;font-size:9.5px!important;line-height:1!important;font-weight:900!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:0 0 auto!important;
  }
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-mobile-qty{max-width:38px!important;color:#facc15!important;background:rgba(250,204,21,.18)!important;border:1px solid rgba(250,204,21,.28)!important;}
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-mobile-unit{max-width:64px!important;color:#dbeafe!important;background:rgba(148,163,184,.13)!important;border:1px solid rgba(148,163,184,.18)!important;}
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-mobile-category{flex:1 1 auto!important;max-width:110px!important;color:#facc15!important;background:rgba(250,204,21,.10)!important;border:1px solid rgba(250,204,21,.18)!important;}
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-mobile-state{max-width:60px!important;color:#bbf7d0!important;background:rgba(34,197,94,.12)!important;border:1px solid rgba(34,197,94,.20)!important;}
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .is-done .co-mobile-state{color:#cbd5e1!important;background:rgba(148,163,184,.13)!important;border-color:rgba(148,163,184,.18)!important;}
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .lt-note-open{
    grid-area:note!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
    padding:0!important;margin:0!important;align-self:center!important;justify-self:center!important;border-radius:10px!important;
    display:grid!important;place-items:center!important;font-size:14px!important;line-height:1!important;z-index:3!important;
  }
}
@media (max-width:420px){
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) label.lt-item.check-row.co-check-row{
    grid-template-columns:32px minmax(0,1fr) 32px!important;min-height:52px!important;padding:7px!important;column-gap:7px!important;
  }
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-check-box,
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .lt-note-open{
    width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
  }
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .lt-item-title strong{font-size:13.5px!important;}
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-mobile-list-info span{height:17px!important;font-size:9px!important;padding:0 5px!important;}
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-mobile-category{max-width:92px!important;}
  html body.has-sidebar.lists-overview-page:not(.list-templates-page) .co-mobile-state{max-width:54px!important;}
}

/* CampOrga v2480 – Meine Listen mobil: feste Struktur statt alter Grid-Überlagerungen */
.co-mobile-itemcard-v2480{display:none;}
@media (max-width:760px){
  html body.lists-overview-page .co-list-content,
  html body.lists-overview-page .co-list-panel,
  html body.lists-overview-page .lt-items.co-checklist{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  html body.lists-overview-page .lt-items.co-checklist{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    padding:7px!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    grid-template-rows:auto!important;
    grid-template-areas:"check mobile note"!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:50px!important;
    height:auto!important;
    margin:0!important;
    padding:7px 8px!important;
    box-sizing:border-box!important;
    border-radius:14px!important;
    background:rgba(15,23,42,.84)!important;
    border:1px solid rgba(148,163,184,.18)!important;
    overflow:hidden!important;
    position:relative!important;
    transform:none!important;
    white-space:normal!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row > *{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    float:none!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-check-box{
    grid-area:check!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    justify-self:center!important;
    align-self:center!important;
    border-radius:10px!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-itemcard-v2480{
    grid-area:mobile!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-itemcard-v2480 strong{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:14px!important;
    line-height:1.08!important;
    font-weight:900!important;
    color:#f8fafc!important;
    text-align:left!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-meta-v2480{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-meta-v2480 em{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:17px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    font-size:9px!important;
    line-height:1!important;
    font-style:normal!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }

  html body.lists-overview-page .co-meta-qty{
    max-width:38px!important;
    color:#facc15!important;
    background:rgba(250,204,21,.18)!important;
    border:1px solid rgba(250,204,21,.28)!important;
  }
  html body.lists-overview-page .co-meta-unit{
    max-width:64px!important;
    color:#e5e7eb!important;
    background:rgba(148,163,184,.14)!important;
    border:1px solid rgba(148,163,184,.18)!important;
  }
  html body.lists-overview-page .co-meta-cat{
    flex:1 1 auto!important;
    max-width:118px!important;
    color:#fde68a!important;
    background:rgba(250,204,21,.10)!important;
    border:1px solid rgba(250,204,21,.18)!important;
  }
  html body.lists-overview-page .co-meta-state{
    max-width:58px!important;
    color:#bbf7d0!important;
    background:rgba(34,197,94,.13)!important;
    border:1px solid rgba(34,197,94,.22)!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row.is-done .co-mobile-itemcard-v2480 strong{
    color:#94a3b8!important;
    text-decoration:line-through!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row.is-done .co-meta-state{
    color:#cbd5e1!important;
    background:rgba(148,163,184,.14)!important;
    border-color:rgba(148,163,184,.20)!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-note-open{
    grid-area:note!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    padding:0!important;
    justify-self:center!important;
    align-self:center!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    font-size:14px!important;
    line-height:1!important;
    z-index:5!important;
  }

  /* alte Desktop-/Zwischenversuch-Spalten mobil komplett raus, damit nichts mehr überlappt */
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-item-title,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-check-main,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-qty-chip-v230,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-unit-chip-v230,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-category-chip,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-done-chip,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-list-info{
    display:none!important;
  }
}

@media (max-width:390px){
  html body.lists-overview-page label.lt-item.check-row.co-check-row{
    grid-template-columns:32px minmax(0,1fr) 32px!important;
    gap:6px!important;
    padding:7px!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-check-box,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-note-open{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-itemcard-v2480 strong{
    font-size:13.5px!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-meta-v2480 em{
    height:16px!important;
    padding:0 5px!important;
    font-size:8.5px!important;
  }
  html body.lists-overview-page .co-meta-cat{max-width:88px!important;}
  html body.lists-overview-page .co-meta-state{max-width:50px!important;}
}


/* CampOrga v2485 – Meine Listen mobil endgültig: kompakte 2-Zeilen-Abhakliste ohne Überlagerung */
@media (max-width: 760px){
  html body.lists-overview-page .co-list-content,
  html body.lists-overview-page .co-list-panel,
  html body.lists-overview-page .lt-items.co-checklist{
    width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;
  }
  html body.lists-overview-page .lt-items.co-checklist{
    display:flex!important;flex-direction:column!important;gap:6px!important;padding:6px!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row{
    display:grid!important;
    grid-template-columns:34px minmax(22px,auto) minmax(44px,auto) minmax(0,1fr) minmax(48px,auto) 34px!important;
    grid-template-areas:
      "check title title title title note"
      "check qty   unit  cat   state note"!important;
    align-items:center!important;
    column-gap:6px!important;
    row-gap:4px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    min-height:54px!important;height:auto!important;
    padding:8px 9px!important;margin:0!important;box-sizing:border-box!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(18,28,48,.92))!important;
    border:1px solid rgba(148,163,184,.18)!important;
    overflow:hidden!important;
    position:relative!important;
    white-space:normal!important;
    transform:none!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row > *{
    position:static!important;inset:auto!important;float:none!important;transform:none!important;
    min-width:0!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-check-box{
    grid-area:check!important;align-self:center!important;justify-self:center!important;
    width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
    border-radius:10px!important;display:grid!important;place-items:center!important;
    background:rgba(250,204,21,.08)!important;border:1px solid rgba(250,204,21,.28)!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-check-box i{font-size:17px!important;line-height:1!important;}

  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-item-title,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-check-main{
    grid-area:title!important;display:block!important;width:100%!important;min-width:0!important;
    background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;
    overflow:hidden!important;text-align:left!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-item-title strong,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-check-main strong{
    display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    color:#f8fafc!important;font-size:14px!important;line-height:1.12!important;font-weight:900!important;text-align:left!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-qty-chip-v230{
    grid-area:qty!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;min-width:22px!important;max-width:42px!important;height:18px!important;padding:0 6px!important;
    border-radius:999px!important;background:rgba(250,204,21,.18)!important;border:1px solid rgba(250,204,21,.28)!important;
    color:#facc15!important;font-size:10px!important;line-height:1!important;font-weight:900!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-unit-chip-v230{
    grid-area:unit!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;min-width:36px!important;max-width:76px!important;height:18px!important;padding:0 6px!important;
    border-radius:999px!important;background:rgba(148,163,184,.14)!important;border:1px solid rgba(148,163,184,.20)!important;
    color:#e5e7eb!important;font-size:10px!important;line-height:1!important;font-weight:800!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-category-chip{
    grid-area:cat!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
    width:100%!important;min-width:0!important;max-width:100%!important;height:18px!important;padding:0 6px!important;
    border-radius:999px!important;background:rgba(250,204,21,.10)!important;border:1px solid rgba(250,204,21,.18)!important;
    color:#fde68a!important;font-size:10px!important;line-height:1!important;font-weight:850!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-done-chip{
    grid-area:state!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;min-width:46px!important;max-width:58px!important;height:18px!important;padding:0 6px!important;
    border-radius:999px!important;background:rgba(34,197,94,.13)!important;border:1px solid rgba(34,197,94,.22)!important;
    color:#bbf7d0!important;font-size:9.5px!important;line-height:1!important;font-weight:900!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-note-open{
    grid-area:note!important;align-self:center!important;justify-self:center!important;
    width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;
    display:grid!important;place-items:center!important;border-radius:10px!important;font-size:14px!important;line-height:1!important;z-index:4!important;
  }

  /* mobile Sonderausgaben/alte Zwischenversuche ausblenden, damit nichts doppelt/überlagert */
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-itemcard-v2480,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-list-info{
    display:none!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row.is-done{
    background:linear-gradient(135deg,rgba(15,23,42,.72),rgba(18,28,48,.66))!important;opacity:.82!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row.is-done .lt-item-title strong,
  html body.lists-overview-page label.lt-item.check-row.co-check-row.is-done .co-check-main strong{
    color:#94a3b8!important;text-decoration:line-through!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row.is-done .lt-done-chip{
    background:rgba(148,163,184,.13)!important;border-color:rgba(148,163,184,.18)!important;color:#cbd5e1!important;
  }
}

@media (max-width:390px){
  html body.lists-overview-page label.lt-item.check-row.co-check-row{
    grid-template-columns:31px minmax(20px,auto) minmax(38px,auto) minmax(0,1fr) minmax(42px,auto) 31px!important;
    column-gap:5px!important;row-gap:4px!important;padding:7px 7px!important;min-height:52px!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-check-box{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;}
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-note-open{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;}
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-item-title strong,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-check-main strong{font-size:13.2px!important;}
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-qty-chip-v230,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-unit-chip-v230,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-category-chip,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-done-chip{height:17px!important;font-size:8.8px!important;padding:0 5px!important;}
}

/* CampOrga v2490 – Listen mobil sauber: eine echte kompakte Abhakzeile mit sichtbaren Infos */
.co-mobile-listline-v2490{display:none;}

@media (max-width:760px){
  html body.lists-overview-page .co-list-content,
  html body.lists-overview-page .co-list-panel,
  html body.lists-overview-page .lt-items.co-checklist,
  html body.lists-overview-page .lt-items.checklist-template-view{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  html body.lists-overview-page .lt-items.co-checklist,
  html body.lists-overview-page .lt-items.checklist-template-view{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    padding:6px!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 34px!important;
    grid-template-areas:"check main note"!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    height:auto!important;
    padding:8px!important;
    margin:0!important;
    border-radius:15px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(18,28,48,.94))!important;
    border:1px solid rgba(148,163,184,.20)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
    white-space:normal!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row > *{
    position:static!important;
    inset:auto!important;
    float:none!important;
    transform:none!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-check-box{
    grid-area:check!important;
    align-self:center!important;
    justify-self:center!important;
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    border-radius:10px!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(250,204,21,.08)!important;
    border:1px solid rgba(250,204,21,.30)!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-check-box i{
    font-size:17px!important;
    line-height:1!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-listline-v2490{
    grid-area:main!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-align:left!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-listline-v2490 strong{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#f8fafc!important;
    font-size:14.5px!important;
    line-height:1.08!important;
    font-weight:950!important;
    letter-spacing:.01em!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-listline-meta-v2490{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-listline-meta-v2490 em{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:18px!important;
    min-width:0!important;
    padding:0 6px!important;
    border-radius:999px!important;
    font-style:normal!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:900!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  html body.lists-overview-page .co-m-qty{
    flex:0 0 auto!important;
    max-width:44px!important;
    color:#facc15!important;
    background:rgba(250,204,21,.18)!important;
    border:1px solid rgba(250,204,21,.30)!important;
  }
  html body.lists-overview-page .co-m-unit{
    flex:0 1 62px!important;
    color:#e5e7eb!important;
    background:rgba(148,163,184,.14)!important;
    border:1px solid rgba(148,163,184,.22)!important;
  }
  html body.lists-overview-page .co-m-cat{
    flex:1 1 auto!important;
    justify-content:flex-start!important;
    color:#fde68a!important;
    background:rgba(250,204,21,.10)!important;
    border:1px solid rgba(250,204,21,.20)!important;
  }
  html body.lists-overview-page .co-m-state{
    flex:0 0 auto!important;
    max-width:64px!important;
    color:#bbf7d0!important;
    background:rgba(34,197,94,.13)!important;
    border:1px solid rgba(34,197,94,.24)!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-note-open{
    grid-area:note!important;
    align-self:center!important;
    justify-self:center!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    font-size:14px!important;
    line-height:1!important;
    z-index:4!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-item-title,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-check-main,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-qty-chip-v230,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-unit-chip-v230,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-category-chip,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-done-chip,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-itemcard-v2480,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-list-info{
    display:none!important;
  }

  html body.lists-overview-page label.lt-item.check-row.co-check-row.is-done{
    background:linear-gradient(135deg,rgba(15,23,42,.76),rgba(18,28,48,.70))!important;
    opacity:.86!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row.is-done .co-mobile-listline-v2490 strong{
    color:#94a3b8!important;
    text-decoration:line-through!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row.is-done .co-m-state{
    color:#cbd5e1!important;
    background:rgba(148,163,184,.14)!important;
    border-color:rgba(148,163,184,.20)!important;
  }
}

@media (max-width:390px){
  html body.lists-overview-page label.lt-item.check-row.co-check-row{
    grid-template-columns:31px minmax(0,1fr) 31px!important;
    gap:6px!important;
    min-height:56px!important;
    padding:7px!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-check-box,
  html body.lists-overview-page label.lt-item.check-row.co-check-row .lt-note-open{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-listline-v2490 strong{
    font-size:13.6px!important;
  }
  html body.lists-overview-page label.lt-item.check-row.co-check-row .co-mobile-listline-meta-v2490 em{
    height:17px!important;
    padding:0 5px!important;
    font-size:8.7px!important;
  }
  html body.lists-overview-page .co-m-state{max-width:58px!important;}
}

/* CampOrga v2520: finaler harter Mobile-Fix für lists.php
   Ziel: unterwegs schnell abhaken, alles sichtbar, nichts mehr verschoben. */
@media screen and (max-width: 900px){
  html body.co-page-lists .co-list-content,
  html body.co-page-lists .co-list-panel,
  html body.co-page-lists .lt-items.co-checklist,
  html body.co-page-lists .checklist-template-view{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view{
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
    padding:0 !important;
    margin:0 !important;
  }

  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row{
    display:grid !important;
    grid-template-columns:32px minmax(0, 1fr) 34px !important;
    grid-template-rows:auto !important;
    grid-template-areas:"coCheck coInfo coNote" !important;
    align-items:center !important;
    column-gap:9px !important;
    row-gap:0 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:54px !important;
    height:auto !important;
    padding:8px 9px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    border-radius:14px !important;
    overflow:hidden !important;
    background:rgba(15,23,42,.94) !important;
    border:1px solid rgba(148,163,184,.17) !important;
  }

  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .co-check-box{
    grid-area:coCheck !important;
    position:static !important;
    display:grid !important;
    place-items:center !important;
    justify-self:start !important;
    align-self:center !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    max-width:28px !important;
    max-height:28px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .co-mobile-list-row-v2510{
    grid-area:coInfo !important;
    position:static !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
    gap:4px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    transform:none !important;
  }

  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .co-mobile-list-row-v2510 .co-mobile-list-title-v2510{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    color:#f8fafc !important;
    font-size:14.5px !important;
    font-weight:900 !important;
    line-height:1.12 !important;
    text-align:left !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .co-mobile-list-row-v2510 .co-mobile-list-meta-v2510{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:4px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .co-mobile-list-row-v2510 .co-mobile-pill-v2510{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:78px !important;
    height:17px !important;
    padding:0 5px !important;
    border-radius:999px !important;
    box-sizing:border-box !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-align:center !important;
    margin:0 !important;
  }

  html body.co-page-lists .co-mobile-qty-v2510{
    flex:0 0 auto !important;
    max-width:38px !important;
    min-width:20px !important;
    color:#fde68a !important;
    background:rgba(250,204,21,.16) !important;
    border:1px solid rgba(250,204,21,.32) !important;
  }
  html body.co-page-lists .co-mobile-unit-v2510{
    max-width:62px !important;
    color:#e5e7eb !important;
    background:rgba(148,163,184,.18) !important;
    border:1px solid rgba(148,163,184,.26) !important;
  }
  html body.co-page-lists .co-mobile-cat-v2510{
    max-width:86px !important;
    color:#fde68a !important;
    background:rgba(250,204,21,.12) !important;
    border:1px solid rgba(250,204,21,.25) !important;
  }
  html body.co-page-lists .co-mobile-state-v2510{
    max-width:58px !important;
    color:#bbf7d0 !important;
    background:rgba(34,197,94,.14) !important;
    border:1px solid rgba(34,197,94,.28) !important;
  }
  html body.co-page-lists label.lt-item.check-row.co-check-row.is-done .co-mobile-state-v2510{
    color:#cbd5e1 !important;
    background:rgba(100,116,139,.18) !important;
    border-color:rgba(148,163,184,.24) !important;
  }

  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .lt-note-open{
    grid-area:coNote !important;
    position:static !important;
    display:grid !important;
    place-items:center !important;
    justify-self:end !important;
    align-self:center !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:11px !important;
    font-size:13px !important;
    line-height:1 !important;
    transform:none !important;
  }

  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .lt-item-title,
  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .co-check-main,
  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .lt-qty-chip-v230,
  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .lt-unit-chip-v230,
  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .lt-category-chip,
  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .lt-done-chip,
  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .co-mobile-itemcard-v2480,
  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .co-mobile-list-info,
  html body.co-page-lists .co-list-content .lt-items.co-checklist.checklist-template-view > label.lt-item.check-row.co-check-row > .co-mobile-listline-v2490{
    display:none !important;
  }

  html body.co-page-lists label.lt-item.check-row.co-check-row.is-done > .co-mobile-list-row-v2510 .co-mobile-list-title-v2510{
    color:#94a3b8 !important;
    text-decoration:line-through !important;
  }
}

/* v2670 – SAFETY: last confirmed mobile base preserved; only modal/toast fixes appended below */
/* v2630 – Listen-Modale reparieren: Notiz / Neue Position stabil, ohne Inline-Icons zu verändern */
body.co-page-lists #addPositionModal .co-position-modal-box,
body.co-page-lists #noteModal .co-note-modal-box,
body.list-templates-page #addPositionModal .co-position-modal-box,
body.list-templates-page #noteModal .co-note-modal-box,
body.list-templates-admin-v148 #addPositionModal .co-position-modal-box,
body.list-templates-admin-v148 #noteModal .co-note-modal-box{
  position:relative!important;
  width:min(760px,calc(100vw - 32px))!important;
  max-width:min(760px,calc(100vw - 32px))!important;
  max-height:calc(100svh - 32px)!important;
  overflow:auto!important;
  padding:24px!important;
  border-radius:26px!important;
  border:1px solid rgba(247,201,72,.22)!important;
  background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(10,16,29,.98))!important;
  box-shadow:0 32px 110px rgba(0,0,0,.56)!important;
}
body.co-page-lists #addPositionModal .modal-close,
body.co-page-lists #noteModal .modal-close,
body.list-templates-page #addPositionModal .modal-close,
body.list-templates-page #noteModal .modal-close,
body.list-templates-admin-v148 #addPositionModal .modal-close,
body.list-templates-admin-v148 #noteModal .modal-close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  left:auto!important;
  z-index:20!important;
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0!important;
  border-radius:14px!important;
  border:1px solid rgba(148,163,184,.28)!important;
  background:rgba(15,23,42,.86)!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
  box-shadow:0 12px 32px rgba(0,0,0,.28)!important;
}
body.co-page-lists #addPositionModal .eyebrow,
body.co-page-lists #noteModal .eyebrow,
body.list-templates-page #addPositionModal .eyebrow,
body.list-templates-page #noteModal .eyebrow,
body.list-templates-admin-v148 #addPositionModal .eyebrow,
body.list-templates-admin-v148 #noteModal .eyebrow{
  display:block!important;
  padding-right:56px!important;
  margin:0 0 5px!important;
  color:#facc15!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.co-page-lists #addPositionModal h2,
body.co-page-lists #noteModal h2,
body.list-templates-page #addPositionModal h2,
body.list-templates-page #noteModal h2,
body.list-templates-admin-v148 #addPositionModal h2,
body.list-templates-admin-v148 #noteModal h2{
  padding-right:56px!important;
  margin:0 0 18px!important;
  color:#fff!important;
  font-size:clamp(27px,3vw,36px)!important;
  line-height:1.08!important;
}
body.co-page-lists #addPositionModal .co-position-modal-form,
body.list-templates-page #addPositionModal .co-position-modal-form,
body.list-templates-admin-v148 #addPositionModal .co-position-modal-form{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:13px!important;
  padding:16px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.035)!important;
}
body.co-page-lists #noteModal .co-note-modal-form,
body.list-templates-page #noteModal .co-note-modal-form,
body.list-templates-admin-v148 #noteModal .co-note-modal-form{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:13px!important;
  padding:16px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.035)!important;
}
body.co-page-lists #addPositionModal label,
body.co-page-lists #noteModal label,
body.list-templates-page #addPositionModal label,
body.list-templates-page #noteModal label,
body.list-templates-admin-v148 #addPositionModal label,
body.list-templates-admin-v148 #noteModal label{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  color:#cbd5e1!important;
  font-size:13px!important;
  font-weight:950!important;
}
body.co-page-lists #addPositionModal label.wide,
body.co-page-lists #noteModal label.wide,
body.list-templates-page #addPositionModal label.wide,
body.list-templates-page #noteModal label.wide,
body.list-templates-admin-v148 #addPositionModal label.wide,
body.list-templates-admin-v148 #noteModal label.wide{
  grid-column:1/-1!important;
}
body.co-page-lists #addPositionModal input,
body.co-page-lists #addPositionModal select,
body.co-page-lists #addPositionModal textarea,
body.co-page-lists #noteModal textarea,
body.co-page-lists #noteModal select,
body.list-templates-page #addPositionModal input,
body.list-templates-page #addPositionModal select,
body.list-templates-page #addPositionModal textarea,
body.list-templates-page #noteModal textarea,
body.list-templates-page #noteModal select,
body.list-templates-admin-v148 #addPositionModal input,
body.list-templates-admin-v148 #addPositionModal select,
body.list-templates-admin-v148 #addPositionModal textarea,
body.list-templates-admin-v148 #noteModal textarea,
body.list-templates-admin-v148 #noteModal select{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  height:auto!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  background:rgba(5,9,19,.74)!important;
  color:#e5e7eb!important;
  box-shadow:none!important;
}
body.co-page-lists #addPositionModal textarea,
body.list-templates-page #addPositionModal textarea,
body.list-templates-admin-v148 #addPositionModal textarea{
  min-height:120px!important;
  resize:vertical!important;
}
body.co-page-lists #noteModal textarea,
body.list-templates-page #noteModal textarea,
body.list-templates-admin-v148 #noteModal textarea{
  min-height:260px!important;
  resize:vertical!important;
}
body.co-page-lists #addPositionModal .form-actions,
body.co-page-lists #noteModal .form-actions,
body.list-templates-page #addPositionModal .form-actions,
body.list-templates-page #noteModal .form-actions,
body.list-templates-admin-v148 #addPositionModal .form-actions,
body.list-templates-admin-v148 #noteModal .form-actions{
  position:static!important;
  grid-column:1/-1!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin:6px 0 0!important;
  padding:12px 0 0!important;
  border-top:1px solid rgba(148,163,184,.15)!important;
  background:transparent!important;
  backdrop-filter:none!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
}
body.co-page-lists #addPositionModal .form-actions .btn,
body.co-page-lists #noteModal .form-actions .btn,
body.list-templates-page #addPositionModal .form-actions .btn,
body.list-templates-page #noteModal .form-actions .btn,
body.list-templates-admin-v148 #addPositionModal .form-actions .btn,
body.list-templates-admin-v148 #noteModal .form-actions .btn{
  min-height:42px!important;
  min-width:132px!important;
  margin:0!important;
}
@media(max-width:620px){
  body.co-page-lists #addPositionModal,
  body.co-page-lists #noteModal,
  body.list-templates-page #addPositionModal,
  body.list-templates-page #noteModal,
  body.list-templates-admin-v148 #addPositionModal,
  body.list-templates-admin-v148 #noteModal{
    padding:8px!important;
    align-items:end!important;
    justify-content:center!important;
  }
  body.co-page-lists #addPositionModal .co-position-modal-box,
  body.co-page-lists #noteModal .co-note-modal-box,
  body.list-templates-page #addPositionModal .co-position-modal-box,
  body.list-templates-page #noteModal .co-note-modal-box,
  body.list-templates-admin-v148 #addPositionModal .co-position-modal-box,
  body.list-templates-admin-v148 #noteModal .co-note-modal-box{
    width:100%!important;
    max-width:100%!important;
    max-height:92svh!important;
    padding:16px!important;
    border-radius:22px 22px 0 0!important;
  }
  body.co-page-lists #addPositionModal .co-position-modal-form,
  body.list-templates-page #addPositionModal .co-position-modal-form,
  body.list-templates-admin-v148 #addPositionModal .co-position-modal-form{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:12px!important;
  }
  body.co-page-lists #noteModal .co-note-modal-form,
  body.list-templates-page #noteModal .co-note-modal-form,
  body.list-templates-admin-v148 #noteModal .co-note-modal-form{
    padding:12px!important;
    gap:10px!important;
  }
  body.co-page-lists #noteModal textarea,
  body.list-templates-page #noteModal textarea,
  body.list-templates-admin-v148 #noteModal textarea{
    min-height:220px!important;
  }
  body.co-page-lists #addPositionModal .form-actions,
  body.co-page-lists #noteModal .form-actions,
  body.list-templates-page #addPositionModal .form-actions,
  body.list-templates-page #noteModal .form-actions,
  body.list-templates-admin-v148 #addPositionModal .form-actions,
  body.list-templates-admin-v148 #noteModal .form-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding-top:10px!important;
  }
  body.co-page-lists #addPositionModal .form-actions .btn,
  body.co-page-lists #noteModal .form-actions .btn,
  body.list-templates-page #addPositionModal .form-actions .btn,
  body.list-templates-page #noteModal .form-actions .btn,
  body.list-templates-admin-v148 #addPositionModal .form-actions .btn,
  body.list-templates-admin-v148 #noteModal .form-actions .btn{
    width:100%!important;
    min-width:0!important;
  }
}

/* v2670: geprüfte Erfolgsmeldung über Modalen */
/* v2640: kleine Bestätigung über Modalen nach verifiziertem Position-Import */
.co-list-action-toast{
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:999999;
    max-width:min(420px, calc(100vw - 32px));
    padding:12px 16px;
    border-radius:16px;
    border:1px solid rgba(245,201,106,.55);
    background:linear-gradient(135deg, rgba(26,31,45,.98), rgba(37,43,59,.98));
    color:#fff;
    box-shadow:0 18px 50px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.04) inset;
    font-weight:800;
    font-size:14px;
    line-height:1.35;
    opacity:0;
    transform:translateY(14px) scale(.98);
    pointer-events:none;
    transition:opacity .18s ease, transform .18s ease;
}
.co-list-action-toast.show{opacity:1;transform:translateY(0) scale(1);}
.co-list-action-toast::before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;margin-right:9px;border-radius:999px;background:linear-gradient(135deg,#f5c96a,#dca53a);color:#1b1b1b;font-size:13px;font-weight:900;vertical-align:middle;}
.co-list-action-toast.is-error{border-color:rgba(255,120,120,.55);background:linear-gradient(135deg, rgba(55,24,30,.98), rgba(35,28,37,.98));}
.co-list-action-toast.is-error::before{content:'!';background:linear-gradient(135deg,#ff8c8c,#d64f4f);color:#fff;}
@media (max-width: 720px){.co-list-action-toast{right:12px;bottom:12px;left:12px;max-width:none;text-align:left;}}

/* v2690: Listen rechte Seite Scrollbar + mobile Listenstruktur sauberer sortiert */
body.co-page-lists .co-list-content,
body.list-templates-page .co-list-content,
body.list-templates-admin-v148 .co-list-content,
body.co-page-lists .co-list-panel,
body.list-templates-page .co-list-panel,
body.list-templates-admin-v148 .co-list-panel,
body.co-page-lists .lt-items,
body.list-templates-page .lt-items,
body.list-templates-admin-v148 .lt-items{
  scrollbar-width: thin;
  scrollbar-color: #d6a84c rgba(255,255,255,.06);
}
body.co-page-lists .co-list-content::-webkit-scrollbar,
body.list-templates-page .co-list-content::-webkit-scrollbar,
body.list-templates-admin-v148 .co-list-content::-webkit-scrollbar,
body.co-page-lists .co-list-panel::-webkit-scrollbar,
body.list-templates-page .co-list-panel::-webkit-scrollbar,
body.list-templates-admin-v148 .co-list-panel::-webkit-scrollbar,
body.co-page-lists .lt-items::-webkit-scrollbar,
body.list-templates-page .lt-items::-webkit-scrollbar,
body.list-templates-admin-v148 .lt-items::-webkit-scrollbar{
  width: 9px;
  height: 9px;
}
body.co-page-lists .co-list-content::-webkit-scrollbar-track,
body.list-templates-page .co-list-content::-webkit-scrollbar-track,
body.list-templates-admin-v148 .co-list-content::-webkit-scrollbar-track,
body.co-page-lists .co-list-panel::-webkit-scrollbar-track,
body.list-templates-page .co-list-panel::-webkit-scrollbar-track,
body.list-templates-admin-v148 .co-list-panel::-webkit-scrollbar-track,
body.co-page-lists .lt-items::-webkit-scrollbar-track,
body.list-templates-page .lt-items::-webkit-scrollbar-track,
body.list-templates-admin-v148 .lt-items::-webkit-scrollbar-track{
  background: rgba(255,255,255,.045);
  border-radius: 999px;
}
body.co-page-lists .co-list-content::-webkit-scrollbar-thumb,
body.list-templates-page .co-list-content::-webkit-scrollbar-thumb,
body.list-templates-admin-v148 .co-list-content::-webkit-scrollbar-thumb,
body.co-page-lists .co-list-panel::-webkit-scrollbar-thumb,
body.list-templates-page .co-list-panel::-webkit-scrollbar-thumb,
body.list-templates-admin-v148 .co-list-panel::-webkit-scrollbar-thumb,
body.co-page-lists .lt-items::-webkit-scrollbar-thumb,
body.list-templates-page .lt-items::-webkit-scrollbar-thumb,
body.list-templates-admin-v148 .lt-items::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg,#f5d37a,#c99631);
  border: 2px solid rgba(17,24,39,.92);
  border-radius: 999px;
}
body.co-page-lists .co-list-content::-webkit-scrollbar-thumb:hover,
body.list-templates-page .co-list-content::-webkit-scrollbar-thumb:hover,
body.list-templates-admin-v148 .co-list-content::-webkit-scrollbar-thumb:hover,
body.co-page-lists .co-list-panel::-webkit-scrollbar-thumb:hover,
body.list-templates-page .co-list-panel::-webkit-scrollbar-thumb:hover,
body.list-templates-admin-v148 .co-list-panel::-webkit-scrollbar-thumb:hover,
body.co-page-lists .lt-items::-webkit-scrollbar-thumb:hover,
body.list-templates-page .lt-items::-webkit-scrollbar-thumb:hover,
body.list-templates-admin-v148 .lt-items::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(180deg,#ffe08a,#dfa83e);
}
@media (min-width: 769px){
  body.co-page-lists .co-list-content,
  body.list-templates-page .co-list-content,
  body.list-templates-admin-v148 .co-list-content{
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
  }
}
@media (max-width: 768px){
  body.co-page-lists.lists-mobile-v2690 .co-list-content{
    overflow: visible !important;
    padding-right: 0 !important;
  }
  body.co-page-lists.lists-mobile-v2690 .lt-items.co-checklist > .lt-item.check-row.co-check-row,
  body.co-page-lists.lists-mobile-v2690 .checklist-template-view > .lt-item.check-row.co-check-row{
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) 76px !important;
    grid-template-areas: "check main actions" !important;
    align-items: center !important;
    column-gap: 9px !important;
    min-height: 52px !important;
    padding: 8px 9px !important;
    border-radius: 15px !important;
  }
  body.co-page-lists.lists-mobile-v2690 .co-check-box{
    grid-area: check !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    align-self: center !important;
    justify-self: start !important;
    margin: 0 !important;
  }
  body.co-page-lists.lists-mobile-v2690 .co-mobile-list-row-v2510{
    grid-area: main !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
  body.co-page-lists.lists-mobile-v2690 .co-mobile-list-title-v2510{
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 13.5px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    color: #fff7df !important;
  }
  body.co-page-lists.lists-mobile-v2690 .co-mobile-list-meta-v2510{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  body.co-page-lists.lists-mobile-v2690 .co-mobile-pill-v2510{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 18px !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.co-page-lists.lists-mobile-v2690 .co-mobile-qty-v2510{ flex:0 0 auto !important; max-width:48px !important; }
  body.co-page-lists.lists-mobile-v2690 .co-mobile-unit-v2510{ flex:0 1 auto !important; max-width:58px !important; }
  body.co-page-lists.lists-mobile-v2690 .co-mobile-cat-v2510{ flex:1 1 auto !important; max-width:118px !important; }
  body.co-page-lists.lists-mobile-v2690 .co-mobile-state-v2510{ flex:0 0 auto !important; max-width:58px !important; }
  body.co-page-lists.lists-mobile-v2690 .co-list-row-actions{
    grid-area: actions !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    justify-self: end !important;
    align-self: center !important;
  }
  body.co-page-lists.lists-mobile-v2690 .co-list-row-actions .lt-cart-open,
  body.co-page-lists.lists-mobile-v2690 .co-list-row-actions .lt-note-open{
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    position: static !important;
    transform: none !important;
  }
  body.co-page-lists.lists-mobile-v2690 .co-mobile-cart-only{ display:grid !important; }
  body.co-page-lists.lists-mobile-v2690 .lt-item-title,
  body.co-page-lists.lists-mobile-v2690 .co-check-main,
  body.co-page-lists.lists-mobile-v2690 .lt-qty-chip-v230,
  body.co-page-lists.lists-mobile-v2690 .lt-unit-chip-v230,
  body.co-page-lists.lists-mobile-v2690 .lt-category-chip,
  body.co-page-lists.lists-mobile-v2690 .lt-done-chip{
    display:none !important;
  }
  body.co-page-lists.lists-mobile-v2690 .lt-items.co-checklist > .lt-item.check-row.co-check-row.is-done .co-mobile-list-title-v2510{
    color:#a1a1aa !important;
    text-decoration: line-through !important;
  }
}


/* CampOrga v2700: lists.php - Warenkorb sichtbar + Checkbox nur am Kasten bedienbar */
body.co-page-lists .co-list-row-actions .lt-cart-open,
body.co-page-lists .co-list-row-actions .lt-note-open{
  display:grid !important;
  place-items:center !important;
}
body.co-page-lists .co-mobile-cart-only{
  display:grid !important;
}
body.co-page-lists .lt-cart-open.has-shopping{
  color:#111827 !important;
  background:linear-gradient(135deg,#facc15,#f59e0b) !important;
  border-color:rgba(250,204,21,.9) !important;
  box-shadow:0 0 0 1px rgba(250,204,21,.25),0 8px 20px rgba(250,204,21,.16) !important;
}
body.co-page-lists .co-check-row{ cursor:default !important; }
body.co-page-lists .co-check-row .co-check-box{
  cursor:pointer !important;
  pointer-events:auto !important;
  user-select:none !important;
  position:relative !important;
}
body.co-page-lists .co-check-row .co-check-box input{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:0 !important;
  cursor:pointer !important;
  margin:0 !important;
  z-index:3 !important;
}
body.co-page-lists .co-check-row .co-check-main,
body.co-page-lists .co-check-row .lt-item-title,
body.co-page-lists .co-check-row .co-mobile-list-row-v2510,
body.co-page-lists .co-check-row .lt-qty-chip-v230,
body.co-page-lists .co-check-row .lt-unit-chip-v230,
body.co-page-lists .co-check-row .lt-category-chip,
body.co-page-lists .co-check-row .lt-done-chip{ cursor:default !important; }
@media (max-width:768px){
  body.co-page-lists.lists-mobile-v2700 .co-list-row-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    width:76px !important;
    min-width:76px !important;
    max-width:76px !important;
  }
  body.co-page-lists.lists-mobile-v2700 .co-list-row-actions .lt-cart-open,
  body.co-page-lists.lists-mobile-v2700 .co-list-row-actions .lt-note-open{
    display:grid !important;
    place-items:center !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    padding:0 !important;
  }
}
