/* BLUEFLOW Merchant UI Refresh v2 — friendly, calm, premium visual layer
   Visual-only overrides: no business logic, no layout engine changes. */

html:not([data-theme="dark"]){--bg:#f7fbff;--bd:#e2edf7;--m:#71879a;--bf-soft-blue:#edf7ff;--bf-soft-mint:#eaf9f2;--bf-soft-yellow:#fff6dc;--bf-soft-lavender:#f3efff;--bf-card-shadow:0 12px 34px rgba(30,91,143,.055)}
html:not([data-theme="dark"]) body{background:radial-gradient(circle at 79% 8%,rgba(189,229,255,.22),transparent 24%),linear-gradient(180deg,#f8fcff 0%,#f5faff 100%)}
body{letter-spacing:-.01em}
#app .card,#app .panel,#app .summary{border-radius:24px}
html:not([data-theme="dark"]) #app .card,html:not([data-theme="dark"]) #app .panel,html:not([data-theme="dark"]) #app .summary{border-color:#e2edf7;box-shadow:var(--bf-card-shadow);background:rgba(255,255,255,.96)}
#app .btn{border-radius:15px;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}
#app .btn:hover{transform:translateY(-1px)}#app .btn:active{transform:translateY(0)}
html:not([data-theme="dark"]) #app .primary{background:linear-gradient(105deg,#249cf8 0%,#0877df 58%,#006ace 100%);box-shadow:0 10px 22px rgba(18,124,219,.18)}
html:not([data-theme="dark"]) #app .secondary,html:not([data-theme="dark"]) #app .softbtn{background:#fff;border-color:#cfe2f2;color:#0874cf;box-shadow:0 5px 14px rgba(38,101,150,.045)}
html:not([data-theme="dark"]) #app .secondary:hover,html:not([data-theme="dark"]) #app .softbtn:hover{background:#f3f9ff;border-color:#a9d2ef}
html:not([data-theme="dark"]) .top{background:linear-gradient(90deg,#0b65a7 0%,#168bff 50%,#0b65a7 100%)!important;box-shadow:0 5px 18px rgba(20,108,174,.10)!important}
.top-live{border-radius:999px!important;background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.22)!important}.top-live-dot{box-shadow:0 0 0 5px rgba(127,242,194,.15)!important}
#app .side{padding:22px 18px 18px!important}
html:not([data-theme="dark"]) #app .side{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;border-right:1px solid #e5eef7!important;box-shadow:10px 0 34px rgba(35,84,124,.025)}
#app .side>.brand{padding:2px 2px 8px;font-size:23px;letter-spacing:-.5px}
#app .side>.brand .logo{width:38px;height:38px;border-radius:14px 14px 19px 19px;box-shadow:0 9px 19px rgba(22,139,255,.20)}
#app .biz{position:relative;overflow:hidden;margin:16px 0 18px!important;padding:15px 15px 14px!important;border-radius:21px!important}
html:not([data-theme="dark"]) #app .biz{border-color:#dcebf7!important;background:linear-gradient(145deg,#f9fcff 0%,#eff8ff 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 20px rgba(30,91,143,.035)}
html:not([data-theme="dark"]) #app .biz:after{content:"";position:absolute;width:64px;height:64px;border-radius:50%;right:-20px;top:-22px;background:rgba(176,220,255,.27);pointer-events:none}
#app .biz b{display:block;margin:3px 0 2px;font-size:14px;line-height:1.35}
#app .nav{min-height:47px;display:flex;align-items:center;gap:11px;padding:7px 10px!important;border-radius:15px!important;margin:3px 0!important;font-size:13px;font-weight:500;transition:background .15s ease,color .15s ease,transform .15s ease}
#app .nav:hover{transform:translateX(1px)}
#app .navico{width:34px!important;height:34px!important;min-width:34px!important;display:grid!important;place-items:center!important;border-radius:11px!important;font-size:15px!important}
html:not([data-theme="dark"]) #app .nav{color:#627c93}html:not([data-theme="dark"]) #app .nav:hover{color:#176da9;background:#f4f9fd}
html:not([data-theme="dark"]) #app .navico{background:#f0f5fa!important;color:#64839e!important}
html:not([data-theme="dark"]) #app .nav.on{color:#0874d2!important;background:linear-gradient(100deg,#eaf6ff 0%,#dff1ff 100%)!important;box-shadow:inset 0 0 0 1px #cde6f9,0 7px 18px rgba(22,139,255,.07);font-weight:700}
html:not([data-theme="dark"]) #app .nav.on .navico{color:#fff!important;background:linear-gradient(145deg,#49b3ff,#168bff)!important;box-shadow:0 7px 14px rgba(22,139,255,.20)}
html:not([data-theme="dark"]) #app .bar{background:rgba(255,255,255,.94)!important;box-shadow:0 10px 30px rgba(35,84,124,.055)!important;border-bottom:1px solid rgba(217,233,246,.8)!important}
html:not([data-theme="dark"]) #app .bar:before{height:1px!important;background:linear-gradient(90deg,transparent 0%,rgba(22,139,255,.55) 35%,rgba(22,139,255,.28) 68%,transparent 100%)!important;box-shadow:none!important}
#app .bar h2{letter-spacing:-.55px!important}#app .bar .right{gap:10px!important}#app .bar-shop{border-radius:17px!important}
html:not([data-theme="dark"]) #app .bar-shop{background:linear-gradient(145deg,#fbfdff,#f3f9ff)!important;border-color:#d8e8f5!important}
#app .bar-shop-avatar{border-radius:12px!important}#app .theme-toggle.app-mode{border-radius:15px!important}
html:not([data-theme="dark"]) #app .theme-toggle.app-mode{background:#f8fbfe!important;border-color:#d4e5f2!important;box-shadow:none!important}
#app .content{max-width:1480px!important;padding:30px 30px 38px!important}
html:not([data-theme="dark"]) #app .main{background:radial-gradient(circle at 82% 0,rgba(198,231,255,.20),transparent 24%),linear-gradient(180deg,#f7fbff 0%,#f4f9fe 100%)!important}
html:not([data-theme="dark"]) #app .content{background:transparent!important}
html body.bf-dashboard-simple-active .bf-dash-simple-hero{position:relative;overflow:hidden;min-height:158px!important;padding:29px 30px!important;border-radius:28px!important;isolation:isolate}
html:not([data-theme="dark"]) body.bf-dashboard-simple-active .bf-dash-simple-hero{background:radial-gradient(circle at 73% 46%,rgba(139,215,255,.25) 0 8%,transparent 8.5%),radial-gradient(circle at 61% 79%,rgba(255,220,117,.33) 0 1.7%,transparent 1.9%),radial-gradient(circle at 82% 18%,rgba(152,234,211,.28) 0 2.5%,transparent 2.7%),linear-gradient(120deg,#f5fbff 0%,#eaf6ff 58%,#f5fbff 100%)!important;border:1px solid #d4e8f8!important;box-shadow:0 14px 34px rgba(33,104,158,.065)!important}
html body.bf-dashboard-simple-active .bf-dash-simple-hero:before{content:"";position:absolute;z-index:-1;width:310px;height:310px;border-radius:50%;right:13%;top:-205px;background:rgba(190,229,255,.34);pointer-events:none}
html body.bf-dashboard-simple-active .bf-dash-simple-hero:after{content:"♡";position:absolute;right:8.5%;top:38px;width:84px;height:84px;display:grid;place-items:center;border-radius:28px 28px 38px 38px;color:rgba(255,255,255,.95);font-size:32px;font-weight:700;transform:rotate(5deg);background:linear-gradient(160deg,#7dcaff 0%,#31a5f7 46%,#1180df 100%);box-shadow:0 18px 28px rgba(31,132,213,.16);border:1px solid rgba(255,255,255,.55);pointer-events:none}
html body.bf-dashboard-simple-active .bf-dash-simple-hero .dash-hero-copy{position:relative;z-index:2;max-width:min(58%,720px)}
html body.bf-dashboard-simple-active .bf-dash-simple-hero .dash-actions{position:relative;z-index:2;padding-right:124px}
html body.bf-dashboard-simple-active .bf-dash-simple-hero h1{font-size:32px!important;letter-spacing:-.7px!important}
html:not([data-theme="dark"]) body.bf-dashboard-simple-active .bf-dash-simple-hero .dash-kicker{background:#fff!important;border:1px solid #d7e9f8!important;color:#0879dc!important;box-shadow:0 5px 13px rgba(35,84,124,.04)}
html body.bf-dashboard-simple-active #bfDashboardRangeBar{margin-top:16px}
html body.bf-dashboard-simple-active #bfDashboardRangeBar>div,html body.bf-dashboard-simple-active #bfDashboardRangeBar .bf-report-range,html body.bf-dashboard-simple-active #bfDashboardRangeBar .bf-range-picker{border-radius:20px!important}
html:not([data-theme="dark"]) body.bf-dashboard-simple-active #bfDashboardRangeBar>div,html:not([data-theme="dark"]) body.bf-dashboard-simple-active #bfDashboardRangeBar .bf-report-range,html:not([data-theme="dark"]) body.bf-dashboard-simple-active #bfDashboardRangeBar .bf-range-picker{border-color:#dceaf6!important;box-shadow:0 8px 20px rgba(30,91,143,.035)!important}
html body.bf-dashboard-simple-active #bfSmartDash.bf-smart-dash-simple{border-radius:22px!important;padding:16px 17px!important}
html:not([data-theme="dark"]) body.bf-dashboard-simple-active #bfSmartDash.bf-smart-dash-simple{background:radial-gradient(circle at 72% 100%,rgba(174,220,255,.22),transparent 28%),linear-gradient(100deg,#f4faff 0%,#eef8ff 100%)!important;border-color:#d1e8fa!important;box-shadow:0 9px 24px rgba(30,91,143,.035)!important}
html body.bf-dashboard-simple-active #bfSmartDash.bf-smart-dash-simple .bf-smart-dash-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;box-shadow:0 8px 16px rgba(22,139,255,.16)}
html body.bf-dashboard-simple-active #bfSmartDash.bf-smart-dash-simple button{border-radius:14px!important}
html body.bf-dashboard-simple-active .bf-today-main{border-radius:22px!important;padding:17px 18px!important}
html:not([data-theme="dark"]) body.bf-dashboard-simple-active .bf-today-main{border-color:#e2ebf4!important;background:rgba(255,255,255,.98)!important;box-shadow:0 10px 26px rgba(35,84,124,.04)!important}
html body.bf-dashboard-simple-active .bf-today-icon{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:15px!important;background:var(--bf-soft-yellow)!important;color:#c58b14!important}
html body.bf-dashboard-simple-active .bf-simple-kpis{gap:15px!important;margin-top:15px!important}
html body.bf-dashboard-simple-active .bf-simple-kpi{min-height:122px!important;padding:20px!important;border-radius:24px!important}
html:not([data-theme="dark"]) body.bf-dashboard-simple-active .bf-simple-kpi{border-color:#e2ebf4!important;box-shadow:0 11px 27px rgba(30,91,143,.045)!important}
html body.bf-dashboard-simple-active .bf-simple-kpi-icon{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:16px!important;font-size:19px!important}
html:not([data-theme="dark"]) body.bf-dashboard-simple-active .bf-simple-kpi:nth-child(1) .bf-simple-kpi-icon{background:#e8f4ff!important;color:#087ce2!important}
html:not([data-theme="dark"]) body.bf-dashboard-simple-active .bf-simple-kpi:nth-child(2) .bf-simple-kpi-icon{background:var(--bf-soft-mint)!important;color:#17a46b!important}
html:not([data-theme="dark"]) body.bf-dashboard-simple-active .bf-simple-kpi:nth-child(3) .bf-simple-kpi-icon{background:var(--bf-soft-lavender)!important;color:#7a4fd4!important}
html body.bf-dashboard-simple-active .bf-simple-kpi b{font-size:29px!important;margin-top:5px!important}
html body.bf-dashboard-simple-active .bf-simple-main-grid{gap:17px!important;margin-top:17px!important}
html body.bf-dashboard-simple-active .bf-activity-simple,html body.bf-dashboard-simple-active .bf-ready-card,html body.bf-dashboard-simple-active .bf-onboarding-simple{border-radius:24px!important}
html:not([data-theme="dark"]) body.bf-dashboard-simple-active .bf-activity-simple,html:not([data-theme="dark"]) body.bf-dashboard-simple-active .bf-ready-card,html:not([data-theme="dark"]) body.bf-dashboard-simple-active .bf-onboarding-simple{box-shadow:0 11px 27px rgba(30,91,143,.045)!important}
html body.bf-dashboard-simple-active .bf-day-activity-icon{border-radius:13px!important}html:not([data-theme="dark"]) body.bf-dashboard-simple-active .bf-day-activity-icon{background:#eff8ff!important}
html body.bf-dashboard-simple-active .bf-ready-check{width:45px!important;height:45px!important;border-radius:15px!important}
html:not([data-theme="dark"]) body.bf-dashboard-simple-active .bf-ready-check{background:#e8f9f1!important;color:#18a66c!important}html:not([data-theme="dark"]) body.bf-dashboard-simple-active .bf-ready-pill{background:#e8f9f1!important;color:#16865b!important}
#app .inp,#app .sel,#app textarea{border-radius:15px!important}
html:not([data-theme="dark"]) #app .inp,html:not([data-theme="dark"]) #app .sel,html:not([data-theme="dark"]) #app textarea{border-color:#cbddeb!important;background:#fff!important}
html:not([data-theme="dark"]) #app .inp:focus,html:not([data-theme="dark"]) #app .sel:focus,html:not([data-theme="dark"]) #app textarea:focus{border-color:#168bff!important;box-shadow:0 0 0 4px rgba(22,139,255,.12)!important}
#app .table{border-radius:21px!important;overflow:hidden}html:not([data-theme="dark"]) #app .table{border-color:#e2ebf4!important;box-shadow:0 9px 24px rgba(30,91,143,.035)}
html:not([data-theme="dark"]) #app .table th{background:#f8fbfe!important;color:#6d8498!important}html:not([data-theme="dark"]) #app .table td{border-color:#e8f0f7!important}html:not([data-theme="dark"]) #app .empty{border-color:#cfe0ed!important;background:#fbfdff!important}
@media(hover:hover){html:not([data-theme="dark"]) #app .card:not(.authcard):hover{border-color:#d3e5f3}}
@media(prefers-reduced-motion:reduce){#app .btn,#app .nav,.theme-toggle{transition:none!important}#app .btn:hover,#app .nav:hover,.theme-toggle:hover{transform:none!important}}
html[data-theme="dark"] #app .nav,html[data-theme="dark"] #app .navico,html[data-theme="dark"] #app .bar-shop,html[data-theme="dark"] #app .theme-toggle.app-mode{border-radius:15px!important}
html[data-theme="dark"] body.bf-dashboard-simple-active .bf-dash-simple-hero,html[data-theme="dark"] body.bf-dashboard-simple-active .bf-today-main,html[data-theme="dark"] body.bf-dashboard-simple-active .bf-simple-kpi,html[data-theme="dark"] body.bf-dashboard-simple-active .bf-ready-card,html[data-theme="dark"] body.bf-dashboard-simple-active .bf-activity-simple{border-radius:24px!important}
@media(max-width:1100px){html body.bf-dashboard-simple-active .bf-dash-simple-hero .dash-hero-copy{max-width:68%}html body.bf-dashboard-simple-active .bf-dash-simple-hero .dash-actions{padding-right:92px}html body.bf-dashboard-simple-active .bf-dash-simple-hero:after{right:4%;width:72px;height:72px}}
@media(max-width:700px){#app .content{padding:18px 12px 28px!important}#app .side{padding:16px 12px!important}html body.bf-dashboard-simple-active .bf-dash-simple-hero{padding:21px!important;min-height:auto!important;border-radius:22px!important}html body.bf-dashboard-simple-active .bf-dash-simple-hero .dash-hero-copy{max-width:100%}html body.bf-dashboard-simple-active .bf-dash-simple-hero .dash-actions{padding-right:0}html body.bf-dashboard-simple-active .bf-dash-simple-hero:after{display:none}html body.bf-dashboard-simple-active .bf-dash-simple-hero:before{right:-150px}html body.bf-dashboard-simple-active .bf-simple-kpi{min-height:102px!important}}