{{-- Shared accounting styles. Pulled in via @once @push('styles') so the stylesheet
     is injected exactly once per page even if multiple accounting partials use it. --}}
@once
@push('styles')
<style>
    .acc-header { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-bottom:1.5rem; }
    .acc-header h1 { font-size:1.5rem; font-weight:700; margin:0; }
    .acc-header p { color:var(--text-secondary); margin:0.25rem 0 0; font-size:0.9rem; }
    .acc-btn { display:inline-flex; align-items:center; gap:0.45rem; padding:0.55rem 0.95rem; border-radius:8px; border:1px solid var(--border); font-size:0.85rem; font-weight:600; cursor:pointer; text-decoration:none; color:var(--text-primary); background:var(--bg-card); }
    .acc-btn-primary { background:var(--accent); color:#fff; border-color:var(--accent); }
    .acc-btn-danger  { background:var(--danger,#ff4757); color:#fff; border-color:var(--danger,#ff4757); }
    .acc-btn-ghost   { background:transparent; }
    .acc-kpi-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:1rem; margin-bottom:1.5rem; }
    .acc-kpi { background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:1.1rem 1.2rem; }
    .acc-kpi .lbl { font-size:0.72rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.06em; font-weight:600; }
    .acc-kpi .val { font-size:1.5rem; font-weight:800; margin-top:0.3rem; color:var(--text-primary); }
    .acc-kpi .sub { font-size:0.75rem; color:var(--text-secondary); margin-top:0.35rem; }
    .acc-kpi.positive .val { color:var(--success,#00d4aa); }
    .acc-kpi.negative .val { color:var(--danger,#ff4757); }

    .acc-card { background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:1.25rem; margin-bottom:1.25rem; }
    .acc-card h2 { font-size:1.05rem; font-weight:700; margin:0 0 0.85rem; }
    .acc-card .sub { color:var(--text-secondary); font-size:0.82rem; }

    /* Wrap every table in a horizontally scrollable shell on small screens so
       wide data tables don't force horizontal page scroll. */
    .acc-card { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .acc-table { width:100%; border-collapse:collapse; font-size:0.88rem; min-width: 640px; }
    .acc-table th, .acc-table td { padding:0.7rem 0.9rem; text-align:left; border-bottom:1px solid var(--border); }
    .acc-table th { font-weight:600; color:var(--text-secondary); background:var(--bg-secondary); text-transform:uppercase; font-size:0.72rem; letter-spacing:0.06em; }
    .acc-table tr:hover td { background:rgba(16,191,255,0.04); }
    .acc-table td.num, .acc-table th.num { text-align:right; font-variant-numeric:tabular-nums; font-family:monospace; }
    .acc-table .muted { color:var(--text-muted); }

    .acc-filters { display:flex; flex-wrap:wrap; gap:0.6rem; margin-bottom:1rem; align-items:end; }
    .acc-filters label { display:flex; flex-direction:column; gap:0.25rem; font-size:0.75rem; font-weight:600; color:var(--text-secondary); }
    .acc-input, .acc-select { padding:0.55rem 0.7rem; border:1px solid var(--border); border-radius:8px; background:var(--bg-primary,#0b1530); color:var(--text-primary); font-size:0.85rem; min-width:150px; }
    .acc-input:focus, .acc-select:focus { border-color:var(--accent); outline:none; }

    .acc-tabs { display:flex; gap:0; border-bottom:1px solid var(--border); margin-bottom:1.25rem; overflow-x:auto; }
    .acc-tab { padding:0.7rem 1.1rem; font-size:0.85rem; font-weight:600; color:var(--text-secondary); border-bottom:2px solid transparent; text-decoration:none; white-space:nowrap; }
    .acc-tab:hover { color:var(--text-primary); }
    .acc-tab.active { color:var(--accent); border-bottom-color:var(--accent); }

    .acc-badge { display:inline-flex; align-items:center; gap:0.3rem; padding:0.2rem 0.55rem; border-radius:999px; font-size:0.7rem; font-weight:600; }
    .acc-badge-success { background:rgba(0,212,170,0.12); color:var(--success,#00d4aa); }
    .acc-badge-danger  { background:rgba(255,71,87,0.12);  color:var(--danger,#ff4757); }
    .acc-badge-warning { background:rgba(255,176,32,0.12);  color:#FFB020; }
    .acc-badge-muted   { background:rgba(255,255,255,0.06); color:var(--text-muted); }
    .acc-badge-info    { background:rgba(16,191,255,0.12); color:var(--accent); }

    .acc-form-row { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:1rem; margin-bottom:1rem; }
    .acc-form-row label { display:flex; flex-direction:column; gap:0.3rem; font-size:0.8rem; font-weight:600; color:var(--text-secondary); }
    .acc-form-row label .hint { font-weight:400; color:var(--text-muted); font-size:0.75rem; margin-top:0.2rem; }

    .acc-section-sub-nav { display:flex; gap:0.5rem; margin-bottom:1.25rem; flex-wrap:wrap; }
    .acc-section-sub-nav a { padding:0.45rem 0.9rem; border-radius:999px; font-size:0.8rem; font-weight:600; color:var(--text-secondary); text-decoration:none; border:1px solid var(--border); }
    .acc-section-sub-nav a.active { background:var(--accent); color:#fff; border-color:var(--accent); }

    .acc-empty { text-align:center; padding:3rem 1rem; color:var(--text-muted); }
    .acc-empty i { font-size:2rem; margin-bottom:0.75rem; opacity:0.4; }

    .acc-progress { height:6px; background:rgba(255,255,255,0.08); border-radius:999px; overflow:hidden; }
    .acc-progress-bar { height:100%; background:var(--accent); transition:width 0.25s; }
    .acc-progress-bar.warn { background:#FFB020; }
    .acc-progress-bar.over { background:var(--danger,#ff4757); }

    /* Mobile breakpoint — stack header actions, enlarge touch targets, and
       cap modal heights so they never run off screen on phones. */
    @media (max-width: 640px) {
        .acc-header { flex-direction: column; align-items: stretch; }
        .acc-header h1 { font-size: 1.25rem; }
        .acc-filters { flex-direction: column; align-items: stretch; }
        .acc-filters label, .acc-input, .acc-select { min-width: 0; width: 100%; }
        .acc-btn { padding: 0.75rem 1rem; font-size: 0.9rem; min-height: 44px; } /* WCAG 2.5.5 */
        .acc-table th, .acc-table td { padding: 0.55rem 0.65rem; font-size: 0.82rem; }
        .acc-kpi-grid { grid-template-columns: 1fr 1fr; gap: 0.65rem; }
        .acc-kpi { padding: 0.85rem 0.95rem; }
        .acc-kpi .val { font-size: 1.2rem; }
        .acc-form-row { grid-template-columns: 1fr; }
        .acc-section-sub-nav { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 0.25rem; }
        .acc-section-sub-nav a { white-space: nowrap; }
    }

    /* Modals always need a hard height cap so content scrolls inside them. */
    [style*="position:fixed"][style*="inset:0"] > .acc-card,
    [style*="position: fixed"][style*="inset: 0"] > .acc-card {
        max-height: 85vh; overflow-y: auto;
    }
</style>
@endpush
@endonce