
/* ==========================================================
   mBiller Orange SaaS Theme — premium U.S. small-business look
   Safe visual layer: no API/database logic changed.
   ========================================================== */
:root{
  --mb-orange:#f97316;
  --mb-orange-2:#ea580c;
  --mb-orange-3:#fb923c;
  --mb-amber:#f59e0b;
  --mb-cream:#fff7ed;
  --mb-cream-2:#fffbf5;
  --mb-ink:#111827;
  --mb-muted:#667085;
  --mb-line:#fed7aa;
  --mb-green:#078f53;
  --mb-shadow:0 22px 60px rgba(124,45,18,.13);
  --mb-soft-shadow:0 14px 36px rgba(124,45,18,.10);
}
html{scroll-behavior:smooth;}
body.site-body,
body{background:
  radial-gradient(circle at 8% -4%, rgba(249,115,22,.16), transparent 30%),
  radial-gradient(circle at 92% 2%, rgba(251,146,60,.15), transparent 32%),
  linear-gradient(180deg,#fffaf4 0%,#fff7ed 45%,#f8fafc 100%) !important;
  color:var(--mb-ink);}
.page-glow{background:
  radial-gradient(circle at 15% 12%, rgba(249,115,22,.22), transparent 36%),
  radial-gradient(circle at 86% 7%, rgba(251,146,60,.16), transparent 40%) !important;}
.skip-link:focus{background:var(--mb-orange)!important;color:#fff!important;}
/* Header / navigation */
.site-header,.checker-global-header{background:linear-gradient(135deg,#f97316 0%,#ea580c 55%,#fb923c 100%)!important;border-bottom:1px solid rgba(255,255,255,.24)!important;box-shadow:0 12px 34px rgba(234,88,12,.24)!important;backdrop-filter:saturate(160%) blur(16px);}
.site-header-inner{max-width:1280px!important;}
.brand-mark{background:#fff!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 14px 26px rgba(124,45,18,.18)!important;}
.site-nav a{color:rgba(255,255,255,.94)!important;font-weight:800!important;}
.site-nav a:hover,.site-nav a.is-active{background:rgba(255,255,255,.16)!important;color:#fff!important;}
.site-nav .nav-cta,.nav-cta,.site-nav .nav-logout{background:#fff!important;color:#ea580c!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 14px 30px rgba(124,45,18,.18)!important;}
.site-nav .nav-user{background:#fff7ed!important;border-color:rgba(249,115,22,.20)!important;color:#111827!important;}
.site-nav .nav-user span{background:#fff1e6!important;color:#ea580c!important;}
.mobile-menu summary{background:#fff!important;border-color:rgba(255,255,255,.55)!important;}
.mobile-menu summary span{background:#ea580c!important;}
.mobile-nav{border-color:#fed7aa!important;background:#fffaf4!important;box-shadow:var(--mb-shadow)!important;}
.mobile-nav a{color:var(--mb-ink)!important;}
/* Generic cards and layouts */
.card,.card-pro,.auth-panel,.auth-card,.workspace-card,.dashboard-hero,.hero-card,.mbusa-dashboard-card,.mbusa-tool-grid article,.mbusa-comparison,.mbusa-step-grid article,.faq-list details,.aimx-card,.aimx-prompt-card,.aimx-demo-card,.aimx-mini-invoice,.aimx-tax-guide,.aimx-template-pick,.st-card,.settings-card,.app-shell,.checker-side-card,.bill-mini,.bill-total-box,.tablebox{background:rgba(255,255,255,.94)!important;border:1px solid rgba(251,146,60,.28)!important;border-radius:28px!important;box-shadow:var(--mb-soft-shadow)!important;}
.card:hover,.card-pro:hover,.workspace-card:hover,.mbusa-tool-grid article:hover,.aimx-card:hover,.aimx-template-pick:hover{transform:translateY(-2px);box-shadow:var(--mb-shadow)!important;transition:.18s ease;}
.eyebrow,.mbusa-eyebrow,.status-pill,.aimx-pill,.badge{color:#c2410c!important;background:#fff7ed!important;border:1px solid #fed7aa!important;}
.eyebrow span{background:linear-gradient(135deg,var(--mb-orange),var(--mb-amber))!important;}
h1,h2,h3,.section-head h2,.dashboard-hero h1,.mbusa-hero h1,.aimx-page-head h1,.aimx-seo-hero h1{color:#111827!important;letter-spacing:-.035em;}
p,.muted,.sub,.small,.tk-hint,.mbusa-lead{color:var(--mb-muted)!important;}
/* Buttons */
.btn,.aimx-btn,.tk-btn,.st-btn,button[type="submit"],button.btn,.compact-tools button,.bill-tools button{border-radius:16px!important;font-weight:900!important;letter-spacing:-.01em;}
.btn-primary,.aimx-btn-primary,.tk-btn.primary,.st-btn.primary,button[type="submit"],.btn.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important;border:0!important;box-shadow:0 16px 34px rgba(234,88,12,.28)!important;}
.btn-primary:hover,.aimx-btn-primary:hover,.tk-btn.primary:hover,button[type="submit"]:hover{filter:saturate(1.05) brightness(1.02);transform:translateY(-1px);}
.btn-secondary,.btn-ghost,.aimx-btn-soft,.tk-btn.sec,.st-btn.ghost,.ghost{background:#fff7ed!important;color:#c2410c!important;border:1px solid #fdba74!important;box-shadow:0 8px 18px rgba(124,45,18,.08)!important;}
.danger,.tk-btn.del{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important;}
/* Inputs */
.input,input,select,textarea{border-color:#fed7aa!important;background:#fffaf4!important;color:#111827!important;border-radius:16px!important;}
.input:focus,input:focus,select:focus,textarea:focus{outline:none!important;border-color:#f97316!important;box-shadow:0 0 0 4px rgba(249,115,22,.15)!important;background:#fff!important;}
label,.fl{color:#111827!important;font-weight:850!important;}
/* Home page */
.mbusa-hero{background:
  linear-gradient(135deg,rgba(255,247,237,.98),rgba(255,255,255,.95)),
  radial-gradient(circle at 78% 28%,rgba(249,115,22,.18),transparent 34%)!important;border:1px solid rgba(251,146,60,.30)!important;border-radius:34px!important;box-shadow:var(--mb-shadow)!important;}
.mbusa-actions .btn{padding:14px 20px!important;}
.mbusa-proof span{background:#fff!important;border-color:#fed7aa!important;color:#9a3412!important;}
.mbusa-progress i{background:linear-gradient(90deg,#f97316,#f59e0b)!important;}
.mbusa-mini-grid div b{color:#ea580c!important;}
/* Auth pages */
.auth-layout{gap:28px!important;}
.auth-card{padding:30px!important;background:linear-gradient(180deg,#fff,#fff7ed)!important;}
.auth-logo-wrap{background:#fff7ed!important;border:1px solid #fed7aa!important;box-shadow:0 14px 32px rgba(234,88,12,.12)!important;}
.auth-list li{background:#fffaf4!important;border-color:#fed7aa!important;color:#7c2d12!important;}
.auth-google-panel{background:linear-gradient(180deg,#fff,#fff7ed)!important;border-color:#fed7aa!important;box-shadow:0 16px 38px rgba(234,88,12,.12)!important;}
.auth-google-label{color:#ea580c!important;}
.auth-divider{color:#9a3412!important;}
.banner.info,.st-flash,.tk-flash{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important;}
.banner.err,.err,.st-err{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important;}
.otp-signup-note{background:linear-gradient(135deg,rgba(249,115,22,.09),rgba(245,158,11,.08))!important;border-color:#fed7aa!important;}
.otp-signup-note strong{color:#ea580c!important;}
/* Dashboard / app */
.dashboard-hero{padding:30px!important;background:linear-gradient(135deg,#fff,#fff7ed)!important;}
.workspace-card .tool-icon{background:#fff7ed!important;border:1px solid #fed7aa!important;color:#ea580c!important;}
.checker-stage{background:transparent!important;}
.checker-side-card{background:linear-gradient(180deg,#fff,#fff7ed)!important;}
.checker-topbar,.topbar{background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important;border:0!important;}
.topbar h1,.checker-topbar h1{color:#fff!important;}
.back{background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important;}
.tabbar{background:#fff!important;border-color:#fed7aa!important;box-shadow:0 -12px 28px rgba(124,45,18,.09)!important;}
.tabbar a{color:#7c2d12!important;}
.tabbar a.active,.tabbar a[aria-current="page"]{color:#ea580c!important;background:#fff7ed!important;}
.claimbar{background:#fff!important;border-color:#fed7aa!important;box-shadow:var(--mb-shadow)!important;}
/* Invoice generator */
.aimx{--aimx-orange:#f97316;}
.aimx-shell,.aimx-shell-wide{background:transparent!important;}
.aimx-page-head,.aimx-seo-hero{background:linear-gradient(135deg,#fff,#fff7ed)!important;border:1px solid rgba(251,146,60,.28)!important;border-radius:34px!important;box-shadow:var(--mb-soft-shadow)!important;padding:28px!important;}
.aimx-prompt-card textarea,.aimx-prompt-card input{background:#fffaf4!important;}
.aimx-template-pick{background:#fff!important;}
.aimx-template-pick:has(input:checked),.aimx-template-pick.active{border-color:#f97316!important;box-shadow:0 0 0 4px rgba(249,115,22,.13),var(--mb-soft-shadow)!important;}
.aimx-format-grid > *,.aimx-help-grid > *,.aimx-seo-cards > *,.aimx-steps-grid > *{border-color:#fed7aa!important;background:#fff!important;}
/* Settings and finance tracker */
.st-tabs a.active,.st-tabs .active{background:#fff7ed!important;color:#c2410c!important;border-color:#fed7aa!important;}
.st-business_idel,.tk-business_idel{background:linear-gradient(135deg,#fff,#fff7ed)!important;color:#111827!important;border:1px solid rgba(251,146,60,.30)!important;border-radius:28px!important;box-shadow:var(--mb-soft-shadow)!important;}
.st-business_idel h1,.st-business_idel h2,.tk-business_idel h1,.tk-business_idel h2{color:#111827!important;}
.tk-card{background:#fff!important;border-color:#fed7aa!important;color:#111827!important;border-radius:22px!important;box-shadow:var(--mb-soft-shadow)!important;}
.tk-card span{color:#9a3412!important;}
.tk-card.income b,.money,.good{color:var(--mb-green)!important;}
.tk-card.expense b{color:#dc2626!important;}
.tk-card.net b{color:#ea580c!important;}
.tk-form{background:#fff!important;border-color:#fed7aa!important;border-radius:24px!important;box-shadow:var(--mb-soft-shadow)!important;}
.tk-form input,.tk-form select{background:#fffaf4!important;color:#111827!important;border-color:#fed7aa!important;}
table.tk{background:#fff!important;color:#111827!important;border-radius:22px!important;overflow:hidden!important;}
table.tk th,table.tk td{border-bottom:1px solid #ffedd5!important;color:#111827!important;}
table.tk th{background:#fff7ed!important;color:#7c2d12!important;}
.pill.income{background:#dcfce7!important;color:#166534!important;}.pill.expense{background:#fee2e2!important;color:#991b1b!important;}
/* Generic tables */
table:not(.plain) th{background:#fff7ed!important;color:#7c2d12!important;}
table:not(.plain) td{border-color:#ffedd5!important;}
/* Footer */
.site-footer{background:linear-gradient(180deg,#fff7ed,#fff)!important;border-top:1px solid #fed7aa!important;color:#7c2d12!important;}
.site-footer a,.footer-brand{color:#c2410c!important;}
.footer-bottom{color:#9a3412!important;border-top-color:#fed7aa!important;}
.toast{border-color:#fed7aa!important;box-shadow:var(--mb-shadow)!important;}
@media(max-width:780px){
  .mbusa-hero,.dashboard-hero,.aimx-page-head{border-radius:26px!important;padding:22px!important;}
  .auth-card{padding:22px!important;}
  .card,.card-pro,.workspace-card,.aimx-card{border-radius:22px!important;}
}





