:root{--bg:#f6f7fb;--panel:#fff;--text:#172033;--muted:#778197;--line:#e6e9f0;--primary:#2c5cff;--primary2:#2048d8;--green:#0e9f6e;--red:#e5484d;--orange:#e99a18;--shadow:0 12px 30px rgba(38,47,77,.08);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#dfe7ff,transparent 35%),var(--bg)}.auth-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.auth-card h1{font-family:Manrope;margin:18px 0 6px}.auth-card p{color:var(--muted);margin:0 0 24px}.auth-card small{display:block;color:var(--muted);margin-top:18px}.brand-mark{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#2c5cff,#7b5cff);color:#fff;display:grid;place-items:center;font-family:Manrope;font-weight:800}.brand-mark.small{width:42px;height:42px;border-radius:13px}.stack{display:grid;gap:14px}.full{width:100%}.app{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:#111827;color:#fff;padding:20px 14px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 24px}.brand strong,.brand span{display:block}.brand span{font-size:12px;color:#98a2b3;margin-top:3px}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#aab3c2;text-align:left;padding:12px 14px;border-radius:12px;cursor:pointer;font-weight:600;display:flex;gap:10px}.nav-item:hover,.nav-item.active{background:#202a3b;color:#fff}.sidebar-footer{margin-top:auto}.user-email{font-size:12px;color:#aab3c2;word-break:break-word;padding:0 4px 10px}.main{margin-left:240px;padding:0 28px 40px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;background:rgba(246,247,251,.92);backdrop-filter:blur(12px);z-index:6}.topbar h2{font-family:Manrope;margin:0;font-size:26px}.topbar p{margin:4px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;gap:10px}.btn{border:1px solid transparent;border-radius:11px;padding:10px 15px;font-weight:700;cursor:pointer}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary2)}.btn.secondary{background:#ecf1ff;color:#234fd6}.btn.ghost{background:#fff;border-color:var(--line);color:#445}.sidebar .btn.ghost{background:#182233;border-color:#2e394c;color:#dbe1ea}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{background:#fff;border:1px solid var(--line);padding:20px;border-radius:var(--radius);box-shadow:0 5px 18px rgba(38,47,77,.04)}.metric span,.metric small{display:block}.metric span{font-size:13px;color:var(--muted);font-weight:600}.metric strong{display:block;font-family:Manrope;font-size:25px;margin:10px 0}.metric small{font-size:11px;color:#98a2b3}.metric.debt strong{color:var(--red)}.metric.income strong,.metric.cash strong{color:var(--green)}.metric.expense strong{color:var(--orange)}.chart-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.panel,.table-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 5px 18px rgba(38,47,77,.04)}.panel{min-height:330px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel h3,.toolbar h3{margin:0;font:700 16px Manrope}.panel p,.toolbar p{margin:4px 0 0;color:var(--muted);font-size:12px}.panel canvas{max-height:245px;margin-top:14px}.rank-list{margin-top:16px}.rank-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.rank-row:last-child{border-bottom:0}.rank-no{width:28px;height:28px;border-radius:9px;background:#f1f4fb;display:grid;place-items:center;font-size:12px;font-weight:700}.rank-name strong,.rank-name span{display:block}.rank-name span{font-size:11px;color:var(--muted);margin-top:2px}.rank-value{font-weight:700}.empty{color:var(--muted);font-size:13px;padding:24px 0}.page{display:none}.page.active{display:block}.tabs{display:flex;gap:6px;margin-bottom:16px;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;padding:12px 14px;color:var(--muted);font-weight:700;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--primary);border-color:var(--primary)}.tab-pane{display:none}.tab-pane.active{display:block}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.filters{display:flex;gap:10px}.toolbar input{min-width:220px}input,select,textarea{width:100%;border:1px solid #dfe3eb;border-radius:10px;padding:10px 11px;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#98adff;box-shadow:0 0 0 3px #edf1ff}label{font-size:12px;font-weight:700;color:#4d586e;display:grid;gap:7px}.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 14px;border-bottom:1px solid var(--line);font-size:12px;text-align:left;vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#7a8498;background:#fafbfc;position:sticky;top:0}tbody tr:hover{background:#fafbff}.num{text-align:right}.money{font-weight:700}.danger{color:var(--red)}.positive{color:var(--green)}.muted{color:var(--muted)}.actions{display:flex;gap:6px;justify-content:flex-end}.icon-action{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px;cursor:pointer}.modal{position:fixed;inset:0;background:rgba(15,23,42,.46);display:none;place-items:center;padding:20px;z-index:50}.modal.open{display:grid}.modal-dialog{width:min(560px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:20px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.18)}.modal-dialog.xl{width:min(1180px,96vw)}.modal-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:18px}.modal-head h3{font:800 19px Manrope;margin:0}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.icon-btn{border:0;background:#f2f4f7;border-radius:10px;width:34px;height:34px;font-size:20px;cursor:pointer}.form-grid{display:grid;gap:12px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.line-toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px}.line-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.line-table{min-width:930px}.line-table input,.line-table select{padding:8px}.line-table th,.line-table td{padding:8px}.footer-fields{margin-top:16px;align-items:end}.order-total{text-align:right}.order-total span{display:block;color:var(--muted);font-size:12px}.order-total strong{font:800 26px Manrope;display:block;margin-top:7px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.toast{position:fixed;right:20px;bottom:20px;background:#172033;color:#fff;padding:12px 16px;border-radius:11px;box-shadow:var(--shadow);z-index:90;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#b42318}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#f1f4f8;color:#596579;font-size:11px;font-weight:700}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}.cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:70px;padding:16px 10px}.brand>div:not(.brand-mark),.nav-item span,.sidebar-footer{display:none}.brand{padding:0 4px 22px}.nav-item{justify-content:center;font-size:18px}.main{margin-left:70px;padding:0 14px 30px}.topbar{height:auto;padding:18px 0;align-items:flex-start}.top-actions{flex-direction:column}.metric-grid{grid-template-columns:1fr}.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.filters{flex-direction:column}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{min-width:0}.modal{padding:8px}.modal-dialog{padding:15px}.topbar h2{font-size:22px}}
.statement{background:#fff;padding:4px}.statement-brand{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:4px 2px 16px;border-bottom:2px solid #172033}.statement-brand h2{font:800 20px Manrope;margin:0}.statement-brand p{font-weight:700;margin:5px 0 0;font-size:12px}.statement-customer{text-align:right;display:grid;gap:4px}.statement-customer strong{font-size:14px}.statement-customer span{font-size:12px;color:var(--muted)}.statement-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.statement-summary>div{border:1px solid var(--line);border-radius:12px;padding:12px}.statement-summary span,.statement-summary strong{display:block}.statement-summary span{font-size:11px;color:var(--muted);margin-bottom:7px}.statement-summary strong{font:800 16px Manrope}.statement h4{font:700 13px Manrope;margin:18px 0 8px}.statement-table{border-radius:10px;box-shadow:none}.statement-table table{min-width:0}.statement-table th,.statement-table td{padding:9px 10px;font-size:11px}.statement-note{font-size:10px;color:var(--muted);margin-top:14px}.pdf-host{position:fixed;left:-100000px;top:0;width:1120px;background:#fff;z-index:-1}.statement-pdf{width:1120px;padding:30px;font-family:Inter,Arial,sans-serif;color:#172033}.statement-pdf .table-card{overflow:visible}.statement-pdf table{width:100%;min-width:0}.statement-pdf th{position:static}.statement-pdf .statement-summary>div{min-height:72px}
@media(max-width:760px){.statement-summary{grid-template-columns:repeat(2,1fr)}.statement-brand{flex-direction:column}.statement-customer{text-align:left}}

/* Customer-specific price book */
.customer-price-book{max-width:1100px}.price-book-table{max-height:58vh;overflow:auto}.price-book-table table{min-width:980px}.price-book-table thead th{position:sticky;top:0;background:var(--card,#fff);z-index:2}.compact-input{min-width:110px;width:100%;padding:8px 10px}.info-note{padding:12px 14px;border:1px solid #dbe4ff;background:#f5f8ff;border-radius:10px;color:#44516b}.small{font-size:12px}

/* Improvements: dashboard period, debt alerts, quick entry, ledger */
.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.dashboard-toolbar>div{display:flex;align-items:baseline;gap:10px}.compact-select{min-width:150px;padding:9px 12px;border:1px solid var(--border,#e5e7eb);border-radius:10px;background:#fff}.metric-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.metric.revenue{border-top:3px solid #7c3aed}.debt-alert-panel{margin-top:18px}.debt-alerts{display:grid;gap:8px}.debt-alert-row{width:100%;border:1px solid #f1d3d3;background:#fffafa;border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;cursor:pointer}.debt-alert-row:hover{border-color:#e7aaaa}.debt-alert-row div{display:flex;flex-direction:column;gap:3px}.debt-alert-row span{font-size:12px;color:#6b7280}.debt-alert-row b{white-space:nowrap;color:#b42318}.line-actions,.line-row-actions{display:flex;align-items:center;gap:6px}.ledger-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.ledger-summary>div{border:1px solid #e8eaf0;border-radius:12px;padding:14px;background:#fafbfc;display:flex;flex-direction:column;gap:5px}.ledger-summary span{font-size:12px;color:#6b7280}.ledger-summary strong{font-size:20px}.compact-input{min-width:118px}.price-book-table{overflow:auto}.customer-price-book .info-note{padding:10px 12px;background:#f6f8fb;border:1px solid #e6e9ef;border-radius:10px}.small{font-size:11px}.tab-pane#purchase-expenses .toolbar{align-items:center}
@media(max-width:1200px){.metric-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.metric-grid.five{grid-template-columns:1fr 1fr}.dashboard-toolbar{align-items:flex-start}.ledger-summary{grid-template-columns:1fr}.line-actions{flex-wrap:wrap}.debt-alert-row{align-items:flex-start;flex-direction:column}.debt-alert-row b{align-self:flex-end}}

/* Searchable selects */
.choices{margin:0;width:100%;font-size:14px}
.choices__inner{min-height:40px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:7px 34px 7px 10px}
.choices.is-focused .choices__inner,.choices.is-open .choices__inner{border-color:#7c9cff;box-shadow:0 0 0 3px rgba(49,94,251,.10)}
.choices__list--single{padding:2px 0}
.choices__list--dropdown,.choices__list[aria-expanded]{z-index:3000;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 30px rgba(15,23,42,.12);overflow:hidden}
.choices__list--dropdown .choices__input{border:0;border-bottom:1px solid var(--border);padding:10px 12px;margin:0;background:#fff}
.choices__list--dropdown .choices__item--selectable{padding:10px 12px}
.choices__list--dropdown .choices__item--selectable.is-highlighted{background:#eef3ff}
.choices[data-type*=select-one]::after{right:13px}
#sale-lines .choices,#purchase-lines .choices{min-width:145px}
#sale-lines .choices__inner,#purchase-lines .choices__inner{min-height:34px;padding:4px 28px 4px 8px;border-radius:9px}
#sale-lines .choices__list--single,#purchase-lines .choices__list--single{padding:2px 0}

/* iPhone / mobile layout refresh */
@media (max-width: 760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .app{min-height:100dvh}

  /* Bottom navigation instead of desktop sidebar */
  .sidebar{
    position:fixed;left:0;right:0;top:auto;bottom:0;
    width:100%;height:calc(64px + env(safe-area-inset-bottom));
    padding:6px 8px env(safe-area-inset-bottom);
    background:rgba(17,24,39,.96);backdrop-filter:blur(16px);
    border-top:1px solid rgba(255,255,255,.08);
    display:block;z-index:40
  }
  .sidebar .brand{display:none}
  .sidebar nav{height:58px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
  .nav-item{
    min-width:0;padding:7px 2px;border-radius:12px;text-align:center;
    justify-content:center;align-items:center;flex-direction:column;gap:3px;
    font-size:17px;line-height:1
  }
  .nav-item span{display:block!important;font-size:10px;line-height:1.15;font-weight:700}
  .nav-item.active{background:#263247;color:#fff}
  .sidebar-footer{display:block;position:fixed;top:calc(8px + env(safe-area-inset-top));right:10px;z-index:60;margin:0}
  .sidebar-footer .user-email{display:none}
  .sidebar-footer .btn{width:auto!important;min-width:auto;padding:7px 9px;font-size:0;border-radius:10px;background:#fff!important;color:#475467!important;border:1px solid var(--line)!important;box-shadow:0 3px 10px rgba(15,23,42,.07)}
  .sidebar-footer .btn::before{content:'↪';font-size:16px}

  .main{
    margin-left:0;width:100%;max-width:100%;
    padding:0 12px calc(18px + env(safe-area-inset-bottom));
    overflow-x:hidden
  }
  .topbar{
    position:relative;top:auto;height:auto;min-height:0;
    padding:calc(14px + env(safe-area-inset-top)) 0 12px;
    display:block;background:transparent;backdrop-filter:none
  }
  .topbar>div:first-child{padding-right:46px}
  .topbar h2{font-size:21px;line-height:1.2}
  .topbar p{font-size:11px;margin-top:3px}
  .top-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:12px}
  .top-actions #backup-btn{grid-column:1/-1}
  .top-actions .btn{width:100%;padding:10px 8px;font-size:12px;white-space:nowrap}

  .page{min-width:0;max-width:100%}
  .dashboard-toolbar{align-items:center;gap:8px;margin-bottom:10px}
  .dashboard-toolbar>div{min-width:0;display:grid;gap:1px}
  .dashboard-toolbar>div strong{font-size:14px}
  .dashboard-toolbar .muted{font-size:10px}
  .compact-select{min-width:118px;width:auto;padding:8px 28px 8px 9px;font-size:12px}

  /* Dashboard cards: designed for 390px-wide iPhone */
  .metric-grid,.metric-grid.five{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .metric{min-width:0;min-height:122px;padding:14px 12px;border-radius:15px;box-shadow:0 3px 12px rgba(38,47,77,.035)}
  .metric span{font-size:11px;line-height:1.35;min-height:30px}
  .metric strong{font-size:clamp(18px,5.5vw,23px);line-height:1.12;margin:8px 0;white-space:nowrap;letter-spacing:-.02em}
  .metric small{font-size:9.5px;line-height:1.35}
  .metric-grid.five .metric:last-child{grid-column:1/-1;min-height:106px}
  .metric-grid.five .metric:last-child span{min-height:auto}

  .chart-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}
  .panel,.table-card{max-width:100%;border-radius:15px}
  .panel{min-height:250px;padding:14px}
  .panel h3,.toolbar h3{font-size:14px}
  .panel p,.toolbar p{font-size:10px}
  .panel canvas{max-height:205px;margin-top:10px}
  .debt-alert-panel{margin-top:10px}

  /* Tabs + filters */
  .tabs{overflow-x:auto;gap:2px;margin:0 -12px 12px;padding:0 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:0 0 auto;padding:10px 11px;font-size:12px;white-space:nowrap}
  .toolbar{gap:8px;margin-bottom:10px}
  .toolbar,.filters{width:100%}
  .filters{display:grid;grid-template-columns:1fr;gap:7px}
  .toolbar input{min-width:0}
  input,select,textarea{font-size:16px} /* prevent iOS zoom on focus */
  .toolbar input,.toolbar select{font-size:14px}

  /* Only tables scroll; the whole page must not */
  .table-card,.line-table-wrap,.price-book-table{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  table{min-width:700px}
  th,td{padding:11px 10px;font-size:11px}
  th{font-size:9.5px}

  /* Modals become mobile sheets */
  .modal{padding:0;align-items:end;place-items:end center}
  .modal-dialog,.modal-dialog.xl{
    width:100vw;max-width:100vw;max-height:calc(96dvh - env(safe-area-inset-top));
    margin:0;border-radius:20px 20px 0 0;
    padding:16px 12px calc(16px + env(safe-area-inset-bottom));
    box-shadow:0 -16px 50px rgba(15,23,42,.18)
  }
  .modal-head{margin-bottom:14px}
  .modal-head h3{font-size:18px}
  .modal-head p{font-size:10.5px}
  .form-grid.cols-2,.form-grid.cols-3,.form-grid.cols-4{grid-template-columns:1fr}
  .line-toolbar{align-items:flex-start;gap:8px;flex-direction:column;margin:12px 0 7px}
  .line-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .line-actions .btn{width:100%;padding:9px 7px;font-size:11px}
  .line-table{min-width:860px}
  .line-table th,.line-table td{padding:7px}
  .footer-fields{margin-top:12px}
  .order-total{text-align:left;padding-top:4px}
  .order-total strong{font-size:23px}
  .modal-actions{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom));background:#fff;padding:10px 0 calc(4px + env(safe-area-inset-bottom));margin-top:12px;z-index:4}
  .modal-actions .btn{flex:1}

  /* Choices/search dropdowns */
  .choices{font-size:16px}
  .choices__inner{min-height:44px;padding-top:8px;padding-bottom:8px}
  .choices__list--dropdown,.choices__list[aria-expanded]{max-height:48dvh}
  .choices__list--dropdown .choices__item--selectable{padding:11px 12px;font-size:14px}
  #sale-lines .choices,#purchase-lines .choices{min-width:150px}

  .ledger-summary{grid-template-columns:1fr 1fr;gap:8px}
  .ledger-summary>div{padding:11px}
  .ledger-summary strong{font-size:17px}
  .statement-summary{grid-template-columns:1fr 1fr}
  .debt-alert-row{padding:10px 11px}
  .toast{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));text-align:center}
}

@media (max-width: 390px){
  .main{padding-left:10px;padding-right:10px}
  .tabs{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}
  .metric-grid,.metric-grid.five{gap:8px}
  .metric{padding:12px 10px;min-height:116px}
  .metric strong{font-size:20px}
  .top-actions .btn{font-size:11px}
}

/* ===== FORM PAGE ===== */
.forms-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.forms-head h3{margin:0;font:800 20px Manrope}.forms-head p{margin:4px 0 0}.forms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;box-shadow:0 5px 18px rgba(38,47,77,.04)}.form-card h3{margin:0 0 5px;font:800 17px Manrope}.form-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.form-card-icon{width:48px;height:48px;border-radius:14px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;font:800 14px Manrope}.custom-form-cards{display:contents}.sale-note-top{margin-top:14px}.optional-label{font-weight:500;color:var(--muted)}.form-line-table{min-width:900px}.form-preview{background:#f1f3f7;padding:18px;border-radius:14px;overflow:auto}.print-form{width:794px;min-height:1123px;margin:0 auto;background:#fff;color:#101828;padding:38px 40px;font-family:Inter,Arial,sans-serif;box-shadow:0 2px 12px rgba(0,0,0,.08)}.print-header{display:flex;justify-content:space-between;gap:24px;border-bottom:2px solid #10234f;padding-bottom:18px}.print-brand h2{margin:0 0 6px;font-size:18px;white-space:nowrap;color:#10234f}.print-brand strong{display:block;font-size:13px;margin-bottom:2px}.print-brand p,.print-title p{margin:4px 0;color:#475467;font-size:11px}.print-title{text-align:right}.print-title h1{margin:0;color:#10234f;font-size:26px}.print-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.print-info{border:1px solid #d8dee9;border-radius:9px;padding:12px;font-size:11px}.print-info h4{margin:0 0 9px;font-size:12px}.print-info div{display:grid;grid-template-columns:105px 1fr;gap:6px;margin:5px 0}.print-table{width:100%;min-width:0;border-collapse:collapse;margin-top:14px}.print-table th{position:static;background:#10234f;color:#fff;text-transform:uppercase;font-size:9px;letter-spacing:0;padding:8px 6px}.print-table td{font-size:10px;padding:8px 6px;border:1px solid #d8dee9}.print-table th{border:1px solid #fff}.print-summary{margin-left:auto;width:48%;margin-top:0}.print-summary-row{display:flex;justify-content:space-between;gap:15px;border:1px solid #d8dee9;border-top:0;padding:8px 10px;font-size:11px}.print-summary-row.total{background:#10234f;color:#fff;font-weight:800;font-size:13px}.print-note{margin-top:18px;font-size:10px;line-height:1.5;white-space:pre-wrap}.print-signatures{display:grid;grid-template-columns:1fr 1fr;gap:80px;text-align:center;margin-top:35px;font-size:11px}.print-signatures strong{display:block;margin-bottom:4px}.print-sign-space{height:75px}.print-footer{margin-top:28px;border-top:1px solid #d8dee9;padding-top:10px;text-align:center;font-size:10px;color:#475467}.generic-row{display:grid;gap:10px;grid-template-columns:repeat(var(--custom-cols,4),minmax(0,1fr));margin-bottom:8px}.generic-row input{min-width:0}.generic-form-rows{max-height:44vh;overflow:auto;padding-right:2px}
@media(max-width:760px){.sidebar nav{grid-template-columns:repeat(5,1fr)!important}.forms-head{align-items:stretch;flex-direction:column}.forms-grid{grid-template-columns:1fr}.form-card{grid-template-columns:auto 1fr}.form-card .btn{grid-column:1/-1;width:100%}.form-preview{padding:8px}.print-form{transform-origin:top left}.sale-note-top{margin-top:12px}}

/* FINAL workflow additions */
.draft-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0 2px}.draft-status{font-size:11px;color:#667085}.draft-status:not(.hidden){display:inline}.btn.tiny{padding:6px 9px;font-size:10px}.document-no-line{display:flex;justify-content:flex-end;gap:6px;font-size:12px;color:var(--muted);margin:-4px 0 10px}.document-no-line strong{color:var(--primary)}.form-title-field{display:block;margin:0 0 12px}.form-title-field input{margin-top:6px}.form-history-section{margin-top:20px}.form-history-section .table-card table{min-width:820px}@media(max-width:760px){.draft-bar{align-items:flex-start}.document-no-line{justify-content:flex-start}.modal-actions{flex-wrap:wrap}.modal-actions .btn{min-width:calc(50% - 6px)}}

/* Form v2: free-text items and compact one-line dimensions */
#form-lines .bf-item-text{min-width:210px;width:100%}
#form-lines .size-pair.compact{display:grid!important;grid-template-columns:minmax(72px,1fr) 14px minmax(72px,1fr)!important;align-items:center;gap:6px;min-width:175px}
#form-lines .size-pair.compact input{min-width:0;width:100%}
#form-lines .size-pair.compact span{text-align:center}
@media(max-width:600px){#form-lines .bf-item-text{min-width:190px}#form-lines .size-pair.compact{min-width:170px;grid-template-columns:76px 12px 76px!important}}

/* Form v4: employee, optional VAT, reordered columns */
.form-meta-row{margin-top:12px}
.form-total-box{min-width:300px;gap:0!important}
.form-total-line{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:5px 0}
.form-total-line.grand{border-top:1px solid var(--line);margin-top:4px;padding-top:9px}
.form-total-line.grand strong{font-size:22px}
@media(max-width:760px){.form-meta-row{grid-template-columns:1fr!important}.form-total-box{min-width:0;width:100%}}

.opening-balance-box{padding:14px;border:1px solid var(--border);border-radius:14px;background:#f8fafc}.opening-balance-box>strong{display:block;margin-bottom:3px}.opening-balance-box .muted{margin:0 0 10px}.cell-sub{display:block;margin-top:3px;font-size:11px;color:var(--muted);font-weight:500;white-space:nowrap}

/* Customer ledger grouped by monthly bills */
.month-bill-list{display:grid;gap:14px;margin-top:16px}
.month-bill-card{background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:16px;padding:16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.month-bill-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line,#e5e7eb)}
.month-bill-head>div{display:flex;flex-direction:column;gap:2px}.month-bill-head span{font-size:12px;color:var(--muted,#64748b)}.month-bill-head strong{font-size:18px}
.month-bill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px 0}
.month-bill-grid>div{display:flex;flex-direction:column;gap:4px}.month-bill-grid span{font-size:12px;color:var(--muted,#64748b)}.month-bill-grid b{font-size:14px}
.month-bill-actions{display:flex;justify-content:flex-end;gap:8px}
button.primary.small{padding:8px 12px;font-size:13px}
@media(max-width:600px){.month-bill-card{padding:14px}.month-bill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.month-bill-actions{display:grid;grid-template-columns:1fr 1fr}.month-bill-actions button{width:100%}.ledger-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* V8: typing-first item autocomplete */
.item-id-select{display:none!important}
.item-autocomplete-field{min-width:180px;width:100%}
.item-autocomplete-field>input{width:100%;min-width:0}
.item-autocomplete-menu{position:fixed;z-index:100000;background:#fff;border:1px solid #d9dfeb;border-radius:12px;box-shadow:0 12px 34px rgba(15,23,42,.18);max-height:240px;overflow:auto;padding:6px}
.item-autocomplete-option{display:block;width:100%;border:0;background:#fff;text-align:left;padding:10px 12px;border-radius:8px;font:inherit;color:#182033;cursor:pointer}
.item-autocomplete-option:hover,.item-autocomplete-option:focus{background:#f0f4ff;outline:none}
.item-autocomplete-empty{padding:10px 12px;color:#7b8499;font-size:14px}
@media(max-width:600px){.item-autocomplete-menu{max-height:210px}.item-autocomplete-field{min-width:150px}}

.item-autocomplete-option.is-active{background:#eef3ff;outline:none}

/* V12 payment info on customer statement */
.statement-payment{margin-top:16px;border:1px solid #dfe5ef;border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f8fbff;break-inside:avoid;page-break-inside:avoid}
.statement-payment-info{display:grid;gap:4px;font-size:12px;color:#27354a}
.statement-payment-info>span{font-size:11px;font-weight:800;color:#6d7890;letter-spacing:.04em}
.statement-payment-info>strong{font-size:16px;color:#102a57;margin-bottom:2px}
.statement-payment-info small{margin-top:4px;color:#7a879b}
.statement-payment img{width:150px;height:auto;max-height:175px;object-fit:contain;border-radius:10px;background:#fff}
.statement-pdf .statement-payment{margin-top:12px;padding:10px 12px}
.statement-pdf .statement-payment img{width:120px;max-height:140px}
@media(max-width:600px){.statement-payment{align-items:flex-start}.statement-payment img{width:110px}.statement-payment-info{font-size:11px}}

/* Customer portal access management */
.portal-status{display:inline-flex;margin-top:4px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700;background:#f1f5f9;color:#64748b}.portal-status.on{background:#ecfdf5;color:#047857}.portal-access-panel{display:grid;gap:14px}.portal-code-result{padding:16px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.portal-code-result strong{font-size:24px;letter-spacing:2px;color:#1d4ed8}.portal-code-result.hidden{display:none}.danger-soft{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important}
@media(max-width:640px){.portal-code-result{grid-template-columns:1fr}.portal-code-result strong{font-size:22px}.portal-code-result .btn{width:100%}}

.badge.success{background:#e8f7ef;color:#15803d;border-color:#bbf7d0}.badge.warning{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.danger-text{color:#b91c1c!important}

/* Sales order workflow: batch dates + customer/month drilldown */
#sales-view-mode{min-width:150px}
.line-table .sl-date{min-width:138px}
.customer-order-history{display:grid;gap:10px}
.customer-month-orders{border:1px solid var(--line,#e7eaf0);border-radius:14px;overflow:hidden;background:#fff}
.customer-month-toggle{width:100%;border:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;text-align:left}
.customer-month-toggle>div{display:flex;flex-direction:column;gap:3px}
.customer-month-toggle strong{font-size:16px}
.customer-month-toggle span{font-size:12px;color:var(--muted,#747b87)}
.customer-month-toggle b{font-size:22px;transition:transform .18s ease}
.customer-month-detail{display:none;padding:0 12px 12px}
.customer-month-orders.open .customer-month-detail{display:block}
.customer-month-orders.open .customer-month-toggle b{transform:rotate(90deg)}
@media(max-width:700px){
  #sales-orders .toolbar{align-items:stretch}
  #sales-orders .filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  #sales-orders #sales-search{grid-column:1/-1}
  #sales-view-mode,#sales-month{width:100%;min-width:0}
  #sales-customer-view table{min-width:680px}
  #sales-order-view table{min-width:820px}
  .line-table{min-width:980px}
}

/* V21 customer ledger: current month + compact history table */
.ledger-customer-contact{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 18px;padding:12px 14px;background:#fafcff;border:1px solid #e5eaf3;border-radius:12px;color:#475569;font-size:13px}
.ledger-current-section h3,.ledger-history-section h3{margin:8px 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.02em;color:#1e293b}
.ledger-current-card{border:1px solid #e3e8f0;border-radius:16px;background:#fff;padding:18px;margin-bottom:24px;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.ledger-current-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:15px}
.ledger-current-title{display:flex;align-items:center;gap:10px}.ledger-current-title>strong{font-size:25px;color:#172033}.badge.warning{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.ledger-current-head small{display:block;margin-top:5px;color:#64748b}
.ledger-current-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e5eaf2;border-radius:12px;overflow:hidden;background:#fbfdff}
.ledger-current-grid>div{padding:17px 18px;display:flex;flex-direction:column;gap:6px;position:relative}.ledger-current-grid>div+div:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:#e5eaf2}.ledger-current-grid span{font-size:12px;color:#64748b}.ledger-current-grid b{font-size:16px}.ledger-current-grid .ledger-ending{font-size:21px}
.ledger-current-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}.ledger-current-actions button{min-height:39px}
.ledger-history-section{margin-top:4px}.ledger-history-table-wrap{border:1px solid #e3e8f0;border-radius:14px;overflow:auto;background:#fff}.ledger-history-table{width:100%;border-collapse:collapse;min-width:880px}.ledger-history-table th{background:#fafbfc;color:#64748b;font-size:12px;text-align:left;font-weight:650;padding:13px 14px;border-bottom:1px solid #e5e7eb}.ledger-history-table td{padding:14px;border-bottom:1px solid #edf0f4;font-size:13px;vertical-align:middle}.ledger-history-table tbody tr:last-child td{border-bottom:0}.ledger-history-table tbody tr:hover{background:#fbfdff}.ledger-month-cell{display:flex;flex-direction:column;gap:4px}.ledger-month-cell strong{font-size:14px;color:#172033}.ledger-month-cell small{font-size:11px;color:#94a3b8;white-space:nowrap}.ledger-ending{font-weight:750}.ledger-row-actions{display:flex;gap:6px;white-space:nowrap}.warning-text{color:#d97706!important}
@media(max-width:760px){.ledger-current-grid{grid-template-columns:1fr 1fr}.ledger-current-grid>div:nth-child(3):before{display:none}.ledger-current-grid>div:nth-child(n+3){border-top:1px solid #e5eaf2}.ledger-current-actions{display:grid;grid-template-columns:1fr 1fr}.ledger-current-actions .primary{grid-column:1/-1}.ledger-current-actions button{width:100%}.ledger-current-card{padding:14px}.ledger-history-table-wrap{border-radius:12px}.ledger-history-table{min-width:820px}}

.form-line-table .bf-stt-head,.form-line-table .bf-stt{width:48px;min-width:48px;text-align:center}.form-line-table .bf-stt{font-weight:700;color:var(--muted)}
.form-line-table .bf-product,.form-line-table .bf-spec{min-width:140px}

/* V26 quotation PDF layout refinements */
.print-info .customer-name-row{display:flex;align-items:flex-start;gap:4px;margin:5px 0}
.print-info .customer-name-row b{flex:0 0 auto}
.print-info .customer-name-row span{min-width:0}
.print-table .col-stt{width:4.5%}
.print-table .col-product{width:28%}
.print-table .col-spec{width:22%}
.print-table .col-unit{width:7%}
.print-table .col-size{width:12%}
.print-table .col-qty{width:6%}
.print-table .col-price{width:10%}
.print-table .col-amount{width:10.5%}

.invoice-qr-payment{margin-top:18px;border:1px solid #d8dee9;border-radius:9px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;break-inside:avoid;page-break-inside:avoid}.invoice-qr-payment>div{display:grid;gap:4px}.invoice-qr-payment>div>strong{font-size:11px;color:#10234f}.invoice-qr-payment>div>span:nth-child(2){font-weight:800;font-size:13px;color:#10234f}.invoice-qr-payment img{width:105px;height:auto;max-height:120px;object-fit:contain}
/* V28b: compact print header; no duplicate info boxes */
.print-intro{margin:14px 0 12px;padding-top:0;border-top:0;font-size:12px;line-height:1.5}
.print-intro>div:first-child{font-size:13px;margin-bottom:5px}
.print-intro p{margin:5px 0 0}
.print-customer-contact{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#526176;margin:2px 0 4px}
.print-meta-line{font-size:11px;color:#526176;margin-top:4px}
.print-valid-until{margin-top:12px!important;font-size:11px!important;color:#17233b!important}
.form-history-toolbar{align-items:flex-end;gap:16px}.form-history-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-history-search{min-width:260px}.form-history-filters select{min-width:145px}.form-history-result{font-size:13px;text-align:right;margin:0 2px 8px}@media(max-width:760px){.form-history-toolbar{align-items:stretch;flex-direction:column}.form-history-filters{display:grid;grid-template-columns:1fr 1fr}.form-history-search{min-width:0;grid-column:1/-1}.form-history-filters .btn{grid-column:1/-1}}
.icon-action.danger{color:#b42318;border-color:#f3c7c3;background:#fff}
.icon-action.danger:hover{background:#fff3f2;border-color:#e7aaa4}

.price-search-row{display:flex;gap:8px;align-items:center;margin:0 0 12px}.price-search-row input{max-width:360px}.price-search-row .btn{white-space:nowrap}@media(max-width:760px){.price-search-row{display:grid;grid-template-columns:1fr auto}.price-search-row input{max-width:none}}
.detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}.detail-summary>div{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff}.detail-summary span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.detail-summary strong{display:block;overflow-wrap:anywhere}.order-view-total{display:flex;justify-content:flex-end;gap:16px;align-items:center;margin-top:14px;font-size:16px}.order-view-total strong{font-size:20px}.order-view-total span{color:var(--muted)}@media(max-width:700px){.detail-summary{grid-template-columns:1fr}.order-view-total{justify-content:space-between}}

.incomplete-order-toggle{display:flex;align-items:flex-start;gap:10px;margin:8px 0 4px;padding:10px 12px;border:1px solid #f0c36a;border-radius:12px;background:#fffaf0;cursor:pointer}
.incomplete-order-toggle input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}
.incomplete-order-toggle span{display:flex;flex-direction:column;gap:2px}
.incomplete-order-toggle strong{color:#9a5b00}
.incomplete-order-toggle small{color:#7b8497;font-size:12px;line-height:1.35}
.order-status-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;margin-top:4px;white-space:nowrap}
.order-status-badge.incomplete{background:#fff3d6;color:#9a5b00;border:1px solid #f2d38d}
.order-status-badge.complete{background:#eef8f1;color:#18864b;border:1px solid #ccebd8}
.order-incomplete-row{background:#fffdf7}
.order-note-text{margin-top:4px;font-size:12px;color:#697386}
@media(max-width:700px){#sales-status-filter{min-width:170px}}

.form-size-calculation{display:grid!important;grid-template-columns:minmax(52px,1fr) auto minmax(52px,1fr) auto minmax(62px,.9fr);gap:5px;align-items:center}
.form-size-calculation .bf-area{font-weight:700;text-align:center;min-width:0}
@media(max-width:700px){.form-size-calculation{grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr) auto minmax(58px,.9fr)}}

.form-size-calculation{
 display:flex!important;
 flex-direction:row!important;
 flex-wrap:nowrap!important;
 align-items:center!important;
 gap:4px!important;
 white-space:nowrap!important;
 width:100%!important;
}
.form-size-calculation .bf-h,
.form-size-calculation .bf-w,
.form-size-calculation .bf-area{
 width:72px!important;
 min-width:54px!important;
 flex:1 1 0!important;
}
.form-size-calculation span{
 display:inline-block!important;
 flex:0 0 auto!important;
 margin:0 1px!important;
}
@media(max-width:700px){
 .form-size-calculation{display:flex!important;flex-wrap:nowrap!important;gap:3px!important}
 .form-size-calculation .bf-h,.form-size-calculation .bf-w,.form-size-calculation .bf-area{
   width:62px!important;min-width:48px!important;
 }
}

.form-size-pair{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important}
.form-size-pair .bf-h,.form-size-pair .bf-w{min-width:62px!important;width:82px!important;flex:1 1 0!important}
.form-size-pair span{flex:0 0 auto!important}
.form-line-table .bf-area{min-width:105px}

.form-paid-badge{display:inline-flex;margin-top:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.form-paid-badge.paid{background:#eaf8ef;color:#13894e;border:1px solid #c9ead6}
.form-paid-badge.unpaid{background:#fff4e5;color:#a36300;border:1px solid #f3d39c}

.form-line-table .bf-date-cell input{min-width:126px}
.print-table .col-date{white-space:nowrap}

.customer-private-item-add{border:1px solid var(--line,#dfe5ee);border-radius:12px;padding:12px}
.new-private-item{margin:0}
.new-private-item .actions{justify-content:flex-end;margin-top:8px}

.invoice-check-filters{display:flex;gap:10px;margin:12px 0 8px;flex-wrap:wrap}
.invoice-check-filters input{min-width:280px;flex:1}
.invoice-check-filters select{min-width:180px}
.invoice-check-result{margin:6px 0 10px}
.invoice-check-table .badge.positive{background:#eaf8ef;color:#168547;border-color:#bfe8cd}
@media(max-width:700px){
  .invoice-check-filters{display:grid;grid-template-columns:1fr}
  .invoice-check-filters input,.invoice-check-filters select{min-width:0;width:100%}
  .invoice-check-table{overflow-x:auto}
  .invoice-check-table table{min-width:760px}
}

.pagination-hidden{display:none!important}
.list-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px 4px;color:var(--muted,#748096);font-size:13px}
.list-pagination-actions{display:flex;align-items:center;gap:10px}
.list-pagination .btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){.list-pagination{flex-direction:column;align-items:stretch}.list-pagination-actions{justify-content:space-between}}

.invoice-check-bank-wrap{display:flex;gap:10px;align-items:end}
.invoice-check-bank-wrap label{flex:1;margin:0}
@media(max-width:700px){.invoice-check-bank-wrap{display:grid;grid-template-columns:1fr}}

.attendance-tabs{display:flex;gap:8px;margin-bottom:18px;overflow-x:auto;padding-bottom:2px}
.attendance-tabs button{border:1px solid var(--line,#e2e7ef);background:#fff;border-radius:10px;padding:10px 16px;font-weight:700;white-space:nowrap;color:var(--muted,#667085)}
.attendance-tabs button.active{background:#315efb;color:#fff;border-color:#315efb}
.att-panel{display:none}.att-panel.active{display:block}
.hr-table{overflow-x:auto}.hr-table table{min-width:900px}
.payroll-table table{min-width:1350px}
.hr-table input,.hr-table select{min-width:92px}
.hr-table .pay-note{min-width:150px}
@media(max-width:700px){
  #page-attendance .toolbar{align-items:stretch;gap:10px}
  #page-attendance .toolbar>.actions{display:flex;flex-wrap:wrap}
  .attendance-tabs{margin-left:-4px;margin-right:-4px}
}

.payroll-slip-print{width:794px;min-height:1120px;background:#fff;padding:54px 58px;color:#172033;font-family:Arial,sans-serif;box-sizing:border-box}
.payroll-slip-head{display:flex;justify-content:space-between;gap:30px;border-bottom:3px solid #172c55;padding-bottom:22px;margin-bottom:28px}.payroll-slip-head h2{font-size:24px;margin:0 0 8px}.payroll-slip-head h1{font-size:28px;margin:0 0 8px;text-align:right}.payroll-slip-head p{margin:3px 0;color:#596579}.payroll-slip-head>div:last-child p{text-align:right}
.payroll-slip-employee{display:grid;grid-template-columns:2fr 1fr 1.2fr;border:1px solid #dfe5ef;border-radius:10px;margin-bottom:24px}.payroll-slip-employee>div{padding:16px;border-right:1px solid #dfe5ef}.payroll-slip-employee>div:last-child{border-right:0}.payroll-slip-employee span{display:block;color:#718096;font-size:12px;text-transform:uppercase;margin-bottom:6px}.payroll-slip-employee strong{font-size:15px}
.payroll-slip-table{width:100%;border-collapse:collapse;font-size:15px}.payroll-slip-table td{padding:14px 16px;border-bottom:1px solid #e4e8ef}.payroll-slip-table td:last-child{text-align:right;font-weight:700}.payroll-slip-total td{font-size:20px;font-weight:800;border-top:2px solid #172c55;border-bottom:2px solid #172c55;padding-top:18px;padding-bottom:18px}.payroll-slip-note{margin-top:22px;padding:15px;background:#f7f9fc;border-radius:8px}.payroll-slip-sign{display:grid;grid-template-columns:1fr 1fr;text-align:center;margin-top:70px}.payroll-slip-sign strong,.payroll-slip-sign span{display:block}.payroll-slip-sign span{font-size:12px;color:#667085;margin-top:6px}

.payment-method-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.15;white-space:nowrap}
.payment-method-badge.cash{background:#e8f7ee;color:#118447}
.payment-method-badge.bank{background:#e8f1ff;color:#2563d9}

.global-search-wrap{position:relative;flex:1;max-width:460px;margin:0 18px}
.global-search-wrap input{width:100%;border:1px solid #dce3ef;border-radius:12px;padding:11px 14px;background:#fff}
.global-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1200;background:#fff;border:1px solid #dde4ef;border-radius:14px;box-shadow:0 16px 40px rgba(16,24,40,.16);max-height:460px;overflow:auto;padding:6px}
.global-search-results button{width:100%;display:grid;grid-template-columns:82px 1fr;gap:2px 10px;text-align:left;border:0;background:#fff;padding:10px;border-radius:9px;cursor:pointer}
.global-search-results button:hover{background:#f4f7ff}
.global-search-results .global-search-type{grid-row:1/3;font-size:11px;font-weight:800;color:#315efb;text-transform:uppercase;padding-top:2px}
.global-search-results strong{font-size:13px}.global-search-results small{color:#7b8497}
.global-search-empty{padding:14px;color:#7b8497;text-align:center}
.tools-panel{display:none}.tools-panel.active{display:block}
.data-check-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e1e6ef;border-radius:12px;padding:12px 14px;background:#fff}
.data-check-card p{margin:4px 0 0;color:#707b90;font-size:13px}
#page-tools .panel{padding:22px}
@media(max-width:900px){
  .topbar{flex-wrap:wrap}
  .global-search-wrap{order:3;max-width:none;width:100%;margin:8px 0 0}
}

/* V106 - form partial payments */
.form-payment-status-wrap{display:flex;flex-direction:column;gap:7px;justify-content:flex-end}
.form-payment-status-wrap .form-paid-badge{width:max-content;margin:0}
.form-payment-tracker{margin:14px 0;padding:14px;border:1px solid #e3e8f1;border-radius:14px;background:#fafbfe}
.form-payment-entry{align-items:end}.form-payment-add-wrap{display:flex;align-items:end;height:100%}.form-payment-add-wrap .btn{width:100%;margin-bottom:1px}
.form-payment-list{display:grid;gap:7px;margin-top:10px}.form-payment-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;padding:9px 11px;background:#fff;border:1px solid #e5e9f2;border-radius:10px}.form-payment-row .amount{font-weight:800}.form-payment-summary{display:flex;justify-content:flex-end;gap:22px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid #e2e7ef}.form-payment-summary strong{font-size:16px}.form-payment-summary #form-remaining-debt{color:#d92d20}.form-debt-red{color:#d92d20!important;font-weight:800}.form-paid-badge.partial{background:#fff7e6;color:#b25e00;border:1px solid #f3d39c}@media(max-width:760px){.form-payment-row{grid-template-columns:1fr 1fr auto}.form-payment-summary{justify-content:flex-start}}

/* V113 - hide native number steppers on Form, Sales orders and Purchase orders only */
#business-form-modal input[type="number"]::-webkit-outer-spin-button,
#business-form-modal input[type="number"]::-webkit-inner-spin-button,
#sale-modal input[type="number"]::-webkit-outer-spin-button,
#sale-modal input[type="number"]::-webkit-inner-spin-button,
#purchase-modal input[type="number"]::-webkit-outer-spin-button,
#purchase-modal input[type="number"]::-webkit-inner-spin-button,
#sale-lines input[type="number"]::-webkit-outer-spin-button,
#sale-lines input[type="number"]::-webkit-inner-spin-button,
#purchase-lines input[type="number"]::-webkit-outer-spin-button,
#purchase-lines input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#business-form-modal input[type="number"],
#sale-modal input[type="number"],
#purchase-modal input[type="number"],
#sale-lines input[type="number"],
#purchase-lines input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

/* V127 - disable all native number increment/decrement controls globally */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
input[type="number"] {
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}