/* OMBORCHI REFERENCE UI 2026-09-30 — visual-only, CodeXR-inspired premium dark system */
body.omb-ui-night{
 --rx-bg:#050d1d;--rx-bg2:#07152a;--rx-panel:#0a1b36;--rx-panel2:#0d2344;--rx-panel3:#10294e;
 --rx-text:#f7f9ff;--rx-muted:#8fa8c7;--rx-line:#21486f;--rx-line2:#2a5a89;
 --rx-blue:#2f8cff;--rx-cyan:#14d4e6;--rx-green:#18d39a;--rx-pink:#ff3c72;--rx-purple:#7654ff;--rx-orange:#ff9d35;
 --rx-shadow:0 18px 48px rgba(0,0,0,.28);--rx-glow:0 0 0 1px rgba(68,124,255,.08),0 0 28px rgba(47,140,255,.08);
}
body.omb-ui-day{
 --rx-bg:#eef5ff;--rx-bg2:#f7faff;--rx-panel:#ffffff;--rx-panel2:#f8fbff;--rx-panel3:#eef5ff;
 --rx-text:#112643;--rx-muted:#667d99;--rx-line:#d9e5f2;--rx-line2:#c8d9eb;
 --rx-blue:#247df3;--rx-cyan:#0eb8ce;--rx-green:#10b879;--rx-pink:#ef3157;--rx-purple:#6652ef;--rx-orange:#ec932d;
 --rx-shadow:0 14px 36px rgba(22,48,88,.08);--rx-glow:0 10px 30px rgba(30,78,140,.05);
}
#appView{
 color:var(--rx-text)!important;
 background:
 radial-gradient(circle at 14% -5%,rgba(90,77,255,.18),transparent 24%),
 radial-gradient(circle at 92% 5%,rgba(18,212,230,.11),transparent 22%),
 linear-gradient(180deg,var(--rx-bg2),var(--rx-bg))!important;
}
body.omb-ui-day #appView{background:linear-gradient(180deg,#f7fbff,#eef5ff)!important}
#appView .main,#appView .content,#content{background:transparent!important}
#appView .main:before{opacity:.13!important;filter:saturate(.8) brightness(.40)!important}
body.omb-ui-day #appView .main:before{opacity:.10!important;filter:saturate(.7) brightness(1.1)!important}
#appView .main:after{opacity:.045!important}
#appView .topbar{
 background:rgba(6,20,42,.94)!important;color:var(--rx-text)!important;
 border-bottom:1px solid var(--rx-line)!important;
 box-shadow:0 8px 30px rgba(0,0,0,.20)!important;backdrop-filter:blur(20px)!important;
}
body.omb-ui-day #appView .topbar{background:rgba(255,255,255,.94)!important}
#appView #menuBtn,#appView .top-controls select,#appView .top-controls input,#appView .omb-theme-toggle{
 background:var(--rx-panel2)!important;color:var(--rx-text)!important;border:1px solid var(--rx-line2)!important;
 box-shadow:none!important
}
#appView .top-controls select,#appView .top-controls input{border-radius:13px!important}
#appView .page-intro,#appView .exact-intro{margin:8px 0 16px!important}
#appView .page-intro h1,#appView .exact-intro h1,#appView #pageTitle{
 color:var(--rx-text)!important;text-shadow:none!important
}
#appView .page-intro p,#appView .exact-intro p,#appView #statusLine{color:var(--rx-muted)!important}
#appView .segmented,#appView .exact-segment,#appView .tabs-inline,#appView .premium-tabs{
 background:#081a34!important;border:1px solid var(--rx-line)!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important
}
body.omb-ui-day #appView .segmented,body.omb-ui-day #appView .tabs-inline,body.omb-ui-day #appView .premium-tabs{background:#edf3fb!important}
#appView .segmented button,#appView .segmented label,#appView .tabs-inline .btn,#appView .premium-tabs .btn{color:var(--rx-muted)!important;background:transparent!important}
#appView .segmented button.active,#appView .tabs-inline .btn.active,#appView .premium-tabs .btn.active{
 color:#fff!important;background:linear-gradient(135deg,var(--rx-purple),#357fff)!important;border-color:transparent!important;
 box-shadow:0 8px 22px rgba(89,85,255,.28)!important
}
#appView .sidebar{
 background:linear-gradient(180deg,#07152d 0%,#050e1f 100%)!important;
 color:#eef5ff!important;border-right:1px solid #1b4169!important;box-shadow:10px 0 34px rgba(0,0,0,.20)!important
}
body.omb-ui-day #appView .sidebar{background:#fff!important;color:#18304d!important;border-color:#dce6f1!important}
#appView .sidebar .brand b{color:inherit!important}
#appView .sidebar .brand small,#appView .sidebar .profile small{color:var(--rx-muted)!important}
#appView #nav button{color:#8fa7c6!important;border:1px solid transparent!important;background:transparent!important}
#appView #nav button:hover{color:#fff!important;background:rgba(47,140,255,.08)!important;border-color:rgba(47,140,255,.16)!important}
#appView #nav button.active{
 color:#fff!important;background:linear-gradient(135deg,rgba(118,84,255,.30),rgba(255,60,114,.20))!important;
 border-color:rgba(118,84,255,.55)!important;
 box-shadow:inset 3px 0 0 #8b63ff,0 0 24px rgba(105,81,255,.18)!important
}
body.omb-ui-day #appView #nav button{color:#536c88!important}
body.omb-ui-day #appView #nav button.active{background:linear-gradient(135deg,#6b58f4,#407ff5)!important;color:#fff!important}

/* all surfaces */
#appView .premium-card,#appView .card,#appView .form-card,#appView .final-card,#appView .final-kpi,
#appView .summary-card,#appView .metric-card,#appView .cat,#appView .ai-action,#appView .ai-msg,
#appView .supplier-results,#appView .product-results,#appView .vitrina-main-card,#appView .stock-main-card{
 position:relative;background:linear-gradient(180deg,rgba(13,35,68,.97),rgba(8,25,50,.97))!important;
 color:var(--rx-text)!important;border:1px solid var(--rx-line)!important;border-radius:18px!important;
 box-shadow:var(--rx-shadow)!important;backdrop-filter:blur(16px)!important
}
body.omb-ui-day #appView .premium-card,body.omb-ui-day #appView .card,body.omb-ui-day #appView .form-card,
body.omb-ui-day #appView .final-card,body.omb-ui-day #appView .final-kpi,body.omb-ui-day #appView .summary-card,
body.omb-ui-day #appView .metric-card{background:#fff!important;color:var(--rx-text)!important;border-color:var(--rx-line)!important;box-shadow:var(--rx-shadow)!important}
body.omb-ui-night #appView .premium-card:before,body.omb-ui-night #appView .card:before{
 content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent,rgba(76,143,255,.45),rgba(118,84,255,.36),transparent)
}
#appView .premium-card.plan-card{border-color:#315f95!important;box-shadow:0 18px 46px rgba(0,0,0,.28),0 0 26px rgba(59,111,255,.07)!important}
#appView .section-head{border-bottom:1px solid rgba(92,128,170,.20)!important;padding-bottom:10px!important}
#appView .section-head h3,#appView .section-head h2,#appView .final-head h3,#appView .form-title h2{color:var(--rx-text)!important}
#appView .section-link,#appView .muted,#appView .hint,#appView .field,#appView .final-field{color:var(--rx-muted)!important}
#appView .red-icon{color:#ff4769!important;text-shadow:0 0 12px rgba(255,71,105,.22)!important}
#appView .branch-chip,#appView .badge,#appView .final-status{
 background:#0e2a50!important;color:#cfe1ff!important;border:1px solid #2d5a86!important
}
body.omb-ui-day #appView .branch-chip,body.omb-ui-day #appView .badge{background:#f7faff!important;color:#294663!important;border-color:#d7e4f0!important}

/* hero plan */
#appView .plan-donut,#appView .plan-donut.exact-donut{
 filter:drop-shadow(0 0 16px rgba(47,140,255,.12))!important
}
body.omb-ui-night #appView .plan-donut:after,body.omb-ui-night #appView .plan-donut.exact-donut:after{
 background:#0b2140!important;box-shadow:inset 0 0 0 1px #1f466f!important
}
#appView .plan-donut-center small{color:var(--rx-muted)!important}
#appView .plan-donut-center b{color:var(--rx-text)!important}
#appView .donut-legend{color:var(--rx-muted)!important}
body.omb-ui-night #appView .l-left{background:#173454!important}
#appView .premium-metric,#appView .exact-metric{
 background:#0d2749!important;border:1px solid #275078!important;color:var(--rx-text)!important;border-radius:14px!important;
 box-shadow:inset 0 1px rgba(255,255,255,.025)!important
}
body.omb-ui-day #appView .premium-metric,body.omb-ui-day #appView .exact-metric{background:#fff!important;border-color:#dce6f1!important}
body.omb-ui-night #appView .premium-metric.sof{border-color:#275f9a!important;box-shadow:0 0 20px rgba(47,140,255,.06)!important}
body.omb-ui-night #appView .premium-metric.coll{border-color:#196b5b!important;box-shadow:0 0 20px rgba(24,211,154,.05)!important}
body.omb-ui-night #appView .premium-metric.cash{border-color:#80405a!important;box-shadow:0 0 20px rgba(255,60,114,.05)!important}
#appView .metric-copy span,#appView .metric-copy small{color:var(--rx-muted)!important}
#appView .metric-copy b{color:var(--rx-text)!important}
body.omb-ui-night #appView .sof .metric-icon{background:rgba(47,140,255,.14)!important;color:#6fb2ff!important}
body.omb-ui-night #appView .coll .metric-icon{background:rgba(24,211,154,.13)!important;color:#56e6b7!important}
body.omb-ui-night #appView .cash .metric-icon{background:rgba(255,60,114,.13)!important;color:#ff7596!important}
#appView .total-strip>div,#appView .summary-pills span{
 background:#0c2343!important;border:1px solid #244b73!important;color:var(--rx-muted)!important
}
body.omb-ui-day #appView .total-strip>div,body.omb-ui-day #appView .summary-pills span{background:#f8fbff!important;border-color:#dce7f2!important}
#appView .total-strip span,#appView .plan-strip span{color:var(--rx-muted)!important}
#appView .total-strip b,#appView .plan-strip b,#appView .summary-pills b{color:var(--rx-text)!important}
#appView .plan-strip{border-top-color:#274c72!important}
#appView .plan-strip>div{border-right-color:#274c72!important}
#appView .plan-strip .good b,#appView .good-text{color:#35dca8!important}
#appView .plan-strip .bad b,#appView .bad-text{color:#ff6784!important}

/* charts */
#appView .sales-chart,#appView .v208-chart,#appView .daily-chart{
 border:1px solid #1d4167!important;border-radius:14px!important;
 background:
 linear-gradient(rgba(55,93,135,.10) 1px,transparent 1px),
 linear-gradient(90deg,rgba(55,93,135,.08) 1px,transparent 1px),
 linear-gradient(180deg,#081c37,#091a31)!important;
 background-size:100% 48px,64px 100%,100% 100%!important;
 padding:12px!important
}
body.omb-ui-day #appView .sales-chart,body.omb-ui-day #appView .v208-chart{background:#fbfdff!important;border-color:#dce7f2!important}
#appView .sales-chart svg{filter:drop-shadow(0 0 7px rgba(47,140,255,.28))!important}
#appView .chart-labels,#appView .chart-hint{color:var(--rx-muted)!important}

/* tables */
#appView .table-wrap,#appView .premium-table,#appView .final-table-wrap,#appView .count-acts-table,#appView .count-review-table{
 background:#091d38!important;border:1px solid #244b73!important;border-radius:14px!important;box-shadow:none!important
}
body.omb-ui-day #appView .table-wrap,body.omb-ui-day #appView .premium-table,body.omb-ui-day #appView .final-table-wrap{background:#fff!important;border-color:#dce6f1!important}
#appView .table,#appView .final-table{background:transparent!important;color:var(--rx-text)!important}
#appView .table th,#appView .final-table th{
 background:#102a4d!important;color:#a9bdd5!important;border-color:#2a4f74!important
}
#appView .table td,#appView .final-table td{
 background:#0a203d!important;color:#edf5ff!important;border-color:#244766!important
}
#appView .table td b,#appView .final-table td b{color:#fff!important}
#appView .table tbody tr:nth-child(even) td,#appView .final-table tbody tr:nth-child(even) td{background:#0c2442!important}
#appView .table tbody tr:hover td,#appView .final-table tbody tr:hover td{background:#113153!important}
body.omb-ui-day #appView .table th,body.omb-ui-day #appView .final-table th{background:#f4f8fc!important;color:#61758c!important;border-color:#dce6f1!important}
body.omb-ui-day #appView .table td,body.omb-ui-day #appView .final-table td{background:#fff!important;color:#243a56!important;border-color:#edf2f6!important}
#appView .rank-bubble{background:#122e51!important;color:#dce9ff!important}
#appView tbody tr:first-child .rank-bubble{background:rgba(255,60,114,.16)!important;color:#ff7897!important}
#appView .forecast-pill.ok{background:rgba(24,211,154,.14)!important;color:#62e9bc!important}
#appView .forecast-pill.warn{background:rgba(255,157,53,.14)!important;color:#ffc270!important}
#appView .forecast-pill.bad{background:rgba(255,60,114,.14)!important;color:#ff829d!important}

/* fields and controls */
#appView input,#appView select,#appView textarea,#appView .search-box,#appView .final-search,
#appView .final-field input,#appView .final-field select,#appView .final-field textarea{
 background:#0d2545!important;color:#f6f9ff!important;border-color:#315a83!important
}
#appView input::placeholder,#appView textarea::placeholder{color:#7790ae!important}
body.omb-ui-day #appView input,body.omb-ui-day #appView select,body.omb-ui-day #appView textarea,body.omb-ui-day #appView .search-box{background:#fff!important;color:#17304d!important;border-color:#cfdeec!important}
#appView .btn,#appView .final-btn,#appView .vitrina-mode-tabs button{
 background:#0d2749!important;color:#cfddf0!important;border-color:#31577d!important;box-shadow:none!important
}
#appView .btn:hover,#appView .final-btn:hover{background:#123358!important;border-color:#3d6993!important}
#appView .btn.primary,#appView .final-btn.red,#appView .vitrina-mode-tabs button.active{
 color:#fff!important;background:linear-gradient(135deg,#7354ff,#3d83ff)!important;border-color:transparent!important;
 box-shadow:0 8px 22px rgba(89,85,255,.23)!important
}
body.omb-ui-day #appView .btn,body.omb-ui-day #appView .final-btn{background:#fff!important;color:#17304d!important;border-color:#d4e0ec!important}

/* generic inner legacy white blocks */
body.omb-ui-night #appView .inner-card,body.omb-ui-night #appView .kv,body.omb-ui-night #appView .detail-list,
body.omb-ui-night #appView .result-item,body.omb-ui-night #appView .line-row,body.omb-ui-night #appView .final-result,
body.omb-ui-night #appView .final-line,body.omb-ui-night #appView .final-doc{
 background:#0c2342!important;color:#eef5ff!important;border-color:#284d73!important
}
body.omb-ui-night #appView .inner-card b,body.omb-ui-night #appView .kv b,body.omb-ui-night #appView .detail-list b{color:#fff!important}

/* bottom navigation */
#appView #bottomNav.final-bottom,#appView #bottomNav{
 background:rgba(6,20,41,.97)!important;border-top:1px solid #23486f!important;
 box-shadow:0 -12px 32px rgba(0,0,0,.30)!important;backdrop-filter:blur(20px)!important
}
#appView #bottomNav button{color:#7f97b6!important}
#appView #bottomNav button.active{
 color:#ff5c7c!important;
 background:radial-gradient(circle at 50% 70%,rgba(255,60,114,.17),transparent 70%)!important;
 box-shadow:inset 3px 0 0 #ff4168!important
}
body.omb-ui-day #appView #bottomNav{background:rgba(255,255,255,.96)!important;border-color:#dde6ef!important}
body.omb-ui-day #appView #bottomNav button.active{color:#6d55ef!important;background:#f2efff!important;box-shadow:inset 3px 0 0 #6d55ef!important}

/* Sanoq visual unification */
body.omb-ui-night .count-page-premium,body.omb-ui-night .count-focus-page,body.omb-ui-night .count-acts-page,body.omb-ui-night .count-review-page{
 background:
 radial-gradient(circle at 16% 0%,rgba(83,85,255,.12),transparent 26%),
 linear-gradient(180deg,#07162c,#061326)!important;color:#f7f9ff!important
}
body.omb-ui-night .count-session-premium,body.omb-ui-night .count-focus-summary,body.omb-ui-night .count-search-premium,
body.omb-ui-night .count-current-card,body.omb-ui-night .count-recent-premium,body.omb-ui-night .count-mobile-card,
body.omb-ui-night .count-acts-card,body.omb-ui-night .count-review-kpis span,body.omb-ui-night .count-review-search,
body.omb-ui-night .count-review-table{
 background:linear-gradient(180deg,#0d2547,#091d38)!important;color:#f6f9ff!important;border-color:#28517c!important;
 box-shadow:0 16px 40px rgba(0,0,0,.24)!important
}
body.omb-ui-night .count-place b,body.omb-ui-night .count-kpis b,body.omb-ui-night .count-current-title b,
body.omb-ui-night .count-recent-title h2,body.omb-ui-night .count-list-top h1,body.omb-ui-night .count-mobile-note{color:#fff!important}
body.omb-ui-night .count-place small,body.omb-ui-night .count-kpis span,body.omb-ui-night .count-current-title span,body.omb-ui-night .count-table-head{color:#9db1ca!important}

/* mobile reference feel */
@media(max-width:760px){
 #appView .content,#content{padding:10px 9px calc(88px + env(safe-area-inset-bottom))!important}
 #appView .page-intro{padding:2px 4px!important;margin-bottom:12px!important}
 #appView .page-intro h1{font-size:28px!important}
 #appView .page-intro p{font-size:13px!important}
 #appView .premium-card,#appView .card,#appView .final-card{border-radius:16px!important;padding:12px!important}
 #appView .section-head h3{font-size:17px!important}
 #appView .premium-metric,#appView .exact-metric{border-radius:12px!important}
 #appView .table-wrap{border-radius:13px!important}
 #appView .topbar{background:rgba(6,20,41,.96)!important}
 body.omb-ui-day #appView .topbar{background:rgba(255,255,255,.96)!important}
}

/* reference v1.1 glow polish */
body.omb-ui-night #appView .premium-card,
body.omb-ui-night #appView .card{
 box-shadow:0 16px 42px rgba(0,0,0,.28),0 0 0 1px rgba(72,130,255,.04),0 0 28px rgba(50,105,255,.045)!important
}
body.omb-ui-night #appView .premium-card.plan-card{
 box-shadow:0 20px 52px rgba(0,0,0,.34),0 0 32px rgba(90,74,255,.10)!important
}
body.omb-ui-night #appView .sales-chart,
body.omb-ui-night #appView .table-wrap{
 box-shadow:inset 0 1px 0 rgba(82,151,255,.08),0 10px 30px rgba(0,0,0,.16)!important
}
body.omb-ui-night #appView .section-head h3{
 text-shadow:0 0 18px rgba(102,141,255,.08)!important
}
body.omb-ui-night #appView ::-webkit-scrollbar{width:8px;height:8px}
body.omb-ui-night #appView ::-webkit-scrollbar-track{background:#07172e}
body.omb-ui-night #appView ::-webkit-scrollbar-thumb{background:#244f79;border-radius:99px}
body.omb-ui-night #appView ::-webkit-scrollbar-thumb:hover{background:#356b9d}