:root{color-scheme:light;--bg:#f0f0f1;--surface:#fff;--text:#1d2327;--muted:#50575e;--accent:#2271b1;--border:#c3c4c7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:3px}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 16px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#fff;font-weight:550;text-decoration:none;cursor:pointer}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:3px solid #9a6700;outline-offset:3px}input{width:100%;border:1px solid var(--border);border-radius:4px;padding:10px 12px;background:#fff;color:var(--text)}label{font-weight:650}form{display:grid;gap:12px}.icon{width:18px;height:18px;fill:currentColor;flex-shrink:0}.skip{position:fixed;left:20px;top:-100px;z-index:200;background:white;padding:12px}.skip:focus{top:8px}.admin-topbar{height:56px;position:fixed;top:0;left:0;right:0;background:#1d2327;color:#fff;z-index:100;display:flex;align-items:center;gap:28px;padding:0 22px}.admin-topbar a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:9px;min-height:44px}.admin-brand{width:198px;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700}.admin-brand .icon{width:24px;height:24px}.admin-topbar button{border:0;background:none;color:#fff;margin:0;padding:8px 12px;border-radius:4px}.admin-topbar button:hover,.admin-topbar a:hover{color:#a7ceee}.admin-account{display:flex;align-items:center;gap:18px;margin-left:auto}.admin-account form{display:block}.admin-account button{font-weight:400}.admin-sidebar{position:fixed;top:56px;bottom:0;left:0;width:220px;background:#252d35;color:#fff;z-index:90;overflow-y:auto;display:flex;flex-direction:column}.sidebar-club{font-size:12px;color:#c5cbd1;padding:16px 18px;margin:0;border-bottom:1px solid #3b454e;line-height:1.5}.admin-sidebar nav{display:block;padding:12px 0}.admin-sidebar a{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 20px;color:#e2e5e8;text-decoration:none}.admin-sidebar a:hover{background:#35424f;color:white}.admin-sidebar a[aria-current=page]{background:#2271b1;color:#fff}.sidebar-submenu{background:#1d2327;padding:4px 0 8px}.sidebar-submenu a{font-size:13px;min-height:40px;padding:8px 20px 8px 50px}.sidebar-submenu a[aria-current=page]{background:none;color:#a7ceee;font-weight:700}.sidebar-submenu .icon{width:12px;height:12px}.sidebar-bottom{margin-top:auto;border-top:1px solid #3b454e}.admin-main{margin:56px 0 0 220px;padding:32px 36px 60px;max-width:1600px;min-height:calc(100vh - 130px)}.admin-footer{margin-left:220px;padding:18px 36px;color:var(--muted);border-top:1px solid #dcdcde;display:flex;justify-content:space-between;gap:20px;font-size:12px}.admin-guest .admin-main{margin-left:auto;margin-right:auto;max-width:700px}.admin-guest .admin-footer{margin-left:0}.admin-guest .admin-brand{width:auto}.admin-guest .admin-site-link{margin-left:auto}h1{font-size:28px;font-weight:650;line-height:1.3;margin:0 0 24px;letter-spacing:-.02em}h2{font-size:19px;line-height:1.35}.eyebrow{font-size:12px;font-weight:600;color:var(--muted);margin:0 0 8px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px}.card{padding:24px;background:white;border:1px solid #dcdcde;border-radius:6px}.card h2 a{display:flex;align-items:center;gap:10px;text-decoration:none}.card p{color:var(--muted)}.login{max-width:460px;margin:50px auto;background:white;border:1px solid #dcdcde;border-radius:6px;padding:32px}.login h1{margin:4px 0 24px}.error{border-left:4px solid #b32d2e;background:white;padding:14px 18px}.prose{max-width:850px}.secondary{background:#fff;color:var(--accent)}.row-action{display:inline-flex;align-items:center;gap:7px;min-height:44px;text-decoration:none;white-space:nowrap}.content-table form{display:inline-block;margin-left:12px}.content-table .link-button{display:inline-flex;align-items:center;gap:7px}.danger{color:#b32d2e}.content-table td:last-child{min-width:230px}.content-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;background:#fff}.content-table tbody tr:nth-child(even){background:#f7f7f8}.content-table{background:#fff}.content-form .edit-side{border-radius:5px}.content-form .edit-main label:not(:first-child){margin-top:14px}#admin-menu-toggle{display:none}.admin-footer a{color:var(--muted)}@media(max-width:1100px){.admin-main{padding:28px 24px}.grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){#admin-menu-toggle{display:inline-flex}.admin-brand{width:auto}.admin-topbar{padding:0 12px;gap:18px}.admin-sidebar{visibility:hidden;transform:translateX(-100%);box-shadow:6px 0 20px #0003}.admin-menu-open .admin-sidebar{visibility:visible;transform:translateX(0)}.admin-main{margin-left:0;padding:26px 20px}.admin-footer{margin-left:0;padding:18px 20px}.admin-account>span{display:none}.admin-account{gap:0}.grid{grid-template-columns:1fr}}@media(max-width:500px){.admin-topbar{gap:10px}.admin-brand{font-size:14px;gap:6px}.admin-brand .icon{width:18px}.admin-site-link span,.admin-account button span{display:none}.admin-site-link{margin-left:auto}.admin-account{margin-left:0}.admin-footer{flex-direction:column;gap:4px}.page-heading{align-items:flex-start}h1{font-size:25px}.login{padding:24px;margin-top:24px}.admin-guest .admin-site-link span{display:inline}}

/* Gemeinsame Editor-/Formkomponenten mit eigenem neutralem Admin-Farbsatz. */

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
select,textarea{font:inherit;max-width:100%;width:100%;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);padding:12px}textarea{resize:vertical}select:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:3px solid #b87500;outline-offset:3px}.admin-nav{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--border)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.button{display:inline-block;border-radius:8px;background:var(--accent);color:var(--surface);padding:12px 22px;text-decoration:none;min-height:46px}.dark .button{color:#102719}.table-scroll{max-width:100%;overflow-x:auto;margin:20px 0}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--border);padding:12px;vertical-align:top;text-align:left}th{background:var(--surface)}caption{text-align:left;font-weight:700;margin:0 0 8px}.content-table small{display:block;overflow-wrap:anywhere;color:var(--muted)}.content-table form{display:block}.link-button{border:0;padding:6px 0;background:none;color:var(--accent);text-decoration:underline;margin:0;min-height:44px}.notice{background:var(--surface);border-left:4px solid var(--accent);padding:14px 20px}.edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.edit-main,.edit-side{display:flex;flex-direction:column;gap:10px;min-width:0}.edit-side{background:var(--surface);padding:22px;border:1px solid var(--border);border-radius:10px;align-self:start}.edit-main label:not(:first-child){margin-top:10px}.help{font-size:.88rem;color:var(--muted);margin:0 0 10px;overflow-wrap:anywhere}.secondary{background:transparent;color:var(--accent)}.richtext-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-bottom:1px solid var(--border)}.editor-toolbar button{font-size:.85rem;padding:8px 10px;min-height:44px;background:var(--bg);color:var(--text);border-color:var(--border)}.editor-toolbar button[aria-pressed=true]{background:var(--accent);color:var(--surface)}.dark .editor-toolbar button[aria-pressed=true]{color:#102719}.tiptap{min-height:340px;padding:24px;outline:none;overflow-wrap:anywhere}.tiptap p:first-child{margin-top:0}.tiptap table,.richtext table{width:100%;table-layout:fixed}.tiptap th,.tiptap td{min-width:60px}.tiptap .selectedCell{background:#82ba9830}.tiptap img,.richtext img{max-width:100%;height:auto}.richtext{overflow-wrap:anywhere}.richtext figure{margin:24px 0}.richtext figcaption{font-size:.88rem;color:var(--muted)}.richtext pre{max-width:100%;overflow-x:auto;padding:16px;background:var(--surface)}blockquote{border-left:4px solid var(--accent);padding-left:20px;margin-left:0}.video-placeholder,.editor-media{background:var(--bg);border:1px dashed var(--border);border-radius:8px;padding:20px;margin:20px 0}.editor-dialog label{display:block;margin-top:12px}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.dialog-error{color:var(--text);border-left:3px solid #b12f2f;padding-left:10px}.dialog-error:empty{display:none}#selected-categories{padding:0;margin:0;list-style-position:inside}#selected-categories li{display:flex;align-items:center;gap:5px;margin-bottom:8px}#selected-categories span{flex:1;min-width:0;overflow-wrap:anywhere}#selected-categories button{padding:5px 10px;min-width:44px;background:var(--bg);color:var(--text);border-color:var(--border)}.category-links{margin-bottom:30px}.logout-form{display:inline-block;margin-top:28px}@media(max-width:950px){.edit-grid{grid-template-columns:1fr}.edit-side{width:100%}.editor-toolbar{gap:4px}.editor-toolbar button{padding:8px}.tiptap{padding:18px}}
.ProseMirror{position:relative;white-space:pre-wrap;white-space:break-spaces;font-variant-ligatures:none}.ProseMirror [contenteditable=false]{white-space:normal}.ProseMirror pre{white-space:pre-wrap}img.ProseMirror-separator{display:inline!important;border:0!important;margin:0!important;width:0!important;height:0!important}.ProseMirror-gapcursor{display:none;pointer-events:none;position:absolute;margin:0}.ProseMirror-gapcursor:after{content:"";position:absolute;top:-2px;width:20px;border-top:1px solid var(--text)}.ProseMirror-focused .ProseMirror-gapcursor{display:block}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *{caret-color:transparent}#selected-categories li{flex-wrap:wrap}#selected-categories span{flex-basis:100%}

.tiptap{overflow-x:auto}.tiptap table,.richtext table{min-width:420px}

.admin-main .page-heading{margin-bottom:8px}.admin-main .page-heading h1{margin:0}.admin-main .button{display:inline-flex;align-items:center;gap:8px;background:#2271b1;color:white;border-radius:4px}.admin-main .content-table form{display:inline-block;margin-left:12px}.admin-main .link-button.danger{color:#b32d2e}.admin-main .edit-side{border-radius:5px}.admin-main .row-action{display:inline-flex;gap:7px}.admin-main .content-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.admin-main .edit-side>button{display:inline-flex;gap:8px}.admin-main .card h2 a{display:flex;gap:10px}
/* Kompakte, funktional gruppierte Richtext-Werkzeugleiste */
.admin-main .editor-toolbar-main{gap:0;align-items:center;padding:6px;background:#f8f9fa;row-gap:6px}.tool-group{display:flex;align-items:center;gap:2px;padding:0 6px;border-right:1px solid #dcdcde;flex-shrink:0}.tool-group:last-child{border-right:0}.admin-main .editor-toolbar-main button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:40px;min-height:44px;padding:8px;border:1px solid transparent;background:transparent;font-weight:400;border-radius:4px;color:#2c3338}.admin-main .editor-toolbar-main button:hover:not(:disabled){background:#e4edf5;border-color:#b5c9da}.admin-main .editor-toolbar-main button[aria-pressed=true]{background:#d9e9f7;border-color:#98bddc;color:#135e96}.editor-toolbar-main .icon{width:16px;height:16px}.admin-main .editor-toolbar-main select{width:142px;min-height:40px;padding:7px 10px;background:#fff;font-size:13px}.editor-toolbar-main .insert-group button{font-size:13px;padding:8px 10px}.editor-insert-panel,.editor-table-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #dcdcde}.editor-insert-panel[hidden],.editor-table-tools[hidden]{display:none}.editor-insert-panel button,.editor-table-tools button{font-size:12px;font-weight:400;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;min-height:40px;border:1px solid #c3c4c7;background:white;color:#2c3338}.editor-insert-panel button:hover,.editor-table-tools button:hover{background:#e4edf5}.editor-table-tools button[data-command^=delete]{color:#b32d2e}.table-tools-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#50575e;padding-right:8px}.editor-table-tools .icon,.editor-insert-panel .icon{width:14px;height:14px}@media(max-width:560px){.admin-main .editor-toolbar-main{padding:6px 4px}.tool-group{padding:0 4px}.admin-main .editor-toolbar-main button{min-width:40px}.editor-toolbar-main .insert-group{border:0}.editor-insert-panel,.editor-table-tools{padding:8px}.editor-table-tools .table-tools-label{width:100%}}

.source-dialog {width:min(900px,calc(100vw - 32px));max-width:900px;}
#source-html {font-family:ui-monospace,monospace;font-size:14px;line-height:1.5;tab-size:2;}

.editor-dialog {width:min(640px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:24px;background:var(--surface);color:var(--text);}
.editor-dialog::backdrop {background:#131a2399;}
.editor-dialog h2 {margin-top:0;}
.editor-dialog.source-dialog {width:min(900px,calc(100vw - 32px));}

/* Posts scroll inside the editor; pages retain the full document height. */
.editor-posts #richtext-editor .tiptap {height:clamp(300px,55vh,560px);min-height:0;overflow:auto;overscroll-behavior:contain;}
.editor-pages .richtext-wrapper {overflow:visible;}
.editor-pages .editor-tools {position:sticky;top:56px;z-index:80;background:var(--surface);border-radius:10px 10px 0 0;box-shadow:0 3px 8px #1d23271a;}
.editor-tools .editor-toolbar {border-radius:10px 10px 0 0;}
.editor-pages .tiptap {scroll-margin-top:240px;}
.page-outline {border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:8px;}
.page-outline h2 {margin:0 0 10px;}
#outline-list {max-height:360px;overflow:auto;border:1px solid var(--border);border-radius:5px;background:#fff;margin:12px 0;}
.outline-level {padding-left:14px;}
.outline-row {display:flex;align-items:center;gap:2px;border-bottom:1px solid #eee;min-width:0;}
.outline-row button {padding:5px;min-width:32px;background:none;border:0;color:var(--text);}
.outline-row .outline-select {flex:1;justify-content:flex-start;min-width:0;text-align:left;font-size:12px;overflow-wrap:anywhere;}
.outline-row .outline-select[aria-pressed=true] {background:#e5f0fa;color:#135e96;font-weight:700;}
.outline-row .icon {width:13px;height:13px;}
#layout-properties {display:grid;gap:8px;margin:14px 0;}
#layout-properties[hidden] {display:none;}
.page-outline select,.page-outline input {font-size:13px;padding:8px;}
.page-outline label {font-size:12px;}
.page-outline > button {margin-top:8px;}
.tiptap [data-layout] {border:1px dashed #9ca9b5;border-radius:5px;padding:16px;margin:10px 0;position:relative;}
.tiptap [data-layout]::before {content:attr(data-label);display:block;font-size:11px;font-weight:650;color:#50575e;grid-column:1/-1;flex-basis:100%;}
.tiptap [data-layout=layoutRow]::before {width:100%;}
.tiptap [data-layout=accordionItem],.tiptap [data-layout=tabItem] {border-style:solid;background:#fafbfc;}
.tiptap .ProseMirror-selectednode {outline:3px solid #2271b1;outline-offset:2px;}
@media(max-width:600px) { .editor-posts #richtext-editor .tiptap {height:48vh;min-height:260px;} .editor-pages .editor-tools {top:56px;} }

.outline-actions {display:flex;gap:8px;flex-wrap:wrap;} .outline-actions button {font-size:12px;padding:8px;}

.editor-pages .edit-side {position:sticky;top:72px;max-height:calc(100dvh - 88px);overflow:auto;scrollbar-gutter:stable;}
.outline-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;}
.outline-heading button {padding:5px 8px;font-size:12px;}
@media(max-width:950px) {
 .editor-pages .edit-side {position:static;max-height:none;overflow:visible;}
 .page-outline:not([hidden]) {position:fixed;top:56px;bottom:0;right:0;width:min(360px,100vw);z-index:85;overflow:auto;background:var(--surface);padding:20px;box-shadow:-6px 0 24px #0003;}
 #outline-list {max-height:35vh;}
}

.tiptap [data-layout] {padding:12px;} .tiptap [data-layout] > p {min-height:24px;}

[hidden] {display:none !important;}

.media-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;} .media-card {background:#fff;padding:18px;border:1px solid var(--border);border-radius:6px;} .media-card img {width:100%;height:160px;object-fit:contain;background:var(--bg);} .media-preview {max-width:100%;height:auto;} .pdf-preview {height:160px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--bg);} .pdf-preview .icon {width:40px;height:40px;}

.nav-form {max-width:700px;} .nav-form label {display:block;} .nav-form [data-nav-kind] {display:grid;gap:8px;}

/* ClubStack: navy, emerald and blue from the supplied product logos. */
:root {--accent:#006b46;--bg:#f1f4f7;--text:#10213a;--muted:#4c5c70;}
.admin-main .button {background:#0064c3;}
.admin-topbar {background:#071b3a;} .admin-sidebar {background:#10213d;}
.admin-topbar .admin-brand > a,.admin-topbar .admin-brand > a:hover {background:transparent;border-radius:0;padding:7px 10px;min-height:40px;color:inherit;}
.clubstack-logo {width:178px;height:auto;display:block;}
.admin-sidebar a[aria-current=page] {background:#006b46;box-shadow:inset 4px 0 #01cc7a;}
.admin-sidebar a:hover {background:#193b52;} .sidebar-submenu {background:#091a32;}
.sidebar-submenu a[aria-current=page] {background:none;color:#79dab8;box-shadow:none;}
.admin-topbar a:hover {color:#01cc7a;} .editor-toolbar button[aria-pressed=true] {background:#e2f3ec;color:#005b3a;border-color:#87c3aa;}
.tiptap .ProseMirror-selectednode {outline-color:#006b46;}
@media(max-width:500px) {.clubstack-logo {width:135px;} .admin-brand {gap:6px;} .admin-topbar {gap:6px;} }

/* Page workbench: outline belongs to the editor, settings remain on the right. */
.admin-main.admin-workbench {max-width:none;}
.editor-pages .edit-grid {grid-template-columns:260px minmax(0,1fr) 280px;gap:18px;align-items:start;}
.editor-pages .edit-main {grid-column:2;min-height:calc(100dvh - var(--workbench-top,150px) - 16px);}
.editor-pages .richtext-wrapper {flex:1;display:flex;flex-direction:column;}
.editor-pages #richtext-editor {flex:1;display:flex;flex-direction:column;}
.editor-pages #richtext-editor>.tiptap {flex:1;}
.editor-pages .page-outline {grid-column:1;position:sticky;top:72px;height:calc(100dvh - var(--workbench-top,150px) - 16px);max-height:none;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:14px;min-width:0;}
.editor-pages .edit-side {grid-column:3;width:280px;min-width:0;padding:16px;height:calc(100dvh - var(--workbench-top,150px) - 16px);max-height:none;overflow:auto;}
.editor-pages .edit-grid:has(>.page-outline[hidden]) {grid-template-columns:minmax(0,1fr) 280px;}
.editor-pages .edit-grid:has(>.page-outline[hidden])>.edit-main {grid-column:1;}
.editor-pages .edit-grid:has(>.page-outline[hidden])>.edit-side {grid-column:2;}
#outline-list {max-height:none;border:0;}
.outline-row {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;}
.outline-name,.outline-row-actions {display:flex;align-items:center;min-width:0;}
.outline-row .outline-select {font-size:12px;padding:8px 2px;}
.outline-row-actions button {min-width:24px;padding:4px;}
.outline-row .outline-expand {min-width:22px;padding:3px;}
.outline-spacer {width:22px;flex-shrink:0;}
.outline-expand[aria-expanded=false] .icon {transform:rotate(-90deg);}
.outline-drag {cursor:grab;}
.outline-level {padding-left:12px;}
.outline-row[aria-selected=true] {background:#e2f3ec;}
.outline-row[data-drop=before] {border-top:3px solid var(--accent);}
.outline-row[data-drop=after] {border-bottom:3px solid var(--accent);}
.outline-row[data-drop=inside] {outline:2px solid var(--accent);outline-offset:-2px;background:#e2f3ec;}
.outline-row:focus-visible {outline:3px solid #9a6700;outline-offset:-3px;}
.settings-tabs {display:flex;border-bottom:1px solid var(--border);gap:8px;margin-bottom:16px;}
.settings-tabs button {flex:1;color:var(--text);background:transparent;border:0;border-radius:0;}
.settings-tabs button[aria-selected=true] {border-bottom:3px solid var(--accent);color:var(--accent);}
.edit-side [role=tabpanel] {display:grid;gap:10px;}
@media(max-width:1250px) {
 .editor-pages .edit-grid {grid-template-columns:minmax(0,1fr) 280px;}
 .editor-pages .edit-main {grid-column:1;}
 .editor-pages .edit-side {grid-column:2;}
 .editor-pages .page-outline:not([hidden]) {position:fixed;left:220px;right:auto;top:56px;bottom:0;width:260px;height:auto;max-height:none;z-index:85;border-radius:0;box-shadow:6px 0 24px #0003;}
}
@media(max-width:950px) {
 .editor-pages .edit-main {min-height:0;}
 .editor-pages .edit-grid,.editor-pages .edit-grid:has(>.page-outline[hidden]) {grid-template-columns:minmax(0,1fr);}
 .editor-pages .edit-side,.editor-pages .edit-grid:has(>.page-outline[hidden])>.edit-side {grid-column:1;width:100%;height:auto;position:static;overflow:visible;}
}
@media(max-width:900px) {.editor-pages .page-outline:not([hidden]) {left:0;width:min(260px,90vw);}}
.language-switch {display:flex;flex-wrap:nowrap;gap:4px;margin-left:auto;}
.admin-topbar .language-switch a {font-size:12px;padding:4px;min-width:30px;justify-content:center;}
.language-switch a[aria-current] {text-decoration:underline;text-underline-offset:4px;font-weight:700;}
.admin-topbar .admin-account {margin-left:0;}
@media(max-width:500px) {.admin-topbar {padding:0 6px;gap:2px;} .admin-topbar .admin-brand>a {padding:7px 2px;} .clubstack-logo {width:110px;} .admin-topbar #admin-menu-toggle {padding:8px;} .admin-topbar .admin-site-link {gap:0;} .admin-topbar .admin-account button {padding:8px;} }

.sport-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.sport-form-main,.sport-form-side{display:flex;flex-direction:column;gap:12px}.sport-form-side{align-self:start;position:sticky;top:90px;border:1px solid var(--border);padding:20px;background:var(--surface);border-radius:10px}.sport-form-main fieldset{border:1px solid var(--border);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:12px}.sport-form-main input[type=checkbox],#sport-block-functions input{width:auto}.sport-assignment{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--border);padding:12px 0}.sport-assignment span{flex:1;min-width:160px}.sport-dashboard-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.sport-dashboard-links a{display:flex;justify-content:space-between;border:1px solid var(--border);padding:24px;border-radius:10px;background:var(--surface)}.sport-settings{max-width:600px}.sport-calendar-filter{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin:20px 0}.editor-sport-block{border:2px dashed #3987aa;border-radius:8px;background:#edf6f9;padding:20px;margin:16px 0}.editor-sport-block.ProseMirror-selectednode{outline:3px solid #176a3b}.editor-sport-block p{margin:8px 0 0;color:#344b58}@media(max-width:900px){.sport-form-grid{grid-template-columns:1fr}.sport-form-side{position:static}}

/* Dialogaktionen: gemeinsame Größe, unten rechts und natürliche Tab-Reihenfolge. */
dialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:auto}
dialog .dialog-actions{display:flex;justify-content:flex-end;align-items:stretch;flex-wrap:wrap;gap:12px;margin:20px 0 0;padding-top:4px}
dialog .dialog-actions>form{display:flex;margin:0;gap:0}
dialog .dialog-actions button,dialog .dialog-actions .button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:46px;line-height:1.4;padding:10px 18px;border:1px solid var(--accent);margin:0}
dialog .dialog-actions>form,dialog .dialog-actions button,dialog .dialog-actions .button{min-width:0;max-width:100%;overflow-wrap:anywhere}
dialog[open]>*{flex-shrink:0;min-width:0}dialog input[type=range]{margin-inline:0;width:100%}
.configuration-form{max-width:820px;background:var(--surface);padding:24px;border:1px solid var(--border);border-radius:6px}.configuration-form fieldset{margin:8px 0;padding:16px;border:1px solid var(--border);display:grid;gap:8px}.check-option{display:flex;align-items:center;gap:10px;min-height:44px}.check-option input[type=checkbox]{width:20px;height:20px;margin:0;flex-shrink:0}.configuration-form input[type=color]{height:48px;width:100%;padding:4px}.form-actions{display:flex;justify-content:flex-end;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:20px}.form-actions button,.form-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;line-height:1.4;padding:10px 18px;border:1px solid var(--accent);margin:0}.configuration-form .help{margin:0}
.form-actions .button.secondary{background:transparent;color:var(--accent)}.configuration-form{overflow-wrap:anywhere}.configuration-form fieldset{min-inline-size:0}

/* Etappe 6: visible controls and focus below the fixed top bar. */
html{scroll-padding-top:calc(var(--sticky-height,56px) + 16px);scroll-padding-bottom:32px}
.admin-main:focus{outline:none}
input,select,textarea{border-color:#737b83}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #2271b1;outline-offset:3px}
.admin-topbar :focus-visible,.admin-sidebar :focus-visible{outline-color:#7bd8ae;outline-offset:-3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Shared admin lists: quiet headers, explicit hover/focus, fixed selection column. */
.list-views{display:flex;gap:20px;margin-bottom:18px}.list-views a{display:inline-flex;align-items:center;gap:7px;padding:8px 0;color:#50575e;text-decoration:none;border-bottom:2px solid transparent}.list-views a[aria-current=page]{color:#176139;border-bottom-color:#176139;font-weight:600}
.list-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.bulk-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bulk-form label{margin:0}.bulk-form select{width:auto;min-width:150px}.list-count{font-size:13px;color:#50575e}.list-toolbar button,.bulk-form select{min-height:40px}.content-table [data-select-row],.content-table [data-select-visible]{width:18px;height:18px;min-height:0;margin:10px;accent-color:#176139}.admin-list .content-table th:first-child{width:44px}.column-tools{display:flex;align-items:center;gap:2px}.admin-main .column-tools button{background:transparent;color:#2c3338;border:0;min-height:40px;padding:8px;font-weight:600}.admin-main .column-tools button:hover{background:#e9efeb;color:#176139}.column-sort{flex:1;text-align:left;white-space:nowrap}.column-filter{min-width:36px}.content-table th[aria-sort=ascending] .column-sort::after{content:' ↑'}.content-table th[aria-sort=descending] .column-sort::after{content:' ↓'}.admin-main th.list-filtered .column-filter{background:#dcefe1;color:#174c2c}.list-selected{background:#eef6f0}.admin-list tbody tr:hover{background:#f3f5f4}.tree-title{display:flex;align-items:center;gap:6px;min-height:40px}.admin-main .tree-toggle{background:transparent;color:#2c3338;border:0;min-width:36px;min-height:36px;padding:4px;font-size:19px}.admin-main .tree-toggle:hover{background:#dcefe1}.tree-spacer{width:36px;flex-shrink:0}.admin-list tbody tr:focus{outline:2px solid #176139;outline-offset:-2px}.admin-list tr[hidden]{display:none}.list-filter-dialog fieldset{margin-top:18px}.list-filter-dialog label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;font-weight:400}.list-filter-dialog input[type=checkbox]{width:18px;min-height:0;height:18px}.filter-values{max-height:220px;overflow:auto;padding:8px 4px}.list-filter-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;flex-wrap:wrap}.admin-list .error{padding:12px;border-left:3px solid #b32d2e}
.media-list-preview{width:72px;height:72px;object-fit:contain;border-radius:4px;background:#f0f0f1}
.access-form{max-width:780px}.access-form fieldset,.access-picker{margin:18px 0;padding:14px;border:1px solid #c3c4c7;min-width:0}.access-form .check-option,.access-picker .check-option{display:flex;align-items:center;gap:8px;font-weight:400;overflow-wrap:anywhere}.access-form input[type=checkbox],.access-picker input[type=checkbox]{width:18px;height:18px;min-height:0}.access-form .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}

.post-gallery{position:relative;min-width:0;background:#10241a;color:#fff;overflow:hidden}.gallery-slide[hidden]{display:none!important}.gallery-slide{position:relative}.gallery-slide img,.gallery-slide video{display:block;width:100%;height:100%;object-fit:contain}.card .post-gallery{aspect-ratio:3/4}.card .gallery-slide,.card .gallery-slide>a,.card .gallery-slide>[data-instagram-url]{height:100%}.gallery-controls{position:absolute;z-index:3;bottom:.5rem;left:.5rem;right:.5rem;display:flex;gap:.5rem;align-items:center;justify-content:center;pointer-events:none}.gallery-controls>*{pointer-events:auto;background:#10241a;color:#fff;border:1px solid #fff;border-radius:1.5rem;min-height:44px;min-width:44px;padding:.4rem .75rem}.gallery-controls button:hover{background:#246937}.gallery-link{position:absolute;top:.5rem;left:.5rem;background:#10241a;color:#fff;padding:.5rem}.hero-card .post-gallery .gallery-controls{top:.5rem;bottom:auto}.instagram-player iframe{width:100%;min-height:450px;border:0}.instagram-player:has(iframe)+button{display:none}.gallery-slide video{max-height:75vh}.prose .post-gallery{margin-block:1rem}.gallery-slide [data-instagram-consent]{position:absolute;top:.5rem;left:.5rem}#gallery-list li{margin-block:.75rem;display:flex;flex-wrap:wrap;gap:.4rem}#gallery-list label{width:100%}
.statistics-chart{width:100%;max-height:240px;color:#006a46}.stat-value{font-size:1.8rem;font-weight:700}#seo-preview-title{font-weight:700;color:#124979}#seo-fields p,#seo-fields li{overflow-wrap:anywhere}.table-scroll{overflow-x:auto;max-width:100%}.table-scroll table{width:100%}

#seo-social-image{max-width:100%;height:auto}#seo-social-title{font-weight:700}.stat-value{overflow-wrap:anywhere}
/* Shared media library and category controls */
.media-library-controls{display:flex;align-items:end;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.media-library-controls label{flex:1 1 160px;margin:0}.media-library-controls input,.media-library-controls select{width:100%}.media-library-controls button{flex:0 0 auto}
.media-library-dialog{width:min(1000px,calc(100vw - 2rem));max-width:1000px;max-height:calc(100dvh - 2rem);padding:1.5rem;overflow:auto;border:0;border-radius:12px;background:var(--surface,#fff);color:var(--text,#172b22)}.media-library-dialog::backdrop{background:#102a2299}.media-library-dialog h2{margin-top:0}.media-library-dialog .dialog-actions{position:sticky;bottom:-1.5rem;background:var(--surface,#fff);padding:1rem 0;margin-bottom:0}.media-picker-grid,.media-admin-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.media-picker-card,.media-admin-card{position:relative;border:1px solid #c7d3cd;border-radius:8px;padding:.6rem;background:var(--surface,#fff);overflow:hidden;overflow-wrap:anywhere}.media-picker-card{display:grid;grid-template-rows:auto 130px auto;gap:.5rem;cursor:pointer;margin:0}.media-picker-card:has(input:checked){border:2px solid #176343;background:#eff8f3;padding:calc(.6rem - 1px)}.media-picker-card:focus-within{outline:3px solid #176343;outline-offset:2px}.media-picker-preview{display:flex;align-items:center;justify-content:center;background:#edf2ef;border-radius:4px;color:#274838}.media-picker-preview img{width:100%;height:100%;object-fit:contain}.media-picker-list{grid-template-columns:1fr}.media-picker-list .media-picker-card{grid-template-columns:auto 70px 1fr;grid-template-rows:64px;align-items:center}.media-picker-list .media-picker-preview{height:64px}.media-field-preview{display:flex;align-items:center;gap:.75rem;margin:.5rem 0;overflow-wrap:anywhere}.media-field-preview img{width:72px;height:72px;object-fit:contain}.media-field{margin-bottom:1rem}.media-field button{margin:.2rem}.media-category-checks{display:flex;flex-wrap:wrap;gap:1rem}.media-select-all{display:flex;gap:.5rem;align-items:center}.media-admin-card{display:flex;flex-direction:column;gap:.5rem}.media-admin-card label{display:flex;gap:.4rem;margin:0}.media-admin-card [data-preview-cell]{display:flex;align-items:center;justify-content:center;height:150px}.media-admin-card .media-list-preview{width:100%;height:100%;object-fit:contain}.media-admin-card svg{width:48px;height:48px}.media-admin-tiles[hidden],.table-scroll[hidden]{display:none}
@media(max-width:480px){.media-library-dialog{padding:1rem}.media-library-dialog .dialog-actions{bottom:-1rem}.media-picker-grid,.media-admin-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.media-picker-list{grid-template-columns:1fr}.media-library-controls label{flex-basis:100%}}
.media-admin-card input[type=checkbox],.media-select-all input[type=checkbox],.media-category-checks input[type=checkbox],.media-library-dialog input[type=checkbox],.media-library-dialog input[type=radio]{width:1.1rem;height:1.1rem;min-height:0;flex:0 0 1.1rem;display:inline-block;margin:0;accent-color:#176343}
.media-category-checks label{display:inline-flex;align-items:center;gap:.4rem}.media-admin-card label{align-items:flex-start}.media-select-all{justify-content:flex-start;margin-block:1rem}.media-admin-card [data-preview-cell]{order:-1}.media-admin-card a{font-size:.85rem}
[data-media-bulk] .dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.media-library-dialog form .dialog-actions{position:static}
.media-admin-card input[type=checkbox],.media-select-all input[type=checkbox],.media-category-checks input[type=checkbox],.media-library-dialog input[type=checkbox],.media-library-dialog input[type=radio]{padding:0}
[data-media-categories] label{display:inline-flex;align-items:center;gap:.4rem;margin:.35rem .8rem .35rem 0}[data-media-categories] input[type=checkbox]{width:1.1rem;height:1.1rem;min-height:0;padding:0;display:inline-block;margin:0;accent-color:#176343}
.site-settings-form{max-width:900px}.site-settings-form .check-option{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.site-settings-form input[type=radio],.site-settings-form input[type=checkbox]{width:1.1rem;height:1.1rem;padding:0;flex:0 0 1.1rem}.site-settings-form .dialog-actions{display:flex;justify-content:flex-end}.site-settings-form output{display:block;margin:.5rem 0}.site-settings-form select,.site-settings-form textarea{width:100%}
@media(max-width:900px){.admin-sidebar{overflow-y:auto}.admin-sidebar nav{overflow:visible;max-height:none}}

.outline-row .outline-expand{flex:0 0 28px;min-width:28px;min-height:28px}.outline-row-actions button{min-height:28px;flex-shrink:0}

.richtext-wrapper[data-condition-preview=then] .tiptap [data-layout=conditional].ProseMirror-selectednode>[data-layout=conditionBranch]:nth-child(2),.richtext-wrapper[data-condition-preview=else] .tiptap [data-layout=conditional].ProseMirror-selectednode>[data-layout=conditionBranch]:nth-child(1){display:none}


/* Keep native scrollbar chrome in the sidebar palette, including thumb hover. */
.admin-sidebar>nav{color-scheme:dark;scrollbar-color:#647b96 #10213d;scrollbar-width:thin;scrollbar-gutter:stable}.admin-sidebar>nav::-webkit-scrollbar::-webkit-scrollbar{width:12px}.admin-sidebar>nav::-webkit-scrollbar-track::-webkit-scrollbar-track{background:#10213d}.admin-sidebar>nav::-webkit-scrollbar-thumb::-webkit-scrollbar-thumb{background:#647b96;border:3px solid #10213d;border-radius:8px}.admin-sidebar>nav::-webkit-scrollbar-thumb:hover::-webkit-scrollbar-thumb:hover{background:#8ca2bc}

.reorder-handle{cursor:grab;min-width:32px;min-height:32px;touch-action:pan-y}.reorder-handle:active{cursor:grabbing}.reorder-dragging{opacity:.55}.reorder-before{box-shadow:inset 0 3px 0 var(--admin-accent,#247a57)}.reorder-after{box-shadow:inset 0 -3px 0 var(--admin-accent,#247a57)}

/* Action cells keep the same order in every administrative table. */
.admin-main table [data-actions-column]{width:1%;white-space:nowrap}
.admin-main table [data-actions-cell]{white-space:nowrap;vertical-align:middle}
.admin-main table [data-actions-cell] form{display:inline-block;margin:0 4px 0 0}
.admin-main table .table-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;margin:0 4px 0 0;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--accent);text-decoration:none;vertical-align:middle}
.admin-main table [data-actions-cell] form .table-action{margin:0}
.admin-main table .table-action:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:var(--accent)}
.admin-main table .table-action.danger{color:#b32d2e}
.admin-main table .table-action.danger:hover{background:#b32d2e0d;border-color:#b32d2e}
.admin-main table .table-action:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.admin-main table .table-action .icon{width:18px;height:18px}
.admin-list .content-table th:first-child:has([data-column-filter]){width:auto}

.navigation-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.navigation-workspace>.admin-list{min-width:0}.navigation-pages{position:sticky;top:80px;max-height:calc(100dvh - 100px);overflow:auto;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.navigation-pages h2{font-size:18px;margin-top:0}.navigation-pages ul{list-style:none;padding:0;margin:16px 0}.navigation-pages li{display:flex;gap:6px;margin-bottom:8px}.navigation-page-drag{flex:1;min-width:0;justify-content:flex-start;cursor:grab;text-align:left}.navigation-page-drag span{overflow-wrap:anywhere}.navigation-pages [data-navigation-add]{padding:8px}.navigation-drop-inside{outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.navigation-root-drop{display:flex;align-items:center;justify-content:center;gap:8px;min-height:64px;width:100%;border:1px dashed var(--accent);border-radius:6px;color:var(--accent)}.navigation-root-drop:not(:disabled):hover{background:var(--surface)}@media(max-width:1100px){.navigation-workspace{grid-template-columns:minmax(0,1fr)}.navigation-pages{position:static;max-height:400px;grid-row:1}}

.backup-workspace{min-width:0;overflow-wrap:anywhere}.backup-workspace .card{min-width:0;margin:20px 0;padding:20px}.backup-workspace fieldset{min-inline-size:0;border:1px solid var(--border);padding:16px}.backup-workspace .check{display:flex;align-items:center;gap:10px;margin:8px 0;font-weight:400}.backup-workspace input[type=checkbox],.backup-workspace input[type=radio]{width:18px;height:18px;min-height:0;flex-shrink:0;padding:0}.backup-workspace input[type=file]{min-width:0;max-width:100%}.backup-workspace button{white-space:normal}.backup-workspace .dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.backup-table{overflow-x:auto}.backup-workspace .card h2{margin-top:0}

[data-instagram-preview]{scroll-margin-top:76px}[data-instagram-preview] img{object-fit:contain;background:var(--bg)}.table-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
/* Recursive administration navigation: three visible levels, inline disclosure. */
.admin-sidebar{overflow:hidden}.admin-sidebar>nav{flex:1;min-height:0;overflow-y:auto;padding:12px 0}.admin-menu-tree,.admin-menu-tree ul{list-style:none;margin:0;padding:0}.admin-menu-tree .sidebar-submenu{position:static;display:block;width:auto;box-shadow:none;border-radius:0;background:transparent}.admin-menu-tree .sidebar-submenu[hidden]{display:none}.admin-nav-heading{display:flex;align-items:stretch;padding-left:4px}.admin-nav-heading>a{flex:1;min-width:0;padding:8px 8px 8px 4px;min-height:44px;gap:8px}.admin-nav-heading>a span{overflow-wrap:anywhere}.admin-submenu-toggle,.admin-menu-spacer{width:32px;min-width:32px;flex-shrink:0}.admin-submenu-toggle{border:0;border-radius:4px;padding:0;background:transparent;color:#e2e5e8;min-height:44px}.admin-submenu-toggle:hover,.admin-submenu-toggle:focus-visible{background:#193b52;color:white}.admin-submenu-toggle .icon{width:12px;height:12px;transform:rotate(-90deg)}.admin-submenu-toggle[aria-expanded=true] .icon{transform:none}.admin-nav-group[data-menu-depth="1"]>.admin-nav-heading{padding-left:16px}.admin-nav-group[data-menu-depth="2"]>.admin-nav-heading{padding-left:28px}.admin-nav-group[data-menu-depth="1"]>.admin-nav-heading>a,.admin-nav-group[data-menu-depth="2"]>.admin-nav-heading>a{font-size:13px}.admin-nav-group.active>.admin-nav-heading{background:#143649}.admin-menu-tree a[aria-current=page]{background:var(--accent);color:#fff;box-shadow:none;border-radius:4px}.admin-menu-tree a:hover{background:#193b52;color:white}.admin-menu-tree a[aria-current=page]:hover{background:#005e43;color:white}.sidebar-bottom{flex-shrink:0}

/* A persistent shell surrounds native, same-origin workspace documents. */
.admin-shell {height:100dvh;overflow:hidden}
.admin-shell > .admin-main {position:fixed;top:56px;bottom:0;left:220px;right:0;margin:0;padding:0;max-width:none;min-height:0}
.admin-shell > .admin-footer {display:none}
#admin-workspace {display:block;width:100%;height:100%;border:0;background:var(--bg)}
.admin-frame > .admin-topbar,.admin-frame > .admin-sidebar,.admin-frame > .skip {display:none}
.admin-frame > .admin-main {margin:0;min-height:calc(100vh - 74px)}
.admin-frame > .admin-footer {margin-left:0}
.admin-frame .editor-pages .editor-tools {top:0}
@media(max-width:900px){.admin-shell > .admin-main {left:0}}

#admin-workspace[hidden]{display:none}

/* Cover a newly loading document until its stylesheet and scripts are ready. */
#admin-workspace.workspace-loading {visibility:hidden;opacity:0}
#admin-workspace.workspace-ready {animation:workspace-content-in 160ms ease-out}
#admin-workspace-loader {position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);opacity:1;animation:workspace-loader-in 120ms ease-out;pointer-events:none;transition:opacity 160ms ease-out}
#admin-workspace-loader[hidden] {display:none}
#admin-workspace-loader img {display:block;width:112px;height:112px;max-width:35vw;object-fit:contain}
#admin-workspace-loader p {margin:0;color:var(--muted);font-size:13px}
#admin-workspace-loader.loader-leaving {opacity:0}
@keyframes workspace-content-in {from {opacity:0} to {opacity:1}}
@keyframes workspace-loader-in {from {opacity:0} to {opacity:1}}
@media(prefers-reduced-motion:reduce){#admin-workspace.workspace-ready,#admin-workspace-loader {animation:none;transition:none}}

/* Keep field focus inside its border so adjacent labels remain clear. */
html body :is(input,select,textarea,[contenteditable=true]):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(forced-colors:active){html body :is(input,select,textarea,[contenteditable=true]):focus-visible{outline-color:Highlight}}

/* Compact actions and consistent vertical alignment in administrative lists. */
.admin-main table [data-actions-cell] form{vertical-align:middle;line-height:0}
.admin-list .content-table :is(th,td){vertical-align:middle}
.admin-list .content-table td{padding:8px 12px}
.admin-list .content-table :is([data-select-row],[data-select-visible]){display:block;margin:0 auto;padding:0}
.admin-list .tree-title{min-height:32px}
.admin-main .tree-toggle{width:32px;min-width:32px;height:32px;min-height:32px}
.admin-list .tree-spacer{width:32px}
.admin-main .column-tools button{min-height:32px;padding:4px 8px}
.admin-main .column-filter{min-width:32px}
.media-field-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.admin-main :is(.media-field-actions button,.theme-social-actions button,.outline-row-actions button){min-height:32px;padding:4px 8px;font-size:13px;line-height:20px;margin:0}
.admin-main .outline-row-actions button{min-width:32px}
.admin-main .media-field-actions .icon{width:16px;height:16px}

.disabled-action{display:inline-block;vertical-align:middle;line-height:0;margin-right:4px;cursor:not-allowed}
.admin-main table .disabled-action .table-action{margin:0;pointer-events:none}
.disabled-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:5px}
/* Settings groups use surfaces and space instead of nested outlines. */
.admin-main .configuration-form{background:transparent;border:0;padding:0;gap:24px;max-width:960px}
.admin-main .site-settings-form{gap:24px;max-width:960px}
.admin-main .settings-card{display:block;min-width:0;min-inline-size:0;margin:0 0 24px;padding:0;border:0;border-radius:10px;background:var(--surface);box-shadow:0 2px 8px #102a220c;overflow-wrap:anywhere}
.admin-main :is(.configuration-form,.site-settings-form)>.settings-card{margin:0}
.admin-main .settings-card>header,.admin-main fieldset.settings-card>legend{position:static;display:block;float:left;width:100%;margin:0;padding:16px 20px;background:color-mix(in srgb,var(--surface) 97%,var(--bg));border:0;border-bottom:1px solid color-mix(in srgb,var(--border) 35%,transparent);border-radius:10px 10px 0 0;color:var(--text);font-size:16px;font-weight:650;line-height:1.4}
.admin-main .settings-card>header h2{margin:0;font-size:16px;line-height:1.4}
.admin-main .settings-card-body{clear:both;display:grid;gap:10px;min-width:0;padding:20px}
.admin-main .settings-card-body>label{display:block;margin:0}
.admin-main .settings-card-body>.check-option{display:flex}
.admin-main .settings-card-body>p{margin:0}
.admin-main .settings-card .settings-card{background:transparent;box-shadow:none;border-radius:0;margin:8px 0;padding:0}
.admin-main .settings-card .settings-card>legend{padding:0 0 8px;background:transparent;border:0;font-size:14px}
.admin-main .settings-card .settings-card>.settings-card-body{padding:0}
.admin-main .settings-card #theme-contrast{padding-top:10px}
.admin-main .settings-card #theme-contrast h2{font-size:14px;margin:0 0 8px}
.admin-main .settings-card #theme-contrast ul{margin-bottom:0}
.admin-main .configuration-form>.form-actions{margin-top:0}
@media(max-width:560px){.admin-main .settings-card>header,.admin-main fieldset.settings-card>legend{padding:14px 16px}.admin-main .settings-card-body{padding:16px}}
.admin-main .settings-card>header,.admin-main fieldset.settings-card>legend{display:flex;align-items:center;justify-content:space-between;gap:12px}
.admin-main .settings-card>header :is(h2,h3),.settings-card-title{flex:1;min-width:0;overflow-wrap:anywhere}
.settings-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}
.admin-main .settings-card-actions button{width:32px;height:32px;min-width:32px;min-height:32px;padding:4px;margin:0;line-height:1;border:0;background:transparent;color:var(--muted)}
.admin-main .settings-card-actions button:hover:not(:disabled){background:var(--bg);color:var(--accent)}
.settings-card-toggle[aria-expanded=false] .icon{transform:rotate(180deg)}
.admin-main .settings-card-body[hidden]{display:none}
.admin-main .settings-card .settings-repeat-card{background:color-mix(in srgb,var(--surface) 65%,var(--bg));border-radius:8px;margin:0 0 16px;box-shadow:none}
.admin-main .settings-card .settings-repeat-card>header{border:0;background:transparent;padding:12px 16px}
.admin-main .settings-card .settings-repeat-card>.settings-card-body{padding:0 16px 16px}
@media(max-width:560px){.admin-main .settings-card>header,.admin-main fieldset.settings-card>legend{gap:6px}.admin-main .settings-card-actions{gap:0}.admin-main .settings-card .settings-repeat-card>header{padding:10px}.admin-main .settings-card .settings-repeat-card>.settings-card-body{padding:0 10px 12px}}
.admin-main .settings-card{display:flow-root}
#theme-colors>.settings-card-body{grid-template-columns:minmax(0,1fr) auto;align-items:center}
#theme-colors #theme-contrast{grid-column:1/-1}

/* Individual date/time pattern and live result share one compact row. */
.site-settings-form .format-custom-row{display:grid;grid-template-columns:140px minmax(120px,180px) minmax(0,1fr);gap:12px;align-items:center}
.site-settings-form .format-custom-row>.check-option{margin:0}
.format-input-wrap{position:relative;min-width:0}
.format-input-wrap input{width:100%;min-width:0}
.site-settings-form .format-custom-row output{margin:0;overflow-wrap:anywhere}
.format-tooltip{position:absolute;z-index:30;top:calc(100% + 12px);left:0;width:340px;max-width:calc(100vw - 100px);padding:12px 14px;border-radius:8px;background:var(--text);color:var(--surface);box-shadow:0 4px 16px #0003;font-size:13px;line-height:1.55;font-weight:400}
.format-tooltip::before{content:"";position:absolute;top:-7px;left:calc(180px - 24px);width:14px;height:14px;background:inherit;transform:rotate(45deg)}
.format-tooltip[hidden]{display:none}
@media(max-width:600px){
 .site-settings-form .format-custom-row{grid-template-columns:auto minmax(100px,1fr);gap:8px 12px}
 .site-settings-form .format-custom-row output{grid-column:2}
 .format-tooltip{left:auto;right:0;max-width:calc(100vw - 80px)}
 .format-tooltip::before{left:auto;right:18px}
}

[data-setting-when][hidden]{display:none!important}
.settings-dependent-fields{display:grid;gap:10px;min-width:0}