/* examination.css — The Examination Pack ("The Evidence File").
   Follows the LedgerIQ editorial palette but reads as a case file: numbered
   exhibits, rubber-stamp verdicts, dotted evidence rules, tabular numerals. */

.exm-popstrip {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    padding: 14px 18px;
    background: #f7f5ef;
    border: 1px solid #e3ded2;
    border-radius: 10px;
    margin-bottom: 18px;
}
.exm-pop span {
    display: block;
    font: 600 0.62rem/1.4 ui-monospace, monospace;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #8a8577;
}
.exm-pop strong {
    font: 600 1.05rem/1.3 ui-monospace, monospace;
    font-variant-numeric: tabular-nums;
    color: #1a1a1a;
    letter-spacing: -0.01em;
}
.exm-pop em { font-style: normal; }
.exm-vc-c { color: #1e6b43; } .exm-vc-a { color: #9a6b00; } .exm-vc-e { color: #a03026; }

.exm-note {
    background: #fdf6e3;
    border: 1px solid #ecd9a0;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 0.82rem;
    color: #6f5a13;
    margin-bottom: 18px;
}

/* ---- exhibits ---- */
.exm-exhibits { display: flex; flex-direction: column; gap: 10px; margin-bottom: 26px; }

.exm-exhibit {
    background: #fffdf8;
    border: 1px solid #e3ded2;
    border-radius: 10px;
    overflow: hidden;
}
.exm-exhibit[open] { box-shadow: 0 2px 10px rgba(26, 26, 26, 0.05); }
.exm-exhibit summary {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    cursor: pointer;
    list-style: none;
    user-select: none;
}
.exm-exhibit summary::-webkit-details-marker { display: none; }
.exm-exhibit summary:hover { background: #faf8f1; }
.exm-exno {
    font: 600 0.64rem/1 ui-monospace, monospace;
    letter-spacing: 0.1em;
    color: #8a8577;
    flex: none;
    width: 74px;
}
.exm-exname { font-weight: 600; font-size: 0.95rem; color: #1a1a1a; flex: 1; }

.exm-stamp {
    font: 700 0.62rem/1 ui-monospace, monospace;
    letter-spacing: 0.14em;
    padding: 5px 10px 4px;
    border: 1.5px solid;
    border-radius: 4px;
    transform: rotate(-2deg);
    flex: none;
}
.exm-stamp-clear      { color: #1e6b43; border-color: rgba(30, 107, 67, 0.55); background: rgba(30, 107, 67, 0.06); }
.exm-stamp-attention  { color: #9a6b00; border-color: rgba(154, 107, 0, 0.5);  background: rgba(154, 107, 0, 0.06); }
.exm-stamp-exceptions { color: #a03026; border-color: rgba(160, 48, 38, 0.55); background: rgba(160, 48, 38, 0.06); }
.exm-stamp-na         { color: #8a8577; border-color: #d5cfc0; background: #f4f2ec; transform: none; }

.exm-v-exceptions > summary { box-shadow: inset 3px 0 0 #a03026; }
.exm-v-attention  > summary { box-shadow: inset 3px 0 0 #c99414; }

.exm-exbody { padding: 4px 16px 16px 104px; }
.exm-headline { margin: 0 0 10px; font-size: 0.88rem; color: #333; }
.exm-procedure { margin: 12px 0 0; font-size: 0.76rem; color: #77725f; font-style: italic; max-width: 720px; }
.exm-subhead {
    font: 600 0.68rem/1.4 ui-monospace, monospace;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #8a8577;
    margin: 14px 0 6px;
}
.exm-fineprint { font-size: 0.74rem; color: #8a8577; margin: 6px 0; }

/* ---- tables ---- */
.exm-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
    margin: 6px 0 4px;
}
.exm-table th {
    text-align: left;
    font: 600 0.62rem/1.4 ui-monospace, monospace;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #8a8577;
    padding: 5px 10px;
    border-bottom: 1px solid #d5cfc0;
    white-space: nowrap;
}
.exm-table td {
    padding: 6px 10px;
    border-bottom: 1px dotted #e3ded2;
    color: #333;
    vertical-align: top;
}
.exm-table tr:last-child td { border-bottom: none; }
.exm-table .num, .exm-table td.num {
    text-align: right;
    font-family: ui-monospace, monospace;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.exm-flag { font: 600 0.72rem/1.5 ui-monospace, monospace; color: #a03026; white-space: nowrap; }
.exm-date { font-family: ui-monospace, monospace; font-size: 0.74rem; white-space: nowrap; color: #555; }

.exm-pill {
    font: 600 0.64rem/1.6 ui-monospace, monospace;
    padding: 1px 8px;
    border-radius: 999px;
}
.exm-pill-ok   { background: rgba(30, 107, 67, 0.1);  color: #1e6b43; }
.exm-pill-warn { background: rgba(154, 107, 0, 0.12); color: #9a6b00; }
.exm-pill-bad  { background: rgba(160, 48, 38, 0.1);  color: #a03026; }

/* ---- benford mini-chart ---- */
.exm-benford {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    padding: 12px 4px 4px;
    margin-bottom: 6px;
}
.exm-bfcol { position: relative; width: 34px; text-align: center; }
.exm-bfcol span { display: block; font: 600 0.62rem/1.8 ui-monospace, monospace; color: #8a8577; }
.exm-bfact { background: #2f6657; border-radius: 3px 3px 0 0; }
.exm-bfexp {
    position: absolute;
    left: 3px; right: 3px; bottom: 1.1rem;
    border-top: 2px dashed #b7ada0;
}
.exm-bflegend { font-size: 0.7rem; color: #8a8577; align-self: flex-start; margin-left: 12px; }
.exm-bfleg-a, .exm-bfleg-e { display: inline-block; width: 12px; height: 8px; border-radius: 2px; margin: 0 3px 0 8px; }
.exm-bfleg-a { background: #2f6657; }
.exm-bfleg-e { border-top: 2px dashed #b7ada0; height: 4px; }

/* ---- concentration ---- */
.exm-conc { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 18px; }
.exm-conc-side { min-width: 0; }
.exm-share { position: relative; min-width: 90px; }
.exm-sharebar {
    position: absolute;
    left: 0; top: 50%;
    transform: translateY(-50%);
    height: 8px;
    background: rgba(47, 102, 87, 0.35);
    border-radius: 4px;
}
.exm-share span { position: relative; font: 600 0.72rem/1.6 ui-monospace, monospace; padding-left: 4px; }

/* ---- sampling + export ---- */
.exm-sampling {
    background: #fffdf8;
    border: 1px solid #e3ded2;
    border-radius: 10px;
    padding: 16px 18px;
    margin-bottom: 18px;
}
.exm-musrow { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 10px 0 12px; }
.exm-musrow label { font-size: 0.8rem; color: #555; display: flex; align-items: center; gap: 6px; }
.exm-musrow input {
    width: 90px;
    padding: 5px 8px;
    border: 1px solid #d5cfc0;
    border-radius: 6px;
    font-family: ui-monospace, monospace;
    font-size: 0.82rem;
}
.exm-btn {
    padding: 7px 14px;
    border: 1px solid #2f6657;
    background: #fff;
    color: #2f6657;
    border-radius: 7px;
    font-weight: 600;
    font-size: 0.8rem;
    cursor: pointer;
}
.exm-btn:hover { background: rgba(47, 102, 87, 0.06); }
.exm-btn-quiet { border-color: #d5cfc0; color: #555; }
.exm-btn-primary { background: #2f6657; color: #fff; }
.exm-btn-primary:hover { background: #285749; }

.exm-export {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 4px 2px 24px;
}

#exm-mus-out { overflow-x: auto; }

@media (max-width: 720px) {
    .exm-exbody { padding-left: 16px; }
    .exm-exno { width: auto; }
    .exm-popstrip { gap: 10px 18px; }
    .exm-benford { overflow-x: auto; }
}