/* ===== SHA SYSTEM UI EMERGENCY HOTFIX 20260622 =====
   Fixes huge SVG/menu icons and forces the reference-style layout cleanly. */
:root{--sha-sidebar:var(--theme-sidebar,var(--ms-navy,#071d3f));--sha-primary:var(--theme-primary,var(--ms-cyan,#05afd4));--sha-secondary:var(--theme-secondary,#0871e8);--sha-bg:var(--theme-background,#f3f7fb);--sha-card:#ffffff;--sha-line:#dce8f2;--sha-text:#102036;--sha-muted:#6f8296;}
html,body{overflow-x:hidden!important;background:var(--sha-bg)!important;color:var(--sha-text)!important;}
.app{min-height:100vh!important;display:flex!important;align-items:stretch!important;background:var(--sha-bg)!important;}
.app-body .side{position:fixed!important;top:10px!important;bottom:10px!important;right:10px!important;left:auto!important;width:260px!important;height:calc(100vh - 20px)!important;z-index:1000!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:12px!important;border-radius:0 28px 28px 0!important;background:linear-gradient(180deg,var(--sha-sidebar),#06152c)!important;box-shadow:0 16px 42px rgba(7,29,63,.24)!important;color:#d9e9f7!important;}
html[dir="ltr"] .app-body .side{left:10px!important;right:auto!important;border-radius:28px 0 0 28px!important;}
.app-body .main{min-height:100vh!important;margin-right:282px!important;margin-left:0!important;width:calc(100% - 282px)!important;display:flex!important;flex-direction:column!important;background:transparent!important;}
html[dir="ltr"] .app-body .main{margin-left:282px!important;margin-right:0!important;}
.app-body .brand{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 10px!important;padding:12px!important;min-height:76px!important;border-radius:18px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;}
.app-body .brand-logo{width:52px!important;height:52px!important;min-width:52px!important;border-radius:15px!important;object-fit:contain!important;background:#fff!important;padding:4px!important;box-shadow:0 10px 24px rgba(0,0,0,.14)!important;}
.app-body .brand h2{margin:0!important;color:#fff!important;font-size:15px!important;line-height:1.35!important;max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.app-body .brand small{display:block!important;color:#a9c6de!important;font-size:10px!important;line-height:1.35!important;}
.app-body .side-search{flex:0 0 auto!important;margin:0 0 8px!important;}
.app-body .side-search-input{height:42px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(255,255,255,.22)!important;color:#17324a!important;box-shadow:none!important;padding:9px 12px!important;}
.app-body .side-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:4px 1px 16px!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.34) transparent!important;}
.app-body .side-scroll::-webkit-scrollbar{width:6px!important}.app-body .side-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.34)!important;border-radius:99px!important}
.app-body .menu-group{margin:0 0 8px!important;}
.app-body .menu-group-title{padding:8px 10px 5px!important;color:#87a4bd!important;font-size:11px!important;font-weight:900!important;letter-spacing:0!important;}
.app-body .side a{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;justify-content:start!important;min-height:42px!important;margin:3px 0!important;padding:9px 10px!important;border-radius:13px!important;color:#d3e4f3!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;transform:none!important;font-size:13px!important;font-weight:800!important;line-height:1.35!important;text-align:start!important;overflow:hidden!important;}
.app-body .side a:hover{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important;}
.app-body .side a.active{background:linear-gradient(135deg,var(--sha-primary),var(--sha-secondary))!important;color:#fff!important;border-color:rgba(255,255,255,.15)!important;box-shadow:0 10px 22px rgba(0,0,0,.20)!important;}
.app-body .menu-icon{width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;display:inline-grid!important;place-items:center!important;overflow:hidden!important;border-radius:8px!important;background:rgba(255,255,255,.10)!important;color:inherit!important;opacity:1!important;line-height:1!important;}
.app-body .side a.active .menu-icon{background:#fff!important;color:var(--sha-sidebar)!important;}
.app-body .menu-label{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;opacity:1!important;color:inherit!important;min-width:0!important;}
.app-body .side a span:first-child.menu-icon{overflow:hidden!important;text-overflow:clip!important;white-space:normal!important;}
.app-body .side a span:last-child.menu-label{opacity:1!important;}
/* Critical icon sizing: prevents the browser default 300x150 SVG size. */
.app-body .menu-icon svg,.app-body .side svg,.app-body .top svg,.app-body .btn svg,.app-body .dock-btn svg,.app-body .theme-toggle svg,.app-body .menu-toggle svg,.app-body .menu-hide-toggle svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;display:block!important;overflow:hidden!important;}
.app-body svg:not([width]):not([height]){width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;}
.app-body .top{position:sticky!important;top:0!important;z-index:40!important;margin:0!important;min-height:72px!important;height:auto!important;padding:12px 18px!important;border-radius:0!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid var(--sha-line)!important;box-shadow:0 8px 28px rgba(15,35,55,.06)!important;display:flex!important;align-items:center!important;gap:10px!important;}
.app-body .top-title{display:grid!important;gap:2px!important;min-width:170px!important;}
.app-body .top-title b{font-size:17px!important;color:#183752!important;line-height:1.4!important;}
.app-body .top-title small{font-size:11px!important;color:var(--sha-muted)!important;}
.app-body .top-actions{display:flex!important;align-items:center!important;gap:8px!important;margin-inline-start:auto!important;min-width:0!important;}
.app-body .top .search{width:min(270px,28vw)!important;height:40px!important;border-radius:999px!important;background:#f5f9fc!important;border:1px solid #dfeaf3!important;color:#17324a!important;}
.app-body .lang,.app-body .theme-toggle,.app-body .menu-toggle,.app-body .menu-hide-toggle{height:40px!important;min-width:40px!important;border-radius:13px!important;border:1px solid #dfeaf3!important;background:#f5f9fc!important;color:#23465f!important;display:inline-grid!important;place-items:center!important;font-size:12px!important;font-weight:900!important;box-shadow:none!important;}
.app-body .lang.active{background:linear-gradient(135deg,var(--sha-primary),var(--sha-secondary))!important;color:#fff!important;border-color:transparent!important;}
.app-body .content{padding:18px!important;max-width:100%!important;overflow-x:hidden!important;}
.app-body .card,.app-body .video-card,.app-body .finance-panel,.app-body .cashbox-capital-overview,.app-body .quick-currency,.app-body .dashboard-mini-cards article,.app-body .sales-filter-card,.app-body .sales-list-card,.app-body .purchase-editor,.app-body .table-wrap{border:1px solid var(--sha-line)!important;background:rgba(255,255,255,.96)!important;border-radius:20px!important;box-shadow:0 14px 34px rgba(25,52,79,.07)!important;}
.app-body table{min-width:680px!important}.app-body .table-wrap{overflow:auto!important}.app-body th{background:linear-gradient(135deg,var(--sha-sidebar),#0c365f)!important;color:#fff!important;border-bottom:0!important}.app-body td{background:#fff;border-bottom:1px solid #edf3f8!important}.app-body tr:hover td{background:#f8fcff!important}
.app-body input,.app-body select,.app-body textarea{background:#fff!important;border:1px solid #dce8f2!important;border-radius:13px!important;box-shadow:none!important;color:#102036!important;}
.app-body .btn,.app-body button.btn{background:linear-gradient(135deg,var(--sha-primary),var(--sha-secondary))!important;color:#fff!important;border:0!important;border-radius:13px!important;box-shadow:0 10px 22px rgba(5,175,212,.18)!important;font-weight:900!important;}
.app-body .btn.green{background:linear-gradient(135deg,#18b26b,#119052)!important}.app-body .btn.red{background:linear-gradient(135deg,#ef4444,#c53030)!important}.app-body .btn.gray{background:#eaf1f6!important;color:#17324a!important;box-shadow:none!important}
.app-body .app-credit{margin:0 18px 18px!important;border-color:#dce8f2!important;background:rgba(255,255,255,.86)!important;}
/* Also protect the original reference design classes if they exist on the server. */
.sidebar svg,.topbar svg,.nav-link svg,.nav-group-title svg,.icon-btn svg,.stat-card svg,.stat-icon svg,.quick-grid svg,.empty-state svg,.brand-mark svg,.login-brand svg,.input-icon svg,.btn svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;display:block!important;}
.brand-mark svg,.stat-icon svg,.empty-state>svg{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;}
.sidebar .brand-mark svg,.login-brand>svg{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;}
.nav-link,.nav-group-title{overflow:hidden!important}.nav-link svg{flex:0 0 18px!important}.nav-link span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media(max-width:900px){
 .app-body .menu-toggle{display:inline-grid!important}.app-body .menu-hide-toggle{display:none!important}.app-body .side{right:-286px!important;left:auto!important;transition:.24s ease!important;border-radius:28px 0 0 28px!important;z-index:10001!important}.app-body.menu-open .side{right:8px!important}.app-body .main{margin-right:0!important;margin-left:0!important;width:100%!important}.app-body .menu-shade{display:none!important}.app-body.menu-open .menu-shade{display:block!important;position:fixed!important;inset:0!important;background:rgba(5,16,29,.50)!important;z-index:10000!important}.app-body .top{padding:10px 12px!important;min-height:64px!important}.app-body .top-actions{overflow-x:auto!important;max-width:calc(100vw - 150px)!important}.app-body .top .search{display:none!important}.app-body .content{padding:10px!important}.app-body table{min-width:620px!important}
 html[dir="ltr"] .app-body .side{left:-286px!important;right:auto!important;border-radius:0 28px 28px 0!important}html[dir="ltr"] .app-body.menu-open .side{left:8px!important;right:auto!important}
}
@media(max-width:520px){.app-body .top-title{min-width:110px!important}.app-body .top-title b{font-size:14px!important}.app-body .lang{padding:0 8px!important;min-width:auto!important}.app-body .content{padding:8px!important}}
@media print{.app-body .side,.app-body .top,.app-body .app-credit,.app-body .no-print{display:none!important}.app-body .main{margin:0!important;width:100%!important}.app-body .content{padding:0!important}.app-body table{min-width:0!important}}


/* ===== SHA SYSTEM FINAL UI CLEAN 20260622 v2 =====
   The previous upload missed public/assets/premium-reference-ui.css, so .topbar-start,
   .topbar-actions, .lang-switch and .user-menu were unstyled and stacked vertically.
   This section forces one clean reference layout and removes the old left/giant header look. */
:root{--sidebar-width:286px;--sha-final-sidebar:var(--theme-sidebar,#071f42);--sha-final-primary:var(--theme-primary,#0f766e);--sha-final-secondary:var(--theme-secondary,#14b8a6);--sha-final-bg:var(--theme-background,#f5f7fb);--sha-final-surface:#ffffff;--sha-final-line:#e6eef6;--sha-final-text:#172033;--sha-final-muted:#718096;}
html,body,body.app-body{margin:0!important;min-height:100%!important;overflow-x:hidden!important;background:var(--sha-final-bg)!important;color:var(--sha-final-text)!important;}
body.app-body .premium-app.app{display:block!important;min-height:100vh!important;background:var(--sha-final-bg)!important;}
body.app-body .sidebar.side{position:fixed!important;inset-block:0!important;inset-inline-start:0!important;inset-inline-end:auto!important;right:auto!important;left:auto!important;width:var(--sidebar-width)!important;height:100vh!important;min-height:100vh!important;border-radius:0!important;transform:none!important;z-index:1000!important;display:flex!important;flex-direction:column!important;padding:0!important;overflow:hidden!important;background:linear-gradient(180deg,var(--sha-final-sidebar),#06152c)!important;color:#d6e3ee!important;box-shadow:8px 0 30px rgba(5,16,29,.10)!important;}
html[dir="rtl"] body.app-body .sidebar.side{right:0!important;left:auto!important;inset-inline-start:0!important;}
html[dir="ltr"] body.app-body .sidebar.side{left:0!important;right:auto!important;inset-inline-start:0!important;}
body.app-body .main.app-shell{margin-inline-start:var(--sidebar-width)!important;margin-inline-end:0!important;margin-right:0!important;margin-left:0!important;width:auto!important;min-height:100vh!important;display:flex!important;flex-direction:column!important;background:var(--sha-final-bg)!important;}
html[dir="rtl"] body.app-body .main.app-shell{margin-right:var(--sidebar-width)!important;margin-left:0!important;}
html[dir="ltr"] body.app-body .main.app-shell{margin-left:var(--sidebar-width)!important;margin-right:0!important;}
body.app-body.menu-hidden .sidebar.side{transform:translateX(105%)!important;}
html[dir="ltr"] body.app-body.menu-hidden .sidebar.side{transform:translateX(-105%)!important;}
body.app-body.menu-hidden .main.app-shell{margin-inline-start:0!important;margin-right:0!important;margin-left:0!important;width:100%!important;}

/* Sidebar: reference grouped menu */
body.app-body .sidebar .brand{height:84px!important;min-height:84px!important;padding:15px 18px!important;margin:0!important;border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;display:flex!important;align-items:center!important;gap:12px!important;box-shadow:none!important;}
body.app-body .sidebar .brand-logo,body.app-body .sidebar .brand-mark{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;border-radius:15px!important;object-fit:contain!important;background:#fff!important;padding:4px!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important;}
body.app-body .sidebar .brand strong,body.app-body .sidebar .brand h2{display:block!important;margin:0!important;color:#fff!important;font-size:14px!important;font-weight:900!important;line-height:1.45!important;max-width:170px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.app-body .sidebar .brand small{display:block!important;color:#95adc5!important;font-size:10px!important;line-height:1.35!important;letter-spacing:.4px!important;}
body.app-body .side-search{padding:12px 13px 0!important;margin:0!important;}
body.app-body .side-search-input{height:44px!important;border-radius:14px!important;background:#fff!important;color:#17324a!important;border:1px solid rgba(255,255,255,.12)!important;padding:9px 12px!important;box-shadow:0 8px 18px rgba(0,0,0,.08)!important;}
body.app-body .side-scroll,body.app-body .side-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:15px 11px 25px!important;}
body.app-body .nav-group,body.app-body .menu-group{margin-bottom:7px!important;}
body.app-body .nav-group-title,body.app-body .menu-group-title{width:100%!important;height:auto!important;display:flex!important;align-items:center!important;gap:9px!important;padding:9px 12px!important;margin:0!important;border:0!important;background:transparent!important;color:#8aa1b8!important;font-size:11px!important;font-weight:900!important;text-align:start!important;border-radius:10px!important;box-shadow:none!important;}
body.app-body .nav-group-title svg,body.app-body .menu-group-title svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;}
body.app-body .nav-group-title .nav-chevron,body.app-body .menu-group-title .nav-chevron{margin-inline-start:auto!important;width:15px!important;height:15px!important;}
body.app-body .nav-items{display:grid!important;gap:3px!important;}
body.app-body .side a.nav-link,body.app-body .nav-link{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;min-height:40px!important;padding:9px 12px!important;margin:0!important;border-radius:11px!important;border:0!important;background:transparent!important;color:#b8c8d8!important;font-size:12px!important;font-weight:800!important;line-height:1.4!important;box-shadow:none!important;transform:none!important;text-align:start!important;}
body.app-body .nav-link:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;}
body.app-body .nav-link.active{background:linear-gradient(90deg,rgba(20,184,166,.24),rgba(20,184,166,.08))!important;color:#5eead4!important;}
body.app-body .menu-icon{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;background:transparent!important;border-radius:0!important;display:inline-grid!important;place-items:center!important;overflow:hidden!important;color:inherit!important;}
body.app-body .menu-icon svg,body.app-body .nav-link svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;display:block!important;}
body.app-body .menu-label{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:inherit!important;opacity:1!important;}
body.app-body .sidebar-footer{padding:12px 16px!important;border-top:1px solid rgba(255,255,255,.07)!important;}

/* Topbar: compact horizontal row. This fixes the huge white area and the left stacked items. */
body.app-body .topbar.top,body.app-body header.topbar{height:84px!important;min-height:84px!important;max-height:84px!important;margin:0!important;padding:0 28px!important;border-radius:0!important;background:var(--sha-final-surface)!important;border:0!important;border-bottom:1px solid var(--sha-final-line)!important;box-shadow:none!important;position:sticky!important;top:0!important;z-index:100!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;overflow:visible!important;}
body.app-body .topbar-start{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;min-width:0!important;flex:1 1 auto!important;max-width:100%!important;}
body.app-body .topbar-start>div{display:block!important;min-width:0!important;}
body.app-body .topbar h1{margin:0!important;font-size:18px!important;font-weight:900!important;line-height:1.25!important;color:var(--sha-final-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.app-body .topbar p{margin:2px 0 0!important;font-size:10px!important;line-height:1.35!important;color:var(--sha-final-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.app-body .topbar-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;width:auto!important;min-width:0!important;max-width:58%!important;height:44px!important;max-height:44px!important;overflow:visible!important;flex:0 1 auto!important;margin:0!important;padding:0!important;}
body.app-body .topbar-actions>*{flex:0 0 auto!important;max-height:44px!important;}
body.app-body .icon-btn,body.app-body .theme-toggle,body.app-body .menu-toggle,body.app-body .menu-hide-toggle,body.app-body .notification-btn{width:39px!important;height:39px!important;min-width:39px!important;max-width:39px!important;min-height:39px!important;max-height:39px!important;padding:0!important;border:1px solid var(--sha-final-line)!important;border-radius:11px!important;background:#f8fafc!important;color:var(--sha-final-muted)!important;display:inline-grid!important;place-items:center!important;box-shadow:none!important;font-size:14px!important;line-height:1!important;overflow:hidden!important;}
body.app-body .icon-btn svg,body.app-body .topbar svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;display:block!important;}
body.app-body .lang-switch{height:39px!important;display:inline-flex!important;align-items:center!important;gap:2px!important;border:1px solid var(--sha-final-line)!important;border-radius:11px!important;padding:3px!important;background:#f8fafc!important;white-space:nowrap!important;overflow:hidden!important;}
body.app-body .lang-switch a{height:31px!important;min-width:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 8px!important;border-radius:8px!important;font-family:Inter,Tahoma,Arial,sans-serif!important;font-size:10px!important;font-weight:900!important;color:var(--sha-final-muted)!important;background:transparent!important;line-height:1!important;}
body.app-body .lang-switch a.active{background:#fff!important;color:var(--sha-final-primary)!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important;}
body.app-body .topbar .search{height:39px!important;width:220px!important;max-width:22vw!important;min-width:160px!important;border-radius:11px!important;background:#f8fafc!important;border:1px solid var(--sha-final-line)!important;padding:8px 12px!important;color:var(--sha-final-text)!important;margin:0!important;box-shadow:none!important;}
body.app-body .user-menu{position:relative!important;display:block!important;height:44px!important;max-height:44px!important;}
body.app-body .user-trigger{height:44px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:3px 5px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--sha-final-text)!important;box-shadow:none!important;white-space:nowrap!important;}
body.app-body .avatar{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--sha-final-primary),var(--sha-final-secondary))!important;color:#fff!important;font-weight:900!important;font-size:13px!important;}
body.app-body .user-copy{display:block!important;text-align:start!important;min-width:0!important;}
body.app-body .user-copy strong,body.app-body .user-copy small{display:block!important;line-height:1.25!important;max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.app-body .user-copy strong{font-size:11px!important;color:var(--sha-final-text)!important;}
body.app-body .user-copy small{font-size:9px!important;color:var(--sha-final-muted)!important;}
body.app-body .user-arrow{font-size:12px!important;color:var(--sha-final-muted)!important;}
body.app-body .user-dropdown{display:none!important;position:absolute!important;top:49px!important;inset-inline-end:0!important;min-width:180px!important;padding:6px!important;border-radius:14px!important;background:#fff!important;border:1px solid var(--sha-final-line)!important;box-shadow:0 14px 34px rgba(15,23,42,.12)!important;z-index:2000!important;}
body.app-body .user-menu.open .user-dropdown{display:grid!important;}
body.app-body .user-dropdown a{display:flex!important;align-items:center!important;gap:8px!important;padding:9px 10px!important;border-radius:9px!important;color:var(--sha-final-text)!important;background:transparent!important;font-size:11px!important;}
body.app-body .user-dropdown a:hover{background:#f8fafc!important;}
body.app-body .user-dropdown a.danger{color:#dc2626!important;}

/* Content spacing after fixing topbar */
body.app-body .content.main-content,body.app-body .main-content.content{padding:24px 28px 45px!important;flex:1 1 auto!important;overflow-x:hidden!important;}
body.app-body .app-footer.app-credit{margin:0!important;padding:15px 28px!important;border:0!important;border-top:1px solid var(--sha-final-line)!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;}

/* Reference-style cards and clean dashboard blocks */
body.app-body .card,body.app-body .video-card,body.app-body .finance-panel,body.app-body .quick-currency,body.app-body .cashbox-capital-overview,body.app-body .table-wrap,body.app-body .sale-table,body.app-body .invoice-table,body.app-body .settings-section-card,body.app-body .reports-hero-card,body.app-body .reports-table-card{background:#fff!important;border:1px solid var(--sha-final-line)!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(15,23,42,.06)!important;color:var(--sha-final-text)!important;}
body.app-body th{background:#f8fafc!important;color:var(--sha-final-muted)!important;border-bottom:1px solid var(--sha-final-line)!important;font-weight:900!important;}
body.app-body td{background:#fff!important;color:var(--sha-final-text)!important;border-bottom:1px solid var(--sha-final-line)!important;}
body.app-body tr:hover td{background:#f8fafc!important;}

/* Robust responsive behavior */
@media(max-width:1100px){
 body.app-body .topbar .search{display:none!important;}
 body.app-body .topbar-actions{max-width:50%!important;}
}
@media(max-width:900px){
 body.app-body .sidebar.side{width:min(88vw,315px)!important;inset-inline-start:auto!important;inset-inline-end:0!important;right:0!important;left:auto!important;transform:translateX(105%)!important;transition:.25s ease!important;z-index:1002!important;}
 html[dir="ltr"] body.app-body .sidebar.side{left:0!important;right:auto!important;transform:translateX(-105%)!important;}
 body.app-body.menu-open .sidebar.side,html[dir="ltr"] body.app-body.menu-open .sidebar.side{transform:translateX(0)!important;}
 body.app-body .menu-shade{display:none!important;position:fixed!important;inset:0!important;background:rgba(2,8,23,.45)!important;z-index:1001!important;}
 body.app-body.menu-open .menu-shade{display:block!important;}
 body.app-body .main.app-shell,html[dir="rtl"] body.app-body .main.app-shell,html[dir="ltr"] body.app-body .main.app-shell{margin:0!important;width:100%!important;}
 body.app-body .menu-toggle{display:inline-grid!important;}
 body.app-body .menu-hide-toggle{display:none!important;}
 body.app-body .topbar.top{height:auto!important;min-height:72px!important;max-height:none!important;padding:12px 14px!important;gap:10px!important;}
 body.app-body .topbar-actions{max-width:55%!important;height:39px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:0!important;}
 body.app-body .user-copy,body.app-body .user-arrow{display:none!important;}
 body.app-body .topbar .search{display:none!important;}
 body.app-body .content.main-content,body.app-body .main-content.content{padding:16px!important;}
}
@media(max-width:560px){
 body.app-body .topbar h1{font-size:15px!important;}
 body.app-body .topbar p{display:none!important;}
 body.app-body .topbar-actions{max-width:48%!important;}
 body.app-body .lang-switch a{min-width:26px!important;padding:0 6px!important;}
 body.app-body .content.main-content,body.app-body .main-content.content{padding:12px!important;}
}
@media print{body.app-body .sidebar.side,body.app-body .topbar.top,body.app-body .menu-shade,body.app-body .app-footer{display:none!important;}body.app-body .main.app-shell{margin:0!important;width:100%!important;background:#fff!important;}body.app-body .content.main-content{padding:0!important;}}

/* ===== 20260622 dark/light + interactive menu final CSS ===== */
body.app-body.theme-dark{
  --sha-final-bg:#0b1220;--sha-final-surface:#111b2c;--sha-final-line:#26344d;--sha-final-text:#eef4ff;--sha-final-muted:#9aabc2;--sha-bg:#0b1220;--sha-card:#111b2c;--sha-line:#26344d;--sha-text:#eef4ff;--sha-muted:#9aabc2;background:#0b1220!important;color:#eef4ff!important;
}
html.theme-dark,html.theme-dark body{background:#0b1220!important;}
body.app-body.theme-dark .premium-app.app,body.app-body.theme-dark .main.app-shell,body.app-body.theme-dark .content.main-content{background:#0b1220!important;color:#eef4ff!important;}
body.app-body.theme-dark .topbar.top,body.app-body.theme-dark header.topbar,body.app-body.theme-dark .top{background:#111b2c!important;border-color:#26344d!important;color:#eef4ff!important;box-shadow:0 10px 30px rgba(0,0,0,.22)!important;}
body.app-body.theme-dark .topbar h1,body.app-body.theme-dark .topbar p,body.app-body.theme-dark .section-title h2,body.app-body.theme-dark .page-header h2,body.app-body.theme-dark h1,body.app-body.theme-dark h2,body.app-body.theme-dark h3{color:#eef4ff!important;}
body.app-body.theme-dark .topbar p,body.app-body.theme-dark .muted,body.app-body.theme-dark .helper-text,body.app-body.theme-dark .section-title p,body.app-body.theme-dark .page-header p{color:#9aabc2!important;}
body.app-body.theme-dark .card,body.app-body.theme-dark .video-card,body.app-body.theme-dark .finance-panel,body.app-body.theme-dark .quick-currency,body.app-body.theme-dark .cashbox-capital-overview,body.app-body.theme-dark .table-wrap,body.app-body.theme-dark .sale-table,body.app-body.theme-dark .invoice-table,body.app-body.theme-dark .settings-section-card,body.app-body.theme-dark .reports-hero-card,body.app-body.theme-dark .reports-table-card,body.app-body.theme-dark .dashboard-mini-cards article,body.app-body.theme-dark .sales-filter-card,body.app-body.theme-dark .sales-list-card,body.app-body.theme-dark .purchase-editor{background:#111b2c!important;border-color:#26344d!important;color:#eef4ff!important;box-shadow:0 16px 36px rgba(0,0,0,.22)!important;}
body.app-body.theme-dark input,body.app-body.theme-dark select,body.app-body.theme-dark textarea,body.app-body.theme-dark .topbar .search,body.app-body.theme-dark .lang-switch,body.app-body.theme-dark .icon-btn,body.app-body.theme-dark .theme-toggle,body.app-body.theme-dark .menu-toggle,body.app-body.theme-dark .menu-hide-toggle,body.app-body.theme-dark .notification-btn{background:#172235!important;border-color:#2a3a55!important;color:#eef4ff!important;}
body.app-body.theme-dark input::placeholder,body.app-body.theme-dark textarea::placeholder{color:#7f91aa!important;}
body.app-body.theme-dark .lang-switch a.active{background:#22324a!important;color:#5eead4!important;}
body.app-body.theme-dark .user-trigger{color:#eef4ff!important;}
body.app-body.theme-dark .user-copy strong{color:#eef4ff!important;}
body.app-body.theme-dark .user-copy small,body.app-body.theme-dark .user-arrow{color:#9aabc2!important;}
body.app-body.theme-dark .user-dropdown{background:#111b2c!important;border-color:#26344d!important;box-shadow:0 16px 40px rgba(0,0,0,.35)!important;}
body.app-body.theme-dark .user-dropdown a{color:#eef4ff!important;}
body.app-body.theme-dark .user-dropdown a:hover{background:#172235!important;}
body.app-body.theme-dark th{background:#172235!important;color:#b7c5d8!important;border-color:#26344d!important;}
body.app-body.theme-dark td{background:#111b2c!important;color:#eef4ff!important;border-color:#26344d!important;}
body.app-body.theme-dark tr:hover td{background:#172235!important;}
body.app-body.theme-dark .app-footer.app-credit,body.app-body.theme-dark .app-credit{background:#111b2c!important;border-color:#26344d!important;color:#9aabc2!important;}
body.app-body .nav-group-title,.app-body .menu-group-title{cursor:pointer!important;user-select:none!important;}
body.app-body .nav-group-title svg:last-child,body.app-body .menu-group-title svg:last-child{transition:transform .18s ease!important;}
body.app-body .nav-group.collapsed .nav-items,body.app-body .menu-group.collapsed .nav-items{display:none!important;}
body.app-body .nav-group.collapsed .nav-group-title svg:last-child,body.app-body .menu-group.collapsed .menu-group-title svg:last-child{transform:rotate(-90deg)!important;}
body.app-body .user-menu{position:relative!important;}
body.app-body .user-dropdown{display:none!important;}
body.app-body .user-menu.open .user-dropdown{display:grid!important;}

/* ===== 20260622 sidebar final: one clean hide/unhide button ===== */
body.app-body .sidebar-unified-toggle{
  display:inline-grid!important;place-items:center!important;width:39px!important;height:39px!important;min-width:39px!important;max-width:39px!important;border:1px solid var(--sha-final-line,#d8e7f0)!important;border-radius:11px!important;background:#f8fafc!important;color:var(--sha-final-muted,#64748b)!important;font-size:18px!important;font-weight:900!important;line-height:1!important;padding:0!important;box-shadow:none!important;overflow:hidden!important;
}
body.app-body .menu-toggle[data-menu-toggle],
body.app-body .menu-hide-toggle[data-menu-hide]{display:none!important;visibility:hidden!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;pointer-events:none!important;}
@media (min-width:901px){
  body.app-body .mobile-only:not(.sidebar-unified-toggle){display:none!important;visibility:hidden!important;}
  body.app-body .sidebar-unified-toggle{display:inline-grid!important;visibility:visible!important;}
  html[dir="rtl"] body.app-body.menu-hidden .sidebar.side,
  html[dir="rtl"] body.app-body.menu-hidden aside.side.sidebar{transform:translateX(110%)!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;}
  html[dir="ltr"] body.app-body.menu-hidden .sidebar.side,
  html[dir="ltr"] body.app-body.menu-hidden aside.side.sidebar{transform:translateX(-110%)!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;}
  body.app-body.menu-hidden .main.app-shell,
  body.app-body.menu-hidden main.main.app-shell{margin-inline-start:0!important;margin-inline-end:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;}
  body.app-body.menu-hidden .sidebar-unified-toggle{background:#eef6ff!important;color:#0f3f68!important;border-color:#cfe3f4!important;}
}
@media (max-width:900px){
  body.app-body{overflow-x:hidden!important;}
  body.app-body .sidebar-unified-toggle{display:inline-grid!important;visibility:visible!important;}
  body.app-body.menu-hidden{ } /* disabled on mobile by JS */
  body.app-body .sidebar.side,body.app-body aside.side.sidebar{width:min(88vw,315px)!important;inset-inline-start:auto!important;inset-inline-end:0!important;right:0!important;left:auto!important;transform:translateX(105%)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:transform .25s ease!important;z-index:1002!important;}
  html[dir="ltr"] body.app-body .sidebar.side,html[dir="ltr"] body.app-body aside.side.sidebar{left:0!important;right:auto!important;transform:translateX(-105%)!important;}
  body.app-body.menu-open .sidebar.side,body.app-body.menu-open aside.side.sidebar,
  html[dir="ltr"] body.app-body.menu-open .sidebar.side,html[dir="ltr"] body.app-body.menu-open aside.side.sidebar{transform:translateX(0)!important;}
  body.app-body .menu-shade{display:none!important;position:fixed!important;inset:0!important;background:rgba(2,8,23,.45)!important;z-index:1001!important;}
  body.app-body.menu-open .menu-shade{display:block!important;}
  body.app-body .main.app-shell,html[dir="rtl"] body.app-body .main.app-shell,html[dir="ltr"] body.app-body .main.app-shell{margin:0!important;width:100%!important;max-width:100%!important;}
  body.app-body .brand .mobile-only[data-menu-close]{display:inline-grid!important;visibility:visible!important;width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;}
}
body.app-body.theme-dark .sidebar-unified-toggle{background:#172235!important;border-color:#2a3a55!important;color:#eef4ff!important;}

/* ===== 20260712 configurable sidebar, forms and operation panels ===== */
body.app-body .nav-group-title,
body.app-body .menu-group-title{
  min-height:42px!important;padding:10px 12px!important;margin:4px 8px!important;
  border-radius:12px!important;font-size:13px!important;font-weight:950!important;
  letter-spacing:.01em!important;color:#fff!important;background:rgba(255,255,255,.075)!important;
}
body.app-body .nav-group-title span,
body.app-body .menu-group-title span{font-size:13px!important;font-weight:950!important;}
body.app-body .nav-link{min-height:36px!important;padding:8px 12px!important;margin:2px 10px!important;border-radius:10px!important;}
body.app-body .nav-link .menu-label{font-size:10.5px!important;font-weight:700!important;line-height:1.35!important;}
body.app-body .nav-link .menu-icon svg{width:15px!important;height:15px!important;}

body.app-body .smart-panel{position:relative!important;overflow:visible!important;}
body.app-body .smart-panel>.section-title{padding-bottom:13px!important;margin-bottom:14px!important;border-bottom:1px solid var(--sha-final-line,#dbe5ee)!important;}
body.app-body .panel-tag{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:5px 10px!important;border-radius:999px!important;background:#eef7ff!important;color:#0d628e!important;border:1px solid #cfe7f5!important;font:800 9px/1 Inter,Tahoma,sans-serif!important;letter-spacing:.05em!important;}
body.app-body .panel-collapse-btn{width:31px!important;height:31px!important;display:inline-grid!important;place-items:center!important;border:1px solid var(--sha-final-line,#dbe5ee)!important;border-radius:9px!important;background:#f8fafc!important;color:var(--sha-final-text,#1f2937)!important;cursor:pointer!important;font-size:16px!important;font-weight:900!important;}
body.app-body .smart-panel.is-collapsed>*:not(.section-title){display:none!important;}
body.app-body .smart-panel.is-collapsed>.section-title{border-bottom:0!important;margin-bottom:0!important;padding-bottom:0!important;}
body.app-body .smart-panel.is-collapsed .panel-collapse-btn{transform:rotate(-90deg)!important;}

body.app-body .builder-table input,body.app-body .builder-table select{min-width:100px!important;width:100%!important;}
body.app-body .builder-table td:first-child input{min-width:180px!important;}
body.app-body .builder-create-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-top:18px!important;}
body.app-body .builder-mini-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:16px!important;border:1px solid var(--sha-final-line,#dbe5ee)!important;border-radius:16px!important;background:#f8fafc!important;}
body.app-body .builder-mini-form h4,body.app-body .builder-mini-form button{grid-column:1/-1!important;}
body.app-body .permission-table th:not(:first-child),body.app-body .permission-table td:not(:first-child){text-align:center!important;width:100px!important;}
body.app-body .permission-table input[type=checkbox],body.app-body .builder-table input[type=checkbox]{width:20px!important;height:20px!important;min-width:20px!important;accent-color:var(--theme-primary)!important;}
body.app-body .permission-table td:first-child small{display:block!important;color:var(--sha-final-muted,#64748b)!important;font-size:9px!important;margin-top:3px!important;}
body.app-body .permission-quick-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:7px!important;padding:10px!important;border:1px solid var(--sha-final-line,#dbe5ee)!important;border-radius:12px!important;}
body.app-body .permission-quick-list label{display:flex!important;align-items:center!important;gap:7px!important;font-size:10px!important;}
body.app-body .branch-chip-list{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:14px!important;}
body.app-body .branch-chip{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 11px!important;border-radius:999px!important;border:1px solid var(--sha-final-line,#dbe5ee)!important;background:#f8fafc!important;}
body.app-body .branch-chip small{font-family:Inter,Arial,sans-serif!important;color:var(--sha-final-muted,#64748b)!important;}

body.app-body .party-profile-form{display:grid!important;gap:16px!important;}
body.app-body .party-language-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
body.app-body .party-language-card{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:16px!important;border:1px solid var(--sha-final-line,#dbe5ee)!important;border-radius:16px!important;background:#fbfdff!important;}
body.app-body .party-language-card h4{grid-column:1/-1!important;margin:0!important;padding-bottom:9px!important;border-bottom:1px dashed var(--sha-final-line,#dbe5ee)!important;}
body.app-body .party-language-card>div:last-child{grid-column:1/-1!important;}
body.app-body .party-language-card input{width:100%!important;}

body.app-body .cashbox-two-only{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
body.app-body .cashbox-two-only .cashbox-hero-card{min-height:190px!important;padding:20px!important;}
body.app-body .cashbox-two-only .cashbox-hero-card h3{font-size:17px!important;font-weight:950!important;}
body.app-body .debt-tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;position:sticky!important;top:78px!important;z-index:25!important;padding:8px!important;border-radius:14px!important;background:rgba(255,255,255,.94)!important;border:1px solid var(--sha-final-line,#dbe5ee)!important;backdrop-filter:blur(10px)!important;}
body.app-body .debt-tabs a{padding:8px 13px!important;border-radius:9px!important;background:#f1f5f9!important;color:var(--sha-final-text,#1f2937)!important;font-size:10px!important;font-weight:900!important;}
body.app-body .inline-pay{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;min-width:390px!important;}
body.app-body .inline-pay input,body.app-body .inline-pay select{height:34px!important;min-width:90px!important;width:auto!important;padding:6px 8px!important;font-size:10px!important;}
body.app-body .negative-text{color:#dc2626!important;}
body.app-body .reservation-items-editor{display:grid!important;gap:10px!important;}
body.app-body .reservation-item-row{display:grid!important;grid-template-columns:minmax(180px,2fr) repeat(4,minmax(100px,1fr)) auto!important;gap:8px!important;align-items:end!important;padding:12px!important;border:1px solid var(--sha-final-line,#dbe5ee)!important;border-radius:14px!important;background:#fbfdff!important;}
body.app-body .incoming-form .span2,body.app-body .form-grid .span2{grid-column:1/-1!important;}

body.app-body.theme-dark .builder-mini-form,body.app-body.theme-dark .party-language-card,body.app-body.theme-dark .branch-chip,body.app-body.theme-dark .debt-tabs,body.app-body.theme-dark .reservation-item-row{background:#172235!important;border-color:#2a3a55!important;color:#eef4ff!important;}
body.app-body.theme-dark .panel-tag{background:#173149!important;border-color:#28506e!important;color:#b8e1ff!important;}
body.app-body.theme-dark .panel-collapse-btn{background:#172235!important;border-color:#2a3a55!important;color:#eef4ff!important;}

@media(max-width:900px){
 body.app-body .builder-create-grid,body.app-body .party-language-grid,body.app-body .cashbox-two-only{grid-template-columns:1fr!important;}
 body.app-body .party-language-card{grid-template-columns:1fr!important;}
 body.app-body .party-language-card>div,body.app-body .party-language-card h4{grid-column:1!important;}
 body.app-body .reservation-item-row{grid-template-columns:1fr 1fr!important;}
 body.app-body .inline-pay{min-width:300px!important;}
}
@media(max-width:560px){body.app-body .builder-mini-form,body.app-body .reservation-item-row{grid-template-columns:1fr!important;}body.app-body .debt-tabs{top:70px!important;}}


/* 2026-07-13: Sidebar hierarchy correction.
   Group headings are intentionally larger/bolder; child page names are smaller/lighter. */
body.app-body .sidebar .nav-group-title,
body.app-body .sidebar .menu-group-title{
  min-height:42px!important;
  padding:11px 12px 7px!important;
  color:#f2f7fb!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.45!important;
  letter-spacing:0!important;
}
body.app-body .sidebar .nav-group-title>span,
body.app-body .sidebar .menu-group-title>span{
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.45!important;
  color:inherit!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.app-body .sidebar .nav-group-title>svg:first-child,
body.app-body .sidebar .menu-group-title>svg:first-child{
  width:20px!important;
  height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
}
body.app-body .sidebar .nav-items{
  gap:2px!important;
  padding-inline:4px!important;
}
body.app-body .sidebar a.nav-link,
body.app-body .sidebar .nav-link{
  min-height:35px!important;
  padding:7px 10px!important;
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
body.app-body .sidebar .menu-label{
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
body.app-body .sidebar .nav-link.active,
body.app-body .sidebar .nav-link.active .menu-label{
  font-weight:700!important;
}

/* Keep the Sidebar builder visible and easy to find near the top of Settings. */
.settings-quick-nav{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 14px!important;
}
.settings-quick-link{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  padding:14px 16px!important;
  border:1px solid #dbe5ee!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#17324a!important;
  box-shadow:0 8px 20px rgba(15,23,42,.05)!important;
}
.settings-quick-link.primary{
  border-color:color-mix(in srgb,var(--theme-primary,#05afd4) 45%,#dbe5ee)!important;
  background:color-mix(in srgb,var(--theme-primary,#05afd4) 7%,#fff)!important;
}
.settings-quick-link b{font-size:14px!important;font-weight:900!important;color:#102a43!important;}
.settings-quick-link small{font-size:11px!important;color:#64788a!important;}
.sidebar-builder-card{
  border:2px solid color-mix(in srgb,var(--theme-primary,#05afd4) 30%,#dbe5ee)!important;
  scroll-margin-top:95px!important;
}
@media(max-width:700px){.settings-quick-nav{grid-template-columns:1fr!important;}}

/* USD base + language font size controls */
.font-size-settings{margin-top:18px}.font-size-settings input[type=range]{width:100%;margin-top:12px;accent-color:var(--theme-primary,#05afd4)}.font-size-settings label{display:grid;gap:8px}.font-size-settings b{direction:ltr;display:inline-block}

/* UI polish V5 — product controls, buttons and dashboard readability */
body.app-body .btn,
body.app-body a.btn,
body.app-body button.btn{
  min-height:36px!important;
  padding:8px 13px!important;
  border-radius:10px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  box-shadow:0 4px 12px rgba(15,23,42,.08)!important;
}
body.app-body .btn:hover{transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(15,23,42,.12)!important}
body.app-body .btn:active{transform:translateY(0)!important;box-shadow:0 2px 7px rgba(15,23,42,.09)!important}
body.app-body .section-title{align-items:center!important;gap:14px!important}
body.app-body .section-title>div{min-width:0!important}
body.app-body .section-title .btn{flex:0 0 auto!important}

body.page-products .product-row-actions{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  min-width:250px!important;
}
body.page-products .product-row-actions .btn{
  min-height:32px!important;
  padding:6px 10px!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
body.page-products .product-action-edit{background:#0f766e!important}
body.page-products .product-action-links{background:#f8fafc!important;color:#334155!important;border:1px solid #cbd5e1!important}
body.page-products .product-action-delete{background:#dc2626!important}
body.page-products .product-qty-control{
  display:inline-grid!important;
  grid-template-columns:30px 58px 30px!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
  direction:ltr!important;
}
body.page-products .product-qty-control .btn-qty{
  width:30px!important;height:30px!important;min-height:30px!important;
  padding:0!important;border:1px solid #cbd5e1!important;border-radius:8px!important;
  background:#f8fafc!important;color:#0f172a!important;font-size:17px!important;font-weight:900!important;
  cursor:pointer!important;box-shadow:none!important;
}
body.page-products .product-qty-control input[type=number]{
  width:58px!important;height:30px!important;min-height:30px!important;padding:3px 4px!important;
  text-align:center!important;border-radius:8px!important;direction:ltr!important;
}
body.page-products .table-wrap td{vertical-align:middle!important}
body.page-products .table-wrap td:nth-last-child(1){min-width:270px!important}
body.page-products .table-wrap td:nth-last-child(3){min-width:132px!important}

body.page-dashboard .finance-top-grid{
  display:grid!important;
  grid-template-columns:minmax(300px,1.2fr) minmax(260px,.9fr) minmax(260px,.9fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
body.page-dashboard .finance-panel{
  padding:18px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
body.page-dashboard .finance-panel>header{
  display:flex!important;align-items:center!important;gap:9px!important;margin-bottom:14px!important;
}
body.page-dashboard .finance-panel>header h2{margin:0!important;line-height:1.4!important}
body.page-dashboard .finance-ring{
  min-height:112px!important;
  padding:18px!important;
  margin-bottom:14px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:16px!important;
}
body.page-dashboard .finance-ring b{
  display:block!important;text-align:center!important;direction:ltr!important;
  font-size:clamp(22px,2.2vw,34px)!important;line-height:1.25!important;letter-spacing:-.02em!important;
  overflow-wrap:anywhere!important;
}
body.page-dashboard .finance-list{
  display:grid!important;grid-template-columns:1fr!important;gap:0!important;
  border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden!important;
}
body.page-dashboard .finance-list>div{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
  gap:14px!important;padding:10px 12px!important;border-bottom:1px solid var(--line)!important;
}
body.page-dashboard .finance-list>div:last-child{border-bottom:0!important}
body.page-dashboard .finance-list span{min-width:0!important;line-height:1.45!important}
body.page-dashboard .finance-list b{text-align:end!important;direction:ltr!important;white-space:nowrap!important;line-height:1.3!important}
body.page-dashboard .cashbox-capital-overview{padding:18px!important;border-radius:18px!important}
body.page-dashboard .cashbox-detail-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;
}
body.page-dashboard .cashbox-detail-grid article{
  min-width:0!important;padding:14px!important;border-radius:14px!important;
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:8px!important;
}
body.page-dashboard .cashbox-detail-grid b{direction:ltr!important;overflow-wrap:anywhere!important;line-height:1.35!important}
body.page-dashboard .dashboard-mini-cards{gap:12px!important}
body.page-dashboard .dashboard-mini-cards article{padding:15px!important;border-radius:14px!important}

@media(max-width:1180px){
 body.page-dashboard .finance-top-grid{grid-template-columns:1fr 1fr!important}
 body.page-dashboard .capital-panel{grid-column:1/-1!important}
 body.page-dashboard .cashbox-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
 body.page-products .product-row-actions{min-width:210px!important}
 body.page-dashboard .finance-top-grid{grid-template-columns:1fr!important}
 body.page-dashboard .capital-panel{grid-column:auto!important}
 body.page-dashboard .cashbox-detail-grid{grid-template-columns:1fr!important}
 body.page-dashboard .finance-list>div{grid-template-columns:1fr!important;gap:4px!important}
 body.page-dashboard .finance-list b{text-align:start!important}
}