/* ═══════════════════════════════════════════════════════════════════
   رئیس حسابداری مجازی — /audit
   روی توکن‌ها و کلاس‌های automation.css (.atm-*) و نوارِ بالای
   treasury.css (.trs-bar) ساخته شده؛ اینجا فقط اجزای خاصِ همین صفحه
   با پیشوندِ .aud-* هستند.
   ═══════════════════════════════════════════════════════════════════ */

.aud {
    --aud-crit: #f43f5e;
    --aud-warn: #f59e0b;
    --aud-info: #6366f1;
    --aud-ok: #10b981;
}

.aud .trs-bar__stats .crit i { color: #fb7185; }
.aud .trs-bar__stats .warn i { color: #fbbf24; }
.aud .trs-bar__stats .info i { color: #a5b4fc; }
html:not(.dark-theme) .aud .trs-bar__stats .crit i { color: #e11d48; }
html:not(.dark-theme) .aud .trs-bar__stats .warn i { color: #d97706; }
html:not(.dark-theme) .aud .trs-bar__stats .info i { color: #4f46e5; }
.aud .trs-bar__actions .pay2-numeric-input,
.aud .trs-bar__actions input { width: 120px; height: 38px; }

.aud-big { font-size: 3.4rem; color: var(--atm-primary); opacity: .5; display: block; margin-bottom: 8px; }

.aud-note {
    display: flex; gap: 10px; align-items: center;
    padding: 10px 14px; margin-bottom: 12px; border-radius: 14px; font-size: .85rem;
    background: color-mix(in srgb, var(--aud-warn) 12%, var(--atm-surface));
    border: 1px solid color-mix(in srgb, var(--aud-warn) 35%, transparent);
}
.aud-note i { font-size: 1.2rem; color: var(--aud-warn); }

/* ─────────────── حکمِ کلی ─────────────── */
.aud-verdict {
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
    padding: 14px 16px; margin-bottom: 18px; border-radius: var(--atm-radius);
    background: var(--atm-surface); border: 1px solid var(--atm-line); box-shadow: var(--atm-shadow);
    border-inline-start: 5px solid var(--aud-ok);
}
.aud-verdict > i { font-size: 1.8rem; color: var(--aud-ok); }
.aud-verdict.warn { border-inline-start-color: var(--aud-warn); }
.aud-verdict.warn > i { color: var(--aud-warn); }
.aud-verdict.bad { border-inline-start-color: var(--aud-crit); }
.aud-verdict.bad > i { color: var(--aud-crit); }
.aud-verdict b { display: block; font-size: 1rem; font-weight: 800; }
.aud-verdict small { display: block; color: var(--atm-muted); font-size: .78rem; margin-top: 2px; }
.aud-verdict > div { flex: 1; min-width: 220px; }
.aud-check { display: inline-flex; align-items: center; gap: 6px; font-size: .8rem; color: var(--atm-muted); cursor: pointer; }

/* ─────────────── دسته و کارت ─────────────── */
.aud-cat {
    display: flex; align-items: center; gap: 8px;
    margin: 18px 4px 8px; font-size: .9rem; font-weight: 800; color: var(--atm-muted);
}
.aud-rules { display: flex; flex-direction: column; gap: 8px; }

.aud-rule {
    --sev: var(--aud-ok);
    background: var(--atm-surface); border: 1px solid var(--atm-line);
    border-radius: 16px; box-shadow: var(--atm-shadow); overflow: hidden;
    border-inline-start: 4px solid var(--sev);
}
.aud-rule.crit { --sev: var(--aud-crit); }
.aud-rule.warn { --sev: var(--aud-warn); }
.aud-rule.info { --sev: var(--aud-info); }

.aud-rule__head {
    display: flex; align-items: center; gap: 12px; width: 100%;
    padding: 12px 14px; border: 0; background: transparent; cursor: pointer;
    font: inherit; color: inherit; text-align: start;
}
.aud-rule__head:hover { background: var(--atm-soft); }
.aud-dot { font-size: 1.25rem; color: var(--sev); flex: none; }
.aud-rule__title { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.aud-rule__title small { font-size: .7rem; color: var(--atm-muted); font-variant-numeric: tabular-nums; }
.aud-rule__title b { font-size: .95rem; font-weight: 800; }
.aud-rule__title em { font-style: normal; font-size: .78rem; color: var(--atm-muted); }
.aud-rule__title em.err { color: var(--aud-crit); }
.aud-rule__counts { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.aud-chev { color: var(--atm-muted); transition: transform .2s; }
.aud-rule.is-open .aud-chev { transform: rotate(180deg); }

.aud-pill {
    display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px;
    font-size: .75rem; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap;
    color: #fff; background: var(--aud-ok);
}
.aud-pill.crit { background: var(--aud-crit); }
.aud-pill.warn { background: var(--aud-warn); }
.aud-pill.info { background: var(--aud-info); }
.aud-pill.ok { background: color-mix(in srgb, var(--aud-ok) 15%, transparent); color: var(--aud-ok); }
.aud-pill.acc { background: var(--atm-soft); color: var(--atm-muted); font-weight: 600; }

.aud-rule__body { padding: 0 14px 14px; border-top: 1px solid var(--atm-line); }
.aud-what, .aud-fix { margin: 10px 0 0; font-size: .82rem; line-height: 1.8; color: var(--atm-muted); }
.aud-what b, .aud-fix b { color: var(--atm-text); }
.aud-filter { margin-top: 12px; max-width: 420px; }

/* ─────────────── موردها ─────────────── */
.aud-list { display: flex; flex-direction: column; margin-top: 12px; border: 1px solid var(--atm-line); border-radius: 12px; overflow: hidden; }
.aud-item {
    --sev: var(--aud-info);
    display: grid; grid-template-columns: 6px 1fr auto; gap: 10px; align-items: center;
    padding: 9px 12px 9px 10px; border-bottom: 1px solid var(--atm-line); font-size: .84rem;
}
.aud-item:last-child { border-bottom: 0; }
.aud-item:nth-child(even) { background: color-mix(in srgb, var(--atm-text) 2%, transparent); }
.aud-item.crit { --sev: var(--aud-crit); }
.aud-item.warn { --sev: var(--aud-warn); }
.aud-item__sev { align-self: stretch; border-radius: 4px; background: var(--sev); }
.aud-item__text { min-width: 0; line-height: 1.7; }
.aud-item__text small { display: flex; gap: 12px; flex-wrap: wrap; color: var(--atm-muted); font-size: .74rem; }
.aud-item__text small i { margin-inline-end: 4px; }
.aud-item__text .amt bdi { direction: ltr; font-variant-numeric: tabular-nums; font-weight: 700; color: var(--atm-text); }
.aud-item__links { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.aud-item__links a, .aud-accept {
    display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 10px; border-radius: 999px;
    font: inherit; font-size: .74rem; white-space: nowrap; cursor: pointer; text-decoration: none;
    color: var(--atm-text); background: var(--atm-soft); border: 1px solid var(--atm-line);
}
.aud-item__links a:hover { border-color: var(--atm-primary); color: var(--atm-primary); }
.aud-accept:hover { border-color: var(--aud-ok); color: var(--aud-ok); }
.aud-reason { grid-column: 2 / -1; display: flex; gap: 8px; flex-wrap: wrap; }
.aud-reason .atm-input { flex: 1; min-width: 240px; height: 38px; }
.aud-more {
    display: block; width: 100%; margin-top: 8px; padding: 8px; border-radius: 10px; cursor: pointer;
    font: inherit; font-size: .8rem; color: var(--atm-primary); background: transparent; border: 1px dashed var(--atm-line);
}

/* ─────────────── تنظیمات ─────────────── */
.aud-card {
    padding: 14px 16px; margin-bottom: 14px;
    background: var(--atm-surface); border: 1px solid var(--atm-line);
    border-radius: var(--atm-radius); box-shadow: var(--atm-shadow);
}
.aud-card h3 { display: flex; gap: 8px; align-items: center; margin: 0 0 6px; font-size: 1rem; font-weight: 800; }
.aud-hint { margin: 0 0 10px; font-size: .8rem; line-height: 1.8; color: var(--atm-muted); }
.aud-table { width: 100%; border-collapse: collapse; font-size: .84rem; margin-bottom: 10px; }
.aud-table th { padding: 8px 10px; text-align: start; font-size: .74rem; color: var(--atm-muted); border-bottom: 1px solid var(--atm-line); }
.aud-table td { padding: 8px 10px; border-bottom: 1px solid var(--atm-line); }
.aud-table td small { color: var(--atm-muted); margin-inline-start: 6px; }
.aud-x { border: 0; background: transparent; cursor: pointer; color: var(--atm-muted); font-size: 1rem; }
.aud-x:hover { color: var(--aud-crit); }
.aud-add { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.aud-add .atm-input { height: 38px; width: 180px; }
.aud-add .aud-days { width: 90px; }

@media (max-width: 700px) {
    .aud-item { grid-template-columns: 6px 1fr; }
    .aud-item__links { grid-column: 2; justify-content: flex-start; }
    .aud .trs-bar__actions { width: 100%; }
}

/* ═══════════════ میز کار رئیس حسابداری (/audit/agent) — .agt-* ═══════════════ */
.agt-ask {
    display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
    padding: 12px 14px; margin-bottom: 12px; border-radius: 16px;
    background: var(--atm-surface); border: 1px solid var(--atm-line); box-shadow: var(--atm-shadow);
}
.agt-ask label { font-size: .82rem; font-weight: 700; color: var(--atm-muted); }
.agt-ask .atm-input { width: 150px; height: 38px; }
.agt-ask .atm-btn { height: 38px; }
.agt-result .err { color: var(--aud-crit); }
.agt-steps { margin: 6px 0 0; padding-inline-start: 18px; font-size: .8rem; color: var(--atm-muted); }
.agt-brief p { white-space: pre-line; line-height: 2; margin: 0; font-size: .88rem; }
.agt-tabs { display: flex; gap: 6px; margin: 16px 4px 10px; }
.agt-tabs .tb-chip.is-on { border-color: var(--atm-primary); color: var(--atm-primary); background: color-mix(in srgb, var(--atm-primary) 8%, var(--atm-surface)); }
.agt-case { padding: 12px 14px; }
.agt-case__head { display: flex; align-items: flex-start; gap: 12px; }
.agt-case__head .aud-rule__title em span { white-space: nowrap; }
.agt-case__head .aud-rule__title em bdi { direction: ltr; font-variant-numeric: tabular-nums; }
.agt-reasons { margin: 10px 0 0; padding-inline-start: 22px; font-size: .85rem; line-height: 1.9; }
.agt-actions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.agt-close { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.agt-close textarea { width: 100%; min-height: 60px; padding: 8px 12px; resize: vertical; }
.agt-close__btns { display: flex; gap: 8px; }
.agt-scope { display: flex; gap: 8px; flex-wrap: wrap; }
.agt-scope .atm-input { height: 38px; width: 220px; }
.agt-closed { opacity: .72; }
.agt-form { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; margin-bottom: 12px; }
.agt-form .tb-f { width: 170px; }
.agt-form .tb-f--acc { width: 240px; }
.agt-form .atm-input { height: 38px; }
.agt-wide { flex-basis: 100%; }

/* ═══════════════ کاربران از نگاهِ رئیس حسابداری (/audit/agent/users) — .agu-* ═══════════════ */
.agu-intro { margin: 4px 4px 0; line-height: 1.9; }
.aud-rule.agu-normal { --sev: var(--atm-muted); }
.agu-head { cursor: pointer; }
.agu-caret { margin-inline-start: auto; color: var(--atm-muted); }
.agu-facts { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; padding-inline-start: 44px; }
.agu-facts span {
    display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px;
    font-size: .76rem; background: color-mix(in srgb, var(--atm-line) 45%, transparent); color: var(--atm-text);
}
.agu-facts span i { color: var(--atm-muted); }
.agu-facts span.bad { background: color-mix(in srgb, var(--aud-warn) 16%, transparent); }
.agu-facts span.bad i { color: var(--aud-warn); }
.agu-body { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--atm-line); }
.agu-col h4 { margin: 0 0 6px; font-size: .82rem; color: var(--atm-muted); }
.agu-col h4 + * { margin-top: 0; }
.agu-col .agt-reasons { margin: 0 0 12px; }
.agu-wide { grid-column: 1 / -1; }
.agu-summary { white-space: pre-line; line-height: 2; font-size: .86rem; margin: 0 0 4px; }
.agu-groups { font-size: .82rem; line-height: 1.9; margin: 0; }
.agu-notes { list-style: none; margin: 8px 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.agu-notes li { display: flex; align-items: center; gap: 8px; font-size: .84rem; }
.agu-notes li small { color: var(--atm-muted); white-space: nowrap; }
.agu-notes li .aud-x { margin-inline-start: auto; }
@media (max-width: 600px) { .agu-facts { padding-inline-start: 0; } }
.agt-remember { margin-bottom: 4px; }
.agt-remember .agt-remember__note { flex: 1; min-width: 260px; width: auto; }
.agu-wide .agt-scope .atm-input { width: auto; min-width: 280px; }

/* ═══════════════ حساب‌ها و اشخاص (/audit/agent/accounts) ═══════════════ */
.agu-search { width: 280px !important; }
.agu-row { cursor: pointer; }
.agu-row:hover td { background: color-mix(in srgb, var(--atm-primary) 6%, transparent); }
.agu-num { direction: ltr; text-align: end; font-variant-numeric: tabular-nums; white-space: nowrap; }
.agu-facts--flat { padding-inline-start: 0; }
.aud-card h3 small { color: var(--atm-muted); font-weight: 400; margin-inline-start: 6px; }

/* علتِ یافته که ایجنت پیدا کرده (AccountingAudit.razor) */
.aud-cause { margin-top: 8px; padding: 8px 12px; border-radius: 10px; font-size: .82rem; line-height: 1.9;
             border-inline-start: 3px solid var(--aud-info); background: color-mix(in srgb, var(--aud-info) 7%, var(--atm-surface)); }
.aud-cause.err { border-inline-start-color: var(--aud-crit); background: color-mix(in srgb, var(--aud-crit) 7%, var(--atm-surface)); }
.aud-cause.pend { border-inline-start-color: var(--aud-warn); background: color-mix(in srgb, var(--aud-warn) 8%, var(--atm-surface)); }
.aud-cause.ok { border-inline-start-color: var(--aud-ok); background: color-mix(in srgb, var(--aud-ok) 7%, var(--atm-surface)); }
.aud-cause b { margin-inline-end: 6px; }
.aud-cause b i { margin-inline-end: 4px; }
.aud-cause ul { margin: 4px 0; padding-inline-start: 20px; }
.aud-cause p { margin: 4px 0 0; }
.aud-cause small { display: block; color: var(--atm-muted); }
.aud-cause small a { color: inherit; }
.aud-stale { color: var(--aud-warn); }