/**
 * @author Ronny Antes
 * @copyright © 2026 North-Addons
 * @license https://www.north-addons.de/
 * @Version $softwareversion
 * @Software $copyrightsysteminfo
 */
:root{--bg:#07131b;--panel:#0d202b;--panel2:#112b38;--text:#eaf8ff;--muted:#9cb5c1;--accent:#33d6ff;--line:rgba(255,255,255,.12);--radius:20px;--shadow:0 16px 50px rgba(0,0,0,.25)}*{box-sizing:border-box}body{margin:0;font-family:var(--ui-font,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif);background:radial-gradient(circle at 15% 0%,rgba(40,190,255,.18),transparent 35%),var(--bg);color:var(--text);min-height:100vh}.siteHeader{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:22px;padding:14px clamp(16px,4vw,52px);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{font-weight:800;display:flex;align-items:center;gap:10px;white-space:nowrap}.logo{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--accent),#7d5cff);color:#001018}.siteHeader nav{display:flex;gap:14px;flex:1;overflow:auto}.siteHeader a{color:var(--text);text-decoration:none}.account{display:flex;gap:12px;align-items:center}.page{width:min(1500px,94vw);margin:auto}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:54px 0 28px}.hero h1{font-size:clamp(2rem,5vw,4.8rem);margin:.2em 0;line-height:.95}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}.styleSwitch{display:flex;gap:7px;flex-wrap:wrap}.styleSwitch button,.button,button{border:0;border-radius:12px;padding:10px 14px;background:var(--accent);color:#021018;font-weight:800;cursor:pointer;text-decoration:none}.filterbar,.acpnav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 22px}.pill,.acpnav a{border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:var(--text);text-decoration:none;background:rgba(255,255,255,.035)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 95%,white 5%),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.badge{display:inline-block;color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.08em;margin-bottom:10px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}.stat{padding:20px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}.stat strong{display:block;font-size:2rem}.stat span{color:var(--muted)}.form form{display:grid;gap:14px}.form label{display:grid;gap:7px;font-weight:700}.form input,.form textarea,.form select{width:100%;padding:12px 13px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.16);color:var(--text)}.form textarea{min-height:120px}.error{color:#ff8f99}.danger{background:#ff6574;color:white}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}footer{padding:40px 0;color:var(--muted)}code{word-break:break-all}.style-aqua-classic{--bg:#eefaff;--panel:#fff;--panel2:#e7f6fb;--text:#15313f;--muted:#5f7d8d;--accent:#008ec4;--line:rgba(12,72,97,.15);--shadow:0 18px 45px rgba(25,86,111,.12)}.style-neon-reef{--bg:#050412;--panel:#100c24;--panel2:#161036;--text:#f6f3ff;--muted:#b8add9;--accent:#4dffd2;--line:rgba(133,100,255,.28);--shadow:0 0 40px rgba(0,255,212,.11)}.style-glass-reef{--bg:#071b27;--panel:rgba(20,48,63,.56);--panel2:rgba(20,48,63,.75);--text:#f2fbff;--muted:#a8c0ca;--accent:#5ee6ff;--line:rgba(255,255,255,.2)}.style-biotope{--bg:#10150f;--panel:#1b2518;--panel2:#263420;--text:#f2f1dc;--muted:#b9b99e;--accent:#a6d75b;--line:rgba(238,239,205,.12)}@media(max-width:980px){.siteHeader{align-items:flex-start;flex-wrap:wrap}.siteHeader nav{order:3;width:100%}.hero{align-items:flex-start;flex-direction:column}.grid2{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.card{transition:transform .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}
.warning{padding:10px 12px;border:1px solid #ffbd4a66;background:#ffbd4a12;border-radius:12px}.success{border-color:#42db8b66}.muted,small{color:var(--muted)}pre{overflow:auto;white-space:pre-wrap;word-break:break-word;padding:14px;border-radius:12px;background:rgba(0,0,0,.18);border:1px solid var(--line)}.toolgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.tool{padding:9px 10px;border-radius:10px;border:1px solid var(--line)}.tool.ok{border-color:#42db8b77}.tool.no{opacity:.62}

.inline{display:inline-flex;gap:8px;align-items:center}.inline input{width:auto}.card progress{accent-color:var(--accent)}
.permissionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.permissionGrid h3{grid-column:1/-1;margin:18px 0 2px}.permissionRow{display:flex!important;justify-content:space-between;gap:15px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px}.permissionRow span{display:grid}.permissionRow input[type=number]{max-width:150px}.memberGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.memberGrid label{display:flex;gap:8px;align-items:center}.memberGrid input{width:auto}.detailLayout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}.detailCard dl{display:grid;grid-template-columns:180px 1fr;gap:10px;margin:8px 0}.detailCard dt{color:var(--muted)}.richtext{line-height:1.65}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.facts>div{padding:12px;border:1px solid var(--line);border-radius:12px;display:grid;gap:5px}.reactionBar{display:flex;gap:6px;flex-wrap:wrap}.reactionBar button{padding:7px 10px}.comment{padding:10px 0;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:18px}.tabs a{padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--text);text-decoration:none}.timelineItem{padding:14px 0;border-top:1px solid var(--line)}.timelineItem small,.notification small,.card small{display:block;color:var(--muted)}.notification{padding:14px;border-bottom:1px solid var(--line)}.notification.unread{border-left:4px solid var(--accent)}.styleCard{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.adUnit{margin:16px auto;padding:12px;border:1px dashed var(--line);border-radius:14px;text-align:center;max-width:1200px}.uploadRow{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,2fr) auto;gap:10px;align-items:center;margin:10px 0}.uploadRow progress{width:100%}.view-list .viewContainer,.view-compact .viewContainer{display:block}.view-list .viewContainer .card{margin-bottom:10px}.view-compact .viewContainer .card{padding:12px;margin-bottom:6px}.view-masonry .viewContainer{display:block;columns:4 260px;column-gap:18px}.view-masonry .viewContainer .card{break-inside:avoid;margin-bottom:18px}.widgets{margin:18px 0}.compactList{padding-left:18px}@media(max-width:980px){.detailLayout{grid-template-columns:1fr}.permissionGrid{grid-template-columns:1fr}.uploadRow{grid-template-columns:1fr}.detailCard dl{grid-template-columns:1fr}}
.mediaThumb{width:100%;max-height:240px;object-fit:cover;border-radius:14px}.calendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendarDay{min-height:130px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.calendarDay.outside{opacity:.45}.calendarDay a{display:block;margin-top:8px;padding:7px;border-radius:9px;background:var(--panel2);color:var(--text);text-decoration:none;font-size:.86rem}.calendarDay a span{display:block;color:var(--accent);font-weight:800}.timeline{display:grid;gap:12px}@media(max-width:900px){.calendarGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.calendarGrid{grid-template-columns:1fr}}
.detailImage{width:100%;max-height:720px;object-fit:contain;border-radius:18px;background:rgba(0,0,0,.18)}.versionBox{padding:12px 0;border-top:1px solid var(--line)}
.statusSwitch{display:inline-flex;padding:.3rem .65rem;border-radius:999px;font-weight:800;font-size:.78rem}.statusSwitch.on{background:rgba(54,190,110,.18);color:#75e9a4}.statusSwitch.off{background:rgba(239,74,91,.18);color:#ff8994}.adUnit{position:relative;max-width:100%;overflow:hidden}.adClick{display:block;color:inherit;text-decoration:none}.adTestBadge{position:absolute;top:6px;right:6px;padding:3px 7px;border-radius:999px;background:#ffb84d;color:#201200;font-weight:900}.dragHandle{cursor:grab;font-size:1.2rem;user-select:none}.dragging{opacity:.45}.inline{display:inline-flex;gap:.35rem;align-items:center}.muted{color:var(--muted)}.success{border-color:rgba(76,220,130,.45)}.warning{color:#ffd27a}

/* 0.2.1 – zentrale Mannschaftsbild-Funktionen für sämtliche Aquaristik-Bildmedien */
.naImageFrame{position:relative;overflow:hidden;border-radius:14px;background:color-mix(in srgb,var(--panel2) 88%,#000 12%);display:grid;place-items:center;isolation:isolate}.naImageFrame img[data-na-image="1"]{display:block;width:100%;max-width:none;height:var(--na-img-hd,var(--na-image-default-height,auto));min-height:0;transition:object-position .16s ease,transform .16s ease;will-change:transform}.naImageFrame.na-auto-contain{background:linear-gradient(135deg,color-mix(in srgb,var(--panel2) 92%,white 8%),var(--panel))}.naImageFrame.na-auto-contain img{object-fit:contain!important}.mediaThumbFrame{--na-image-default-height:240px}.detailImageFrame{--na-image-default-height:min(70vh,720px);margin:0 0 18px}.detailImageFrame img{max-height:720px}.mediaThumb{width:100%}
.imageEditorLayout{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(420px,1.2fr);gap:20px;align-items:start}.imageEditorControls{display:grid;gap:16px}.imageEditorControls form{display:grid;gap:14px}.imageEditorPreviewPanel{position:sticky;top:86px}.naImageEditorPreview{position:relative;height:520px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:repeating-conic-gradient(color-mix(in srgb,var(--panel2) 75%,white 25%) 0 25%,var(--panel2) 0 50%) 50%/22px 22px;touch-action:none;cursor:grab;display:grid;place-items:center}.naImageEditorPreview.is-dragging{cursor:grabbing}.naImageEditorPreview img{display:block;width:100%;height:100%;max-width:none;user-select:none;pointer-events:none}.imageDragHint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:7px 11px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:.78rem;font-weight:800;pointer-events:none;white-space:nowrap}.imageEditorMeta{display:grid;gap:5px;margin-top:12px;color:var(--muted)}.imageEditorMeta strong{color:var(--accent)}.focusGrid{display:grid;grid-template-columns:repeat(3,46px);gap:6px;margin-top:8px}.focusGrid button{width:46px;height:40px;padding:0}.imageEditorRotate{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.imageEditorRotate form{display:inline-flex;margin:4px 4px 0 0}.uploadPreview{width:72px;height:56px;border-radius:9px;object-fit:cover;background:var(--panel2);border:1px solid var(--line)}.uploadRow.withPreview{grid-template-columns:76px minmax(120px,1fr) minmax(160px,2fr) auto}.mediaActions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.mediaActions .button{padding:7px 10px;font-size:.82rem}
@media(max-width:980px){.imageEditorLayout{grid-template-columns:1fr}.imageEditorPreviewPanel{position:static}.naImageEditorPreview{height:420px}.naImageFrame img[data-na-image="1"]{height:var(--na-img-ht,var(--na-img-hd,var(--na-image-default-height,auto)))}}
@media(max-width:600px){.naImageEditorPreview{height:300px}.naImageFrame img[data-na-image="1"]{height:var(--na-img-hm,var(--na-img-ht,var(--na-img-hd,var(--na-image-default-height,auto))))}.uploadRow.withPreview{grid-template-columns:64px 1fr}.uploadRow.withPreview progress,.uploadRow.withPreview span{grid-column:2}.imageDragHint{font-size:.68rem;max-width:90%;white-space:normal;text-align:center}}
.mediaFieldPreview{display:grid;grid-template-columns:minmax(140px,260px) auto;gap:10px;align-items:center;margin-top:8px}.mediaFieldPreview .button{justify-self:start}@media(max-width:600px){.mediaFieldPreview{grid-template-columns:1fr}}
.naImageFrame.has-na-overlay:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--na-img-overlay,0));pointer-events:none;z-index:2}.na-lightbox-enabled{cursor:zoom-in}.naImageLightbox{width:min(96vw,1500px);max-width:96vw;height:min(94vh,1000px);max-height:94vh;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#071018;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.7);overflow:hidden}.naImageLightbox::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(5px)}.naImageLightbox img{display:block;width:100%;height:calc(94vh - 56px);object-fit:contain;background:#05090d}.naLightboxClose{position:absolute;right:12px;top:12px;z-index:4;width:44px;height:44px;padding:0;border-radius:50%;font-size:1.7rem;background:rgba(0,0,0,.7);color:#fff}.naLightboxCaption{height:56px;padding:16px 20px;color:#cfe3ec}.naImageEditorPreview:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--na-preview-overlay,0));pointer-events:none;z-index:2}.naImageEditorPreview .imageDragHint{z-index:3}

/* 0.2.2 – Portal-Frontend statt Datenbank-/CRUD-Anmutung */
.page{width:min(1580px,94vw)}
.portalNavToggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);padding:8px 11px}
.siteHeader{box-shadow:0 10px 35px rgba(0,0,0,.08)}
.siteHeader .mainNav a{position:relative;padding:8px 2px;font-weight:700;font-size:.92rem;white-space:nowrap}.siteHeader .mainNav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;border-radius:9px;background:var(--accent);transition:right .18s ease}.siteHeader .mainNav a:hover:after{right:0}
.portalHero{position:relative;min-height:min(720px,78vh);border-radius:32px;overflow:hidden;margin:28px 0 26px;display:flex;align-items:flex-end;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 34%),linear-gradient(135deg,var(--panel2),var(--bg));border:1px solid var(--line);box-shadow:0 28px 80px rgba(0,0,0,.28)}.portalHeroMedia{position:absolute;inset:0}.portalHeroMedia .naImageFrame{width:100%;height:100%;border-radius:0}.portalHeroMedia img{width:100%;height:100%!important;object-fit:cover!important}.portalHeroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,18,.92) 0%,rgba(2,12,18,.69) 45%,rgba(2,12,18,.24) 80%),linear-gradient(0deg,rgba(2,12,18,.84),transparent 55%)}.portalHeroContent{position:relative;z-index:2;max-width:920px;padding:clamp(34px,6vw,88px);padding-bottom:clamp(110px,14vw,170px);color:#f5fbff}.portalHeroEyebrow,.portalSectionEyebrow{display:inline-flex;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.portalHero h1{font-size:clamp(2.8rem,6.2vw,6.7rem);line-height:.92;letter-spacing:-.045em;margin:.2em 0 .24em;max-width:1000px}.portalHero p{font-size:clamp(1rem,1.4vw,1.28rem);line-height:1.65;max-width:760px;color:rgba(245,251,255,.82)}.portalHeroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.portalPrimary,.portalSecondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:14px;padding:0 17px;text-decoration:none;font-weight:900}.portalPrimary{background:var(--accent);color:#021018;box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 22%,transparent)}.portalSecondary{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:inherit;backdrop-filter:blur(8px)}.portalHeroStats{position:absolute;z-index:3;left:clamp(24px,6vw,88px);right:clamp(24px,6vw,88px);bottom:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:rgba(5,19,27,.68);border:1px solid rgba(255,255,255,.16);border-radius:18px;backdrop-filter:blur(18px);overflow:hidden;color:#f5fbff}.portalHeroStats div{padding:18px 20px;border-right:1px solid rgba(255,255,255,.12)}.portalHeroStats div:last-child{border-right:0}.portalHeroStats strong{display:block;font-size:1.55rem}.portalHeroStats span{font-size:.82rem;color:rgba(245,251,255,.68)}
.portalTopicStrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 44px}.portalTopic{display:grid;gap:6px;min-height:145px;padding:20px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(150deg,var(--panel),color-mix(in srgb,var(--panel2) 88%,var(--accent) 12%));text-decoration:none;color:var(--text);position:relative;overflow:hidden}.portalTopic:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;top:-55px;background:color-mix(in srgb,var(--accent) 16%,transparent)}.portalTopicIcon{font-size:1.5rem;color:var(--accent)}.portalTopic strong{font-size:1.05rem}.portalTopic small{color:var(--muted);line-height:1.45}.portalTopicSpecial{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 78%,#4dffd2 22%),var(--panel2))}
.portalSection{margin:46px 0}.portalSectionHead{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:16px}.portalSectionHead h2,.eventsPortalHead h2,.portalModuleLead h2,.portalJoin h2,.portalEventIntro h2{font-size:clamp(1.6rem,2.5vw,2.8rem);letter-spacing:-.025em;margin:.18em 0}.portalSectionHead p,.eventsPortalHead p,.portalModuleLead p,.portalEventIntro p{margin:.25em 0;color:var(--muted);max-width:720px}.portalSectionActions{display:flex;align-items:center;gap:8px}.railButton{width:42px;height:42px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text)}.portalTextLink{color:var(--text);font-weight:800;text-decoration:none;margin-left:6px}.portalRail{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:4px 2px 16px}.portalRail::-webkit-scrollbar{height:8px}.portalRail::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 30%,var(--panel2));border-radius:20px}.portalEntryCard{scroll-snap-align:start;flex:0 0 clamp(280px,28vw,390px);border-radius:22px;border:1px solid var(--line);background:var(--panel);overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.14);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.portalEntryCard:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 22px 48px rgba(0,0,0,.22)}.portalEntryMedia{position:relative;display:block;height:220px;text-decoration:none;color:inherit}.portalCardImage{height:100%;border-radius:0}.portalCardImage img{height:100%!important;object-fit:cover!important}.portalMediaFallback{height:100%;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 45%),linear-gradient(135deg,var(--panel2),var(--panel));font-size:3rem}.portalMediaFallback small{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.portalWaterBadge{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:rgba(4,15,22,.72);color:#f6fbff;backdrop-filter:blur(8px);font-size:.72rem;font-weight:900}.portalEntryBody{padding:18px}.portalEntryKicker{text-transform:uppercase;letter-spacing:.09em;font-size:.68rem;font-weight:900;color:var(--accent)}.portalEntryBody h3{font-size:1.22rem;line-height:1.2;margin:.45em 0}.portalEntryBody h3 a{color:inherit;text-decoration:none}.portalEntryBody p{color:var(--muted);line-height:1.55;margin:.6em 0 1em}.portalEntryMeta{display:flex;align-items:center;gap:10px;min-height:26px;font-size:.78rem;color:var(--muted)}.portalCardArrow{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,var(--panel2));color:var(--accent);text-decoration:none;font-weight:900}
.portalEventSpotlight{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,2fr);gap:22px;align-items:stretch;padding:24px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,var(--accent) 8%),var(--panel));margin:30px 0 48px}.portalEventIntro{padding:8px}.portalEventMiniRail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portalMiniEvent{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--panel2) 88%,transparent);border:1px solid var(--line);color:inherit;text-decoration:none}.portalEventDate{display:grid;place-items:center;padding:7px;border-radius:12px;background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent)}.portalEventDate b{font-size:1.35rem;line-height:1}.portalEventDate small{font-size:.62rem}.portalMiniEvent>span:last-child{display:grid;gap:3px;min-width:0}.portalMiniEvent strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portalMiniEvent small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.portalJoin{margin:58px 0 16px;border-radius:30px;padding:clamp(28px,5vw,62px);display:flex;justify-content:space-between;align-items:center;gap:28px;background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 36%),linear-gradient(130deg,var(--panel2),var(--panel));border:1px solid var(--line)}.portalJoin p{color:var(--muted);max-width:800px;line-height:1.7}
.portalModuleLead,.eventsPortalHead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:26px 0 20px}.portalFilterBar{display:flex;gap:8px;overflow:auto;padding-bottom:14px;margin-bottom:14px}.portalFilterBar a{white-space:nowrap;padding:9px 13px;border-radius:999px;border:1px solid var(--line);color:var(--text);text-decoration:none}.portalFilterBar a.active{background:var(--accent);color:#021018;border-color:transparent;font-weight:900}.portalContentGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.portalContentGrid .portalEntryCard{width:auto;flex:auto}.portalEmpty{text-align:center;padding:70px 20px;border:1px dashed var(--line);border-radius:24px;color:var(--muted)}.portalEmpty>span{font-size:3rem;color:var(--accent)}
/* Veranstaltungskalender als Portalansicht */
.eventTopRail{margin-bottom:24px}.eventTopRail .portalEntryCard{flex-basis:310px}.eventTopRail .portalEntryMedia{height:160px}.calendarToolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:20px 0 14px}.calendarToolbar h2{text-align:center;margin:0;font-size:clamp(1.3rem,2.2vw,2rem)}.calendarMonthNav,.calendarViews{display:flex;align-items:center;gap:7px}.calendarViews{justify-content:flex-end}.calendarMonthNav a,.calendarViews a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--line);color:var(--text);text-decoration:none;background:var(--panel)}.calendarViews a.active,.calendarMonthNav .today{background:color-mix(in srgb,var(--accent) 15%,var(--panel));border-color:color-mix(in srgb,var(--accent) 44%,var(--line))}.calendarScroll{overflow-x:auto;padding-bottom:12px}.portalCalendar{min-width:900px}.calendarWeekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:8px}.calendarWeekdays span{text-align:center;color:var(--muted);font-weight:800;font-size:.78rem}.modernCalendar{grid-template-columns:repeat(7,minmax(0,1fr))!important}.modernCalendar .calendarDay{min-height:158px;border-radius:16px;padding:10px;background:color-mix(in srgb,var(--panel) 96%,transparent);position:relative}.modernCalendar .calendarDay.isToday{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.calendarDayHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calendarDayHead>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:900}.isToday .calendarDayHead>span{background:var(--accent);color:#021018}.calendarDayHead small{font-size:.64rem;color:var(--muted)}.calendarEvents{display:grid;gap:6px}.calendarEvent{display:grid!important;gap:1px!important;margin:0!important;padding:7px 8px!important;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel2))!important}.calendarEventTime{font-size:.68rem!important;color:var(--accent)!important}.calendarEvent strong{font-size:.78rem;line-height:1.2}.calendarEvent small{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eventTooltipPortal{position:fixed;z-index:10000;max-width:310px;white-space:pre-line;padding:11px 13px;border-radius:12px;background:#06141c;color:#f3fbff;border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 44px rgba(0,0,0,.38);font-size:.78rem;line-height:1.5;pointer-events:none}.eventTooltipPortal[hidden]{display:none}.eventTimelineModern,.eventListModern{display:grid;gap:10px}.eventTimelineRow{display:grid;grid-template-columns:78px 1fr auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.eventTimelineDate{display:grid;place-items:center;border-right:1px solid var(--line)}.eventTimelineDate b{font-size:2rem;line-height:1;color:var(--accent)}.eventTimelineDate span,.eventTimelineDate small{font-size:.7rem;color:var(--muted)}.eventTimelineBody h3{margin:.3em 0}.eventTimelineBody h3 a{color:inherit;text-decoration:none}.eventTimelineBody p{margin:0;color:var(--muted)}.eventListRow{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:inherit;text-decoration:none}.eventListDate,.eventListMain{display:grid;gap:3px}.eventListDate small,.eventListMain small{color:var(--muted)}
@media(max-width:1100px){.portalTopicStrip{grid-template-columns:repeat(3,minmax(0,1fr))}.portalHeroStats{grid-template-columns:repeat(2,minmax(0,1fr))}.portalHeroStats div:nth-child(2){border-right:0}.portalHeroStats div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.portalHeroContent{padding-bottom:190px}.portalEventSpotlight{grid-template-columns:1fr}.portalEventMiniRail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.portalNavToggle{display:block;margin-left:auto}.siteHeader .mainNav,.siteHeader .account{display:none;width:100%;order:4}.siteHeader.navOpen .mainNav,.siteHeader.navOpen .account{display:flex}.siteHeader .mainNav{flex-direction:column;overflow:visible;padding:6px 0}.siteHeader .account{flex-wrap:wrap;padding-bottom:8px}.portalSectionHead{align-items:flex-start}.portalSectionActions{align-self:center}.portalEntryCard{flex-basis:min(82vw,350px)}.portalModuleLead,.eventsPortalHead,.portalJoin{align-items:flex-start;flex-direction:column}.calendarToolbar{grid-template-columns:1fr}.calendarToolbar h2{text-align:left;order:-1}.calendarViews{justify-content:flex-start}}
@media(max-width:700px){.portalHero{min-height:740px;border-radius:24px}.portalHeroContent{padding:34px 22px 230px}.portalHero h1{font-size:clamp(2.4rem,13vw,4.4rem)}.portalHeroStats{left:14px;right:14px;bottom:14px}.portalHeroStats div{padding:13px}.portalTopicStrip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.portalTopic{flex:0 0 78vw;scroll-snap-align:start}.portalSectionHead{display:block}.portalSectionActions{margin-top:12px}.portalTextLink{margin-left:auto}.portalEventMiniRail{grid-template-columns:1fr}.eventTimelineRow{grid-template-columns:64px 1fr}.eventTimelineRow>.portalCardArrow{display:none}.eventListRow{grid-template-columns:76px 1fr}.eventListRow>.portalCardArrow{display:none}}
.portalDirectionRail{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin:-20px 0 42px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.portalDirectionLabel{display:grid;gap:2px;white-space:nowrap}.portalDirectionLabel strong{font-size:.9rem}.portalDirectionScroll{display:flex;gap:8px;overflow-x:auto;padding:5px 2px;scrollbar-width:none}.portalDirectionScroll::-webkit-scrollbar{display:none}.portalDirectionScroll a{white-space:nowrap;padding:8px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:.82rem}.portalDirectionScroll a:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent)}.topicHero{min-height:min(600px,70vh)}
@media(max-width:700px){.portalDirectionRail{grid-template-columns:1fr;gap:8px}.portalDirectionLabel{padding-left:2px}}

/* 0.2.4 – vollwertiges Style-/Portal-Designsystem */
html{font-size:calc(16px * var(--font-scale,1))}body{background-color:var(--bg);background-repeat:no-repeat;background-position:center top;background-size:cover}.page{width:min(var(--container-width,1500px),94vw)}
.siteHeader{min-height:68px;border-radius:0;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;backdrop-filter:blur(var(--header-blur,18px))}.styleheader-floating .siteHeader{top:12px;margin:0 auto;width:min(calc(var(--container-width,1500px) + 28px),96vw);border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 40px rgba(0,0,0,.16)}.styleheader-glass .siteHeader{background:color-mix(in srgb,var(--panel) 60%,transparent);border-color:color-mix(in srgb,var(--line) 75%,transparent);backdrop-filter:blur(var(--header-blur,22px)) saturate(1.25)}.styleheader-solid .siteHeader{background:var(--panel)}.styleheader-minimal .siteHeader{background:transparent;border-bottom-color:transparent;backdrop-filter:none}.style-sticky-header .siteHeader{position:sticky}
.stylenav-pills .mainNav a{padding:8px 11px;border-radius:999px;transition:.16s ease}.stylenav-pills .mainNav a:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.stylenav-underline .mainNav a{padding:8px 2px;border-bottom:2px solid transparent}.stylenav-underline .mainNav a:hover{border-bottom-color:var(--accent);color:var(--accent)}
.stylecards-glass .card,.stylecards-glass .portalEntryCard,.stylecards-glass .eventPortalCard{background:color-mix(in srgb,var(--panel) 72%,transparent);backdrop-filter:blur(var(--glass-blur,22px)) saturate(1.15)}.stylecards-outline .card,.stylecards-outline .portalEntryCard,.stylecards-outline .eventPortalCard{background:transparent;box-shadow:none}.stylecards-soft .card,.stylecards-soft .portalEntryCard,.stylecards-soft .eventPortalCard{background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 96%,white 4%),var(--panel));box-shadow:0 18px 44px rgba(0,0,0,.14)}
.stylebuttons-gradient button,.stylebuttons-gradient .button,.stylebuttons-gradient .portalPrimary{background:linear-gradient(135deg,var(--accent),var(--accent-2,var(--accent)));box-shadow:0 9px 26px color-mix(in srgb,var(--accent) 24%,transparent)}.stylebuttons-outline button,.stylebuttons-outline .button,.stylebuttons-outline .portalPrimary{background:transparent;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 60%,var(--line))}.stylebuttons-solid button,.stylebuttons-solid .button,.stylebuttons-solid .portalPrimary{background:var(--accent)}button,.button,.portalPrimary,.portalSecondary{border-radius:var(--button-radius,14px)}
.styledensity-compact .card,.styledensity-compact .portalEntryBody{padding:14px}.styledensity-spacious .card,.styledensity-spacious .portalEntryBody{padding:28px}.stylemotion-off *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.stylemotion-dynamic .portalEntryCard:hover,.stylemotion-dynamic .eventPortalCard:hover{transform:translateY(-7px) scale(1.01);box-shadow:0 24px 60px color-mix(in srgb,var(--accent) 14%,rgba(0,0,0,.3))}
.portalHero{min-height:var(--hero-height,590px);background-image:linear-gradient(90deg,color-mix(in srgb,var(--bg) 84%,transparent) 0%,color-mix(in srgb,var(--bg) 38%,transparent) 54%,transparent 100%),var(--style-hero-image);background-position:center;background-size:cover;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.2)}.portalHero:not(.hasMedia)::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 18%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 34%);pointer-events:none}.stylehero-center .portalHeroContent{margin-inline:auto;text-align:center}.stylehero-center .portalHeroActions{justify-content:center}.stylehero-center .portalHeroContent p{margin-inline:auto}
.portalEntryCard,.card,.eventPortalCard{border-radius:var(--radius,24px)}.portalEntryCard{gap:var(--card-gap,20px)}.portalPrimary,.portalSecondary{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.portalPrimary:hover,.portalSecondary:hover{transform:translateY(-2px)}
.style-neon-reef .logo,.style-neon-reef .portalPrimary{box-shadow:0 0 34px color-mix(in srgb,var(--accent) 55%,transparent),0 0 60px color-mix(in srgb,var(--accent-2) 24%,transparent)}.style-neon-reef .portalEntryCard,.style-neon-reef .card{box-shadow:0 16px 46px rgba(0,0,0,.25),0 0 calc(70px * var(--glow-strength,.3)) color-mix(in srgb,var(--accent) 30%,transparent)}.style-glass-reef .portalHero,.style-glass-reef .portalJoin{backdrop-filter:blur(18px);border-color:rgba(255,255,255,.23)}.style-aqua-classic .portalHeroContent,.style-aqua-classic .portalHeroStats{color:#0d3242}.style-aqua-classic .portalHeroEyebrow,.style-aqua-classic .portalSectionEyebrow{color:#007da8}.style-biotope .portalHero{filter:saturate(.92)}

/* ACP Styleverwaltung */
.styleManagerIntro{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:26px;margin-bottom:20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 90%,var(--accent) 10%),var(--panel))}.styleManagerIntro h2{margin:.25em 0}.styleImportBox{display:grid;gap:8px;min-width:min(360px,100%)}.styleImportBox label{display:grid;gap:7px}.styleManagerGrid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start}.styleLibrary{position:sticky;top:96px;display:grid;gap:10px}.styleLibraryHead{display:flex;align-items:center;justify-content:space-between}.styleLibraryCard{display:grid;grid-template-columns:86px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:inherit;text-decoration:none}.styleLibraryCard.active{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.styleLibraryPreview{height:58px;border-radius:11px;background:linear-gradient(135deg,var(--panel2),var(--accent));background-size:cover;background-position:center}.styleLibraryCard small{display:block;margin-top:4px}.styleEditorPanel{min-width:0}.styleEditorTop{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.styleEditorTop h2{margin:.2em 0}.styleEditorActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.styleEditorActions form{margin:0}.styleLivePreview{overflow:hidden;min-height:430px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 78%,transparent),transparent),var(--style-hero-image),var(--bg);background-size:cover;background-position:center;box-shadow:0 26px 60px rgba(0,0,0,.22);margin-bottom:18px;color:var(--text)}.stylePreviewNav{display:flex;align-items:center;gap:16px;padding:15px 20px;background:color-mix(in srgb,var(--panel) 72%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.stylePreviewLogo{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2,var(--accent)));color:#001018}.stylePreviewNav b{margin-right:auto}.stylePreviewNav span:not(.stylePreviewLogo){font-size:.82rem}.stylePreviewHero{max-width:640px;padding:66px 42px}.stylePreviewHero>span{font-size:.72rem;letter-spacing:.13em;color:var(--accent);font-weight:900}.stylePreviewHero h3{font-size:clamp(2rem,4vw,3.7rem);line-height:.95;margin:.25em 0}.stylePreviewHero p{color:var(--muted);max-width:500px}.stylePreviewCards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 42px 30px}.stylePreviewCards i{height:75px;border:1px solid var(--line);border-radius:var(--radius-sm,14px);background:color-mix(in srgb,var(--panel) 84%,transparent);backdrop-filter:blur(var(--glass-blur,18px))}.styleEditorForm{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.styleEditorTabs{display:flex;gap:4px;overflow:auto;padding:10px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 75%,var(--panel))}.styleEditorTabs button{background:transparent;color:var(--muted);white-space:nowrap}.styleEditorTabs button.active{background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--accent)}.styleEditorSection{display:none;padding:22px}.styleEditorSection.active{display:block}.styleFieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.styleFieldGrid label,.styleEditorSection>label{display:grid;gap:7px;font-weight:800}.styleFieldGrid input,.styleFieldGrid select,.styleFieldGrid textarea,.styleEditorSection textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--bg) 54%,var(--panel));color:var(--text)}.styleFieldGrid textarea{min-height:100px}.span2{grid-column:1/-1}.switchLine{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important}.switchLine input{width:auto!important}.styleColorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.styleColorGrid label{display:grid;grid-template-columns:150px 1fr 34px;gap:9px;align-items:center}.styleColorGrid input{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text)}.styleColorGrid i{height:32px;border-radius:9px;border:1px solid var(--line);background:var(--panel2)}.styleGraphicsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.styleGraphicSlot{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:16px}.styleGraphicPreview{height:155px;border-radius:12px;background:linear-gradient(135deg,var(--panel2),var(--accent));background-size:cover;background-position:center}.styleCodeEditor{min-height:360px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}.styleSaveBar{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 70%,var(--panel))}.styleDanger{margin-top:14px;text-align:right}

/* 0.2.4 – Börsen/Veranstaltungen: Hauptliste + Sidebar-Kalender */
.eventOverviewLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,380px);gap:24px;align-items:start}.eventOverviewTitle{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:14px}.eventOverviewTitle h2{margin:.2em 0}.eventCountBadge{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.78rem}.eventPortalList{display:grid;gap:14px}.eventPortalCard{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:18px;align-items:start;padding:20px;border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,white 4%),var(--panel));box-shadow:0 16px 38px rgba(0,0,0,.12);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.eventPortalCard:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 22px 52px rgba(0,0,0,.18)}.eventPortalDate{display:grid;place-items:center;padding:10px;border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 18%,var(--panel2)),var(--panel2));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))}.eventPortalDate span{font-size:.64rem;letter-spacing:.12em;color:var(--accent);font-weight:900}.eventPortalDate strong{font-size:2.05rem;line-height:1.05}.eventPortalDate small{font-size:.68rem}.eventPortalContent h3{font-size:1.35rem;margin:.45em 0}.eventPortalContent h3 a{color:inherit;text-decoration:none}.eventPortalMetaTop{display:flex;gap:7px;flex-wrap:wrap}.eventTypePill,.eventWaterPill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.eventTypePill{background:color-mix(in srgb,var(--accent) 14%,var(--panel2));color:var(--accent)}.eventWaterPill{background:color-mix(in srgb,var(--accent-2,var(--accent)) 12%,var(--panel2));color:var(--accent-2,var(--accent))}.eventPortalDescription{color:var(--muted);line-height:1.55;margin:.55em 0 .8em}.eventPortalFacts{display:flex;flex-wrap:wrap;gap:7px 14px;color:var(--muted);font-size:.78rem}.eventPortalFacts span{display:inline-flex;align-items:center;gap:6px}.eventPortalFacts b{color:var(--accent);font-weight:900}.eventPortalActions{display:grid;gap:8px;min-width:125px}.eventPortalActions a{text-align:center;white-space:nowrap}.eventCalendarSidebar{min-width:0}.eventSidebarSticky{position:sticky;top:104px;padding:18px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(var(--glass-blur,16px));box-shadow:0 18px 46px rgba(0,0,0,.14)}.eventSideHead{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:12px}.eventSideHead h2{font-size:1.15rem;margin:.2em 0}.eventSideNav{display:flex;gap:5px}.eventSideNav a{width:32px;height:32px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--text);text-decoration:none;background:var(--panel2)}.eventMiniWeekdays,.eventMiniGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.eventMiniWeekdays span{text-align:center;color:var(--muted);font-size:.64rem;font-weight:900;padding:5px 0}.eventMiniDay{position:relative;min-height:46px;border:1px solid transparent;border-radius:10px;padding:5px;background:color-mix(in srgb,var(--panel2) 64%,transparent)}.eventMiniDay.outside{opacity:.35}.eventMiniDay.isToday{border-color:var(--accent)}.eventMiniDay.hasEvents{background:color-mix(in srgb,var(--accent) 9%,var(--panel2));border-color:color-mix(in srgb,var(--accent) 24%,transparent)}.eventMiniNumber{font-size:.72rem;font-weight:800}.eventMiniDots{display:flex;gap:3px;position:absolute;left:5px;bottom:5px}.eventMiniDots a{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,transparent)}.eventMiniLinks{position:absolute;z-index:15;left:50%;bottom:calc(100% + 8px);width:250px;padding:8px;border-radius:12px;border:1px solid var(--line);background:var(--panel);box-shadow:0 18px 44px rgba(0,0,0,.28);display:none;transform:translateX(-50%)}.eventMiniDay:hover .eventMiniLinks,.eventMiniDay:focus-within .eventMiniLinks{display:grid}.eventMiniLinks a{padding:6px;color:var(--text);text-decoration:none;font-size:.72rem;border-radius:8px}.eventMiniLinks a:hover{background:var(--panel2)}.eventMiniLinks b{color:var(--accent)}.eventSidebarLegend{display:grid;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.eventSidebarLegend span{font-size:.75rem}.eventSidebarLegend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px}.eventSidebarLegend small{font-size:.68rem}

@media(max-width:1100px){.styleManagerGrid{grid-template-columns:1fr}.styleLibrary{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.styleLibraryHead{grid-column:1/-1}.eventOverviewLayout{grid-template-columns:minmax(0,1fr) 320px}.eventPortalCard{grid-template-columns:72px minmax(0,1fr)}.eventPortalActions{grid-column:2;display:flex}.styleManagerIntro{align-items:flex-start;flex-direction:column}.styleImportBox{width:100%}}
@media(max-width:850px){.eventOverviewLayout{grid-template-columns:1fr}.eventCalendarSidebar{order:2}.eventSidebarSticky{position:static}.eventPortalCard{grid-template-columns:70px minmax(0,1fr)}.styleLibrary{grid-template-columns:1fr}.styleFieldGrid,.styleColorGrid,.styleGraphicsGrid{grid-template-columns:1fr}.span2{grid-column:auto}.styleColorGrid label{grid-template-columns:130px 1fr 30px}.stylePreviewNav span:not(.stylePreviewLogo):not(:nth-child(2)){display:none}}
@media(max-width:560px){.eventPortalCard{grid-template-columns:60px minmax(0,1fr);padding:14px;gap:12px}.eventPortalDate strong{font-size:1.55rem}.eventPortalActions{grid-column:1/-1}.eventPortalFacts{display:grid;gap:6px}.eventMiniGrid{min-width:0}.styleLivePreview{min-height:360px}.stylePreviewHero{padding:44px 22px}.stylePreviewCards{padding:0 22px 24px}.styleEditorTabs{scrollbar-width:none}}
.preferenceStyleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0}.preferenceStyleCard{display:grid;gap:10px;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--panel);cursor:pointer}.preferenceStyleCard.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.preferenceStyleCard>input{position:absolute;opacity:0;pointer-events:none}.preferenceStylePreview{display:block;height:145px;border-radius:13px;background:linear-gradient(135deg,var(--panel2),var(--accent));background-size:cover;background-position:center}.preferenceStyleCard strong{display:block}.preferenceStyleCard small{margin-top:4px;line-height:1.4}.preferenceView{display:flex;gap:14px;align-items:end;justify-content:space-between;flex-wrap:wrap}.preferenceView label{display:grid;gap:7px;min-width:260px}.preferenceView select{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text)}

/* 0.2.5 Responsive navigation + ACP shell */
.menuLock{overflow:hidden}
.siteHeader .account{margin-left:auto;position:relative;flex:0 0 auto}.guestActions{display:flex;align-items:center;gap:10px}.guestActions>a:not(.button){padding:9px 6px}
.userMenu{position:relative}.userMenuToggle{display:flex;align-items:center;gap:9px;padding:6px 10px 6px 7px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--text);box-shadow:none}.userMenuToggle:hover,.userMenuToggle:focus-visible{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.userAvatarMini,.userAvatarLarge{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2,#7d5cff));color:#03131c;font-weight:950}.userAvatarMini{width:32px;height:32px;font-size:.85rem}.userAvatarLarge{width:48px;height:48px;font-size:1.1rem}.userMenuName{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userMenuChevron{font-size:.8rem;transition:transform .16s ease}.userMenuOpen .userMenuChevron{transform:rotate(180deg)}
.userDropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:85;width:min(340px,calc(100vw - 24px));padding:9px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 22px 70px rgba(0,0,0,.35);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:top right;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.userMenuOpen .userDropdown{opacity:1;visibility:visible;transform:none}.userDropdownHead{display:grid;grid-template-columns:48px minmax(0,1fr) 32px;gap:11px;align-items:center;padding:9px 8px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.userDropdownHead strong,.userDropdownHead small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userDropdownHead small{color:var(--muted);margin-top:2px}.userMenuClose{display:none;width:32px;height:32px;padding:0;border-radius:10px;background:transparent;color:var(--muted);font-size:1.35rem}.userDropdown>a{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:10px 11px;border-radius:11px;color:var(--text);text-decoration:none}.userDropdown>a:hover,.userDropdown>a:focus-visible{background:color-mix(in srgb,var(--accent) 10%,var(--panel2));color:var(--accent)}.userDropdown>a span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,transparent)}.userDropdownAdmin{border-top:1px solid var(--line);margin-top:5px;padding-top:12px!important}.navBackdrop{display:none;position:fixed;inset:0;z-index:60;background:rgba(0,8,15,.48);backdrop-filter:blur(2px);border:0;border-radius:0;padding:0}

/* ACP desktop sidebar */
.isAcpPage .page{width:min(1800px,98vw)}.isAcpPage .hero{padding:28px 0 18px;align-items:center}.isAcpPage .hero h1{font-size:clamp(1.65rem,3vw,2.8rem);line-height:1.08}.isAcpPage .styleSwitch{display:none}.acpMobileToggle{display:none}.acpShell{--acp-sidebar-width:276px;display:grid;grid-template-columns:var(--acp-sidebar-width) minmax(0,1fr);gap:22px;align-items:start;min-height:calc(100vh - 190px)}.acpSidebar{position:sticky;top:86px;display:flex;flex-direction:column;max-height:calc(100vh - 104px);min-width:0;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 18px 55px rgba(0,0,0,.14);backdrop-filter:blur(18px);overflow:hidden}.acpSidebarTop{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.acpSidebarBrand{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:var(--text);text-decoration:none}.acpSidebarBrand .acpSideLabel{display:grid;line-height:1.15}.acpSidebarBrand small{color:var(--muted);font-size:.68rem;margin-top:3px}.acpCollapseToggle{flex:0 0 36px;width:36px;height:36px;padding:0;border-radius:10px;background:var(--panel2);color:var(--text);border:1px solid var(--line)}.acpSideNav{padding:9px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.acpSideGroup+.acpSideGroup{margin-top:10px}.acpSideHeading{padding:8px 10px 5px;color:var(--muted);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.acpSideLink{display:flex;align-items:center;gap:10px;min-height:42px;padding:7px 10px;border-radius:11px;color:var(--text);text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.acpSideLink:hover{background:color-mix(in srgb,var(--accent) 8%,var(--panel2));color:var(--accent)}.acpSideLink.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,var(--panel2)),color-mix(in srgb,var(--accent-2,var(--accent)) 9%,var(--panel2)));color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.acpSideIcon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:.9rem}.acpSideLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:720}.acpSidebarFoot{border-top:1px solid var(--line);padding:9px}.acpContent{min-width:0}.acpContent>.grid2:first-child,.acpContent>.stats:first-child,.acpContent>.card:first-child{margin-top:0}.acpBackdrop{display:none;position:fixed;inset:0;z-index:89;border:0;border-radius:0;background:rgba(1,8,14,.58);backdrop-filter:blur(3px)}
.isAcpPage.acpSidebarCollapsed .acpShell{--acp-sidebar-width:78px}.isAcpPage.acpSidebarCollapsed .acpSidebar{border-radius:18px}.isAcpPage.acpSidebarCollapsed .acpSideLabel,.isAcpPage.acpSidebarCollapsed .acpSideHeading{display:none}.isAcpPage.acpSidebarCollapsed .acpSidebarTop{padding:10px 8px;display:grid;justify-items:center}.isAcpPage.acpSidebarCollapsed .acpSidebarBrand{justify-content:center}.isAcpPage.acpSidebarCollapsed .acpCollapseToggle{margin-top:5px}.isAcpPage.acpSidebarCollapsed .acpSideNav{padding:8px}.isAcpPage.acpSidebarCollapsed .acpSideLink{justify-content:center;padding:6px}.isAcpPage.acpSidebarCollapsed .acpSideLink.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 48%,transparent)}.isAcpPage.acpSidebarCollapsed .acpSidebarFoot .acpSideLink{justify-content:center}

/* Responsive foundations for the entire system */
img,video,canvas,svg{max-width:100%;height:auto}.page,.card,.grid2,.cards,.stats,.tablewrap,.acpContent{min-width:0}.form input,.form textarea,.form select,button,.button{max-width:100%}.tablewrap{max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.tablewrap table{min-width:680px}.inline{display:inline-flex;gap:7px;align-items:center;flex-wrap:wrap}.card{overflow-wrap:anywhere}.card pre,.card code{max-width:100%;overflow:auto}.mediaFieldPreview,.mediaActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

@media(max-width:1180px){.siteHeader{gap:14px}.siteHeader .mainNav{gap:10px}.siteHeader .mainNav a{font-size:.86rem}.userMenuName{max-width:110px}.acpShell{--acp-sidebar-width:238px;gap:16px}}
@media(max-width:980px){
 .siteHeader{align-items:center;flex-wrap:nowrap;padding:11px 14px;min-height:62px}.siteHeader .brand{min-width:0;flex:1}.siteHeader .brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portalNavToggle{display:grid;place-items:center;order:2;flex:0 0 42px;width:42px;height:42px;margin-left:0;padding:0;z-index:75}.siteHeader .account{display:flex!important;width:auto!important;order:3!important;margin-left:0;padding:0!important}.siteHeader .mainNav{display:flex!important;position:fixed;z-index:70;top:0;left:0;bottom:0;width:min(360px,88vw)!important;padding:82px 18px 24px!important;flex-direction:column;gap:5px;background:color-mix(in srgb,var(--panel) 97%,transparent);box-shadow:24px 0 65px rgba(0,0,0,.34);transform:translateX(-104%);transition:transform .2s ease;overflow-y:auto!important}.siteHeader.navOpen .mainNav{transform:translateX(0)}.siteHeader .mainNav a{padding:12px 14px;border-radius:12px;font-size:.96rem}.siteHeader .mainNav a:hover{background:var(--panel2)}.siteHeader.navOpen .navBackdrop,.userMenu.userMenuOpen~.navBackdrop{display:block}.siteHeader.navOpen .navBackdrop,.userMenuOpen .navBackdrop{display:block}.navBackdrop:not([hidden]){display:block}.userMenuName,.userMenuChevron{display:none}.userMenuToggle{width:42px;height:42px;padding:4px;border-radius:13px}.userAvatarMini{width:32px;height:32px}.userDropdown{position:fixed;z-index:80;top:0;right:0;bottom:0;width:min(390px,92vw);border-radius:22px 0 0 22px;padding:16px 13px;transform:translateX(104%);opacity:1;visibility:visible;transition:transform .2s ease;overflow-y:auto}.userMenuOpen .userDropdown{transform:translateX(0)}.userDropdownHead{padding:8px 5px 16px;margin-bottom:8px}.userMenuClose{display:grid;place-items:center}.userDropdown>a{padding:12px}.guestActions>a:not(.button){display:none}.guestActions .button{padding:9px 11px;font-size:.8rem}.page{width:min(100% - 24px,1500px)}.hero{padding:34px 0 20px}.hero h1{font-size:clamp(1.8rem,8vw,3.1rem)}.grid2{grid-template-columns:1fr}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 .isAcpPage .siteHeader{z-index:88}.isAcpPage .hero{padding:18px 0 12px}.isAcpPage .hero .eyebrow{font-size:.68rem}.isAcpPage .hero h1{font-size:1.55rem}.acpMobileToggle{display:flex;align-items:center;gap:9px;position:sticky;top:72px;z-index:87;margin:0 0 12px;padding:10px 13px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.12);backdrop-filter:blur(14px)}.acpShell,.isAcpPage.acpSidebarCollapsed .acpShell{display:block}.acpSidebar,.isAcpPage.acpSidebarCollapsed .acpSidebar{position:fixed;z-index:92;top:0;left:0;bottom:0;width:min(330px,88vw);max-height:none;border-radius:0 22px 22px 0;transform:translateX(-104%);transition:transform .2s ease;box-shadow:24px 0 65px rgba(0,0,0,.38)}.isAcpPage.acpSidebarOpen .acpSidebar{transform:translateX(0)}.isAcpPage.acpSidebarOpen .acpBackdrop{display:block}.acpBackdrop:not([hidden]){display:block}.isAcpPage.acpSidebarCollapsed .acpSidebarTop{padding:12px;display:flex;justify-items:initial}.isAcpPage.acpSidebarCollapsed .acpSideLabel,.isAcpPage.acpSidebarCollapsed .acpSideHeading{display:block}.isAcpPage.acpSidebarCollapsed .acpSideLink,.isAcpPage.acpSidebarCollapsed .acpSidebarFoot .acpSideLink{justify-content:flex-start;padding:7px 10px}.isAcpPage.acpSidebarCollapsed .acpSideLink.active{box-shadow:inset 3px 0 0 var(--accent)}.acpCollapseToggle{display:none}.acpSideNav{padding-bottom:24px}.isAcpPage table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.isAcpPage .form label{min-width:0}.isAcpPage .card{padding:16px}.isAcpPage .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){.siteHeader .brand>span:last-child{font-size:.88rem}.logo{width:32px;height:32px}.guestActions .button{font-size:0;width:42px;height:42px;padding:0;display:grid;place-items:center}.guestActions .button:after{content:'+';font-size:1.25rem}.page{width:calc(100% - 18px)}.card{padding:15px;border-radius:16px}.stats,.isAcpPage .stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:14px}.stat strong{font-size:1.45rem}.styleSwitch{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.styleSwitch button{white-space:nowrap}.form form{gap:11px}.button,button{min-height:40px}.eventPortalCard{max-width:100%}.acpContent .grid2{gap:12px}}
@media(max-width:390px){.stats,.isAcpPage .stats{grid-template-columns:1fr}.siteHeader{padding-inline:9px}.page{width:calc(100% - 12px)}.userDropdown{width:96vw}.portalNavToggle,.userMenuToggle{width:40px;height:40px}.acpMobileToggle{top:68px}}
@media(prefers-reduced-motion:reduce){.userDropdown,.siteHeader .mainNav,.acpSidebar,.userMenuChevron{transition:none!important}}
.userLogoutForm{margin:5px 0 0;padding-top:5px;border-top:1px solid var(--line)}.userLogoutForm button{width:100%;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:10px 11px;border-radius:11px;background:transparent;color:var(--text);text-align:left}.userLogoutForm button:hover,.userLogoutForm button:focus-visible{background:color-mix(in srgb,#ff6574 11%,var(--panel2));color:#ff8b95}.userLogoutForm button span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,101,116,.1)}

/* 0.2.6 – Portal-wide modern layouts & server-side pagination */
.portalOverviewLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:24px;align-items:start;margin:20px 0 36px}.portalOverviewMain{min-width:0;display:grid;gap:18px}.portalOverviewSidebar{min-width:0}.portalSidebarSticky{position:sticky;top:94px;display:grid;gap:14px}.portalSidebarCard,.portalPanel,.portalResultToolbar{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel2) 90%,transparent));border:1px solid var(--line);border-radius:calc(var(--radius,18px) + 2px);box-shadow:var(--shadow);padding:18px;overflow:hidden}.portalSidebarCard h3,.portalPanel h2,.portalPanel h3{margin-top:0}.portalSidebarCard:before{content:"";display:block;width:44px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));margin-bottom:14px}.portalFacetList{display:grid;gap:7px}.portalFacetList a,.portalFacetList button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;padding:9px 11px;border-radius:12px;border:1px solid transparent;color:var(--text);background:color-mix(in srgb,var(--panel2) 62%,transparent)}.portalFacetList a:hover,.portalFacetList a.active,.portalFacetList a:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--panel2));transform:translateX(2px)}.portalResultToolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.portalResultToolbar h2{margin:.2rem 0 .25rem}.portalInlineSearch{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.portalInlineSearch label{min-width:min(320px,100%)}.portalInlineSearch input,.portalInlineSearch select{margin:0}.modernPortalGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.portalQuickFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portalQuickFacts>div{padding:12px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel2) 72%,transparent)}.portalQuickFacts strong{display:block;font-size:1.15rem}.portalActionStack{display:grid;gap:8px}.portalActionStack .button,.portalActionStack button{width:100%;justify-content:center}.portalMiniEntry{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid var(--line)}.portalMiniEntry:last-child{border-bottom:0}.portalMiniEntry small{color:var(--muted)}
.portalPagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:16px 4px}.portalPagination a,.portalPagination span{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px}.pageNumber{min-width:38px;padding:0 10px;text-decoration:none;background:var(--panel);border:1px solid var(--line)}.pageNumber:hover,.pageNumber.active{background:color-mix(in srgb,var(--accent) 16%,var(--panel));border-color:color-mix(in srgb,var(--accent) 48%,var(--line));color:var(--text)}.pageArrow{padding:0 12px;text-decoration:none;background:var(--panel2);border:1px solid var(--line)}.pageArrow.disabled{opacity:.42}.pageGap{min-width:24px;color:var(--muted)}.pageMeta{width:100%;font-size:.78rem;color:var(--muted);margin-top:5px}
.searchModernList,.notificationModernList,.dashboardActivityList,.workspaceList{display:grid;gap:11px}.searchModernEntry,.notificationModernEntry,.dashboardActivityItem,.workspaceListItem{display:grid;gap:6px;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel2) 85%,transparent),color-mix(in srgb,var(--panel) 94%,transparent));text-decoration:none;color:inherit}.searchModernEntry:hover,.notificationModernEntry:hover,.dashboardActivityItem:hover,.workspaceListItem:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));transform:translateY(-1px)}.mediaModernGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.mediaModernCard{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--panel);box-shadow:0 8px 24px rgba(0,0,0,.08)}.mediaModernPreview{aspect-ratio:4/3;background:var(--panel2);overflow:hidden}.mediaModernPreview img{width:100%;height:100%;object-fit:cover}.mediaModernFallback{height:100%;display:grid;place-items:center;font-size:2rem;color:var(--muted)}.mediaModernCardBody{padding:13px}.dashboardMetricGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.dashboardMetricGrid .metric,.portalMetricStack .metric{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.dashboardMetricGrid strong,.portalMetricStack strong{font-size:1.4rem;display:block}.portalMetricStack{display:grid;gap:10px}.modernPreferenceGrid,.securityMethodGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.modernEditorPanel,.securityMethodCard{padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.modernFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.modernFormGrid .wide{grid-column:1/-1}.modernFormActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.securityMethodHead{display:flex;align-items:center;gap:11px}.securityIcon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--accent) 13%,var(--panel2));font-size:1.25rem}.securitySetupBox{padding:12px;border:1px dashed color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--accent) 5%,transparent)}
.authPortalLayout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.72fr);gap:28px;align-items:stretch;max-width:1080px;margin:30px auto}.authPortalVisual,.authPortalCard{border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.authPortalVisual{min-height:520px;padding:clamp(28px,5vw,60px);display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 20%,transparent),transparent 45%),linear-gradient(35deg,var(--panel),var(--panel2));position:relative}.authPortalVisual:before{content:"";position:absolute;inset:0;background-image:var(--style-hero-image);background-size:cover;background-position:center;opacity:.24;pointer-events:none}.authPortalVisual>*{position:relative}.authPortalCard{padding:clamp(22px,4vw,38px);background:var(--panel)}.authFeatureList{display:grid;gap:9px;margin-top:20px}.authFeatureList span{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.055)}.authPortalLinks{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.authSecondaryForm{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.workspaceHero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),var(--panel2));border:1px solid var(--line)}.workspaceHero h2{margin:.15rem 0}.workspaceTabs{display:flex;gap:7px;flex-wrap:wrap;padding:8px;border:1px solid var(--line);background:var(--panel);border-radius:15px;position:sticky;top:80px;z-index:4}.workspaceTabs a{padding:8px 11px;border-radius:10px;text-decoration:none;background:var(--panel2)}.workspaceTabs a:hover{background:color-mix(in srgb,var(--accent) 13%,var(--panel2))}.workspaceSection{scroll-margin-top:150px}.detailModernHeader{display:grid;gap:14px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--panel)),var(--panel));box-shadow:var(--shadow)}.detailModernHeader h2{font-size:clamp(1.55rem,3vw,2.35rem);margin:0}.detailMetaRow{display:flex;gap:7px;flex-wrap:wrap}.detailModernBody{display:grid;gap:16px}.detailCommunityCard{display:grid;gap:15px}.detailCommunityCard .reactionBar{display:flex;gap:5px;flex-wrap:wrap}.detailCommunityCard .comment{padding:10px 0;border-bottom:1px solid var(--line)}
.srOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* modernize legacy pages without forcing markup rewrites */
.frontendPage>.card,.frontendPage>.grid2>.card,.frontendPage>.tabs+.card{border-radius:18px;box-shadow:var(--shadow)}.frontendPage>.grid2{align-items:start}.frontendPage table{border-collapse:separate;border-spacing:0}.frontendPage th{font-size:.76rem;text-transform:uppercase;letter-spacing:.045em;color:var(--muted)}.frontendPage td,.frontendPage th{padding:11px 12px}.frontendPage tbody tr{transition:background .18s ease}.frontendPage tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}
@media(max-width:980px){.portalOverviewLayout,.authPortalLayout{grid-template-columns:1fr}.portalSidebarSticky{position:static}.portalOverviewSidebar{order:2}.portalResultToolbar{align-items:stretch;flex-direction:column}.portalInlineSearch{width:100%}.portalInlineSearch label{flex:1;min-width:220px}.authPortalVisual{min-height:300px}.workspaceTabs{position:static}.modernFormGrid{grid-template-columns:1fr}.portalQuickFacts{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.portalOverviewLayout{gap:14px}.portalSidebarCard,.portalPanel,.portalResultToolbar{padding:14px}.modernPortalGrid,.mediaModernGrid{grid-template-columns:1fr}.portalQuickFacts{grid-template-columns:1fr}.portalInlineSearch{display:grid;grid-template-columns:1fr}.portalInlineSearch label{min-width:0}.pageArrow span{display:none}.pageMeta{text-align:center}.authPortalLayout{margin:12px auto}.authPortalVisual{min-height:230px;padding:24px}.workspaceHero{align-items:flex-start;flex-direction:column}.workspaceTabs{overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x proximity}.workspaceTabs a{white-space:nowrap;scroll-snap-align:start}.dashboardMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailModernHeader{padding:15px}}

/* 0.2.7 – Galerie-Werkstatt, Mehrbild-Einträge und Alben */
.galleryManageLayout .portalOverviewMain{min-width:0}.galleryEditorSection{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.galleryImageEditorGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.galleryImageEditCard{border:1px solid var(--line);border-radius:20px;background:var(--panel2);overflow:hidden;transition:transform .16s ease,border-color .16s ease,opacity .16s ease}.galleryImageEditCard.dragging{opacity:.55;transform:scale(.985);border-color:var(--accent)}.galleryEditPreview{height:190px;border-radius:0}.galleryEditPreview img{height:100%!important;object-fit:cover!important}.galleryImageEditBody{display:grid;gap:10px;padding:13px}.galleryImageEditBody label{margin:0}.galleryImageActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.galleryImageActions a,.galleryImageActions button,.dragHandle{font-size:.78rem}.dragHandle{cursor:grab;color:var(--muted);margin-right:auto}.coverChoice{display:flex!important;align-items:center;gap:7px;font-weight:800}.coverChoice input{width:auto}.galleryAlbumChoices{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.galleryAlbumChoices label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);cursor:pointer}.galleryAlbumChoices input{width:auto}.galleryAlbumChoices span{display:grid;gap:2px}.galleryAlbumChoices small{color:var(--muted)}.uploadRow{display:grid;grid-template-columns:1fr;gap:7px;padding:10px 0;border-bottom:1px solid var(--line)}.uploadRow.withPreview{grid-template-columns:70px 1fr;align-items:center}.uploadPreview{width:70px;height:58px;object-fit:cover;border-radius:10px}.uploadRowInfo{display:grid;gap:5px;min-width:0}.uploadRowInfo strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uploadRowInfo progress{width:100%}.uploadRow.complete span{color:var(--success,#69d39b)}.uploadRow.error span{color:var(--danger,#ff8585)}.uploadRow.resuming span{color:var(--accent)}
.albumPortalGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.albumPortalGrid .portalEntryCard{flex:none}.galleryDetailMedia{margin-top:20px}.galleryDetailLead{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px}.galleryDetailGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}.galleryDetailFigure{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel2)}.galleryDetailImage{height:clamp(240px,34vw,520px);border-radius:0}.galleryDetailImage img{height:100%!important;object-fit:cover!important}.galleryDetailFigure figcaption{padding:11px 13px;color:var(--muted)}.galleryAlbumLinks{margin-top:24px}.galleryAlbumLinks .portalFilterBar{margin:0}.mediaUploadPanel input[type=file]{width:100%}
@media(max-width:760px){.galleryImageEditorGrid,.albumPortalGrid,.galleryDetailGrid{grid-template-columns:1fr}.galleryImageActions{align-items:stretch}.galleryImageActions a,.galleryImageActions button{flex:1}.uploadRow.withPreview{grid-template-columns:58px 1fr}.uploadPreview{width:58px;height:50px}}
/* 0.2.7 gallery/albums */
.albumCoverPreview{margin:12px 0;min-height:130px;border:1px dashed var(--line);border-radius:var(--radius-sm);overflow:hidden;display:grid;place-items:center;background:var(--panel2)}
.albumCoverPreview .naImageFrame{width:100%;height:180px}.albumCoverPreview img{width:100%;height:100%;object-fit:cover}
.albumCoverUpload{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:9px}.albumCoverUpload p{margin:0;color:var(--muted);font-size:.9rem}.albumCoverUpload input[type=file]{max-width:100%}
.galleryImageEditCard.dragging{opacity:.55;outline:2px dashed var(--accent)}
@media(max-width:720px){.galleryImageEditorGrid{grid-template-columns:1fr}.albumCoverPreview .naImageFrame{height:150px}}


/* 0.2.9 responsive gallery lightbox */
.na-lightbox-open{overflow:hidden}.galleryDetailImage .na-lightbox-enabled{cursor:zoom-in}
.naImageLightbox{box-sizing:border-box;width:min(98vw,1800px);max-width:98vw;height:min(96dvh,1200px);max-height:96dvh;margin:auto;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(4,10,15,.98);color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.75);overflow:hidden}
.naImageLightbox::backdrop{background:rgba(0,0,0,.9);backdrop-filter:blur(7px)}
.naLightboxShell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%}
.naLightboxToolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 8px 16px;background:rgba(5,13,19,.94);border-bottom:1px solid rgba(255,255,255,.1);z-index:5}.naLightboxCounter{font-size:.9rem;font-weight:800;color:#d8e8ef;white-space:nowrap}.naLightboxToolbarActions{display:flex;align-items:center;gap:7px}.naLightboxToolbarActions button{position:static;width:42px;height:42px;min-width:42px;padding:0;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;font-size:1.15rem;line-height:1}.naLightboxToolbarActions button:hover{background:rgba(255,255,255,.16)}.naLightboxToolbarActions button:disabled{opacity:.35;cursor:not-allowed}.naLightboxZoomReset{width:auto!important;min-width:62px!important;padding-inline:9px!important;font-size:.78rem!important}.naLightboxClose{font-size:1.55rem!important}
.naLightboxStage{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;min-height:0;background:radial-gradient(circle at center,rgba(31,72,90,.25),transparent 52%),#02070a;overflow:hidden}.naLightboxCanvas{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}.naLightboxCanvas img{display:block;max-width:100%;max-height:100%;width:auto!important;height:auto!important;object-fit:contain!important;transform-origin:center center!important;transition:transform .16s ease;box-shadow:none!important;border-radius:0!important;user-select:none;-webkit-user-drag:none}.naLightboxCanvas.isZoomed{align-items:center;justify-content:center}.naLightboxPrev,.naLightboxNext{position:relative;z-index:3;align-self:stretch;width:64px;border:0;border-radius:0;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent);color:#fff;font-size:2.6rem;opacity:.82}.naLightboxNext{background:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.naLightboxPrev:hover,.naLightboxNext:hover{opacity:1;background-color:rgba(255,255,255,.05)}.naLightboxCaption{min-height:48px;height:auto;padding:13px 18px;background:rgba(5,13,19,.94);border-top:1px solid rgba(255,255,255,.1);color:#d7e6ec;overflow-wrap:anywhere}.naLightboxCaption[hidden]{display:none}
.naImageLightbox:fullscreen{width:100vw;max-width:none;height:100vh;max-height:none;border:0;border-radius:0}.naImageLightbox:fullscreen .naLightboxStage{grid-template-columns:72px minmax(0,1fr) 72px}.naImageLightbox:fullscreen .naLightboxCanvas img{max-width:100%;max-height:100%}
@media(max-width:760px){.naImageLightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.naLightboxToolbar{min-height:54px;padding:6px 8px 6px 12px}.naLightboxToolbarActions{gap:4px}.naLightboxToolbarActions button{width:38px;height:38px;min-width:38px;border-radius:10px}.naLightboxZoomOut,.naLightboxZoomIn{display:none!important}.naLightboxZoomReset{min-width:54px!important}.naLightboxStage{grid-template-columns:44px minmax(0,1fr) 44px}.naLightboxPrev,.naLightboxNext{width:44px;font-size:2rem;background:rgba(0,0,0,.18)}.naLightboxCaption{min-height:44px;padding:11px 13px;font-size:.9rem}.galleryDetailImage{height:clamp(220px,62vw,460px)}}
@media(max-width:420px){.naLightboxStage{grid-template-columns:36px minmax(0,1fr) 36px}.naLightboxPrev,.naLightboxNext{width:36px;font-size:1.7rem}.naLightboxCounter{font-size:.78rem}.naLightboxFullscreen{display:grid}}

/* 0.2.10 style-aware dropdowns */
:root{--dropdown-bg:var(--panel2);--dropdown-text:var(--text);--dropdown-border:var(--line);--dropdown-hover:color-mix(in srgb,var(--accent) 12%,var(--panel2));}
select,.form select,.portalInlineSearch select,.preferenceView select,.modernFormGrid select{background-color:var(--dropdown-bg)!important;color:var(--dropdown-text)!important;border-color:var(--dropdown-border)!important;color-scheme:dark;}
select option,select optgroup{background-color:var(--dropdown-bg);color:var(--dropdown-text);}
select:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 58%,transparent);outline-offset:2px;border-color:var(--accent)!important;}
.style-aqua-classic{--dropdown-bg:#082b39;--dropdown-text:#f2fbff;--dropdown-border:rgba(83,232,255,.22);--dropdown-hover:#0d3c4b;}
.style-deep-ocean{--dropdown-bg:#071a30;--dropdown-text:#f1f8ff;--dropdown-hover:#0c2845;}
.style-neon-reef{--dropdown-bg:#11122e;--dropdown-text:#fff8ff;--dropdown-hover:#211744;}
.style-glass-reef{--dropdown-bg:#f2fbff;--dropdown-text:#123c58;--dropdown-border:rgba(30,139,180,.18);--dropdown-hover:#dff5fc;}
.style-glass-reef select{color-scheme:light;}
.style-biotope{--dropdown-bg:#f4f1dc;--dropdown-text:#21301d;--dropdown-border:rgba(58,91,46,.2);--dropdown-hover:#e1e9c9;}
.style-biotope select{color-scheme:light;}
.userDropdown,.siteHeader .mainNav{background-color:color-mix(in srgb,var(--dropdown-bg) 94%,transparent);color:var(--dropdown-text);}
.userDropdown>a:hover,.userDropdown>a:focus-visible,.siteHeader .mainNav a:hover{background:var(--dropdown-hover);}
/* 0.2.11 Local Site/Page/Menu Builder */
.siteLogoImage{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;overflow:hidden;background:var(--panel2);border:1px solid var(--line)}.siteLogoImage img{width:100%;height:100%;object-fit:cover}.mainNav .menuNode{position:relative;display:inline-flex;align-items:center}.mainNav .menuNode>a{display:flex;align-items:center;gap:6px}.menuItemIcon{font-size:.9em}.menuChildToggle{width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--muted);box-shadow:none}.menuChildren{position:absolute;z-index:90;top:calc(100% + 8px);left:0;min-width:220px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--dropdown-bg,var(--panel));box-shadow:0 20px 55px rgba(0,0,0,.28);display:none}.menuChildren .menuNode{display:flex;width:100%}.menuChildren .menuNode>a{width:100%;padding:9px 10px;border-radius:9px}.menuNode:hover>.menuChildren,.menuNode:focus-within>.menuChildren,.menuNode.submenuOpen>.menuChildren{display:block}.menuNode.submenuOpen>.menuChildToggle{transform:rotate(180deg)}
.siteBuilderRegion{width:min(1500px,calc(100% - 32px));margin:18px auto}.siteBuilderRegion-footer{width:100%;margin:12px 0 0}.builderArea{display:grid;gap:var(--card-gap,20px)}.builderBlock{min-width:0}.builderBlock:not(.builderBlock-spacer):not(.builderBlock-divider){border-radius:var(--radius,24px)}.builderHero{min-height:min(560px,64vh);display:grid;align-items:end;padding:clamp(24px,5vw,64px);border:1px solid var(--line);border-radius:var(--radius,24px);overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 92%,transparent),color-mix(in srgb,var(--bg) 35%,transparent)),var(--builder-hero-image,none) center/cover no-repeat,var(--panel2);box-shadow:0 22px 70px rgba(0,0,0,.16)}.builderHeroInner{max-width:760px}.builderHero h2{font-size:clamp(2rem,5vw,4.8rem);line-height:.98;margin:.2em 0}.builderHero p{font-size:clamp(1rem,1.5vw,1.25rem);color:var(--muted);max-width:65ch}.builderRichtext,.builderHtml,.builderBlock-callout,.builderBlock-widget,.builderBlock-menu,.builderBlock-heading{padding:clamp(18px,3vw,32px);border:1px solid var(--line);background:var(--panel);box-shadow:0 14px 40px rgba(0,0,0,.08)}.builderBlock-callout{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),var(--panel))}.builderImageFrame{margin:0}.builderImage{max-height:min(760px,80vh);object-fit:contain}.builderCaption{text-align:center;color:var(--muted);font-size:.9rem}.builderButtonRow{display:flex;justify-content:flex-start}.builderDivider{border:0;border-top:1px solid var(--line);margin:12px 0}.builderStream.cards{margin-top:14px}.builderMenu{display:flex;gap:10px;flex-wrap:wrap}.builderMenu .menuNode{display:inline-flex;position:relative}.pageBuilderLayout{display:grid;gap:24px;align-items:start}.pageBuilderLayout-sidebar-right{grid-template-columns:minmax(0,1fr) minmax(260px,360px)}.pageBuilderLayout-sidebar-left{grid-template-columns:minmax(260px,360px) minmax(0,1fr)}.pageBuilderLayout-full,.pageBuilderLayout-narrow{grid-template-columns:1fr}.pageBuilderLayout-narrow .pageBuilderMain{max-width:900px;width:100%;margin:auto}.pageBuilderSidebar{position:sticky;top:90px;display:grid;gap:18px}.pageBuilderHero,.pageBuilderAfter{margin-bottom:24px}.siteFooter{margin-top:54px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(18px)}.siteFooterInner{width:min(1500px,calc(100% - 32px));margin:auto;padding:30px 0;display:grid;gap:18px}.siteFooterBrand{font-weight:760;color:var(--muted)}.footerNav{display:flex;gap:10px 18px;flex-wrap:wrap}.footerNav .menuNode{display:inline-flex;position:relative}.footerNav a{color:var(--text);text-decoration:none}.footerNav a:hover{color:var(--accent)}.userDropdownSub{padding-left:12px}.userDropdownSub>a{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:8px 11px;border-radius:10px;text-decoration:none;color:var(--text)}
.builderAdminIntro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.builderAdminIntro h2{margin:.2em 0}.builderAdminGrid{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:22px;align-items:start}.builderPagesGrid{grid-template-columns:minmax(230px,310px) minmax(0,1fr)}.builderCanvas{min-width:0}.builderCanvasHead,.builderFormHead,.builderRegionHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.builderRegionHead{padding:10px 4px}.builderRegionHead h3{margin:0}.builderRegionHead span{color:var(--muted);font-size:.8rem}.builderAdminRegion+.builderAdminRegion{margin-top:22px}.builderDropzone{min-height:86px;padding:10px;border:1px dashed color-mix(in srgb,var(--line) 82%,transparent);border-radius:16px;display:grid;gap:8px;transition:border-color .15s ease,background .15s ease}.builderDropzone.isDragOver{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.builderDropzone.isSaved{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.builderAdminBlock{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.builderAdminBlock.isDragging{opacity:.45}.builderAdminBlock.isDisabled{opacity:.62}.builderAdminBlock strong,.builderAdminBlock small{display:block}.builderAdminBlock small{color:var(--muted);font-size:.75rem}.builderDragHandle{width:34px;height:34px;padding:0;cursor:grab;background:transparent;color:var(--muted);border:1px solid var(--line);box-shadow:none}.builderBlockActions{display:flex;gap:6px;align-items:center}.builderBlockActions button{padding:7px 9px}.builderEmpty{padding:22px;text-align:center;color:var(--muted)}.builderTypeFields[hidden]{display:none!important}.builderBlockEditor{margin-top:18px}.builderPageList{position:sticky;top:90px;max-height:calc(100vh - 120px);overflow:auto}.builderPageLink{display:block;padding:11px 12px;border-radius:12px;text-decoration:none;color:var(--text)}.builderPageLink:hover,.builderPageLink.active{background:var(--panel2)}.builderPageLink strong,.builderPageLink span{display:block}.builderPageLink span{font-size:.75rem;color:var(--muted);margin-top:2px}.menuBuilderLayout{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:22px;align-items:start}.menuBuilderTree{display:grid;gap:8px}.menuBuilderItem{border:1px solid var(--line);border-radius:13px;background:var(--panel2);overflow:visible}.menuBuilderRow{display:grid;grid-template-columns:34px 30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px}.menuBuilderRow strong,.menuBuilderRow small{display:block}.menuBuilderRow small{font-size:.72rem;color:var(--muted)}.menuTreeButtons{display:flex;gap:5px;align-items:center}.menuTreeButtons button{padding:7px 9px}.menuBuilderChildren{display:grid;gap:7px;margin:0 0 8px 38px;padding-left:10px;border-left:1px dashed var(--line)}.menuBuilderItem.dropBefore{box-shadow:0 -3px 0 var(--accent)}.menuBuilderItem.dropAfter{box-shadow:0 3px 0 var(--accent)}.menuBuilderItem.dropInside{outline:2px solid var(--accent);outline-offset:2px}.menuBuilderTree.isSaved{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}
@media(max-width:980px){.pageBuilderLayout-sidebar-right,.pageBuilderLayout-sidebar-left{grid-template-columns:1fr}.pageBuilderSidebar{position:static;order:2}.builderAdminGrid,.builderPagesGrid,.menuBuilderLayout{grid-template-columns:1fr}.builderPageList{position:static;max-height:none}.builderAdminIntro{align-items:flex-start;flex-direction:column}.mainNav .menuNode{display:flex;width:100%;flex-wrap:wrap}.mainNav .menuNode>a{flex:1}.mainNav .menuChildToggle{display:grid;place-items:center}.mainNav .menuChildren{position:static;width:100%;min-width:0;margin:4px 0 4px 14px;padding:5px;border-radius:10px;box-shadow:none}.mainNav .menuNode:not(.submenuOpen)>.menuChildren{display:none}.mainNav .menuNode.submenuOpen>.menuChildren{display:block}.menuNode:hover>.menuChildren{display:none}.mainNav .menuNode.submenuOpen:hover>.menuChildren{display:block}.builderAdminBlock{grid-template-columns:34px minmax(0,1fr)}.builderBlockActions{grid-column:1/-1;justify-content:flex-end}.menuBuilderRow{grid-template-columns:34px 28px minmax(0,1fr)}.menuTreeButtons{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}.menuBuilderChildren{margin-left:20px}.builderHero{min-height:440px}}
@media(max-width:560px){.siteBuilderRegion,.siteFooterInner{width:calc(100% - 20px)}.builderHero{min-height:360px;padding:22px}.builderHero h2{font-size:clamp(1.8rem,10vw,3rem)}.builderBlockActions .button{font-size:.78rem}.menuTreeButtons .button{font-size:.78rem}.builderFormHead{align-items:flex-start;flex-direction:column}}

/* 0.2.12 modern expandable search controls */
.searchIcon{position:relative;display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box}.searchIcon:after{content:"";position:absolute;width:8px;height:2px;border-radius:2px;background:currentColor;right:-6px;bottom:-3px;transform:rotate(45deg);transform-origin:left center}.headerSearch{position:relative;margin-left:auto}.headerSearchToggle,.collapsibleSearchToggle{width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--panel2) 88%,transparent));color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.1);transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.headerSearchToggle:hover,.headerSearchToggle:focus-visible,.collapsibleSearchToggle:hover,.collapsibleSearchToggle:focus-visible,.isOpen>.collapsibleSearchToggle,.headerSearch.isOpen>.headerSearchToggle{background:color-mix(in srgb,var(--accent) 15%,var(--panel));border-color:color-mix(in srgb,var(--accent) 68%,var(--line));color:var(--accent);transform:translateY(-1px)}.collapsibleSearchToggle.large{width:48px;height:48px}.headerSearchPanel{position:absolute;z-index:120;right:0;top:calc(100% + 10px);width:min(440px,calc(100vw - 24px));display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--dropdown-bg,var(--panel)) 96%,transparent);box-shadow:0 22px 60px rgba(0,0,0,.25);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.headerSearch.isOpen .headerSearchPanel{opacity:1;visibility:visible;transform:none;pointer-events:auto}.headerSearchPanel label{margin:0}.headerSearchPanel input,.collapsibleSearchPanel input[type="search"]{margin:0;background:color-mix(in srgb,var(--dropdown-bg,var(--panel2)) 90%,transparent);color:var(--dropdown-text,var(--text));border-color:var(--dropdown-border,var(--line));border-radius:13px}.headerSearchSubmit{width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:13px}.collapsibleSearch{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:48px}.collapsibleSearchPanel{display:grid;grid-template-columns:minmax(190px,1fr) minmax(150px,auto) auto;gap:8px;align-items:end;max-width:0;opacity:0;overflow:hidden;visibility:hidden;transform:translateX(8px);transition:max-width .28s ease,opacity .18s ease,transform .18s ease,visibility .18s ease}.collapsibleSearch.isOpen .collapsibleSearchPanel{max-width:760px;opacity:1;visibility:visible;transform:none;overflow:visible}.collapsibleSearchPanel label{margin:0;min-width:0}.collapsibleSearchPanel select{margin:0;min-width:150px}.searchHeroForm .collapsibleSearch{width:100%;justify-content:flex-start}.searchHeroForm .collapsibleSearchPanel{grid-template-columns:minmax(240px,1.5fr) minmax(180px,.7fr) auto;flex:1}.searchSubmitButton{white-space:nowrap}.style-aqua-classic .headerSearchPanel{box-shadow:0 20px 50px rgba(11,73,99,.16)}.style-neon-reef .headerSearchToggle,.style-neon-reef .collapsibleSearchToggle{box-shadow:0 0 24px color-mix(in srgb,var(--accent) 18%,transparent)}.siteFooterCopyright{padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}.siteFooterCopyright a{color:var(--accent);text-decoration:none}.siteFooterCopyright a:hover{text-decoration:underline}.registrationConsents{display:grid;gap:9px;margin:12px 0}.registrationConsents .switchLine{align-items:flex-start}.registrationConsents a{color:var(--accent)}.aquaristikCaptcha{--nc-text:var(--text);--nc-border:var(--line);--nc-surface:var(--panel);--nc-surface-alt:var(--panel2);--nc-primary:var(--accent);--nc-on-primary:#fff;max-width:100%}.aquaristikCaptcha .nc-panel{box-shadow:var(--shadow)}
@media(max-width:980px){.headerSearch{margin-left:0}.headerSearchPanel{position:fixed;top:72px;left:12px;right:12px;width:auto}.collapsibleSearch.isOpen{width:100%}.collapsibleSearchPanel{grid-template-columns:minmax(0,1fr) auto;flex:1}.collapsibleSearchPanel select{grid-column:1/-1}.searchHeroForm .collapsibleSearchPanel{grid-template-columns:1fr}.searchHeroForm .collapsibleSearchPanel select,.searchHeroForm .searchSubmitButton{grid-column:auto}}
@media(max-width:620px){.headerSearchToggle,.collapsibleSearchToggle{width:40px;height:40px}.collapsibleSearch{justify-content:flex-start}.collapsibleSearchPanel{grid-template-columns:1fr;min-width:0}.collapsibleSearch.isOpen .collapsibleSearchPanel{max-width:none;width:calc(100% - 48px)}.collapsibleSearchPanel select,.collapsibleSearchPanel .searchSubmitButton{width:100%;grid-column:auto}.portalResultToolbar .collapsibleSearch{align-items:flex-start}.headerSearchPanel{top:64px}}
@media(max-width:980px){.siteHeader .headerSearch{order:3;margin-left:0;flex:0 0 auto}.siteHeader .account{order:4!important}.siteHeader .portalNavToggle{order:2}.siteHeader .brand{order:1}}
.systemPageBadge{display:inline-flex;margin-left:8px;padding:2px 7px;border-radius:999px;font-size:.65rem;font-style:normal;background:color-mix(in srgb,var(--accent) 14%,var(--panel2));color:var(--accent);vertical-align:middle}

/* 0.2.13 – Startseite neu ausbalanciert nach Portal-Screenshot-Review */
.portalHero{min-height:clamp(430px,50vw,560px);align-items:center;margin:24px 0 18px;border-radius:26px;background-position:center;box-shadow:0 24px 64px rgba(0,0,0,.18)}
.portalHero:not(.hasMedia) .portalHeroShade{display:none}
.portalHero.hasMedia .portalHeroShade{background:linear-gradient(90deg,rgba(2,12,18,.88) 0%,rgba(2,12,18,.65) 48%,rgba(2,12,18,.18) 100%),linear-gradient(0deg,rgba(2,12,18,.42),transparent 58%)}
.portalHeroContent{max-width:760px;padding:clamp(30px,5vw,64px);color:var(--text)}
.portalHero.hasMedia .portalHeroContent{color:#f5fbff}
.portalHero h1{font-size:clamp(2.45rem,5.1vw,5.15rem);line-height:.94;max-width:820px;margin:.22em 0 .28em}
.portalHero p{font-size:clamp(.98rem,1.25vw,1.17rem);line-height:1.58;max-width:700px;color:color-mix(in srgb,currentColor 78%,transparent)}
.portalHeroActions{margin-top:22px}
.style-aqua-classic .portalHero.hasMedia .portalHeroContent{color:#f5fbff}
.portalStatBar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 26px}
.portalStatBar>div{display:grid;gap:2px;min-width:0;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 10px 26px rgba(0,0,0,.08)}
.portalStatBar strong{font-size:1.35rem;line-height:1;color:var(--text)}
.portalStatBar span{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.portalTopicStrip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:28px}
.portalTopic{min-height:118px;padding:17px;border-radius:18px}.portalTopic:after{width:105px;height:105px}.portalTopicIcon{font-size:1.25rem}
.portalDirectionRail{margin:0 0 32px;padding:11px 0;gap:16px}.portalDirectionScroll a{padding:7px 11px}
.portalSection{margin:34px 0}.portalSectionHead{margin-bottom:13px}.portalSectionHead h2{font-size:clamp(1.55rem,2.2vw,2.45rem)}
.portalEntryCard{flex-basis:clamp(250px,25vw,340px);border-radius:18px}.portalEntryMedia{height:185px}.portalEntryBody{padding:15px}.portalEntryBody h3{font-size:1.08rem}
.portalRailSparse{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,330px));overflow:visible;scroll-snap-type:none}.portalRailSparse .portalEntryCard{width:auto;max-width:330px}
.portalJoin{margin:42px 0 10px;padding:clamp(26px,4vw,46px);border-radius:24px}
.siteFooter{margin-top:40px}.siteFooterInner{grid-template-columns:minmax(220px,.8fr) minmax(0,1.8fr);align-items:start;column-gap:30px;padding:26px 0}.siteFooterBrand{font-size:.92rem}.footerNav{justify-content:flex-start;gap:8px 16px}.footerNav .menuItemIcon{display:none}.footerNav a{font-size:.9rem}.siteBuilderRegion-footer,.siteFooterCopyright{grid-column:1/-1}.siteFooterCopyright{margin-top:2px}

@media (min-width:981px) and (max-width:1240px){
  .siteHeader{position:sticky;flex-wrap:nowrap;gap:12px;padding-inline:24px}
  .portalNavToggle{display:grid;place-items:center;margin-left:auto;order:2;width:42px;height:42px;padding:0}
  .siteHeader .mainNav{display:none;position:absolute;z-index:110;top:calc(100% + 8px);left:24px;right:24px;width:auto;max-height:calc(100dvh - 100px);overflow:auto;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(20px)}
  .siteHeader.navOpen .mainNav{display:flex}
  .siteHeader .mainNav .menuNode{display:flex;width:100%;flex-wrap:wrap}
  .siteHeader .mainNav .menuNode>a{flex:1;padding:11px 12px}
  .siteHeader .mainNav .menuChildToggle{display:grid;place-items:center;width:42px;background:transparent;color:var(--text)}
  .siteHeader .mainNav .menuChildren{position:static;width:100%;min-width:0;margin:3px 0 3px 14px;padding:5px;border-radius:10px;box-shadow:none}
  .siteHeader .mainNav .menuNode:not(.submenuOpen)>.menuChildren{display:none}.siteHeader .mainNav .menuNode.submenuOpen>.menuChildren{display:block}
  .siteHeader .headerSearch{order:3;margin-left:0}.siteHeader .account{order:4}
}
@media(max-width:900px){.portalStatBar{grid-template-columns:repeat(3,minmax(0,1fr))}.siteFooterInner{grid-template-columns:1fr}.siteBuilderRegion-footer,.siteFooterCopyright{grid-column:auto}}
@media(max-width:700px){.portalHero{min-height:0;border-radius:20px}.portalHeroContent{padding:32px 20px}.portalHero h1{font-size:clamp(2.15rem,11vw,3.5rem)}.portalStatBar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portalStatBar>div{padding:13px}.portalTopicStrip{margin-bottom:22px}.portalTopic{flex-basis:74vw;min-height:108px}.portalSection{margin:28px 0}.portalEntryMedia{height:170px}.portalJoin{margin-top:32px}}

/* 0.2.16 · Privatnachrichten / Mail / Sperren & Spam */
.pmHeaderLink{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.pmHeaderLink b{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;display:grid;place-items:center}
.pmShell{display:grid;gap:18px}.pmTopbar,.pmInboxHead,.pmThreadHeader{display:flex;align-items:center;justify-content:space-between;gap:18px}.pmTopbar h2,.pmThreadHeader h3{margin:.25rem 0}.pmTabs{display:flex;gap:8px;flex-wrap:wrap}.pmTabs a{padding:.65rem 1rem;border:1px solid var(--line);border-radius:999px;color:var(--text);text-decoration:none;background:var(--panel)}.pmTabs a.active{background:var(--accent);color:#fff}.pmTabs b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:rgba(255,255,255,.22);font-size:11px}
.pmThreadList{display:grid}.pmThreadRow{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}.pmThreadRow:hover{background:var(--panel2)}.pmThreadRow.unread{font-weight:700}.pmThreadAvatar,.pmAvatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:800}.pmThreadAvatar{width:44px;height:44px}.pmThreadText{min-width:0;display:grid;gap:5px}.pmThreadText small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmThreadMeta{display:grid;justify-items:end;gap:6px;color:var(--muted);font-size:.85rem}.pmThreadMeta b{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#fff}
.pmParticipantChips{display:flex;flex-wrap:wrap;gap:6px}.pmParticipantChips span{padding:.35rem .6rem;border-radius:999px;background:var(--panel2);border:1px solid var(--line);font-size:.82rem}.pmMessages{display:grid;gap:16px}.pmMessage{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;max-width:980px}.pmMessage.own{margin-left:auto;grid-template-columns:minmax(0,1fr) 44px}.pmMessage.own .pmAvatar{grid-column:2;grid-row:1}.pmMessage.own .pmBubble{grid-column:1;grid-row:1;background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.pmAvatar{width:42px;height:42px}.pmBubble{padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 14px 34px rgba(0,0,0,.08)}.pmBubble header{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.pmBubble header time,.pmBubble header small{color:var(--muted);font-size:.8rem}.pmBody{line-height:1.65;overflow-wrap:anywhere}.pmAttachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pmAttachments a{padding:.5rem .7rem;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--text);background:var(--panel2)}.pmBubble footer{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.pmSmileyPicker{display:flex;gap:6px;flex-wrap:wrap;padding:8px 0}.pmSmileyPicker button{padding:4px 7px;min-width:36px;background:var(--panel2);border:1px solid var(--line);border-radius:9px}.pmSmiley{object-fit:contain;vertical-align:middle}.pmSmileySymbol{font-size:1.35rem;line-height:1}.pmManage{display:grid;gap:16px}.pmThreadActions form,.inlineForm,.buttonRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.linkButton{background:none;border:0;padding:0;color:var(--muted);text-decoration:underline}.tableWrap{overflow:auto}.tableWrap table{min-width:760px;width:100%;border-collapse:collapse}.tableWrap th,.tableWrap td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.statGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px}.statGrid .stat{padding:16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);display:grid;gap:6px}.statGrid .stat strong{font-size:1.2rem}.statGrid .stat span{color:var(--muted)}.smtpTranscript{max-height:420px;overflow:auto;padding:12px;border-radius:12px;background:#08111d;color:#cde7ff;font-family:ui-monospace,monospace}.smtpTranscript div{display:grid;grid-template-columns:70px 70px 1fr;gap:8px;padding:4px 0}.smtpTranscript code{white-space:pre-wrap;color:inherit}.dangerText{color:#c62828}.form .switchLine{display:flex;align-items:center;gap:10px}.form .switchLine input{width:auto}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:800px){.pmTopbar,.pmThreadHeader{align-items:stretch;flex-direction:column}.pmThreadRow{grid-template-columns:40px 1fr}.pmThreadMeta{grid-column:2;display:flex;justify-content:space-between}.pmMessage,.pmMessage.own{grid-template-columns:36px minmax(0,1fr);width:100%;margin:0}.pmMessage.own .pmAvatar{grid-column:1}.pmMessage.own .pmBubble{grid-column:2}.pmAvatar{width:36px;height:36px}.grid2{grid-template-columns:1fr}.smtpTranscript div{grid-template-columns:1fr}.pmHeaderLink{width:38px;height:38px}}

/* Aquaristik CMS 0.2.16 – Private Messages */
.pmStorage{display:grid;gap:8px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);margin-bottom:12px}.pmStorage>div:first-child{display:flex;justify-content:space-between;gap:16px;align-items:center}.pmStorageBar{height:8px!important;border-radius:999px;background:color-mix(in srgb,var(--muted) 18%,transparent);overflow:hidden}.pmStorageBar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.pmMessages{max-height:var(--pm-thread-height,600px);overflow:auto;scrollbar-gutter:stable;padding-right:4px}.pmMessagePages{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:12px 0}.pmMessagePages a{min-width:34px;text-align:center;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.pmMessagePages a.active{background:var(--accent);color:var(--bg);font-weight:800}.pmParticipantManageList{display:grid;gap:8px;margin-top:14px}.pmParticipantManageList .inlineForm{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm)}.pmBulkBar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0}.pmBulkBar label{margin-right:auto}.pmThreadSelectRow{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.pmThreadSelectRow>input{width:18px;height:18px}.pmThreadSelectRow .pmThreadRow{min-width:0}
@media(max-width:720px){.pmStorage>div:first-child{align-items:flex-start;flex-direction:column;gap:2px}.pmParticipantManageList .inlineForm{align-items:flex-start;flex-direction:column}.pmBulkBar label{width:100%;margin-right:0}}

/* Aquaristik CMS 0.2.17 – WSC-orientiertes Privatnachrichten-Redesign */
.pmApp{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;min-height:680px;margin:28px 0 50px}.pmSidebar{position:sticky;top:92px;align-self:start;display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.pmSidebarBrand h2{margin:.25rem 0 .3rem;font-size:1.25rem}.pmSidebarBrand p{margin:0;color:var(--muted);font-size:.88rem}.pmComposeButton{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 14px}.pmNav{display:grid;gap:6px}.pmNavItem{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:44px;padding:9px 11px;border-radius:12px;color:var(--text);text-decoration:none}.pmNavItem:hover{background:color-mix(in srgb,var(--panel2) 82%,transparent)}.pmNavItem.active{background:color-mix(in srgb,var(--accent) 15%,var(--panel2));box-shadow:inset 3px 0 0 var(--accent);font-weight:800}.pmNavIcon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--panel2) 84%,transparent);color:var(--accent);font-weight:900}.pmNavItem b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--accent);color:#03131b;font-size:.76rem}.pmStorageCard{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.pmStorageHead{display:flex;justify-content:space-between;gap:10px;font-size:.84rem}.pmStorageHead strong{font-size:.8rem}.pmStorageCard small{font-size:.75rem}.pmMain{min-width:0}.pmMobileHeader{display:none}.pmPanel,.pmThreadView{border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--panel) 95%,transparent);box-shadow:var(--shadow);overflow:hidden}.pmPanelHeader,.pmInboxToolbar,.pmThreadToolbar{padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 76%,transparent),color-mix(in srgb,var(--panel) 96%,transparent))}.pmPanelHeader h1,.pmInboxToolbar h1,.pmThreadToolbar h1{margin:.2rem 0;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.2}.pmPanelHeader p,.pmThreadToolbar p{margin:.3rem 0 0;color:var(--muted)}.pmBackLink{display:inline-flex;margin-bottom:7px;color:var(--muted);text-decoration:none;font-size:.84rem}.pmBackLink:hover{color:var(--accent)}.pmInboxToolbar{display:flex;align-items:end;justify-content:space-between;gap:20px}.pmSearch{display:flex;align-items:center;gap:8px;min-width:min(440px,100%)}.pmSearch input{width:100%;min-width:220px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 35%,var(--panel));color:var(--text)}.pmSearch button{width:42px;height:42px;padding:0}.pmSearch a{font-size:.82rem;color:var(--muted);white-space:nowrap}.pmListMeta{padding:12px 24px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.88rem}.pmListMeta strong{color:var(--text)}.pmConversationList{display:grid}.pmConversationSelectRow{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:stretch;border-bottom:1px solid var(--line)}.pmConversationSelectRow:last-child,.pmConversationRow:last-child{border-bottom:0}.pmConversationSelectRow.unread{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 55%)}.pmRowCheck{display:grid;place-items:center;cursor:pointer}.pmRowCheck input{width:18px;height:18px;accent-color:var(--accent)}.pmConversationRow{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:92px;padding:14px 20px 14px 4px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line);transition:background .14s ease}.pmConversationRow:hover{background:color-mix(in srgb,var(--panel2) 62%,transparent)}.pmConversationMain{min-width:0;display:grid;gap:4px}.pmConversationTop{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.pmConversationTop strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}.pmConversationTop time{flex:0 0 auto;color:var(--muted);font-size:.76rem;font-weight:500}.pmConversationPeople{color:var(--muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmConversationPeople em{font-style:normal;color:#ffba69}.pmConversationPreview{display:block;color:color-mix(in srgb,var(--muted) 90%,var(--text));font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmThreadAvatar,.pmAvatar,.pmMiniAvatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 38%,white));color:#03131b;font-weight:900;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 16%,transparent)}.pmThreadAvatar{width:44px;height:44px}.pmThreadAvatar.sent{font-size:1.2rem}.pmUnreadBadge{display:grid;place-items:center;min-width:27px;height:27px;padding:0 8px;border-radius:999px;background:var(--accent);color:#03131b;font-size:.78rem}.pmRowChevron{color:var(--muted);font-size:1.6rem}.pmBulkBar{position:sticky;top:76px;z-index:8;display:flex;align-items:center;gap:8px;min-height:52px;padding:9px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(16px)}.pmBulkBar button{padding:8px 11px}.pmSelectAll{display:flex;align-items:center;gap:7px;margin-right:4px}.pmSelectAll input{width:18px;height:18px}.pmBulkCount{margin-right:auto;color:var(--muted);font-size:.82rem}.pmEmpty{display:grid;place-items:center;text-align:center;gap:8px;min-height:340px;padding:40px}.pmEmpty>span{display:grid;place-items:center;width:72px;height:72px;border-radius:24px;background:color-mix(in srgb,var(--accent) 12%,var(--panel2));color:var(--accent);font-size:2rem}.pmEmpty h3{margin:10px 0 0}.pmEmpty p{margin:0 0 10px;max-width:520px;color:var(--muted)}

.pmComposeForm{display:grid}.pmComposeGrid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:0}.pmComposePrimary{padding:22px 24px;display:grid;gap:16px}.pmComposeAside{padding:22px;border-left:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 45%,transparent);display:grid;align-content:start;gap:16px}.pmFormSection{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 86%,transparent)}.pmFormSection h3{margin:0;font-size:1rem}.pmFormSection label{display:grid;gap:7px;font-weight:700}.pmFormSection input,.pmFormSection textarea,.pmFormSection select,.pmInfoCard input,.pmInfoCard textarea,.pmInfoCard select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--bg) 34%,var(--panel));color:var(--text)}.pmAdvanced{border-top:1px solid var(--line);padding-top:10px}.pmAdvanced summary,.pmInfoDetails>summary{cursor:pointer;font-weight:800}.pmDropzone{padding:18px;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:14px;text-align:center;background:color-mix(in srgb,var(--accent) 5%,transparent)}.pmDropzone input{padding:0;border:0;background:none}.pmDropzone span{font-weight:800}.pmComposeFooter{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 45%,transparent)}.button.secondary,button.secondary{background:color-mix(in srgb,var(--panel2) 90%,transparent);color:var(--text);border:1px solid var(--line)}

.pmThreadToolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.pmThreadTitleBlock{min-width:0}.pmThreadTitleLine{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pmThreadTitleLine h1{overflow-wrap:anywhere}.pmThreadSummary{display:flex;gap:7px;color:var(--muted);font-size:.84rem}.pmStatusBadge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:900}.pmStatusBadge.closed{background:rgba(255,176,70,.12);color:#ffc777;border:1px solid rgba(255,176,70,.28)}.pmThreadToolbarActions{display:flex;align-items:center;gap:8px}.pmActionMenu,.pmPostMenu{position:relative}.pmActionMenu>summary,.pmPostMenu>summary{list-style:none;display:grid;place-items:center;cursor:pointer;border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 80%,transparent);color:var(--text)}.pmActionMenu>summary::-webkit-details-marker,.pmPostMenu>summary::-webkit-details-marker{display:none}.pmActionMenu>summary{width:44px;height:42px;border-radius:12px}.pmActionMenuPanel,.pmPostMenu>div{position:absolute;right:0;z-index:30;min-width:220px;margin-top:6px;padding:7px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 22px 50px rgba(0,0,0,.28)}.pmActionMenuPanel form,.pmPostMenu>div{display:grid}.pmActionMenuPanel button,.pmPostMenu button{width:100%;text-align:left;background:transparent;color:var(--text);padding:9px 10px}.pmActionMenuPanel button:hover,.pmPostMenu button:hover{background:var(--panel2)}.pmThreadColumns{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start}.pmThreadContent{min-width:0;padding:20px 22px 26px}.pmThreadSidebar{display:grid;gap:14px;padding:20px;border-left:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 32%,transparent);min-height:100%}.pmPostList{display:grid;gap:14px}.pmPost{display:grid;grid-template-columns:150px minmax(0,1fr);border:1px solid var(--line);border-radius:16px;overflow:visible;background:color-mix(in srgb,var(--panel) 88%,transparent)}.pmPost.own{border-color:color-mix(in srgb,var(--accent) 27%,var(--line))}.pmPostAuthor{display:grid;justify-items:center;align-content:start;gap:6px;padding:18px 12px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 38%,transparent);text-align:center;border-radius:16px 0 0 16px}.pmPostAuthor strong{max-width:120px;overflow:hidden;text-overflow:ellipsis}.pmPostAuthor small{font-size:.75rem}.pmAvatarLarge{width:54px;height:54px;font-size:1.1rem}.pmPostContent{min-width:0;padding:0 18px 18px}.pmPostHeader{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:52px;margin:0 -18px 14px;padding:0 12px 0 18px;border-bottom:1px solid var(--line)}.pmPostHeader>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.pmPostHeader>div:first-child>strong{display:none}.pmPostHeader time{color:var(--muted);font-size:.8rem}.pmEdited{padding:3px 7px;border-radius:999px;background:var(--panel2);color:var(--muted);font-size:.68rem}.pmPostMenu>summary{width:36px;height:34px;border-radius:9px}.pmPostMenu>div{min-width:170px}.pmPostMenu form{margin:0}.pmBody{line-height:1.7;overflow-wrap:anywhere}.pmBody p:first-child{margin-top:0}.pmBody p:last-child{margin-bottom:0}.pmAttachments{display:grid;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.pmAttachments>strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pmAttachments a{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);text-decoration:none}.pmAttachments a span:last-child{display:grid}.pmAttachments a small{font-size:.7rem}.pmInlineEditor{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.pmInlineEditor>div{display:flex;gap:8px;justify-content:flex-end}.pmInfoCard{padding:16px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel) 86%,transparent)}.pmInfoCard h3{margin:0 0 12px;font-size:.95rem}.pmParticipantList{display:grid;gap:10px}.pmParticipant{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center}.pmParticipant>span:last-child{display:grid;min-width:0}.pmParticipant strong,.pmParticipant small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmMiniAvatar{width:36px;height:36px}.pmInfoDetails[open]>summary{margin-bottom:14px}.pmInfoDetails form{display:grid;gap:10px;margin-top:10px}.pmInfoDetails label{display:grid;gap:6px;font-size:.84rem;font-weight:700}.pmParticipantRemoveList{display:grid;gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.pmParticipantRemoveList form{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0}.pmReplyPanel{margin-top:18px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--panel2) 24%,var(--panel));overflow:hidden}.pmReplyPanel>header{padding:15px 18px;border-bottom:1px solid var(--line)}.pmReplyPanel h2{margin:.1rem 0 0;font-size:1.08rem}.pmReplyPanel form{padding:16px 18px}.pmReplyPanel textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 34%,var(--panel));color:var(--text)}.pmReplyActions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.pmAttachmentButton{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.pmAttachmentButton input{display:none}.pmMessagePagesTop{margin-top:0}.pmMessagePages{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:14px 0}.pmMessagePages a{min-width:34px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);text-align:center;text-decoration:none}.pmMessagePages a.active{background:var(--accent);color:#03131b;font-weight:900}.pmSmileyPicker{display:flex;gap:5px;flex-wrap:wrap;padding-top:8px}.pmSmileyPicker button{padding:4px 7px;min-width:36px;background:var(--panel2);border:1px solid var(--line);border-radius:9px}.pmSmiley{object-fit:contain;vertical-align:middle}.pmSmileySymbol{font-size:1.35rem;line-height:1}.pmFlash{margin-top:18px}.pmSidebarBackdrop{display:none}

@media(max-width:1100px){.pmApp{grid-template-columns:220px minmax(0,1fr)}.pmThreadColumns{grid-template-columns:1fr}.pmThreadSidebar{border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr))}.pmComposeGrid{grid-template-columns:1fr}.pmComposeAside{border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr))}.pmPost{grid-template-columns:120px minmax(0,1fr)}}
@media(max-width:820px){.pmApp{display:block;min-height:0;margin-top:18px}.pmSidebar{position:fixed;z-index:120;top:0;bottom:0;left:0;width:min(310px,88vw);border-radius:0 22px 22px 0;transform:translateX(-105%);transition:transform .2s ease;overflow:auto}.pmApp.sidebarOpen .pmSidebar{transform:translateX(0)}.pmSidebarBackdrop{position:fixed;z-index:119;inset:0;width:100%;height:100%;padding:0;border-radius:0;background:rgba(0,0,0,.48);backdrop-filter:blur(3px)}.pmApp.sidebarOpen .pmSidebarBackdrop{display:block}.pmMobileHeader{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin-bottom:10px}.pmMobileHeader strong{text-align:center}.pmMobileNavToggle,.pmMobileCompose{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);text-decoration:none;font-weight:900}.pmInboxToolbar,.pmThreadToolbar{align-items:stretch;flex-direction:column}.pmSearch{min-width:0}.pmThreadToolbarActions{justify-content:space-between}.pmThreadContent{padding:14px}.pmThreadSidebar{grid-template-columns:1fr;padding:14px}.pmComposePrimary,.pmComposeAside{padding:14px}.pmComposeAside{grid-template-columns:1fr}.pmPost{grid-template-columns:1fr}.pmPostAuthor{grid-template-columns:42px 1fr;justify-items:start;align-items:center;text-align:left;border-right:0;border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;padding:11px 14px}.pmPostAuthor .pmAvatarLarge{grid-row:1/3;width:42px;height:42px}.pmPostAuthor strong{align-self:end}.pmPostAuthor small{align-self:start}.pmPostHeader>div:first-child>strong{display:inline}.pmPostContent{padding:0 14px 14px}.pmPostHeader{margin:0 -14px 12px;padding-left:14px}.pmConversationRow{grid-template-columns:44px minmax(0,1fr) auto;min-height:86px;padding-right:12px}.pmConversationSelectRow{grid-template-columns:34px minmax(0,1fr)}.pmBulkBar{top:0}.pmReplyActions{align-items:stretch;flex-direction:column}.pmReplyActions button{width:100%}.pmAttachmentButton{justify-content:center;width:100%}}
@media(max-width:560px){.pmPanel,.pmThreadView{border-radius:18px}.pmPanelHeader,.pmInboxToolbar,.pmThreadToolbar{padding:17px}.pmConversationTop{align-items:flex-start}.pmConversationTop time{font-size:.68rem}.pmConversationPreview{font-size:.8rem}.pmThreadAvatar{width:40px;height:40px}.pmConversationRow{gap:10px;padding-left:0}.pmBulkBar{gap:6px;padding:8px 10px}.pmBulkBar button{font-size:.76rem;padding:7px 8px}.pmSelectAll span{display:none}.pmComposeFooter{padding:12px 14px}.pmFormSection{padding:14px}.pmSearch a{display:none}.pmThreadTitleLine{align-items:flex-start;flex-direction:column}.pmThreadToolbarActions .button{flex:1;text-align:center}.pmInfoCard{padding:14px}.pmPostContent{font-size:.94rem}}
.pmRecipientGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:14px}.pmRecipientGrid>div{display:grid;gap:7px}.pmRecipientPicker{display:grid;gap:8px}.pmRecipientSearch{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--bg) 34%,var(--panel));color:var(--text)}.pmRecipientOptions{display:grid;gap:5px;max-height:250px;overflow:auto;padding:4px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 18%,transparent)}.pmRecipientOption{display:grid!important;grid-template-columns:22px 34px minmax(0,1fr);gap:9px!important;align-items:center;padding:8px!important;border-radius:9px;cursor:pointer;font-weight:500!important}.pmRecipientOption:hover{background:var(--panel2)}.pmRecipientOption:has(input:checked){background:color-mix(in srgb,var(--accent) 12%,var(--panel2));box-shadow:inset 2px 0 0 var(--accent)}.pmRecipientOption input{width:17px!important;height:17px;accent-color:var(--accent);padding:0!important}.pmRecipientOption>span:last-child{display:grid;min-width:0}.pmRecipientOption strong,.pmRecipientOption small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmRecipientEmpty{padding:12px;text-align:center;color:var(--muted);font-size:.84rem}.pmGroupPicker{display:grid;gap:6px;max-height:250px;overflow:auto}.pmGroupOption{display:grid!important;grid-template-columns:20px 1fr auto;gap:8px!important;align-items:center;padding:9px 10px!important;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-weight:600!important}.pmGroupOption:has(input:checked){border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 9%,transparent)}.pmGroupOption input{width:17px!important;height:17px;accent-color:var(--accent);padding:0!important}.pmGroupOption small{font-size:.7rem}@media(max-width:680px){.pmRecipientGrid{grid-template-columns:1fr}.pmRecipientOptions,.pmGroupPicker{max-height:210px}}

/* 0.2.17 · Konversationsfilter und Empfänger-Chips */
.pmSearch{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.pmSearchField{display:grid;grid-template-columns:minmax(220px,1fr) 44px;min-width:min(430px,100%);flex:1}.pmSearchField input{min-width:0;border-radius:12px 0 0 12px}.pmSearchField button{border-radius:0 12px 12px 0}.pmSortControl{display:grid;gap:4px;min-width:180px}.pmSortControl span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.pmSortControl select{height:44px;padding:0 38px 0 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}.pmRecipientSelected{display:flex;flex-wrap:wrap;gap:6px;min-height:0}.pmRecipientSelected:empty{display:none}.pmRecipientChip{padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--text);font-size:.78rem;font-weight:750}.pmRecipientChip:hover{background:color-mix(in srgb,var(--accent) 20%,var(--panel))}@media(max-width:820px){.pmSearch{align-items:stretch}.pmSearchField{min-width:100%}.pmSortControl{min-width:0;flex:1}.pmSortControl select{width:100%}}
/* 0.2.18 PM recipient autocomplete */
.pmRecipientPicker.pmAutocomplete{position:relative;display:grid;gap:8px}.pmAutocompleteInputWrap{position:relative}.pmAutocompleteInputWrap .pmRecipientSearch{padding-right:42px}.pmAutocompleteSpinner{position:absolute;right:13px;top:50%;width:15px;height:15px;margin-top:-8px;border:2px solid color-mix(in srgb,var(--muted) 35%,transparent);border-top-color:var(--accent);border-radius:50%;opacity:0;pointer-events:none}.pmAutocomplete.loading .pmAutocompleteSpinner{opacity:1;animation:pmSpin .7s linear infinite}@keyframes pmSpin{to{transform:rotate(360deg)}}
.pmAutocompleteResults{position:absolute;z-index:80;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 96%,var(--bg));box-shadow:0 18px 50px rgba(0,0,0,.22);backdrop-filter:blur(18px)}.pmAutocompleteResults[hidden]{display:none}.pmAutocompleteOption{display:grid;width:100%;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;box-shadow:none}.pmAutocompleteOption:hover,.pmAutocompleteOption.active{background:color-mix(in srgb,var(--accent) 11%,var(--panel2));transform:none}.pmAutocompleteOption>span:last-child{display:grid;min-width:0}.pmAutocompleteOption strong,.pmAutocompleteOption small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmAutocompleteOption small{color:var(--muted);font-size:.72rem}.pmRecipientSelected{display:flex;flex-wrap:wrap;gap:7px}.pmRecipientChip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 9px!important;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--text);font-size:.78rem;font-weight:750}.pmRecipientChip>i{font-style:normal;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}.pmRecipientChip>button{width:22px;height:22px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text);box-shadow:none}.pmRecipientChip>button:hover{background:color-mix(in srgb,var(--accent) 20%,transparent);transform:none}.pmAdvanced .pmAutocomplete{margin-top:8px}

/* 0.2.18 Diagnose & Betrieb */
.opsIntro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.opsIntro h1{margin:.2rem 0}.opsTabs{display:flex;gap:8px;overflow:auto;padding:8px 0 18px;scrollbar-width:thin}.opsTabs a{white-space:nowrap;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);text-decoration:none}.opsTabs a.active{background:var(--accent);color:#06131a;border-color:transparent;font-weight:700}.opsBadge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid var(--line)}.opsBadge.ok{background:rgba(48,190,115,.14);color:#5ee09d}.opsBadge.bad{background:rgba(220,61,76,.15);color:#ff8793}.opsBadge.warn{background:rgba(225,157,48,.15);color:#ffc56b}.opsBadge.info{background:rgba(57,158,220,.15);color:#76caff}.opsBadge.muted{opacity:.75}.opsRunList{display:grid;gap:8px}.opsRunList>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--line)}.opsRunList small{grid-column:1/-1;color:var(--muted)}.opsJobGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px}.opsJobCard{margin:0}.opsTestGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.opsTestCard{margin:0}.opsTestCard h3{margin-top:0}.opsChunkResult{margin-top:12px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--panel2);overflow-wrap:anywhere}.opsChunkResult.success{border:1px solid rgba(48,190,115,.45)}.opsChunkResult.error{border:1px solid rgba(220,61,76,.55)}.block{display:block}.okText{color:#3ccf83}.dangerText{color:#f16d78}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cardTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.cardTitleRow h2,.cardTitleRow h3{margin-top:0}progress{max-width:160px;accent-color:var(--accent)}
@media(max-width:900px){.opsIntro,.cardTitleRow{align-items:stretch;flex-direction:column}.opsJobGrid{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.grid3{grid-template-columns:1fr}.opsTabs{margin-inline:-8px;padding-inline:8px}.opsTestGrid{grid-template-columns:1fr}}

/* 0.2.21 – WSC-orientierter Editorbereich für Privatnachrichten */
.pmReplyPanel .naCkEditor,.pmInlineEditor .naCkEditor,.pmFormSection .naCkEditor{width:100%}
.pmReplyPanel .ck.ck-editor,.pmInlineEditor .ck.ck-editor,.pmFormSection .ck.ck-editor{width:100%;border-radius:12px;overflow:visible}
.pmReplyPanel .ck.ck-toolbar,.pmInlineEditor .ck.ck-toolbar,.pmFormSection .ck.ck-toolbar{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:4!important;min-height:46px!important;border-color:var(--line)!important;background:color-mix(in srgb,var(--panel2) 92%,var(--bg))!important;box-shadow:none!important}
.pmReplyPanel .ck.ck-toolbar>.ck-toolbar__items,.pmInlineEditor .ck.ck-toolbar>.ck-toolbar__items,.pmFormSection .ck.ck-toolbar>.ck-toolbar__items{display:flex!important;visibility:visible!important;flex-wrap:wrap!important;gap:2px}
.pmReplyPanel .ck.ck-button,.pmInlineEditor .ck.ck-button,.pmFormSection .ck.ck-button{color:var(--text)!important}
.pmReplyPanel .ck.ck-button:not(.ck-disabled):hover,.pmInlineEditor .ck.ck-button:not(.ck-disabled):hover,.pmFormSection .ck.ck-button:not(.ck-disabled):hover{background:color-mix(in srgb,var(--accent) 16%,var(--panel2))!important}
.pmReplyPanel .ck.ck-button.ck-on,.pmInlineEditor .ck.ck-button.ck-on,.pmFormSection .ck.ck-button.ck-on{background:color-mix(in srgb,var(--accent) 24%,var(--panel2))!important;color:var(--text)!important}
.pmReplyPanel .ck.ck-editor__main>.ck-editor__editable,.pmInlineEditor .ck.ck-editor__main>.ck-editor__editable,.pmFormSection .ck.ck-editor__main>.ck-editor__editable{min-height:210px;padding:14px 16px;border-color:var(--line)!important;background:color-mix(in srgb,var(--panel) 94%,var(--bg))!important;color:var(--text)!important;box-shadow:none!important}
.pmReplyPanel .ck.ck-editor__main>.ck-editor__editable:focus,.pmInlineEditor .ck.ck-editor__main>.ck-editor__editable:focus,.pmFormSection .ck.ck-editor__main>.ck-editor__editable:focus{border-color:color-mix(in srgb,var(--accent) 70%,var(--line))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)!important}
.pmReplyPanel .tox-tinymce,.pmInlineEditor .tox-tinymce,.pmFormSection .tox-tinymce{border:1px solid var(--line)!important;border-radius:12px!important;overflow:hidden}
@media (max-width:760px){.pmReplyPanel .ck.ck-toolbar>.ck-toolbar__items,.pmInlineEditor .ck.ck-toolbar>.ck-toolbar__items,.pmFormSection .ck.ck-toolbar>.ck-toolbar__items{flex-wrap:wrap!important}.pmReplyPanel .ck.ck-editor__main>.ck-editor__editable{min-height:180px}}

/* 0.2.23 – guaranteed frontend rich-text fallback */
.naEmergencyEditor{border:1px solid var(--border,#2f5d68);border-radius:14px;overflow:hidden;background:var(--surface,#fff);box-shadow:0 10px 28px rgba(0,0,0,.12);margin-top:6px;color:var(--text,#102b33)}
.naEmergencyEditorToolbar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px;background:color-mix(in srgb,var(--surface,#fff) 88%,var(--primary,#18b7bd) 12%);border-bottom:1px solid var(--border,#c7d9dd);position:sticky;top:0;z-index:2}
.naEmergencyEditorButton{min-width:34px;min-height:34px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--border,#c7d9dd) 80%,transparent);border-radius:8px;background:var(--surface,#fff);color:var(--text,#102b33);font:inherit;line-height:1;box-shadow:none}
.naEmergencyEditorButton:hover,.naEmergencyEditorButton:focus-visible{background:color-mix(in srgb,var(--primary,#18b7bd) 14%,var(--surface,#fff));border-color:var(--primary,#18b7bd);color:var(--text,#102b33)}
.naEmergencyEditorSurface{min-height:180px;padding:14px 16px;outline:0;background:var(--surface,#fff);color:var(--text,#102b33);line-height:1.58;overflow-wrap:anywhere}
.naEmergencyEditorPm .naEmergencyEditorSurface{min-height:220px}
.naEmergencyEditorSurface:empty::before{content:attr(data-placeholder);color:var(--muted,#70868d);pointer-events:none}
.naEmergencyEditorSurface blockquote{margin:10px 0;padding:8px 14px;border-left:4px solid var(--primary,#18b7bd);background:color-mix(in srgb,var(--primary,#18b7bd) 7%,transparent)}
.naEmergencyEditorSurface pre{padding:10px 12px;border-radius:8px;overflow:auto;background:color-mix(in srgb,var(--text,#102b33) 8%,var(--surface,#fff));font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.naEmergencyEditorStatus{padding:6px 10px;border-top:1px solid var(--border,#c7d9dd);font-size:.78rem;color:var(--muted,#70868d);background:color-mix(in srgb,var(--surface,#fff) 94%,var(--primary,#18b7bd) 6%)}
body[class*="style-"] .ck.ck-toolbar{display:flex!important;visibility:visible!important;opacity:1!important;flex-wrap:wrap!important}
body[class*="style-"] .ck.ck-editor{width:100%;color:var(--text,#102b33)}
body[class*="style-"] .ck.ck-editor__main>.ck-editor__editable{min-height:180px;background:var(--surface,#fff);color:var(--text,#102b33)}
@media(max-width:720px){.naEmergencyEditorToolbar{gap:3px}.naEmergencyEditorButton{min-width:32px;padding:5px 7px}.naEmergencyEditorSurface{min-height:160px;padding:12px}}

/* Aquaristik CMS 0.2.24 – stylegerechte Richtext-Arbeitsflächen */
.naEditorField{display:grid!important;gap:9px!important;min-width:0}.naEditorSource{width:100%}.naEditorShell{width:100%;min-width:0;max-width:100%;border-radius:16px;box-shadow:0 12px 34px color-mix(in srgb,var(--bg) 42%,transparent);transition:border-color .16s ease,box-shadow .16s ease}.naEditorShell:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent),0 14px 38px color-mix(in srgb,var(--bg) 40%,transparent)}
.naEditorShell--compact{--na-editor-min-height:220px}.naEditorShell--normal{--na-editor-min-height:320px}.naEditorShell--large{--na-editor-min-height:430px}.naEditorShell--xl{--na-editor-min-height:560px}
.ck.ck-editor.naEditorShell{--ck-color-base-foreground:var(--panel2);--ck-color-base-background:var(--panel);--ck-color-base-border:var(--line);--ck-color-base-text:var(--text);--ck-color-base-active:color-mix(in srgb,var(--accent) 22%,var(--panel2));--ck-color-base-active-focus:color-mix(in srgb,var(--accent) 30%,var(--panel2));--ck-color-base-action:var(--accent);--ck-color-focus-border:color-mix(in srgb,var(--accent) 78%,var(--line));--ck-color-focus-outer-shadow:color-mix(in srgb,var(--accent) 16%,transparent);--ck-color-toolbar-background:color-mix(in srgb,var(--panel2) 88%,var(--panel));--ck-color-toolbar-border:var(--line);--ck-color-button-default-background:transparent;--ck-color-button-default-hover-background:color-mix(in srgb,var(--accent) 13%,var(--panel2));--ck-color-button-default-active-background:color-mix(in srgb,var(--accent) 18%,var(--panel2));--ck-color-button-on-background:color-mix(in srgb,var(--accent) 22%,var(--panel2));--ck-color-button-on-hover-background:color-mix(in srgb,var(--accent) 28%,var(--panel2));--ck-color-dropdown-panel-background:var(--panel);--ck-color-dropdown-panel-border:var(--line);--ck-color-list-background:var(--panel);--ck-color-list-button-hover-background:color-mix(in srgb,var(--accent) 13%,var(--panel2));--ck-color-input-background:color-mix(in srgb,var(--bg) 38%,var(--panel));--ck-color-input-border:var(--line);--ck-color-input-text:var(--text);--ck-color-panel-background:var(--panel);--ck-color-panel-border:var(--line);border:1px solid var(--line);background:var(--panel);overflow:visible}.ck.ck-editor.naEditorShell .ck-toolbar{display:flex!important;visibility:visible!important;opacity:1!important;min-height:48px!important;padding:7px 8px!important;border-color:var(--line)!important;border-radius:15px 15px 0 0!important;background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 94%,var(--accent) 6%),var(--panel2))!important}.ck.ck-editor.naEditorShell .ck-toolbar__items{display:flex!important;flex-wrap:wrap!important;gap:2px!important}.ck.ck-editor.naEditorShell .ck-button{color:var(--text)!important;border-radius:8px!important}.ck.ck-editor.naEditorShell .ck-button .ck-icon{color:currentColor!important}.ck.ck-editor.naEditorShell .ck-editor__main>.ck-editor__editable{min-height:var(--na-editor-min-height)!important;padding:18px 20px!important;border-color:var(--line)!important;border-radius:0 0 15px 15px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,var(--bg) 4%),var(--panel))!important;color:var(--text)!important;line-height:1.7!important;box-shadow:none!important}.ck.ck-editor.naEditorShell .ck-editor__main>.ck-editor__editable.ck-focused{border-color:color-mix(in srgb,var(--accent) 78%,var(--line))!important}.ck.ck-editor.naEditorShell .ck-placeholder:before{color:var(--muted)!important}.ck.ck-editor.naEditorShell .ck-content a{color:var(--accent)!important}.ck.ck-editor.naEditorShell .ck-content blockquote{border-left-color:var(--accent)!important;background:color-mix(in srgb,var(--panel2) 72%,transparent)!important;padding:10px 14px!important}.ck.ck-editor.naEditorShell .ck-content pre,.ck.ck-editor.naEditorShell .ck-content code{background:var(--panel2)!important;color:var(--text)!important}.ck.ck-editor.naEditorShell .ck-dropdown__panel,.ck.ck-editor.naEditorShell .ck-balloon-panel{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
.tox.tox-tinymce.naEditorShell{border:1px solid var(--line)!important;background:var(--panel)!important;overflow:hidden!important}.tox.tox-tinymce.naEditorShell .tox-editor-header,.tox.tox-tinymce.naEditorShell .tox-toolbar-overlord,.tox.tox-tinymce.naEditorShell .tox-toolbar__primary,.tox.tox-tinymce.naEditorShell .tox-menubar{background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 94%,var(--accent) 6%),var(--panel2))!important;color:var(--text)!important}.tox.tox-tinymce.naEditorShell .tox-toolbar,.tox.tox-tinymce.naEditorShell .tox-toolbar__overflow,.tox.tox-tinymce.naEditorShell .tox-toolbar__primary{background-color:transparent!important}.tox.tox-tinymce.naEditorShell .tox-tbtn,.tox.tox-tinymce.naEditorShell .tox-mbtn{color:var(--text)!important}.tox.tox-tinymce.naEditorShell .tox-tbtn svg{fill:currentColor!important}.tox.tox-tinymce.naEditorShell .tox-tbtn:hover,.tox.tox-tinymce.naEditorShell .tox-tbtn--enabled,.tox.tox-tinymce.naEditorShell .tox-mbtn:hover{background:color-mix(in srgb,var(--accent) 16%,var(--panel2))!important}.tox.tox-tinymce.naEditorShell .tox-statusbar{background:var(--panel2)!important;color:var(--muted)!important;border-color:var(--line)!important}.tox.tox-tinymce.naEditorShell .tox-edit-area:before{border-color:color-mix(in srgb,var(--accent) 70%,var(--line))!important}
.naEmergencyEditor.naEditorShell{border:1px solid var(--line);background:var(--panel);overflow:hidden}.naEmergencyEditorToolbar{display:flex;flex-wrap:wrap;gap:5px;padding:8px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 94%,var(--accent) 6%),var(--panel2))}.naEmergencyEditorButton{padding:7px 10px!important;min-width:36px;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--text)!important}.naEmergencyEditorButton:hover{background:color-mix(in srgb,var(--accent) 16%,var(--panel2))!important}.naEmergencyEditorSurface{min-height:var(--na-editor-min-height);padding:18px 20px;outline:0;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,var(--bg) 4%),var(--panel));color:var(--text);line-height:1.7}.naEmergencyEditorSurface:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.naEmergencyEditorStatus{padding:7px 11px;border-top:1px solid var(--line);background:var(--panel2);color:var(--muted);font-size:.72rem}
.editorWorkspace{display:grid;gap:14px;margin-top:18px;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 58%,var(--panel)),color-mix(in srgb,var(--panel) 96%,transparent))}.editorWorkspaceHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.editorWorkspaceHead h3{margin:.15rem 0 0}.editorWorkspaceHead p{margin:.35rem 0 0;color:var(--muted);max-width:760px}.editorWorkspaceBadge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--accent);font-size:.72rem;font-weight:900;white-space:nowrap}.editorWorkspaceField{display:grid;gap:8px;min-width:0}.editorWorkspaceField>span,.editorWorkspaceField>strong{font-weight:800}.editorWorkspaceStack{display:grid;gap:14px}.editorWorkspaceItem{padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 90%,transparent)}.editorWorkspaceItem>label{display:grid;gap:8px;font-weight:800}.editorWorkspaceItem small{color:var(--muted)}
.workspacePortal .card.form form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.workspacePortal .card.form form>.workspaceEditorField,.workspacePortal .card.form form>.naEditorField{grid-column:1/-1}.workspacePortal .card.form form>button{grid-column:1/-1;justify-self:start}.workspacePortal .card.form form>h3,.workspacePortal .card.form form>p{grid-column:1/-1}.workspacePortal .card.form form label{min-width:0}.workspaceEditorField{display:grid;gap:8px}.modernEditorPanel .modernFormGrid{align-items:start}.modernEditorPanel .editorWorkspace{grid-column:1/-1}.builderBlockEditor .builderTypeFields .naEditorField{width:100%}.builderBlockEditor .builderTypeFields:has(.naEditorField){min-width:0}.builderBlockEditor .naEditorShell--large{--na-editor-min-height:420px}.commentEditorWorkspace .naEditorShell{--na-editor-min-height:260px}
@media(max-width:980px){.naEditorShell--large{--na-editor-min-height:380px}.naEditorShell--xl{--na-editor-min-height:480px}.workspacePortal .card.form form{grid-template-columns:1fr}.workspacePortal .card.form form>*{grid-column:1!important}.editorWorkspace{padding:15px}.editorWorkspaceHead{flex-direction:column}.editorWorkspaceBadge{align-self:flex-start}}
@media(max-width:620px){.naEditorShell--compact{--na-editor-min-height:190px}.naEditorShell--normal{--na-editor-min-height:250px}.naEditorShell--large{--na-editor-min-height:320px}.naEditorShell--xl{--na-editor-min-height:380px}.ck.ck-editor.naEditorShell .ck-editor__main>.ck-editor__editable,.naEmergencyEditorSurface{padding:14px!important}.editorWorkspace{margin-top:14px;padding:12px;border-radius:16px}.editorWorkspaceItem{padding:10px}.tox.tox-tinymce.naEditorShell{max-height:none!important}}
/* 0.2.24 – Editor-Popups außerhalb des Editorcontainers ebenfalls an den Style binden */
.ck.ck-balloon-panel,.ck.ck-powered-by-balloon,.ck.ck-dropdown__panel{--ck-color-base-background:var(--panel);--ck-color-base-foreground:var(--panel2);--ck-color-base-text:var(--text);--ck-color-base-border:var(--line);--ck-color-focus-border:color-mix(in srgb,var(--accent) 78%,var(--line));background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:0 18px 48px rgba(0,0,0,.28)!important}.ck.ck-list{background:var(--panel)!important;color:var(--text)!important}.ck.ck-list .ck-button{color:var(--text)!important}.ck.ck-list .ck-button:hover{background:color-mix(in srgb,var(--accent) 14%,var(--panel2))!important}.tox.tox-silver-sink .tox-dialog,.tox.tox-silver-sink .tox-menu,.tox.tox-silver-sink .tox-collection--list{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}.tox.tox-silver-sink .tox-dialog__header,.tox.tox-silver-sink .tox-dialog__footer{background:var(--panel2)!important;color:var(--text)!important;border-color:var(--line)!important}.tox.tox-silver-sink .tox-label,.tox.tox-silver-sink .tox-dialog__title{color:var(--text)!important}

/* Aquaristik CMS 0.2.25 – volle Editorbreite, Benutzerbereich und Veranstaltungsteilnahme */
.modernFormGrid>.naEditorField,.modernFormGrid>label:has(textarea[data-editor]),.form form>.naEditorField,.form form>label:has(textarea[data-editor]),.grid2>.naEditorField,.grid2>label:has(textarea[data-editor]){grid-column:1/-1!important;width:100%!important;max-width:none!important;min-width:0}
.naEditorField,.workspaceEditorField,.editorWorkspaceField{width:100%;max-width:none;min-width:0}.naEditorField>.naEditorShell,.workspaceEditorField>.naEditorShell,.editorWorkspaceField>.naEditorShell{width:100%!important;max-width:none!important}.fullWidthEditorWorkspace{width:100%;max-width:none}.modernDataWorkspace{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel2) 58%,transparent)}.modernDataWorkspace .editorWorkspaceHead h3{margin:.15rem 0 0}.editorPortalLayout .modernEditorPanel form{display:grid;gap:18px}.editorPortalLayout .editorWorkspace{margin-top:0}.editorPortalLayout .modernFormActions{margin-top:0;padding-top:2px}
.accountAreaLayout{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:22px;align-items:start;margin:20px 0 38px}.accountAreaNav{position:sticky;top:94px;display:grid;gap:15px;padding:16px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel2) 88%,transparent));box-shadow:var(--shadow)}.accountAreaIdentity{display:flex;gap:12px;align-items:center;padding:6px 4px 15px;border-bottom:1px solid var(--line)}.accountAreaIdentity>img,.accountAreaIdentity>span{width:52px;height:52px;border-radius:16px;object-fit:cover;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--panel2));color:var(--accent);font-weight:900;font-size:1.25rem;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line))}.accountAreaIdentity strong,.accountAreaIdentity small{display:block}.accountAreaIdentity small{color:var(--muted);margin-top:2px}.accountAreaNav nav{display:grid;gap:5px}.accountAreaNav nav a{padding:11px 12px;border-radius:12px;color:var(--text);text-decoration:none;font-weight:800;border:1px solid transparent}.accountAreaNav nav a:hover,.accountAreaNav nav a.active{background:color-mix(in srgb,var(--accent) 11%,var(--panel2));border-color:color-mix(in srgb,var(--accent) 28%,var(--line));color:var(--accent)}.accountAreaMain{min-width:0;display:grid;gap:18px}.accountMetricGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:18px 0}.accountMetricGrid>div{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}.accountMetricGrid strong{display:block;font-size:1.5rem}.accountMetricGrid span{color:var(--muted)}.accountQuickGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.accountQuickGrid a{display:grid;gap:4px;padding:15px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel2) 70%,transparent);color:var(--text);text-decoration:none}.accountQuickGrid a:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));transform:translateY(-1px)}.accountQuickGrid span{color:var(--muted);font-size:.86rem}.accountForm>form{display:grid;gap:16px}.accountBioEditor{margin-top:0}.accountCurrentValue{display:grid;gap:4px;padding:14px 16px;margin:12px 0 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.accountCurrentValue small{color:var(--muted)}.accountViewSelect{display:grid;gap:7px;max-width:420px;margin:15px 0}.accountViewSelect select{width:100%}.accountSecurityStatus{display:flex;align-items:baseline;gap:10px;margin:18px 0}.accountSecurityStatus strong{font-size:2.6rem;color:var(--accent)}.accountSecurityStatus span{color:var(--muted)}
.profilePortalLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:22px;align-items:start;margin:20px 0 38px}.profilePortalMain{min-width:0;display:grid;gap:18px}.profileHeroCard{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel2) 85%,var(--accent) 8%),var(--panel));box-shadow:var(--shadow)}.profileHeroAvatar{width:110px;height:110px;border-radius:28px;object-fit:cover;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--panel2)}.profileHeroInitial{display:grid;place-items:center;font-size:2.2rem;font-weight:900;color:var(--accent)}.profileHeroCard h2{font-size:clamp(1.8rem,3vw,3rem);margin:.15rem 0}.profileUsername{margin:.1rem 0;color:var(--muted)}.profileMeta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.profileMeta a,.profileMeta span{color:var(--text);text-decoration:none}.profileContentGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profileContentGrid a{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);text-decoration:none}.profileContentGrid a:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.profileContentGrid span{color:var(--muted)}
.eventRegistrationPanel{display:grid;gap:14px;margin-top:22px;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel2) 72%,var(--panel)),var(--panel))}.eventRegistrationHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.eventRegistrationHead h3{margin:.12rem 0}.eventRegistrationCount{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 11%,var(--panel2));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));font-weight:900;color:var(--accent);white-space:nowrap}.eventRegistrationActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.eventRegistrationActions form{margin:0}.eventParticipantList{display:flex;flex-wrap:wrap;gap:8px}.eventParticipant{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);color:var(--text);text-decoration:none}.eventParticipantAvatar{width:28px;height:28px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent);font-size:.72rem;font-weight:900}.eventRegistrationHint{margin:0;color:var(--muted)}.eventQuickAttend{display:flex;gap:7px;flex-wrap:wrap}.eventQuickAttend form{margin:0}.eventQuickAttend button{padding:8px 11px}.eventFull{opacity:.7}
@media(max-width:980px){.accountAreaLayout,.profilePortalLayout{grid-template-columns:1fr}.accountAreaNav{position:static}.accountAreaNav nav{grid-template-columns:repeat(3,minmax(0,1fr))}.profilePortalSidebar{order:2}.eventRegistrationHead{flex-direction:column}.accountQuickGrid,.profileContentGrid{grid-template-columns:1fr}}
@media(max-width:620px){.accountAreaNav nav{grid-template-columns:1fr 1fr}.accountAreaIdentity{align-items:flex-start}.profileHeroCard{align-items:flex-start;flex-direction:column}.profileHeroAvatar{width:88px;height:88px;border-radius:22px}.eventRegistrationActions{display:grid;grid-template-columns:1fr}.eventRegistrationActions form,.eventRegistrationActions button,.eventRegistrationActions a{width:100%}}
.accountAttendance{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.accountAttendanceList{display:grid;gap:9px}.accountAttendanceList article{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.accountAttendanceList article>div:first-child{display:grid;gap:3px}.accountAttendanceList article span{color:var(--muted);font-size:.86rem}.accountAttendanceList article>div:last-child{display:flex;gap:7px;align-items:center}.accountAttendanceList form{margin:0}@media(max-width:620px){.accountAttendanceList article{align-items:stretch;flex-direction:column}.accountAttendanceList article>div:last-child{display:grid;grid-template-columns:1fr 1fr}.accountAttendanceList article>div:last-child>*{width:100%}.accountAttendanceList button{width:100%}}

/* 0.2.25 · CMS-weite Vollbreiten-Editoren */
.grid2:has(textarea[data-editor]),
.builderAdminGrid:has(textarea[data-editor]){grid-template-columns:minmax(0,1fr)!important}
.portalOverviewLayout:has(.portalOverviewSidebar textarea[data-editor]){grid-template-columns:minmax(0,1fr)!important}
.portalOverviewLayout:has(.portalOverviewSidebar textarea[data-editor]) .portalOverviewSidebar{width:100%;max-width:none}
.portalOverviewLayout:has(.portalOverviewSidebar textarea[data-editor]) .portalSidebarSticky{position:static;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.form form:has(textarea[data-editor])>label:has(textarea[data-editor]),
.builderTypeFields>label:has(textarea[data-editor]),
.portalSidebarCard form>label:has(textarea[data-editor]){grid-column:1/-1!important;width:100%!important;max-width:none!important}
.form form:has(textarea[data-editor]) .naEditorShell,
.builderTypeFields .naEditorShell,
.portalSidebarCard .naEditorShell{width:100%!important;max-width:none!important}
.accountAreaQuickNav{display:grid;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.accountAreaQuickNav>span{padding:0 10px 5px;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.accountAreaQuickNav a{display:flex;padding:9px 11px;border-radius:11px;color:var(--text);text-decoration:none;background:color-mix(in srgb,var(--panel2) 55%,transparent);border:1px solid transparent}
.accountAreaQuickNav a:hover,.accountAreaQuickNav a:focus-visible{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--panel2))}
@media(max-width:980px){.portalOverviewLayout:has(.portalOverviewSidebar textarea[data-editor]) .portalSidebarSticky{grid-template-columns:1fr}}


/* AquaCMS 0.2.27 Build 31 · mobile navigation */
.guestLoginAction{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);text-decoration:none;font-weight:850}
.guestLoginAction>span{display:none}
.guestLoginAction:hover,.guestLoginAction:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent)}
.acpSideHeading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--panel2) 72%,var(--panel));box-shadow:none;color:var(--text);padding:8px 10px;border-radius:10px;font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;text-align:left}
.acpSideHeading:hover,.acpSideHeading:focus-visible{background:color-mix(in srgb,var(--accent) 12%,var(--panel2));border-color:color-mix(in srgb,var(--accent) 42%,var(--line));color:var(--text);transform:none}
.acpSideGroup.isOpen>.acpSideHeading{background:color-mix(in srgb,var(--accent) 8%,var(--panel2));border-color:color-mix(in srgb,var(--accent) 28%,var(--line));color:var(--text)}
.acpGroupChevron{transition:transform .18s ease}
.acpSideGroup.isOpen>.acpSideHeading .acpGroupChevron{transform:rotate(180deg)}
.acpSideGroupLinks{display:grid;gap:3px}
.acpSideGroup:not(.isOpen)>.acpSideGroupLinks{display:none}
.acpSideGroup{margin-bottom:6px}

@media(min-width:901px){
    .acpSideGroup>.acpSideGroupLinks{display:grid!important}
    .acpGroupChevron{display:none}
}

@media(max-width:1240px){
    body.menuLock{overflow:hidden;touch-action:none}
    .siteHeader,
    .styleheader-floating .siteHeader,
    .styleheader-glass .siteHeader,
    .styleheader-solid .siteHeader,
    .styleheader-minimal .siteHeader{
        position:sticky!important;
        top:0!important;
        z-index:120!important;
        width:100%!important;
        max-width:none!important;
        min-height:62px!important;
        margin:0!important;
        padding:9px 12px!important;
        display:flex!important;
        align-items:center!important;
        flex-wrap:nowrap!important;
        gap:8px!important;
        border-left:0!important;
        border-right:0!important;
        border-radius:0!important;
        overflow:visible!important;
        transform:none!important;
        filter:none!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
        background:color-mix(in srgb,var(--panel) 98%,var(--bg))!important;
    }
    .siteHeader .brand{order:1;flex:1 1 auto;min-width:0}
    .siteHeader .brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .portalNavToggle{display:grid!important;place-items:center;order:2;flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;z-index:126}
    .siteHeader .headerSearch{order:3;flex:0 0 auto;margin:0}
    .siteHeader .account{order:4!important;display:flex!important;flex:0 0 auto;width:auto!important;margin:0!important;padding:0!important}

    .siteHeader .mainNav{
        display:flex!important;
        position:fixed!important;
        z-index:124!important;
        top:0!important;
        right:auto!important;
        bottom:0!important;
        left:0!important;
        width:min(370px,90vw)!important;
        height:100dvh!important;
        max-height:100dvh!important;
        margin:0!important;
        padding:max(78px,calc(env(safe-area-inset-top) + 70px)) 14px calc(18px + env(safe-area-inset-bottom))!important;
        flex-direction:column!important;
        align-items:stretch!important;
        gap:5px!important;
        border:0!important;
        border-radius:0 22px 22px 0!important;
        background:var(--panel)!important;
        box-shadow:28px 0 70px rgba(0,0,0,.38)!important;
        transform:translate3d(-105%,0,0)!important;
        transition:transform .2s ease!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
    }
    .siteHeader.navOpen .mainNav{transform:translate3d(0,0,0)!important}
    .siteHeader .mainNav>a,
    .siteHeader .mainNav .menuNode>a{min-height:46px;padding:12px 13px!important;border-radius:12px;font-size:.96rem;display:flex;align-items:center}
    .siteHeader .mainNav .menuNode{display:flex;width:100%;flex-wrap:wrap}
    .siteHeader .mainNav .menuNode>a{flex:1;min-width:0}
    .siteHeader .mainNav .menuChildToggle{display:grid!important;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;background:transparent;color:var(--text);box-shadow:none}
    .siteHeader .mainNav .menuChildren{position:static!important;width:100%!important;min-width:0!important;margin:3px 0 5px 12px!important;padding:4px 0 4px 8px!important;border:0!important;border-left:2px solid color-mix(in srgb,var(--accent) 32%,var(--line))!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
    .siteHeader .mainNav .menuNode:not(.submenuOpen)>.menuChildren{display:none!important}
    .siteHeader .mainNav .menuNode.submenuOpen>.menuChildren{display:block!important}

    .siteHeader .navBackdrop:not([hidden]){display:block!important;position:fixed!important;inset:0!important;z-index:121!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(1,8,14,.62)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}

    .userMenu{position:static!important}
    .userMenuName,.userMenuChevron{display:none}
    .userMenuToggle,.pmHeaderLink,.headerSearchToggle{width:44px;height:44px;min-width:44px;min-height:44px}
    .userDropdown{
        position:fixed!important;
        z-index:125!important;
        top:0!important;
        right:0!important;
        bottom:0!important;
        left:auto!important;
        width:min(390px,92vw)!important;
        height:100dvh!important;
        max-height:100dvh!important;
        margin:0!important;
        padding:max(18px,env(safe-area-inset-top)) 13px calc(18px + env(safe-area-inset-bottom))!important;
        border-radius:22px 0 0 22px!important;
        background:var(--panel)!important;
        box-shadow:-28px 0 70px rgba(0,0,0,.38)!important;
        transform:translate3d(105%,0,0)!important;
        transform-origin:center!important;
        opacity:1!important;
        visibility:visible!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        transition:transform .2s ease!important;
    }
    .userMenuOpen .userDropdown{transform:translate3d(0,0,0)!important}
    .userDropdownHead{position:sticky;top:0;z-index:2;background:var(--panel);padding-top:8px}
    .userMenuClose{display:grid;place-items:center}
    .guestActions{display:flex;align-items:center;gap:7px}
    .guestActions>a{min-height:44px}
    .guestLoginAction{display:inline-flex!important}
    .guestRegisterAction{display:none!important}
}

@media(max-width:700px){
    .siteHeader .brand>span:last-child{display:none}
    .siteHeader .headerSearchPanel{position:fixed;left:10px;right:10px;top:68px;width:auto;max-width:none}
    .guestLoginAction{width:44px;height:44px;padding:0;justify-content:center;font-size:0}
    .guestLoginAction>span{display:inline;font-size:1rem}
    .siteHeader{padding-inline:9px!important}
    .siteHeader .headerSearch{margin-left:0}
    .siteHeader .account{gap:4px}
}

@media(max-width:430px){
    .siteHeader{gap:5px!important}
    .siteLogoImage,.logo{width:34px;height:34px}
    .portalNavToggle,.userMenuToggle,.pmHeaderLink,.headerSearchToggle,.guestLoginAction{width:42px;height:42px;min-width:42px;min-height:42px}
    .siteHeader .mainNav{width:94vw!important}
    .userDropdown{width:96vw!important}
}

@media(max-width:900px){
    .isAcpPage .siteHeader{z-index:118!important}
    .isAcpPage .page{overflow:visible!important}
    .acpMobileToggle{display:flex!important;align-items:center;justify-content:center;gap:8px;position:sticky;top:70px;z-index:116;width:100%;min-height:46px;margin:0 0 12px;padding:10px 13px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.12);backdrop-filter:none!important}
    .acpShell,.isAcpPage.acpSidebarCollapsed .acpShell{display:block;overflow:visible!important;transform:none!important}
    .acpSidebar,.isAcpPage.acpSidebarCollapsed .acpSidebar{display:flex;flex-direction:column;position:fixed!important;z-index:130!important;top:0!important;right:auto!important;bottom:0!important;left:0!important;width:min(350px,92vw)!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0 22px 22px 0!important;transform:translate3d(-105%,0,0)!important;transition:transform .2s ease!important;box-shadow:26px 0 70px rgba(0,0,0,.42)!important;overflow:hidden!important;padding-bottom:env(safe-area-inset-bottom);background:var(--panel)!important;backdrop-filter:none!important}
    .isAcpPage.acpSidebarOpen .acpSidebar{transform:translate3d(0,0,0)!important}
    .acpSidebarTop{flex:0 0 auto}
    .acpSideNav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 10px 18px}
    .acpSidebarFoot{flex:0 0 auto;padding-bottom:max(10px,env(safe-area-inset-bottom));background:var(--panel)}
    .acpSideHeading{min-height:44px;padding:10px 11px;font-size:.76rem}
    .acpSideLink,.isAcpPage.acpSidebarCollapsed .acpSideLink,.isAcpPage.acpSidebarCollapsed .acpSidebarFoot .acpSideLink{min-height:44px;padding:10px 11px;justify-content:flex-start}
    .acpSideGroup:not(.isOpen)>.acpSideGroupLinks{display:none}
    .acpSideGroup.isOpen>.acpSideGroupLinks{display:grid}
    .isAcpPage.acpSidebarOpen .acpBackdrop,.acpBackdrop:not([hidden]){display:block!important;position:fixed!important;inset:0!important;z-index:129!important;margin:0!important;border:0!important;border-radius:0!important;background:rgba(1,8,14,.62)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
    .acpCollapseToggle{display:none!important}
    .isAcpPage table{display:table;min-width:760px}
    .isAcpPage .tablewrap,.isAcpPage .tableWrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
    .isAcpPage .buttonRow,.isAcpPage .modernFormActions{align-items:stretch}
    .isAcpPage .form input,.isAcpPage .form select,.isAcpPage .form textarea{max-width:100%}
}

@media(max-width:620px){
    .acpContent .buttonRow,.acpContent .modernFormActions{display:grid;grid-template-columns:1fr}
    .acpContent .buttonRow>*,.acpContent .modernFormActions>*{width:100%}
    .acpContent .card{padding:14px}
    .acpMobileToggle{top:66px}
}

@media(prefers-reduced-motion:reduce){
    .siteHeader .mainNav,.userDropdown,.acpSidebar,.acpGroupChevron{transition:none!important}
}

/* AquaCMS 0.2.29 Build 33 - compact mobile header */
@media(max-width:700px){
    .siteHeader .brand{display:flex!important;flex:0 0 auto!important;min-width:0!important}
    .siteHeader .brand>span:last-child{display:none!important}
    .siteHeader .brand>.logo{display:none!important}
    .siteHeader .brand:has(.siteLogoImage){display:flex!important}
    .siteHeader .brand:not(:has(.siteLogoImage)){display:none!important}
    .siteHeader{justify-content:flex-start!important}
    .siteHeader .portalNavToggle{margin-right:0!important}
}

/* 0.2.34 – Designvorschau, Remember-Me und gespeicherte Logins */
.acpStyleChoiceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:12px}.acpStyleChoiceCard{display:grid;gap:10px;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--panel);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.acpStyleChoiceCard:hover,.acpStyleChoiceCard:focus-within{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));transform:translateY(-1px)}.acpStyleChoiceCard.selected,.acpStyleChoiceCard:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.acpStyleChoiceCard>input{position:absolute;opacity:0;pointer-events:none}.acpStyleChoicePreview{display:block;height:132px;border-radius:13px;background:linear-gradient(135deg,var(--panel2),var(--accent));background-size:cover;background-position:center}.acpStyleChoiceCard strong,.acpStyleChoiceCard small{display:block}.acpStyleChoiceCard small{margin-top:4px;line-height:1.35}.rememberLoginOption{margin:.2rem 0 .65rem}.rememberedLoginsPanel{margin-top:18px}.rememberedLoginList{display:grid;gap:10px}.rememberedLoginList article{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel2) 72%,var(--panel))}.rememberedLoginList article>div{display:grid;gap:3px;min-width:0}.rememberedLoginList small,.rememberedLoginList span{color:var(--muted);overflow-wrap:anywhere}.preferenceStylePreview,.styleLibraryPreview,.acpStyleChoicePreview{position:relative;overflow:hidden}.preferenceStylePreview::after,.styleLibraryPreview::after,.acpStyleChoicePreview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.18));pointer-events:none}@media(max-width:700px){.acpStyleChoiceGrid{grid-template-columns:1fr}.rememberedLoginList article{align-items:flex-start;flex-direction:column}.rememberedLoginList article form{width:100%}.rememberedLoginList article button{width:100%}}

/* 0.2.35 aquarium workspace, structured aquarium details and area tabs */
.aquariumAreaTabs,.aquariumTabs{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:thin;padding:4px;margin:0 0 18px;overscroll-behavior-inline:contain}.aquariumAreaTabs a,.aquariumTabs button{flex:0 0 auto;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,var(--accent) 8%);color:var(--text);border-radius:999px;padding:10px 15px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}.aquariumAreaTabs a.active,.aquariumTabs button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast,#fff);box-shadow:0 7px 22px color-mix(in srgb,var(--accent) 22%,transparent)}.aquariumTabPanel{display:none}.aquariumTabPanel.active{display:block}.aquariumTabPanels{min-width:0}.aquariumPanel,.aquariumCoreForm{border-radius:20px}.aquariumSectionHead{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.aquariumSectionHead h3,.aquariumSectionTitle h3{margin:.2rem 0}.aquariumSectionHead p{margin:.35rem 0 0;color:var(--muted)}.aquariumQuickForm,.aquariumSetupForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.aquariumQuickForm>.wide,.aquariumSetupForm>.wide,.aquariumQuickForm>button,.aquariumSetupForm>.modernFormActions{grid-column:1/-1}.aquariumEntryCards{display:grid;gap:10px}.aquariumEntryCard{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 95%,var(--accent) 5%)}.aquariumEntryCard>div{display:grid;gap:3px}.aquariumEntryCard small{color:var(--muted)}.aquariumStructuredRows{display:grid;gap:12px}.aquariumStructuredRow{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(120px,.8fr) minmax(90px,.45fr);gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 96%,var(--accent) 4%)}.aquariumStructuredRow .wide{grid-column:1/-1}.aquariumDosingRows .aquariumStructuredRow{grid-template-columns:1.3fr .65fr .5fr .8fr 1fr}.aquariumValueGrid,.aquariumOverviewStats,.aquariumSpecGrid,.aquariumDosingDisplay{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.aquariumValueGrid article,.aquariumOverviewStats article,.aquariumSpecCard,.aquariumDosingDisplay article{display:grid;gap:6px;padding:15px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 94%,var(--accent) 6%)}.aquariumValueGrid article span,.aquariumOverviewStats article span,.aquariumSpecCard>span,.aquariumDosingDisplay small{color:var(--muted);font-size:.88rem}.aquariumValueGrid article strong,.aquariumOverviewStats article strong,.aquariumSpecCard>strong,.aquariumDoseValue{font-size:1.12rem}.aquariumLeadDescription,.aquariumDescriptionBox{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 97%,var(--accent) 3%)}.aquariumDisplayGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.aquariumDisplayCard{display:flex;gap:13px;padding:16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 95%,var(--accent) 5%)}.aquariumDisplayCard>div{display:grid;gap:5px;min-width:0}.aquariumDisplayCard p{margin:0;color:var(--muted)}.aquariumCardIcon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:color-mix(in srgb,var(--accent) 13%,var(--surface));font-size:1.25rem}.aquariumDetailTabBar{position:sticky;top:8px;z-index:3;padding:8px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(14px)}.aquariumSectionTitle{margin-bottom:14px}.aquariumJournal{display:grid;gap:6px}.aquariumWorkspaceHero{margin-bottom:16px}
@media(max-width:760px){.aquariumQuickForm,.aquariumSetupForm,.aquariumStructuredRow,.aquariumDosingRows .aquariumStructuredRow{grid-template-columns:1fr}.aquariumStructuredRow .wide,.aquariumQuickForm>.wide,.aquariumSetupForm>.wide{grid-column:auto}.aquariumSectionHead{align-items:stretch;flex-direction:column}.aquariumDetailTabBar{top:4px;border-radius:14px}.aquariumAreaTabs a,.aquariumTabs button{padding:9px 12px}.aquariumDisplayGrid{grid-template-columns:1fr}}

/* AquaCMS 0.2.37 - simplified aquarium save flow */
.aquariumSaveBar{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 8px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--border) 78%,var(--accent) 22%);border-radius:16px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 14px 34px rgba(0,0,0,.16);backdrop-filter:blur(14px)}
.aquariumSaveBarText{display:grid;gap:3px;min-width:0}.aquariumSaveBarText strong{font-size:1rem;color:var(--text)}.aquariumSaveBarText span{font-size:.88rem;color:var(--muted);line-height:1.35}.aquariumSaveBar .button{flex:0 0 auto;min-width:190px}.aquariumSaveBar.isDirty{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));box-shadow:0 14px 36px color-mix(in srgb,var(--accent) 16%,transparent)}.aquariumSaveBar.isSaving{opacity:.85}.aquariumSaveBar.isSaved{border-color:color-mix(in srgb,#2da66f 55%,var(--border))}.aquariumSaveBar.hasError{border-color:color-mix(in srgb,#c94d4d 68%,var(--border))}
@media(max-width:700px){.aquariumSaveBar{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));align-items:stretch;flex-direction:column;gap:10px;padding:12px}.aquariumSaveBar .button{width:100%;min-width:0}.aquariumSaveBarText span{font-size:.82rem}}

/* AquaCMS 0.2.38 - own aquarium management */
.myAquariumGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:16px}.myAquariumCard{padding:17px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 88%,transparent),var(--panel));display:grid;gap:12px}.myAquariumCardHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.myAquariumCard h3{margin:.2rem 0 0}.myAquariumCard p{margin:0;color:var(--muted);line-height:1.6}.myAquariumMeta{display:flex;gap:8px 14px;flex-wrap:wrap;font-size:.88rem;color:var(--muted)}.aquariumVisibilityBadge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;border:1px solid var(--line);font-size:.78rem;font-weight:700;white-space:nowrap}.aquariumVisibilityBadge--public{background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.aquariumVisibilityBadge--members{background:color-mix(in srgb,#f0b429 14%,var(--panel))}.aquariumVisibilityBadge--private{background:color-mix(in srgb,#d85d75 14%,var(--panel))}@media(max-width:620px){.myAquariumGrid{grid-template-columns:1fr}.myAquariumCardHead{align-items:flex-start}}

/* AquaCMS 0.2.40 - livestock editing and responsive image preview */
.livestockManageCard{overflow:visible}.livestockManageThumb{width:64px;height:64px;flex:0 0 64px;border-radius:14px;object-fit:cover;background:var(--surface)}.livestockManageCard>div:not(.aquariumEntryActions){flex:1;min-width:0}.aquariumEntryActions{display:flex!important;align-items:center;gap:8px}.aquariumEntryActions form{margin:0}.livestockImageUpload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 95%,var(--accent) 5%)}.livestockImageUpload p{margin:.3rem 0 0;color:var(--muted)}.livestockImageUpload>input[type=file],.livestockImageUpload>#uploadQueue,.livestockImageUpload>.switchLine{grid-column:1/-1}.livestockImageCurrent img{width:100px;height:100px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.livestockDisplayGrid,.livestockDisplayCard{overflow:visible}.livestockDisplayCard{position:relative}.livestockImagePopover{position:relative;display:block;width:100px;height:100px;flex:0 0 100px;border-radius:14px;outline:none;z-index:2}.livestockThumb{display:block;width:100px;height:100px;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:var(--surface)}.livestockImageLarge{position:absolute;left:calc(100% + 12px);top:50%;width:min(400px,calc(100vw - 48px));height:min(300px,70vh);padding:8px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 24px 70px rgba(0,0,0,.32);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%) scale(.97);transform-origin:left center;transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:40}.livestockImageLarge img{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,#000 8%)}.livestockImagePopover:hover .livestockImageLarge,.livestockImagePopover:focus .livestockImageLarge,.livestockImagePopover:focus-within .livestockImageLarge{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}
@media(max-width:720px){.livestockImageLarge{display:none}.livestockDisplayCard{align-items:flex-start}.livestockManageCard{align-items:flex-start;flex-wrap:wrap}.aquariumEntryActions{width:100%;justify-content:flex-end}.livestockImageUpload{grid-template-columns:1fr}.livestockImageCurrent{justify-self:start}.livestockImageUpload>#startMediaUpload{justify-self:start}}