/* AccountingCenter UI System 2026.09
   Yagona, responsive va accessibility-first ko'rinish. */
:root{
  color-scheme:light;
  --ac-bg:#f4f7fb;
  --ac-bg-alt:#eef3f9;
  --ac-surface:#ffffff;
  --ac-surface-2:#f8fafc;
  --ac-surface-glass:rgba(255,255,255,.88);
  --ac-text:#0f172a;
  --ac-text-2:#334155;
  --ac-muted:#64748b;
  --ac-line:#dbe3ee;
  --ac-line-strong:#cbd5e1;
  --ac-primary:#2563eb;
  --ac-primary-strong:#1d4ed8;
  --ac-primary-soft:#eff6ff;
  --ac-success:#047857;
  --ac-success-soft:#ecfdf5;
  --ac-warning:#b45309;
  --ac-warning-soft:#fffbeb;
  --ac-danger:#b91c1c;
  --ac-danger-soft:#fef2f2;
  --ac-info:#0e7490;
  --ac-info-soft:#ecfeff;
  --ac-shadow-xs:0 1px 2px rgba(15,23,42,.05);
  --ac-shadow-sm:0 8px 24px rgba(15,23,42,.06);
  --ac-shadow-md:0 18px 52px rgba(15,23,42,.09);
  --ac-shadow-lg:0 28px 80px rgba(15,23,42,.16);
  --ac-radius-sm:10px;
  --ac-radius:14px;
  --ac-radius-lg:20px;
  --ac-radius-xl:26px;
  --ac-ring:0 0 0 4px rgba(37,99,235,.16);
  --ac-content:1680px;
  --ac-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --ac-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
html[data-ui-theme="dark"]{
  color-scheme:dark;
  --ac-bg:#08111f;
  --ac-bg-alt:#0c1728;
  --ac-surface:#111d2f;
  --ac-surface-2:#162338;
  --ac-surface-glass:rgba(17,29,47,.9);
  --ac-text:#e7eef9;
  --ac-text-2:#cbd5e1;
  --ac-muted:#94a3b8;
  --ac-line:#2b3a50;
  --ac-line-strong:#3b4b63;
  --ac-primary:#60a5fa;
  --ac-primary-strong:#93c5fd;
  --ac-primary-soft:#172b49;
  --ac-success:#34d399;
  --ac-success-soft:#0e2d29;
  --ac-warning:#fbbf24;
  --ac-warning-soft:#33250e;
  --ac-danger:#f87171;
  --ac-danger-soft:#391a22;
  --ac-info:#67e8f9;
  --ac-info-soft:#12303a;
  --ac-shadow-xs:0 1px 2px rgba(0,0,0,.2);
  --ac-shadow-sm:0 10px 28px rgba(0,0,0,.24);
  --ac-shadow-md:0 20px 56px rgba(0,0,0,.32);
  --ac-shadow-lg:0 34px 92px rgba(0,0,0,.45);
  --ac-ring:0 0 0 4px rgba(96,165,250,.22);
}
html{scroll-behavior:smooth;background:var(--ac-bg)}
body{
  font-family:var(--ac-font)!important;
  color:var(--ac-text)!important;
  background:
    radial-gradient(circle at 6% 0%,rgba(37,99,235,.10),transparent 27rem),
    radial-gradient(circle at 94% 4%,rgba(124,58,237,.08),transparent 24rem),
    var(--ac-bg)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
html[data-ui-theme="dark"] body{
  background:
    radial-gradient(circle at 6% 0%,rgba(37,99,235,.17),transparent 30rem),
    radial-gradient(circle at 94% 4%,rgba(124,58,237,.13),transparent 26rem),
    var(--ac-bg)!important;
}
::selection{background:rgba(37,99,235,.22);color:var(--ac-text)}
.ui-skip-link{position:fixed;left:16px;top:10px;z-index:10000;transform:translateY(-180%);padding:10px 14px;border-radius:12px;background:var(--ac-text);color:var(--ac-surface);font-weight:900;text-decoration:none;box-shadow:var(--ac-shadow-lg);transition:transform .18s ease}
.ui-skip-link:focus{transform:translateY(0)}
.ui-page-progress{position:fixed;top:var(--license-bar-h,0);left:0;width:100%;height:3px;z-index:9998;pointer-events:none;opacity:0;transition:opacity .15s ease}
.ui-page-progress::before{content:"";display:block;width:38%;height:100%;background:linear-gradient(90deg,var(--ac-primary),#8b5cf6,#06b6d4);border-radius:0 999px 999px 0;animation:ui-progress 1.1s ease-in-out infinite}
.ui-page-progress.is-active{opacity:1}
@keyframes ui-progress{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}
.ui-page-shell{width:100%;max-width:none;margin:0;display:grid;gap:16px;min-width:0}
/*
  Keng ekranli ishchi sahifalar avvalgi 980–1680px markaziy "to‘rtburchak" bilan
  cheklanmaydi. Faqat asosiy sahifa wrapperlari kengaytiriladi; login, modal,
  tasdiqlash va kichik dialog kartalari o‘z o‘lchamini saqlaydi.
*/
body[data-ui-layout="wide"] main.ui-main{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-inline:0!important;
  box-sizing:border-box!important;
}
body[data-ui-layout="wide"] main.ui-main>.ui-page-shell{
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  min-width:0!important;
}
/* Har bir _base.html sahifasining asosiy root konteyneri ekran kengligini oladi.
   Modal/dialog/error kartalar bundan mustasno, ularning o'qilishi saqlanadi. */
body[data-ui-layout="wide"] main.ui-main>.ui-page-shell>:where(div,section,article,form,main):not(.modal):not(.dialog):not(.ui-dialog):not(.confirm-card):not(.ui-error-card){
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
  min-width:0!important;
}
body[data-ui-layout="wide"] main.ui-main>.ui-page-shell>:where(
  .acc-wrap,
  .aci-wrap,
  .sessions-page,
  .ann-admin-page,
  .billing-page,
  .org-billing,
  .tariff-page,
  .bot-wrap,
  .dxe-wrap,
  .dashboard-container,
  .admin-container,
  .edit-container,
  .full-screen-breakout,
  .full-screen-wrapper,
  .kum-wrap,
  .mxp-wrap,
  .my-ann-page,
  .org-container,
  .report-wrap,
  .select-container,
  .prod-wrap,
  .ret-container,
  .full-width-container,
  .container-fluid,
  .soliq-settings-wrap,
  .security-wrap,
  .tz-wrap,
  .sy-wrap,
  .xtrace-page,
  .x-wrap,
  .worker-office
){
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  left:auto!important;
  right:auto!important;
  box-sizing:border-box!important;
  min-width:0!important;
}
body.ui-page-org-edit[data-ui-layout="wide"] main.ui-main>.ui-page-shell>div[style*="max-width"],
body.ui-page-pos-receipts[data-ui-layout="wide"] main.ui-main>.ui-page-shell>div[style*="max-width"],
body.ui-page-warehouse-select[data-ui-layout="wide"] main.ui-main>.ui-page-shell>div[style*="max-width"]{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

.ui-page-shell>:first-child{margin-top:0}
.ui-page-shell>:last-child{margin-bottom:0}
main.ui-main{min-width:0}
body[data-ui-density="compact"] main{font-size:13px}
body[data-ui-density="compact"] :where(.panel,.card,.surface-card,.box,.section){padding-top:12px!important;padding-bottom:12px!important}
body[data-ui-density="compact"] :where(table:not(.pos-table)) th,
body[data-ui-density="compact"] :where(table:not(.pos-table)) td{padding-top:8px!important;padding-bottom:8px!important}

/* Header va sidebar */
.top-header{background:var(--ac-surface-glass)!important;border-bottom:1px solid color-mix(in srgb,var(--ac-line) 80%,transparent)!important;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:0 10px 34px rgba(15,23,42,.06)!important}
.sidebar{background:linear-gradient(180deg,#0b1424,#101c31 62%,#0a1321)!important;border-right:1px solid rgba(148,163,184,.18)!important}
.brand-container{height:76px!important}.brand{font-weight:900!important;letter-spacing:-.025em}.brand-logo{display:grid!important;place-items:center;width:38px!important;height:38px!important;border-radius:13px!important;background:linear-gradient(135deg,#3b82f6,#7c3aed)!important;box-shadow:0 10px 24px rgba(37,99,235,.3)}
.menu{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}
.menu a{position:relative;border:1px solid transparent!important}
.menu a:hover{border-color:rgba(148,163,184,.12)!important}
.menu a.active{background:linear-gradient(135deg,rgba(59,130,246,.26),rgba(124,58,237,.18))!important;border-color:rgba(96,165,250,.25)!important;box-shadow:inset 3px 0 0 #60a5fa,0 8px 22px rgba(0,0,0,.12)}
.menu a[aria-current="page"]::after{content:"";width:7px;height:7px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.14);margin-left:auto}
.menu-divider{letter-spacing:.11em!important;color:#64748b!important}
.ui-header-tools{display:flex;align-items:center;gap:8px}
.ui-icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--ac-line);border-radius:13px;background:var(--ac-surface);color:var(--ac-text-2);cursor:pointer;box-shadow:var(--ac-shadow-xs);transition:transform .16s ease,border-color .16s ease,background .16s ease;color .16s ease;font:inherit}
.ui-icon-button:hover{transform:translateY(-1px);border-color:var(--ac-primary);color:var(--ac-primary);background:var(--ac-primary-soft)}
.ui-icon-button:active{transform:translateY(0)}
.ui-icon-button svg{width:19px;height:19px}
.overlay{border:0!important;padding:0!important}

/* Umumiy sarlavha, kartalar va matn */
:where(main h1,main .page-title){color:var(--ac-text)!important;letter-spacing:-.045em;line-height:1.12;text-wrap:balance}
:where(main h2,main h3,main h4){color:var(--ac-text);text-wrap:balance}
:where(main p,.muted,.hint,.help-text,.sub,.subtitle){color:var(--ac-muted)}
:where(.panel,.card,.surface-card,.box,.section-card,.ob-card,.ob-panel,.billing-card,.stat,.metric,.kpi-card){background:var(--ac-surface)!important;border-color:var(--ac-line)!important;color:var(--ac-text)!important;box-shadow:var(--ac-shadow-sm)!important}
:where(.panel,.card,.surface-card,.box,.section-card,.ob-panel){border-radius:var(--ac-radius-lg)!important}
:where(.panel,.card,.surface-card,.box,.section-card,.ob-panel):has(> .panel-head:first-child){overflow:clip}
:where(.panel-head,.section-head,.card-head,.toolbar){border-color:var(--ac-line)!important}
.ui-kicker{font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:var(--ac-primary)}
.ui-page-description{max-width:78ch;color:var(--ac-muted);line-height:1.65}
.ui-info-strip{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border:1px solid var(--ac-line);border-radius:var(--ac-radius);background:var(--ac-surface-2);color:var(--ac-text-2)}
.ui-info-strip.is-success{background:var(--ac-success-soft);border-color:color-mix(in srgb,var(--ac-success) 28%,var(--ac-line));color:var(--ac-success)}
.ui-info-strip.is-warning{background:var(--ac-warning-soft);border-color:color-mix(in srgb,var(--ac-warning) 28%,var(--ac-line));color:var(--ac-warning)}
.ui-info-strip.is-danger{background:var(--ac-danger-soft);border-color:color-mix(in srgb,var(--ac-danger) 28%,var(--ac-line));color:var(--ac-danger)}

/* Formalar */
[data-ui-form]{min-width:0}
[data-ui-form] :where(label,.field-label){color:var(--ac-text-2)!important;font-weight:800!important}
:where(main,[role="dialog"]) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
:where(main,[role="dialog"]) select,
:where(main,[role="dialog"]) textarea{
  color:var(--ac-text)!important;background:var(--ac-surface)!important;border-color:var(--ac-line-strong)!important;border-radius:12px!important;min-height:42px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease
}
:where(main,[role="dialog"]) input::placeholder,
:where(main,[role="dialog"]) textarea::placeholder{color:color-mix(in srgb,var(--ac-muted) 78%,transparent)}
:where(main,[role="dialog"]) input:hover,
:where(main,[role="dialog"]) select:hover,
:where(main,[role="dialog"]) textarea:hover{border-color:color-mix(in srgb,var(--ac-primary) 50%,var(--ac-line-strong))!important}
:where(main,[role="dialog"]) input:focus,
:where(main,[role="dialog"]) select:focus,
:where(main,[role="dialog"]) textarea:focus{outline:0!important;border-color:var(--ac-primary)!important;box-shadow:var(--ac-ring)!important}
:where(main,[role="dialog"]) :is(input,select,textarea):disabled{opacity:.72;background:var(--ac-surface-2)!important;cursor:not-allowed}
:where(main,[role="dialog"]) input[type="checkbox"],
:where(main,[role="dialog"]) input[type="radio"]{accent-color:var(--ac-primary);width:18px;height:18px}
:where(main,[role="dialog"]) input[type="file"]{max-width:100%;color:var(--ac-muted)}
:where(main,[role="dialog"]) input[type="file"]::file-selector-button{border:1px solid var(--ac-line);background:var(--ac-surface-2);color:var(--ac-text);padding:9px 12px;border-radius:10px;font-weight:800;cursor:pointer;margin-right:10px}
.ui-field-error{display:block;color:var(--ac-danger);font-size:12px;font-weight:800;margin-top:5px}
[data-ui-form].is-submitting{pointer-events:none;opacity:.82}
[data-ui-form].is-submitting [type="submit"]{position:relative;padding-right:42px!important}
[data-ui-form].is-submitting [type="submit"]::after{content:"";position:absolute;right:14px;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-spin .65s linear infinite}
@keyframes ui-spin{to{transform:rotate(360deg)}}

/* Tugmalar va amallar */
:where(main,[role="dialog"]) :is(button,.btn,.ob-btn,.button,[role="button"]){font-family:var(--ac-font);font-weight:850;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,border-color .15s ease;background .15s ease}
:where(main,[role="dialog"]) :is(button,.btn,.ob-btn,.button,[role="button"]):not(:disabled):hover{transform:translateY(-1px);filter:saturate(1.04);box-shadow:var(--ac-shadow-sm)}
:where(main,[role="dialog"]) :is(button,.btn,.ob-btn,.button,[role="button"]):not(:disabled):active{transform:translateY(0)}
:where(button,.btn,.ob-btn,.button,[role="button"]):disabled{opacity:.52!important;cursor:not-allowed!important;box-shadow:none!important}
:where(.btn.light,.btn.ghost,.btn-ghost,.ob-btn.light,.ob-btn.white){background:var(--ac-surface)!important;color:var(--ac-text)!important;border-color:var(--ac-line)!important}
:where(.btn.primary,.btn-primary,.ob-btn.primary){background:linear-gradient(135deg,var(--ac-primary),#4f46e5)!important;color:#fff!important}
:where(.btn.green,.btn.success,.ob-btn.green){background:linear-gradient(135deg,#059669,#047857)!important;color:#fff!important}
:where(.btn.red,.btn.danger,.btn-danger){background:linear-gradient(135deg,#dc2626,#b91c1c)!important;color:#fff!important}
:where(.btn.amber,.btn.warning,.ob-btn.amber){background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#111827!important}
:where(.btn.dark,.ob-btn.dark){background:linear-gradient(135deg,#0f172a,#334155)!important;color:#fff!important}
.actions,.actions-row,.btn-row,.toolbar-actions{row-gap:8px}

/* Jadvallar */
.ui-table-scroll{width:100%;overflow:auto;border:1px solid var(--ac-line);border-radius:var(--ac-radius-lg);background:var(--ac-surface);box-shadow:var(--ac-shadow-xs);scrollbar-width:thin;scrollbar-color:var(--ac-line-strong) transparent}
[data-ui-table]{width:100%;border-collapse:separate!important;border-spacing:0!important;background:var(--ac-surface)!important;color:var(--ac-text)!important;border-color:var(--ac-line)!important}
[data-ui-table] thead th{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,var(--ac-surface),var(--ac-surface-2))!important;color:var(--ac-text-2)!important;border-color:var(--ac-line)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}
[data-ui-table] :is(th,td){border-color:color-mix(in srgb,var(--ac-line) 72%,transparent)!important}
[data-ui-table] tbody tr{transition:background .14s ease,box-shadow .14s ease}
[data-ui-table] tbody tr:hover td{background:color-mix(in srgb,var(--ac-primary-soft) 48%,var(--ac-surface))!important}
[data-ui-table] tbody tr[data-status="inactive"],
[data-ui-table] tbody tr.is-inactive{opacity:.7;background:var(--ac-surface-2)}
[data-ui-table] td[data-numeric],
[data-ui-table] .money{text-align:right;font-variant-numeric:tabular-nums}
[data-ui-table] .mono{font-family:var(--ac-mono)}
.ui-table-empty{text-align:center!important;padding:34px 18px!important;color:var(--ac-muted)!important}
.ui-table-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;color:var(--ac-muted);font-size:13px}

/* Status va xabarlar */
:where(.badge,.tag,.pill,.chip,.status,.ob-tag,.role-pill){border-color:var(--ac-line)!important;font-weight:850!important}
:where(.badge.active,.badge.paid,.badge.ok,.badge.success,.ob-tag.active,.ob-tag.paid,.ob-tag.credit,.status-ok){background:var(--ac-success-soft)!important;color:var(--ac-success)!important;border-color:color-mix(in srgb,var(--ac-success) 25%,var(--ac-line))!important}
:where(.badge.inactive,.badge.expired,.badge.debt,.badge.err,.badge.error,.ob-tag.inactive,.ob-tag.expired,.ob-tag.debt,.status-bad){background:var(--ac-danger-soft)!important;color:var(--ac-danger)!important;border-color:color-mix(in srgb,var(--ac-danger) 25%,var(--ac-line))!important}
:where(.badge.partial,.badge.warning,.badge.warn,.ob-tag.partial,.ob-tag.temporary,.ob-tag.due_soon,.status-warn){background:var(--ac-warning-soft)!important;color:var(--ac-warning)!important;border-color:color-mix(in srgb,var(--ac-warning) 25%,var(--ac-line))!important}
.alert{position:relative;padding-right:44px!important;background:var(--ac-surface)!important;color:var(--ac-text)!important;border-color:var(--ac-line)!important}
.alert.ok{background:var(--ac-success-soft)!important;color:var(--ac-success)!important;border-color:color-mix(in srgb,var(--ac-success) 25%,var(--ac-line))!important}
.alert.bad{background:var(--ac-danger-soft)!important;color:var(--ac-danger)!important;border-color:color-mix(in srgb,var(--ac-danger) 25%,var(--ac-line))!important}
.ui-alert-close{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:transparent;color:currentColor;border-radius:9px;cursor:pointer;font-size:20px;line-height:1}

/* Modal / command palette */
.ui-modal{position:fixed;inset:0;z-index:7000;display:none;place-items:center;padding:20px;background:rgba(2,6,23,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ui-modal.is-open{display:grid}
.ui-modal-card{width:min(680px,100%);max-height:min(86vh,900px);overflow:auto;background:var(--ac-surface);color:var(--ac-text);border:1px solid var(--ac-line);border-radius:24px;box-shadow:var(--ac-shadow-lg)}
.ui-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--ac-line);position:sticky;top:0;background:var(--ac-surface);z-index:2}
.ui-modal-head h2{margin:0;font-size:20px}.ui-modal-body{padding:20px}.ui-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--ac-line);position:sticky;bottom:0;background:var(--ac-surface)}
.ui-command-card{width:min(720px,100%);align-self:start;margin-top:min(12vh,120px)}
.ui-command-search{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--ac-line)}
.ui-command-search input{border:0!important;box-shadow:none!important;background:transparent!important;width:100%;font-size:17px;min-height:36px!important}
.ui-command-list{padding:8px;max-height:56vh;overflow:auto}
.ui-command-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;color:var(--ac-text);text-decoration:none}
.ui-command-item:hover,.ui-command-item.is-selected{background:var(--ac-primary-soft);color:var(--ac-primary)}
.ui-command-item small{color:var(--ac-muted)}
.ui-command-empty{padding:28px;text-align:center;color:var(--ac-muted)}
.ui-kbd{display:inline-flex;align-items:center;min-height:24px;padding:2px 7px;border:1px solid var(--ac-line);border-bottom-width:2px;border-radius:7px;background:var(--ac-surface-2);color:var(--ac-muted);font:700 11px var(--ac-font)}

/* Billing maxsus */
.ui-page-billing .billing-hero,.ui-page-billing-org-report .ob-head,.ui-page-billing-tariffs .tariff-hero{background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 58%,#6d28d9 100%)!important;box-shadow:0 24px 64px rgba(30,64,175,.24)!important}
.billing-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.billing-permission-card{padding:12px 14px;border:1px solid var(--ac-line);border-radius:14px;background:var(--ac-surface-2)}
.billing-permission-card b{display:block;margin-bottom:4px}.billing-permission-card small{color:var(--ac-muted);line-height:1.45}
.billing-payment-row.is-inactive td{background:var(--ac-danger-soft)!important;text-decoration-color:var(--ac-muted)}
.billing-payment-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:190px}
.billing-audit-details summary{cursor:pointer;color:var(--ac-primary);font-weight:800}.billing-audit-details pre{white-space:pre-wrap;word-break:break-word;font:12px/1.5 var(--ac-mono);background:var(--ac-surface-2);padding:10px;border-radius:10px;border:1px solid var(--ac-line);max-width:560px}

/* Dark mode: eski inline ranglarni xavfsiz qayta xaritalash */
html[data-ui-theme="dark"] :where(main,.ui-modal-card) :is(.panel,.card,.surface-card,.box,.section-card,.ob-card,.ob-panel,.stat,.metric,.kpi-card,.table-wrap,.modern-table-wrap,.ui-table-scroll){background:var(--ac-surface)!important;color:var(--ac-text)!important;border-color:var(--ac-line)!important}
html[data-ui-theme="dark"] :where(main,.ui-modal-card) :is(.filters,.filter-card,.mini-form,.danger-box,.empty,.empty-card){border-color:var(--ac-line)!important}
html[data-ui-theme="dark"] :where(main,.ui-modal-card) table :is(th,td){color:var(--ac-text)!important}
html[data-ui-theme="dark"] :where(main,.ui-modal-card) table th{background:var(--ac-surface-2)!important}
html[data-ui-theme="dark"] :where(main,.ui-modal-card) :is(.muted,.sub,.hint,.help,.small){color:var(--ac-muted)!important}
html[data-ui-theme="dark"] img{filter:brightness(.94)}

/* Responsive */
@media(max-width:1100px){
  .billing-permission-grid{grid-template-columns:1fr}
  .ui-header-tools .ui-command-trigger span{display:none}
}
@media(max-width:780px){
  .ui-page-shell{gap:12px}
  .ui-header-tools{gap:5px}.ui-icon-button{width:38px;height:38px;border-radius:12px}
  .user-info>div[style*="text-align:right"]{display:none}
  .ui-command-card{margin-top:0;align-self:center}
  .ui-modal{padding:10px}.ui-modal-card{max-height:94vh;border-radius:18px}.ui-modal-body{padding:15px}.ui-modal-head{padding:15px}.ui-modal-foot{padding:12px 15px;flex-wrap:wrap}.ui-modal-foot>*{flex:1}
  [data-ui-table][data-ui-mobile="cards"] thead{display:none}
  [data-ui-table][data-ui-mobile="cards"],[data-ui-table][data-ui-mobile="cards"] tbody,[data-ui-table][data-ui-mobile="cards"] tr,[data-ui-table][data-ui-mobile="cards"] td{display:block;width:100%}
  [data-ui-table][data-ui-mobile="cards"] tr{border-bottom:1px solid var(--ac-line);padding:8px 10px}
  [data-ui-table][data-ui-mobile="cards"] td{display:grid;grid-template-columns:minmax(110px,38%) 1fr;gap:10px;border:0!important;padding:7px 4px!important;text-align:left!important}
  [data-ui-table][data-ui-mobile="cards"] td::before{content:attr(data-label);font-size:11px;font-weight:900;text-transform:uppercase;color:var(--ac-muted)}
  [data-ui-table][data-ui-mobile="cards"] td:empty{display:none}
}
@media(max-width:520px){
  .ui-page-shell{display:block}.ui-page-shell>*+*{margin-top:12px}
  :where(main h1,main .page-title){font-size:clamp(24px,9vw,34px)!important}
  .actions,.actions-row,.btn-row,.toolbar-actions{display:grid!important;grid-template-columns:1fr!important}
  .actions>:where(a,button,form),.actions-row>:where(a,button,form),.btn-row>:where(a,button,form){width:100%}
  .actions form button,.actions-row form button,.btn-row form button{width:100%}
}
@media print{
  .ui-skip-link,.ui-page-progress,.ui-header-tools,.ui-command-modal,.ui-modal:not(.print-allowed){display:none!important}
  body{background:#fff!important;color:#000!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ui-page-progress::before,[data-ui-form].is-submitting [type="submit"]::after{animation:none!important}}
@supports not (color:color-mix(in srgb,#000,#fff)){.top-header{border-bottom-color:var(--ac-line)!important}}

/* Accessibility va kengaytirilgan komponent yordamchilari */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.ui-modal-open{overflow:hidden}
.ui-command-label{width:auto!important;height:auto!important;display:inline!important;font-size:12px;font-weight:850;white-space:nowrap}
.ui-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 20px}
.ui-flow-card{position:relative;padding:15px 16px;border:1px solid var(--ac-line);border-radius:16px;background:var(--ac-surface);box-shadow:var(--ac-shadow-xs)}
.ui-flow-card b{display:block;margin-bottom:6px;color:var(--ac-text);font-size:14px}.ui-flow-card p{margin:0!important;color:var(--ac-muted)!important;font-size:12.5px;line-height:1.55}.ui-flow-card.is-source{border-color:color-mix(in srgb,var(--ac-primary) 34%,var(--ac-line));background:var(--ac-primary-soft)}
.ui-flow-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;margin-bottom:8px;border-radius:999px;background:var(--ac-primary);color:#fff;font-weight:900}
.ui-inline-feedback{display:none;margin:12px 0;padding:12px 14px;border:1px solid var(--ac-line);border-radius:13px;background:var(--ac-surface-2);color:var(--ac-text-2);font-size:13px;font-weight:750;white-space:pre-wrap;word-break:break-word}
.ui-inline-feedback.is-visible{display:block}.ui-inline-feedback.is-success{background:var(--ac-success-soft);border-color:color-mix(in srgb,var(--ac-success) 30%,var(--ac-line));color:var(--ac-success)}.ui-inline-feedback.is-error{background:var(--ac-danger-soft);border-color:color-mix(in srgb,var(--ac-danger) 30%,var(--ac-line));color:var(--ac-danger)}
.ui-action-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ui-action-cluster>*{min-width:0}
[data-billing-tariff-form] .is-catalog-locked{background:var(--ac-surface-3,#f1f5f9)!important;color:var(--ac-text-2)!important;cursor:not-allowed;border-style:dashed!important}
.ui-collapsible{border:1px solid var(--ac-line);border-radius:14px;background:var(--ac-surface-2);overflow:clip}.ui-collapsible>summary{cursor:pointer;padding:12px 14px;font-weight:850;color:var(--ac-text);list-style:none}.ui-collapsible>summary::-webkit-details-marker{display:none}.ui-collapsible>summary::after{content:"＋";float:right;color:var(--ac-primary)}.ui-collapsible[open]>summary::after{content:"−"}.ui-collapsible-body{padding:0 14px 14px}
html[data-ui-theme="dark"] :where(main,.ui-modal-card) :is(.sy-card,.aci-card,.sync-card,.sy-method,.sy-token,.sy-empty,.sy-fixrow){background:var(--ac-surface)!important;color:var(--ac-text)!important;border-color:var(--ac-line)!important}
html[data-ui-theme="dark"] :where(main,.ui-modal-card) :is(.sy-input,.aci-input,.sync-tools input,.sync-tools select){background:var(--ac-surface)!important;color:var(--ac-text)!important;border-color:var(--ac-line-strong)!important}
html[data-ui-theme="dark"] :where(main,.ui-modal-card) :is(.sy-card h2,.aci-card h2,.sy-token-name,.sy-token-facts b,.aci-kv b,.sync-tools label){color:var(--ac-text)!important}
@media(max-width:960px){.ui-flow-grid{grid-template-columns:1fr}.ui-flow-arrow{transform:rotate(90deg)}}
@media(max-width:680px){.ui-action-cluster{display:grid;grid-template-columns:1fr}.ui-action-cluster>*{width:100%}.ui-command-label{display:none!important}}

/* Eski shablonlardagi nomlangan kartalarni ham yagona dark/surface tizimiga bog'lash */
html[data-ui-theme="dark"] main :is([class$="-card"],[class*="-card "]):not(.ui-flow-card):not(.billing-permission-card){background:var(--ac-surface)!important;color:var(--ac-text)!important;border-color:var(--ac-line)!important}
html[data-ui-theme="dark"] main :is([class$="-card"],[class*="-card "]) :is(h1,h2,h3,h4,b,strong,label){color:var(--ac-text)!important}
html[data-ui-theme="dark"] main :is([class$="-card"],[class*="-card "]) :is(.muted,.note,.help,.hint,.sub,.subtitle,small){color:var(--ac-muted)!important}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--ac-primary) 72%,transparent)!important;outline-offset:2px!important}
button,[role="button"],summary{touch-action:manipulation}

/* Tizim xato sahifasi */
.ui-error-page{width:min(860px,100%);margin:clamp(30px,8vh,90px) auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start;padding:clamp(20px,4vw,36px);border:1px solid var(--ac-line);border-radius:var(--ac-radius-xl);background:var(--ac-surface);box-shadow:var(--ac-shadow-md)}
.ui-error-page h1{margin:5px 0 10px}.ui-error-page p{margin:0 0 20px;color:var(--ac-muted);font-size:15px;line-height:1.65;max-width:65ch}.ui-error-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--ac-danger-soft);border:1px solid color-mix(in srgb,var(--ac-danger) 30%,var(--ac-line));color:var(--ac-danger);font-size:30px;font-weight:950}
@media(max-width:560px){.ui-error-page{grid-template-columns:1fr;margin:18px auto}.ui-error-icon{width:50px;height:50px;border-radius:15px}}