.dt1-editorial {
    --editorial-border: color-mix(in srgb, currentColor 12%, transparent);
    --editorial-soft: color-mix(in srgb, currentColor 5%, transparent);
    --editorial-softer: color-mix(in srgb, currentColor 3%, transparent);
    --editorial-surface: var(--dt1-surface, oklch(var(--b1)));
    --editorial-surface-text: var(--dt1-text, oklch(var(--bc)));
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
}

.dt1-editorial-hero,
.dt1-editorial-toolbar,
.dt1-editorial-archive {
    border: 1px solid var(--editorial-border);
    border-radius: 1.25rem;
    background: var(--editorial-softer);
    box-shadow: 0 12px 36px color-mix(in srgb, currentColor 5%, transparent);
}

.dt1-editorial-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.25rem 1.4rem;
    overflow: hidden;
    position: relative;
}

.dt1-editorial-hero::after {
    content: "";
    position: absolute;
    width: 15rem;
    height: 15rem;
    inset-inline-start: -5rem;
    inset-block-start: -8rem;
    border-radius: 999px;
    background: color-mix(in srgb, currentColor 5%, transparent);
    pointer-events: none;
}

.dt1-editorial-hero-copy,
.dt1-editorial-hero-actions {
    position: relative;
    z-index: 1;
}

.dt1-editorial-hero-copy {
    max-width: 48rem;
}

.dt1-editorial-eyebrow,
.dt1-editorial-muted {
    font-size: .75rem;
    opacity: .58;
}

.dt1-editorial-eyebrow {
    display: inline-block;
    margin-bottom: .35rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dt1-editorial-hero h1,
.dt1-editorial-board-identity h2,
.dt1-editorial-archive-heading h3 {
    margin: 0;
    font-weight: 900;
    line-height: 1.3;
}

.dt1-editorial-hero h1 {
    font-size: clamp(1.45rem, 3vw, 2rem);
}

.dt1-editorial-hero p,
.dt1-editorial-archive-heading p {
    margin: .45rem 0 0;
    max-width: 52rem;
    line-height: 1.85;
    opacity: .72;
}

.dt1-editorial-hero-actions {
    display: flex;
    align-items: end;
    gap: .75rem;
    flex-wrap: wrap;
}

.dt1-editorial-board-switch {
    display: grid;
    gap: .3rem;
    min-width: 12rem;
    font-size: .75rem;
    font-weight: 700;
}

.dt1-editorial-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
}

.dt1-editorial-board-identity {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.dt1-editorial-board-identity h2 {
    font-size: 1.1rem;
}

.dt1-editorial-toolbar-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.dt1-editorial-search {
    display: flex;
    align-items: center;
    gap: .25rem;
}

.dt1-editorial-search .input {
    min-width: min(22rem, 42vw);
}

.dt1-editorial-board-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(19rem, 22rem);
    align-items: start;
    gap: 1rem;
    min-width: 0;
}

.dt1-editorial-board-layout > .dt1-editorial-board {
    min-width: 0;
}

.dt1-board-inspector {
    position: sticky;
    top: 1rem;
    min-width: 0;
    max-height: calc(100dvh - 2rem);
    overflow-y: auto;
    padding: .85rem;
    border: 1px solid var(--editorial-border);
    border-radius: 1rem;
    background: var(--editorial-surface);
    color: var(--editorial-surface-text);
    box-shadow: 0 8px 28px color-mix(in srgb, currentColor 7%, transparent);
}

[data-theme="dark"] .dt1-board-inspector {
    background: color-mix(in srgb, var(--editorial-surface) 94%, currentColor 6%);
}

.dt1-board-inspector-close {
    display: none;
}

.dt1-board-inspector-placeholder {
    display: grid;
    min-height: 20rem;
    place-content: center;
    text-align: center;
    opacity: .58;
}

.dt1-board-inspector-placeholder span {
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.dt1-board-inspector-placeholder strong {
    margin-top: .35rem;
    font-size: 1.05rem;
}

.dt1-board-inspector-placeholder p {
    max-width: 21rem;
    margin: .4rem auto 0;
    font-size: .78rem;
    line-height: 1.75;
}

.dt1-board-inspector-content {
    display: grid;
    gap: .7rem;
}

.dt1-board-inspector-content[hidden],
.dt1-board-inspector-ai[hidden],
.dt1-board-inspector-source-title[hidden],
.dt1-board-inspector-move[hidden] {
    display: none;
}

.dt1-board-inspector-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem .5rem;
    font-size: .7rem;
}

.dt1-board-inspector-meta > span:not(.dt1-editorial-state) {
    opacity: .65;
}

.dt1-board-inspector h2 {
    margin: 0;
    font-size: 1.15rem;
    line-height: 1.65;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.dt1-board-inspector-source-title,
.dt1-board-inspector-profile {
    display: grid;
    gap: .2rem;
    padding: .5rem .55rem;
    border-radius: .75rem;
    background: var(--editorial-soft);
}

.dt1-board-inspector-source-title span,
.dt1-board-inspector-profile span {
    font-size: .68rem;
    opacity: .62;
}

.dt1-board-inspector-source-title strong,
.dt1-board-inspector-profile strong {
    font-size: .78rem;
    line-height: 1.6;
}

.dt1-board-inspector-source {
    justify-self: start;
}

.dt1-board-inspector-section,
.dt1-board-inspector-ai {
    display: grid;
    gap: .55rem;
    padding-top: .7rem;
    border-top: 1px solid var(--editorial-border);
}

.dt1-board-inspector-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
}

.dt1-board-inspector-section-head > div {
    display: grid;
    gap: .1rem;
}

.dt1-board-inspector-section-head span {
    font-size: .68rem;
    opacity: .58;
}

.dt1-board-inspector-section-head strong {
    font-size: .86rem;
    line-height: 1.5;
}

.dt1-board-inspector-memory-results {
    display: grid;
    gap: .3rem;
}

.dt1-board-inspector-memory-result {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .45rem;
    padding: .45rem .5rem;
    border: 1px solid var(--editorial-border);
    border-radius: .7rem;
    background: var(--editorial-softer);
}

.dt1-board-inspector-memory-result > div {
    display: grid;
    min-width: 0;
    gap: .1rem;
}

.dt1-board-inspector-memory-result strong {
    overflow: hidden;
    font-size: .75rem;
    line-height: 1.55;
    text-overflow: ellipsis;
}

.dt1-board-inspector-memory-result small,
.dt1-board-inspector-memory-more {
    font-size: .65rem;
    line-height: 1.5;
    opacity: .62;
}

.dt1-board-inspector-memory-type {
    padding: .12rem .35rem;
    border-radius: 999px;
    background: var(--editorial-soft);
    font-size: .62rem;
    font-weight: 800;
    white-space: nowrap;
}

.dt1-board-inspector-production-detail {
    font-size: .75rem;
    line-height: 1.7;
    opacity: .74;
}

.dt1-board-inspector-ai .dt1-ai-title-candidates {
    max-height: 15rem;
    overflow-y: auto;
}

.dt1-editorial-card.is-selected {
    box-shadow:
        0 0 0 2px color-mix(in srgb, currentColor 32%, transparent),
        0 8px 24px color-mix(in srgb, currentColor 9%, transparent);
}

.dt1-editorial-card:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.dt1-editorial-board {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: .25rem .15rem 1rem;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
}

.dt1-editorial-column {
    flex: 0 0 min(20rem, 82vw);
    width: min(20rem, 82vw);
    max-height: calc(100dvh - 15rem);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--editorial-border);
    border-radius: 1.15rem;
    background: var(--editorial-soft);
    scroll-snap-align: start;
    overflow: hidden;
}

.dt1-editorial-column-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .75rem .8rem;
    border-bottom: 1px solid var(--editorial-border);
}

.dt1-editorial-column-title {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .5rem;
}

.dt1-editorial-column-title h3 {
    margin: 0;
    overflow: hidden;
    font-size: .95rem;
    font-weight: 850;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dt1-editorial-column-handle {
    opacity: .32;
    letter-spacing: -.1em;
    user-select: none;
}

.dt1-editorial-count {
    min-width: 1.5rem;
    padding: .1rem .4rem;
    border-radius: 999px;
    background: var(--editorial-soft);
    text-align: center;
    font-size: .72rem;
    font-weight: 800;
}

.dt1-editorial-column-more,
.dt1-editorial-card-more {
    position: relative;
    flex: 0 0 auto;
}

.dt1-editorial-column-more > summary,
.dt1-editorial-card-more > summary {
    list-style: none;
    min-width: 2.15rem;
    padding-inline: .45rem;
}

.dt1-editorial-column-more > summary::-webkit-details-marker,
.dt1-editorial-card-more > summary::-webkit-details-marker {
    display: none;
}

.dt1-editorial-more-menu {
    position: absolute;
    z-index: 60;
    inset-inline-end: 0;
    inset-block-start: calc(100% + .3rem);
    display: none;
    min-width: 14rem;
    padding: .35rem;
    border: 1px solid var(--editorial-border);
    border-radius: .8rem;
    background: var(--editorial-surface);
    color: var(--editorial-surface-text);
    box-shadow: 0 14px 38px color-mix(in srgb, #000 22%, transparent);
}

.dt1-editorial-column-more[open] .dt1-editorial-more-menu,
.dt1-editorial-card-more[open] .dt1-editorial-more-menu {
    display: grid;
    gap: .12rem;
}

.dt1-editorial-more-action {
    display: flex;
    width: 100%;
    align-items: center;
    min-height: 2rem;
    padding: .4rem .55rem;
    border: 0;
    border-radius: .55rem;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: .76rem;
    font-weight: 700;
    text-align: start;
    text-decoration: none;
    cursor: pointer;
}

.dt1-editorial-more-action:hover,
.dt1-editorial-more-action:focus-visible {
    background: var(--editorial-soft);
    outline: none;
}

.dt1-editorial-more-action:disabled {
    cursor: not-allowed;
    opacity: .38;
}

.dt1-editorial-more-field,
.dt1-editorial-more-detail {
    display: grid;
    gap: .3rem;
    padding: .45rem .55rem;
    font-size: .72rem;
}

.dt1-editorial-more-field {
    border-block: 1px solid var(--editorial-border);
}

.dt1-editorial-more-field > span,
.dt1-editorial-more-detail small {
    opacity: .62;
}

.dt1-editorial-more-field .select {
    width: 100%;
    max-width: none;
}

.dt1-editorial-more-detail {
    border-bottom: 1px solid var(--editorial-border);
    line-height: 1.55;
}

.dt1-editorial-card-list {
    min-height: 5rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: .65rem;
}

.dt1-editorial-card {
    display: grid;
    gap: .45rem;
    margin-bottom: .5rem;
    padding: .72rem;
    border: 1px solid var(--editorial-border);
    border-radius: .9rem;
    background: color-mix(in srgb, var(--editorial-surface) 96%, currentColor 4%);
    box-shadow: 0 5px 18px color-mix(in srgb, currentColor 6%, transparent);
    transition: transform .16s ease, opacity .16s ease, box-shadow .16s ease;
}

[data-theme="dark"] .dt1-editorial-card {
    background: color-mix(in srgb, var(--editorial-surface) 90%, currentColor 10%);
}

.dt1-editorial-card[draggable="true"] {
    cursor: grab;
}

.dt1-editorial-card[draggable="true"]:active {
    cursor: grabbing;
}

.dt1-editorial-card:hover {
    box-shadow: 0 8px 24px color-mix(in srgb, currentColor 9%, transparent);
}

.dt1-editorial-card.is-dragging {
    opacity: .42;
    transform: rotate(.5deg) scale(.985);
}

.dt1-editorial-card.is-leaving,
.dt1-editorial-history-card.is-leaving {
    opacity: 0;
    transform: translateY(.4rem) scale(.98);
}

.dt1-editorial-card-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
}

.dt1-editorial-card h4,
.dt1-editorial-history-card h4 {
    margin: 0;
    font-size: .94rem;
    line-height: 1.65;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.dt1-editorial-card h4 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.dt1-editorial-domain,
.dt1-editorial-state {
    font-size: .68rem;
    font-weight: 750;
}

.dt1-editorial-domain {
    opacity: .55;
    direction: ltr;
}

.dt1-editorial-state {
    padding: .15rem .45rem;
    border-radius: 999px;
    background: var(--editorial-soft);
    opacity: .8;
}

.dt1-editorial-history-card > a {
    display: block;
    overflow: hidden;
    color: inherit;
    direction: ltr;
    font-size: .71rem;
    opacity: .56;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dt1-editorial-history-card > a:hover {
    opacity: .9;
    text-decoration: underline;
}

.dt1-editorial-card-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .3rem;
    padding-top: .08rem;
}

.dt1-editorial-card-primary,
.dt1-editorial-card-secondary {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .25rem;
}

.dt1-editorial-card-secondary {
    justify-content: flex-end;
}

.dt1-editorial-card-primary:empty,
.dt1-editorial-card-secondary:empty {
    display: none;
}

.dt1-editorial-column-empty {
    display: grid;
    min-height: 6rem;
    place-items: center;
    padding: 1rem;
    border: 1px dashed var(--editorial-border);
    border-radius: .8rem;
    text-align: center;
    font-size: .76rem;
    opacity: .48;
}

.dt1-editorial-add-card,
.dt1-editorial-add-column {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
}

.dt1-editorial-add-card {
    width: calc(100% - 1.3rem);
    margin: 0 .65rem .65rem;
    padding: .6rem;
    border-radius: .75rem;
    background: transparent;
    font-size: .8rem;
    opacity: .65;
}

.dt1-editorial-add-card:hover {
    background: var(--editorial-soft);
    opacity: 1;
}

.dt1-editorial-add-column {
    flex: 0 0 10rem;
    min-height: 4rem;
    padding: .8rem;
    border: 1px dashed var(--editorial-border);
    border-radius: 1rem;
    background: transparent;
    opacity: .55;
}

.dt1-editorial-add-column:hover {
    background: var(--editorial-soft);
    opacity: 1;
}

.dt1-editorial-empty {
    display: grid;
    place-items: center;
    min-height: 18rem;
    padding: 2rem;
    border: 1px dashed var(--editorial-border);
    border-radius: 1.25rem;
    text-align: center;
}

.dt1-editorial-empty h2,
.dt1-editorial-empty h3 {
    margin: .75rem 0 .35rem;
    font-weight: 900;
}

.dt1-editorial-empty p {
    max-width: 32rem;
    margin: 0 0 1rem;
    line-height: 1.8;
    opacity: .65;
}

.dt1-editorial-empty-icon {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 1rem;
    background: var(--editorial-soft);
}

.dt1-editorial-empty-compact {
    min-height: 12rem;
}

.dt1-editorial-archive {
    padding: 1rem;
}

.dt1-editorial-archive-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding: .25rem .25rem 1rem;
}

.dt1-editorial-archive-heading p {
    max-width: 35rem;
    font-size: .8rem;
}

.dt1-editorial-archive-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr));
    gap: .8rem;
}

.dt1-editorial-history-card {
    display: grid;
    gap: .65rem;
    padding: .9rem;
    border: 1px solid var(--editorial-border);
    border-radius: .95rem;
    background: var(--editorial-softer);
    transition: opacity .16s ease, transform .16s ease;
}

.dt1-editorial-history-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    margin: 0;
}

.dt1-editorial-history-meta div {
    display: grid;
    gap: .15rem;
}

.dt1-editorial-history-meta dt {
    font-size: .66rem;
    opacity: .5;
}

.dt1-editorial-history-meta dd {
    margin: 0;
    font-size: .75rem;
}

.dt1-editorial-archive-reason {
    margin: 0;
    padding: .55rem;
    border-radius: .7rem;
    background: var(--editorial-soft);
    font-size: .76rem;
    line-height: 1.7;
}

.dt1-editorial-dialog .modal-box {
    max-width: min(32rem, calc(100vw - 2rem));
}

.dt1-editorial-dialog h3 {
    margin: 0 0 .35rem;
    font-size: 1.05rem;
    font-weight: 900;
}

.dt1-editorial-dialog p {
    margin: 0 0 1rem;
    line-height: 1.75;
    opacity: .65;
}

.dt1-editorial-form {
    display: grid;
    gap: .85rem;
    margin-top: 1rem;
}

.dt1-editorial-form label {
    display: grid;
    gap: .35rem;
    font-size: .78rem;
    font-weight: 750;
}

.dt1-editorial-form small {
    display: inline;
    font-weight: 400;
    opacity: .52;
}

.dt1-editorial-toast {
    position: fixed;
    inset-inline-end: 1rem;
    inset-block-end: 1rem;
    z-index: 80;
    max-width: min(26rem, calc(100vw - 2rem));
    padding: .75rem 1rem;
    border: 1px solid var(--editorial-border);
    border-radius: .85rem;
    background: var(--editorial-surface);
    box-shadow: 0 12px 36px color-mix(in srgb, currentColor 16%, transparent);
    font-size: .8rem;
    font-weight: 700;
}

.dt1-editorial-toast[data-type="error"] {
    border-color: color-mix(in srgb, #ef4444 48%, transparent);
}

.dt1-editorial-toast[data-type="success"] {
    border-color: color-mix(in srgb, #22c55e 42%, transparent);
}

.dt1-editorial-toast[data-type="warning"] {
    border-color: color-mix(in srgb, #f59e0b 48%, transparent);
}

.dt1-editorial .is-busy {
    opacity: .72;
    pointer-events: none;
}

.dt1-editorial [aria-busy="true"] {
    cursor: progress;
}

.dt1-editorial [aria-busy="true"]::before {
    content: "";
    width: .8em;
    height: .8em;
    margin-inline-end: .35rem;
    border: 2px solid currentColor;
    border-inline-start-color: transparent;
    border-radius: 999px;
    animation: dt1-editorial-spin .7s linear infinite;
}

.dt1-editorial-confirm-dialog .modal-box {
    max-width: min(30rem, calc(100vw - 2rem));
}

.dt1-editorial-confirm-evidence {
    display: grid;
    gap: .2rem;
    margin: .75rem 0;
    padding: .75rem;
    border: 1px solid var(--editorial-border);
    border-radius: .8rem;
    background: var(--editorial-soft);
}

.dt1-editorial-confirm-evidence[hidden],
.dt1-editorial-confirm-history[hidden] {
    display: none;
}

.dt1-editorial-confirm-evidence strong {
    overflow-wrap: anywhere;
    font-size: .82rem;
}

.dt1-editorial-confirm-evidence span {
    font-size: .72rem;
    opacity: .65;
}

@keyframes dt1-editorial-spin {
    to { transform: rotate(1turn); }
}

@media (prefers-reduced-motion: reduce) {
    .dt1-editorial [aria-busy="true"]::before {
        animation: none;
    }
}

.dt1-editorial-mobile-columns {
    display: none;
}

@media (max-width: 900px) {
    .dt1-editorial-hero,
    .dt1-editorial-toolbar,
    .dt1-editorial-archive-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .dt1-editorial-hero-actions,
    .dt1-editorial-toolbar-actions {
        justify-content: stretch;
    }

    .dt1-editorial-board-switch {
        flex: 1;
    }

    .dt1-editorial-search {
        flex: 1 1 100%;
    }

    .dt1-editorial-search label {
        flex: 1;
    }

    .dt1-editorial-search .input {
        width: 100%;
        min-width: 0;
    }

    .dt1-editorial-board-layout {
        display: block;
    }

    .dt1-board-inspector {
        position: static;
        max-height: none;
        margin-top: .75rem;
    }
}

@media (max-width: 640px) {
    .dt1-editorial {
        gap: .75rem;
    }

    .dt1-board-inspector {
        display: none;
        position: fixed;
        z-index: 78;
        inset-inline: .5rem;
        inset-block-end: .5rem;
        top: auto;
        width: auto;
        max-height: calc(100dvh - 1rem);
        margin: 0;
        overflow-y: auto;
        border-radius: 1rem;
        box-shadow: 0 18px 60px color-mix(in srgb, #000 28%, transparent);
    }

    .dt1-board-inspector.is-mobile-open {
        display: block;
    }

    .dt1-board-inspector-close {
        display: inline-flex;
        position: sticky;
        z-index: 3;
        top: 0;
        inset-inline-start: 0;
        margin-inline-start: auto;
        background: var(--editorial-surface);
    }

    .dt1-board-inspector-placeholder {
        min-height: 14rem;
    }

    .dt1-board-inspector-section-head {
        align-items: stretch;
        flex-direction: column;
    }

    .dt1-editorial-hero,
    .dt1-editorial-toolbar,
    .dt1-editorial-archive {
        border-radius: 1rem;
    }

    .dt1-editorial-hero {
        padding: 1rem;
    }

    .dt1-editorial-hero-actions > * {
        width: 100%;
    }

    .dt1-editorial-toolbar {
        gap: .45rem;
        padding: .5rem .65rem;
    }

    .dt1-editorial-board-identity {
        align-items: center;
        justify-content: space-between;
        min-height: 2rem;
        gap: .45rem;
    }

    .dt1-editorial-board-identity > div {
        display: flex;
        min-width: 0;
        align-items: baseline;
        gap: .4rem;
    }

    .dt1-editorial-board-identity h2 {
        overflow: hidden;
        margin: 0;
        font-size: .94rem;
        line-height: 1.25;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .dt1-editorial-board-identity .dt1-editorial-muted {
        flex: 0 1 auto;
        overflow: hidden;
        max-width: 8rem;
        font-size: .68rem;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .dt1-editorial-toolbar-actions {
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: .25rem;
        overflow-x: auto;
        padding-bottom: .1rem;
        scrollbar-width: none;
    }

    .dt1-editorial-toolbar-actions::-webkit-scrollbar {
        display: none;
    }

    .dt1-editorial-toolbar-actions > .btn {
        width: auto;
        min-height: 2.25rem;
        flex: 0 0 auto;
        padding-inline: .65rem;
        white-space: nowrap;
    }

    .dt1-editorial-search {
        flex: 0 0 min(13rem, 64vw);
        min-width: 0;
    }

    .dt1-editorial-search label {
        min-width: 0;
    }

    .dt1-editorial-search .input {
        min-height: 2.25rem;
    }

    .dt1-editorial-search .btn {
        min-height: 2.25rem;
        flex: 0 0 auto;
    }

    .dt1-editorial-mobile-columns {
        display: flex;
        position: sticky;
        z-index: 30;
        top: .5rem;
        gap: .4rem;
        overflow-x: auto;
        padding: .35rem 0;
        background: var(--editorial-surface);
        scrollbar-width: none;
    }

    .dt1-editorial-mobile-columns::-webkit-scrollbar {
        display: none;
    }

    .dt1-editorial-mobile-columns button {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        gap: .4rem;
        padding: .55rem .75rem;
        border: 1px solid var(--editorial-border);
        border-radius: 999px;
        background: transparent;
        color: inherit;
        font: inherit;
        font-size: .78rem;
    }

    .dt1-editorial-mobile-columns button.is-active {
        background: var(--editorial-soft);
        font-weight: 850;
    }

    .dt1-editorial-mobile-columns span {
        opacity: .55;
    }

    .dt1-editorial-board {
        display: block;
        overflow: visible;
        padding-bottom: 0;
    }

    .dt1-editorial-column {
        display: none;
        width: 100%;
        max-height: none;
        margin: 0;
    }

    .dt1-editorial-column.is-mobile-active {
        display: flex;
    }

    .dt1-editorial-column-header {
        justify-content: flex-end;
        padding: .1rem .2rem .25rem;
        border-bottom: 0;
    }

    .dt1-editorial-column-title {
        display: none;
    }

    .dt1-editorial-card-list {
        max-height: none;
        overflow: visible;
        padding: .4rem;
    }

    .dt1-editorial-card-more[open] .dt1-editorial-more-menu,
    .dt1-editorial-column-more[open] .dt1-editorial-more-menu {
        position: fixed;
        z-index: 82;
        inset-inline: .5rem;
        inset-block-end: .5rem;
        top: auto;
        max-height: calc(100dvh - 1rem);
        overflow-y: auto;
        padding: .5rem;
        border-radius: 1rem;
        box-shadow: 0 18px 60px color-mix(in srgb, #000 28%, transparent);
    }

    .dt1-editorial-add-column {
        width: 100%;
        margin-top: .75rem;
    }

    .dt1-editorial-archive {
        padding: .75rem;
    }

    .dt1-editorial-archive-grid {
        grid-template-columns: 1fr;
    }

    .dt1-editorial-history-meta {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dt1-editorial *,
    .dt1-editorial *::before,
    .dt1-editorial *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

/* Editorial Memory V1 */
.dt1-editorial .dt1-memory-indicator {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    margin-top: .08rem;
    padding: .28rem .45rem;
    border: 1px solid var(--editorial-border);
    border-radius: 999px;
    background: var(--editorial-soft);
    font-size: .71rem;
    line-height: 1.4;
}

.dt1-editorial .dt1-memory-indicator[data-level="exact"] {
    border-width: 2px;
    font-weight: 750;
}

.dt1-editorial .dt1-memory-indicator[data-level="related"] {
    border-style: dashed;
}

.dt1-editorial .dt1-memory-results {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}

.dt1-editorial .dt1-memory-result {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .35rem .75rem;
    padding: .75rem;
    border: 1px solid var(--editorial-border);
    border-radius: .85rem;
    background: var(--editorial-softer);
}

.dt1-editorial .dt1-memory-result-type {
    grid-row: 1 / span 2;
    padding: .2rem .5rem;
    border-radius: 999px;
    background: var(--editorial-soft);
    font-size: .7rem;
    font-weight: 800;
}

.dt1-editorial .dt1-memory-result small {
    opacity: .7;
}

.dt1-editorial .dt1-memory-result .btn {
    grid-column: 3;
    grid-row: 1 / span 2;
}

.dt1-editorial .dt1-memory-empty {
    margin: 0;
    padding: .85rem;
    border: 1px dashed var(--editorial-border);
    border-radius: .8rem;
    text-align: center;
    opacity: .75;
}

@media (max-width: 700px) {
    .dt1-editorial .dt1-memory-result {
        grid-template-columns: 1fr;
    }
    .dt1-editorial .dt1-memory-result-type,
    .dt1-editorial .dt1-memory-result .btn {
        grid-column: 1;
        grid-row: auto;
    }
}


/* Editorial Smart Title V1 */
.dt1-editorial .dt1-ai-title-source,
.dt1-editorial .dt1-ai-title-status {
    margin: .8rem 0;
    padding: .75rem .85rem;
    border: 1px solid var(--editorial-border);
    border-radius: .85rem;
    background: var(--editorial-soft);
}

.dt1-editorial .dt1-ai-title-source {
    display: grid;
    gap: .25rem;
}

.dt1-editorial .dt1-ai-title-source span,
.dt1-editorial .dt1-ai-title-status {
    font-size: .78rem;
}

.dt1-editorial .dt1-ai-title-source span {
    opacity: .68;
}

.dt1-editorial .dt1-ai-title-candidates {
    display: grid;
    gap: .55rem;
    margin: .9rem 0;
}

.dt1-editorial .dt1-ai-title-candidate {
    width: 100%;
    padding: .7rem .8rem;
    border: 1px solid var(--editorial-border);
    border-radius: .8rem;
    background: var(--editorial-softer);
    color: inherit;
    text-align: start;
    line-height: 1.8;
    cursor: pointer;
}

.dt1-editorial .dt1-ai-title-candidate:hover,
.dt1-editorial .dt1-ai-title-candidate:focus-visible,
.dt1-editorial .dt1-ai-title-candidate.is-selected {
    border-width: 2px;
    background: var(--editorial-soft);
}


.dt1-editorial .dt1-production-toggle {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    line-height: 1.8;
}

@media (max-width: 700px) {
}


/* Phase 7A — Card modal replaces the side Inspector */
.dt1-editorial-board-layout {
    grid-template-columns: minmax(0, 1fr);
}

dialog.dt1-editorial-card-dialog {
    position: fixed;
    inset: 0;
    top: 0;
    min-width: 0;
    max-width: none;
    max-height: none;
    overflow: visible;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

dialog.dt1-editorial-card-dialog .dt1-editorial-card-modal-box {
    width: min(60rem, calc(100vw - 2rem));
    max-height: min(90dvh, 62rem);
    padding: 1.4rem;
}

.dt1-editorial-card-modal-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--editorial-border);
}

.dt1-editorial-card-modal-heading > div:first-child {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.dt1-editorial-card-modal-heading h2 {
    margin: 0;
    font-size: clamp(1.15rem, 2vw, 1.5rem);
    line-height: 1.55;
    font-weight: 950;
    overflow-wrap: anywhere;
}

.dt1-editorial-card-dialog .dt1-board-inspector-close {
    display: inline-flex;
    position: absolute;
    inset-inline-end: 1rem;
    top: 1rem;
    z-index: 3;
}

.dt1-editorial-card-dialog .dt1-board-inspector-content {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr);
    gap: .9rem 1rem;
    align-items: start;
}

.dt1-card-modal-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, .45fr);
    gap: .8rem;
    padding: .9rem;
    border: 1px solid var(--editorial-border);
    border-radius: .9rem;
    background: var(--editorial-softer);
}

.dt1-card-modal-form > label {
    display: grid;
    gap: .32rem;
    min-width: 0;
    font-size: .72rem;
    font-weight: 850;
}

.dt1-card-modal-form > label:first-child,
.dt1-card-modal-form > label:nth-child(2),
.dt1-card-modal-form > label:nth-child(3) {
    grid-column: 1;
}

.dt1-card-modal-form > label:nth-child(4) {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: start;
}

.dt1-card-modal-form .input,
.dt1-card-modal-form .textarea,
.dt1-card-modal-form .select {
    width: 100%;
}

.dt1-editorial-card-dialog .dt1-board-inspector-source-title,
.dt1-editorial-card-dialog .dt1-board-inspector-source,
.dt1-editorial-card-dialog .dt1-card-modal-form,
.dt1-editorial-card-dialog .dt1-board-inspector-ai {
    grid-column: 1;
}

.dt1-editorial-card-dialog .dt1-board-inspector-section,
.dt1-editorial-card-dialog .dt1-board-inspector-actions {
    grid-column: 2;
    margin: 0;
    padding: .85rem;
    border: 1px solid var(--editorial-border);
    border-radius: .9rem;
    background: var(--editorial-softer);
}

.dt1-editorial-card-dialog .dt1-board-inspector-ai {
    padding: .9rem;
    border: 1px solid var(--editorial-border);
    border-radius: .9rem;
    background: var(--editorial-soft);
}

.dt1-card-modal-ai-note {
    margin: 0;
    font-size: .72rem;
    line-height: 1.7;
    opacity: .68;
}

.dt1-card-modal-footer {
    position: sticky;
    bottom: -1.4rem;
    z-index: 2;
    margin: 1rem -1.4rem -1.4rem;
    padding: .9rem 1.4rem;
    background: color-mix(in srgb, var(--editorial-surface) 96%, transparent);
    backdrop-filter: blur(10px);
}

@media (max-width: 760px) {
    dialog.dt1-editorial-card-dialog .dt1-editorial-card-modal-box {
        width: min(100vw - 1rem, 46rem);
        max-height: 94dvh;
        padding: 1rem;
        border-radius: 1rem;
    }

    .dt1-editorial-card-dialog .dt1-board-inspector-content {
        grid-template-columns: 1fr;
    }

    .dt1-editorial-card-dialog .dt1-board-inspector-source-title,
    .dt1-editorial-card-dialog .dt1-board-inspector-source,
    .dt1-editorial-card-dialog .dt1-card-modal-form,
    .dt1-editorial-card-dialog .dt1-board-inspector-ai,
    .dt1-editorial-card-dialog .dt1-board-inspector-section,
    .dt1-editorial-card-dialog .dt1-board-inspector-actions {
        grid-column: 1;
    }

    .dt1-card-modal-form {
        grid-template-columns: 1fr;
    }

    .dt1-card-modal-form > label:first-child,
    .dt1-card-modal-form > label:nth-child(2),
    .dt1-card-modal-form > label:nth-child(3),
    .dt1-card-modal-form > label:nth-child(4) {
        grid-column: 1;
        grid-row: auto;
    }

    .dt1-card-modal-footer {
        bottom: -1rem;
        margin: .9rem -1rem -1rem;
        padding: .8rem 1rem;
    }
}

/* Phase 7B — board customization and collaboration surfaces */
.dt1-editorial-column {
    border-block-start: .28rem solid var(--column-color, #64748b);
}

.dt1-editorial-column.is-column-dragging {
    opacity: .55;
    outline: 2px dashed color-mix(in srgb, var(--column-color, #64748b) 70%, transparent);
}

.dt1-editorial-column-handle[draggable="true"] {
    cursor: grab;
    user-select: none;
}

.dt1-editorial-column-handle[draggable="true"]:active { cursor: grabbing; }

.dt1-column-color-input {
    min-height: 2.75rem;
    padding: .3rem;
    cursor: pointer;
}

.dt1-card-labels,
.dt1-card-members {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin: .45rem 0;
}

.dt1-card-labels[hidden],
.dt1-card-members[hidden] { display: none; }

.dt1-card-label {
    display: inline-flex;
    align-items: center;
    padding: .18rem .55rem;
    border: 1px solid color-mix(in srgb, var(--label-color) 45%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--label-color) 18%, var(--editorial-surface));
    color: color-mix(in srgb, var(--label-color) 78%, var(--editorial-surface-text));
    font-size: .7rem;
    font-weight: 850;
}

.dt1-card-member {
    display: inline-flex;
    align-items: center;
    padding: .18rem .45rem;
    border-radius: 999px;
    background: var(--editorial-soft);
    font-size: .7rem;
    font-weight: 700;
}

.dt1-card-archive-direct { color: var(--color-error, #dc2626); }

.dt1-card-collaboration {
    display: grid;
    grid-column: 1;
    gap: .75rem;
    padding: .85rem;
    border: 1px solid var(--editorial-border);
    border-radius: .9rem;
    background: var(--editorial-softer);
}

.dt1-card-label-picker {
    display: grid;
    gap: .55rem;
    min-width: 0;
    padding: 0;
    border: 0;
}

.dt1-card-label-picker legend {
    margin-bottom: .4rem;
    font-size: .75rem;
    font-weight: 850;
}

[data-card-label-options] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

[data-card-label-options] > label {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .5rem;
    border: 1px solid color-mix(in srgb, var(--label-color) 35%, var(--editorial-border));
    border-radius: .65rem;
    background: color-mix(in srgb, var(--label-color) 10%, var(--editorial-surface));
    font-size: .72rem;
    font-weight: 750;
    cursor: pointer;
}

.dt1-card-new-label {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 3.4rem;
    gap: .45rem;
}

.dt1-card-new-label input[type="color"] { padding: .25rem; cursor: pointer; }

.dt1-card-membership-choice {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-size: .78rem;
    font-weight: 800;
}

.dt1-card-modal-members { display: flex; flex-wrap: wrap; gap: .35rem; }

.dt1-board-activity {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: .7rem;
    max-height: calc(100dvh - 2rem);
    overflow: hidden;
    padding: .9rem;
    border: 1px solid var(--editorial-border);
    border-radius: 1rem;
    background: var(--editorial-surface);
    box-shadow: 0 8px 28px color-mix(in srgb, currentColor 6%, transparent);
}

.dt1-board-activity-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.dt1-board-activity-head h3 { margin: 0; font-size: .95rem; }

.dt1-board-activity-list {
    display: grid;
    gap: .45rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.dt1-board-activity-item {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    padding: .55rem;
    border-radius: .7rem;
    background: var(--editorial-soft);
    font-size: .75rem;
}

.dt1-board-activity-item.is-new { animation: dt1-activity-in .25s ease-out; }
.dt1-board-activity-item > div { display: grid; gap: .12rem; min-width: 0; }
.dt1-board-activity-item strong { font-weight: 850; }
.dt1-board-activity-item time { font-size: .65rem; opacity: .58; }
.dt1-board-activity-avatar { flex: 0 0 auto; }
.dt1-board-activity-empty { margin: 0; padding: .8rem; text-align: center; opacity: .62; font-size: .75rem; }

@keyframes dt1-activity-in { from { opacity: 0; transform: translateY(-.3rem); } }

@media (max-width: 1100px) {
    .dt1-editorial-board-layout { grid-template-columns: 1fr; }
    .dt1-board-activity { position: static; max-height: 22rem; }
}

@media (max-width: 760px) {
    .dt1-card-collaboration { grid-column: 1; }
    .dt1-editorial-column-handle[draggable="true"] { cursor: default; }
}

/* 2026-09-26 pre-production acceptance remediation */
.dt1-board-view-tabs {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin: .25rem 0 .75rem;
    padding: .3rem;
    border: 1px solid var(--editorial-border);
    border-radius: .9rem;
    background: var(--editorial-softer);
    width: max-content;
    max-width: 100%;
}
.dt1-board-view-tabs button {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 2.25rem;
    padding: .4rem .8rem;
    border: 0;
    border-radius: .65rem;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: .78rem;
    font-weight: 850;
    cursor: pointer;
}
.dt1-board-view-tabs button.is-active {
    background: var(--editorial-surface);
    box-shadow: 0 1px 5px color-mix(in srgb, currentColor 8%, transparent);
}
[data-board-view-panel][hidden],
.dt1-board-activity[hidden] {
    display: none !important;
}
.dt1-board-activity[data-board-view-panel="activity"] {
    position: static;
    width: min(62rem, 100%);
    max-height: none;
    margin-inline: auto;
}
.dt1-editorial-column {
    flex-basis: min(23.5rem, 88vw);
    width: min(23.5rem, 88vw);
    min-height: 26rem;
    max-height: none;
}
.dt1-editorial-card-list {
    flex: 1 1 auto;
    overflow-y: visible;
}
.dt1-editorial-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .45rem;
}
.dt1-editorial-card-primary,
.dt1-editorial-card-secondary {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.dt1-editorial-card-primary:empty,
.dt1-editorial-card-secondary:empty {
    display: none;
}
.dt1-editorial-card-actions .btn,
.dt1-editorial-card-actions summary {
    white-space: nowrap;
}
.dt1-editorial-card-more {
    margin-inline-start: auto;
}
dialog.dt1-editorial-card-dialog .dt1-editorial-card-modal-box {
    width: min(78rem, calc(100vw - 2rem));
    max-width: none;
    max-height: 92dvh;
    overflow-y: auto;
}
.dt1-editorial-card-dialog .dt1-board-inspector-content {
    grid-template-columns: minmax(0, 1.55fr) minmax(20rem, .8fr);
}
.dt1-card-modal-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dt1-card-modal-form > label:first-child,
.dt1-card-modal-form > label:nth-child(3) {
    grid-column: 1 / -1;
}
.dt1-card-modal-form > label:nth-child(2),
.dt1-card-modal-form > label:nth-child(4) {
    grid-column: auto;
    grid-row: auto;
}
.dt1-card-label-option-row {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding-inline-end: .2rem;
    border: 1px solid var(--editorial-border);
    border-radius: .7rem;
    background: var(--editorial-surface);
}
.dt1-card-label-option-row > label {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .5rem;
    border-radius: .65rem;
    background: color-mix(in srgb, var(--label-color) 10%, var(--editorial-surface));
    font-size: .72rem;
    font-weight: 750;
    cursor: pointer;
}
.dt1-card-label-help {
    display: block;
    line-height: 1.7;
    opacity: .65;
}
@media (max-width: 760px) {
    .dt1-board-view-tabs {
        width: auto;
        align-self: flex-start;
        margin: -.2rem 0 -1.8rem;
        padding: .15rem;
        position: relative;
        z-index: 31;
    }
    .dt1-board-view-tabs button {
        min-height: 1.7rem;
        padding: .2rem .5rem;
        flex: 0 0 auto;
        justify-content: center;
        font-size: .7rem;
    }
    .dt1-editorial-mobile-columns {
        padding-inline-start: 9rem;
    }
    .dt1-editorial-column {
        min-height: 0;
        width: 100%;
        flex-basis: 100%;
    }
    dialog.dt1-editorial-card-dialog .dt1-editorial-card-modal-box {
        width: calc(100vw - .75rem);
        max-width: none;
    }
    .dt1-card-modal-form {
        grid-template-columns: 1fr;
    }
    .dt1-card-modal-form > label:first-child,
    .dt1-card-modal-form > label:nth-child(2),
    .dt1-card-modal-form > label:nth-child(3),
    .dt1-card-modal-form > label:nth-child(4) {
        grid-column: 1;
    }
}


/* Product Phase 7F-5: sequential Bulk AI title progress. */
.dt1-bulk-title-progress {
    display: grid;
    gap: .35rem;
    margin-top: .55rem;
    padding: .55rem .65rem;
    border: 1px solid var(--editorial-border);
    border-radius: .65rem;
    background: var(--editorial-soft);
    font-size: .7rem;
}
.dt1-bulk-title-progress[hidden] {
    display: none;
}
.dt1-bulk-title-progress > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.dt1-bulk-title-progress strong {
    max-width: 62%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dt1-bulk-title-progress.is-active {
    border-color: color-mix(in srgb, var(--dt1-primary, #2563eb) 55%, var(--editorial-border));
}
.dt1-bulk-title-progress.is-success {
    border-color: color-mix(in srgb, #16a34a 58%, var(--editorial-border));
}
.dt1-bulk-title-progress.is-error {
    border-color: color-mix(in srgb, #dc2626 58%, var(--editorial-border));
}

/* Product Phase 7F-6: operational Board density, transfers and Card workspace. */
.dt1-board-card-count {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-width: 6.2rem;
    padding: .35rem .55rem .35rem .75rem;
    border: 1px solid var(--editorial-border);
    border-radius: 999px;
    background: var(--editorial-surface);
    color: var(--editorial-muted);
    font-size: .72rem;
    font-weight: 750;
    white-space: nowrap;
}
.dt1-board-card-count strong {
    display: inline-grid;
    place-items: center;
    min-width: 1.8rem;
    min-height: 1.8rem;
    padding: 0 .35rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--dt1-primary, #2563eb) 14%, var(--editorial-surface));
    color: var(--dt1-primary, #2563eb);
    font-size: .82rem;
}
.dt1-editorial-column-head-actions {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    flex: 0 0 auto;
}
.dt1-editorial-add-card-top {
    width: 2rem;
    min-height: 2rem;
    padding: 0;
    border: 1px solid var(--editorial-border);
    border-radius: .6rem;
    background: var(--editorial-surface);
}
.dt1-editorial-transfer-field {
    display: grid;
    gap: .4rem;
    padding: .55rem;
    border-top: 1px solid var(--editorial-border);
}
.dt1-editorial-transfer-field label {
    color: var(--editorial-muted);
    font-size: .68rem;
    font-weight: 800;
}
.dt1-editorial-transfer-field select {
    width: 100%;
    min-width: 12rem;
}
.dt1-editorial-column {
    height: min(54rem, calc(100dvh - 5rem));
    min-height: 32rem;
    max-height: calc(100dvh + 1rem);
}
.dt1-editorial-card-list {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}
dialog.dt1-editorial-card-dialog .dt1-editorial-card-modal-box {
    width: min(82rem, calc(100vw - 2rem));
    padding: 1.35rem;
}
.dt1-editorial-card-modal-heading {
    padding-inline-end: 3rem;
}
.dt1-editorial-card-dialog .dt1-board-inspector-content {
    align-items: start;
    grid-template-columns: minmax(0, 1.5fr) minmax(19rem, .75fr);
    gap: 1rem;
}
.dt1-editorial-card-dialog .dt1-board-inspector-source-title,
.dt1-editorial-card-dialog .dt1-board-inspector-source,
.dt1-editorial-card-dialog .dt1-card-modal-form,
.dt1-editorial-card-dialog .dt1-board-inspector-ai {
    grid-column: 1;
}
.dt1-editorial-card-dialog .dt1-card-collaboration,
.dt1-editorial-card-dialog .dt1-card-transfer,
.dt1-editorial-card-dialog .dt1-card-comments,
.dt1-editorial-card-dialog .dt1-board-inspector-section,
.dt1-editorial-card-dialog .dt1-board-inspector-actions {
    grid-column: 2;
}
.dt1-card-modal-section,
.dt1-editorial-card-dialog .dt1-board-inspector-section,
.dt1-editorial-card-dialog .dt1-board-inspector-actions,
.dt1-editorial-card-dialog .dt1-board-inspector-ai,
.dt1-editorial-card-dialog .dt1-card-collaboration {
    margin: 0;
    padding: .9rem;
    border: 1px solid var(--editorial-border);
    border-radius: .9rem;
    background: var(--editorial-soft);
}
.dt1-card-modal-section-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    grid-column: 1 / -1;
    padding-bottom: .65rem;
    border-bottom: 1px solid var(--editorial-border);
}
.dt1-card-modal-section-heading span,
.dt1-card-transfer p,
.dt1-card-transfer small {
    color: var(--editorial-muted);
    font-size: .72rem;
    line-height: 1.8;
}
.dt1-card-transfer {
    display: grid;
    gap: .7rem;
}
.dt1-card-comments {
    display: grid;
    gap: .75rem;
}
.dt1-card-comments-list {
    display: grid;
    gap: .55rem;
    max-height: 15rem;
    overflow-y: auto;
}
.dt1-card-comment {
    padding: .65rem .7rem;
    border: 1px solid var(--editorial-border);
    border-radius: .75rem;
    background: var(--editorial-surface);
}
.dt1-card-comment > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .35rem;
    font-size: .7rem;
}
.dt1-card-comment time,
.dt1-card-comments-empty {
    color: var(--editorial-muted);
}
.dt1-card-comment p {
    margin: 0;
    line-height: 1.8;
    overflow-wrap: anywhere;
}
.dt1-card-comment-form {
    display: grid;
    gap: .45rem;
}
.dt1-card-comment-form .btn {
    justify-self: start;
}
.dt1-card-transfer label {
    display: grid;
    gap: .35rem;
    font-size: .75rem;
    font-weight: 800;
}
.dt1-card-transfer .btn {
    justify-self: start;
}
.dt1-card-modal-footer {
    position: sticky;
    bottom: -1.35rem;
    z-index: 4;
    margin: 1rem -1.35rem -1.35rem;
    padding: .8rem 1.35rem;
    border-top: 1px solid var(--editorial-border);
    background: color-mix(in srgb, var(--editorial-surface) 94%, transparent);
    backdrop-filter: blur(12px);
}

/* Product 7G-6 Card modal contract */
.dt1-editorial-card-modal-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}
.dt1-card-modal-column-context {
    font-size: .78rem;
    font-weight: 800;
    opacity: .68;
}
.dt1-card-modal-header-actions {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}
.dt1-editorial-card-dialog .dt1-board-inspector-content {
    grid-template-columns: minmax(0, 1fr);
}
.dt1-editorial-card-dialog .dt1-card-modal-form,
.dt1-editorial-card-dialog .dt1-card-collaboration,
.dt1-editorial-card-dialog .dt1-card-transfer,
.dt1-editorial-card-dialog .dt1-card-modal-conversation-grid,
.dt1-editorial-card-dialog .dt1-board-inspector-ai {
    grid-column: 1;
}
.dt1-card-modal-form {
    grid-template-columns: minmax(0, 1fr);
}
.dt1-card-modal-form > label,
.dt1-card-modal-form > label:first-child,
.dt1-card-modal-form > label:nth-child(2),
.dt1-card-modal-form > label:nth-child(3),
.dt1-card-modal-form > label:nth-child(4) {
    grid-column: 1;
}
.dt1-card-modal-title-field .textarea {
    min-height: 5.75rem;
    padding: .9rem 1rem;
    font-size: 1.18rem;
    font-weight: 850;
    line-height: 1.8;
    resize: vertical;
}
.dt1-card-source-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .4rem;
}
.dt1-card-source-field .input {
    width: 100%;
}
.dt1-card-modal-conversation-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 1rem;
}
.dt1-card-modal-conversation-grid > section {
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: .9rem;
    border: 1px solid var(--editorial-border);
    border-radius: .9rem;
    background: var(--editorial-soft);
}
.dt1-card-memory-state {
    font-size: .72rem;
    opacity: .65;
}
.dt1-ai-title-empty-cta {
    width: 100%;
    min-height: 6rem;
    padding: 1rem;
    border: 1px dashed color-mix(in srgb, currentColor 28%, transparent);
    border-radius: .85rem;
    background: var(--editorial-softer);
    color: inherit;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}
.dt1-ai-title-empty-cta:hover,
.dt1-ai-title-empty-cta:focus-visible {
    border-style: solid;
    background: var(--editorial-soft);
    outline: 2px solid color-mix(in srgb, currentColor 24%, transparent);
    outline-offset: 2px;
}
.dt1-ai-title-progress {
    display: flex;
    min-height: 5rem;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    border-radius: .85rem;
    background: var(--editorial-softer);
    font-weight: 800;
}
.dt1-ai-title-progress[hidden],
.dt1-ai-title-empty-cta[hidden] {
    display: none;
}
.dt1-editorial .dt1-ai-title-candidate {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .65rem;
    text-align: start;
}
.dt1-ai-title-candidate-number {
    display: grid;
    width: 1.6rem;
    height: 1.6rem;
    place-items: center;
    border-radius: 999px;
    background: var(--editorial-soft);
    font-size: .72rem;
    font-weight: 900;
}
.dt1-ai-title-candidate-text {
    min-width: 0;
    line-height: 1.75;
}

@media (max-width: 900px) {
    .dt1-editorial-card-dialog .dt1-board-inspector-content {
        grid-template-columns: 1fr;
    }
    .dt1-editorial-card-dialog .dt1-board-inspector-source-title,
    .dt1-editorial-card-dialog .dt1-board-inspector-source,
    .dt1-editorial-card-dialog .dt1-card-modal-form,
    .dt1-editorial-card-dialog .dt1-board-inspector-ai,
    .dt1-editorial-card-dialog .dt1-card-collaboration,
    .dt1-editorial-card-dialog .dt1-card-transfer,
    .dt1-editorial-card-dialog .dt1-card-comments,
    .dt1-editorial-card-dialog .dt1-board-inspector-section,
    .dt1-editorial-card-dialog .dt1-board-inspector-actions {
        grid-column: 1;
    }
}

@media (max-width: 760px) {
    .dt1-card-modal-conversation-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .dt1-editorial-card-modal-heading {
        align-items: flex-start;
        flex-direction: column;
        padding-inline-end: 2.5rem;
    }
    .dt1-card-modal-header-actions {
        width: 100%;
    }
    .dt1-card-modal-header-actions .btn {
        flex: 1 1 auto;
    }
    .dt1-editorial-column {
        height: auto;
        min-height: 0;
        max-height: none;
    }
    .dt1-editorial-card-list {
        overflow-y: visible;
    }
    .dt1-board-card-count span {
        display: none;
    }
    .dt1-board-card-count {
        min-width: auto;
        padding: .25rem;
    }
    dialog.dt1-editorial-card-dialog .dt1-editorial-card-modal-box {
        width: calc(100vw - .75rem);
        padding: 1rem;
    }
    .dt1-card-modal-footer {
        bottom: -1rem;
        margin: .8rem -1rem -1rem;
        padding: .7rem 1rem;
    }
}


/* Editorial UI remediation — keep Conversation and Memory as true desktop peers. */
.dt1-editorial-card-dialog .dt1-card-modal-conversation-grid > .dt1-card-comments,
.dt1-editorial-card-dialog .dt1-card-modal-conversation-grid > .dt1-board-inspector-section {
    grid-column: auto;
}

/* Completed Article link is distinct from the red reproduction action. */
.dt1-card-produced-badge { display:inline-flex; align-self:flex-start; padding:.2rem .6rem; border-radius:999px; font-size:.75rem; font-weight:700; color:#166534; background:#dcfce7; border:1px solid #86efac; text-decoration:none; }
.dt1-card-produced-badge[hidden] { display:none; }
[data-theme="dark"] .dt1-card-produced-badge { color:#bbf7d0; background:#14532d; border-color:#22c55e; }

/* P58: shared toolbar row and bounded responsive bulk controls. */
.dt1-editorial-toolbar .dt1-board-view-tabs { margin:0; flex-shrink:0; }
.dt1-board-bulk-destination { display:inline-flex; align-items:center; flex-wrap:wrap; gap:.4rem; }
.dt1-board-bulk-destination select { max-width:12rem; }
.dt1-board-bulk-result { border:1px solid var(--editorial-border); border-radius:.8rem; padding:.65rem .9rem; background:var(--editorial-softer); font-size:.85rem; }
.dt1-board-bulk-result[hidden] { display:none; }
.dt1-board-bulk-result ul { padding-inline-start:1.25rem; }
@media (max-width:640px) { .dt1-editorial-toolbar .dt1-board-view-tabs { width:auto; } .dt1-board-bulk-destination { width:100%; } }

/* P58 visual QC: keep every light mutation readable in both themes. */
.dt1-board-bulk-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.7rem; padding:.8rem 1rem; border:1px solid var(--editorial-border); border-radius:.9rem; background:var(--editorial-surface); color:var(--editorial-surface-text); }
.dt1-board-bulk-bar[hidden] { display:none; }
.dt1-board-bulk-bar > div { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; max-width:100%; }
.dt1-board-bulk-bar > div:first-child { align-items:flex-start; flex-direction:column; font-size:.8rem; }
.dt1-board-bulk-bar .btn-ghost,.dt1-editorial-toolbar .btn-ghost { color:var(--editorial-surface-text); }
.dt1-board-bulk-bar .btn-ghost { background:var(--editorial-surface); border:1px solid var(--editorial-border); }

/* P59: the headline itself is the completed Article link. */
.dt1-card-produced-title { color: #15803d; font-weight: 800; text-decoration: none; }
.dt1-card-produced-title:hover { text-decoration: underline; }
.dt1-produced-tick { display: inline-block; margin-inline-start: .35rem; font-size: .7rem; white-space: nowrap; }
[data-card-title-text][hidden], .dt1-card-produced-title[hidden] { display: none; }
[data-theme="dark"] .dt1-card-produced-title { color: #86efac; }
.dt1-column-select-all { display: inline-flex; align-items: center; padding: .25rem; cursor: pointer; }
.dt1-board-live-status:not([hidden]), .dt1-board-live-conflict:not([hidden]) { display: block; border: 1px solid #d97706; padding: .5rem .7rem; border-radius: .65rem; font-size: .8rem; }
.dt1-board-live-status[hidden], .dt1-board-live-conflict[hidden] { display: none; }

/* P60 per-Card and per-Column inherited production settings. */
.dt1-production-defaults { margin: .6rem 0; border: 1px solid var(--editorial-border); border-radius: .8rem; padding: .9rem; min-width: 0; }
.dt1-production-defaults legend { padding-inline: .3rem; font-weight: 800; }
.dt1-production-defaults p { font-size: .78rem; opacity: .8; margin: .2rem 0 .75rem; }
.dt1-production-defaults-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; }
.dt1-production-defaults-fields label { display: grid; gap: .35rem; min-width: 0; }
.dt1-production-defaults-fields select { width: 100%; min-width: 0; }
@media(max-width:700px) { .dt1-production-defaults-fields { grid-template-columns: 1fr; } }

.dt1-board-connection { font-size: .74rem; font-weight: 700; padding: .3rem .6rem; border-radius: 99px; background: var(--editorial-soft); color: var(--dt1-muted,#64748b); white-space: nowrap; }
.dt1-board-connection[data-mode="live"] { color:#15803d; }
.dt1-board-connection[data-mode="revoked"] { color:#b91c1c; }
[data-theme="dark"] .dt1-board-connection[data-mode="live"] { color:#86efac; }
[data-theme="dark"] .dt1-board-connection[data-mode="revoked"] { color:#fca5a5; }
