/*
 * mdx.css — the shared look of the redesigned master-data / settings pages
 * (blue palette only): an explainer note, a toolbar (search · segmented filter
 * · count · add), stat tiles, row-card table rows with a switch + 3-dot menu,
 * and sectioned modals with icon-prefixed fields. Opt-in: wrap a page in
 * `.mdx` and give its modals `.mdx-modal`.
 */
.mdx, .mdx-modal, .mdx-form { --c-navy:#0c3a8e; --c-blue:#1e6be6; --c-sky:#9dbcf5; --c-line:#dce8ff; --c-soft:#eef4ff; --c-ink:#0f172a; --c-mute:#64748b; --c-bg:#f6f9fe; }

/* explainer */
.mdx .mdx-note { display:flex; gap:10px; align-items:flex-start; background:#fff; border:1px solid var(--c-line); border-radius:14px; padding:11px 14px; margin-bottom:12px; font-size:.8rem; color:var(--c-navy); line-height:1.75; }
.mdx .mdx-note > i { color:var(--c-blue); margin-top:4px; }
.mdx .mdx-note b { font-weight:800; }
.mdx .mdx-note a { color:var(--c-blue); font-weight:800; }

/* stat tiles */
.mdx .mdx-stats { display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:10px; margin-bottom:12px; }
.mdx .mdx-stat { display:flex; align-items:center; gap:11px; background:#fff; border:1px solid var(--c-line); border-radius:16px; padding:12px 14px; text-align:start; color:var(--c-ink); }
.mdx button.mdx-stat { cursor:pointer; }
.mdx button.mdx-stat:hover { border-color:var(--c-sky); }
.mdx .mdx-stat.active { border-color:var(--c-blue); box-shadow:0 0 0 3px var(--c-soft); }
.mdx .mdx-stat .ic { width:40px; height:40px; border-radius:12px; background:var(--c-soft); color:var(--c-blue); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
.mdx .mdx-stat.active .ic, .mdx .mdx-stat.hl .ic { background:linear-gradient(135deg,var(--c-navy),var(--c-blue)); color:#fff; }
.mdx .mdx-stat .v { display:block; font-size:1.25rem; font-weight:800; line-height:1.1; font-variant-numeric:tabular-nums; }
.mdx .mdx-stat .l { display:block; font-size:.74rem; color:var(--c-mute); font-weight:600; margin-top:2px; }

/* toolbar */
.mdx .mdx-tools { display:flex; align-items:center; gap:8px; flex-wrap:wrap; background:#fff; border:1px solid var(--c-line); border-radius:16px; padding:10px; margin-bottom:12px; }
.mdx .mdx-search { position:relative; flex:1; min-width:200px; max-width:400px; }
.mdx .mdx-search i { position:absolute; inset-inline-start:12px; top:50%; transform:translateY(-50%); color:var(--c-sky); pointer-events:none; }
.mdx .mdx-search input { padding-inline-start:36px; border:1px solid var(--c-line); border-radius:11px; background:var(--c-bg); }
.mdx .mdx-search input:focus { background:#fff; border-color:var(--c-blue); box-shadow:0 0 0 3px var(--c-soft); }
.mdx .mdx-seg { display:inline-flex; background:var(--c-soft); border:1px solid var(--c-line); border-radius:11px; padding:3px; flex-wrap:wrap; }
.mdx .mdx-seg button { border:0; background:transparent; border-radius:8px; padding:5px 12px; font-size:.78rem; font-weight:700; color:var(--c-navy); }
.mdx .mdx-seg button.active { background:#fff; color:var(--c-blue); box-shadow:0 1px 3px rgba(12,58,142,.12); }
.mdx .mdx-count { margin-inline-start:auto; font-size:.76rem; font-weight:800; color:var(--c-navy); background:var(--c-soft); border-radius:20px; padding:3px 11px; white-space:nowrap; }
.mdx .mdx-btn-o { border:1px solid var(--c-line); background:#fff; color:var(--c-navy); font-weight:700; border-radius:11px; }
.mdx .mdx-btn-o:hover { border-color:var(--c-blue); color:var(--c-blue); background:var(--c-soft); }

/* table rows */
.mdx .mdx-item { display:flex; align-items:center; gap:11px; min-width:0; }
.mdx .mdx-item .ic { width:40px; height:40px; border-radius:12px; background:linear-gradient(135deg,var(--c-navy),var(--c-blue)); color:#fff; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; font-weight:800; }
.mdx .mdx-item .ic.lite { background:var(--c-soft); color:var(--c-blue); }
.mdx .mdx-item b { display:flex; align-items:center; gap:6px; flex-wrap:wrap; color:var(--c-ink); font-weight:800; }
.mdx .mdx-item small { display:block; color:var(--c-mute); font-size:.74rem; }
.mdx .mdx-desc { color:#334155; font-size:.8rem; max-width:380px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.mdx .mdx-muted { color:var(--c-mute); font-size:.8rem; }
.mdx .mdx-pill { font-size:.72rem; font-weight:800; background:var(--c-soft); color:var(--c-navy); border:1px solid var(--c-line); border-radius:20px; padding:2px 10px; white-space:nowrap; display:inline-flex; align-items:center; gap:5px; font-variant-numeric:tabular-nums; }
.mdx .mdx-pill.zero { background:#fff; color:var(--c-mute); font-weight:700; }
.mdx .mdx-pill.navy { background:var(--c-navy); color:#fff; border-color:var(--c-navy); }
.mdx .mdx-pill.blue { background:var(--c-blue); color:#fff; border-color:var(--c-blue); }
.mdx .mdx-pill.grey { background:#f1f5f9; color:#64748b; border-color:#e2e8f0; }
.mdx .mdx-rate { font-size:1rem; font-weight:800; color:var(--c-blue); font-variant-numeric:tabular-nums; }
.mdx .mdx-sw { display:inline-flex; align-items:center; gap:8px; font-size:.76rem; font-weight:700; color:var(--c-mute); cursor:pointer; margin:0; padding:0; }
.mdx .mdx-sw .form-check-input { width:2.4em; height:1.25em; cursor:pointer; margin:0; float:none; }
.mdx .mdx-sw .form-check-input:checked { background-color:var(--c-blue); border-color:var(--c-blue); }
.mdx .mdx-off td { opacity:.6; }
.mdx .mdx-off td:last-child { opacity:1; }
.mdx .mdx-now td:first-child { box-shadow:inset 3px 0 0 var(--c-blue); }
[dir="rtl"] .mdx .mdx-now td:first-child { box-shadow:inset -3px 0 0 var(--c-blue); }
.mdx .mdx-acts .btn { width:30px; height:30px; padding:0; border:1px solid transparent; background:transparent; color:var(--c-mute); border-radius:9px; display:inline-flex; align-items:center; justify-content:center; }
.mdx .mdx-acts .btn:hover, .mdx .mdx-acts .btn.show { background:var(--c-soft); color:var(--c-navy); border-color:var(--c-line); }
.mdx .mdx-acts .dropdown-menu { border:1px solid var(--c-line); border-radius:12px; padding:6px; min-width:180px; box-shadow:0 10px 24px rgba(12,58,142,.12); }
.mdx .mdx-acts .dropdown-item { display:flex; align-items:center; gap:10px; border-radius:8px; padding:8px 10px; font-size:.85rem; font-weight:600; }
.mdx .mdx-acts .dropdown-item i { width:16px; text-align:center; color:var(--c-sky); }
.mdx .mdx-acts .dropdown-item:hover { background:var(--c-soft); color:var(--c-navy); }
.mdx .mdx-acts .dropdown-item.text-danger, .mdx .mdx-acts .dropdown-item.text-danger i { color:#b91c1c; }
.mdx .mdx-acts .dropdown-item.disabled { opacity:.5; }
.mdx .mdx-empty { text-align:center; padding:40px 12px !important; color:var(--c-mute); }
.mdx .mdx-empty i { display:block; font-size:1.6rem; color:var(--c-sky); margin-bottom:8px; }

/* cards (non-table lists) */
.mdx .mdx-card { background:#fff; border:1px solid var(--c-line); border-radius:16px; padding:14px 16px; }
.mdx .mdx-card-h { display:flex; align-items:center; gap:10px; font-weight:800; color:var(--c-ink); margin-bottom:10px; }
.mdx .mdx-card-h .ic { width:36px; height:36px; border-radius:11px; background:var(--c-soft); color:var(--c-blue); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
.mdx .mdx-card-h small { display:block; font-weight:600; color:var(--c-mute); font-size:.74rem; }
.mdx .mdx-kv { display:grid; grid-template-columns:repeat(auto-fit, minmax(140px,1fr)); gap:8px; }
.mdx .mdx-kv > div { background:var(--c-bg); border:1px solid var(--c-line); border-radius:11px; padding:8px 11px; min-width:0; }
.mdx .mdx-kv small { display:block; color:var(--c-mute); font-size:.7rem; font-weight:700; }
.mdx .mdx-kv b { display:block; color:var(--c-ink); font-size:.86rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* modal sections */
.mdx-modal .modal-body { background:var(--c-bg); display:flex; flex-direction:column; gap:12px; }
:is(.mdx-modal, .mdx-form) .mdx-sec { background:#fff; border:1px solid var(--c-line); border-radius:16px; padding:14px 16px; }
:is(.mdx-modal, .mdx-form) .mdx-sec-h { display:flex; align-items:center; gap:9px; font-weight:800; font-size:.88rem; color:var(--c-ink); margin-bottom:12px; }
:is(.mdx-modal, .mdx-form) .mdx-sec-h .n { width:24px; height:24px; border-radius:50%; background:var(--c-blue); color:#fff; font-size:.72rem; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
:is(.mdx-modal, .mdx-form) .mdx-sec-h small { margin-inline-start:auto; font-weight:600; color:var(--c-mute); font-size:.72rem; }
:is(.mdx-modal, .mdx-form) .mdx-field { position:relative; }
:is(.mdx-modal, .mdx-form) .mdx-field > i { position:absolute; inset-inline-start:13px; top:50%; transform:translateY(-50%); color:var(--c-sky); pointer-events:none; z-index:2; }
:is(.mdx-modal, .mdx-form) .mdx-field .form-control, :is(.mdx-modal, .mdx-form) .mdx-field .form-select { padding-inline-start:38px; }
:is(.mdx-modal, .mdx-form) .mdx-field.ta > i { top:14px; transform:none; }
:is(.mdx-modal, .mdx-form) .mdx-hint { font-size:.74rem; color:var(--c-mute); margin-top:6px; }
:is(.mdx-modal, .mdx-form) .mdx-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
:is(.mdx-modal, .mdx-form) .mdx-chips button { border:1px solid var(--c-line); background:#fff; color:var(--c-navy); border-radius:20px; padding:3px 11px; font-size:.75rem; font-weight:700; }
:is(.mdx-modal, .mdx-form) .mdx-chips button:hover, :is(.mdx-modal, .mdx-form) .mdx-chips button.active { background:var(--c-blue); border-color:var(--c-blue); color:#fff; }
:is(.mdx-modal, .mdx-form) .mdx-active { display:flex; align-items:center; gap:12px; }
:is(.mdx-modal, .mdx-form) .mdx-active .ic { width:38px; height:38px; border-radius:11px; background:var(--c-soft); color:var(--c-blue); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
:is(.mdx-modal, .mdx-form) .mdx-active .tx { flex:1; min-width:0; }
:is(.mdx-modal, .mdx-form) .mdx-active .tx b { display:block; font-size:.86rem; color:var(--c-ink); }
:is(.mdx-modal, .mdx-form) .mdx-active .tx small { color:var(--c-mute); font-size:.76rem; }
:is(.mdx-modal, .mdx-form) .mdx-active .form-check-input { width:2.6em; height:1.35em; cursor:pointer; margin:0; float:none; }
:is(.mdx-modal, .mdx-form) .mdx-active .form-check-input:checked { background-color:var(--c-blue); border-color:var(--c-blue); }
:is(.mdx-modal, .mdx-form) .mdx-tiles { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); gap:8px; }
:is(.mdx-modal, .mdx-form) .mdx-tiles label { display:flex; gap:9px; align-items:flex-start; border:1.5px solid var(--c-line); border-radius:13px; padding:10px 11px; cursor:pointer; margin:0; background:#fff; }
:is(.mdx-modal, .mdx-form) .mdx-tiles input { margin-top:3px; accent-color:var(--c-blue); flex-shrink:0; }
:is(.mdx-modal, .mdx-form) .mdx-tiles label:has(input:checked) { border-color:var(--c-blue); background:var(--c-soft); }
:is(.mdx-modal, .mdx-form) .mdx-tiles b { display:flex; align-items:center; gap:6px; font-size:.83rem; color:var(--c-ink); }
:is(.mdx-modal, .mdx-form) .mdx-tiles b i { color:var(--c-blue); }
:is(.mdx-modal, .mdx-form) .mdx-tiles small { display:block; font-size:.72rem; color:var(--c-mute); margin-top:2px; line-height:1.5; }
.mdx-modal .mdx-kv { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); gap:8px; }
.mdx-modal .mdx-kv > div { background:var(--c-bg); border:1px solid var(--c-line); border-radius:11px; padding:9px 12px; }
.mdx-modal .mdx-kv small { display:block; color:var(--c-mute); font-size:.7rem; font-weight:700; }
.mdx-modal .mdx-kv b { display:block; color:var(--c-ink); font-size:.95rem; font-variant-numeric:tabular-nums; }

/* dark theme */
.theme-dark .mdx .mdx-note, .theme-dark .mdx .mdx-stat, .theme-dark .mdx .mdx-tools, .theme-dark .mdx .mdx-card,
.theme-dark :is(.mdx-modal, .mdx-form) .mdx-sec, .theme-dark :is(.mdx-modal, .mdx-form) .mdx-tiles label, .theme-dark :is(.mdx-modal, .mdx-form) .mdx-chips button,
.theme-dark .mdx .mdx-btn-o { background:var(--nv-surface,#111827); border-color:var(--nv-border,#1f2937); color:var(--nv-text,#e5e7eb); }
.theme-dark .mdx-modal .modal-body { background:var(--nv-bg,#0b1220); }
.theme-dark .mdx .mdx-item b, .theme-dark .mdx .mdx-card-h, .theme-dark :is(.mdx-modal, .mdx-form) .mdx-sec-h, .theme-dark :is(.mdx-modal, .mdx-form) .mdx-active .tx b,
.theme-dark :is(.mdx-modal, .mdx-form) .mdx-tiles b, .theme-dark .mdx .mdx-kv b, .theme-dark .mdx-modal .mdx-kv b, .theme-dark .mdx .mdx-stat { color:var(--nv-text,#e5e7eb); }
.theme-dark .mdx .mdx-kv > div, .theme-dark .mdx-modal .mdx-kv > div { background:rgba(30,107,230,.08); border-color:var(--nv-border,#1f2937); }
.theme-dark .mdx .mdx-desc { color:var(--nv-text-soft,#cbd5e1); }

@media (max-width: 640px) {
    .mdx .mdx-search { max-width:none; min-width:100%; }
    .mdx .mdx-count { margin-inline-start:0; }
    .mdx .mdx-stats { grid-template-columns:1fr 1fr; }
}