/* WO8 Workspace Declutter Patch */

.workflow-track,
.workflow-track--compact {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.workflow-card-form {
    margin: 0 !important;
}

.workflow-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 140px !important;
    width: 100% !important;
    text-align: left !important;
    border-radius: 18px !important;
    padding: 18px !important;
    font-family: Georgia, "Times New Roman", serif !important;
    overflow: hidden !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
    border: 1px solid rgba(216,169,77,.28) !important;
    cursor: pointer !important;
    white-space: normal !important;
}

.workflow-card--ready {
    color: #20160a !important;
    background:
        linear-gradient(135deg, #e7b85b, #ffe19b),
        radial-gradient(circle at top left, rgba(255,255,255,.38), transparent 9rem) !important;
    border-color: rgba(255,225,155,.8) !important;
    box-shadow: 0 18px 42px rgba(216,169,77,.18) !important;
}

.workflow-card--later {
    color: var(--ink) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,.05)),
        linear-gradient(135deg, var(--parchment), #d8c397) !important;
    border-color: rgba(77,48,25,.2) !important;
}

.workflow-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.28) !important;
    border-color: rgba(240,201,119,.75) !important;
}

.workflow-card__number {
    position: absolute !important;
    top: 12px !important;
    right: 14px !important;
    font-weight: 900 !important;
    font-size: 1.15rem !important;
    opacity: .55 !important;
}

.workflow-card__status {
    align-self: flex-start !important;
    display: inline-flex !important;
    margin-bottom: 12px !important;
    border-radius: 999px !important;
    padding: 4px 9px !important;
    font-size: .72rem !important;
    text-transform: uppercase !important;
    letter-spacing: .11em !important;
    font-weight: 800 !important;
    border: 1px solid rgba(0,0,0,.14) !important;
    background: rgba(255,255,255,.28) !important;
}

.workflow-card strong {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    font-size: 1.05rem !important;
    line-height: 1.15 !important;
    margin-bottom: 9px !important;
    padding-right: 24px !important;
}

.workflow-card small {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    line-height: 1.35 !important;
    font-size: .86rem !important;
}

.workflow-card--later small {
    color: rgba(41,32,20,.76) !important;
}

.workflow-card--ready small {
    color: rgba(32,22,10,.78) !important;
}

.focus-panel {
    display: grid;
    grid-template-columns: 1.4fr .8fr;
    gap: 18px;
    border: 1px solid rgba(216,169,77,.22);
    border-radius: 22px;
    padding: 22px;
    margin-bottom: 22px;
    background:
        radial-gradient(circle at top left, rgba(216,169,77,.12), transparent 18rem),
        rgba(24,27,37,.94);
    box-shadow: var(--shadow);
}

.focus-panel h3 {
    font-size: 1.9rem;
    margin-bottom: 8px;
}

.focus-panel__main p,
.focus-panel__action p {
    color: var(--muted);
    line-height: 1.45;
}

.focus-panel__action {
    border: 1px solid rgba(216,169,77,.22);
    border-radius: 18px;
    padding: 16px;
    background: rgba(255,255,255,.035);
}

.mini-locked-concept {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.mini-locked-concept div {
    border: 1px solid rgba(122,168,116,.28);
    border-radius: 14px;
    padding: 12px;
    background: rgba(122,168,116,.07);
}

.mini-locked-concept span {
    display: block;
    color: var(--accent);
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .11em;
    margin-bottom: 6px;
}

.mini-locked-concept strong {
    display: block;
    line-height: 1.3;
}

.clean-drawer {
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 0;
    margin-bottom: 22px;
    background: rgba(24,27,37,.94);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.clean-drawer--light {
    color: var(--ink);
    background:
        linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,.05)),
        linear-gradient(135deg, var(--parchment), var(--parchment-2));
    border-color: rgba(77,48,25,.22);
}

.clean-drawer > summary,
.generated-section-drawer > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
    cursor: pointer;
    list-style: none;
    border-bottom: 1px solid var(--line);
}

.clean-drawer:not([open]) > summary {
    border-bottom: 0;
}

.clean-drawer > summary::-webkit-details-marker,
.generated-section-drawer > summary::-webkit-details-marker {
    display: none;
}

.clean-drawer > summary strong,
.generated-section-drawer > summary strong {
    display: block;
    font-size: 1.25rem;
}

.clean-drawer > summary small,
.generated-section-drawer > summary small {
    color: var(--muted);
}

.clean-drawer[open] > summary {
    background: rgba(255,255,255,.035);
}

.clean-drawer > *:not(summary) {
    margin: 18px 22px 22px;
}

.clean-drawer--light > summary {
    border-bottom-color: rgba(77,48,25,.18);
}

.clean-drawer--light > summary small,
.clean-drawer--light .eyebrow {
    color: #6e3f24;
}

.clean-drawer--light > *:not(summary) {
    color: var(--ink);
}

.workspace-grid--compact {
    align-items: start;
}

.archive-stack {
    display: grid;
    gap: 0;
}

.section-stack--collapsed {
    display: grid;
    gap: 12px;
}

.generated-section-drawer {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(255,255,255,.035);
    overflow: hidden;
}

.generated-section-drawer > summary {
    padding: 14px 16px;
}

.generated-section-drawer .generated-markdown,
.generated-section-drawer .generated-section__footer {
    margin: 16px;
}

.progress-panel {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    backdrop-filter: none !important;
}

.progress-stage-list--compact {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.progress-stage-list--compact .progress-stage button,
.progress-stage-list--compact .progress-stage .stage-static {
    min-height: 68px !important;
}

.progress-stage-list--compact .stage-copy small {
    display: none !important;
}

.progress-stage-list--compact .stage-copy strong {
    margin-bottom: 0 !important;
}

.concept-picker-panel {
    margin-top: 0;
}

@media (max-width: 1100px) {
    .workflow-track,
    .workflow-track--compact {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .focus-panel {
        grid-template-columns: 1fr;
    }

    .mini-locked-concept {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .workflow-track,
    .workflow-track--compact,
    .progress-stage-list--compact {
        grid-template-columns: 1fr !important;
    }

    .clean-drawer > summary,
    .generated-section-drawer > summary {
        align-items: flex-start;
        flex-direction: column;
    }
}