/* =========================================================
 * CONTENT-ZENTRALE · TO-DOS · V1.3.0-dev.17
 * ========================================================= */

.ninagrafie-cz-todos {
    --todo-bordeaux:#74233d;
    --todo-border:#d9b083;
    --todo-muted:#6f6a66;
    --todo-soft:#f8f5f1;
    margin:0 0 32px;
    padding:0;
    background:transparent;
}

.ninagrafie-cz-todos__head {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:24px;
    margin-bottom:20px;
}

.ninagrafie-cz-todos__head h2 {
    margin:0 0 5px;
    font-size:1.65rem;
    line-height:1.1;
}

.ninagrafie-cz-todos__head p {
    margin:0;
    max-width:720px;
    color:#5f5a56;
}

.ninagrafie-cz-todos__summary {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:7px;
    flex:0 0 auto;
}

.ninagrafie-cz-todos__summary span {
    padding:7px 10px;
    border-radius:999px;
    background:#f7f3ed;
    font-size:11px;
    white-space:nowrap;
}

.ninagrafie-cz-todos__summary .is-overdue {
    background:rgba(183,71,79,.12);
    color:#8f2e38;
}

/* Editor */
.ninagrafie-cz-todos__editor {
    margin:0 0 18px;
    border:1px solid var(--todo-border);
    border-radius:10px;
    background:#fff;
    overflow:hidden;
}

.ninagrafie-cz-todos__editor > summary {
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:48px;
    padding:10px 14px;
    list-style:none;
    color:var(--todo-bordeaux);
}

.ninagrafie-cz-todos__editor > summary::-webkit-details-marker { display:none; }

.ninagrafie-cz-todos__editor > summary span {
    display:flex;
    flex-direction:column;
    gap:2px;
}

.ninagrafie-cz-todos__editor > summary strong {
    font-size:13px;
}

.ninagrafie-cz-todos__editor > summary small {
    color:var(--todo-muted);
    font-size:10px;
    font-weight:400;
}

.ninagrafie-cz-todos__editor > summary b {
    font-size:18px;
    line-height:1;
}

.ninagrafie-cz-todos__editor[open] > summary {
    border-bottom:1px solid rgba(0,0,0,.07);
}

.ninagrafie-cz-todos__editor-body {
    padding:16px;
}

.ninagrafie-cz-todos__editor-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}

.ninagrafie-cz-todos__editor-head a {
    color:var(--todo-bordeaux);
    font-size:11px;
}

.ninagrafie-cz-todo-form {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:11px;
}

.ninagrafie-cz-todo-field {
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
    color:var(--todo-muted);
    font-size:11px;
}

.ninagrafie-cz-todo-field.is-wide {
    grid-column:1 / -1;
}

.ninagrafie-cz-todo-field input,
.ninagrafie-cz-todo-field select,
.ninagrafie-cz-todo-field textarea {
    box-sizing:border-box;
    width:100%;
    margin:0;
    padding:9px 10px;
    border:1px solid rgba(0,0,0,.14);
    border-radius:7px;
    background:#fff;
    color:#222;
    font:inherit;
    font-size:12px;
}

.ninagrafie-cz-todo-field input,
.ninagrafie-cz-todo-field select {
    height:40px;
    min-height:40px;
}

.ninagrafie-cz-todo-field textarea {
    min-height:78px;
    resize:vertical;
}

.ninagrafie-cz-todo-shooting {
    display:none;
    grid-column:1 / -1;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    padding:12px;
    border:1px solid rgba(79,104,64,.18);
    border-radius:9px;
    background:#f6f8f3;
}

.ninagrafie-cz-todo-shooting.is-active {
    display:grid;
}

.ninagrafie-cz-todo-shooting__head {
    grid-column:1 / -1;
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:12px;
}

.ninagrafie-cz-todo-shooting__head strong {
    color:#4f6840;
    font-size:12px;
}

.ninagrafie-cz-todo-shooting__head span {
    color:var(--todo-muted);
    font-size:10px;
}

.ninagrafie-cz-todo-form__actions {
    grid-column:1 / -1;
    display:flex;
    justify-content:flex-end;
}

.ninagrafie-cz-todo-form__actions button {
    min-height:38px;
    margin:0;
    padding:0 14px;
    border:1px solid var(--todo-bordeaux);
    border-radius:7px;
    background:var(--todo-bordeaux);
    color:#fff;
    font-weight:700;
    cursor:pointer;
}

/* Liste */
.ninagrafie-cz-todos__section {
    margin-top:8px;
}

.ninagrafie-cz-todos__section-head {
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:8px;
}

.ninagrafie-cz-todos__section-head h3 {
    margin:0;
    font-size:1rem;
}

.ninagrafie-cz-todos__section-head > span,
.ninagrafie-cz-todos__completed > 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:11px;
    font-weight:700;
}

.ninagrafie-cz-todos__list {
    list-style:none;
    margin:0;
    padding:0;
    border-top:1px solid rgba(0,0,0,.08);
}

.ninagrafie-cz-todo {
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:start;
    gap:10px;
    padding:12px 0 12px calc(var(--todo-depth, 0) * 22px);
    border-bottom:1px solid rgba(0,0,0,.08);
}

.ninagrafie-cz-todo.is-child::before {
    content:"";
    position:absolute;
    left:calc((var(--todo-depth, 1) - 1) * 22px + 7px);
    top:0;
    bottom:0;
    width:1px;
    background:rgba(116,35,61,.15);
}

.ninagrafie-cz-todo form {
    margin:0;
}

.ninagrafie-cz-todo__toggle {
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    margin:0;
    padding:0;
    border:1px solid rgba(0,0,0,.12);
    border-radius:50%;
    background:#fff;
    color:var(--todo-bordeaux);
    font:inherit;
    font-size:16px;
}

.ninagrafie-cz-todo__content {
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:6px;
}

.ninagrafie-cz-todo__headline {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
}

.ninagrafie-cz-todo__title {
    margin-right:2px;
    font-weight:700;
    font-size:13px;
}

.ninagrafie-cz-todo__status,
.ninagrafie-cz-todo__priority,
.ninagrafie-cz-todo__type {
    display:inline-flex;
    align-items:center;
    min-height:23px;
    padding:2px 7px;
    border-radius:999px;
    font-size:9px;
    line-height:1;
}

.ninagrafie-cz-todo__status {
    background:#f0ece6;
}

.ninagrafie-cz-todo__status.is-planned { background:#eee8f1; color:#654d72; }
.ninagrafie-cz-todo__status.is-in_progress { background:#e4eef6; color:#3e6279; }
.ninagrafie-cz-todo__status.is-waiting { background:#f6edda; color:#7a5b27; }
.ninagrafie-cz-todo__status.is-done { background:#e5efe2; color:#42623c; }

.ninagrafie-cz-todo__priority.is-low { background:#f2f0ed; }
.ninagrafie-cz-todo__priority.is-medium { background:#f3ecdf; }
.ninagrafie-cz-todo__priority.is-high { background:#f7e3df; color:#8b493d; }
.ninagrafie-cz-todo__priority.is-very_high { background:#f3d9df; color:#8a2847; }

.ninagrafie-cz-todo__type.is-shooting { background:#e8efe3; color:#4f6840; }
.ninagrafie-cz-todo__type.is-order { background:#eee9df; color:#705e42; }

.ninagrafie-cz-todo__description {
    color:#514d49;
    font-size:11px;
    line-height:1.45;
}

.ninagrafie-cz-todo__parent,
.ninagrafie-cz-todo__origin {
    color:var(--todo-muted);
    font-size:10px;
}

.ninagrafie-cz-todo__shooting {
    display:flex;
    flex-wrap:wrap;
    gap:5px 14px;
    padding:7px 9px;
    border-radius:7px;
    background:#f6f8f3;
    color:#5f6659;
    font-size:10px;
}

.ninagrafie-cz-todo__meta {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px 10px;
    color:var(--todo-muted);
    font-size:9.5px;
}

.ninagrafie-cz-todo__areas {
    display:inline-flex;
    flex-wrap:wrap;
    gap:4px;
}

.ninagrafie-cz-todo__areas b {
    padding:3px 6px;
    border-radius:999px;
    background:#f2eee8;
    color:#5c5751;
    font-size:9px;
    font-weight:400;
}

.ninagrafie-cz-todo__children {
    color:var(--todo-bordeaux);
    font-weight:700;
}

.ninagrafie-cz-todo__actions {
    display:flex;
    align-items:center;
    gap:7px;
    padding-top:2px;
}

.ninagrafie-cz-todo__actions > a {
    color:var(--todo-bordeaux);
    font-size:10px;
    text-decoration:none;
}

.ninagrafie-cz-todo__delete {
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:27px;
    height:27px;
    margin:0;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    color:var(--todo-bordeaux);
    font-size:17px;
}

.ninagrafie-cz-todo.is-done .ninagrafie-cz-todo__title {
    text-decoration:line-through;
    opacity:.55;
}

.ninagrafie-cz-todos__empty {
    padding:16px;
    border-radius:8px;
    background:#f8f6f3;
    font-size:12px;
}

.ninagrafie-cz-todos__completed {
    margin-top:22px;
}

.ninagrafie-cz-todos__completed > summary {
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:700;
}

.ninagrafie-cz-todos__completed[open] > summary {
    margin-bottom:8px;
}

.ninagrafie-cz-todos__clear {
    margin-top:12px;
    text-align:right;
}

.ninagrafie-cz-todos__clear button {
    cursor:pointer;
    min-height:34px;
    padding:0 10px;
    border:1px solid rgba(0,0,0,.13);
    border-radius:6px;
    background:#fff;
    color:var(--todo-bordeaux);
    font-size:10px;
}

@media (max-width:1000px) {
    .ninagrafie-cz-todos__head {
        flex-direction:column;
    }
    .ninagrafie-cz-todos__summary {
        justify-content:flex-start;
    }
    .ninagrafie-cz-todo-form {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .ninagrafie-cz-todo-shooting {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:700px) {
    .ninagrafie-cz-todo-form,
    .ninagrafie-cz-todo-shooting {
        grid-template-columns:1fr;
    }
    .ninagrafie-cz-todo-shooting__head {
        flex-direction:column;
        align-items:flex-start;
        gap:3px;
    }
    .ninagrafie-cz-todo {
        grid-template-columns:auto minmax(0,1fr);
        padding-left:calc(var(--todo-depth, 0) * 14px);
    }
    .ninagrafie-cz-todo__actions {
        grid-column:2;
        justify-content:flex-start;
    }
}


/* V1.3.0-dev.17 – Parent-To-do klar sichtbar */
.ninagrafie-cz-todo-field--parent {
    padding:.75rem .8rem;
    border:1px solid rgba(116,35,61,.16);
    border-radius:8px;
    background:#faf7f4;
}
.ninagrafie-cz-todo-field--parent > span {
    color:var(--todo-bordeaux);
    font-weight:700;
}
.ninagrafie-cz-todo-field--parent small {
    margin-top:1px;
    color:var(--todo-muted);
    font-size:10px;
    line-height:1.35;
}


/* V1.3.0-dev.17 – Hierarchie direkt aus der Liste bedienbar */
.ninagrafie-cz-todo__subtask {
    white-space:nowrap;
    font-weight:600;
}


/* V1.3.0-dev.17 – Typ kompakt neben Titel */
.ninagrafie-cz-todo-field--type {
    grid-column:1;
}
.ninagrafie-cz-todo-field--title {
    grid-column:2 / -1;
}
@media (max-width:700px) {
    .ninagrafie-cz-todo-field--type,
    .ninagrafie-cz-todo-field--title {
        grid-column:1 !important;
    }
}


/* =========================================================
 * V1.3.0-dev.17 · Management UX
 * ========================================================= */

/* Formular beruhigen */
.ninagrafie-cz-todo-form {
    grid-template-columns:minmax(180px,.75fr) repeat(3,minmax(0,1fr)) !important;
}
.ninagrafie-cz-todo-field--type {
    grid-column:1 !important;
}
.ninagrafie-cz-todo-field--title {
    grid-column:2 / -1 !important;
}
.ninagrafie-cz-todo-field--parent {
    grid-column:1 / 3 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
}
.ninagrafie-cz-todo-field--parent > span {
    color:var(--todo-muted) !important;
    font-weight:400 !important;
}
.ninagrafie-cz-todo-help {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
    min-height:17px !important;
    margin:0 0 0 .25rem !important;
    padding:0 !important;
    border:1px solid rgba(116,35,61,.25) !important;
    border-radius:50% !important;
    background:#fff !important;
    color:var(--todo-bordeaux) !important;
    font-size:9px !important;
    font-weight:700 !important;
    line-height:1 !important;
    cursor:help;
}

/* Filter */
.ninagrafie-cz-todo-filters {
    margin:0 0 .75rem;
}
.ninagrafie-cz-todo-filters__primary {
    display:grid;
    grid-template-columns:minmax(260px,1fr) auto;
    gap:.55rem;
}
.ninagrafie-cz-todo-filters__primary input[type="search"] {
    box-sizing:border-box;
    width:100%;
    height:42px;
    margin:0;
    padding:.55rem .7rem;
    border:1px solid rgba(0,0,0,.14);
    border-radius:8px;
    background:#fff;
}
.ninagrafie-cz-todo-filter-toggle {
    box-sizing:border-box;
    min-width:108px;
    height:42px;
    margin:0 !important;
    padding:0 .85rem !important;
    border:1px solid rgba(116,35,61,.22) !important;
    border-radius:8px !important;
    background:#fff !important;
    color:var(--todo-bordeaux) !important;
    font-weight:700 !important;
}
.ninagrafie-cz-todo-filter-toggle.is-active,
.ninagrafie-cz-todo-filter-toggle.is-open {
    border-color:var(--todo-bordeaux) !important;
}
.ninagrafie-cz-todo-filter-panel[hidden] {
    display:none !important;
}
.ninagrafie-cz-todo-filter-panel {
    margin-top:.55rem;
    padding:.75rem;
    border:1px solid rgba(0,0,0,.09);
    border-radius:9px;
    background:#faf8f5;
}
.ninagrafie-cz-todo-filter-panel__grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.5rem;
}
.ninagrafie-cz-todo-filter-panel select {
    box-sizing:border-box;
    width:100%;
    min-height:38px;
    margin:0;
}
.ninagrafie-cz-todo-filter-panel__actions {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:.7rem;
    margin-top:.65rem;
}
.ninagrafie-cz-todo-filter-panel__actions button {
    min-height:36px;
    margin:0;
    padding:0 .8rem;
}
.ninagrafie-cz-todo-filter-panel__actions a {
    font-size:10px;
    color:var(--todo-bordeaux);
}

/* Auswahl + Bulk */
.ninagrafie-cz-todo-selection-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    min-height:40px;
    margin:.7rem 0 .55rem;
    padding:.4rem .65rem;
    border:1px solid var(--todo-border);
    border-radius:8px;
    background:#fff;
    font-size:11px;
}
.ninagrafie-cz-todo-selection-row label {
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    margin:0;
}
.ninagrafie-cz-todo-selection-row input {
    margin:0;
}
.ninagrafie-cz-todo-bulk {
    display:none !important;
    grid-template-columns:auto minmax(260px,360px) auto auto 1fr;
    align-items:center;
    gap:.55rem;
    margin:0 0 .7rem;
    padding:.55rem .7rem;
    border-radius:8px;
    background:#f7e9ed;
}
.ninagrafie-cz-todo-bulk.has-selection {
    display:grid !important;
}
.ninagrafie-cz-todo-bulk strong {
    color:var(--todo-bordeaux);
    font-size:11px;
    white-space:nowrap;
}
.ninagrafie-cz-todo-bulk select,
.ninagrafie-cz-todo-bulk input,
.ninagrafie-cz-todo-bulk button[type="submit"] {
    box-sizing:border-box;
    min-height:36px;
    margin:0;
}
.ninagrafie-cz-todo-bulk__due,
.ninagrafie-cz-todo-bulk__area {
    width:170px;
}
.ninagrafie-cz-todo-bulk__clear {
    justify-self:end;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:var(--todo-bordeaux) !important;
    font-size:10px !important;
}

/* Liste + Hierarchie */
.ninagrafie-cz-todo {
    grid-template-columns:auto auto minmax(0,1fr) auto !important;
    padding-left:calc(var(--todo-depth, 0) * 30px) !important;
}
.ninagrafie-cz-todo.is-child::before {
    display:none !important;
}
.ninagrafie-cz-todo__select {
    display:flex;
    align-items:center;
    padding-top:5px;
}
.ninagrafie-cz-todo__select input {
    margin:0;
}
.ninagrafie-cz-todo.is-child {
    background:linear-gradient(90deg, rgba(116,35,61,.025), transparent 35%);
}
.ninagrafie-cz-todo__parent {
    color:var(--todo-muted);
    font-size:10px;
}
.ninagrafie-cz-todo__actions {
    flex-wrap:wrap;
    justify-content:flex-end;
}

/* Quick Edit */
.ninagrafie-cz-todo__quick {
    margin-top:1px;
}
.ninagrafie-cz-todo__quick > summary {
    cursor:pointer;
    display:inline-flex;
    color:var(--todo-bordeaux);
    font-size:10px;
    list-style:none;
}
.ninagrafie-cz-todo__quick > summary::-webkit-details-marker {
    display:none;
}
.ninagrafie-cz-todo__quick > summary::before {
    content:"▸";
    margin-right:.3rem;
}
.ninagrafie-cz-todo__quick[open] > summary::before {
    transform:rotate(90deg);
}
.ninagrafie-cz-todo__quick form {
    display:grid;
    grid-template-columns:repeat(3,minmax(120px,180px)) auto;
    gap:.4rem;
    margin-top:.45rem !important;
}
.ninagrafie-cz-todo__quick select,
.ninagrafie-cz-todo__quick input {
    box-sizing:border-box;
    min-height:34px;
    margin:0;
}
.ninagrafie-cz-todo__quick button {
    min-height:34px;
    margin:0;
    padding:0 .7rem;
}

@media (max-width:1000px) {
    .ninagrafie-cz-todo-filter-panel__grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .ninagrafie-cz-todo-bulk {
        grid-template-columns:1fr 1fr;
    }
    .ninagrafie-cz-todo-bulk__clear {
        justify-self:start;
    }
}
@media (max-width:700px) {
    .ninagrafie-cz-todo-form {
        grid-template-columns:1fr !important;
    }
    .ninagrafie-cz-todo-field--type,
    .ninagrafie-cz-todo-field--title,
    .ninagrafie-cz-todo-field--parent,
    .ninagrafie-cz-todo-field.is-wide {
        grid-column:1 !important;
    }
    .ninagrafie-cz-todo-filters__primary,
    .ninagrafie-cz-todo-filter-panel__grid,
    .ninagrafie-cz-todo__quick form,
    .ninagrafie-cz-todo-bulk {
        grid-template-columns:1fr !important;
    }
    .ninagrafie-cz-todo {
        grid-template-columns:auto auto minmax(0,1fr) !important;
        padding-left:calc(var(--todo-depth, 0) * 18px) !important;
    }
    .ninagrafie-cz-todo__actions {
        grid-column:3;
        justify-content:flex-start;
    }
}


/* V1.3.0-dev.17 – Management UX Rework */
.ninagrafie-cz-todo-filters__primary {
    grid-template-columns:minmax(260px,1fr) minmax(150px,190px) auto !important;
}
.ninagrafie-cz-todo-sort {
    display:block;
    min-width:0;
}
.ninagrafie-cz-todo-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:11px !important;
}

/* Filterbutton + Anwenden folgen dem Content-Zentrale-Buttonsystem. */
.ninagrafie-cz-todo-filter-panel__actions button,
.ninagrafie-cz-todo-bulk > button[type="submit"] {
    box-sizing:border-box !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 .85rem !important;
    border:1px solid var(--todo-bordeaux) !important;
    border-radius:7px !important;
    background:var(--todo-bordeaux) !important;
    color:#fff !important;
    font-weight:700 !important;
    box-shadow:none !important;
    cursor:pointer;
}

/* Bulk ist ein neutraler Arbeitszustand, keine Warnung. */
.ninagrafie-cz-todo-bulk {
    display:none !important;
    align-items:center !important;
    gap:.55rem !important;
    margin:0 0 .7rem !important;
    padding:.55rem .7rem !important;
    border:1px solid rgba(116,35,61,.10) !important;
    border-radius:8px !important;
    background:#f8f5f1 !important;
}
.ninagrafie-cz-todo-bulk.has-selection {
    display:flex !important;
    flex-wrap:nowrap !important;
}
.ninagrafie-cz-todo-bulk > strong {
    flex:0 0 auto;
}
.ninagrafie-cz-todo-bulk > select {
    flex:0 1 360px;
    min-width:240px;
    max-width:360px;
}
.ninagrafie-cz-todo-bulk__due,
.ninagrafie-cz-todo-bulk__area {
    flex:0 0 180px;
    width:180px !important;
}
.ninagrafie-cz-todo-bulk [hidden] {
    display:none !important;
}
.ninagrafie-cz-todo-bulk__clear {
    margin-left:auto !important;
    flex:0 0 auto;
}

/* Filterpanel etwas ruhiger */
.ninagrafie-cz-todo-filter-panel__grid {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

/* Aktive Sortierung ist kein "Filter" und öffnet das Panel nicht automatisch. */
@media (max-width:1000px) {
    .ninagrafie-cz-todo-bulk.has-selection {
        flex-wrap:wrap !important;
    }
    .ninagrafie-cz-todo-bulk__clear {
        margin-left:0 !important;
    }
}
@media (max-width:700px) {
    .ninagrafie-cz-todo-filters__primary {
        grid-template-columns:1fr !important;
    }
    .ninagrafie-cz-todo-filter-panel__grid {
        grid-template-columns:1fr !important;
    }
    .ninagrafie-cz-todo-bulk.has-selection {
        display:grid !important;
        grid-template-columns:1fr !important;
    }
    .ninagrafie-cz-todo-bulk > select,
    .ninagrafie-cz-todo-bulk__due,
    .ninagrafie-cz-todo-bulk__area {
        width:100% !important;
        max-width:none !important;
    }
}


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

.ninagrafie-cz-todo-filters__primary {
    display:grid !important;
    grid-template-columns:minmax(0,2fr) minmax(210px,.75fr) auto !important;
    gap:.65rem !important;
    align-items:end !important;
}
.ninagrafie-cz-todo-search,
.ninagrafie-cz-todo-sort {
    display:block !important;
    min-width:0;
}
.ninagrafie-cz-management-label,
.ninagrafie-cz-todo-sort > span {
    display:block !important;
    margin:0 0 .28rem !important;
    color:var(--todo-muted) !important;
    font-size:.66rem !important;
    font-weight:600 !important;
    line-height:1.2 !important;
}
.ninagrafie-cz-todo-search input,
.ninagrafie-cz-todo-sort select,
.ninagrafie-cz-todo-filter-toggle {
    box-sizing:border-box !important;
    height:42px !important;
    min-height:42px !important;
}
.ninagrafie-cz-todo-search input {
    width:100% !important;
    margin:0 !important;
    padding:.55rem .7rem !important;
    border:1px solid rgba(116,35,61,.18) !important;
    border-radius:8px !important;
    background:#fff !important;
}
.ninagrafie-cz-todo-filter-toggle {
    align-self:end !important;
}

/* Schnelle Bearbeitung */
.ninagrafie-cz-todo__quick > summary {
    font-weight:600;
}
.ninagrafie-cz-todo__quick form > button[type="submit"] {
    box-sizing:border-box !important;
    min-height:34px !important;
    height:34px !important;
    margin:0 !important;
    padding:0 .8rem !important;
    border:1px solid var(--todo-bordeaux) !important;
    border-radius:6px !important;
    background:var(--todo-bordeaux) !important;
    color:#fff !important;
    font-weight:700 !important;
    box-shadow:none !important;
    cursor:pointer !important;
}

@media (max-width:700px) {
    .ninagrafie-cz-todo-filters__primary {
        grid-template-columns:1fr !important;
    }
    .ninagrafie-cz-todo-filter-toggle {
        justify-self:start !important;
    }
}


/* =========================================================
 * V1.3.0-dev.17 · To-do Import & Management-Reihenfolge
 * ========================================================= */

.ninagrafie-cz-todo-filters__primary {
    grid-template-columns:minmax(0,2fr) auto minmax(210px,.75fr) !important;
}

/* CSV-Import analog zu den übrigen Content-Zentrale-Werkzeugen */
.ninagrafie-cz-todos__import {
    margin:0 0 .75rem;
    border:1px solid var(--todo-border);
    border-radius:9px;
    background:#fff;
}
.ninagrafie-cz-todos__import > summary {
    cursor:pointer;
    display:flex;
    align-items:center;
    min-height:42px;
    padding:.5rem .75rem;
    color:var(--todo-bordeaux);
    list-style:none;
}
.ninagrafie-cz-todos__import > summary::-webkit-details-marker {
    display:none;
}
.ninagrafie-cz-todos__import-body {
    padding:.8rem;
    border-top:1px solid rgba(0,0,0,.07);
}
.ninagrafie-cz-todos__import-body p {
    margin:0 0 .6rem;
    color:var(--todo-muted);
    font-size:10px;
}
.ninagrafie-cz-todos__import-body form {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.55rem;
}
.ninagrafie-cz-todos__import-body button {
    box-sizing:border-box;
    min-height:38px;
    margin:0;
    padding:0 .85rem;
    border:1px solid var(--todo-bordeaux);
    border-radius:7px;
    background:var(--todo-bordeaux);
    color:#fff;
    font-weight:700;
}
.ninagrafie-cz-todos__notice {
    margin:0 0 .75rem;
    padding:.6rem .75rem;
    border-radius:8px;
    font-size:11px;
}
.ninagrafie-cz-todos__notice.is-success {
    background:#eef4eb;
    color:#45623e;
}
.ninagrafie-cz-todos__notice.is-error {
    background:#f7e9ed;
    color:#8a2847;
}

@media (max-width:700px) {
    .ninagrafie-cz-todo-filters__primary {
        grid-template-columns:1fr !important;
    }
}

/* V1.3 Block B Polish */
.ninagrafie-cz-todos__tools {
    display:flex; gap:.55rem; align-items:flex-start; flex-wrap:wrap; margin:0 0 .8rem;
}
.ninagrafie-cz-todos__tools > details {
    margin:0 !important; border-radius:8px !important;
}
.ninagrafie-cz-todos__tools > details:not([open]) {
    width:auto !important; min-width:132px;
}
.ninagrafie-cz-todos__tools > details:not([open]) > summary {
    min-height:42px !important; padding:.55rem .9rem !important;
}
.ninagrafie-cz-todos__tools > .ninagrafie-cz-todos__editor:not([open]) {
    background:var(--todo-bordeaux) !important; border-color:var(--todo-bordeaux) !important;
}
.ninagrafie-cz-todos__tools > .ninagrafie-cz-todos__editor:not([open]) > summary {
    color:#fff !important;
}
.ninagrafie-cz-todos__tools > .ninagrafie-cz-todos__editor:not([open]) > summary small { display:none !important; }
.ninagrafie-cz-todos__tools > .ninagrafie-cz-todos__import:not([open]) > summary {
    color:var(--todo-bordeaux) !important;
}
.ninagrafie-cz-todos__tools > details[open] {
    width:100% !important; flex-basis:100%;
}

/* Schnelle Bearbeitung kompakt */
.ninagrafie-cz-todo__quick form {
    display:grid !important;
    grid-template-columns:180px 180px 180px auto !important;
    gap:.45rem !important;
    align-items:center !important;
}
.ninagrafie-cz-todo__quick form select,
.ninagrafie-cz-todo__quick form input[type="date"] {
    width:180px !important;
    min-width:180px !important;
    height:34px !important;
    min-height:34px !important;
}
.ninagrafie-cz-todo__quick form > button[type="submit"] {
    width:auto !important;
    min-width:105px !important;
    padding:0 .9rem !important;
    justify-self:start !important;
}
@media(max-width:760px){
    .ninagrafie-cz-todo__quick form { grid-template-columns:1fr !important; }
    .ninagrafie-cz-todo__quick form select,
    .ninagrafie-cz-todo__quick form input[type="date"] { width:100% !important; min-width:0 !important; }
}


/* V1.3.0-dev.17 · Mobile/UI regression: collapsed "Neues To-do" stays readable in Enfold. */
.ninagrafie-cz-todos__tools > .ninagrafie-cz-todos__editor:not([open]) > summary,
.ninagrafie-cz-todos__tools > .ninagrafie-cz-todos__editor:not([open]) > summary strong,
.ninagrafie-cz-todos__tools > .ninagrafie-cz-todos__editor:not([open]) > summary b {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

/* =========================================================
 * V1.6.0-dev.8 · Quick edit: container-safe responsive grid
 * ========================================================= */
.ninagrafie-cz-todo__quick form {
    grid-template-columns:repeat(auto-fit, minmax(min(180px, 100%), 1fr)) !important;
    width:100% !important;
    max-width:100% !important;
}
.ninagrafie-cz-todo__quick form select,
.ninagrafie-cz-todo__quick form input[type="date"] {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
}
.ninagrafie-cz-todo__quick form > button[type="submit"] {
    max-width:100% !important;
}
@media (min-width:761px) {
    .ninagrafie-cz-todo__quick form > button[type="submit"] {
        width:max-content !important;
    }
}
/* dev.20: manual To-do progress */
.ninagrafie-cz-todo__progress{display:flex;align-items:center;gap:10px;margin:9px 0 3px;max-width:420px}.ninagrafie-cz-todo__progress>span{height:7px;flex:1;overflow:hidden;border-radius:999px;background:#eee9df}.ninagrafie-cz-todo__progress i{display:block;height:100%;border-radius:inherit;background:var(--ninagrafie-color-bordeaux,#76233b)}.ninagrafie-cz-todo__progress b{min-width:38px;font-size:12px;font-weight:600;color:#6f6a66;text-align:right}
.ninagrafie-cz-todo__quick-progress{display:flex;align-items:center;gap:7px;min-width:130px}.ninagrafie-cz-todo__quick-progress span{font-size:12px;color:#6f6a66}.ninagrafie-cz-todo__quick-progress input{width:74px}

/* dev.21: structured To-do editor + authoritative field alignment */
.ninagrafie-cz-todo-form{display:block!important}
.ninagrafie-cz-todo-form__section{margin:0 0 16px;padding:16px;border:1px solid rgba(116,35,61,.14);border-radius:9px;background:#fff}
.ninagrafie-cz-todo-form__section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 14px;padding:0 0 9px;border-bottom:1px solid rgba(0,0,0,.07)}
.ninagrafie-cz-todo-form__section-head strong{color:var(--todo-bordeaux);font-size:13px}.ninagrafie-cz-todo-form__section-head span{color:var(--todo-muted);font-size:11px}
.ninagrafie-cz-todo-form__grid{display:grid;gap:12px;align-items:start}.ninagrafie-cz-todo-form__grid--task{grid-template-columns:minmax(180px,.65fr) repeat(3,minmax(0,1fr))}.ninagrafie-cz-todo-form__grid--planning{grid-template-columns:repeat(4,minmax(0,1fr))}.ninagrafie-cz-todo-form__grid--organisation{grid-template-columns:minmax(280px,1fr) repeat(3,minmax(0,1fr))}
.ninagrafie-cz-todo-form__grid .ninagrafie-cz-todo-field--type{grid-column:1!important}.ninagrafie-cz-todo-form__grid .ninagrafie-cz-todo-field--title{grid-column:2/-1!important}.ninagrafie-cz-todo-form__grid .ninagrafie-cz-todo-field--parent{grid-column:1/3!important}.ninagrafie-cz-todo-form__grid .is-wide{grid-column:1/-1!important}
.ninagrafie-cz-todo-field{gap:6px!important;font-size:12px!important}.ninagrafie-cz-todo-field>span:first-child{display:flex;align-items:center;min-height:18px;color:#4f4b47;font-size:12px;line-height:18px;font-weight:400}.ninagrafie-cz-todo-field input,.ninagrafie-cz-todo-field select{height:44px!important;min-height:44px!important}.ninagrafie-cz-todo-field textarea{min-height:84px}
.ninagrafie-cz-todo-progress-control{display:grid;grid-template-columns:90px auto minmax(100px,1fr);gap:8px;align-items:center}.ninagrafie-cz-todo-progress-control>span{color:var(--todo-muted)}.ninagrafie-cz-todo-progress-preview{height:7px;overflow:hidden;border-radius:999px;background:#eee9df}.ninagrafie-cz-todo-progress-preview i{display:block;height:100%;border-radius:inherit;background:var(--todo-bordeaux)}
.ninagrafie-cz-todo-shooting{margin:0 0 16px}.ninagrafie-cz-todo-form__actions{display:flex!important;justify-content:flex-end!important;padding-top:2px}.ninagrafie-cz-todo-form__actions button{min-height:44px}
@media(max-width:900px){.ninagrafie-cz-todo-form__grid--task,.ninagrafie-cz-todo-form__grid--planning{grid-template-columns:repeat(2,minmax(0,1fr))}.ninagrafie-cz-todo-form__grid .ninagrafie-cz-todo-field--title,.ninagrafie-cz-todo-form__grid .ninagrafie-cz-todo-field--parent{grid-column:auto!important}.ninagrafie-cz-todo-form__grid--organisation{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ninagrafie-cz-todo-form__section{padding:12px}.ninagrafie-cz-todo-form__section-head{display:block}.ninagrafie-cz-todo-form__section-head span{display:block;margin-top:3px}.ninagrafie-cz-todo-form__grid--task,.ninagrafie-cz-todo-form__grid--planning,.ninagrafie-cz-todo-form__grid--organisation{grid-template-columns:1fr}.ninagrafie-cz-todo-form__grid .ninagrafie-cz-todo-field--type,.ninagrafie-cz-todo-form__grid .ninagrafie-cz-todo-field--title,.ninagrafie-cz-todo-form__grid .ninagrafie-cz-todo-field--parent,.ninagrafie-cz-todo-form__grid .is-wide{grid-column:1!important}.ninagrafie-cz-todo-progress-control{grid-template-columns:82px auto 1fr}}
/* V1.6 dev.22: progress in compact child rows. */
.ninagrafie-cz-todo__subtask-progress{display:flex!important;align-items:center;gap:7px;margin-top:5px;color:#6f6a66}.ninagrafie-cz-todo__subtask-progress i{display:block;width:92px;height:5px;border-radius:999px;background:#eee9df;overflow:hidden}.ninagrafie-cz-todo__subtask-progress i b{display:block;height:100%;border-radius:inherit;background:var(--ninagrafie-color-bordeaux,#76233b)}

/* dev.27 – gespeicherte Ansichten & einheitliche Link-Aktionen */
.ninagrafie-cz-todo__duplicate-form{display:inline;margin:0}.ninagrafie-cz-todo__link-button{appearance:none;border:0!important;background:transparent!important;padding:0!important;min-height:0!important;color:inherit!important;font:inherit!important;text-decoration:none;cursor:pointer}.ninagrafie-cz-todo__link-button:hover{text-decoration:underline}

.ninagrafie-cz-todo__actions .ninagrafie-cz-todo__link-button{font-size:inherit!important;line-height:inherit!important;font-family:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important}