
.ninagrafie-cz-ideas {
    --idea-border: rgba(34,34,34,.10);
    --idea-soft: #f7f3ec;
    --idea-bordeaux: #6b2039;
    --idea-olive: #4f6840;
    --idea-muted: #6f6a66;
    margin-bottom: 3rem;
}
.ninagrafie-cz-ideas__head {
    display:flex;
    justify-content:space-between;
    gap:1.5rem;
    margin-bottom:1rem;
}
.ninagrafie-cz-ideas__head h2 { margin:.15rem 0 .3rem; }
.ninagrafie-cz-ideas__head p { margin:0; color:var(--idea-muted); }
.ninagrafie-cz-ideas__stats {
    display:flex;
    flex-wrap:wrap;
    align-content:flex-start;
    justify-content:flex-end;
    gap:.4rem;
}
.ninagrafie-cz-ideas__stats span {
    padding:.4rem .6rem;
    border-radius:999px;
    background:var(--idea-soft);
    font-size:.72rem;
}

.ninagrafie-cz-ideas__editor {
    padding:1rem;
    border:1px solid var(--idea-border);
    border-radius:16px;
    background:#fff;
}
.ninagrafie-cz-ideas__editor-head {
    display:flex;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:.8rem;
}
.ninagrafie-cz-ideas__editor-head h3 { margin:.1rem 0 0; }
.ninagrafie-cz-ideas__editor-head a { color:var(--idea-bordeaux); font-size:.76rem; }

.ninagrafie-cz-idea-form {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.8rem;
}
.ninagrafie-cz-idea-field {
    display:flex;
    flex-direction:column;
    gap:.3rem;
}
.ninagrafie-cz-idea-field--wide { grid-column:1 / -1; }
.ninagrafie-cz-idea-field > span { font-size:.72rem; font-weight:700; }
.ninagrafie-cz-idea-field input,
.ninagrafie-cz-idea-field textarea,
.ninagrafie-cz-idea-field select,
.ninagrafie-cz-idea-filters input,
.ninagrafie-cz-idea-filters select {
    box-sizing:border-box;
    width:100%;
    padding:.65rem .7rem;
    border:1px solid rgba(0,0,0,.14);
    border-radius:8px;
    background:#fff;
    color:#222;
}
.ninagrafie-cz-idea-field small { color:var(--idea-muted); font-size:.68rem; }
.ninagrafie-cz-idea-form__actions { grid-column:1 / -1; text-align:right; }
.ninagrafie-cz-idea-form__actions button,
.ninagrafie-cz-idea-filters button {
    cursor:pointer;
    padding:.65rem .9rem;
    border:1px solid var(--idea-bordeaux);
    border-radius:8px;
    background:var(--idea-bordeaux);
    color:#fff;
}

.ninagrafie-cz-idea-filters {
    display:grid;
    grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(130px,1fr)) auto;
    gap:.55rem;
    align-items:center;
    margin:1rem 0;
}
.ninagrafie-cz-idea-filters a { color:var(--idea-bordeaux); font-size:.72rem; }

.ninagrafie-cz-ideas__grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem;
}
.ninagrafie-cz-idea-card {
    padding:1rem;
    border:1px solid var(--idea-border);
    border-radius:16px;
    background:linear-gradient(145deg,#fff,#fbf8f3);
}
.ninagrafie-cz-idea-card__top {
    display:flex;
    justify-content:space-between;
    gap:.5rem;
}
.ninagrafie-cz-idea-card__status,
.ninagrafie-cz-idea-card__priority {
    display:inline-flex;
    padding:.28rem .48rem;
    border-radius:999px;
    font-size:.64rem;
}
.ninagrafie-cz-idea-card__status { background:#eee9e1; }
.ninagrafie-cz-idea-card__status.is-interesting { background:#f8edcf; color:#89671d; }
.ninagrafie-cz-idea-card__status.is-in_progress { background:#e5edf5; color:#365c7d; }
.ninagrafie-cz-idea-card__status.is-closed { background:#ececec; color:#777; }
.ninagrafie-cz-idea-card__priority.is-low { background:#edf1e8; color:#4f6840; }
.ninagrafie-cz-idea-card__priority.is-medium { background:#f4ecd9; color:#866622; }
.ninagrafie-cz-idea-card__priority.is-high { background:#f4ded8; color:#944a35; }
.ninagrafie-cz-idea-card__priority.is-very_high { background:#f3d8de; color:#7a2038; font-weight:700; }

.ninagrafie-cz-idea-card h3 { margin:.85rem 0 .45rem; }
.ninagrafie-cz-idea-card p { color:#4f4a46; }
.ninagrafie-cz-idea-card__areas {
    display:flex;
    flex-wrap:wrap;
    gap:.35rem;
    margin:.8rem 0;
}
.ninagrafie-cz-idea-card__areas span {
    padding:.25rem .42rem;
    border-radius:999px;
    background:#f0ece6;
    color:#675f58;
    font-size:.64rem;
}
.ninagrafie-cz-idea-card__meta {
    display:flex;
    flex-wrap:wrap;
    gap:.4rem .8rem;
    color:var(--idea-muted);
    font-size:.65rem;
}
.ninagrafie-cz-idea-card__actions {
    display:flex;
    flex-wrap:wrap;
    gap:.45rem;
    align-items:center;
    margin-top:.9rem;
    padding-top:.75rem;
    border-top:1px solid var(--idea-border);
}
.ninagrafie-cz-idea-card__actions form { margin:0; }
.ninagrafie-cz-idea-card__actions a,
.ninagrafie-cz-idea-card__actions button {
    cursor:pointer;
    padding:0;
    border:0;
    background:none;
    color:var(--idea-bordeaux);
    font:inherit;
    font-size:.72rem;
    text-decoration:none;
}
.ninagrafie-cz-idea-card__actions button.is-delete { color:#9a4b50; }
.ninagrafie-cz-ideas__empty {
    padding:1.2rem;
    border-radius:12px;
    background:var(--idea-soft);
    color:var(--idea-muted);
}

@media (max-width: 980px) {
    .ninagrafie-cz-idea-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
    .ninagrafie-cz-ideas__head { flex-direction:column; }
    .ninagrafie-cz-ideas__stats { justify-content:flex-start; }
    .ninagrafie-cz-ideas__grid,
    .ninagrafie-cz-idea-form,
    .ninagrafie-cz-idea-filters { grid-template-columns:1fr; }
    .ninagrafie-cz-idea-field--wide,
    .ninagrafie-cz-idea-form__actions { grid-column:auto; }
}


/* dev.45 – kompakter Editor, Bulk-Import und Relationsaktionen */
.ninagrafie-cz-ideas__head-actions {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:.6rem;
}
.ninagrafie-cz-ideas__toolbar {
    display:flex;
    gap:.5rem;
}
.ninagrafie-cz-ideas__new-button,
.ninagrafie-cz-ideas__import-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:.55rem .75rem;
    border-radius:8px;
    text-decoration:none;
    font-size:.72rem;
    font-weight:700;
}
.ninagrafie-cz-ideas__new-button {
    background:var(--idea-bordeaux);
    color:#fff;
}
.ninagrafie-cz-ideas__import-button {
    border:1px solid rgba(107,32,57,.25);
    color:var(--idea-bordeaux);
    background:#fff;
}

details.ninagrafie-cz-ideas__editor,
details.ninagrafie-cz-ideas__import {
    margin-bottom:1rem;
    padding:0;
    overflow:hidden;
}
.ninagrafie-cz-ideas__editor > summary,
.ninagrafie-cz-ideas__import > summary {
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    padding:.8rem 1rem;
    list-style:none;
}
.ninagrafie-cz-ideas__editor > summary::-webkit-details-marker,
.ninagrafie-cz-ideas__import > summary::-webkit-details-marker {
    display:none;
}
.ninagrafie-cz-ideas__editor > summary small,
.ninagrafie-cz-ideas__import > summary span {
    display:block;
    margin-top:.1rem;
    color:var(--idea-muted);
    font-size:.68rem;
    font-weight:400;
}
.ninagrafie-cz-ideas__editor > summary b {
    color:var(--idea-bordeaux);
    font-size:1.2rem;
}
.ninagrafie-cz-ideas__editor[open] > summary b { transform:rotate(45deg); }
.ninagrafie-cz-ideas__editor-body,
.ninagrafie-cz-ideas__import-body {
    padding:1rem;
    border-top:1px solid var(--idea-border);
}
.ninagrafie-cz-ideas__import {
    border:1px solid var(--idea-border);
    border-radius:12px;
    background:#fff;
}
.ninagrafie-cz-ideas__import-body form {
    display:flex;
    flex-wrap:wrap;
    gap:.6rem;
    align-items:center;
}
.ninagrafie-cz-ideas__import-body button {
    cursor:pointer;
    padding:.6rem .8rem;
    border:1px solid var(--idea-bordeaux);
    border-radius:8px;
    background:var(--idea-bordeaux);
    color:#fff;
}
.ninagrafie-cz-ideas__notice {
    margin:0 0 1rem;
    padding:.75rem .9rem;
    border-radius:10px;
    font-size:.76rem;
}
.ninagrafie-cz-ideas__notice.is-success { background:#edf3e8; color:#405b37; }
.ninagrafie-cz-ideas__notice.is-error { background:#f8e3e5; color:#8f2e38; }

.ninagrafie-cz-idea-filters {
    grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(120px,1fr)) minmax(140px,auto);
}
.ninagrafie-cz-idea-filters__actions {
    display:flex;
    align-items:center;
    gap:.5rem;
}
.ninagrafie-cz-idea-filters__actions a {
    white-space:nowrap;
}

.ninagrafie-cz-idea-card {
    display:flex;
    flex-direction:column;
}
.ninagrafie-cz-idea-card__actions {
    margin-top:auto;
    min-height:36px;
    align-items:center;
}
.ninagrafie-cz-idea-card__actions > a,
.ninagrafie-cz-idea-card__actions > form,
.ninagrafie-cz-idea-card__actions > form > button {
    display:inline-flex;
    align-items:center;
    min-height:28px;
    line-height:1;
}
.ninagrafie-cz-idea-card__relations {
    display:flex;
    flex-wrap:wrap;
    gap:.35rem;
    margin-top:.8rem;
    color:var(--idea-muted);
    font-size:.66rem;
}
.ninagrafie-cz-idea-card__relations b {
    padding:.2rem .35rem;
    border-radius:999px;
    background:#f0ece6;
    color:#5f574f;
    font-weight:600;
}
.ninagrafie-cz-idea-card__convert {
    margin-top:.55rem;
    border-top:1px dashed var(--idea-border);
    padding-top:.55rem;
}
.ninagrafie-cz-idea-card__convert > summary {
    cursor:pointer;
    color:var(--idea-bordeaux);
    font-size:.7rem;
    font-weight:700;
}
.ninagrafie-cz-idea-card__convert-body {
    display:grid;
    gap:.45rem;
    margin-top:.55rem;
}
.ninagrafie-cz-idea-card__convert-body form {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:.4rem;
    margin:0;
}
.ninagrafie-cz-idea-card__convert-body form:first-child {
    grid-template-columns:auto;
}
.ninagrafie-cz-idea-card__convert-body select,
.ninagrafie-cz-idea-card__convert-body button {
    min-height:34px;
    border:1px solid rgba(0,0,0,.12);
    border-radius:7px;
    background:#fff;
    font-size:.68rem;
}
.ninagrafie-cz-idea-card__convert-body button {
    cursor:pointer;
    padding:.45rem .6rem;
    color:var(--idea-bordeaux);
    font-weight:700;
}

@media (max-width:720px) {
    .ninagrafie-cz-ideas__head-actions { align-items:flex-start; }
    .ninagrafie-cz-ideas__toolbar { flex-wrap:wrap; }
    .ninagrafie-cz-idea-filters__actions { flex-wrap:wrap; }
}


/* dev.46 – Release-Candidate UI cleanup */

/* Der Header zeigt nur Kennzahlen; Neue Idee und CSV bleiben als Accordions darunter. */
.ninagrafie-cz-ideas__head-actions {
    justify-content: flex-start;
}
.ninagrafie-cz-ideas__toolbar {
    display: none !important;
}

/* Suchfeld, Selects und Aktionen bilden eine saubere gemeinsame Zeile. */
.ninagrafie-cz-idea-filters {
    align-items: stretch !important;
}
.ninagrafie-cz-idea-filters > input[type="search"],
.ninagrafie-cz-idea-filters > select,
.ninagrafie-cz-idea-filters__actions > button,
.ninagrafie-cz-idea-filters__actions > a {
    box-sizing: border-box;
    min-height: 42px;
    height: 42px;
    margin: 0;
}
.ninagrafie-cz-idea-filters__actions {
    display: flex;
    align-items: stretch;
    gap: .5rem;
    min-height: 42px;
}
.ninagrafie-cz-idea-filters__actions > button,
.ninagrafie-cz-idea-filters__actions > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .8rem;
}
.ninagrafie-cz-idea-filters__actions > a {
    border: 1px solid rgba(107,32,57,.18);
    border-radius: 8px;
    background: #fff;
    color: var(--idea-bordeaux);
    text-decoration: none;
}

/* Etwas mehr Luft zwischen Relations-Chips und der Aktionslinie. */
.ninagrafie-cz-idea-card__relations {
    margin-top: .9rem;
    margin-bottom: .85rem;
}
.ninagrafie-cz-idea-card__actions {
    margin-top: 0;
}

@media (max-width: 980px) {
    .ninagrafie-cz-idea-filters__actions {
        min-height: 42px;
    }
}
@media (max-width: 720px) {
    .ninagrafie-cz-idea-filters > input[type="search"],
    .ninagrafie-cz-idea-filters > select,
    .ninagrafie-cz-idea-filters__actions > button,
    .ninagrafie-cz-idea-filters__actions > a {
        width: 100%;
        height: 42px;
    }
    .ninagrafie-cz-idea-filters__actions {
        width: 100%;
    }
}


/* dev.48 – Bulk-Verwaltung */
.ninagrafie-cz-idea-bulk {
    display:grid;
    grid-template-columns:auto auto minmax(230px,1fr) auto;
    align-items:center;
    gap:.65rem;
    margin:1rem 0;
    padding:.75rem .85rem;
    border:1px solid var(--idea-border);
    border-radius:12px;
    background:#fff;
}
.ninagrafie-cz-idea-bulk__select-all {
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    margin:0;
    font-size:.72rem;
    font-weight:600;
}
.ninagrafie-cz-idea-bulk__count {
    color:var(--idea-muted);
    font-size:.7rem;
    white-space:nowrap;
}
.ninagrafie-cz-idea-bulk select,
.ninagrafie-cz-idea-bulk button {
    box-sizing:border-box;
    min-height:40px;
    height:40px;
    margin:0;
}
.ninagrafie-cz-idea-bulk select {
    width:100%;
    padding:0 .65rem;
    border:1px solid rgba(0,0,0,.14);
    border-radius:8px;
    background:#fff;
}
.ninagrafie-cz-idea-bulk button {
    cursor:pointer;
    padding:0 .9rem;
    border:1px solid var(--idea-bordeaux);
    border-radius:8px;
    background:var(--idea-bordeaux);
    color:#fff;
    font-weight:700;
}
.ninagrafie-cz-idea-card {
    position:relative;
}
.ninagrafie-cz-idea-card__select {
    position:absolute;
    top:.85rem;
    left:.85rem;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    margin:0;
    border-radius:6px;
    background:rgba(255,255,255,.92);
    box-shadow:0 1px 4px rgba(0,0,0,.08);
}
.ninagrafie-cz-idea-card__select input {
    margin:0;
}
.ninagrafie-cz-idea-card__top {
    padding-left:30px;
}
.ninagrafie-cz-idea-bulk.has-selection {
    border-color:rgba(107,32,57,.24);
    box-shadow:0 4px 14px rgba(107,32,57,.05);
}

@media (max-width: 820px) {
    .ninagrafie-cz-idea-bulk {
        grid-template-columns:1fr 1fr;
    }
}
@media (max-width: 560px) {
    .ninagrafie-cz-idea-bulk {
        grid-template-columns:1fr;
        align-items:stretch;
    }
    .ninagrafie-cz-idea-bulk button,
    .ninagrafie-cz-idea-bulk select {
        width:100%;
    }
}

/* V1.3.0-dev.16 – Ideen 1.1 / Shooting-Ideen */
.ninagrafie-cz-idea-shooting-fields {
    display:none;
    grid-column:1 / -1;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.8rem;
    padding:.85rem;
    border:1px solid rgba(79,104,64,.18);
    border-radius:12px;
    background:#f8faf6;
}
.ninagrafie-cz-idea-shooting-fields.is-active { display:grid; }
.ninagrafie-cz-idea-field--type-hint {
    justify-content:center;
    padding:.45rem .65rem;
    border-radius:8px;
    background:#faf8f4;
}
.ninagrafie-cz-idea-card__type {
    display:inline-flex;
    align-self:flex-start;
    margin-top:.65rem;
    padding:.25rem .45rem;
    border-radius:999px;
    background:#e8efe3;
    color:#4f6840;
    font-size:.64rem;
    font-weight:700;
}
.ninagrafie-cz-idea-card__shooting {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.35rem .8rem;
    margin:.7rem 0;
    padding:.65rem .75rem;
    border-radius:10px;
    background:#f6f8f3;
    color:#5f6659;
    font-size:.68rem;
}
.ninagrafie-cz-idea-card__shooting span { min-width:0; }
.ninagrafie-cz-idea-card__status.is-deferred { background:#efe9df; color:#735f42; }
.ninagrafie-cz-idea-card__status.is-discarded { background:#f0e4e4; color:#87474d; }
.ninagrafie-cz-idea-card__status.is-implemented { background:#e5efe2; color:#42623c; }
.ninagrafie-cz-idea-bulk__shooting-fields {
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:repeat(4,minmax(140px,1fr));
    gap:.55rem;
    padding-top:.25rem;
}
.ninagrafie-cz-idea-bulk__shooting-fields[hidden] { display:none; }
.ninagrafie-cz-idea-bulk__shooting-fields input,
.ninagrafie-cz-idea-bulk__shooting-fields select {
    box-sizing:border-box;
    width:100%;
    min-height:40px;
    padding:.55rem .65rem;
    border:1px solid rgba(0,0,0,.14);
    border-radius:8px;
    background:#fff;
}
@media (max-width:980px) {
    .ninagrafie-cz-idea-bulk__shooting-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
    .ninagrafie-cz-idea-shooting-fields,
    .ninagrafie-cz-idea-card__shooting,
    .ninagrafie-cz-idea-bulk__shooting-fields { grid-template-columns:1fr; }
}

/* V1.3 dev.1 rework – kompakter Filterbereich und einheitliche Kartenaktionen */
.ninagrafie-cz-idea-filters {
    display:block;
    margin:1rem 0;
}
.ninagrafie-cz-idea-filters__primary {
    display:grid;
    grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(120px,1fr)) auto;
    gap:.55rem;
    align-items:stretch;
}
.ninagrafie-cz-idea-filters__primary > input,
.ninagrafie-cz-idea-filters__primary > select,
.ninagrafie-cz-idea-filters__advanced-grid > input,
.ninagrafie-cz-idea-filters__advanced-grid > select {
    box-sizing:border-box;
    width:100%;
    min-height:42px;
    height:42px;
    margin:0;
    padding:.65rem .7rem;
    border:1px solid rgba(0,0,0,.14);
    border-radius:8px;
    background:#fff;
    color:#222;
}
.ninagrafie-cz-idea-filters__advanced {
    margin-top:.55rem;
    border:1px solid var(--idea-border);
    border-radius:10px;
    background:#fff;
}
.ninagrafie-cz-idea-filters__advanced > summary {
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:.62rem .75rem;
    color:var(--idea-bordeaux);
    font-size:.72rem;
    font-weight:700;
    list-style:none;
}
.ninagrafie-cz-idea-filters__advanced > summary::-webkit-details-marker { display:none; }
.ninagrafie-cz-idea-filters__advanced > summary span {
    color:var(--idea-muted);
    font-weight:400;
}
.ninagrafie-cz-idea-filters__advanced-grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:.55rem;
    padding:.65rem .75rem .75rem;
    border-top:1px solid var(--idea-border);
}

.ninagrafie-cz-idea-card__actions {
    gap:.55rem;
}
.ninagrafie-cz-idea-card__actions > a,
.ninagrafie-cz-idea-card__actions > form {
    display:flex;
    align-items:center;
    height:28px;
    min-height:28px;
    margin:0;
    padding:0;
}
.ninagrafie-cz-idea-card__actions > a,
.ninagrafie-cz-idea-card__actions > form > button {
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:28px;
    min-height:28px;
    margin:0;
    padding:0;
    border:0;
    background:none;
    color:var(--idea-bordeaux);
    font-family:inherit;
    font-size:.72rem;
    font-weight:400;
    line-height:1;
    vertical-align:middle;
    text-decoration:none;
    appearance:none;
    -webkit-appearance:none;
}

@media (max-width:1180px) {
    .ninagrafie-cz-idea-filters__primary {
        grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(130px,1fr));
    }
    .ninagrafie-cz-idea-filters__actions {
        justify-content:flex-start;
    }
    .ninagrafie-cz-idea-filters__advanced-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media (max-width:720px) {
    .ninagrafie-cz-idea-filters__primary,
    .ninagrafie-cz-idea-filters__advanced-grid {
        grid-template-columns:1fr;
    }
    .ninagrafie-cz-idea-filters__advanced > summary {
        align-items:flex-start;
        flex-direction:column;
        gap:.15rem;
    }
}

/* V1.3.0-dev.16 – Ideen-Steuerbereich beruhigt */
.ninagrafie-cz-ideas__tools {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.65rem;
    margin-bottom:.65rem;
}
.ninagrafie-cz-ideas__tools > details {
    margin:0 !important;
    min-width:0;
}
.ninagrafie-cz-ideas__tools > details[open] {
    grid-column:1 / -1;
}
.ninagrafie-cz-ideas__editor > summary,
.ninagrafie-cz-ideas__import > summary {
    min-height:48px;
    box-sizing:border-box;
    padding:.65rem .9rem;
}
.ninagrafie-cz-ideas__editor > summary small,
.ninagrafie-cz-ideas__import > summary span {
    font-size:.64rem;
}

/* Primär nur die Filter, die fast immer gebraucht werden. */
.ninagrafie-cz-idea-filters {
    margin:.65rem 0;
}
.ninagrafie-cz-idea-filters__primary {
    grid-template-columns:minmax(240px,1.8fr) repeat(3,minmax(130px,1fr)) auto;
    gap:.5rem;
}
.ninagrafie-cz-idea-filters__advanced {
    margin-top:.45rem;
}
.ninagrafie-cz-idea-filters__advanced > summary {
    min-height:38px;
    box-sizing:border-box;
    padding:.5rem .7rem;
}
.ninagrafie-cz-idea-filters__advanced-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
}

/* Bulk ist eine kompakte Arbeitszeile, keine große Box. */
.ninagrafie-cz-idea-bulk {
    grid-template-columns:auto auto minmax(260px,1fr) auto;
    gap:.55rem;
    margin:.65rem 0 .85rem;
    padding:.55rem .65rem;
    border-radius:10px;
}
.ninagrafie-cz-idea-bulk select,
.ninagrafie-cz-idea-bulk > button {
    box-sizing:border-box !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    margin:0 !important;
}
.ninagrafie-cz-idea-bulk > button {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 .9rem !important;
    line-height:1 !important;
}

/* Kartenaktionen: identische Textbox und Baseline, unabhängig vom Theme-Button-CSS. */
.ninagrafie-cz-idea-card__actions {
    display:grid !important;
    grid-auto-flow:column;
    grid-auto-columns:max-content;
    justify-content:start;
    align-items:center !important;
    column-gap:.6rem;
    row-gap:0;
    min-height:28px;
}
.ninagrafie-cz-idea-card__actions > a,
.ninagrafie-cz-idea-card__actions > form {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start;
    width:auto;
    height:24px !important;
    min-height:24px !important;
    margin:0 !important;
    padding:0 !important;
    line-height:24px !important;
}
.ninagrafie-cz-idea-card__actions > a,
.ninagrafie-cz-idea-card__actions > form > button {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    box-sizing:border-box !important;
    width:auto !important;
    height:24px !important;
    min-height:24px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    line-height:24px !important;
    font-family:inherit !important;
    font-size:.72rem !important;
    font-weight:400 !important;
    vertical-align:top !important;
}

@media (max-width:1180px) {
    .ninagrafie-cz-idea-filters__primary {
        grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(130px,1fr));
    }
    .ninagrafie-cz-idea-filters__advanced-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width:820px) {
    .ninagrafie-cz-ideas__tools { grid-template-columns:1fr; }
    .ninagrafie-cz-ideas__tools > details[open] { grid-column:auto; }
    .ninagrafie-cz-idea-bulk { grid-template-columns:1fr 1fr; }
}
@media (max-width:720px) {
    .ninagrafie-cz-idea-filters__primary,
    .ninagrafie-cz-idea-filters__advanced-grid { grid-template-columns:1fr; }
}
@media (max-width:560px) {
    .ninagrafie-cz-idea-bulk { grid-template-columns:1fr; }
    .ninagrafie-cz-idea-card__actions {
        grid-auto-flow:row;
        row-gap:.15rem;
    }
}


/* V1.3.0-dev.16 – finale Verdichtungsrunde Ideensteuerung */
.ninagrafie-cz-ideas__tools {
    gap:.5rem;
    margin-bottom:.5rem;
}
.ninagrafie-cz-ideas__editor > summary,
.ninagrafie-cz-ideas__import > summary {
    min-height:44px;
    padding:.52rem .75rem;
}

.ninagrafie-cz-idea-filters {
    margin:.5rem 0;
}
.ninagrafie-cz-idea-filters__primary {
    grid-template-columns:minmax(260px,2fr) minmax(125px,.9fr) minmax(135px,.95fr) minmax(145px,1fr) auto;
    gap:.4rem;
    align-items:center;
}
.ninagrafie-cz-idea-filters__primary > input,
.ninagrafie-cz-idea-filters__primary > select {
    min-height:38px;
    height:38px;
    padding:.48rem .6rem;
    border-radius:6px;
}
.ninagrafie-cz-idea-filters__actions {
    display:flex;
    align-items:center;
    gap:.5rem;
    white-space:nowrap;
}
.ninagrafie-cz-idea-filters__actions button {
    box-sizing:border-box;
    min-height:38px;
    height:38px;
    margin:0;
    padding:0 .8rem;
}
.ninagrafie-cz-idea-filters__actions a {
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:0 .15rem;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:.7rem;
    text-decoration:underline;
    text-underline-offset:2px;
}
.ninagrafie-cz-idea-filters__advanced {
    margin-top:.35rem;
    border-radius:8px;
}
.ninagrafie-cz-idea-filters__advanced > summary {
    min-height:32px;
    padding:.36rem .65rem;
}
.ninagrafie-cz-idea-filters__advanced-grid {
    gap:.4rem;
    padding:.5rem .65rem .6rem;
}
.ninagrafie-cz-idea-filters__advanced-grid > input,
.ninagrafie-cz-idea-filters__advanced-grid > select {
    min-height:38px;
    height:38px;
    padding:.48rem .6rem;
}

/* Bulk-Leiste bewusst nur so breit wie ihre Inhalte. */
.ninagrafie-cz-idea-bulk {
    display:grid;
    grid-template-columns:auto auto minmax(260px,380px) auto;
    justify-content:start;
    align-items:center;
    gap:.45rem;
    margin:.5rem 0 .7rem;
    padding:.45rem .6rem;
}
.ninagrafie-cz-idea-bulk__select-all {
    white-space:nowrap;
}
.ninagrafie-cz-idea-bulk__count {
    white-space:nowrap;
    margin-right:.2rem;
}
.ninagrafie-cz-idea-bulk > select {
    width:100%;
    min-width:260px;
    max-width:380px;
}
.ninagrafie-cz-idea-bulk select,
.ninagrafie-cz-idea-bulk > button {
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
}
.ninagrafie-cz-idea-bulk > button {
    padding:0 .8rem !important;
}
.ninagrafie-cz-idea-bulk__shooting-fields {
    grid-column:1 / -1;
    width:min(100%, 760px);
}

/* Karten etwas näher an die Arbeitsleiste holen. */
.ninagrafie-cz-ideas__grid {
    margin-top:.15rem;
}

@media (max-width:1180px) {
    .ninagrafie-cz-idea-filters__primary {
        grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(130px,1fr));
    }
    .ninagrafie-cz-idea-filters__actions {
        grid-column:auto;
    }
    .ninagrafie-cz-idea-bulk {
        grid-template-columns:auto auto minmax(240px,340px) auto;
    }
}
@media (max-width:900px) {
    .ninagrafie-cz-idea-bulk {
        grid-template-columns:auto auto 1fr auto;
        justify-content:stretch;
    }
    .ninagrafie-cz-idea-bulk > select {
        min-width:0;
        max-width:none;
    }
}
@media (max-width:820px) {
    .ninagrafie-cz-idea-bulk {
        grid-template-columns:1fr 1fr;
    }
    .ninagrafie-cz-idea-bulk > select {
        grid-column:1 / -1;
    }
    .ninagrafie-cz-idea-bulk > button {
        grid-column:1 / -1;
        justify-self:start;
    }
}
@media (max-width:720px) {
    .ninagrafie-cz-idea-filters__primary {
        grid-template-columns:1fr;
    }
    .ninagrafie-cz-idea-filters__actions {
        justify-content:flex-start;
    }
}
@media (max-width:560px) {
    .ninagrafie-cz-idea-bulk {
        grid-template-columns:1fr;
    }
    .ninagrafie-cz-idea-bulk > select,
    .ninagrafie-cz-idea-bulk > button {
        grid-column:auto;
    }
}


/* V1.3.0-dev.16 – Ideensammlung nach neuem UX-Mockup */

/* Aktionsbereich: echte kompakte Aktionsbuttons statt großer Akkordeon-Kacheln. */
.ninagrafie-cz-ideas__tools {
    display:flex !important;
    align-items:flex-start;
    gap:.65rem !important;
    margin:.85rem 0 1rem !important;
}
.ninagrafie-cz-ideas__tools > details {
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
}
.ninagrafie-cz-ideas__tools > details[open] {
    width:100% !important;
    flex-basis:100%;
}
.ninagrafie-cz-ideas__tools > details > summary {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.45rem !important;
    min-height:42px !important;
    width:auto !important;
    padding:.55rem .9rem !important;
    border:1px solid var(--idea-bordeaux) !important;
    border-radius:8px !important;
    background:#fff !important;
    color:var(--idea-bordeaux) !important;
    cursor:pointer;
    list-style:none;
}
.ninagrafie-cz-ideas__tools > details > summary::-webkit-details-marker { display:none; }
.ninagrafie-cz-ideas__editor:not([open]) > summary {
    background:var(--idea-bordeaux) !important;
    color:#fff !important;
}
.ninagrafie-cz-ideas__tools > details > summary span {
    display:flex !important;
    align-items:center !important;
    gap:.35rem;
}
.ninagrafie-cz-ideas__tools > details > summary strong {
    font-size:.78rem !important;
    line-height:1 !important;
}
.ninagrafie-cz-ideas__tools > details > summary small,
.ninagrafie-cz-ideas__tools > details > summary span > span {
    display:none !important;
}
.ninagrafie-cz-ideas__editor > summary b {
    font-size:1.15rem;
    line-height:1;
}
.ninagrafie-cz-ideas__import > summary::before {
    content:"↑";
    font-size:1rem;
    font-weight:700;
}
.ninagrafie-cz-ideas__tools > details[open] > summary {
    margin-bottom:.55rem !important;
}

/* Suche + einzelner Filter-Trigger */
.ninagrafie-cz-idea-filters {
    margin:0 0 .75rem !important;
}
.ninagrafie-cz-idea-searchbar {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:.55rem;
    align-items:stretch;
}
.ninagrafie-cz-idea-searchbar__field {
    position:relative;
    display:block;
    min-width:0;
}
.ninagrafie-cz-idea-searchbar__field input {
    box-sizing:border-box !important;
    width:100% !important;
    height:46px !important;
    min-height:46px !important;
    margin:0 !important;
    padding:.65rem .8rem .65rem 2.6rem !important;
    border:1px solid var(--idea-border) !important;
    border-radius:9px !important;
    background:#fff !important;
    font-size:.78rem;
}
.ninagrafie-cz-idea-searchbar__icon {
    position:absolute;
    left:.9rem;
    top:50%;
    width:12px;
    height:12px;
    border:2px solid var(--idea-bordeaux);
    border-radius:50%;
    transform:translateY(-58%);
    pointer-events:none;
}
.ninagrafie-cz-idea-searchbar__icon::after {
    content:"";
    position:absolute;
    width:6px;
    height:2px;
    right:-5px;
    bottom:-3px;
    background:var(--idea-bordeaux);
    transform:rotate(45deg);
    transform-origin:left center;
}
.ninagrafie-cz-idea-filter-toggle {
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.45rem;
    min-width:112px;
    height:46px;
    margin:0 !important;
    padding:0 .9rem !important;
    border:1px solid var(--idea-border) !important;
    border-radius:9px !important;
    background:#fff !important;
    color:var(--idea-bordeaux) !important;
    font-size:.78rem !important;
    font-weight:700 !important;
}
.ninagrafie-cz-idea-filter-toggle.is-active,
.ninagrafie-cz-idea-filter-toggle.is-open {
    border-color:var(--idea-bordeaux) !important;
}
.ninagrafie-cz-idea-filter-toggle.is-open > span {
    transform:rotate(180deg);
}

/* Aufklappbares Filterpanel */
.ninagrafie-cz-idea-filter-panel[hidden] { display:none !important; }
.ninagrafie-cz-idea-filter-panel {
    margin-top:.65rem;
    padding:.85rem 1rem .9rem;
    border:1px solid var(--idea-border);
    border-radius:10px;
    background:#fff;
}
.ninagrafie-cz-idea-filter-panel__head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:.75rem;
}
.ninagrafie-cz-idea-filter-panel__head strong {
    font-size:.9rem;
}
.ninagrafie-cz-idea-filter-panel__head button {
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:var(--idea-muted) !important;
    font-size:.68rem !important;
    font-weight:400 !important;
}
.ninagrafie-cz-idea-filter-panel__groups {
    display:grid;
    grid-template-columns:1fr 1fr minmax(180px,.62fr);
    gap:0;
}
.ninagrafie-cz-idea-filter-panel fieldset {
    min-width:0;
    margin:0;
    padding:0 1rem;
    border:0;
    border-right:1px solid var(--idea-border);
}
.ninagrafie-cz-idea-filter-panel fieldset:first-child { padding-left:0; }
.ninagrafie-cz-idea-filter-panel fieldset:last-child {
    padding-right:0;
    border-right:0;
}
.ninagrafie-cz-idea-filter-panel legend {
    margin:0 0 .45rem;
    padding:0;
    color:var(--idea-bordeaux);
    font-size:.75rem;
    font-weight:700;
}
.ninagrafie-cz-idea-filter-panel__grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.45rem;
}
.ninagrafie-cz-idea-filter-panel__sort .ninagrafie-cz-idea-filter-panel__grid {
    grid-template-columns:1fr;
}
.ninagrafie-cz-idea-filter-panel select,
.ninagrafie-cz-idea-filter-panel input {
    box-sizing:border-box !important;
    width:100% !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:.45rem .6rem !important;
    border:1px solid rgba(0,0,0,.14) !important;
    border-radius:6px !important;
    background:#fff !important;
    font-size:.7rem !important;
}
.ninagrafie-cz-idea-filter-panel__footer {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:.75rem;
    margin-top:.75rem;
    padding-top:.65rem;
    border-top:1px solid var(--idea-border);
}
.ninagrafie-cz-idea-filter-panel__footer button {
    min-height:36px !important;
    margin:0 !important;
    padding:0 .85rem !important;
}
.ninagrafie-cz-idea-filter-panel__footer a {
    font-size:.68rem;
}

/* Aktive Filterchips */
.ninagrafie-cz-idea-filter-chips {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.4rem;
    margin:.15rem 0 .75rem;
    font-size:.68rem;
}
.ninagrafie-cz-idea-filter-chips > span {
    margin-right:.15rem;
    color:var(--idea-muted);
}
.ninagrafie-cz-idea-filter-chips > a:not(.ninagrafie-cz-idea-filter-chips__reset) {
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.35rem .55rem;
    border-radius:999px;
    background:#e8efe3;
    color:#4f6840;
    font-weight:700;
    text-decoration:none;
}
.ninagrafie-cz-idea-filter-chips__reset {
    margin-left:.2rem;
    color:var(--idea-bordeaux);
    font-weight:700;
    text-decoration:none;
}

/* Auswahlzeile bleibt immer sichtbar; Bulk-Aktionen nur bei tatsächlicher Auswahl. */
.ninagrafie-cz-idea-selection-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    min-height:42px;
    margin:.7rem 0 .65rem;
    padding:.45rem .7rem;
    border:1px solid var(--idea-border);
    border-radius:9px;
    background:#fff;
    font-size:.72rem;
}
.ninagrafie-cz-idea-selection-row label {
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    margin:0;
}
.ninagrafie-cz-idea-selection-row input { margin:0; }
.ninagrafie-cz-idea-selection-row > span { color:var(--idea-muted); }

.ninagrafie-cz-idea-bulk {
    display:none !important;
    grid-template-columns:auto minmax(230px,320px) auto 1fr;
    align-items:center;
    gap:.65rem;
    margin:.65rem 0;
    padding:.6rem .75rem;
    border:0 !important;
    border-radius:9px;
    background:#f7e9ed;
}
.ninagrafie-cz-idea-bulk.has-selection {
    display:grid !important;
}
.ninagrafie-cz-idea-bulk__count {
    white-space:nowrap;
    color:var(--idea-bordeaux);
    font-size:.72rem;
}
.ninagrafie-cz-idea-bulk > select {
    box-sizing:border-box !important;
    width:100% !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
}
.ninagrafie-cz-idea-bulk > button[type="submit"] {
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 .9rem !important;
}
.ninagrafie-cz-idea-bulk__clear {
    justify-self:end;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:var(--idea-bordeaux) !important;
    font-size:.68rem !important;
    font-weight:600 !important;
}
.ninagrafie-cz-idea-bulk__shooting-fields {
    grid-column:1 / -1 !important;
    width:100% !important;
    padding-top:.1rem;
}

/* Cards: drei Spalten auf Desktop wie im abgestimmten Mockup. */
.ninagrafie-cz-ideas__grid {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:.8rem !important;
    margin-top:0 !important;
}
.ninagrafie-cz-idea-card {
    min-width:0;
}
.ninagrafie-cz-idea-card__actions {
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:.65rem !important;
}
.ninagrafie-cz-idea-card__actions > a,
.ninagrafie-cz-idea-card__actions > form,
.ninagrafie-cz-idea-card__actions > form > button {
    height:auto !important;
    min-height:0 !important;
    line-height:1.2 !important;
}
.ninagrafie-cz-idea-card__actions > a,
.ninagrafie-cz-idea-card__actions > form > button {
    white-space:nowrap;
}

/* Responsive */
@media (max-width:1180px) {
    .ninagrafie-cz-ideas__grid {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .ninagrafie-cz-idea-filter-panel__groups {
        grid-template-columns:1fr 1fr;
        row-gap:.8rem;
    }
    .ninagrafie-cz-idea-filter-panel__sort {
        grid-column:1 / -1;
        border-right:0 !important;
        padding-left:0 !important;
        padding-top:.7rem !important;
        border-top:1px solid var(--idea-border) !important;
    }
}
@media (max-width:760px) {
    .ninagrafie-cz-ideas__tools {
        flex-wrap:wrap;
    }
    .ninagrafie-cz-idea-searchbar {
        grid-template-columns:1fr;
    }
    .ninagrafie-cz-idea-filter-toggle {
        justify-self:start;
        height:40px;
    }
    .ninagrafie-cz-idea-filter-panel__groups {
        grid-template-columns:1fr;
    }
    .ninagrafie-cz-idea-filter-panel fieldset {
        padding:.7rem 0 !important;
        border-right:0 !important;
        border-bottom:1px solid var(--idea-border);
    }
    .ninagrafie-cz-idea-filter-panel fieldset:first-child { padding-top:0 !important; }
    .ninagrafie-cz-idea-filter-panel fieldset:last-child {
        border-bottom:0;
    }
    .ninagrafie-cz-ideas__grid {
        grid-template-columns:1fr !important;
    }
    .ninagrafie-cz-idea-bulk.has-selection {
        grid-template-columns:1fr;
    }
    .ninagrafie-cz-idea-bulk__clear {
        justify-self:start;
    }
}
@media (max-width:520px) {
    .ninagrafie-cz-idea-filter-panel__grid {
        grid-template-columns:1fr;
    }
    .ninagrafie-cz-idea-selection-row {
        align-items:flex-start;
    }
}


/* V1.3.0-dev.16 – Werkzeugleiste: Neue Idee · Import · Suche · Filter */
.ninagrafie-cz-ideas__tools {
    display:grid !important;
    grid-template-columns:auto auto minmax(280px,1fr) !important;
    align-items:start !important;
    gap:.55rem !important;
    margin:.85rem 0 .75rem !important;
}
.ninagrafie-cz-ideas__tools > details {
    width:auto !important;
    min-width:0 !important;
    align-self:start;
}
.ninagrafie-cz-ideas__tools > details[open] {
    grid-column:1 / -1 !important;
    width:100% !important;
}
.ninagrafie-cz-ideas__tools > .ninagrafie-cz-idea-filters {
    display:contents !important;
}

/* Die Such-/Filtergruppe nimmt die verbleibende Breite derselben Zeile ein. */
.ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-searchbar {
    grid-column:3;
    display:grid !important;
    grid-template-columns:minmax(220px,1fr) auto !important;
    gap:.55rem !important;
    margin:0 !important;
}
.ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-filter-panel {
    grid-column:1 / -1;
    width:100%;
    box-sizing:border-box;
    margin-top:.05rem !important;
}

/* Werkzeugbuttons stabil gegen Theme-/Enfold-Styles. */
.ninagrafie-cz-ideas__tools > details > summary {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.45rem !important;
    width:auto !important;
    min-width:132px !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:0 .9rem !important;
    border:1px solid var(--idea-bordeaux) !important;
    border-radius:8px !important;
    box-shadow:none !important;
    overflow:visible !important;
    list-style:none !important;
    text-decoration:none !important;
}
.ninagrafie-cz-ideas__tools > details > summary *,
.ninagrafie-cz-ideas__tools > details > summary strong,
.ninagrafie-cz-ideas__tools > details > summary b {
    line-height:1 !important;
    text-decoration:none !important;
}
.ninagrafie-cz-ideas__editor:not([open]) > summary {
    background:var(--idea-bordeaux) !important;
    color:#fff !important;
}
.ninagrafie-cz-ideas__editor:not([open]) > summary strong,
.ninagrafie-cz-ideas__editor:not([open]) > summary b {
    color:#fff !important;
}
.ninagrafie-cz-ideas__import:not([open]) > summary {
    background:#fff !important;
    color:var(--idea-bordeaux) !important;
}
.ninagrafie-cz-ideas__import:not([open]) > summary strong {
    color:var(--idea-bordeaux) !important;
}
.ninagrafie-cz-ideas__import > summary::before {
    content:"↑" !important;
    display:inline-block;
    color:currentColor;
    font-size:.95rem;
    line-height:1;
}
.ninagrafie-cz-ideas__tools > details > summary span {
    display:inline-flex !important;
    align-items:center !important;
}
.ninagrafie-cz-ideas__tools > details > summary small {
    display:none !important;
}
.ninagrafie-cz-ideas__tools > details > summary strong {
    display:inline-block !important;
    margin:0 !important;
    padding:0 !important;
    font-size:.76rem !important;
    font-weight:700 !important;
    white-space:nowrap;
}

/* Suche und Filter exakt auf Buttonhöhe. */
.ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-searchbar__field input,
.ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-filter-toggle {
    height:42px !important;
    min-height:42px !important;
}
.ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-searchbar__field input {
    border-radius:8px !important;
}
.ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-filter-toggle {
    min-width:108px !important;
    border-radius:8px !important;
}

/* Wenn ein Werkzeug geöffnet ist, liegt dessen Inhalt über die volle Breite.
   Die übrigen Werkzeuge/Suche folgen anschließend als neue Zeile. */
.ninagrafie-cz-ideas__tools > details[open] + details,
.ninagrafie-cz-ideas__tools > details[open] ~ .ninagrafie-cz-idea-searchbar {
    margin-top:0;
}

@media (max-width:980px) {
    .ninagrafie-cz-ideas__tools {
        grid-template-columns:auto auto minmax(220px,1fr) !important;
    }
    .ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-searchbar {
        grid-template-columns:minmax(180px,1fr) auto !important;
    }
}
@media (max-width:760px) {
    .ninagrafie-cz-ideas__tools {
        grid-template-columns:1fr 1fr !important;
    }
    .ninagrafie-cz-ideas__tools > details > summary {
        width:100% !important;
    }
    .ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-searchbar {
        grid-column:1 / -1 !important;
        grid-template-columns:1fr auto !important;
    }
    .ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-filter-panel {
        grid-column:1 / -1 !important;
    }
}
@media (max-width:520px) {
    .ninagrafie-cz-ideas__tools {
        grid-template-columns:1fr !important;
    }
    .ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-searchbar {
        grid-column:1 !important;
        grid-template-columns:1fr !important;
    }
    .ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-filter-toggle {
        justify-self:start;
    }
}


/* V1.3.0-dev.16 Rework – Import-Button vollständig umranden */
.ninagrafie-cz-ideas__import {
    border:0 !important;
    border-radius:8px !important;
    overflow:visible !important;
    background:transparent !important;
}
.ninagrafie-cz-ideas__import:not([open]) > summary {
    position:relative;
    z-index:1;
    border:1px solid var(--idea-bordeaux) !important;
    border-radius:8px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:none !important;
}


/* V1.3.0-dev.16 – Kontext-Hinweis als Tooltip statt Infobox */
.ninagrafie-cz-idea-field--type-hint {
    display:none !important;
}
.ninagrafie-cz-field-label-with-help {
    display:inline-flex !important;
    align-items:center;
    gap:.35rem;
}
.ninagrafie-cz-help-tip {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(116,35,61,.28) !important;
    border-radius:50% !important;
    background:#fff !important;
    color:var(--idea-bordeaux) !important;
    font-size:10px !important;
    font-weight:700 !important;
    line-height:1 !important;
    cursor:help !important;
}


/* V1.3.0-dev.16 – Ideenformular: Typ kompakt, Überschrift daneben */
.ninagrafie-cz-idea-form {
    grid-template-columns:minmax(180px,.7fr) minmax(0,2.3fr) !important;
}
.ninagrafie-cz-idea-field--type {
    grid-column:1;
}
.ninagrafie-cz-idea-field--title {
    grid-column:2;
}
.ninagrafie-cz-idea-field--wide {
    grid-column:1 / -1;
}

/* Geöffneter Werkzeugbutton bekommt einen eigenen vollständigen Rahmen,
   unabhängig von Theme-/details-Styles. */
.ninagrafie-cz-ideas__editor > summary,
.ninagrafie-cz-ideas__import > summary {
    position:relative !important;
    border-color:transparent !important;
    border-radius:8px !important;
    overflow:visible !important;
}
.ninagrafie-cz-ideas__editor > summary::after,
.ninagrafie-cz-ideas__import > summary::after {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    box-sizing:border-box !important;
    border:1px solid var(--idea-bordeaux) !important;
    border-radius:8px !important;
    pointer-events:none !important;
    z-index:2 !important;
}
.ninagrafie-cz-ideas__editor > summary > *,
.ninagrafie-cz-ideas__import > summary > * {
    position:relative;
    z-index:3;
}

@media (max-width:760px) {
    .ninagrafie-cz-idea-form {
        grid-template-columns:1fr !important;
    }
    .ninagrafie-cz-idea-field--type,
    .ninagrafie-cz-idea-field--title,
    .ninagrafie-cz-idea-field--wide {
        grid-column:1 !important;
    }
}


/* V1.3.0-dev.16 – Werkzeugbutton-Rahmen robust gegen Theme-Styles */
.ninagrafie-cz-ideas__editor > summary {
    border:0 !important;
    border-radius:8px !important;
    box-shadow:inset 0 0 0 1px var(--idea-bordeaux) !important;
    overflow:hidden !important;
}
.ninagrafie-cz-ideas__editor > summary::after {
    display:none !important;
}


/* V1.3.0-dev.16 – Ideenansichten / Archiv */
.ninagrafie-cz-ideas__view-switch {
    display:flex;
    align-items:center;
    gap:.4rem;
    margin:.15rem 0 .75rem;
}
.ninagrafie-cz-ideas__view-switch a {
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.4rem .65rem;
    border:1px solid transparent;
    border-radius:999px;
    color:var(--idea-bordeaux);
    font-size:.7rem;
    text-decoration:none;
}
.ninagrafie-cz-ideas__view-switch a.is-active {
    border-color:rgba(116,35,61,.18);
    background:#f7f3ed;
    font-weight:700;
}
.ninagrafie-cz-ideas__view-switch a span {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:18px;
    min-height:18px;
    padding:0 5px;
    border-radius:999px;
    background:#fff;
    font-size:.62rem;
}


/* V1.3.0-dev.16 – Sortierung sichtbar, Filter/Buttons konsistent */
.ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-searchbar {
    grid-template-columns:minmax(220px,1fr) minmax(150px,190px) auto !important;
}
.ninagrafie-cz-idea-sort {
    display:block;
    min-width:0;
}
.ninagrafie-cz-idea-sort select {
    box-sizing:border-box !important;
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:.5rem .65rem !important;
    border:1px solid rgba(116,35,61,.18) !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#333 !important;
    font-size:.72rem !important;
}
.ninagrafie-cz-idea-filter-panel__groups {
    grid-template-columns:1fr 1fr !important;
}
.ninagrafie-cz-idea-filter-panel__footer button,
.ninagrafie-cz-idea-bulk > button[type="submit"] {
    box-sizing:border-box !important;
    min-height:38px !important;
    height:38px !important;
    margin:0 !important;
    padding:0 .9rem !important;
    border:1px solid var(--idea-bordeaux) !important;
    border-radius:7px !important;
    background:var(--idea-bordeaux) !important;
    color:#fff !important;
    font-weight:700 !important;
    box-shadow:none !important;
}
@media (max-width:760px) {
    .ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-searchbar {
        grid-template-columns:1fr !important;
    }
    .ninagrafie-cz-idea-sort {
        width:100%;
    }
}


/* =========================================================
 * V1.3.0-dev.16 · Einheitliche Management-Leiste
 * ========================================================= */

.ninagrafie-cz-ideas__tools {
    grid-template-columns:auto auto minmax(0,1fr) !important;
    row-gap:.65rem !important;
}
.ninagrafie-cz-ideas__tools > .ninagrafie-cz-idea-filters {
    display:block !important;
    grid-column:1 / -1 !important;
    width:100% !important;
    margin:0 !important;
}
.ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-searchbar {
    display:grid !important;
    grid-template-columns:minmax(0,2fr) minmax(210px,.75fr) auto !important;
    gap:.65rem !important;
    align-items:end !important;
}
.ninagrafie-cz-management-label,
.ninagrafie-cz-idea-sort > span {
    display:block !important;
    margin:0 0 .28rem !important;
    color:var(--idea-muted) !important;
    font-size:.66rem !important;
    font-weight:600 !important;
    line-height:1.2 !important;
}
.ninagrafie-cz-idea-searchbar__field,
.ninagrafie-cz-idea-sort {
    display:block !important;
}
.ninagrafie-cz-idea-searchbar__field input,
.ninagrafie-cz-idea-sort select {
    height:42px !important;
    min-height:42px !important;
}
.ninagrafie-cz-idea-filter-toggle {
    align-self:end !important;
    height:42px !important;
    min-height:42px !important;
}
.ninagrafie-cz-idea-searchbar__icon {
    top:calc(50% + .7rem) !important;
}

/* Archiv analog zum Erledigt-Bereich der To-dos */
.ninagrafie-cz-ideas__archive {
    margin-top:1.15rem;
}
.ninagrafie-cz-ideas__archive > summary {
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:.5rem;
    width:max-content;
    color:#222;
    font-size:1rem;
    font-weight:700;
    list-style:none;
}
.ninagrafie-cz-ideas__archive > summary::-webkit-details-marker {
    display:none;
}
.ninagrafie-cz-ideas__archive > summary::before {
    content:"▸";
    color:var(--idea-bordeaux);
    font-size:.7rem;
}
.ninagrafie-cz-ideas__archive[open] > summary::before {
    transform:rotate(90deg);
}
.ninagrafie-cz-ideas__archive > summary span {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    min-height:24px;
    padding:2px 7px;
    border-radius:999px;
    background:#f7f3ed;
    font-size:.68rem;
}
.ninagrafie-cz-ideas__archive[open] > summary {
    margin-bottom:.75rem;
}
.ninagrafie-cz-idea-card.is-archived {
    opacity:.9;
}

/* Alte Pill-Navigation nicht mehr verwenden */
.ninagrafie-cz-ideas__view-switch {
    display:none !important;
}

@media (max-width:760px) {
    .ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-searchbar {
        grid-template-columns:1fr !important;
    }
    .ninagrafie-cz-idea-filter-toggle {
        justify-self:start !important;
    }
}


/* =========================================================
 * V1.3.0-dev.16 · Ideen UI-Rework
 * ========================================================= */

/* Management: Suche | Filter | Sortieren */
.ninagrafie-cz-ideas__tools .ninagrafie-cz-idea-searchbar {
    grid-template-columns:minmax(0,2fr) auto minmax(210px,.75fr) !important;
}

/* Formular: Status | Priorität | Bereiche */
.ninagrafie-cz-idea-form {
    grid-template-columns:minmax(150px,.55fr) minmax(150px,.55fr) minmax(320px,2.2fr) !important;
}
.ninagrafie-cz-idea-field--type {
    grid-column:1 !important;
}
.ninagrafie-cz-idea-field--title {
    grid-column:2 / -1 !important;
}
.ninagrafie-cz-idea-field--status {
    grid-column:1 !important;
}
.ninagrafie-cz-idea-field--priority {
    grid-column:2 !important;
}
.ninagrafie-cz-idea-field--areas {
    grid-column:3 !important;
}
.ninagrafie-cz-idea-field--areas small {
    margin-top:.2rem;
}

/* Theme-Pseudo-Elemente am Summary vollständig neutralisieren.
   Das behebt die fehlende linke obere Ecke. */
.ninagrafie-cz-ideas__editor > summary {
    position:relative !important;
    box-sizing:border-box !important;
    border:1px solid var(--idea-bordeaux) !important;
    border-radius:8px !important;
    box-shadow:none !important;
    overflow:hidden !important;
    background:#fff !important;
}
.ninagrafie-cz-ideas__editor:not([open]) > summary {
    background:var(--idea-bordeaux) !important;
}
.ninagrafie-cz-ideas__editor > summary::before,
.ninagrafie-cz-ideas__editor > summary::after {
    content:none !important;
    display:none !important;
}
.ninagrafie-cz-ideas__editor > summary::marker {
    content:"" !important;
}

@media (max-width:760px) {
    .ninagrafie-cz-idea-form {
        grid-template-columns:1fr !important;
    }
    .ninagrafie-cz-idea-field--type,
    .ninagrafie-cz-idea-field--title,
    .ninagrafie-cz-idea-field--status,
    .ninagrafie-cz-idea-field--priority,
    .ninagrafie-cz-idea-field--areas,
    .ninagrafie-cz-idea-field--wide {
        grid-column:1 !important;
    }
}

/* Block B: Werkzeugbutton-Kontur endgültig isolieren */
.ninagrafie-cz-ideas__tools > .ninagrafie-cz-ideas__editor:not([open]) > summary {
    position:relative !important;
    border:1px solid #74233d !important;
    border-radius:9px !important;
    background:#74233d !important;
    color:#fff !important;
    overflow:visible !important;
    clip-path:none !important;
    outline:0 !important;
}
.ninagrafie-cz-ideas__tools > .ninagrafie-cz-ideas__editor:not([open]) > summary::before,
.ninagrafie-cz-ideas__tools > .ninagrafie-cz-ideas__editor:not([open]) > summary::after {
    display:none !important; content:none !important;
}
