/* ================================================================
 * V1.4.0-dev.3.1 · Content-Zentrale visual hierarchy refinement
 * Adds visual orientation to article/event inventory and polishes todos.
 * ================================================================ */

/* Desktop thumbnails: compact visual cue without sacrificing table density. */
.ninagrafie-dashboard-thumb-cell,
.ninagrafie-event-thumb-cell { width:72px; text-align:center; }
.ninagrafie-dashboard-thumb,
.ninagrafie-event-thumb {
    display:block;
    width:56px;
    height:56px;
    object-fit:cover;
    border-radius:9px;
    margin:0 auto;
}
.ninagrafie-event-table td { vertical-align:middle; }
.ninagrafie-dashboard-table td { vertical-align:middle; }

@media (max-width:760px) {
    /* Article cards: image-led editorial header, then QA details. */
    .ninagrafie-dashboard-table tr {
        display:grid !important;
        grid-template-columns:82px minmax(0,1fr) !important;
        gap:0 16px !important;
    }
    .ninagrafie-dashboard-table td { grid-column:1 / -1; }
    .ninagrafie-dashboard-table td:nth-child(4) { /* thumbnail */
        grid-column:1 !important;
        grid-row:1 / span 3;
        display:block !important;
        padding:0 !important;
    }
    .ninagrafie-dashboard-table td:nth-child(4)::before { display:none !important; }
    .ninagrafie-dashboard-thumb { width:82px; height:82px; margin:0; border-radius:12px; }
    .ninagrafie-dashboard-table td:nth-child(3), /* title */
    .ninagrafie-dashboard-table td:nth-child(2), /* source */
    .ninagrafie-dashboard-table td:nth-child(5), /* status */
    .ninagrafie-dashboard-table td:nth-child(6) { /* QA */
        grid-column:2 !important;
    }
    .ninagrafie-dashboard-table td:nth-child(3) { grid-row:1; padding-top:0 !important; }
    .ninagrafie-dashboard-table td:nth-child(2) { grid-row:2; }
    .ninagrafie-dashboard-table td:nth-child(5) { grid-row:3; }
    .ninagrafie-dashboard-table td:nth-child(6) { grid-row:4; }
    .ninagrafie-dashboard-table td:nth-child(1) { order:20; }
    .ninagrafie-dashboard-table td:nth-child(11),
    .ninagrafie-dashboard-table td:nth-child(12) { font-size:11px; color:#777; }
    .ninagrafie-dashboard-table td:last-child { padding-top:12px !important; margin-top:6px; border-top:1px solid rgba(184,143,84,.45) !important; }

    /* Event cards: full-width image header and a tighter semantic body. */
    .ninagrafie-event-table tr { padding:0 18px 18px !important; overflow:hidden; }
    .ninagrafie-event-table td:nth-child(1) {
        display:block !important;
        margin:0 -18px 14px !important;
        padding:0 !important;
        width:calc(100% + 36px) !important;
    }
    .ninagrafie-event-table td:nth-child(1)::before { display:none !important; }
    .ninagrafie-event-thumb { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:13px 13px 0 0; margin:0; }
    .ninagrafie-event-table td:nth-child(2)::before { content:'Event'; }
    .ninagrafie-event-table td:nth-child(3)::before { content:'Status'; }
    .ninagrafie-event-table td:nth-child(4)::before { content:'Termin'; }
    .ninagrafie-event-table td:nth-child(5)::before { content:'Saison'; }
    .ninagrafie-event-table td:nth-child(6)::before { content:'Plätze'; }
    .ninagrafie-event-table td:nth-child(7)::before { content:'Featured'; }
    .ninagrafie-event-table td:nth-child(8)::before { content:'Aktionen'; }
    .ninagrafie-event-table td:nth-child(2) strong { display:block; font-size:18px; color:#74233d; }
    .ninagrafie-event-table td:nth-child(2) small { display:block; margin-top:4px; }
    .ninagrafie-event-table td:last-child { padding-top:12px !important; margin-top:5px; border-top:1px solid rgba(184,143,84,.45) !important; }

    /* Todo action row stays operational but visually calm. */
    .ninagrafie-cz-todo__actions { align-items:center; }
    .ninagrafie-cz-todo__delete { margin-left:auto; }
}

@media (max-width:430px) {
    /* Preserve image-led headers even though dev.3 switches generic cells to block. */
    .ninagrafie-dashboard-table td:nth-child(4) { display:block !important; }
    .ninagrafie-event-table td:nth-child(1) { display:block !important; }
    .ninagrafie-event-table td:nth-child(2) { padding-top:2px !important; }
}