/* Ninagrafie Content · V1.6 dev.30 · shared Content-Zentrale Admin UI foundation */
:root{
 --ninagrafie-cz-control-height:48px;
 --ninagrafie-cz-radius:12px;
 --ninagrafie-cz-page-gap:28px;
 --ninagrafie-cz-surface:#ffffff;
 --ninagrafie-cz-surface-soft:#fffdf9;
 --ninagrafie-cz-border:#e4d3bc;
 --ninagrafie-cz-border-soft:#eadfce;
 --ninagrafie-cz-text:#4d3b32;
 --ninagrafie-cz-accent:#72243a;
 --ninagrafie-cz-space-1:6px;
 --ninagrafie-cz-space-2:12px;
 --ninagrafie-cz-space-3:16px;
 --ninagrafie-cz-space-4:24px;
 --ninagrafie-cz-space-5:32px;
}
/* Shared form geometry. Feature styles may define widths/layout, not competing control heights. */
.ninagrafie-content-zentrale-page :is(input:not([type=checkbox]):not([type=radio]),select,button,.button){box-sizing:border-box}
/* Generic configurable table view. Kept outside FAQ so every registered data table shares one presentation layer. */
.ninagrafie-cz-table-viewbar{margin:14px 0 18px;border:1px solid var(--ninagrafie-cz-border);border-radius:var(--ninagrafie-cz-radius);background:var(--ninagrafie-cz-surface);overflow:hidden}
.ninagrafie-cz-table-viewbar>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;font-weight:700;color:var(--ninagrafie-cz-text)}
.ninagrafie-cz-table-viewbar>summary::-webkit-details-marker{display:none}.ninagrafie-cz-table-viewbar>summary:after{content:'+';font-size:20px;color:var(--ninagrafie-cz-accent)}.ninagrafie-cz-table-viewbar[open]>summary:after{content:'−'}
.ninagrafie-cz-table-viewbar>summary small{margin-left:auto;font-weight:400;opacity:.65}.ninagrafie-cz-table-viewbar__body{border-top:1px solid var(--ninagrafie-cz-border-soft);padding:16px;display:grid;gap:16px;background:var(--ninagrafie-cz-surface-soft)}
.ninagrafie-cz-table-viewbar__columns,.ninagrafie-cz-table-viewbar__saved{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ninagrafie-cz-table-viewbar__columns label{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:400}.ninagrafie-cz-table-viewbar__saved select{min-width:190px;min-height:42px}.ninagrafie-cz-table-viewbar__sort{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.ninagrafie-cz-table-viewbar__sort label{display:grid;gap:5px;font-weight:600}.ninagrafie-cz-table-viewbar__sort select{min-height:42px}.ninagrafie-cz-table-viewbar__saved{padding-top:4px}.ninagrafie-cz-table-viewbar__saved button:disabled{opacity:.45;cursor:not-allowed}
.ninagrafie-content-zentrale-page [data-configurable-table] [hidden]{display:none!important}
@media(max-width:800px){.ninagrafie-cz-table-viewbar__sort{grid-template-columns:1fr}.ninagrafie-cz-table-viewbar>summary{align-items:flex-start}.ninagrafie-cz-table-viewbar>summary small{display:none}.ninagrafie-cz-table-viewbar__columns,.ninagrafie-cz-table-viewbar__saved{width:100%}}

/* dev.31 · shared page-intro contract */
.ninagrafie-content-zentrale-page :is(.ninagrafie-dashboard-eyebrow,.ninagrafie-cz-series__eyebrow,.ninagrafie-cz-references__eyebrow,.ninagrafie-config__eyebrow,.ninagrafie-tests__eyebrow,.ninagrafie-inspiration__eyebrow,.ninagrafie-content-help__eyebrow){display:block;margin:0 0 8px!important;line-height:1.2}
.ninagrafie-content-zentrale-page :is(.ninagrafie-cz-series__intro,.ninagrafie-cz-references__intro,.ninagrafie-config__intro,.ninagrafie-tests__hero,.ninagrafie-inspiration__hero) h1{margin:0 0 8px!important;line-height:1.12}
.ninagrafie-content-zentrale-page :is(.ninagrafie-cz-series__intro,.ninagrafie-cz-references__intro,.ninagrafie-config__intro,.ninagrafie-tests__hero,.ninagrafie-inspiration__hero) p{margin-top:0}
.ninagrafie-cz-section-intro{max-width:none!important;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.ninagrafie-cz-section-intro__copy{max-width:760px}.ninagrafie-cz-section-intro__action{margin-bottom:0}

/* dev.31 · compact configurable table views */
.ninagrafie-cz-table-viewbar__body{padding:12px 16px;gap:10px}
.ninagrafie-cz-table-viewbar__columns{gap:8px 12px}
.ninagrafie-cz-table-viewbar__sort{grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px}
.ninagrafie-cz-table-viewbar__sort label{gap:3px}
.ninagrafie-cz-table-viewbar__sort select,.ninagrafie-cz-table-viewbar__saved select{min-height:38px;height:38px}
.ninagrafie-cz-table-viewbar__saved{gap:8px;padding-top:0}
.ninagrafie-cz-table-viewbar__saved button{min-height:38px;padding-top:7px;padding-bottom:7px}
@media(max-width:800px){.ninagrafie-cz-section-intro{align-items:flex-start;flex-direction:column}.ninagrafie-cz-section-intro__action{align-self:flex-start}}


/* dev.32 · article intro alignment and compact transition */
.ninagrafie-content-zentrale-page .ninagrafie-content-dashboard{margin-top:28px!important;padding-top:0!important}
.ninagrafie-content-zentrale-page .ninagrafie-content-dashboard .ninagrafie-dashboard-header{margin:0 0 16px!important}
.ninagrafie-content-zentrale-page .ninagrafie-cz-section-intro{align-items:center}
.ninagrafie-content-zentrale-page .ninagrafie-cz-section-intro__copy{max-width:820px}
.ninagrafie-content-zentrale-page .ninagrafie-cz-section-intro__action{align-self:center;margin:18px 0 0}
@media(max-width:800px){.ninagrafie-content-zentrale-page .ninagrafie-cz-section-intro__action{align-self:flex-start;margin-top:0}}

/* dev.34 · final shared header -> content rhythm for article overview */
.ninagrafie-content-zentrale-page .ninagrafie-content-dashboard{margin-top:0!important;padding-top:0!important}
.ninagrafie-content-zentrale-page .ninagrafie-content-dashboard .ninagrafie-dashboard-header{margin-top:0!important}


/* dev.35 · authoritative Content-Zentrale page-intro contract */
.ninagrafie-content-zentrale-page .ninagrafie-cz-page-intro{margin:0 0 24px!important;padding:0!important;max-width:none}
.ninagrafie-content-zentrale-page .ninagrafie-cz-page-intro__eyebrow{display:block;margin:0 0 8px!important;font-size:12px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}
.ninagrafie-content-zentrale-page .ninagrafie-cz-page-intro :is(h1,h2){margin:0 0 8px!important;line-height:1.12}
.ninagrafie-content-zentrale-page .ninagrafie-cz-page-intro p{margin:0!important}
.ninagrafie-content-zentrale-page .ninagrafie-content-dashboard,.ninagrafie-content-zentrale-page .ninagrafie-config,.ninagrafie-content-zentrale-page .ninagrafie-media-center{margin-top:24px!important}
.ninagrafie-content-zentrale-page .ninagrafie-content-dashboard{padding-top:0!important}
.ninagrafie-content-zentrale-page .ninagrafie-config{padding-top:0!important}
.ninagrafie-content-zentrale-page .ninagrafie-media-center{padding-top:0!important}
@media(max-width:700px){.ninagrafie-content-zentrale-page .ninagrafie-content-dashboard,.ninagrafie-content-zentrale-page .ninagrafie-config,.ninagrafie-content-zentrale-page .ninagrafie-media-center{margin-top:18px!important}.ninagrafie-content-zentrale-page .ninagrafie-cz-page-intro{margin-bottom:18px!important}}

/* V1.7 dev.16: reusable Content-Zentrale action controls; feature modules only arrange them. */
.ninagrafie-content-zentrale-page .ninagrafie-cz-btn,
.ninagrafie-cz-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:var(--ninagrafie-cz-control-height,48px);padding:10px 17px;border-radius:var(--ninagrafie-cz-radius,12px);border:1px solid var(--ninagrafie-cz-accent,#72243a);background:var(--ninagrafie-cz-accent,#72243a);color:#fff!important;text-decoration:none!important;font:inherit;line-height:1.25;cursor:pointer;white-space:normal;text-align:center;transition:background-color .15s,border-color .15s}
.ninagrafie-cz-btn:hover,.ninagrafie-cz-btn:focus-visible{background:#562738;color:#fff!important}
.ninagrafie-cz-btn--secondary{background:#f0ebe5;color:var(--ninagrafie-cz-accent,#72243a)!important;border-color:var(--ninagrafie-cz-border,#e4d3bc)}
.ninagrafie-cz-btn--secondary:hover,.ninagrafie-cz-btn--secondary:focus-visible{background:#e3d8cc;color:var(--ninagrafie-cz-accent,#72243a)!important}
.ninagrafie-cz-btn--danger{background:#fff;color:#9a3445!important;border-color:#9a3445}
.ninagrafie-cz-btn--danger:hover,.ninagrafie-cz-btn--danger:focus-visible{background:#f8e8eb;color:#80293a!important}
.ninagrafie-cz-actionbar{display:flex;align-items:center;gap:var(--ninagrafie-cz-space-2,12px);flex-wrap:wrap}
.ninagrafie-cz-actionbar form{margin:0}