/*
 * SOP Run — interactive execution view. Scoped to `.stratum-sop-run`
 * so it can never leak into other backend modules. Registered via
 * $GLOBALS['TL_CSS'] in sop-bundle/contao/config/config.php.
 */
/* NOTE ON COLOURS
 * Everything here uses Contao's backend theme variables so the module
 * follows light/dark automatically ([data-color-scheme=dark] redefines
 * them). Two deliberate exceptions: literal #fff is used for text sitting
 * on a solid coloured fill (status pills, primary buttons), because Contao
 * flips --white to #000 in dark mode and those fills stay saturated in
 * both schemes.
 */

.stratum-sop-run {
    max-width: 960px;
    margin: 0 auto;
    /* Matches Contao's own backend content spacing. */
    padding-block: 20px;
}

.stratum-sop-run-messages {
    margin-bottom: 12px;
}

.stratum-sop-run-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 12px 16px;
    background: var(--content-bg);
    border: 1px solid var(--content-border);
    border-radius: 4px;
    margin-bottom: 16px;
}

.stratum-sop-run-title h2 {
    margin: 0 0 4px;
}

.stratum-sop-run-tags {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.stratum-sop-run-tags li {
    background: var(--table-even);
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 12px;
    color: var(--gray);
}

.stratum-sop-run-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    font-size: 13px;
    color: var(--gray);
}

.stratum-sop-run-status {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    background: var(--gray);
}

.stratum-sop-run-status--active { background: var(--blue); }
.stratum-sop-run-status--completed { background: var(--green); }
.stratum-sop-run-status--abandoned { background: var(--gray); }

.stratum-sop-run-progress {
    font-variant-numeric: tabular-nums;
}

.stratum-sop-run-form {
    background: var(--content-bg);
    border: 1px solid var(--content-border);
    border-radius: 4px;
    padding: 16px;
}

.stratum-sop-run-block {
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
}

.stratum-sop-run-block:last-child {
    border-bottom: 0;
}

/* Inline tweaks to content-element rendering inside a run */
.stratum-sop-run .sop-checklist__items {
    list-style: none;
    padding-left: 0;
}

.stratum-sop-run .sop-checklist__item {
    padding: 6px 0;
}

.stratum-sop-run .sop-checklist__item.is-checked .sop-checklist__title {
    text-decoration: line-through;
    color: var(--gray);
}

.stratum-sop-run .sop-checklist__description {
    margin-left: 24px;
    color: var(--gray);
}

.stratum-sop-run .sop-capture {
    padding: 4px 0;
}

.stratum-sop-run .sop-capture__input {
    width: 100%;
    max-width: 560px;
}

.stratum-sop-run-notes {
    margin-top: 24px;
}

.stratum-sop-run-notes textarea {
    width: 100%;
}

.stratum-sop-run-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.stratum-sop-run-complete {
    background: var(--green) !important;
    color: #fff !important;
    margin-left: auto;
}

.stratum-sop-run.is-closed .stratum-sop-run-form {
    background: var(--nested-bg, var(--table-even));
}

/* ── "Run already in progress" chooser ──────────────────────────
   Shown by SopRunController when ?start= would orphan a half-finished
   run linked to the same task / milestone / request / project. */
.stratum-run-choice {
    max-width: 620px;
    margin: 24px auto;
    padding: 22px 24px;
    border: 1px solid var(--content-border);
    border-left: 4px solid var(--orange);
    border-radius: var(--border-radius-lg, 4px);
    background: var(--content-bg);
}

.stratum-run-choice-title {
    margin: 0 0 10px;
    font-size: 1.05rem;
    font-weight: 700;
}

.stratum-run-choice-lead {
    margin: 0 0 18px;
    line-height: 1.5;
}

.stratum-run-choice-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.stratum-run-choice-primary {
    background: var(--green) !important;
    color: #fff !important;
}

.stratum-run-choice-cancel {
    color: var(--gray);
    text-decoration: none;
    font-size: 0.85rem;
}

.stratum-run-choice-cancel:hover {
    text-decoration: underline;
}

.stratum-run-choice-note {
    margin: 16px 0 0;
    font-size: 0.82rem;
    color: var(--gray);
    line-height: 1.5;
}