/* Visual contract: exact semantic roles from the supplied HTML mockups.
   This layer deliberately wins over page-isolated legacy typography. */
.admin-shell[class] {
 --admin-bg:var(--design-surface);--admin-surface:var(--design-surface-container-lowest);
 --admin-text:var(--design-on-surface);--admin-muted:var(--design-on-surface-variant);
 --admin-border:var(--design-outline-variant);--hq-primary:var(--design-primary);
 --hq-primary-hover:var(--design-primary-container);--hq-tint:var(--design-surface-container);
 --hq-success:var(--design-secondary);--hq-danger:var(--design-error);
 --sidebar-bg:var(--design-surface-container-lowest);--sidebar-text:var(--design-on-surface-variant);
 --sidebar-muted:var(--design-outline);--sidebar-hover:var(--design-surface-container);
 --sidebar-active:var(--design-surface-container);--sidebar-active-text:var(--design-primary);
 font-family:Inter,sans-serif;font-size:13px;line-height:18px;font-weight:400;font-synthesis:none;
}
/* No dark mockup is supplied: retain dark mode using the design's inverse roles. */
.admin-shell.theme-dark[class] {
 --admin-bg:var(--design-on-surface);--admin-surface:var(--design-inverse-surface);
 --admin-text:var(--design-inverse-on-surface);--admin-muted:var(--design-outline-variant);
 --admin-border:var(--design-outline);--hq-primary:var(--design-inverse-primary);
 --hq-tint:var(--design-on-surface);--sidebar-bg:var(--design-inverse-surface);
 --sidebar-text:var(--design-inverse-on-surface);--sidebar-muted:var(--design-outline-variant);
 --sidebar-hover:var(--design-on-surface);--sidebar-active:var(--design-on-surface);
 --sidebar-active-text:var(--design-inverse-primary);
}
.admin-shell .topbar {background:color-mix(in srgb,var(--admin-bg) 90%,transparent);backdrop-filter:blur(12px)}
.admin-shell .brand-text {font-size:15px;line-height:22px;font-weight:700;letter-spacing:-.005em}
.admin-shell .brand-text small {font-size:10px;line-height:14px;font-weight:600;letter-spacing:.05em;color:var(--admin-muted)}
.admin-shell .sidebar .nav-link b {font-size:13px;line-height:18px;font-weight:400}
.admin-shell .sidebar .nav-link.active b {font-weight:600}
.admin-shell .sidebar .nav-link.active {background:var(--design-primary-container);color:var(--design-on-primary-container)}
.admin-shell .nav-caption,.admin-shell .group-caption b {font-size:11px;line-height:16px;font-weight:600;letter-spacing:.04em;color:var(--design-outline)}
.admin-shell .sidebar-versions {background:var(--design-surface-container-low)}
.admin-shell .sidebar-versions b {font-family:'JetBrains Mono',monospace;font-size:12px;line-height:16px;font-weight:500}
.admin-shell .hq-search-launch {background:var(--admin-surface);font-size:12px;line-height:16px}
.admin-shell .hq-search-launch kbd {font-family:'JetBrains Mono',monospace;font-size:12px;line-height:16px;font-weight:500;background:var(--design-surface-container-high);color:var(--design-outline)}
.admin-shell .hq-breadcrumbs {font-size:11px;line-height:16px;font-weight:600;letter-spacing:.04em}
.admin-shell .content h1 {font-size:28px;line-height:36px;font-weight:700;letter-spacing:-.02em}
.admin-shell .content h2 {font-size:18px;line-height:26px;font-weight:600;letter-spacing:-.01em}
.admin-shell .content h3 {font-size:15px;line-height:22px;font-weight:600;letter-spacing:-.005em}
.admin-shell .content :where(.page-title,.page-heading,.analytics-header) p {font-size:13px;line-height:18px;font-weight:400;color:var(--admin-muted)}
.admin-shell .content :where(.page-title,.page-heading,.analytics-header,.category-header,.product-header,.detail-header) {background-image:none}
.admin-shell .content :where(.edit-field,.field,.login-field) > :where(span,label),.admin-shell .content .card-title p {font-size:11px;line-height:16px;font-weight:600;letter-spacing:.04em}
.admin-shell .content :where(input:not([type=checkbox]):not([type=radio]),select,textarea) {font-family:Inter,sans-serif;font-size:13px;line-height:18px;font-weight:400}
.admin-shell .content :where(.action-button,.save-button,.cancel-button,.back-button,.refresh-button,.apply-filters,.analytics-refresh,.refresh,.primary-button,.secondary-button),.admin-shell .hq-button {font-size:13px;line-height:18px;font-weight:600;background-image:none}
.admin-shell .content :where(.save-button,.apply-filters,.primary-button,.action-button.primary),.admin-shell .sidebar-versions button {background:var(--design-primary);border-color:var(--design-primary);color:var(--design-on-primary)}
.admin-shell .content :where(.tabs,.detail-tabs,.order-detail-tabs) button {font-size:13px;line-height:18px;font-weight:600;background-image:none}
.admin-shell .content :where(table th,.products-head,.branches-head,.top-products-head) {font-size:11px;line-height:16px;font-weight:600;letter-spacing:.04em;background:var(--design-surface-container-low);color:var(--admin-muted)}
.admin-shell .content :where(table td,.product-row,.branch-row,.top-product-row) {font-size:13px;line-height:18px;font-weight:400}
.admin-shell .content :where(table td,.product-info,.branch-info,.analytics-product) b {font-size:13px;line-height:18px;font-weight:600}
.admin-shell .content :where(table td,.product-info,.branch-info,.analytics-product) small {font-size:12px;line-height:16px;font-weight:400}
.admin-shell .content :where(.product-info,.branch-info,.analytics-product) small,.admin-shell .content :where(code,.code,.sku) {font-family:'JetBrains Mono',monospace;font-size:12px;line-height:16px;font-weight:500}
.admin-shell .content :where(.stat-card,.hq-metric,.analytics-summary article) small {font-size:11px;line-height:16px;font-weight:600;letter-spacing:.04em}
.admin-shell .content :where(.stat-card,.hq-metric,.analytics-summary article) :where(b,strong) {font-size:28px;line-height:36px;font-weight:700;letter-spacing:-.02em;color:var(--admin-text)}
.admin-shell .content .stat-card :where(i,.metric-icon) {font-size:22px;line-height:30px}
.admin-shell .content .sales-count i {background:var(--design-secondary-container);color:var(--design-secondary)}
.admin-shell .content .sales-amount i {background:var(--design-primary-fixed);color:var(--design-primary)}
.admin-shell.theme-dark .nav-caption,.admin-shell.theme-dark .group-caption b {color:var(--admin-muted)}
.admin-shell .content :where(.status,.status-badge,.badge) {font-size:11px;line-height:16px;font-weight:600;letter-spacing:.04em}
.admin-shell .content :where(.status.active,.status.success,.page-message.success) {background:var(--design-secondary-container);color:var(--design-on-secondary-container)}
.admin-shell .content :where(.status.blocked,.status.cancelled,.status.deleted,.page-message.error,.analytics-error) {background:var(--design-error-container);color:var(--design-on-error-container)}
.admin-shell .content .period-options button {font-size:11px;line-height:16px;font-weight:600;background-image:none}
.admin-shell .content .period-options button.active {background:var(--admin-surface);color:var(--design-primary);border-color:var(--admin-border)}
.admin-shell .content .category-row td {background:var(--design-surface-container);background-image:none}
.admin-shell.theme-dark .content :where(table th,.products-head,.branches-head,.top-products-head,.category-row td),.admin-shell.theme-dark .sidebar-versions {background:var(--hq-tint)}
.admin-shell .content .hq-chart-bar {background:var(--design-primary)}
.admin-shell .content :where(.refresh,.analytics-refresh) {background:var(--design-primary);color:var(--design-on-primary);border-color:var(--design-primary)}
.admin-shell .statistics-grid {grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.admin-shell .stat-card {position:relative;display:block;padding:16px;min-width:0}
.admin-shell .stat-card > i {position:absolute;right:16px;top:16px;width:32px;height:32px}
.admin-shell .stat-card > div {min-width:0;width:100%}
.admin-shell .stat-card small {padding-right:42px;min-height:32px}
.admin-shell .stat-card b {margin-top:12px;overflow-wrap:anywhere}
/* Page-specific title sizes from their corresponding reference HTML. */
.admin-shell .content[data-section='/inventory-items'] h1,
.admin-shell .content[data-section='/counterparties'] h1,
.admin-shell .content[data-section='/trade-documents'] h1,
.admin-shell .content[data-section='/registered-applications'] h1,
.admin-shell .content[data-section='/dictionaries/product-categories'] h1,
.admin-shell .content[data-section='/dictionaries/payment-methods'] h1,
.admin-shell .content[data-section='/dictionaries/sale-channels'] h1 {font-size:22px;line-height:30px;letter-spacing:-.015em}
.admin-shell .content[data-section='/inventory-movements'] h1 {font-size:18px;line-height:26px;letter-spacing:-.01em}