/* Shift Turnover: Accept, Return/Correct, Revision, Exception (Task 12).
   NEUTRAL: CSS vars lang ng styles.css (ang itsura ng Daet ay nasa daet-pos.css).
   Lahat ng class ay may prefix na st-ac- (para hindi magbanggaan sa Task 13/14),
   at ginagamit ang mga --st-* token ng turnover.css. Walang display:!important. */

/* ---- Listahan ng naghihintay ---- */
.st-ac-list { display: grid; gap: 8px; }
.st-ac-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 10px;
    align-items: center;
    width: 100%;
    min-height: 64px;
    padding: 10px 12px;
    border: 2px solid var(--st-card-line);
    border-radius: 12px;
    background: var(--st-paper);
    color: var(--st-ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.st-ac-row:hover { border-color: var(--st-primary); }
/* Walang server: basa lang, hindi mapipindot. */
.st-ac-row--ro { cursor: default; }
.st-ac-row--ro:hover { border-color: var(--st-card-line); }
.st-ac-row__t { grid-column: 1; font-weight: 900; overflow-wrap: anywhere; }
.st-ac-row__w { grid-column: 1; font-size: 13px; color: var(--st-muted); overflow-wrap: anywhere; }
.st-ac-row__c {
    grid-column: 2;
    grid-row: 1 / span 2;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

/* ---- Ulo ng detail ---- */
.st-ac-head { display: grid; gap: 6px; min-width: 0; }
.st-ac-summ { margin: 0; font-size: 14px; color: var(--st-muted); overflow-wrap: anywhere; }
.st-ac-summ b { color: var(--st-ink); }
.st-ac-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.st-ac-sub { margin: 0; font-size: 13px; color: var(--st-muted); overflow-wrap: anywhere; }
.st-ac-status {
    margin: 0;
    padding: 8px 10px;
    border-radius: 8px;
    background: var(--st-gray-soft);
    color: var(--st-ink);
    font-size: 14px;
    overflow-wrap: anywhere;
}
.st-ac-status--ok { background: var(--st-ok-soft); color: var(--st-ok); }
.st-ac-status--warn { background: var(--st-warn-soft); color: var(--st-warn); }
.st-ac-status--bad { background: var(--st-bad-soft); color: var(--st-bad); }

/* ---- Kailangang malaman / dala pa ---- */
.st-ac-attn,
.st-ac-open {
    display: grid;
    gap: 6px;
    padding: 10px 12px;
    border-radius: var(--st-radius);
    min-width: 0;
}
.st-ac-attn { background: var(--st-bad-soft); }
.st-ac-open { background: var(--st-warn-soft); }
.st-ac-attn__h,
.st-ac-open__h {
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.st-ac-attn__h { color: var(--st-bad); }
.st-ac-open__h { color: var(--st-warn); }
.st-ac-attn ul,
.st-ac-open ul { margin: 0; padding-left: 18px; display: grid; gap: 6px; }
.st-ac-attn li,
.st-ac-open li { font-size: 14px; overflow-wrap: anywhere; }
.st-ac-since { color: var(--st-muted); font-size: 13px; }
.st-ac-attn li.st-ac-muted { color: var(--st-muted); }
.st-ac-ph { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.st-ac-clear {
    margin: 0;
    padding: 9px 12px;
    border-radius: var(--st-radius);
    background: var(--st-ok-soft);
    color: var(--st-ok);
    font-size: 14px;
    font-weight: 800;
}
.st-ac-big { display: block; width: 100%; height: auto; border-radius: 8px; }

/* ---- Buong checklist (naka-tiklop) ---- */
.st-ac-more {
    border: 1px solid var(--st-line);
    border-radius: 12px;
    background: var(--st-paper);
    min-width: 0;
}
.st-ac-more > summary {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}
.st-ac-more > summary::-webkit-details-marker { display: none; }
.st-ac-more > summary::before { content: '\25B8'; color: var(--st-muted); }
.st-ac-more[open] > summary::before { content: '\25BE'; }
.st-ac-ck { display: grid; padding: 0 12px 6px; }
.st-ac-ck__r {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
    padding: 8px 0;
    border-top: 1px solid var(--st-line);
    font-size: 14px;
}
.st-ac-ck__q { overflow-wrap: anywhere; }
.st-ac-ck__q small { display: block; margin-top: 2px; color: var(--st-bad); font-size: 13px; }

/* ---- Audit ---- */
.st-ac-tl { display: grid; gap: 8px; padding-left: 12px; border-left: 3px solid var(--st-line); min-width: 0; }
.st-ac-tl div { font-size: 13.5px; overflow-wrap: anywhere; }
.st-ac-tl time { margin-right: 6px; font-weight: 800; font-variant-numeric: tabular-nums; }

/* ---- Ibang bersyon ---- */
.st-ac-vers { display: grid; gap: 6px; }
.st-ac-link {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid var(--st-line);
    border-radius: var(--st-radius);
    background: var(--st-paper);
    color: var(--st-primary);
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
    overflow-wrap: anywhere;
}
.st-ac-link small { display: block; color: var(--st-muted); font-size: 13px; font-weight: 600; }

/* ---- Pagtanggap ---- */
.st-ac-form {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--st-line);
    border-radius: 12px;
    background: var(--st-paper);
    min-width: 0;
}
.st-ac-rcv { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.st-ac-rcv__in { font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; }
.st-ac-rcv__in.is-bad { border-color: var(--st-bad); background: var(--st-bad-soft); }
.st-ac-rcv__ref { display: grid; text-align: right; font-size: 12px; color: var(--st-muted); }
.st-ac-rcv__ref b { font-size: 16px; color: var(--st-ink); font-variant-numeric: tabular-nums; }
.st-ac-diff { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: var(--st-muted); }
.st-ac-acts { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.st-ac-acts .st-big small {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    opacity: 0.8;
}
.st-ac-x { justify-self: start; }

/* ---- detailView (naka-embed) ---- */
.st-ac-dv { display: grid; gap: 12px; min-width: 0; }

@media (max-width: 420px) {
    .st-ac-acts { grid-template-columns: 1fr; }
}