/* BillFlow v3.3.0 — consolidated frontend stylesheet (replaces 215 layered rules; lighter + mobile-first) */
.bf-frontend,.bf-auth,.bf-access-denied{--bf-accent:#159b68;box-sizing:border-box;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1e293b;line-height:1.45;-webkit-text-size-adjust:100%}
.bf-frontend *,.bf-auth *,.bf-access-denied *{box-sizing:border-box}
.bf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* ---------- Single-card Sign in / Sign up ---------- */
.bf-auth{display:flex;justify-content:center;align-items:center;padding:16px 12px;min-height:100vh;min-height:100dvh}
body.bf-auth-active{overflow:hidden!important}
body.bf-auth-active>*:not(.bf-auth):not(script):not(style):not(link){display:none!important}
body.bf-auth-active .bf-auth{position:fixed;inset:0;z-index:2147483000;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(160deg,#e8effc,#f6f9ff)}
.bf-auth-card{margin:auto}
.bf-auth-card{width:100%;max-width:440px;background:linear-gradient(160deg,#1d4ed8 0%,#0f3f8f 55%,#0b2a63 100%);color:#fff;border-radius:20px;padding:clamp(18px,4vw,30px);box-shadow:0 18px 50px rgba(15,40,100,.28)}
.bf-login-brand{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:16px}
.bf-login-brand h2{margin:0;font-size:24px;color:#fff}.bf-login-brand p{margin:0;font-size:13px;color:#cfe3ff}
.bf-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#e0f0ff;color:#0b4a9a;font-weight:800;font-size:22px;flex:0 0 auto}
.bf-auth-notice{background:#fff;color:#0b4a9a;border-radius:10px;padding:10px 12px;margin:0 0 14px;font-size:14px;font-weight:600}
.bf-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:rgba(255,255,255,.14);padding:5px;border-radius:12px;margin-bottom:16px}
.bf-auth-tabs a{display:block;text-align:center;padding:10px;border-radius:9px;color:#e6f1ff;text-decoration:none;font-weight:700;font-size:15px}
.bf-auth[data-bf-auth=signin] .bf-auth-tabs a[data-bf-tab=signin],.bf-auth[data-bf-auth=signup] .bf-auth-tabs a[data-bf-tab=signup]{background:#fff;color:#0b3f8f;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.bf-auth[data-bf-auth=signin] [data-bf-pane=signup],.bf-auth[data-bf-auth=signup] [data-bf-pane=signin]{display:none}
.bf-form label{display:block;margin:0 0 12px;font-weight:600;font-size:13px;color:#eaf3ff}
.bf-auth .bf-form input:not([type=checkbox]),.bf-auth .bf-form textarea{display:block!important;width:100%!important;max-width:100%!important;margin:5px 0 0!important;min-height:46px;padding:10px 12px!important;border:1px solid #c7d9f0!important;border-radius:10px!important;background:#fff!important;color:#0f172a!important;font-size:16px!important;box-shadow:none!important;height:auto}
.bf-auth .bf-form label{display:block;float:none;width:auto}
.bf-auth .bf-btn{display:flex!important;width:100%!important;margin:6px 0 0!important}
.bf-auth-card h2,.bf-auth-card p{color:inherit}
.bf-form textarea{min-height:70px;resize:vertical}
.bf-form input:focus,.bf-form textarea:focus{outline:3px solid #93c5fd;border-color:#2563eb}
.bf-form .bf-remember{display:flex;align-items:center;gap:8px;font-weight:500}.bf-form .bf-remember input{width:18px;height:18px;margin:0;min-height:0}
.bf-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:11px 18px;border:0;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;text-decoration:none;transition:filter .15s}
.bf-btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 6px 16px rgba(22,163,74,.35)}.bf-btn:hover{filter:brightness(1.06)}.bf-btn[disabled]{opacity:.7;cursor:wait}
.bf-auth-switch{text-align:center;margin:14px 0 0;color:#cfe3ff;font-size:14px}.bf-auth-switch a{color:#fff;font-weight:700}
.bf-access-denied{max-width:520px;margin:24px auto;padding:22px;background:#fff;border:1px solid #d5dce7;border-radius:14px;box-shadow:0 6px 24px rgba(20,40,80,.08)}
.bf-access-denied .bf-btn{display:inline-flex;width:auto}

/* ---------- App shell (always viewport-sized: no theme header/footer bleed, smooth mobile scroll) ---------- */
.bf-app{position:fixed;inset:0;height:100vh;height:100dvh;z-index:2147483000;display:flex;background:#eef2f9;overflow:hidden;font-size:14px}
body.bf-workspace-active{overflow:hidden!important}
body.bf-workspace-active>*:not(.bf-app):not(script):not(style):not(link){display:none!important}
body.bf-workspace-active #wpadminbar{display:none!important}
.bf-sidebar{width:250px;flex:0 0 250px;background:var(--bf-sidebar-bg,#172554);color:var(--bf-sidebar-text,#fff);font-family:var(--bf-sidebar-font,inherit);font-size:var(--bf-sidebar-size,14px);overflow-y:auto;padding:14px 10px;border-right:1px solid var(--bf-sidebar-border,#334155);transition:transform .22s ease,width .2s ease}
.bf-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px}.bf-brand img{width:36px;height:36px;object-fit:contain;border-radius:8px;background:#fff}.bf-brand strong{font-size:19px;flex:1}
.bf-drawer-close{display:none;background:transparent;border:0;color:inherit;font-size:28px;line-height:1;cursor:pointer}
.bf-collapse{width:100%;text-align:left;background:rgba(255,255,255,.08);color:inherit;border:0;border-radius:10px;padding:9px 12px;margin-bottom:10px;cursor:pointer}
.bf-front-nav{display:flex;flex-direction:column;gap:3px}
.bf-front-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:inherit;text-decoration:none;opacity:.9;min-height:42px}
.bf-front-nav a:hover{background:rgba(255,255,255,.1);opacity:1}.bf-front-nav a.active{background:var(--bf-accent);color:#fff;opacity:1;font-weight:700}
.bf-nav-icon{width:22px;text-align:center;flex:0 0 22px}
.bf-app.bf-sidebar-collapsed .bf-sidebar{width:68px;flex-basis:68px}.bf-app.bf-sidebar-collapsed .bf-front-nav a span:last-child,.bf-app.bf-sidebar-collapsed .bf-brand strong,.bf-app.bf-sidebar-collapsed .bf-collapse span{display:none}
.bf-main{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;padding:0 18px 20px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.bf-overlay{display:none}

/* ---------- Topbar: uniform, colourful cards + buttons ---------- */
.bf-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin:0 -18px 16px;padding:12px 18px;background:rgba(238,242,249,.96);backdrop-filter:blur(6px)}
:root{--bf-th:56px}
.bf-tcard,.bf-tbtn,.bf-search-hint{height:var(--bf-th);min-height:var(--bf-th);margin:0;border-radius:14px;border:0;box-shadow:0 5px 14px rgba(15,23,42,.14);color:#fff;font:inherit}
.bf-tcard{display:flex;flex-direction:column;justify-content:center;gap:1px;flex:0 1 170px;min-width:120px;padding:7px 14px;position:relative;overflow:hidden}
.bf-tcard span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;opacity:.85}.bf-tcard strong{font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bf-tcard small{font-size:10px;opacity:.85}
.tc-company{background:linear-gradient(135deg,#4f46e5,#7c3aed);flex:1 1 200px;max-width:280px}
.tc-company strong{font-size:16px}
.tc-company select{width:100%;background:transparent;border:0;color:#fff;font-size:15px;font-weight:700;padding:0;min-height:0;cursor:pointer;text-overflow:ellipsis;outline:0}.tc-company select option{color:#0f172a}
.tc-welcome{background:linear-gradient(135deg,#059669,#10b981)}
.tc-clock{background:linear-gradient(135deg,#f59e0b,#ef6c00)}
.bf-tbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .12s,filter .15s}
.bf-tbtn:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff}
.tb-full{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.tb-exit{background:linear-gradient(135deg,#f43f5e,#dc2626);display:none}
.bf-app.bf-is-fullscreen .tb-exit{display:inline-flex}.bf-app.bf-is-fullscreen .tb-full{display:none}
.tb-user{background:linear-gradient(135deg,#ec4899,#9d174d);max-width:210px;min-width:0}
.bf-tbtn{flex:0 0 auto;line-height:1}button.bf-tbtn{font-family:inherit}.tb-user span{overflow:hidden;text-overflow:ellipsis}
.bf-avatar{width:36px;height:36px;border-radius:50%;background:#fff;color:#9d174d;display:inline-flex;align-items:center;justify-content:center;font-weight:800;overflow:hidden;flex:0 0 36px}.bf-avatar img{width:100%;height:100%;object-fit:cover}
.bf-menu-btn{display:none;background:linear-gradient(135deg,#334155,#0f172a);flex:0 0 var(--bf-th);width:var(--bf-th);padding:0;font-size:24px}
.bf-topbar .bf-search-hint{flex:1 1 220px;min-width:150px;max-width:none;display:block;width:auto;background:#fff;color:#0f172a;border:2px solid #c7d2fe;padding:0 14px;font-size:15px;box-shadow:0 5px 14px rgba(15,23,42,.08)}
.bf-search-hint:focus{outline:0;border-color:#6366f1}
.bf-user{position:relative;margin-left:auto}
.bf-user-panel{display:none;position:absolute;right:0;top:66px;width:260px;background:#fff;color:#1e293b;border-radius:14px;box-shadow:0 14px 40px rgba(15,23,42,.25);padding:14px;z-index:40}.bf-user-panel.open{display:block}
.bf-user-panel p{margin:4px 0;font-size:13px;color:#475569;word-break:break-word}.bf-user-panel a{display:block;margin-top:8px;padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:700;background:#eef2ff;color:#3730a3;text-align:center}.bf-user-panel a.bf-logout{background:linear-gradient(135deg,#f43f5e,#dc2626);color:#fff}

/* ---------- Content ---------- */
.bf-front-head h1{margin:0;font-size:24px;color:#0f172a}.bf-front-head p{margin:2px 0 14px;color:#64748b}
.bf-front-message{background:#dcfce7;border:1px solid #86efac;color:#166534;border-radius:10px;padding:10px 14px;margin-bottom:12px;font-weight:600}
.bf-card{background:#fff;border:1px solid #dfe5ee;border-radius:14px;padding:18px;margin:14px 0;box-shadow:0 3px 12px rgba(15,23,42,.05);overflow-x:auto}
.bf-card h2{margin:0 0 8px;font-size:18px;color:#172554}.bf-card h3{font-size:15px;margin:16px 0 6px}
.bf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.bf-grid .wide{grid-column:1/-1}
.bf-grid label,.bf-frontend label{font-weight:600;font-size:13px}.bf-grid label{display:flex;flex-direction:column;gap:5px}
.bf-frontend input:not([type=checkbox]):not([type=color]):not([type=file]),.bf-frontend select,.bf-frontend textarea{width:100%;max-width:100%;min-height:42px;padding:8px 10px;border:1px solid #b6c2d3;border-radius:9px;background:#fff;color:#0f172a;font:inherit}
.bf-frontend input[type=color]{width:100%;height:42px;padding:2px;border:1px solid #b6c2d3;border-radius:9px}
.bf-line{display:grid;grid-template-columns:1.3fr 1.3fr .6fr .8fr .6fr;gap:8px;margin:8px 0}
.bf-frontend .button,.bf-frontend button.button,.bf-frontend a.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:0;border-radius:10px;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;font-weight:700;text-decoration:none;cursor:pointer;margin:2px 0}
.bf-frontend .button-primary{background:linear-gradient(135deg,#22c55e,#15803d)}.bf-frontend .button:hover{filter:brightness(1.08);color:#fff}
.bf-frontend .widefat{width:100%;border-collapse:collapse;min-width:520px}.bf-frontend .widefat th{background:#eef2ff;color:#312e81;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.bf-frontend .widefat td,.bf-frontend .widefat th{padding:10px;border-bottom:1px solid #e5e9f2}.bf-frontend .widefat.striped tbody tr:nth-child(odd),.bf-frontend .widefat.striped tr:nth-child(even) td{background:#fafbff}
.bf-company-select{display:none}.bf-frontend .description{color:#64748b;font-size:12px}.bf-setting-preview{display:block;max-width:120px;max-height:80px;object-fit:contain;margin:6px 0;border:1px solid #d5dbe4;border-radius:6px;padding:3px;background:#fff}
.bf-foot{color:#94a3b8;font-size:12px;margin-top:20px}.bf-welcome{text-align:center;padding:30px}

/* ---------- Dashboard ---------- */
.bf-dash-widgets{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;margin-bottom:14px}
.bf-welcome-art{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 20px;border-radius:16px;background:linear-gradient(135deg,#1e3a8a,#6d28d9);color:#fff;box-shadow:0 8px 22px rgba(79,70,229,.3)}
.bf-welcome-letters{font-size:34px;font-weight:800;letter-spacing:1px;white-space:nowrap}.bf-welcome-letters>span{color:#fde68a}.bf-welcome-letters i{color:#a7f3d0;font-style:normal}.bf-welcome-letters b{color:#fda4af}.bf-welcome-letters em{color:#bae6fd;font-style:normal}.bf-welcome-letters strong{color:#fbcfe8}.bf-welcome-letters small{color:#fed7aa;font-size:inherit}
.bf-greeting-line strong{display:block;font-size:18px}.bf-greeting-line span{font-size:13px;opacity:.9}
.bf-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bf-qa{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:14px;color:#fff;text-decoration:none;font-weight:800;padding:10px;min-height:64px;box-shadow:0 5px 14px rgba(15,23,42,.14)}.bf-qa:hover{filter:brightness(1.08);color:#fff}
.qa-inv{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.qa-party{background:linear-gradient(135deg,#a855f7,#7e22ce)}.qa-pay{background:linear-gradient(135deg,#22c55e,#15803d)}
.bf-reference-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.bf-ref-kpi{border-radius:16px;padding:16px;color:#fff;box-shadow:0 8px 20px rgba(15,23,42,.16);min-width:0}
.bf-ref-kpi>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.bf-ref-kpi span{font-size:12px;opacity:.92;font-weight:600}
.bf-kpi-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.22);font-size:16px}
.bf-ref-kpi strong{display:block;font-size:24px;margin:8px 0 2px;word-break:break-word}.bf-ref-kpi small{font-size:11px;opacity:.88}
.kpi-sales{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.kpi-pending{background:linear-gradient(135deg,#f97316,#dc2626)}.kpi-stock{background:linear-gradient(135deg,#a855f7,#6d28d9)}.kpi-gst{background:linear-gradient(135deg,#10b981,#047857)}
.bf-ref-dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bf-ref-panel{background:#fff;border-radius:16px;padding:16px;border:1px solid #e1e7f0;box-shadow:0 4px 14px rgba(15,23,42,.06);min-width:0;border-top:4px solid #6366f1}
.bf-inventory-panel{border-top-color:#a855f7}.bf-recent-panel{border-top-color:#0ea5e9}.bf-alert-panel{border-top-color:#f97316}
.bf-ref-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.bf-ref-panel-head h2{margin:0;font-size:16px;color:#172554}.bf-ref-panel-head a{font-size:12px;font-weight:700;color:#4338ca;text-decoration:none;background:#eef2ff;padding:5px 10px;border-radius:20px}
.bf-bar-chart{display:flex;gap:8px;height:190px}.bf-chart-y{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#94a3b8;padding-bottom:18px}
.bf-chart-bars{flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;border-bottom:1px solid #e2e8f0}.bf-chart-month{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.bf-bar-pair{display:flex;align-items:flex-end;gap:3px;height:calc(100% - 18px);width:100%;justify-content:center}.bf-bar{display:block;width:42%;max-width:22px;border-radius:5px 5px 0 0;min-height:2px}.bf-bar-sales{background:linear-gradient(#38bdf8,#2563eb)}.bf-bar-purchases{background:linear-gradient(#fbbf24,#ea580c)}.bf-chart-month small{font-size:10px;color:#64748b;margin-top:4px}
.bf-chart-legend{display:flex;gap:14px;font-size:12px;margin-top:8px}.bf-chart-legend i,.bf-inventory-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px}.legend-sales{background:#2563eb}.legend-purchases{background:#ea580c}.legend-catalog{background:#a855f7}
.bf-inventory-content{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.bf-donut{width:120px;height:120px;border-radius:50%;background:conic-gradient(#a855f7 0 100%);display:flex;align-items:center;justify-content:center}.bf-donut>div{width:82px;height:82px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.bf-donut small{font-size:10px;color:#64748b}.bf-donut strong{font-size:22px}
.bf-inventory-legend{display:flex;flex-direction:column;gap:6px;font-size:13px}.bf-stock-note{margin-top:10px;font-size:12px;color:#64748b;background:#faf5ff;border-radius:8px;padding:8px}
.bf-ref-table-wrap{overflow-x:auto}.bf-ref-table{width:100%;border-collapse:collapse;min-width:440px;font-size:13px}.bf-ref-table th{text-align:left;color:#64748b;font-size:11px;text-transform:uppercase;padding:6px 8px}.bf-ref-table td{padding:9px 8px;border-top:1px solid #edf0f6}
.bf-ref-status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.status-paid{background:#dcfce7;color:#166534}.status-partial{background:#fef3c7;color:#92400e}.status-unpaid{background:#e0f2fe;color:#075985}.status-overdue{background:#fee2e2;color:#991b1b}
.bf-alert-list{display:flex;flex-direction:column;gap:8px}.bf-alert-row{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:10px;background:#fff7ed;font-size:13px}.bf-alert-row b{flex:0 0 22px;height:22px;border-radius:50%;background:#fb923c;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.bf-alert-row em{color:#b91c1c;font-style:normal;font-weight:700}

/* ---------- Tablet / mobile ---------- */
@media(max-width:1100px){.bf-reference-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-ref-dash-grid,.bf-dash-widgets{grid-template-columns:minmax(0,1fr)}.bf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 .bf-sidebar{position:fixed;left:0;top:0;bottom:0;width:272px;max-width:84vw;z-index:60;transform:translateX(-102%);box-shadow:8px 0 30px rgba(0,0,0,.35)}
 .bf-app.bf-menu-open .bf-sidebar{transform:none}.bf-app.bf-menu-open .bf-overlay{display:block;position:fixed;inset:0;z-index:55;background:rgba(15,23,42,.55)}
 .bf-drawer-close{display:block}.bf-collapse{display:none}.bf-menu-btn{display:inline-flex}
 .bf-main{padding:0 12px 18px}.bf-topbar{margin:0 -12px 12px;padding:10px 12px;gap:8px}
 :root{--bf-th:50px}
 .bf-topbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .bf-topbar .bf-search-hint{grid-column:1/-1;order:9;max-width:none;width:100%}
 .bf-menu-btn{grid-column:1;grid-row:1;width:100%;flex:none}.tc-company{grid-column:2;grid-row:1;max-width:none;flex:none}
 .bf-tcard,.bf-tbtn{min-width:0;width:100%;max-width:none;flex:none}
 .bf-user{grid-column:auto;margin-left:0;min-width:0}.bf-user .bf-tbtn{width:100%;max-width:none}.bf-user-panel{top:calc(var(--bf-th) + 8px);right:0;left:auto;max-width:calc(100vw - 24px)}
}
@media(max-width:640px){
 .bf-front-head h1{font-size:20px}.bf-card{padding:12px;border-radius:12px}.bf-grid{grid-template-columns:1fr}.bf-line{grid-template-columns:1fr 1fr}.bf-line>select:first-child{grid-column:1/-1}
 .bf-frontend input:not([type=checkbox]),.bf-frontend select,.bf-frontend textarea{font-size:16px}
 .bf-reference-kpis{gap:8px}.bf-ref-kpi{padding:12px}.bf-ref-kpi strong{font-size:18px}.bf-welcome-letters{font-size:26px}.bf-quick{grid-template-columns:1fr}.bf-qa{min-height:50px}
 .bf-bar-chart{height:160px}.bf-tbtn{padding:0 10px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{
 body.bf-workspace-active>*:not(.bf-app){display:none!important}body.bf-workspace-active{overflow:visible!important}
 .bf-app{position:static!important;display:block!important;overflow:visible!important}.bf-sidebar,.bf-topbar,.bf-overlay,.bf-front-head,.bf-foot,.bf-frontend .button{display:none!important}.bf-main{overflow:visible!important;padding:0!important}
}

/* v3.1.1: invoice lines + tables on phones */
@media(max-width:640px){.bf-line{grid-template-columns:1fr 1fr}.bf-card{overflow-x:auto}.bf-front-nav a{min-height:46px}}

/* v3.2.0: auth panes, captcha, uniform topbar grid */
.bf-auth [data-bf-pane]{display:none!important}
.bf-auth[data-bf-auth=signin] [data-bf-pane=signin],.bf-auth[data-bf-auth=signup] [data-bf-pane=signup],.bf-auth[data-bf-auth=resend] [data-bf-pane=resend]{display:block!important}
.bf-ts{display:flex;justify-content:center;margin:4px 0 10px;min-height:65px}
.bf-tcard small{display:none}
.bf-tcard{padding:6px 14px}.bf-tcard strong{font-size:15px}
@media(min-width:901px){
 .bf-topbar{display:grid;grid-template-columns:minmax(150px,1.2fr) repeat(3,minmax(120px,1fr)) minmax(150px,auto) minmax(130px,auto);grid-auto-rows:var(--bf-th);gap:10px;align-items:stretch}
 .bf-topbar>*{min-width:0;width:auto;max-width:none;margin:0;flex:none}
 .bf-menu-btn{display:none!important}
 .bf-topbar .bf-search-hint{width:100%}
 .bf-user{margin-left:0;height:var(--bf-th)}.bf-user .bf-tbtn{width:100%;max-width:none}
}
@media(min-width:901px) and (max-width:1250px){
 .bf-topbar{grid-template-columns:repeat(3,minmax(0,1fr))}.bf-topbar .bf-search-hint{grid-column:1/-1}
}

/* ===== v3.3.0 ===== */
/* sidebar icons: coloured chips */
.bf-nav-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#64748b,#334155);box-shadow:0 3px 8px rgba(0,0,0,.28)}
.bf-nav-icon svg{display:block}
.bf-front-nav a{gap:12px;padding:6px 10px}
.bf-front-nav a.active .bf-nav-icon{box-shadow:0 0 0 2px #fff,0 4px 10px rgba(0,0,0,.3)}
a[data-k=home] .bf-nav-icon{background:linear-gradient(135deg,#38bdf8,#2563eb)}
a[data-k=party] .bf-nav-icon{background:linear-gradient(135deg,#c084fc,#7e22ce)}
a[data-k=item] .bf-nav-icon{background:linear-gradient(135deg,#fbbf24,#ea580c)}
a[data-k=invoice] .bf-nav-icon{background:linear-gradient(135deg,#34d399,#059669)}
a[data-k=purchase] .bf-nav-icon{background:linear-gradient(135deg,#fb7185,#e11d48)}
a[data-k=payment] .bf-nav-icon{background:linear-gradient(135deg,#4ade80,#16a34a)}
a[data-k=expense] .bf-nav-icon{background:linear-gradient(135deg,#f87171,#b91c1c)}
a[data-k=ledger] .bf-nav-icon{background:linear-gradient(135deg,#818cf8,#4338ca)}
a[data-k=bank] .bf-nav-icon{background:linear-gradient(135deg,#22d3ee,#0e7490)}
a[data-k=balance] .bf-nav-icon{background:linear-gradient(135deg,#f472b6,#be185d)}
a[data-k=gst] .bf-nav-icon{background:linear-gradient(135deg,#a3e635,#4d7c0f)}
a[data-k=report] .bf-nav-icon{background:linear-gradient(135deg,#fb923c,#c2410c)}
a[data-k=company] .bf-nav-icon{background:linear-gradient(135deg,#2dd4bf,#0f766e)}
a[data-k=irn] .bf-nav-icon{background:linear-gradient(135deg,#facc15,#a16207)}
a[data-k=settings] .bf-nav-icon{background:linear-gradient(135deg,#94a3b8,#475569)}
a[data-k=help] .bf-nav-icon{background:linear-gradient(135deg,#60a5fa,#1d4ed8)}
/* collapsed = icons only */
.bf-app.bf-sidebar-collapsed .bf-sidebar{width:72px;flex:0 0 72px;padding:14px 6px}
.bf-app.bf-sidebar-collapsed .bf-nav-label,.bf-app.bf-sidebar-collapsed .bf-brand strong,.bf-app.bf-sidebar-collapsed .bf-collapse span{display:none!important}
.bf-app.bf-sidebar-collapsed .bf-front-nav a{justify-content:center;padding:6px 0}
.bf-app.bf-sidebar-collapsed .bf-brand{justify-content:center;padding:4px 0 14px}
.bf-app.bf-sidebar-collapsed .bf-collapse{text-align:center;padding:9px 0}
@media(max-width:900px){
 .bf-app.bf-sidebar-collapsed .bf-sidebar{width:272px;flex:none;padding:14px 10px}
 .bf-app.bf-sidebar-collapsed .bf-nav-label,.bf-app.bf-sidebar-collapsed .bf-brand strong{display:inline!important}
 .bf-app.bf-sidebar-collapsed .bf-front-nav a{justify-content:flex-start;padding:6px 10px}
}
/* one button style on every page */
.bf-frontend .button,.bf-frontend button.button,.bf-frontend a.button,.bf-frontend .button-primary{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:9px 18px!important;border:0!important;border-radius:10px!important;background:var(--bf-accent)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;cursor:pointer;box-shadow:0 3px 8px rgba(15,23,42,.18)!important;margin:2px 4px 2px 0}
.bf-frontend .button:hover,.bf-frontend .button-primary:hover{filter:brightness(1.08);color:#fff!important}
.bf-frontend .button.button-danger{background:#dc2626!important}
.bf-danger{border-color:#fecaca}.bf-danger h2{color:#b91c1c}
/* status pills: solid colour, white text */
.bf-ref-status{background:#f97316;color:#fff}
.status-paid{background:#16a34a!important;color:#fff!important}.status-partial{background:#f97316!important;color:#fff!important}.status-unpaid{background:#2563eb!important;color:#fff!important}.status-overdue{background:#dc2626!important;color:#fff!important}
/* in-app navigation feedback */
.bf-app.bf-loading .bf-main{opacity:.55;transition:opacity .15s;pointer-events:none}
.bf-front-message.bf-err{background:#fee2e2;border-color:#fca5a5;color:#991b1b}

/* ===== v3.3.1: inputs/dropdowns always white + readable, no theme colour (orange) leaking in ===== */
.bf-frontend{color-scheme:light;accent-color:var(--bf-accent)}
.bf-frontend input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),.bf-frontend select,.bf-frontend textarea,
.bf-frontend input:hover,.bf-frontend select:hover,.bf-frontend textarea:hover,
.bf-frontend input:focus,.bf-frontend select:focus,.bf-frontend textarea:focus,
.bf-frontend input:active,.bf-frontend select:active,.bf-frontend textarea:active{background-color:#fff!important;background-image:none;color:#0f172a!important;-webkit-text-fill-color:#0f172a;box-shadow:none}
.bf-frontend select{background-image:none;-webkit-appearance:menulist;appearance:auto}
.bf-frontend select option,.bf-frontend select optgroup{background-color:#fff!important;color:#0f172a!important}
.bf-frontend select option:hover,.bf-frontend select option:checked,.bf-frontend select option:focus{background:#dbeafe!important;color:#0f172a!important}
.bf-frontend input:focus,.bf-frontend select:focus,.bf-frontend textarea:focus{outline:2px solid var(--bf-accent);outline-offset:0;border-color:var(--bf-accent)!important}
.bf-frontend input:-webkit-autofill,.bf-frontend select:-webkit-autofill,.bf-frontend textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #fff inset!important;-webkit-text-fill-color:#0f172a!important}
.bf-frontend ::placeholder{color:#94a3b8!important;opacity:1}
.bf-line select,.bf-line input{min-width:0}

/* ===== v3.4.0: history tables always readable (theme text colour can no longer hide rows) ===== */
.bf-frontend .bf-card{color:#1e293b}
.bf-frontend .widefat td{color:#1e293b!important;background:#fff}
.bf-frontend .widefat.striped tbody tr:nth-child(even) td{background:#f8fafc}
.bf-frontend .widefat th{color:#312e81!important;background:#eef2ff}
.bf-frontend .bf-ref-table td{color:#1e293b!important}
.bf-frontend .bf-card h2{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.bf-frontend .bf-card>p>.button{margin-bottom:6px}