/* LM Finance & Management — V325.501
   STYLE E: Card with Icon Header
   Clean-slate stylesheet. No legacy CSS is retained. */

:root{
  --bg:#f6f6f6;
  --bg-accent:#f1f1f1;
  --surface:#ffffff;
  --surface-2:#fbfbfb;
  --field:#f3f3f3;
  --field-focus:#ffffff;
  --line:#d4d4d4;
  --line-strong:#d4d4d4;
  --ink:#404040;
  --ink-2:#404040;
  --muted:#404040;
  --brand:#404040;
  --brand-2:#404040;
  --brand-soft:#f0f0f0;
  --brand-soft-2:#404040;
  --nav:#f8f8f8;
  --nav-hover:#f1f1f1;
  --nav-active:#e5e5e5;
  --danger:#b94b4b;
  --danger-soft:#fff0f0;
  --success:#34765a;
  --warning:#9b6b18;
  --shadow-xs:0 1px 2px #e5e5e5;
  --shadow-sm:0 6px 18px #e5e5e5;
  --shadow-md:0 18px 46px #e5e5e5;
  --r-xs:7px;
  --r-sm:10px;
  --r-md:14px;
  --r-lg:20px;
  --header-h:62px;
  --sidebar-w:218px;
  --sidebar-mini:72px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--bg);color-scheme:light}
body{margin:0;min-height:100vh;background:linear-gradient(145deg,#fafafa 0%,var(--bg) 46%,#f2f2f2 100%);color:var(--ink);font:400 13px/1.45 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.58}
img,svg{max-width:100%}
a{color:var(--brand)}
[hidden]{display:none!important}
.sr-only-v334{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

h1,h2,h3,p{margin-top:0}
h1{margin:0;font-size:29px;line-height:1.13;font-weight:800;letter-spacing:-.035em;color:var(--ink)}
h2{margin:0;font-size:21px;line-height:1.18;font-weight:780;letter-spacing:-.025em;color:var(--ink)}
h3{margin:0;font-size:15px;line-height:1.25;font-weight:750;color:var(--ink)}
.muted{color:var(--muted);font-size:11px}
.message{min-height:0;color:var(--ink-2);font-size:11px}
.message:empty{display:none}

/* ---------- Authentication ---------- */
.auth-boot-v376,#login.login-v325{
  min-height:100vh;
  width:100%;
  place-items:center;
  padding:28px;
  background:linear-gradient(145deg,#fbfbfb,#f3f3f3)
}
.auth-boot-v376{display:grid}
/* The application shows the login with an inline display:block. Convert only the
   visible login state back to a grid so the card stays centered. display:none is
   left untouched and can still hide the login screen normally. */
#login.login-v325:not([hidden]):not([style*="display: none"]):not([style*="display:none"]){display:grid!important}
.auth-boot-card-v376,.login-card-v325{width:min(470px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line-strong);border-radius:22px;box-shadow:var(--shadow-md)}
.auth-boot-card-v376{display:flex;align-items:center;gap:14px;padding:22px}
.auth-boot-logo-v376{width:46px;height:46px;object-fit:contain}
.auth-boot-copy-v376{display:flex;flex:1;flex-direction:column;gap:3px}
.auth-boot-copy-v376 strong{font-size:15px}
.auth-boot-copy-v376 span{color:var(--muted);font-size:11px}
.login-shell-v325{width:min(470px,calc(100vw - 32px));margin:auto}
.login-intro-v325{display:none}
.login-card-v325{padding:28px}
.login-card-header-v325{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:22px}
.login-card-icon-v325{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand-soft);color:var(--brand)}
.login-card-icon-v325 svg{display:block;width:22px!important;height:22px!important;max-width:none!important;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.login-card-kicker-v325{margin-bottom:3px;color:#404040;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.login-card-subtitle-v325{margin:5px 0 0;color:var(--muted);font-size:12px}
.login-form-v325{display:grid;gap:13px}
.login-v325 .field{display:grid;gap:6px}
.login-v325 label{font-size:11px;font-weight:750;color:var(--ink-2)}
.login-input-wrap-v325{position:relative;display:block;min-width:0}
.login-input-wrap-v325>svg{position:absolute;left:14px;top:50%;z-index:2;display:block;width:16px!important;height:16px!important;max-width:none!important;transform:translateY(-50%);fill:none;stroke:#404040;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.login-v325 .login-input-wrap-v325 input{box-sizing:border-box;width:100%;min-height:42px;padding:9px 12px 9px 46px!important;border:1px solid var(--line-strong);border-radius:10px;background:var(--field);color:var(--ink);outline:none}
.login-v325 .login-input-wrap-v325 input:focus{background:#fff;border-color:#d4d4d4;box-shadow:0 0 0 3px rgba(82,82,82,.12)}
.login-submit-v325{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;border:1px solid var(--brand)!important;border-radius:10px!important;background:var(--brand)!important;color:#fff!important;font-weight:750}
.login-submit-v325:hover{background:#e5e5e5!important}
.login-submit-v325 svg{display:block;width:16px!important;height:16px!important;max-width:none!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.login-2fa-back-v388{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink-2);font-weight:700}
.login-security-note-v325{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;border-radius:11px;background:var(--surface-2);color:#404040;font-size:10.5px}
.login-security-note-v325>svg{flex:0 0 auto;display:block;width:16px!important;height:16px!important;max-width:none!important;margin-top:1px;fill:none;stroke:var(--brand);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.owner-recovery-v325{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.owner-recovery-v325>summary{cursor:pointer;color:var(--brand);font-size:11px;font-weight:700;list-style-position:inside}
.owner-recovery-v325>.muted{margin-top:10px;line-height:1.5}
.owner-recovery-grid-v325{display:grid;gap:9px;margin-top:12px}
.owner-recovery-grid-v325 input{box-sizing:border-box;width:100%;min-height:40px;padding:8px 11px;border:1px solid var(--line-strong);border-radius:9px;background:var(--field);color:var(--ink);outline:none}
.owner-recovery-grid-v325 input:focus{background:#fff;border-color:#d4d4d4;box-shadow:0 0 0 3px rgba(82,82,82,.11)}
.owner-recovery-grid-v325 button{min-height:40px}

/* ---------- Top header ---------- */
#app{min-height:100vh}
.header{position:sticky;top:0;z-index:700;min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 16px;border-top:4px solid #d4d4d4;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:var(--shadow-xs)}
.header>div:first-child{min-width:0}.header strong{font-size:13px;font-weight:800}.signed-in-user-v325{margin-top:2px}.header-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.header-updated-status-v183{white-space:nowrap}
.header .btn,#refresh,#logout,#mobileMenuBtn,#sidebarToggleV334{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;color:var(--ink-2);font-weight:700;box-shadow:var(--shadow-xs)}
.header .btn:hover,#refresh:hover,#logout:hover{background:var(--brand-soft);border-color:#d4d4d4;color:#404040}.mobile-menu-btn{display:none}.sidebar-toggle-v334{display:none!important}

/* ---------- App shell / sidebar ---------- */
.layout{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:calc(100vh - var(--header-h));transition:grid-template-columns .18s ease}
.side{min-width:0;border-right:1px solid var(--line);background:rgba(255,255,255,.92)}
.side-panel{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));display:flex;flex-direction:column;gap:12px;padding:12px 10px 18px;overflow:auto}
.sidebar-header-v492{display:grid;grid-template-columns:minmax(0,1fr) 42px;min-height:62px;overflow:hidden;border:1px solid #d4d4d4;border-radius:14px;background:linear-gradient(135deg,#e5e5e5,#e5e5e5);box-shadow:var(--shadow-sm)}
.side-brand{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 8px 9px 10px}.side-brand-mark{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#e5e5e5,#e5e5e5);color:#fff;font-size:12px;font-weight:850;letter-spacing:.03em}.side-brand-copy{min-width:0}.side-brand-title{font-size:11px;font-weight:800;line-height:1.12;color:#404040}.side-brand-sub{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#404040;font-size:8.5px}.sidebar-toggle-v335{display:grid;place-items:center;width:42px;border:0;border-left:1px solid #d4d4d4;background:rgba(255,255,255,.2);color:#404040}.sidebar-toggle-v335:hover{background:rgba(255,255,255,.42)}.sidebar-toggle-icon-v335{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.nav{display:grid;gap:9px}.main-nav-category-v368{margin:0}.main-nav-category-toggle-v368{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:9px 12px;border:1px solid #d4d4d4;border-radius:10px;background:#ededed;color:#404040;font-size:9.5px;font-weight:850;letter-spacing:.12em;cursor:pointer}.main-nav-category-toggle-v368::-webkit-details-marker{display:none}.main-nav-category-toggle-v368 svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .16s ease}.main-nav-category-v368[open]>.main-nav-category-toggle-v368 svg{transform:rotate(180deg)}
.main-nav-category-items-v368{display:grid;gap:5px;margin-top:6px}.nav button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 11px;border:1px solid transparent;border-radius:10px;background:var(--nav);color:#404040;text-align:left;font-size:11px;font-weight:650}.nav button:hover{background:var(--nav-hover);border-color:#d4d4d4}.nav button.active,.nav button[aria-current="page"]{background:linear-gradient(135deg,#e5e5e5,#e5e5e5);border-color:#d4d4d4;color:#404040;box-shadow:inset 3px 0 0 var(--brand)}.nav-icon{flex:0 0 17px;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.layout.sidebar-collapsed-v336{grid-template-columns:var(--sidebar-mini) minmax(0,1fr)}.layout.sidebar-collapsed-v336 .side-panel{padding-inline:7px}.layout.sidebar-collapsed-v336 .sidebar-header-v492{grid-template-columns:1fr;min-height:46px}.layout.sidebar-collapsed-v336 .side-brand{display:none}.layout.sidebar-collapsed-v336 .sidebar-toggle-v335{width:100%;height:46px;border-left:0}.layout.sidebar-collapsed-v336 .main-nav-category-toggle-v368{justify-content:center;padding:8px 4px;font-size:0}.layout.sidebar-collapsed-v336 .main-nav-category-toggle-v368 span{display:none}.layout.sidebar-collapsed-v336 .main-nav-category-items-v368{gap:4px}.layout.sidebar-collapsed-v336 .nav button{justify-content:center;padding:9px 4px}.layout.sidebar-collapsed-v336 .nav button span,.layout.sidebar-collapsed-v336 .main-nav-orders-badge-v365{display:none}

/* ---------- Main workspace ---------- */
.main{min-width:0;padding:24px 26px 48px}.view{display:none;min-width:0}.view.active{display:block}.head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.head>.muted,.head>div>.muted{margin-top:5px}.period-filters{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.filter-field{min-width:84px}
.card,.section,.business-card-v325,.admin-create-card-v324,.admin-team-card-v324,.admin-permission-card-v327,.admin-permissions-card-v439,.admin-security-card-v327,.admin-security-audit-card-v325,.admin-mfa-card-v327,.admin-online-card-v327{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}
.section{padding:17px}.grid{display:grid;gap:12px}

/* ---------- Forms / controls ---------- */
.field{display:grid;gap:6px;min-width:0}.field>label,label{color:#404040;font-size:10px;font-weight:800}.field .muted{font-size:9px;font-weight:500}
#app input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),#app select,#app textarea{width:100%;min-height:38px;padding:8px 11px;border:1px solid var(--line-strong);border-radius:9px;background:var(--field);color:var(--ink);outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.65);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
#app textarea{min-height:78px;resize:vertical}
#app input::placeholder,#app textarea::placeholder{color:#404040}
#app input:focus,#app select:focus,#app textarea:focus{background:var(--field-focus);border-color:#d4d4d4;box-shadow:0 0 0 3px rgba(82,82,82,.11)}
#app input[readonly],#app textarea[readonly]{background:#f8f8f8;color:#404040}
input[type="checkbox"],input[type="radio"]{accent-color:var(--brand)}
.row,.form-grid-v233,.business-form-grid-v325,.admin-user-form-v324,.lf-split-form-v426{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.wide{grid-column:1/-1}
.btn,button:not(.main-nav-category-toggle-v368):not(.sidebar-toggle-v335):not(.nav button){border:1px solid var(--line-strong);border-radius:9px;background:#fff;color:var(--ink-2);font-weight:700}.btn:hover,button:not(.main-nav-category-toggle-v368):not(.sidebar-toggle-v335):not(.nav button):hover{background:var(--brand-soft);border-color:#d4d4d4;color:#404040}
.btn.primary,.lf-entry-save-v319,.admin-primary-v324,.business-primary-action-v344,.business-checkout-button-v325,.account-action-save-v340{border-color:var(--brand);background:linear-gradient(180deg,#e5e5e5,#e5e5e5);color:#fff;box-shadow:0 6px 14px rgba(82,82,82,.17)}
.btn.primary:hover,.lf-entry-save-v319:hover,.admin-primary-v324:hover,.business-primary-action-v344:hover,.business-checkout-button-v325:hover,.account-action-save-v340:hover{background:#e5e5e5;border-color:#d4d4d4;color:#fff}

/* ---------- STYLE E: centered add/edit cards with icon header ---------- */
#view-salary-add,#view-investments-add,#view-transfers-add,#view-pension-add,#view-usd-add,#view-usd-convert{min-height:calc(100vh - var(--header-h) - 48px);align-content:center;justify-items:center;padding:18px 0}
#view-salary-add.active,#view-investments-add.active,#view-transfers-add.active,#view-pension-add.active,#view-usd-add.active,#view-usd-convert.active{display:grid;grid-template-columns:minmax(0,700px);grid-template-rows:auto auto;gap:0}
.lf-entry-head-v319{position:relative;width:100%;min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:21px 24px 20px 88px;border:1px solid #d4d4d4;border-bottom:0;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#e5e5e5 0%,#e5e5e5 100%);box-shadow:var(--shadow-md)}
.lf-entry-head-v319::before{content:"✦";position:absolute;left:24px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#e5e5e5,#e5e5e5);color:#404040;font-size:21px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
#view-salary-add .lf-entry-head-v319::before{content:"$"}
#view-investments-add .lf-entry-head-v319::before{content:"↗"}
#view-transfers-add .lf-entry-head-v319::before{content:"⇄"}
#view-pension-add .lf-entry-head-v319::before{content:"▣"}
#view-usd-add .lf-entry-head-v319::before{content:"$"}
#view-usd-convert .lf-entry-head-v319::before{content:"↔"}
.lf-entry-head-v319 h1{font-size:24px}.lf-entry-head-v319 .muted{margin-top:5px;max-width:520px;color:#404040}
.lf-entry-head-v319 :is(.salary-eyebrow-v299,.investment-eyebrow-v308,.finance-eyebrow-v310,.lf-entry-eyebrow-v319,#investmentEntryEyebrowV215){margin-bottom:4px;color:#404040;font-size:9.5px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.lf-entry-close-v319{flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #d4d4d4;border-radius:10px;background:rgba(255,255,255,.78);color:#404040;font-size:19px;line-height:1}.lf-entry-close-v319:hover{background:#fff}
.lf-entry-card-v319{width:100%;margin:0;padding:24px;border:1px solid #d4d4d4;border-radius:0 0 20px 20px;background:#fff;box-shadow:var(--shadow-md)}
.lf-entry-form-v319{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.lf-entry-form-v319>.field.wide{grid-column:1/-1}.lf-entry-actions-v319{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:4px;padding-top:14px;border-top:1px solid #ececec}.lf-entry-save-v319{min-width:138px;min-height:40px;padding:9px 15px}.lf-entry-message-v319{grid-column:1/-1}.income-month-year-v168{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px}.usd-conversion-preview-v322{grid-column:1/-1;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.usd-conversion-preview-title-v322{margin-bottom:8px;font-weight:800}.usd-conversion-preview-grid-v322{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.usd-conversion-preview-item-v322{padding:10px;border-radius:9px;background:#fff;border:1px solid #e9e9e9}.usd-conversion-preview-item-v322 span{display:block;color:var(--muted);font-size:9px}.usd-conversion-preview-item-v322 strong{display:block;margin-top:3px}.usd-conversion-preview-formula-v322{margin-top:8px;color:var(--muted);font-size:9px}

/* ---------- Dashboard ---------- */
.dashboard-kpi-grid-v325,.dashboard-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.kpi-card{position:relative;min-height:122px;padding:18px;overflow:hidden}.kpi-card::after{content:"";position:absolute;right:16px;top:15px;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#f4f4f4,#fafafa);transform:rotate(-10deg)}.kpi-label{color:#404040;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.kpi{margin-top:7px;font-size:22px;font-weight:800;letter-spacing:-.025em}.kpi-remark,.usd-remark{margin-top:7px;color:var(--muted);font-size:9px}.usd-remark{color:var(--warning)}
#dashboardSavingsSectionV315{margin-top:14px}.period-filters .field{display:grid;gap:4px}.period-filters select{min-width:84px}.period-filters .btn{min-height:38px;padding:8px 13px}

/* ---------- Histories / tables ---------- */
.lf-history-card-v348,.transfer-history-card-v344,.account-table-card-v187{padding:15px}.lf-history-toolbar-v348,.transfer-history-period-bar-v345{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.lf-history-title-v348{display:flex;align-items:baseline;gap:7px}.lf-history-title-v348 strong{font-size:13px}.lf-history-period-controls-v348,.transfer-history-period-controls-v345{display:flex;align-items:flex-end;justify-content:flex-end;gap:6px;flex-wrap:wrap}.lf-history-period-controls-v348 label,.transfer-history-period-controls-v345 label{align-self:center;margin-left:4px;color:#404040;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.lf-history-period-controls-v348 select,.transfer-history-period-controls-v345 select{width:auto;min-width:80px;min-height:34px;padding:6px 28px 6px 9px}.lf-history-search-button-v348,.transfer-history-search-button-v345{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 11px}.lf-history-search-button-v348 svg,.transfer-history-search-button-v345 svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.table{width:100%;overflow:auto;border:1px solid var(--line-strong);border-radius:11px;background:#fff}.table table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px}.table th,.table td{padding:10px 11px;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;text-align:center;vertical-align:middle}.table th:last-child,.table td:last-child{border-right:0}.table tr:last-child td{border-bottom:0}.table th{background:#e5e5e5;color:#404040;font-size:8.5px;font-weight:850;letter-spacing:.065em;text-transform:uppercase}.table td{background:#f2f2f2;color:#404040;font-size:10px}.table tbody tr:nth-child(even) td{background:#ededed}.table tbody tr:hover td{background:#e5e5e5}
.lf-history-footer-v348,.pager,.account-pager-v187{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:var(--muted);font-size:9px}.lf-history-pager-v348,.account-pager-controls-v187{display:flex;gap:5px;margin-left:auto}.page-link,.lf-history-pager-v348 button,.account-pager-controls-v187 button{min-width:30px;min-height:30px;padding:4px 8px}.page-link.active,.lf-history-pager-v348 button.active{background:var(--brand);border-color:var(--brand);color:#fff}

/* ---------- Modals ---------- */
.modal{position:fixed;inset:0;z-index:1200;display:none;place-items:center;padding:20px;background:#e5e5e5;backdrop-filter:blur(5px)}.modal.open,.modal.active{display:grid}.modal-box,[data-lf-hard-modal-v328],.business-cash-dialog-v359,.business-transaction-dialog-v141{width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid #d4d4d4;border-radius:18px;background:#fff;box-shadow:0 28px 70px rgba(82,82,82,.24)}.modal-box>.head,.account-modal-head-v315{position:relative;margin:0;padding:20px 22px 18px 78px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f5f5f5,#e5e5e5)}.modal-box>.head::before,.account-modal-head-v315::before{content:"✦";position:absolute;left:22px;top:18px;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e5e5e5;color:#404040;font-size:18px}.modal-box form,.account-form-v315{padding:20px}.account-modal-actions-v310,.admin-create-actions-v324,.business-form-actions-v344{display:flex;justify-content:flex-end;gap:8px;grid-column:1/-1;margin-top:5px}.account-action-delete-v340{margin-right:auto;border-color:#e4b6b6;background:var(--danger-soft);color:var(--danger)}

/* ---------- Settings / Admin ---------- */
.admin-workspace-v375,.premium-settings-v270{min-width:0}.admin-panel-heading-v327,.business-panel-heading-v344{margin-bottom:16px}.admin-panel-heading-v327 h2,.business-panel-heading-v344 h2{font-size:23px}.admin-panel-heading-v327 p,.business-panel-heading-v344 p{margin:5px 0 0;color:var(--muted);font-size:11px}.admin-security-layout-v327{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-security-card-v327,.admin-security-audit-card-v325,.admin-mfa-card-v327,.admin-online-card-v327{padding:15px}.admin-security-switch-v327{display:flex;align-items:flex-start;gap:10px}.admin-status-pill-v324,.admin-role-pill-v324,.admin-mfa-status-v327,.business-status-pill-v325,.business-refund-badge-v134{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:9px;font-weight:800}
.lf-split-tabs-v426,.business-payroll-tabs-v425,.business-sales-tabs-v501{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.lf-split-tab-v426,.business-payroll-tab-v425,.business-sales-tab-v501{display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-2)}.lf-split-tab-v426.active,.business-payroll-tab-v425.active,.business-sales-tab-v501.active{background:var(--brand-soft);border-color:#d4d4d4;color:#404040}.lf-split-page-v426,.business-payroll-page-v425,.business-sales-tab-panel-v501{display:none}.lf-split-page-v426.active,.business-payroll-page-v425.active,.business-sales-tab-panel-v501.active{display:block}
.premium-settings-grid-v270{display:grid;gap:12px}.premium-setting-card-v270{padding:16px}.premium-setting-card-top-v270{display:flex;align-items:flex-start;gap:12px}.premium-setting-icon-v270,.premium-security-item-icon-v270{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:var(--brand-soft);color:var(--brand)}.premium-setting-control-v270{margin-left:auto;min-width:190px}.premium-setting-help-v270{margin-top:7px;color:var(--muted);font-size:10px}.premium-security-item-v270{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}

/* ---------- Business ---------- */
.business-desktop-window-v346{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}.business-window-titlebar-v346{display:flex;align-items:center;gap:12px;min-height:50px;padding:8px 12px;border-bottom:1px solid var(--line);background:#f3f3f3}.business-window-traffic-v346{display:flex;gap:5px}.business-window-traffic-v346 span{width:8px;height:8px;border-radius:50%;background:#e5e5e5}.business-window-app-v346{display:flex;align-items:center;gap:8px}.business-window-logo-v346{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--brand);color:#fff;font-size:9px;font-weight:850}.business-window-tools-v346{margin-left:auto;display:flex;align-items:center;gap:7px}.business-system-status-v345{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:#fbfbfb;overflow:auto}.business-system-status-item-v345{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--muted);font-size:8.5px}.business-system-dot-v345{width:7px;height:7px;border-radius:50%;background:#4fa477}.business-workspace-v344{padding:16px}.business-panel-v325{display:none}.business-panel-v325.active{display:block}.business-card-v325{padding:15px}.business-form-grid-v325{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.business-form-section-v344+.business-form-section-v344{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.business-section-title-v344{display:flex;align-items:center;gap:9px;margin-bottom:10px}.business-section-title-v344>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:850}.business-cashier-grid-v325{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:13px}.business-items-v325{min-height:76px;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--field)}.business-payment-choice-grid-v360{display:flex;gap:7px;flex-wrap:wrap}.business-payment-choice-v360{position:relative;display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid var(--line-strong);border-radius:9px;background:#fff}.business-payment-choice-v360 input{position:absolute;opacity:0}.business-payment-check-v360{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--line-strong);border-radius:5px;color:transparent}.business-payment-choice-v360:has(input:checked){background:var(--brand-soft);border-color:#d4d4d4}.business-payment-choice-v360:has(input:checked) .business-payment-check-v360{background:var(--brand);border-color:var(--brand);color:#fff}.business-payroll-form-v425,.business-team-filter-v260{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.business-team-kpi-grid-v260{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.business-team-kpi-card-v260{padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}

/* ---------- Generic helper/action buttons ---------- */
.lf-real-icon-btn,.finance-add-button-v310,.investment-add-button-v308,.investment-withdraw-button-v215,.accounts-add-bank-v285{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #d4d4d4;border-radius:9px;background:#fff;color:#404040}.lf-real-icon-btn svg,.finance-add-button-v310 svg,.investment-add-button-v308 svg,.investment-withdraw-button-v215 svg,.accounts-add-bank-v285 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.lf-real-icon-btn:hover,.finance-add-button-v310:hover,.investment-add-button-v308:hover,.investment-withdraw-button-v215:hover,.accounts-add-bank-v285:hover{background:var(--brand-soft)}
.finance-outline-button-v310{min-height:34px;padding:6px 11px}.head-actions,.finance-head-actions-v310,.investment-head-actions-v190,.accounts-head-actions-v173{display:flex;align-items:center;gap:7px}

/* ---------- Mobile navigation ---------- */
.mobile-nav-overlay,.mobile-bottom-nav{display:none}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .dashboard-kpi-grid-v325,.dashboard-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .business-cashier-grid-v325{grid-template-columns:1fr}
  .business-team-kpi-grid-v260{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:760px){
  :root{--header-h:58px}
  .header{padding:8px 10px}.header-updated-status-v183{display:none}.mobile-menu-btn{display:inline-flex}.layout{display:block}.side{position:fixed;top:var(--header-h);left:0;bottom:0;z-index:900;width:min(276px,88vw);transform:translateX(-105%);transition:transform .2s ease;box-shadow:var(--shadow-md)}.side.mobile-open{transform:translateX(0)}.side-panel{position:static;height:100%;padding:12px}.main{padding:15px 12px 82px}.mobile-nav-overlay{position:fixed;inset:var(--header-h) 0 0;z-index:850;background:#e5e5e5}.mobile-nav-overlay.open{display:block}.mobile-bottom-nav{position:fixed;left:8px;right:8px;bottom:8px;z-index:800;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-md);backdrop-filter:blur(10px)}.mobile-bottom-nav button{min-height:46px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font-size:9px}.mobile-bottom-nav button.active{background:var(--brand-soft);color:var(--brand)}.mobile-bottom-nav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.head{flex-direction:column;align-items:stretch}.period-filters{justify-content:flex-start}.dashboard-kpi-grid-v325,.dashboard-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi-card{min-height:100px;padding:13px}.kpi{font-size:18px}.lf-history-toolbar-v348,.transfer-history-period-bar-v345{align-items:stretch}.lf-history-period-controls-v348,.transfer-history-period-controls-v345{justify-content:flex-start}.row,.form-grid-v233,.business-form-grid-v325,.admin-user-form-v324,.lf-split-form-v426,.admin-security-layout-v327,.business-payroll-form-v425,.business-team-filter-v260{grid-template-columns:1fr}.wide{grid-column:auto}.premium-setting-card-top-v270{display:grid;grid-template-columns:40px 1fr}.premium-setting-control-v270{grid-column:1/-1;margin-left:0;min-width:0}.premium-security-item-v270{grid-template-columns:40px 1fr}.premium-security-item-v270>*:last-child{grid-column:1/-1}.business-payroll-tabs-v425,.business-sales-tabs-v501,.lf-split-tabs-v426{display:grid;grid-template-columns:1fr}.business-workspace-v344{padding:10px}.business-card-v325{padding:11px}.table th,.table td{padding:8px 7px;font-size:9px}.modal{padding:10px}.modal-box,[data-lf-hard-modal-v328],.business-cash-dialog-v359,.business-transaction-dialog-v141{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}
  #view-salary-add,#view-investments-add,#view-transfers-add,#view-pension-add,#view-usd-add,#view-usd-convert{min-height:auto;padding:0}
  #view-salary-add.active,#view-investments-add.active,#view-transfers-add.active,#view-pension-add.active,#view-usd-add.active,#view-usd-convert.active{grid-template-columns:1fr}
  .lf-entry-head-v319{min-height:96px;padding:18px 18px 17px 72px;border-radius:16px 16px 0 0}.lf-entry-head-v319::before{left:16px;width:42px;height:42px;border-radius:13px}.lf-entry-head-v319 h1{font-size:21px}.lf-entry-card-v319{padding:17px;border-radius:0 0 16px 16px}.lf-entry-form-v319{grid-template-columns:1fr}.lf-entry-form-v319>.field.wide,.lf-entry-actions-v319,.lf-entry-message-v319,.usd-conversion-preview-v322{grid-column:auto}.income-month-year-v168{grid-template-columns:1fr 84px}.usd-conversion-preview-grid-v322{grid-template-columns:1fr}.lf-entry-actions-v319{justify-content:stretch}.lf-entry-save-v319{width:100%}
}

@media (max-width:480px){
  .header>div:first-child{max-width:50%}.header strong{font-size:11px}.header .btn,#refresh,#logout,#mobileMenuBtn{min-height:32px;padding:6px 8px;font-size:10px}.dashboard-kpi-grid-v325,.dashboard-kpi-row{grid-template-columns:1fr}.login-card-v325{padding:22px}.login-card-header-v325{grid-template-columns:42px 1fr}.login-card-icon-v325{width:42px;height:42px}.main{padding-inline:10px}.lf-history-period-controls-v348,.transfer-history-period-controls-v345{display:grid;grid-template-columns:auto minmax(0,1fr);width:100%}.lf-history-period-controls-v348 button,.transfer-history-period-controls-v345 button{grid-column:1/-1;width:100%}.lf-history-period-controls-v348 select,.transfer-history-period-controls-v345 select{width:100%}.business-team-kpi-grid-v260{grid-template-columns:1fr}
}

/* ============================================================
   V325.504 — Professional Authenticator verification layout + 2m30s security timeout
   Keeps the 2FA field in one vertical column and aligns every
   control to the same left/right edges as the action buttons.
   ============================================================ */
#login[data-login-step-v389="authenticator"] .login-card-v325{
  width:min(460px,calc(100vw - 32px));
  padding:30px;
}
#login[data-login-step-v389="authenticator"] .login-card-header-v325{
  margin-bottom:18px;
}
#login[data-login-step-v389="authenticator"] .login-card-subtitle-v325{
  line-height:1.5;
}
#login[data-login-step-v389="authenticator"] .login-form-v325{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
}
#login[data-login-step-v389="authenticator"] #login2FAField{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
#login[data-login-step-v389="authenticator"] #login2FAField[hidden]{
  display:none!important;
}
#login[data-login-step-v389="authenticator"] #login2FAField>label{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:var(--ink-2)!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.35!important;
}
#login[data-login-step-v389="authenticator"] #login2FAField .login-input-wrap-v325{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
#login[data-login-step-v389="authenticator"] #login2FAField .login-input-wrap-v325>svg{
  left:15px!important;
  width:16px!important;
  height:16px!important;
}
#login[data-login-step-v389="authenticator"] #login2FACode{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  padding:10px 14px 10px 46px!important;
  font-size:13px!important;
  letter-spacing:.01em!important;
}
#login[data-login-step-v389="authenticator"] #loginBtn{
  width:100%!important;
  min-height:44px!important;
  margin:1px 0 0!important;
}
#login[data-login-step-v389="authenticator"] #login2FABackV388{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:40px!important;
  margin:0!important;
  padding:8px 14px!important;
  border:1px solid var(--line-strong)!important;
  border-radius:10px!important;
  background:var(--surface-2)!important;
  color:var(--ink-2)!important;
  font-weight:700!important;
  box-shadow:none!important;
}
#login[data-login-step-v389="authenticator"] #login2FABackV388:hover{
  background:#f4f4f4!important;
  border-color:#d4d4d4!important;
  color:var(--brand)!important;
}
#login[data-login-step-v389="authenticator"] #loginMsg:empty{
  display:none!important;
}
#login[data-login-step-v389="authenticator"] #loginMsg:not(:empty){
  display:block!important;
  margin:0!important;
  padding:9px 11px!important;
  border:1px solid #f0c7c7!important;
  border-radius:9px!important;
  background:#fff7f7!important;
  color:#9b3434!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}
#login[data-login-step-v389="authenticator"] .login-security-note-v325{
  margin-top:14px!important;
  padding:11px 13px!important;
  border:1px solid #ececec!important;
  background:#fbfbfb!important;
  line-height:1.45!important;
}
@media(max-width:520px){
  #login[data-login-step-v389="authenticator"] .login-card-v325{
    width:min(440px,calc(100vw - 20px));
    padding:22px;
  }
}

/* ============================================================
   V325.504 — Authenticator timeout countdown + explanation popup
   ============================================================ */
.login-2fa-timer-v504[hidden]{display:none!important}
#login[data-login-step-v389="authenticator"] .login-2fa-timer-v504{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-top:8px;
  padding:5px 9px;
  border:1px solid #d4d4d4;
  border-radius:999px;
  background:#fafafa;
  color:#404040;
  font-size:10.5px;
  font-weight:700;
  line-height:1.2;
}
.login-timeout-layer-v504[hidden]{display:none!important}
.login-timeout-layer-v504{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  padding:20px;
  background:#e5e5e5;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  opacity:0;
  transition:opacity .18s ease;
}
.login-timeout-layer-v504.is-visible{opacity:1}
.login-timeout-popup-v504{
  box-sizing:border-box;
  width:min(420px,calc(100vw - 32px));
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:14px;
  padding:22px;
  border:1px solid var(--line-strong);
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 70px rgba(82,82,82,.22);
  transform:translateY(8px) scale(.985);
  transition:transform .18s ease;
}
.login-timeout-layer-v504.is-visible .login-timeout-popup-v504{
  transform:translateY(0) scale(1);
}
.login-timeout-icon-v504{
  grid-column:1;
  grid-row:1;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:13px;
  background:#fff4e6;
  color:#a76012;
}
.login-timeout-icon-v504 svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.login-timeout-copy-v504{grid-column:2;grid-row:1;min-width:0}
.login-timeout-kicker-v504{
  margin-bottom:3px;
  color:#a76012;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.12em;
}
.login-timeout-copy-v504 h3{
  margin:0;
  color:var(--ink);
  font-size:16px;
  line-height:1.25;
}
.login-timeout-copy-v504 p{
  margin:7px 0 0;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.55;
}
.login-timeout-ok-v504{
  grid-column:1/-1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:40px;
  margin-top:4px;
  padding:8px 14px;
  border:1px solid var(--brand);
  border-radius:10px;
  background:var(--brand);
  color:#fff;
  font:inherit;
  font-weight:750;
  cursor:pointer;
}
.login-timeout-ok-v504:hover{filter:brightness(.96)}
.login-timeout-ok-v504:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(82,82,82,.18);
}
@media(max-width:520px){
  .login-timeout-popup-v504{
    grid-template-columns:40px minmax(0,1fr);
    gap:12px;
    padding:18px;
    border-radius:16px;
  }
  .login-timeout-icon-v504{width:40px;height:40px}
}

/* V325.508 — simple loading screen */
html body #authBootV376.auth-boot-v376{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-height:100vh!important;
  padding:24px!important;
  margin:0!important;
  background:var(--bg)!important;
  background-color:var(--bg)!important;
  background-image:none!important;
}
html body #authBootV376.auth-boot-v376::before,
html body #authBootV376.auth-boot-v376::after{
  content:none!important;
  display:none!important;
}
html body #authBootV376 .auth-boot-simple-v508{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--muted)!important;
  font:700 14px/1.4 var(--font)!important;
  letter-spacing:.01em!important;
  text-align:center!important;
}
html body #authBootV376 :is(
  .auth-boot-card-v376,
  .auth-boot-logo-v376,
  .auth-boot-copy-v376,
  .auth-boot-spinner-v376
){
  display:none!important;
}

/* ============================================================
   V325.509 — UNIFIED STANDARD WORKSPACE
   One clean layout system for all signed-in pages.
   ============================================================ */
:root{
  --workspace-max:1600px;
  --control-h:38px;
  --panel-radius:14px;
}

/* Workspace geometry */
html body #app .main{
  padding:22px 24px 48px!important;
}
html body #app .main > .view.active{
  width:100%;
  max-width:var(--workspace-max);
  margin-inline:auto;
}
html body #app .main > .view.active > .head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:0!important;
  margin:0 0 16px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #app .main > .view.active > .head h1{
  margin:0!important;
  font-size:26px!important;
  line-height:1.15!important;
}
html body #app .main > .view.active > .head .muted{
  margin-top:4px!important;
  max-width:760px;
  line-height:1.45;
}

/* Remove duplicated legacy history introductions.
   Each history card already carries its own title/status. */
html body #app :is(
  .lf-history-heading-v348,
  .finance-history-heading-v310,
  .transfer-history-heading-v309
){
  display:none!important;
}

/* Standard content panels */
html body #app :is(
  .card,
  .section,
  .business-card-v325,
  .admin-create-card-v324,
  .admin-team-card-v324,
  .admin-permission-card-v327,
  .admin-permissions-card-v439,
  .admin-security-card-v327,
  .admin-security-audit-card-v325,
  .admin-mfa-card-v327,
  .admin-online-card-v327,
  .premium-setting-card-v270
){
  border:1px solid var(--line)!important;
  border-radius:var(--panel-radius)!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(82,82,82,.055)!important;
}

/* History card structure */
html body #app :is(
  .lf-history-card-v348,
  .transfer-history-card-v344,
  .account-table-card-v187
){
  margin:0!important;
  padding:16px!important;
  overflow:hidden!important;
}
html body #app :is(
  .lf-history-toolbar-v348,
  .transfer-history-period-bar-v345
){
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) auto auto!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
}
html body #app :is(
  .lf-history-title-v348,
  .transfer-history-period-title-v345
){
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  justify-self:start!important;
}
html body #app :is(
  .lf-history-title-v348,
  .transfer-history-period-title-v345
) > strong{
  color:var(--ink)!important;
  font-size:14px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
html body #app :is(
  .lf-history-title-v348,
  .transfer-history-period-title-v345
) > .muted{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  margin:0!important;
  padding:3px 8px!important;
  border:1px solid #e5e5e5!important;
  border-radius:999px!important;
  background:#f9f9f9!important;
  color:#404040!important;
  font-size:9px!important;
  white-space:nowrap!important;
}

/* Small summary card in the center of history toolbars */
html body #app :is(
  .finance-history-summary-v292,
  .finance-history-summary-v296
){
  justify-self:center!important;
  margin:0!important;
}
html body #app .finance-summary-card-v299{
  display:grid!important;
  gap:2px!important;
  min-width:138px!important;
  min-height:48px!important;
  padding:8px 12px!important;
  border:1px solid #d4d4d4!important;
  border-radius:10px!important;
  background:#fbfbfb!important;
  box-shadow:none!important;
}
html body #app .finance-summary-label-v299{
  color:#404040!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.065em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
html body #app .finance-summary-value-v299{
  color:var(--ink)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
/* Accounts has no period filters, so its summary belongs on the far right. */
html body #app .lf-history-toolbar-v348:not(:has(.lf-history-period-controls-v348))
  :is(.finance-history-summary-v292,.finance-history-summary-v296){
  grid-column:3!important;
  justify-self:end!important;
}

/* Compact history filters: aria-label already identifies Year/Month,
   so visible duplicate captions are visually hidden. */
html body #app :is(
  .lf-history-period-controls-v348,
  .transfer-history-period-controls-v345
){
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  justify-self:end!important;
  flex-wrap:nowrap!important;
}
html body #app :is(
  .lf-history-period-controls-v348,
  .transfer-history-period-controls-v345
) > label{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
html body #app :is(
  .lf-history-period-controls-v348,
  .transfer-history-period-controls-v345
) > select{
  flex:0 0 auto!important;
  width:108px!important;
  min-width:108px!important;
  max-width:108px!important;
  min-height:36px!important;
  height:36px!important;
  padding:6px 30px 6px 10px!important;
  border-radius:9px!important;
  background-color:#f7f7f7!important;
  font-size:10px!important;
}
html body #app :is(
  .lf-history-search-button-v348,
  .transfer-history-search-button-v345,
  .transfer-history-period-search-v345
){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:86px!important;
  min-height:36px!important;
  height:36px!important;
  padding:6px 11px!important;
  border:1px solid var(--line-strong)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--ink-2)!important;
  font-size:10px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
html body #app :is(
  .lf-history-search-button-v348,
  .transfer-history-search-button-v345,
  .transfer-history-period-search-v345
):hover{
  background:var(--brand-soft)!important;
  border-color:#d4d4d4!important;
  color:#404040!important;
}

/* Dashboard/reporting filters */
html body #app .period-filters{
  display:flex!important;
  align-items:flex-end!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  padding:7px!important;
  border:1px solid var(--line)!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:var(--shadow-xs)!important;
}
html body #app .period-filters .field{
  gap:3px!important;
}
html body #app .period-filters label{
  color:#404040!important;
  font-size:8px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
html body #app .period-filters select{
  width:104px!important;
  min-width:104px!important;
  height:34px!important;
  min-height:34px!important;
  padding-block:5px!important;
}
html body #app .period-filters .btn{
  height:34px!important;
  min-height:34px!important;
  padding:6px 12px!important;
}

/* Tables: cleaner white records with subtle separators */
html body #app :is(.table,.account-table-wrap-v187){
  width:100%!important;
  overflow:auto!important;
  border:1px solid #d4d4d4!important;
  border-radius:11px!important;
  background:#fff!important;
}
html body #app :is(.table,.account-table-wrap-v187) table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
html body #app .table table{
  min-width:680px!important;
}
html body #app :is(.table,.account-table-wrap-v187) th{
  padding:10px 11px!important;
  border-right:1px solid #d4d4d4!important;
  border-bottom:1px solid #d4d4d4!important;
  background:#efefef!important;
  color:#404040!important;
  font-size:8.5px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
html body #app :is(.table,.account-table-wrap-v187) td{
  padding:10px 11px!important;
  border-right:1px solid #e7e7e7!important;
  border-bottom:1px solid #e7e7e7!important;
  background:#fff!important;
  color:#404040!important;
  font-size:10px!important;
  text-align:center!important;
  vertical-align:middle!important;
}
html body #app :is(.table,.account-table-wrap-v187) tbody tr:nth-child(even) td{
  background:#fafafa!important;
}
html body #app :is(.table,.account-table-wrap-v187) tbody tr:hover td{
  background:#f5f5f5!important;
}
html body #app :is(.table,.account-table-wrap-v187) th:last-child,
html body #app :is(.table,.account-table-wrap-v187) td:last-child{
  border-right:0!important;
}
html body #app :is(.table,.account-table-wrap-v187) tbody tr:last-child td{
  border-bottom:0!important;
}

/* Pager/footer */
html body #app :is(.lf-history-footer-v348,.pager,.account-pager-v187){
  min-height:34px!important;
  margin-top:10px!important;
  color:#404040!important;
  font-size:9px!important;
}

/* Uniform controls */
html body #app :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,
  textarea
){
  min-height:var(--control-h)!important;
  border-radius:9px!important;
}
html body #app :is(.btn,button):not(.main-nav-category-toggle-v368):not(.sidebar-toggle-v335):not(.nav button){
  min-height:36px;
  border-radius:9px;
}

/* Consistent Business / System headings */
html body #app :is(
  .business-panel-heading-v344,
  .admin-panel-heading-v327,
  .business-item-page-heading-v348
){
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 15px!important;
  padding:0!important;
}
html body #app :is(
  .business-panel-heading-v344,
  .admin-panel-heading-v327,
  .business-item-page-heading-v348
) h2{
  margin:0!important;
  font-size:22px!important;
  line-height:1.2!important;
}
html body #app :is(
  .business-panel-heading-v344,
  .admin-panel-heading-v327,
  .business-item-page-heading-v348
) p{
  margin:4px 0 0!important;
  color:var(--muted)!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}

/* Tabs follow one compact standard */
html body #app :is(
  .lf-split-tabs-v426,
  .business-payroll-tabs-v425,
  .business-sales-tabs-v501
){
  display:flex!important;
  gap:6px!important;
  margin:0 0 14px!important;
  padding:5px!important;
  border:1px solid var(--line)!important;
  border-radius:11px!important;
  background:#f9f9f9!important;
  flex-wrap:wrap!important;
}
html body #app :is(
  .lf-split-tab-v426,
  .business-payroll-tab-v425,
  .business-sales-tab-v501
){
  min-height:34px!important;
  padding:6px 10px!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

/* Forms/actions */
html body #app :is(
  .row,
  .form-grid-v233,
  .business-form-grid-v325,
  .admin-user-form-v324,
  .lf-split-form-v426
){
  gap:12px 14px!important;
}
html body #app :is(
  .account-modal-actions-v310,
  .admin-create-actions-v324,
  .business-form-actions-v344,
  .lf-entry-actions-v319
){
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding-top:13px!important;
  border-top:1px solid #ececec!important;
}

/* Keep add/edit Style E centered and visually consistent */
html body #app :is(
  #view-salary-add,
  #view-investments-add,
  #view-transfers-add,
  #view-pension-add,
  #view-usd-add,
  #view-usd-convert
).active{
  align-content:center!important;
  justify-items:center!important;
}
html body #app .lf-entry-head-v319{
  box-shadow:0 10px 28px rgba(82,82,82,.09)!important;
}
html body #app .lf-entry-card-v319{
  box-shadow:0 16px 36px rgba(82,82,82,.09)!important;
}

/* Responsive standard */
@media(max-width:900px){
  html body #app .main{
    padding:18px 16px 86px!important;
  }
  html body #app :is(
    .lf-history-toolbar-v348,
    .transfer-history-period-bar-v345
  ){
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  html body #app :is(
    .finance-history-summary-v292,
    .finance-history-summary-v296
  ){
    grid-column:2!important;
    justify-self:end!important;
  }
  html body #app :is(
    .lf-history-period-controls-v348,
    .transfer-history-period-controls-v345
  ){
    grid-column:1/-1!important;
    justify-self:start!important;
  }
}

@media(max-width:620px){
  html body #app .main{
    padding:14px 10px 82px!important;
  }
  html body #app .main > .view.active > .head{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
  }
  html body #app .main > .view.active > .head h1{
    font-size:23px!important;
  }
  html body #app :is(
    .lf-history-toolbar-v348,
    .transfer-history-period-bar-v345
  ){
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  html body #app :is(
    .finance-history-summary-v292,
    .finance-history-summary-v296
  ){
    grid-column:auto!important;
    justify-self:stretch!important;
  }
  html body #app .finance-summary-card-v299{
    width:100%!important;
  }
  html body #app :is(
    .lf-history-period-controls-v348,
    .transfer-history-period-controls-v345
  ){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    justify-self:stretch!important;
  }
  html body #app :is(
    .lf-history-period-controls-v348,
    .transfer-history-period-controls-v345
  ) > select{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  html body #app :is(
    .lf-history-search-button-v348,
    .transfer-history-search-button-v345,
    .transfer-history-period-search-v345
  ){
    grid-column:1/-1!important;
    width:100%!important;
  }
  html body #app .period-filters{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  html body #app .period-filters select{
    width:100%!important;
    min-width:0!important;
  }
  html body #app .period-filters .btn{
    grid-column:1/-1!important;
    width:100%!important;
  }
}

/* ============================================================
   V325.510 — STANDARD CUSTOM DROPDOWNS
   Native single-select controls remain the data source but are
   visually replaced by one consistent accessible dropdown UI.
   ============================================================ */
html body #app select.lf-native-select-v510{
  position:absolute!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  height:1px!important;
  min-height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

html body #app .lf-select-v510{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
}

html body #app .lf-select-trigger-v510{
  position:relative;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:var(--control-h,38px)!important;
  height:var(--control-h,38px)!important;
  margin:0!important;
  padding:7px 36px 7px 11px!important;
  border:1px solid var(--line-strong)!important;
  border-radius:9px!important;
  background:var(--field)!important;
  background-image:none!important;
  color:var(--ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68)!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-align:left!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease!important;
}

html body #app .lf-select-trigger-v510::after{
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  width:7px;
  height:7px;
  border-right:1.7px solid #d4d4d4;
  border-bottom:1.7px solid #d4d4d4;
  transform:translateY(-68%) rotate(45deg);
  transition:transform .16s ease;
  pointer-events:none;
}

html body #app .lf-select-v510[data-open="true"] .lf-select-trigger-v510::after{
  transform:translateY(-28%) rotate(225deg);
}

html body #app .lf-select-trigger-v510:hover{
  background:#f4f4f4!important;
  border-color:#d4d4d4!important;
  color:var(--ink)!important;
}

html body #app .lf-select-trigger-v510:focus-visible,
html body #app .lf-select-v510[data-open="true"] .lf-select-trigger-v510{
  outline:0!important;
  background:var(--field-focus)!important;
  border-color:#d4d4d4!important;
  box-shadow:0 0 0 3px rgba(82,82,82,.12)!important;
}

html body #app .lf-select-trigger-v510:disabled{
  cursor:not-allowed!important;
  opacity:.58!important;
  background:#f1f1f1!important;
}

html body #app .lf-select-label-v510{
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Menus are attached to <body> so cards/tables cannot clip them. */
html body > .lf-select-menu-v510{
  position:fixed;
  z-index:2147483000;
  display:none;
  padding:5px;
  border:1px solid #d4d4d4;
  border-radius:10px;
  background:#fff;
  box-shadow:0 14px 34px rgba(82,82,82,.18),0 2px 7px rgba(82,82,82,.08);
  overflow:auto;
  overscroll-behavior:contain;
}

html body > .lf-select-menu-v510[data-open="true"]{
  display:block;
}

html body > .lf-select-menu-v510 .lf-select-option-v510{
  position:relative;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
  padding:7px 30px 7px 10px!important;
  border:0!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#404040!important;
  box-shadow:none!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.25!important;
  text-align:left!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}

html body > .lf-select-menu-v510 .lf-select-option-v510:hover,
html body > .lf-select-menu-v510 .lf-select-option-v510[data-active="true"]{
  background:#f4f4f4!important;
  color:#404040!important;
}

html body > .lf-select-menu-v510 .lf-select-option-v510[aria-selected="true"]{
  background:#e5e5e5!important;
  color:#404040!important;
  font-weight:750!important;
}

html body > .lf-select-menu-v510 .lf-select-option-v510[aria-selected="true"]::after{
  content:"✓";
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  color:#404040;
  font-size:12px;
  font-weight:900;
}

html body > .lf-select-menu-v510 .lf-select-option-v510:disabled{
  cursor:not-allowed!important;
  opacity:.45!important;
}

/* Compact finance/history dropdowns keep their intended size. */
html body #app :is(
  .lf-history-period-controls-v348,
  .transfer-history-period-controls-v345
) > .lf-select-v510{
  flex:0 0 108px!important;
  width:108px!important;
  min-width:108px!important;
  max-width:108px!important;
}

html body #app :is(
  .lf-history-period-controls-v348,
  .transfer-history-period-controls-v345
) > .lf-select-v510 .lf-select-trigger-v510{
  min-height:36px!important;
  height:36px!important;
  padding:6px 30px 6px 10px!important;
  font-size:10px!important;
  background:#f7f7f7!important;
}

html body #app .period-filters .lf-select-v510{
  flex:0 0 104px!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
}

html body #app .period-filters .lf-select-trigger-v510{
  min-height:34px!important;
  height:34px!important;
  padding-block:5px!important;
  font-size:10px!important;
}

/* Form selects remain full width. */
html body #app :is(
  .field,
  .lf-entry-form-v319,
  .form-grid-v233,
  .business-form-grid-v325,
  .admin-user-form-v324,
  .lf-split-form-v426
) .lf-select-v510{
  width:100%!important;
  max-width:none!important;
}

/* Mobile */
@media(max-width:620px){
  html body #app :is(
    .lf-history-period-controls-v348,
    .transfer-history-period-controls-v345
  ) > .lf-select-v510,
  html body #app .period-filters .lf-select-v510{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:1 1 auto!important;
  }

  html body > .lf-select-menu-v510{
    max-width:calc(100vw - 16px)!important;
  }
}

/* ============================================================
   V325.511 — READABLE SUMMARY CARDS + FIXED PAGINATION
   Applied site-wide to the shared history page system.
   ============================================================ */

/* Income summary / insight cards
   The old script creates these three items dynamically. They previously had
   no CSS after the clean rebuild, so label, number and note ran together. */
html body #app .salary-insights-v298{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
}

html body #app .salary-insight-v298{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
  min-height:78px!important;
  padding:12px 14px!important;
  border:1px solid var(--line)!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(82,82,82,.045)!important;
}

html body #app .salary-insight-v298 small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#404040!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

html body #app .salary-insight-v298 strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:var(--ink)!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}

html body #app .salary-insight-note-v298{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:var(--muted)!important;
  font-size:10px!important;
  line-height:1.35!important;
}

/* Shared compact KPI cards across history pages also get guaranteed internal
   separation so a label/value can never visually run together. */
html body #app .finance-summary-card-v299{
  row-gap:4px!important;
}
html body #app .finance-summary-card-v299 > *{
  display:block!important;
  margin:0!important;
}
html body #app .finance-summary-label-v299{
  margin-bottom:1px!important;
}
html body #app .finance-summary-value-v299{
  line-height:1.25!important;
}

/* One pagination standard for all tables using the shared history pager.
   "Previous" and "Next" have fixed wide boxes; page numbers are fixed squares. */
html body #app .lf-history-pager-v363{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  min-height:42px!important;
  margin:10px 0 0!important;
  padding:0!important;
}

html body #app .lf-history-pager-summary-v363{
  display:flex!important;
  align-items:center!important;
  min-height:36px!important;
  margin:0!important;
  color:#404040!important;
  font-size:9.5px!important;
  font-weight:600!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}

html body #app .lf-history-pager-buttons-v363{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
}

html body #app .lf-history-pager-button-v363{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d4d4d4!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#404040!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
}

html body #app .lf-history-pager-button-v363:first-child,
html body #app .lf-history-pager-button-v363:last-child{
  flex-basis:76px!important;
  width:76px!important;
  min-width:76px!important;
  max-width:76px!important;
  padding:0 10px!important;
}

html body #app .lf-history-pager-button-v363:hover:not(:disabled):not([aria-current="page"]){
  border-color:#d4d4d4!important;
  background:#f4f4f4!important;
  color:#404040!important;
}

html body #app .lf-history-pager-button-v363[aria-current="page"]{
  border-color:var(--brand)!important;
  background:var(--brand)!important;
  color:#fff!important;
  box-shadow:0 3px 9px rgba(82,82,82,.17)!important;
}

html body #app .lf-history-pager-button-v363:disabled{
  border-color:#dfdfdf!important;
  background:#f7f7f7!important;
  color:#404040!important;
  cursor:not-allowed!important;
  opacity:1!important;
}

/* Keep the history card footer clear of the table border on every paged page. */
html body #app .lf-history-card-v348 > .lf-history-pager-v363,
html body #app .card > .lf-history-pager-v363{
  margin-top:12px!important;
}

/* Mobile/tablet */
@media(max-width:760px){
  html body #app .salary-insights-v298{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  html body #app .salary-insight-v298{
    min-height:68px!important;
  }
  html body #app .lf-history-pager-v363{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
  }
  html body #app .lf-history-pager-summary-v363{
    justify-content:center!important;
    min-height:24px!important;
    text-align:center!important;
  }
  html body #app .lf-history-pager-buttons-v363{
    justify-content:center!important;
    width:100%!important;
  }
}

@media(max-width:420px){
  html body #app .lf-history-pager-buttons-v363{
    gap:4px!important;
  }
  html body #app .lf-history-pager-button-v363{
    flex-basis:34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }
  html body #app .lf-history-pager-button-v363:first-child,
  html body #app .lf-history-pager-button-v363:last-child{
    flex-basis:68px!important;
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    padding-inline:7px!important;
  }
}

/* ============================================================
   V325.512 — BUSINESS + MODAL STANDARDIZATION
   ============================================================ */

/* ---------- DD/MM/YYYY date control ---------- */
html body #app .lf-dmy-date-wrap-v152{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  min-height:var(--control-h,38px)!important;
}
html body #app .lf-dmy-date-display-v152{
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
  min-height:var(--control-h,38px)!important;
  height:var(--control-h,38px)!important;
  margin:0!important;
  padding:7px 11px!important;
  border:1px solid var(--line-strong)!important;
  border-right:0!important;
  border-radius:9px 0 0 9px!important;
  background:var(--field)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
  font:inherit!important;
  font-size:11px!important;
}
html body #app .lf-dmy-date-calendar-v152{
  grid-column:2!important;
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  min-height:var(--control-h,38px)!important;
  height:var(--control-h,38px)!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--line-strong)!important;
  border-radius:0 9px 9px 0!important;
  background:#f4f4f4!important;
  color:#404040!important;
  box-shadow:none!important;
}
html body #app .lf-dmy-date-calendar-v152 svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
}
html body #app .lf-dmy-date-display-v152:focus{
  position:relative;
  z-index:1;
  outline:0!important;
  border-color:#d4d4d4!important;
  box-shadow:0 0 0 3px rgba(82,82,82,.12)!important;
}
html body #app input.lf-dmy-date-native-v152{
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  overflow:hidden!important;
}

/* ---------- Business application frame ---------- */
html body #app #view-business.business-v325{
  max-width:var(--workspace-max,1600px)!important;
  margin-inline:auto!important;
}
html body #app .business-desktop-window-v346{
  overflow:hidden!important;
  border:1px solid #d4d4d4!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(82,82,82,.08)!important;
}
html body #app .business-window-titlebar-v346{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  min-height:54px!important;
  padding:9px 14px!important;
  border-bottom:1px solid #d4d4d4!important;
  background:#f3f3f3!important;
}
html body #app .business-window-traffic-v346{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex:0 0 auto!important;
}
html body #app .business-window-traffic-v346 span{
  display:block!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#e5e5e5!important;
}
html body #app .business-window-app-v346{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
html body #app .business-window-logo-v346{
  display:grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  background:var(--brand)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:850!important;
}
html body #app .business-window-app-v346 > div{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
html body #app .business-window-app-v346 strong{
  display:block!important;
  color:var(--ink)!important;
  font-size:12px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
html body #app .business-window-app-v346 small{
  display:block!important;
  color:var(--muted)!important;
  font-size:8.5px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
html body #app .business-window-path-v346{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  color:#404040!important;
  font-size:10px!important;
  white-space:nowrap!important;
}
html body #app .business-window-path-v346 strong{
  color:var(--ink)!important;
  font-weight:800!important;
}
html body #app .business-window-path-v346 b{
  color:#404040!important;
  font-weight:600!important;
}
html body #app .business-window-tools-v346{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#404040!important;
  font-size:9px!important;
  white-space:nowrap!important;
}
html body #app .business-window-live-v346{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  font-weight:800!important;
  color:#404040!important;
}
html body #app .business-window-live-v346 i{
  display:block!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#40a879!important;
}
html body #app #businessWindowFocusV346{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid #d4d4d4!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#404040!important;
}
html body #app #businessWindowFocusV346 svg{
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}

/* Status bar */
html body #app .business-system-status-v345{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-height:44px!important;
  padding:8px 14px!important;
  border-bottom:1px solid #d4d4d4!important;
  background:#fbfbfb!important;
  overflow:auto!important;
}
html body #app .business-system-status-item-v345{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  flex:0 0 auto!important;
  color:#404040!important;
  font-size:8px!important;
  white-space:nowrap!important;
}
html body #app .business-system-status-item-v345 > span:not(.business-system-dot-v345){
  color:#404040!important;
  font-size:7.5px!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
html body #app .business-system-status-item-v345 > strong{
  color:#404040!important;
  font-size:8px!important;
  font-weight:800!important;
}
html body #app .business-system-dot-v345{
  display:block!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#45aa7e!important;
}
html body #app .business-data-currency-v126{
  gap:8px!important;
}
html body #app .business-data-currency-v126 .lf-select-v510{
  width:76px!important;
  min-width:76px!important;
  max-width:76px!important;
}
html body #app .business-data-currency-v126 .lf-select-trigger-v510{
  min-height:32px!important;
  height:32px!important;
  font-size:9px!important;
}

/* Workspace and panel hierarchy */
html body #app .business-workspace-v344{
  padding:18px!important;
}
html body #app .business-content-v344{
  min-width:0!important;
}
html body #app .business-panel-v325{
  min-width:0!important;
}
html body #app .business-eyebrow-v325{
  display:block!important;
  margin:0 0 3px!important;
  color:#404040!important;
  font-size:8px!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html body #app .business-panel-heading-v344{
  min-height:56px!important;
  margin:0 0 14px!important;
}
html body #app .business-panel-heading-v344 > div:first-child{
  display:grid!important;
  gap:3px!important;
}
html body #app .business-panel-heading-v344 h2{
  margin:0!important;
  color:var(--ink)!important;
  font-size:22px!important;
  line-height:1.15!important;
}
html body #app .business-panel-heading-v344 p{
  margin:0!important;
  color:var(--muted)!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}

/* Standard business cards */
html body #app .business-card-v325{
  min-width:0!important;
  padding:16px!important;
  border:1px solid #d4d4d4!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(82,82,82,.045)!important;
}
html body #app .business-card-title-v325{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 12px!important;
}
html body #app .business-card-title-v325 > div{
  display:grid!important;
  gap:3px!important;
}
html body #app .business-card-title-v325 strong{
  display:block!important;
  color:var(--ink)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.3!important;
}
html body #app .business-card-title-v325 .muted{
  margin:0!important;
  color:var(--muted)!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}

/* Cashier layout */
html body #app .business-cashier-grid-v325{
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr)!important;
  align-items:start!important;
  gap:14px!important;
}
html body #app .business-form-section-v344{
  min-width:0!important;
}
html body #app .business-form-section-v344 + .business-form-section-v344{
  margin-top:16px!important;
  padding-top:16px!important;
  border-top:1px solid #e4e4e4!important;
}
html body #app .business-section-title-v344{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 12px!important;
}
html body #app .business-section-title-v344 > span{
  display:grid!important;
  place-items:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  border-radius:8px!important;
  background:#e5e5e5!important;
  color:#404040!important;
  font-size:10px!important;
  font-weight:850!important;
}
html body #app .business-section-title-v344 > div{
  display:grid!important;
  gap:2px!important;
}
html body #app .business-section-title-v344 strong{
  display:block!important;
  color:var(--ink)!important;
  font-size:12px!important;
  line-height:1.25!important;
}
html body #app .business-section-title-v344 small{
  display:block!important;
  color:var(--muted)!important;
  font-size:9px!important;
  line-height:1.3!important;
}

html body #app .business-barcode-row-v133{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:8px!important;
}
html body #app .business-barcode-actions-v255{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding-bottom:1px!important;
}
html body #app .business-barcode-message-v133:empty,
html body #app .business-checkout-message-v236 .message:empty{
  display:none!important;
}
html body #app .business-items-v325{
  min-height:82px!important;
  margin-top:10px!important;
  padding:12px!important;
  border:1px solid #d4d4d4!important;
  border-radius:10px!important;
  background:#f8f8f8!important;
}
html body #app .business-items-empty-v348{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:56px!important;
  color:#404040!important;
}
html body #app .business-items-empty-v348 > div{
  display:grid!important;
  gap:2px!important;
}
html body #app .business-items-empty-v348 strong,
html body #app .business-items-empty-v348 small{
  display:block!important;
}
html body #app .business-items-empty-v348 small{
  color:var(--muted)!important;
}

html body #app .business-checkout-grid-v344{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px 14px!important;
}
html body #app .business-payment-method-field-v360{
  grid-column:1/-1!important;
}
html body #app .business-payment-choice-grid-v360{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
html body #app .business-payment-choice-v360{
  min-width:84px!important;
  min-height:36px!important;
  padding:7px 10px!important;
  gap:7px!important;
}
html body #app .business-payment-choice-v360 strong{
  font-size:9px!important;
}
html body #app .business-payment-check-v360{
  display:grid!important;
  place-items:center!important;
  width:17px!important;
  height:17px!important;
  border:1px solid #d4d4d4!important;
  border-radius:5px!important;
  background:#fff!important;
  color:transparent!important;
  font-size:10px!important;
}

/* The native implementation selects below are deliberately hidden.
   V512 also prevents the custom dropdown controller from enhancing them. */
html body #app select[hidden],
html body #app select[aria-hidden="true"],
html body #app select.business-payment-hidden-v360{
  display:none!important;
}

/* Checkout summary */
html body #app .business-summary-card-v344{
  position:sticky!important;
  top:14px!important;
}
html body #app .business-pos-summary-head-v225{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
html body #app .business-pos-summary-head-v225 > div{
  display:grid!important;
  gap:3px!important;
}
html body #app .business-pos-summary-count-v225{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:3px 8px!important;
  border:1px solid #d4d4d4!important;
  border-radius:999px!important;
  background:#f8f8f8!important;
  color:#404040!important;
  font-size:8.5px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
html body #app .business-summary-v325{
  display:grid!important;
  gap:7px!important;
  margin:0 0 14px!important;
}
html body #app .business-summary-v325 > div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:22px!important;
  color:#404040!important;
  font-size:10px!important;
}
html body #app .business-summary-v325 > div strong{
  color:var(--ink)!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
html body #app .business-pos-summary-actions-v225{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  padding-top:12px!important;
  border-top:1px solid #e7e7e7!important;
}
html body #app .business-pos-summary-actions-v225 small{
  display:block!important;
  flex:1 1 160px!important;
  color:var(--muted)!important;
  font-size:8.5px!important;
  line-height:1.35!important;
}
html body #app .business-print-option-v362{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:34px!important;
  color:#404040!important;
  font-size:9px!important;
}
html body #app .business-pos-checkout-button-v225{
  min-height:36px!important;
}

/* Desktop does not need the duplicate mobile checkout bar. */
html body #app .business-pos-mobile-checkout-v225{
  display:none!important;
}

/* Shared layouts for remaining Business pages */
html body #app :is(
  .business-promotion-layout-v419,
  .business-products-single-v107,
  .business-payroll-page-content-v425,
  .business-delivery-app-grid-v228,
  .business-export-grid-v143,
  .business-api-grid-v325,
  .business-balance-settings-grid-v421,
  .business-team-kpi-grid-v260,
  .business-dashboard-kpi-grid-v130
){
  gap:14px!important;
}
html body #app :is(
  .business-team-kpi-grid-v260,
  .business-dashboard-kpi-grid-v130
){
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html body #app :is(
  .business-delivery-app-grid-v228,
  .business-export-grid-v143,
  .business-api-grid-v325
){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body #app :is(
  .business-order-card-head-v349,
  .business-delivery-settings-head-v228,
  .business-balance-settings-heading-v421,
  .business-product-performance-head-v500
){
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
}
html body #app :is(
  .business-order-meta-v349,
  .business-order-counts-v349,
  .business-audit-meta-v140
){
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
html body #app .business-window-footer-v346{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-height:38px!important;
  padding:7px 14px!important;
  border-top:1px solid #d4d4d4!important;
  background:#fbfbfb!important;
  color:#404040!important;
  font-size:8px!important;
  white-space:nowrap!important;
  overflow:auto!important;
}
html body #app .business-window-footer-v346 span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
}
html body #app .business-window-footer-v346 i{
  display:block!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#45aa7e!important;
}

/* ---------- Unified modal overlays ---------- */
html body :is(
  .modal,
  .business-cash-modal-v359,
  .business-transaction-modal-v141,
  .manager-approval-modal-v144
){
  position:fixed!important;
  inset:0!important;
  z-index:2000!important;
  place-items:center!important;
  padding:20px!important;
  background:#e5e5e5!important;
  backdrop-filter:blur(4px)!important;
}
html body .modal{
  display:none!important;
}
html body .modal:is(.open,.active,.show){
  display:grid!important;
}
html body :is(
  .business-cash-modal-v359,
  .business-transaction-modal-v141,
  .manager-approval-modal-v144
):not([hidden]){
  display:grid!important;
}
html body :is(
  .business-cash-modal-v359,
  .business-transaction-modal-v141,
  .manager-approval-modal-v144
)[hidden]{
  display:none!important;
}
html body :is(
  .business-cash-modal-backdrop-v359,
  .business-transaction-backdrop-v141
){
  position:absolute!important;
  inset:0!important;
  background:transparent!important;
}

/* Modal shell */
html body :is(
  .modal-box,
  [data-lf-hard-modal-v328],
  [data-lf-hard-business-dialog-v328],
  .business-cash-dialog-v359,
  .business-transaction-dialog-v141,
  .manager-approval-box-v144
){
  position:relative!important;
  z-index:1!important;
  width:min(640px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 40px)!important;
  margin:0!important;
  border:1px solid #d4d4d4!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 26px 70px rgba(82,82,82,.24)!important;
  overflow:auto!important;
}

/* Modal header */
html body :is(
  .modal-box > .head,
  .account-modal-head-v315,
  .business-cash-dialog-head-v359,
  .business-transaction-dialog-head-v141,
  .refund-head-v134
){
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:74px!important;
  margin:0!important;
  padding:17px 18px!important;
  border-bottom:1px solid #d4d4d4!important;
  background:linear-gradient(135deg,#f8f8f8,#f2f2f2)!important;
}
html body :is(
  .modal-box > .head,
  .account-modal-head-v315,
  .business-cash-dialog-head-v359,
  .business-transaction-dialog-head-v141,
  .refund-head-v134
) > div:first-child{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
html body :is(
  .modal-box > .head,
  .account-modal-head-v315,
  .business-cash-dialog-head-v359,
  .business-transaction-dialog-head-v141,
  .refund-head-v134
) h2,
html body :is(
  .modal-box > .head,
  .account-modal-head-v315,
  .business-cash-dialog-head-v359,
  .business-transaction-dialog-head-v141,
  .refund-head-v134
) h3{
  margin:0!important;
  color:var(--ink)!important;
  font-size:20px!important;
  line-height:1.2!important;
}
html body :is(
  .modal-box > .head,
  .account-modal-head-v315,
  .business-cash-dialog-head-v359,
  .business-transaction-dialog-head-v141,
  .refund-head-v134
) p,
html body :is(
  .modal-box > .head,
  .account-modal-head-v315,
  .business-cash-dialog-head-v359,
  .business-transaction-dialog-head-v141,
  .refund-head-v134
) .muted{
  margin:0!important;
  color:var(--muted)!important;
  font-size:9.5px!important;
  line-height:1.4!important;
}

/* Remove the old decorative modal star so every modal has the same header. */
html body .modal-box > .head::before,
html body .account-modal-head-v315::before{
  content:none!important;
  display:none!important;
}
html body .modal-box > .head,
html body .account-modal-head-v315{
  padding-left:18px!important;
}

/* Every top-right X close button gets exactly the same size and symbol. */
html body button:is(
  .lf-close-v297,
  .modal-close,
  .lf-modal-close-v318,
  .lf-entry-close-v319,
  .account-modal-close-v315,
  .business-cash-close-v359,
  .business-transaction-close-v141
),
html body button[aria-label="Close"]{
  display:grid!important;
  place-items:center!important;
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d4d4d4!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#404040!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:1!important;
  text-indent:0!important;
  overflow:hidden!important;
}
html body button:is(
  .lf-close-v297,
  .modal-close,
  .lf-modal-close-v318,
  .lf-entry-close-v319,
  .account-modal-close-v315,
  .business-cash-close-v359,
  .business-transaction-close-v141
)::after,
html body button[aria-label="Close"]::after{
  content:"×"!important;
  display:block!important;
  color:#404040!important;
  font-family:Arial,sans-serif!important;
  font-size:22px!important;
  font-weight:400!important;
  line-height:1!important;
}
html body button:is(
  .lf-close-v297,
  .modal-close,
  .lf-modal-close-v318,
  .lf-entry-close-v319,
  .account-modal-close-v315,
  .business-cash-close-v359,
  .business-transaction-close-v141
):hover,
html body button[aria-label="Close"]:hover{
  border-color:#d4d4d4!important;
  background:#f4f4f4!important;
  color:#404040!important;
}

/* Modal inner spacing */
html body :is(
  .business-cash-due-v359,
  .business-payment-note-v325,
  .business-manual-discount-grid-v227,
  .business-split-modal-grid-v461,
  .business-held-sales-list-v227,
  #businessTransactionDetailV141,
  .refund-summary-v134,
  #businessRefundItemsV134,
  .manager-approval-box-v144 > p,
  .manager-approval-box-v144 > input,
  .manager-approval-box-v144 > .manager-approval-message-v144
){
  margin-left:18px!important;
  margin-right:18px!important;
}
html body .business-cash-due-v359{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-top:16px!important;
  padding:12px 14px!important;
  border:1px solid #d4d4d4!important;
  border-radius:10px!important;
  background:#f8f8f8!important;
}
html body .business-cash-due-v359 span{
  color:#404040!important;
  font-size:9px!important;
}
html body .business-cash-due-v359 strong{
  color:var(--ink)!important;
  font-size:17px!important;
}
html body .business-payment-note-v325{
  margin-top:12px!important;
  color:#404040!important;
  font-size:9.5px!important;
  line-height:1.45!important;
}
html body :is(
  .business-manual-discount-grid-v227,
  .business-split-modal-grid-v461
){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:16px!important;
}
html body :is(
  .business-cash-actions-v359,
  .business-transaction-dialog-actions-v141,
  .refund-actions-v134,
  .manager-approval-actions-v144
){
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin-top:16px!important;
  padding:14px 18px 18px!important;
  border-top:1px solid #e8e8e8!important;
}
html body #businessTransactionDetailV141{
  margin-top:16px!important;
  margin-bottom:16px!important;
}

/* Manager approval modal */
html body .manager-approval-box-v144{
  padding:0!important;
}
html body .manager-approval-box-v144 > h3{
  margin:0!important;
  padding:18px 18px 4px!important;
  color:var(--ink)!important;
  font-size:19px!important;
}
html body .manager-approval-box-v144 > p{
  margin-top:0!important;
  margin-bottom:12px!important;
  color:var(--muted)!important;
  font-size:10px!important;
  line-height:1.45!important;
}
html body .manager-approval-pin-v144{
  display:block!important;
  width:calc(100% - 36px)!important;
  margin-top:0!important;
}

/* Refund modal */
html body .refund-summary-v134{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:16px!important;
}
html body .refund-summary-v134 > span{
  display:block!important;
  min-width:0!important;
  padding:9px 10px!important;
  border:1px solid #d4d4d4!important;
  border-radius:9px!important;
  background:#fafafa!important;
  color:#404040!important;
  font-size:9.5px!important;
  overflow-wrap:anywhere!important;
}
html body .refund-item-v134{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 100px!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 0!important;
  border-bottom:1px solid #eaeaea!important;
}
html body .refund-item-v134 > span{
  display:grid!important;
  gap:3px!important;
}
html body .refund-item-v134 strong,
html body .refund-item-v134 small{
  display:block!important;
}
html body .refund-item-v134 small{
  color:var(--muted)!important;
}

/* ---------- Responsive Business ---------- */
@media(max-width:980px){
  html body #app .business-cashier-grid-v325{
    grid-template-columns:1fr!important;
  }
  html body #app .business-summary-card-v344{
    position:static!important;
  }
  html body #app :is(
    .business-team-kpi-grid-v260,
    .business-dashboard-kpi-grid-v130
  ){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  html body #app .business-window-titlebar-v346{
    flex-wrap:wrap!important;
  }
  html body #app .business-window-path-v346{
    order:3!important;
    width:100%!important;
  }
  html body #app .business-workspace-v344{
    padding:12px!important;
  }
  html body #app .business-barcode-row-v133{
    grid-template-columns:1fr!important;
  }
  html body #app .business-barcode-actions-v255{
    justify-content:flex-start!important;
  }
  html body #app .business-checkout-grid-v344{
    grid-template-columns:1fr!important;
  }
  html body #app .business-payment-method-field-v360{
    grid-column:auto!important;
  }
  html body #app .business-pos-mobile-checkout-v225{
    display:flex!important;
    position:sticky!important;
    bottom:8px!important;
    z-index:15!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-top:12px!important;
    padding:10px 12px!important;
    border:1px solid #d4d4d4!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(82,82,82,.13)!important;
  }
  html body #app .business-pos-mobile-checkout-v225 > div{
    display:grid!important;
    gap:2px!important;
  }
  html body #app .business-pos-mobile-checkout-v225 span{
    color:var(--muted)!important;
    font-size:8px!important;
  }
  html body #app .business-pos-mobile-checkout-v225 strong{
    font-size:13px!important;
  }
  html body #app :is(
    .business-team-kpi-grid-v260,
    .business-dashboard-kpi-grid-v130,
    .business-delivery-app-grid-v228,
    .business-export-grid-v143,
    .business-api-grid-v325
  ){
    grid-template-columns:1fr!important;
  }
  html body :is(
    .business-manual-discount-grid-v227,
    .business-split-modal-grid-v461,
    .refund-summary-v134
  ){
    grid-template-columns:1fr!important;
  }
}
@media(max-width:520px){
  html body :is(
    .modal,
    .business-cash-modal-v359,
    .business-transaction-modal-v141,
    .manager-approval-modal-v144
  ){
    padding:10px!important;
  }
  html body :is(
    .modal-box,
    [data-lf-hard-modal-v328],
    [data-lf-hard-business-dialog-v328],
    .business-cash-dialog-v359,
    .business-transaction-dialog-v141,
    .manager-approval-box-v144
  ){
    width:calc(100vw - 20px)!important;
    max-height:calc(100vh - 20px)!important;
    border-radius:13px!important;
  }
  html body :is(
    .modal-box > .head,
    .account-modal-head-v315,
    .business-cash-dialog-head-v359,
    .business-transaction-dialog-head-v141,
    .refund-head-v134
  ){
    padding:14px!important;
  }
}

/* ============================================================
   V325.513 — CENTERED COMPACT ADD / ENTRY MODULES
   Applied to every Finance add/convert entry page.
   ============================================================ */

/* Add/entry pages should not look like a large solid panel.
   Keep the outside area transparent so the normal workspace background shows. */
html body #app :is(
  #view-salary-add,
  #view-investments-add,
  #view-transfers-add,
  #view-pension-add,
  #view-usd-add,
  #view-usd-convert
){
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - 150px)!important;
  margin:0!important;
  padding:22px 18px 48px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html body #app :is(
  #view-salary-add,
  #view-investments-add,
  #view-transfers-add,
  #view-pension-add,
  #view-usd-add,
  #view-usd-convert
).active{
  display:grid!important;
  grid-template-columns:minmax(0,640px)!important;
  align-content:center!important;
  justify-content:center!important;
  justify-items:stretch!important;
  gap:0!important;
}

/* Header and form use one centered width. */
html body #app :is(
  #view-salary-add,
  #view-investments-add,
  #view-transfers-add,
  #view-pension-add,
  #view-usd-add,
  #view-usd-convert
) > .lf-entry-head-v319{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 36px!important;
  align-items:start!important;
  gap:14px!important;
  width:100%!important;
  max-width:640px!important;
  min-height:0!important;
  margin:0!important;
  padding:18px 18px 15px!important;
  border:1px solid #d4d4d4!important;
  border-bottom:0!important;
  border-radius:16px 16px 0 0!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(82,82,82,.08)!important;
}

html body #app .lf-entry-head-copy-v319{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-areas:
    "icon eyebrow"
    "icon title"
    "icon desc"!important;
  column-gap:12px!important;
  row-gap:2px!important;
  align-items:start!important;
  min-width:0!important;
}

/* Existing decorative/icon element in the heading remains compact. */
html body #app .lf-entry-head-copy-v319 > :first-child:not(.lf-entry-eyebrow-v319):not(h1):not(h2):not(p){
  grid-area:icon!important;
  align-self:start!important;
}

html body #app .lf-entry-eyebrow-v319{
  grid-area:eyebrow!important;
  margin:0!important;
  color:#404040!important;
  font-size:8.5px!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
}

html body #app .lf-entry-head-copy-v319 :is(h1,h2){
  grid-area:title!important;
  margin:0!important;
  color:var(--ink)!important;
  font-size:23px!important;
  font-weight:850!important;
  line-height:1.15!important;
}

html body #app .lf-entry-head-copy-v319 > p,
html body #app .lf-entry-head-copy-v319 > .muted{
  grid-area:desc!important;
  margin:2px 0 0!important;
  color:var(--muted)!important;
  font-size:10px!important;
  line-height:1.4!important;
  max-width:500px!important;
}

/* Close button: same readable 36 x 36 standard. */
html body #app .lf-entry-close-v319{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:start!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
}

/* Main entry card forms one continuous module with the header. */
html body #app :is(
  #view-salary-add,
  #view-investments-add,
  #view-transfers-add,
  #view-pension-add,
  #view-usd-add,
  #view-usd-convert
) > .lf-entry-card-v319{
  width:100%!important;
  max-width:640px!important;
  margin:0!important;
  padding:16px 18px 18px!important;
  border:1px solid #d4d4d4!important;
  border-top:1px solid #e5e5e5!important;
  border-radius:0 0 16px 16px!important;
  background:#fff!important;
  box-shadow:0 18px 38px rgba(82,82,82,.08)!important;
}

/* Compact content width inside the module. */
html body #app .lf-entry-card-v319 > :is(
  .lf-entry-form-v319,
  form
){
  width:100%!important;
  max-width:580px!important;
  margin-inline:auto!important;
}

/* Clean section introduction. */
html body #app .lf-entry-card-v319 :is(
  .lf-entry-section-v319,
  .lf-entry-form-v319
) > :is(h3,strong):first-child{
  margin-top:0!important;
}

/* Shorter, cleaner two-column form. */
html body #app .lf-entry-form-v319{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px 12px!important;
  align-items:start!important;
}

html body #app .lf-entry-form-v319 > .field,
html body #app .lf-entry-form-v319 > label{
  min-width:0!important;
  margin:0!important;
}

/* Full-width rows keep description/notes/messages readable. */
html body #app .lf-entry-form-v319 > :is(
  .full,
  .full-width,
  .span-2,
  .lf-entry-full-v319,
  .lf-entry-message-v319,
  .lf-entry-actions-v319
){
  grid-column:1/-1!important;
}

/* Description/textareas should always span both columns. */
html body #app .lf-entry-form-v319 > .field:has(textarea),
html body #app .lf-entry-form-v319 > label:has(textarea){
  grid-column:1/-1!important;
}

/* Compact field labels and controls. */
html body #app .lf-entry-form-v319 .field{
  gap:4px!important;
}
html body #app .lf-entry-form-v319 .field > label,
html body #app .lf-entry-form-v319 > label{
  color:#404040!important;
  font-size:9px!important;
  font-weight:750!important;
  line-height:1.3!important;
}
html body #app .lf-entry-form-v319 :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  textarea,
  .lf-select-trigger-v510,
  .lf-dmy-date-display-v152,
  .lf-dmy-date-calendar-v152
){
  min-height:36px!important;
  height:36px!important;
  font-size:10.5px!important;
}
html body #app .lf-entry-form-v319 textarea{
  height:auto!important;
  min-height:72px!important;
  resize:vertical!important;
}

/* The Month / Year combination should remain compact rather than stretch. */
html body #app #view-salary-add .lf-entry-form-v319 > :first-child{
  min-width:0!important;
}
html body #app #view-salary-add .lf-entry-form-v319 :is(
  input[placeholder*="Year" i],
  input[name*="year" i]
){
  max-width:110px!important;
}

/* Keep selector widgets contained by the form column. */
html body #app .lf-entry-form-v319 .lf-select-v510{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

/* Actions: compact fixed Save button aligned neatly to the right. */
html body #app .lf-entry-actions-v319{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  width:100%!important;
  margin:2px 0 0!important;
  padding:12px 0 0!important;
  border-top:1px solid #e8e8e8!important;
}

html body #app .lf-entry-save-v319,
html body #app .lf-entry-actions-v319 .admin-primary-v324,
html body #app .lf-entry-actions-v319 button[type="submit"]{
  flex:0 0 124px!important;
  width:124px!important;
  min-width:124px!important;
  max-width:124px!important;
  min-height:36px!important;
  height:36px!important;
  padding:7px 14px!important;
  border-radius:9px!important;
}

/* Any explanatory or error message has its own breathing room. */
html body #app .lf-entry-message-v319:not(:empty){
  display:block!important;
  margin:2px 0 0!important;
  padding:9px 10px!important;
  border-radius:9px!important;
  font-size:9.5px!important;
  line-height:1.4!important;
}

/* ---------- All normal modal/dialog modules use transparent outside space ---------- */
/* Keep the workspace visible behind add/edit dialogs rather than painting a second
   solid page background. The subtle overlay still separates the active module. */
html body :is(
  .modal,
  .business-cash-modal-v359,
  .business-transaction-modal-v141,
  .manager-approval-modal-v144
){
  background:rgba(242,242,242,.55)!important;
  backdrop-filter:blur(2px)!important;
}

/* Compact modal form columns to the same 580px content rhythm. */
html body :is(
  .modal-box,
  [data-lf-hard-modal-v328],
  [data-lf-hard-business-dialog-v328],
  .business-cash-dialog-v359,
  .business-transaction-dialog-v141,
  .manager-approval-box-v144
) > :is(form,.form,.content,.body){
  max-width:580px!important;
  margin-inline:auto!important;
}

/* ---------- Responsive ---------- */
@media(max-width:760px){
  html body #app :is(
    #view-salary-add,
    #view-investments-add,
    #view-transfers-add,
    #view-pension-add,
    #view-usd-add,
    #view-usd-convert
  ){
    min-height:0!important;
    padding:14px 10px 90px!important;
  }

  html body #app :is(
    #view-salary-add,
    #view-investments-add,
    #view-transfers-add,
    #view-pension-add,
    #view-usd-add,
    #view-usd-convert
  ).active{
    align-content:start!important;
    grid-template-columns:minmax(0,640px)!important;
  }

  html body #app .lf-entry-form-v319{
    grid-template-columns:1fr!important;
  }

  html body #app .lf-entry-form-v319 > *{
    grid-column:1!important;
  }

  html body #app .lf-entry-actions-v319{
    justify-content:stretch!important;
  }

  html body #app .lf-entry-save-v319,
  html body #app .lf-entry-actions-v319 .admin-primary-v324,
  html body #app .lf-entry-actions-v319 button[type="submit"]{
    flex:1 1 auto!important;
    width:100%!important;
    max-width:none!important;
  }
}

@media(max-width:480px){
  html body #app :is(
    #view-salary-add,
    #view-investments-add,
    #view-transfers-add,
    #view-pension-add,
    #view-usd-add,
    #view-usd-convert
  ) > .lf-entry-head-v319{
    grid-template-columns:minmax(0,1fr) 34px!important;
    padding:15px 14px 13px!important;
  }

  html body #app .lf-entry-head-copy-v319{
    grid-template-columns:38px minmax(0,1fr)!important;
    column-gap:10px!important;
  }

  html body #app .lf-entry-head-copy-v319 :is(h1,h2){
    font-size:20px!important;
  }

  html body #app :is(
    #view-salary-add,
    #view-investments-add,
    #view-transfers-add,
    #view-pension-add,
    #view-usd-add,
    #view-usd-convert
  ) > .lf-entry-card-v319{
    padding:14px!important;
  }
}

/* V325.565 — Sales report layout and tab visibility repair. */
html body #app .business-sales-report-only-v502 {
  --report-ink:#404040;
  --report-muted:#404040;
  --report-blue:#404040;
  --report-line:#d4d4d4;
  container-type:inline-size;
  padding:20px!important;
  border:1px solid var(--report-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 6px 24px rgba(82,82,82,.045)!important;
  min-width:0!important;
  overflow:visible!important;
}
html body #app .business-sales-report-only-v502 .lf-history-toolbar-v348 {
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:18px!important;margin:0 0 14px!important;padding:0!important;
  border:0!important;background:transparent!important;
}
html body #app .business-sales-report-only-v502 .lf-history-title-v348 {
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;
  gap:9px!important;min-width:0!important;flex:1 1 260px!important;
}
html body #app .business-sales-report-only-v502 .lf-history-title-v348 strong {
  color:var(--report-ink)!important;font-size:18px!important;
  font-weight:750!important;line-height:1.3!important;letter-spacing:-.02em!important;
}
html body #app .business-sales-report-only-v502 #businessSalesHistoryStatusV348 {
  padding:4px 9px!important;border:1px solid #d4d4d4!important;
  border-radius:999px!important;background:#f8f8f8!important;
  color:var(--report-muted)!important;font-size:11px!important;
  line-height:1.4!important;white-space:normal!important;
}
html body #app .business-sales-report-only-v502 .business-report-date-controls-v124 {
  display:grid!important;grid-template-columns:minmax(155px,1fr) minmax(155px,1fr) auto!important;
  flex:0 1 680px!important;align-items:end!important;gap:9px!important;
  width:100%!important;max-width:680px!important;margin-left:auto!important;
}
html body #app .business-sales-report-only-v502 .business-report-date-field-v124 {
  display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important;
}
html body #app .business-sales-report-only-v502 .business-report-date-field-v124 label {
  margin:0!important;color:var(--report-muted)!important;
  font-size:10px!important;font-weight:700!important;letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
html body #app .business-sales-report-only-v502 .lf-dmy-date-wrap-v152 {
  --control-h:40px;grid-template-columns:minmax(0,1fr) 38px!important;
}
html body #app .business-sales-report-only-v502 .lf-dmy-date-display-v152,
html body #app .business-sales-report-only-v502 .business-report-date-field-v124 > input:not(.lf-dmy-date-native-v152) {
  width:100%!important;min-width:0!important;height:40px!important;
  padding:0 11px!important;border:1px solid #d4d4d4!important;
  background:#fbfbfb!important;color:var(--report-ink)!important;font-size:12px!important;
  box-sizing:border-box!important;
}
html body #app .business-sales-report-only-v502 .lf-dmy-date-display-v152 {
  border-right:0!important;border-radius:9px 0 0 9px!important;
}
html body #app .business-sales-report-only-v502 .lf-dmy-date-calendar-v152 {
  width:38px!important;min-width:38px!important;max-width:38px!important;
  height:40px!important;min-height:40px!important;border-color:#d4d4d4!important;
  background:#f5f5f5!important;
}
html body #app .business-sales-report-only-v502 #businessReportSearchV325 {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;height:40px!important;min-height:40px!important;padding:0 16px!important;
  border:1px solid #d4d4d4!important;border-radius:9px!important;
  background:#e5e5e5!important;color:#fff!important;font-size:12px!important;
  font-weight:700!important;box-shadow:none!important;cursor:pointer!important;
}
html body #app .business-sales-report-only-v502 #businessReportSearchV325 svg {
  width:15px!important;height:15px!important;
}
html body #app .business-sales-report-only-v502 #businessReportSearchV325:hover {background:#e5e5e5!important;}
html body #app .business-sales-report-only-v502 .business-report-quick-ranges-v124 {
  grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important;
  flex-wrap:wrap!important;gap:6px!important;min-width:0!important;
}
html body #app .business-sales-report-only-v502 .business-report-quick-ranges-v124 button {
  flex:0 1 auto!important;min-height:32px!important;height:auto!important;
  padding:6px 12px!important;border:1px solid #d4d4d4!important;
  border-radius:8px!important;background:#fff!important;color:#404040!important;
  font-size:11px!important;font-weight:650!important;box-shadow:none!important;cursor:pointer!important;
}
html body #app .business-sales-report-only-v502 .business-report-quick-ranges-v124 button[aria-pressed="true"] {
  border-color:#d4d4d4!important;background:#f2f2f2!important;color:#404040!important;
}
html body #app .business-sales-report-only-v502 #businessReportMsgV325 {
  display:block!important;min-height:0!important;margin:0 0 12px!important;
  padding:0!important;font-size:12px!important;line-height:1.5!important;
}
html body #app .business-sales-report-only-v502 #businessReportMsgV325:empty {display:none!important;}
html body #app .business-sales-report-only-v502 .business-sales-tabs-v501 {
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:4px!important;
  padding:5px!important;margin:0!important;border:1px solid #d4d4d4!important;
  border-radius:11px!important;background:#f8f8f8!important;min-width:0!important;
  overflow-x:auto!important;
}
html body #app .business-sales-report-only-v502 .business-sales-tab-v501 {
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;min-height:38px!important;padding:8px 17px!important;
  border:1px solid transparent!important;border-radius:8px!important;
  background:transparent!important;color:#404040!important;box-shadow:none!important;
  font-size:12px!important;font-weight:700!important;cursor:pointer!important;
}
html body #app .business-sales-report-only-v502 .business-sales-tab-v501[aria-selected="true"] {
  color:#404040!important;background:#fff!important;border-color:#d4d4d4!important;
  box-shadow:0 2px 6px rgba(82,82,82,.07)!important;
}
/* The original stylesheet hides panels unless they have .active.
   hidden remains authoritative, including after restoring a saved tab. */
html body #app .business-sales-report-only-v502 .business-sales-tab-panel-v501:not([hidden]) {
  display:block!important;margin:18px 0 0!important;padding:0!important;
  border:0!important;background:transparent!important;min-width:0!important;
}
html body #app .business-sales-report-only-v502 .business-sales-tab-panel-v501[hidden] {display:none!important;}
html body #app .business-sales-report-only-v502 .report-period-v565 {
  margin:0 0 12px!important;color:var(--report-muted)!important;font-size:12px!important;line-height:1.5!important;
}
html body #app .business-sales-report-only-v502 #businessReportMetricsV325 {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;width:100%!important;margin:0!important;
}
html body #app .business-sales-report-only-v502 .report-kpi-v565 {
  min-width:0!important;margin:0!important;padding:17px!important;
  border:1px solid #d4d4d4!important;border-radius:12px!important;
  background:linear-gradient(180deg,#fff,#fcfcfc)!important;
  box-shadow:inset 0 3px #737373!important;overflow-wrap:anywhere!important;
}
html body #app .business-sales-report-only-v502 .report-kpi-v565 small {
  display:block!important;color:#404040!important;font-size:10px!important;
  font-weight:750!important;letter-spacing:.06em!important;text-transform:uppercase!important;
}
html body #app .business-sales-report-only-v502 .report-kpi-value-v565 {
  display:block!important;margin:10px 0 7px!important;color:var(--report-ink)!important;
  font-size:clamp(18px,2.2cqi,27px)!important;line-height:1.2!important;font-weight:750!important;
  letter-spacing:-.025em!important;font-variant-numeric:tabular-nums!important;
}
html body #app .business-sales-report-only-v502 .report-kpi-v565 p {
  margin:0!important;color:var(--report-muted)!important;font-size:11px!important;line-height:1.5!important;
}
html body #app .business-sales-report-only-v502 #businessReportInsightsV565 {
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;
  gap:14px!important;margin-top:16px!important;
}
html body #app .business-sales-report-only-v502 #businessReportInsightsV565:empty {display:none!important;}
html body #app .business-sales-report-only-v502 .report-insight-v565 {
  padding:18px!important;border:1px solid #e6e6e6!important;border-radius:12px!important;
  min-width:0!important;background:#fff!important;
}
html body #app .business-sales-report-only-v502 .report-insight-head-v565 {
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  flex-wrap:wrap!important;gap:8px!important;margin-bottom:12px!important;
}
html body #app .business-sales-report-only-v502 .report-insight-head-v565 h3 {
  margin:0!important;color:var(--report-ink)!important;font-size:14px!important;font-weight:750!important;
}
html body #app .business-sales-report-only-v502 .report-link-v565 {
  border:1px solid #d4d4d4!important;border-radius:7px!important;background:#fafafa!important;
  color:#404040!important;min-height:32px!important;padding:5px 10px!important;
  font-size:11px!important;font-weight:650!important;cursor:pointer!important;box-shadow:none!important;
}
html body #app .business-sales-report-only-v502 .report-breakdown-v565 {margin:0!important;}
html body #app .business-sales-report-only-v502 .report-breakdown-v565 > div {
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,auto)!important;
  gap:12px!important;align-items:baseline!important;padding:9px 0!important;border-bottom:1px solid #f1f1f1!important;
}
html body #app .business-sales-report-only-v502 .report-breakdown-v565 dt {
  color:#404040!important;font-size:12px!important;line-height:1.4!important;
}
html body #app .business-sales-report-only-v502 .report-breakdown-v565 dd {
  margin:0!important;text-align:right!important;color:var(--report-ink)!important;font-size:12px!important;
  font-weight:650!important;font-variant-numeric:tabular-nums!important;overflow-wrap:anywhere!important;
}
html body #app .business-sales-report-only-v502 .report-breakdown-v565 .report-net-v565 {
  padding:12px 10px!important;margin:8px -10px 0!important;border:0!important;border-radius:8px!important;background:#f6f6f6!important;
}
html body #app .business-sales-report-only-v502 .report-net-v565 :is(dt,dd) {font-size:14px!important;font-weight:750!important;}
html body #app .business-sales-report-only-v502 .report-note-v565 {
  margin:12px 0 0!important;color:var(--report-muted)!important;font-size:11px!important;line-height:1.6!important;
}
html body #app .business-sales-report-only-v502 .report-products-v565 {
  list-style:none!important;padding:0!important;margin:0!important;
}
html body #app .business-sales-report-only-v502 .report-products-v565 li {
  display:grid!important;grid-template-columns:24px minmax(0,1fr) minmax(0,auto)!important;
  gap:10px!important;align-items:center!important;padding:12px 0!important;border-bottom:1px solid #f1f1f1!important;
}
html body #app .business-sales-report-only-v502 .report-product-rank-v565 {
  display:grid!important;place-items:center!important;width:24px!important;height:24px!important;
  border-radius:7px!important;background:#f4f4f4!important;color:#404040!important;font-size:11px!important;font-weight:700!important;
}
html body #app .business-sales-report-only-v502 .report-product-name-v565 {
  display:block!important;color:var(--report-ink)!important;font-size:12px!important;line-height:1.5!important;
  overflow-wrap:anywhere!important;
}
html body #app .business-sales-report-only-v502 .report-product-qty-v565 {
  display:block!important;color:var(--report-muted)!important;font-size:11px!important;margin-top:3px!important;
}
html body #app .business-sales-report-only-v502 .report-product-sales-v565 {
  color:#404040!important;font-size:12px!important;font-weight:700!important;text-align:right!important;
  font-variant-numeric:tabular-nums!important;overflow-wrap:anywhere!important;
}
html body #app .business-sales-report-only-v502 .report-empty-v565 {
  grid-column:1/-1!important;padding:18px!important;border:1px dashed #d4d4d4!important;
  border-radius:10px!important;background:#fbfbfb!important;color:#404040!important;
  font-size:12px!important;line-height:1.6!important;
}
html body #app .business-sales-report-only-v502 .report-negative-v565 {color:#b63a3a!important;}
html body #app .business-sales-report-only-v502 #businessProductPerformanceV500 {padding:0!important;border:0!important;background:transparent!important;}
html body #app .business-sales-report-only-v502 .business-product-performance-head-v500 {margin-bottom:15px!important;gap:14px!important;flex-wrap:wrap!important;}
html body #app .business-sales-report-only-v502 .business-product-performance-head-v500 h3 {font-size:17px!important;line-height:1.4!important;}
html body #app .business-sales-report-only-v502 .business-transaction-toolbar-v141 {
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(155px,210px) auto!important;
  align-items:end!important;gap:12px!important;padding:14px!important;margin:0 0 14px!important;
  border:1px solid #e6e6e6!important;border-radius:11px!important;background:#fbfbfb!important;
}
html body #app .business-sales-report-only-v502 .business-transaction-toolbar-v141 .field {min-width:0!important;margin:0!important;}
html body #app .business-sales-report-only-v502 .business-transaction-toolbar-v141 label {display:block!important;font-size:11px!important;margin-bottom:6px!important;}
html body #app .business-sales-report-only-v502 .business-transaction-toolbar-v141 input {width:100%!important;height:40px!important;min-width:0!important;}
html body #app .business-sales-report-only-v502 #businessTransactionCountV141 {font-size:12px!important;white-space:normal!important;padding:10px 0!important;color:#404040!important;}
html body #app .business-sales-report-only-v502 .table {overflow-x:auto!important;min-width:0!important;}
html body #app .business-sales-report-only-v502 :is(button,input):focus-visible {outline:2px solid #737373!important;outline-offset:3px!important;}
@container (max-width:900px) {
  html body #app .business-sales-report-only-v502 .business-report-date-controls-v124 {flex-basis:100%!important;max-width:none!important;}
}
@container (max-width:700px) {
  html body #app .business-sales-report-only-v502 #businessReportMetricsV325 {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body #app .business-sales-report-only-v502 #businessReportInsightsV565 {grid-template-columns:minmax(0,1fr)!important;}
  html body #app .business-sales-report-only-v502 .business-transaction-toolbar-v141 {grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
  html body #app .business-sales-report-only-v502 #businessTransactionCountV141 {grid-column:1/-1!important;}
}
@container (max-width:460px) {
  html body #app .business-sales-report-only-v502 .business-report-date-controls-v124 {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body #app .business-sales-report-only-v502 #businessReportSearchV325 {grid-column:1/-1!important;width:100%!important;}
  html body #app .business-sales-report-only-v502 .business-report-quick-ranges-v124 {justify-content:stretch!important;}
  html body #app .business-sales-report-only-v502 .business-report-quick-ranges-v124 button {flex:1 1 auto!important;padding:7px!important;}
  html body #app .business-sales-report-only-v502 .business-sales-tab-v501 {flex:1 0 auto!important;padding:8px 10px!important;font-size:11px!important;}
  html body #app .business-sales-report-only-v502 .business-transaction-toolbar-v141 {grid-template-columns:minmax(0,1fr)!important;}
  html body #app .business-sales-report-only-v502 .report-kpi-v565 {padding:13px!important;}
  html body #app .business-sales-report-only-v502 .report-kpi-value-v565 {font-size:18px!important;}
}
@container (max-width:310px) {
  html body #app .business-sales-report-only-v502 #businessReportMetricsV325 {grid-template-columns:minmax(0,1fr)!important;}
  html body #app .business-sales-report-only-v502 .business-report-date-controls-v124 {grid-template-columns:minmax(0,1fr)!important;}
}
@media (max-width:560px) {
  html body #app .business-sales-report-only-v502 {padding:14px!important;border-radius:12px!important;}
}

/* V325.566 — Keep each product summary label, name and value distinct. */
html body #app .business-sales-report-only-v502 #businessProductHighlightsV500 {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:12px!important;
  margin:0 0 16px!important;
  padding:0!important;
  min-width:0!important;
}
html body #app .business-sales-report-only-v502 #businessProductHighlightsV500:empty {
  display:none!important;
}
html body #app .business-sales-report-only-v502 .business-product-highlight-v500 {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  min-width:0!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid #d4d4d4!important;
  border-radius:11px!important;
  background:#fbfbfb!important;
  box-sizing:border-box!important;
  text-align:left!important;
}
html body #app .business-sales-report-only-v502 .business-product-highlight-v500 > small {
  display:block!important;
  margin:0!important;
  color:#404040!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.4!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
html body #app .business-sales-report-only-v502 .business-product-highlight-v500 > strong {
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  color:#404040!important;
  font-size:16px!important;
  font-weight:750!important;
  line-height:1.4!important;
  overflow-wrap:anywhere!important;
}
html body #app .business-sales-report-only-v502 .business-product-highlight-v500 > span {
  display:block!important;
  max-width:100%!important;
  margin:auto 0 0!important;
  color:#404040!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.5!important;
  font-variant-numeric:tabular-nums!important;
  overflow-wrap:anywhere!important;
}
html body #app .business-sales-report-only-v502 #businessProductPerformanceMetaV500 {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:0!important;
}
html body #app .business-sales-report-only-v502 #businessProductPerformanceMetaV500 > span {
  display:inline-flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  max-width:100%!important;
  padding:7px 10px!important;
  border:1px solid #d4d4d4!important;
  border-radius:8px!important;
  background:#fbfbfb!important;
  color:#404040!important;
  font-size:11px!important;
  line-height:1.5!important;
}
html body #app .business-sales-report-only-v502 #businessProductPerformanceMetaV500 strong {
  color:#404040!important;
  font-size:12px!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
}
@container (max-width:620px) {
  html body #app .business-sales-report-only-v502 #businessProductHighlightsV500 {
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body #app .business-sales-report-only-v502 #businessProductPerformanceMetaV500 {
    justify-content:flex-start!important;
  }
}

/* V325.567 — Compact product catalog thumbnails and action controls. */
html body #app #businessProductsTableV325 {
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
}
html body #app #businessProductsTableV325 > table {
  width:100%!important;
  min-width:820px!important;
  table-layout:auto!important;
}
html body #app #businessProductsTableV325 :is(th,td) {
  padding:11px 12px!important;
  vertical-align:middle!important;
  line-height:1.45!important;
}
html body #app #businessProductsTableV325 th {
  font-size:10px!important;
}
html body #app #businessProductsTableV325 td {
  font-size:12px!important;
}
html body #app #businessProductsTableV325 th:first-child,
html body #app #businessProductsTableV325 .business-product-image-cell-v353 {
  width:88px!important;
  min-width:88px!important;
  text-align:center!important;
}
html body #app #businessProductsTableV325 th:last-child {
  width:152px!important;
}
html body #app #businessProductsTableV325 td:nth-child(2) {
  min-width:120px!important;
  overflow-wrap:anywhere!important;
}
html body #app #businessProductsTableV325 td:nth-child(3) {
  min-width:140px!important;
  max-width:320px!important;
  overflow-wrap:anywhere!important;
}
html body #app #businessProductsTableV325 td:nth-child(3) > strong {
  font-size:13px!important;
}
html body #app #businessProductsTableV325 td:nth-child(n+4):nth-child(-n+6) {
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
html body #app #businessProductsTableV325 .muted {
  margin-top:3px!important;
  font-size:11px!important;
}
html body #app #businessProductsTableV325 .business-product-thumb-v353 {
  display:block!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  margin:0 auto!important;
  border:1px solid #d4d4d4!important;
  border-radius:10px!important;
  background:#f6f6f6!important;
  object-fit:cover!important;
  object-position:center!important;
  box-sizing:border-box!important;
}
html body #app #businessProductsTableV325 .business-product-thumb-placeholder-v353 {
  display:grid!important;
  place-items:center!important;
  color:#404040!important;
  font-size:10px!important;
  font-weight:700!important;
}
html body #app #businessProductsTableV325 .business-product-actions-v353 {
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:108px!important;
  gap:6px!important;
}
html body #app #businessProductsTableV325 .business-product-actions-menu-v534 {
  display:block!important;
  width:100%!important;
  max-width:168px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #app #businessProductsTableV325 .business-product-actions-trigger-v534 {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  min-width:96px!important;
  max-width:100%!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 11px!important;
  margin:0 auto!important;
  border:1px solid #d4d4d4!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#404040!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1!important;
  white-space:nowrap!important;
  list-style:none!important;
  cursor:pointer!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html body #app #businessProductsTableV325 .business-product-actions-trigger-v534::-webkit-details-marker {
  display:none!important;
}
html body #app #businessProductsTableV325 .business-product-actions-trigger-v534::marker {
  content:""!important;
}
html body #app #businessProductsTableV325 .business-product-actions-trigger-v534 > svg {
  display:block!important;
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  margin:0!important;
  padding:0!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body #app #businessProductsTableV325 .business-product-actions-trigger-v534 > svg path {
  fill:none!important;
  stroke:currentColor!important;
}
html body #app #businessProductsTableV325 .business-product-actions-chevron-v534 {
  display:inline-block!important;
  font-size:14px!important;
  line-height:1!important;
}
html body #app #businessProductsTableV325 .business-product-actions-trigger-v534:hover,
html body #app #businessProductsTableV325 .business-product-actions-menu-v534[open] > summary {
  border-color:#d4d4d4!important;
  background:#f4f4f4!important;
}
/* Keep the disclosure in the table flow so every action stays reachable
   inside the horizontally scrolling catalog, including its last row. */
html body #app #businessProductsTableV325 .business-product-actions-menu-list-v534 {
  display:none!important;
  position:static!important;
  width:100%!important;
  min-width:0!important;
  max-width:168px!important;
  margin:7px 0 0!important;
  padding:5px!important;
  border:1px solid #d4d4d4!important;
  border-radius:9px!important;
  background:#fbfbfb!important;
  box-sizing:border-box!important;
}
html body #app #businessProductsTableV325 .business-product-actions-menu-v534[open] > .business-product-actions-menu-list-v534 {
  display:grid!important;
  gap:3px!important;
}
html body #app #businessProductsTableV325 .business-product-actions-menu-list-v534 > button {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  height:auto!important;
  margin:0!important;
  padding:7px 9px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#404040!important;
  font-size:11px!important;
  line-height:1.4!important;
  text-align:left!important;
  white-space:normal!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html body #app #businessProductsTableV325 .business-product-actions-menu-list-v534 > button:hover {
  background:#f1f1f1!important;
}
html body #app #businessProductsTableV325 .business-product-actions-menu-list-v534 > button:disabled {
  opacity:.55!important;
  cursor:wait!important;
}
html body #app #businessProductsTableV325 .business-product-actions-menu-list-v534 .business-product-delete-v391 {
  color:#b43c3c!important;
}
html body #app #businessProductsTableV325 .business-product-actions-menu-list-v534 svg {
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}
html body #app #businessProductsTableV325 :is(summary,button):focus-visible {
  outline:2px solid #737373!important;
  outline-offset:3px!important;
}