/* Blissberries ERP | v1.2 — cohesive, minimal cream & cocoa design system */
:root{
  color-scheme:light;
  --bg:#f8f5ef; --surface:#fffdf9; --surface-2:#f3ece3;
  --sidebar:#f3ede4; --text:#342720; --muted:#80766f;
  --brown:#684635; --brown-dark:#4b3025; --brown-soft:#eee0d2;
  --border:#e6ded4; --border-light:#eee8df;
  --green:#317457; --red:#a7433d; --amber:#936c30;
  --shadow:0 3px 18px rgba(67,45,27,.035);
  --radius:13px; --sidebar-width:254px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c7a58c;outline-offset:2px}
.ui-icon{display:inline-block;width:18px;height:18px;flex:none;vertical-align:middle}
.app-shell,.app{min-height:100vh}.sidebar-backdrop{display:none}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:30}
.brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:103px;padding:24px 22px 16px;text-decoration:none}
.brand-logo{display:block;max-width:185px;width:100%;max-height:51px;height:auto;object-fit:contain;object-position:left center}
.brand-fallback{font-family:Georgia,serif;font-size:20px;font-weight:700;letter-spacing:.09em;color:var(--brown-dark)}
.brand-caption{font-size:9px;letter-spacing:.21em;font-weight:750;color:#99897a;margin-top:7px}
.create-btn{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;background:var(--brown);color:white;text-decoration:none;font-weight:650;padding:12px 14px;margin:0 16px 18px;transition:background .15s}
.create-btn:hover{background:var(--brown-dark)}.create-btn .ui-icon{width:17px;height:17px}
.sidebar-scroll{padding:0 10px 12px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#d4c6b8 transparent}
.nav-label{font-size:10px;letter-spacing:.15em;font-weight:740;color:#998779;padding:12px 15px 6px}
.nav-primary,.nav-nested{display:flex;flex-direction:column;gap:2px}
.nav-link,.nav-details summary{display:flex;align-items:center;gap:12px;text-decoration:none;border-radius:9px;padding:10px 13px;color:#66564a;min-height:42px;font-weight:540;cursor:pointer}
.nav-link .ui-icon,.nav-details summary .ui-icon{color:#947e6c;width:18px;height:18px}
.nav-link:hover,.nav-details summary:hover{background:#eae0d5;color:var(--brown-dark)}
.nav-link.active{background:#e8dacc;color:var(--brown-dark);font-weight:700}
.nav-link.active .ui-icon{color:var(--brown)}
.nav-details{margin-bottom:2px}.nav-details summary{list-style:none}.nav-details summary::-webkit-details-marker{display:none}.nav-details summary>span:nth-child(2){flex:1}.details-chevron{color:#a39184;font-size:18px;transition:transform .15s}.nav-details[open] .details-chevron{transform:rotate(180deg)}
.nav-nested{padding:3px 0 7px 17px}.nav-nested .nav-link{min-height:37px;padding-top:8px;padding-bottom:8px;font-size:13px}
.sidebar-footer{border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:15px 14px;min-height:77px}
.user-avatar{width:35px;height:35px;display:grid;place-items:center;background:#e0cbb5;border-radius:10px;font-weight:750;color:#583928;flex:none}
.sidebar-user{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sidebar-user small{font-size:11px;color:var(--muted)}
.logout-btn{display:grid;place-items:center;padding:8px;color:var(--muted);border-radius:8px}.logout-btn:hover{background:var(--brown-soft);color:var(--brown-dark)}
.main{margin-left:var(--sidebar-width);min-width:0;min-height:100vh}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px;padding:16px 32px;background:rgba(255,253,249,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}
.topbar-left,.topbar-actions{display:flex;align-items:center;gap:15px;min-width:0}.topbar-actions{justify-content:flex-end}.page-heading{min-width:0}
.page-path{font-size:10px;letter-spacing:.15em;color:#a18e7d;font-weight:720;margin-bottom:3px}.page-path span{color:#cabaae;padding:0 4px}.page-title{font-size:22px;letter-spacing:-.035em;font-weight:690;line-height:1.25;margin:0}
.branch-switch select{background:var(--surface);border:1px solid var(--border);border-radius:9px;height:39px;min-width:145px;max-width:210px;padding:0 28px 0 11px;color:var(--text);font-size:12px}
.menu-toggle{display:none;border:1px solid var(--border);background:white;border-radius:9px;padding:8px;color:var(--brown)}
.content{max-width:1600px;padding:26px 32px 70px;margin:0 auto}
.muted{color:var(--muted)}.right{text-align:right}.nowrap{white-space:nowrap}
.grid{display:grid;gap:18px;min-width:0}.cards{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 20px}.split{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}
.card{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.card.stat{display:block;text-decoration:none;color:inherit;min-height:112px;padding:20px 22px}.stat.good,.stat.bad,.stat.blue{background:var(--surface)}
.stat .label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;margin-bottom:9px}.stat .value{font-size:25px;font-weight:750;letter-spacing:-.045em;line-height:1.18;overflow-wrap:anywhere}
.stat.good .value{color:var(--green)}.stat.bad .value{color:var(--red)}
.section-title{font-size:15px;font-weight:720;letter-spacing:-.02em;margin:0 0 15px;color:var(--text)}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.toolbar .section-title{margin-bottom:0}
.toolbar form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:8px 13px;border:1px solid #dfd4c8;border-radius:9px;background:var(--surface);color:var(--brown-dark);text-decoration:none;line-height:1.3;font-size:12px;font-weight:670;white-space:normal;cursor:pointer;transition:background .15s,border .15s}
.btn:hover{background:#f4ebe1;border-color:#c5a98f}.btn.primary,.btn.gold{background:var(--brown);color:#fff;border-color:var(--brown)}.btn.primary:hover,.btn.gold:hover{background:var(--brown-dark)}.btn.danger{color:var(--red);background:#fff5f3;border-color:#ebc5bf}.btn .ui-icon{width:16px;height:16px}
.table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.table,.print-table{width:100%;border-collapse:collapse;min-width:550px}.table th,.table td{padding:12px 11px;border-bottom:1px solid var(--border-light);text-align:left;vertical-align:middle}
.table thead th{font-size:10px;letter-spacing:.085em;text-transform:uppercase;font-weight:730;color:#87786b;background:#f8f3ed;white-space:nowrap}
.table tbody tr:hover{background:#faf5ed}.table tbody tr:last-child td{border-bottom:none}.table td{font-size:12.5px}.table td b{font-weight:700}
.badge{display:inline-flex;align-items:center;border-radius:6px;padding:4px 8px;font-weight:700;font-size:10px;white-space:nowrap}.badge.paid{background:#e8f4ec;color:#2c6c4b}.badge.unpaid{background:#fbece9;color:#a3443e}.badge.part{background:#f8eddb;color:#936929}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.form-grid.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field{min-width:0}
.field label{display:block;font-size:11px;line-height:1.4;color:#76675b;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea,.toolbar input,.toolbar select,.report-filter input,.report-filter select{display:block;width:100%;min-width:0;min-height:41px;background:#fffefd;border:1px solid #dcd1c5;border-radius:8px;padding:9px 10px;color:var(--text);outline:none}
.field textarea{resize:vertical;min-height:72px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a58268;box-shadow:0 0 0 3px rgba(165,130,98,.13)}
.field.span2{grid-column:span 2}.field.span3{grid-column:1/-1}
.notice{padding:12px 15px;border:1px solid var(--border);border-radius:10px;margin:0 0 18px}.notice.success{background:#eef7f0;color:#276549;border-color:#c7e2d1}.notice.error{background:#fff2f0;color:#9e3d35;border-color:#f0cbc4}
.line-table{min-width:860px}.line-table input,.line-table select{min-width:78px;max-width:100%;background:#fff;border:1px solid #ded3c7;border-radius:7px;padding:8px 9px;font-size:12px}
.line-table .desc{min-width:170px}.line-table .itemSelect{min-width:150px}.line-table .qty{min-width:65px;width:75px}.line-table .rate,.line-table .disc,.line-table .gst{width:85px}.line-table .hsn{width:105px}
.totals{width:min(355px,100%);margin-left:auto;margin-top:6px}.totals .row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:8px 0}.totals .grand{border-top:1px solid var(--border);padding-top:14px;margin-top:5px;font-weight:720;font-size:18px}.totals .row input{min-height:38px}
.section-card{margin-bottom:18px}.section-card .toolbar{margin-bottom:15px}.section-card>.form-grid{margin-top:4px}
.billing-bottom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;margin-top:18px;align-items:start}.billing-bottom .compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-bottom .totals{margin-top:0}
.form-section-grid{grid-template-columns:1fr 1.25fr;margin-bottom:0}.form-section-grid>.card{height:100%}
.linked-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--border);border-radius:9px;background:#f8f4ef;padding:12px 14px}.linked-banner .muted{font-size:11px;margin-top:3px}.linked-banner.auto-billing-banner{border-color:#eadfce}
.assign-row{display:flex;gap:8px;margin:5px 0}.assign-row select{flex:1;min-width:0}.sticky-save{display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;z-index:9;bottom:12px;padding:14px 16px;background:#fffdfaf2;backdrop-filter:blur(12px);border:1px solid #ddcebe;border-radius:12px;box-shadow:0 8px 26px #46311d14;margin:18px 0}.sticky-save>div:last-child{display:flex;gap:8px}.sticky-save .muted{font-size:12px}
.flow-steps{display:none} /* removes repeated decorative process diagram, not any functionality */
.optional-panel{margin:18px 0 0;border:1px solid var(--border);border-radius:10px;background:#fdfaf6}.optional-panel>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-weight:700;color:var(--brown);padding:13px 15px;font-size:12px}.optional-panel>summary::-webkit-details-marker{display:none}.optional-panel>summary:after{content:'+';font-size:18px;font-weight:500}.optional-panel[open]>summary:after{content:'−'}.optional-panel[open]>summary{border-bottom:1px solid var(--border)}.optional-inner{padding:18px}
.dash-welcome{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.dash-welcome .headline{font-family:Georgia,serif;letter-spacing:-.035em;font-size:23px;line-height:1.25;font-weight:600;margin:0 0 4px}.dash-welcome .muted{font-size:12px;margin:0}
.dash-panels{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr)}.dash-panels>.card{min-width:0}.dash-pending-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-bottom:1px solid var(--border-light);padding:12px 0}.dash-pending-row:last-child{border-bottom:0}.dash-pending-row a{font-weight:700;text-decoration:none;color:var(--brown-dark)}.dash-pending-row small{display:block;color:var(--muted);margin-top:4px}.dash-extra{margin-top:20px}.dash-extra>summary{cursor:pointer;padding:14px;color:var(--brown);font-weight:680;font-size:12px}.dash-extra-content{margin-top:12px}.mini-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-stats .card{padding:14px}.mini-stats .value{font-size:21px}
.chart{height:185px;display:flex;align-items:flex-end;gap:13px;padding:8px 7px 25px;border-bottom:1px solid var(--border);margin:0 4px 8px}.bar{flex:1;position:relative;background:#bf9778;border-radius:5px 5px 0 0;min-width:15px}.bar span{position:absolute;top:calc(100% + 7px);left:0;width:100%;text-align:center;font-size:10px;color:var(--muted)}
.kpi-small{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kpi-small>div{border:1px solid var(--border);border-radius:10px;padding:12px}
.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.report-group{padding:0;overflow:hidden}.report-group .section-title{margin:0;padding:15px 18px;border-bottom:1px solid var(--border);background:#faf5ef}.report-links{display:flex;flex-direction:column}.report-links a{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border-light);text-decoration:none;font-size:13px}.report-links a:hover{background:#faf5ee}.report-links a:last-child{border-bottom:none}.report-filter,.report-filter-fields{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.report-filter label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}.report-filter input,.report-filter select{min-width:130px;width:auto}
.invoice-paper{max-width:930px;margin:24px auto;background:white;border:1px solid #e4dfd9;border-radius:3px;padding:36px}.invoice-head{display:flex;justify-content:space-between;gap:18px}.invoice-brand h1{margin:0;font-size:24px}.invoice-meta{min-width:260px}.invoice-meta td{padding:4px 0 4px 12px}.invoice-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.invoice-summary .box{padding:16px;border:1px solid var(--border);border-radius:8px}.print-table th,.print-table td{border:1px solid #e5e0dc;padding:8px}.print-table th{background:#faf5f0}.no-print{display:block}
.login-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:#f4eee4;background-image:radial-gradient(circle at 10% 0%,#e9dccd 0,transparent 31%)}
.login-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--border);padding:38px;border-radius:15px;box-shadow:0 18px 55px rgba(79,56,34,.09)}
.login-logo{text-align:center;font:700 22px Georgia,serif;color:var(--brown-dark);letter-spacing:.04em}.login-brand-img{display:block;max-height:64px;max-width:205px;width:100%;object-fit:contain;margin:0 auto 12px}.login-sub{text-align:center;color:var(--muted);margin:6px 0 26px;font-size:12px}.login-card .btn{min-height:43px}.footer-note{font-size:11px;color:var(--muted);text-align:center;margin-top:23px}
@media(max-width:1250px){.content{padding:22px 24px 65px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-section-grid{grid-template-columns:1fr}.dash-panels{grid-template-columns:1fr}.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.sidebar{transform:translateX(-101%);transition:transform .22s ease;box-shadow:20px 0 40px #261b1423}.nav-open .sidebar{transform:translateX(0)}.nav-open{overflow:hidden}.sidebar-backdrop{position:fixed;inset:0;background:#2a1c1466;z-index:29;opacity:0;pointer-events:none;display:block;transition:opacity .22s}.nav-open .sidebar-backdrop{opacity:1;pointer-events:auto}.main{margin-left:0}.menu-toggle{display:inline-grid;place-items:center}.topbar{padding:14px 20px;min-height:72px}.content{padding:20px 20px 62px}}
@media(max-width:700px){.cards,.report-grid,.mini-stats{grid-template-columns:1fr 1fr;gap:10px}.grid.split,.dash-panels{grid-template-columns:1fr}.topbar{gap:10px;padding:13px 14px}.page-title{font-size:18px}.page-path{font-size:9px}.topbar-new{display:none}.branch-switch select{max-width:127px;min-width:110px;font-size:11px}.content{padding:14px 12px 64px}.card{padding:16px}.card.stat{padding:15px;min-height:97px}.stat .value{font-size:21px}.stat .label{font-size:10px}.form-grid,.form-grid.compact-grid,.billing-bottom{grid-template-columns:1fr 1fr;gap:12px}.field.span3{grid-column:1/-1}.form-section-grid{grid-template-columns:1fr}.dash-welcome{align-items:flex-start}.dash-welcome .headline{font-size:21px}.line-table{min-width:850px}.sticky-save .muted{display:none}}
@media(max-width:480px){.form-grid,.form-grid.compact-grid,.billing-bottom,.billing-bottom .compact-grid{grid-template-columns:1fr}.field.span2,.field.span3{grid-column:auto}.cards,.mini-stats{grid-template-columns:1fr 1fr}.dash-welcome .muted{max-width:230px}.login-card{padding:25px}.sticky-save{padding:12px}.sticky-save>div:last-child{flex:1;justify-content:flex-end}.sticky-save .btn{padding:8px 10px}}
@media print{body{background:white!important}.sidebar,.sidebar-backdrop,.topbar,.create-btn,.no-print,.report-filter,.sticky-save{display:none!important}.main{margin:0;width:100%;min-height:0}.content{padding:0}.card{box-shadow:none;border:0}.invoice-paper{border:0;margin:0;padding:0;max-width:none;border-radius:0}.table{font-size:10px}}

/* Reliable logo fallback when the reference SVG cannot be fetched */
.logo-holder,.login-logo-holder{display:flex;align-items:center;justify-content:flex-start;position:relative;width:190px;min-height:48px}
.logo-holder .brand-logo,.login-logo-holder .login-brand-img{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:contain;object-position:left center}
.logo-holder .brand-fallback{color:#53392a;font:700 20px/1.2 Georgia,serif;letter-spacing:.055em}
.login-logo-holder{margin:0 auto 10px;justify-content:center;width:210px;min-height:56px}.login-logo-holder .login-brand-img{object-position:center}.login-fallback{color:#53392a;font:700 23px/1.2 Georgia,serif;letter-spacing:.07em}
/* Order details */
.billing-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-light);font-size:12px}.billing-row.balance{font-size:15px;font-weight:750;color:var(--brown-dark);border-top:1px solid var(--border);margin-top:7px}.billing-invoice-no{font-size:16px;font-weight:750;color:var(--brown-dark)}
.detail-list>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--border-light);font-size:12px}.detail-list>div span{color:var(--muted)}.detail-list>div b{text-align:right;font-weight:650}
.workflow-line{display:flex;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--border-light);font-size:12px}.workflow-line p{margin:4px 0}.workflow-dot{width:9px;height:9px;border-radius:50%;background:var(--brown);margin-top:7px;flex:none}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#9a806b;font-size:10px;font-weight:700}
.order-view-grid>div{min-width:0}.order-view-toolbar h2{font-size:19px;font-weight:750;letter-spacing:-.03em}
/* Dashboard summary table should fit narrow cards without hiding amounts */
.dash-panels .table{min-width:0;table-layout:auto}
.dash-panels .table th,.dash-panels .table td{white-space:normal;padding:11px 7px}
.dash-panels .table th:last-child,.dash-panels .table td:last-child{text-align:right;white-space:nowrap}
@media(max-width:460px){.dash-panels .table th,.dash-panels .table td{font-size:11px}.dash-panels .table th:first-child,.dash-panels .table td:first-child{width:43%}}

/* ERP v1.3: customer balance, quick item creation and management screens */
.payment-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 4px}
.payment-breakdown>div{display:flex;flex-direction:column;gap:6px;padding:13px 15px;background:#f9f3e9;border:1px solid #e9dbc9;border-radius:10px;min-width:0}
.payment-breakdown span{font-size:11px;color:#756353;font-weight:650}
.payment-breakdown strong{font-weight:800;font-size:21px;color:#4b3024;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.payment-breakdown .payment-balance{background:#ede0cf;border-color:#d8bfa4}
.payment-breakdown .payment-balance strong{font-size:24px;color:#593623}
.payment-summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.pay-summary-tile{padding:18px;background:#fffdf8;border:1px solid #e6d8c6;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-width:0}
.pay-summary-tile span{font-size:11px;color:#746250;font-weight:700}
.pay-summary-tile strong{font-size:clamp(20px,2vw,27px);font-weight:800;line-height:1.2;color:#4b3024;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.pay-summary-tile.is-balance{background:#f3e7d8;border-color:#d7bca0}
.billing-card .billing-row{font-size:13px}.billing-card .billing-row.balance{font-size:17px;background:#f7eadb;padding:15px 12px;border-radius:8px}
.billing-row>*{min-width:0}.billing-row>b{font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
.billing-row .receipt-inline{min-height:30px;padding:4px 9px;font-size:11px;white-space:nowrap}
.modal-backdrop:not([hidden]){position:fixed;z-index:150;inset:0;background:rgba(45,29,18,.55);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}
.modal-open{overflow:hidden}
.catalog-dialog{background:#fffaf4;width:min(640px,100%);max-height:calc(100vh - 32px);overflow-y:auto;border:1px solid #dbc5ae;border-radius:15px;box-shadow:0 26px 72px #1b0e073b;padding:24px}
.catalog-dialog .form-grid{margin-top:16px}.catalog-dialog .toolbar{margin-bottom:10px}.catalog-dialog .section-title{font-size:18px}
.admin-list{display:grid;gap:12px}.admin-edit-row{padding:15px;border-radius:10px;border:1px solid #e8dac9;background:#fffefa}
.admin-edit-row h3{margin:0 0 12px;font-size:14px}.admin-header-line{display:flex;align-items:center;justify-content:space-between;gap:12px}
@media(max-width:700px){.payment-summary-cards{grid-template-columns:1fr 1fr}.payment-summary-cards .is-balance{grid-column:1/-1}.pay-summary-tile strong{font-size:22px}.payment-breakdown strong{font-size:19px}.catalog-dialog{padding:18px}}
@media(max-width:410px){.payment-breakdown{grid-template-columns:1fr}.payment-summary-cards{grid-template-columns:1fr}.payment-summary-cards .is-balance{grid-column:auto}}

/* BLISSBERRIES ERP V1.4: responsive summary, permissions, professional printing */
.bb-permissions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:20px}.bb-permission{display:flex;align-items:center;gap:11px;padding:14px 13px;border:1px solid #e5d9cb;background:#fffaf5;border-radius:11px;cursor:pointer}.bb-permission input{width:18px;height:18px;flex:none;accent-color:#795439}.bb-permission span{min-width:0}.bb-permission strong{display:block;font-size:13px;color:#503826}.bb-permission small{display:block;color:#9a8470;font-size:10px;margin-top:3px;word-break:break-word}.mini-inline-link{display:block;font-size:12px;margin-top:6px;color:#866041}.sm-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.sm-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:18px;background:#fff;border:1px solid #e6dccc;border-radius:14px;padding:17px}.sm-filters .field{min-width:155px}.sm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.sm-metric{background:#fff;border:1px solid #e9dfd2;box-shadow:0 5px 18px #75543a0b;padding:19px;border-radius:13px;min-width:0}.sm-metric small{display:block;color:#756b62;font-size:12px;font-weight:700}.sm-metric strong{display:block;color:#573925;font:700 clamp(20px,2.3vw,29px) Georgia,serif;margin:12px 0 6px;overflow-wrap:anywhere}.sm-metric span{font-size:11px;color:#9b8b7a}.sm-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:16px 0}.sm-two>.card{min-width:0}.invoice-paper{background:#fff!important;border:1px solid #e1d4c5!important;border-radius:6px!important;box-shadow:0 15px 45px #61432b16!important}.invoice-paper .invoice-head{border-bottom:2px solid #795439;padding-bottom:21px}.invoice-paper .invoice-meta h2{color:#573b28;letter-spacing:.02em;font-family:Georgia,serif}.invoice-paper .invoice-summary{background:#fcf8f3;border-radius:9px}.invoice-paper .print-table thead th{background:#eee4d8!important;color:#513922!important}.invoice-paper .print-table td{border-bottom:1px solid #e9e0d5}.invoice-paper .totals .grand{background:#ede1d3!important;color:#4b3222!important}.invoice-balance-due{background:#f9f0e6!important;font-weight:800;color:#603b22}.track-shell .btn{min-height:42px}@media(max-width:1120px){.sm-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-permissions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:730px){.sm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-two{grid-template-columns:1fr}.sm-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sm-filters .field{min-width:0}}@media(max-width:460px){.sm-kpis,.sm-filters,.bb-permissions-grid{grid-template-columns:1fr}.sm-heading{align-items:start;flex-direction:column}}@media print{.sm-filters,.sm-heading button,.sidebar,.topbar{display:none!important}.sm-kpis{grid-template-columns:repeat(4,1fr)}.sm-metric{box-shadow:none;break-inside:avoid}.invoice-paper{box-shadow:none!important;border:none!important}.sm-two,.card{break-inside:avoid}}

/* v1.5 · standardised responsive ERP / CRM layout */
html,body,.app-shell,.main,.content{max-width:100%;overflow-wrap:break-word}
.content{min-width:0}
.sm-report-label{margin:23px 0 12px;font-weight:760;font-size:11px;letter-spacing:.13em;color:#826752;display:flex;align-items:center;gap:10px}
.sm-report-heading{margin-bottom:18px}.sm-header-actions{display:flex;gap:8px;flex-wrap:wrap}
.summary-note{max-width:1080px;font-size:11px;line-height:1.65;margin-top:24px}
.crm-page-head{margin-bottom:19px}.crm-filters{display:grid;grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) minmax(120px,1fr) auto auto;gap:10px;margin-bottom:16px;align-items:center}
.crm-filters input,.crm-filters select{min-width:0;width:100%;height:40px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}
.crm-list-head,.crm-list-row{display:grid;grid-template-columns:minmax(100px,1.5fr) minmax(120px,1.7fr) minmax(75px,.75fr) minmax(85px,.85fr) minmax(92px,.85fr) minmax(88px,.9fr) auto;align-items:center;gap:12px;padding:13px 12px}
.crm-list-head{background:#f7efe6;color:#847163;font-size:10px;font-weight:800;letter-spacing:.065em;text-transform:uppercase;border-radius:8px}
.crm-list-row{font-size:12px;border-bottom:1px solid var(--border-light)}.crm-list-row:last-child{border-bottom:0}
.crm-list-row b{color:var(--brown-dark)}.crm-list-row small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.crm-detail{max-width:1100px}.crm-activity-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:12px;background:#f9f5f0;border:1px solid var(--border);border-radius:10px;margin-bottom:17px}
.crm-activity-form .field{min-width:150px;flex:0 1 185px}.crm-activity-form .field.crm-grow{flex:1 1 320px}
.crm-activity-form .field input,.crm-activity-form .field select{width:100%}
.crm-activity{padding:14px 0;border-bottom:1px solid var(--border-light);font-size:12px}
.crm-activity>span{display:inline;margin-left:9px;font-size:11px}.crm-activity p{margin:5px 0 0;white-space:normal}
/* tabs wrap naturally; no forced sideways scrolling */
.tabs,.tab-bar,.tab-list,.report-tabs,.filter-tabs,.brand-tabs,.branch-tabs,.nav-tabs{display:flex!important;flex-wrap:wrap!important;gap:7px!important;max-width:100%;overflow-x:visible!important;white-space:normal!important}
.tabs>a,.tab-bar>a,.tab-list>a,.report-tabs>a,.filter-tabs>a,.nav-tabs>a{min-width:0;white-space:normal}
.table,.table td{overflow-wrap:anywhere}
@media(max-width:1100px){
  .crm-list-head{display:none}
  .crm-list-row{grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:10px;background:#fffdf9;margin-bottom:10px}
  .crm-list-row>div:first-child,.crm-list-row>div:nth-child(2){grid-column:span 1}
  .crm-list-row>div:last-child{justify-self:end}
}
@media(max-width:820px){
  .table-wrap{overflow-x:visible!important}
  .table-wrap>.table{width:100%!important;min-width:0!important;display:block}
  .table-wrap>.table thead{display:none}
  .table-wrap>.table tbody{display:block}
  .table-wrap>.table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:10px}
  .table-wrap>.table tbody td{display:block;min-width:0!important;width:auto!important;max-width:none!important;white-space:normal!important;padding:0!important;border:0!important;text-align:left!important;font-size:12px}
  .table-wrap>.table tbody td::before{content:attr(data-label);display:block;color:#917d6c;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:3px}
  .table-wrap>.table tbody td[colspan]{grid-column:1/-1}
  .table-wrap>.table input,.table-wrap>.table select,.table-wrap>.table textarea{width:100%!important;min-width:0!important;max-width:none!important}
  .crm-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:590px){
  .crm-list-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .crm-list-row>div:first-child,.crm-list-row>div:nth-child(2){grid-column:1/-1}
  .crm-list-row>div:last-child{justify-self:start}
  .sm-report-heading{align-items:flex-start}
  .sm-report-label{font-size:10px}
  .topbar{align-items:flex-start;gap:8px;min-height:72px}
  .topbar-actions{flex:0 0 auto}
  .branch-switch select{min-width:100px;max-width:145px;font-size:11px;height:36px}
  .table-wrap>.table tbody tr{grid-template-columns:1fr}
  .crm-filters{grid-template-columns:1fr 1fr}
}
@media print{.crm-filters,.crm-activity-form,.crm-page-head .btn,.sm-header-actions,.topbar-actions{display:none!important}.crm-list-row,.table-wrap>.table tbody tr{break-inside:avoid}}


/* v1.9 · cross-page alignment and condensed professional reports */
.report-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:21px;flex-wrap:wrap}
.report-intro h2{font-size:22px;letter-spacing:-.035em;line-height:1.22;margin:5px 0 5px}
.report-intro p{margin:0;color:var(--muted);font-size:12px}
.report-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--brown);font-weight:750}
.report-scope{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--surface-2);border-radius:100px;color:var(--brown-dark);padding:7px 12px;font-size:11px;font-weight:700;white-space:normal}
.report-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.report-results{margin-top:16px}
.report-results .table-wrap{max-width:100%}
.report-group .section-title{padding:16px 17px;margin:0}
.report-links a{gap:10px;min-height:42px;padding:10px 17px}
.report-links a span{color:#b1967e}
.report-filter{justify-content:space-between}
.report-filter-fields{flex:1 1 340px}
.report-filter input{width:155px;min-width:0;max-width:100%}
.report-filter select{width:180px;min-width:0;max-width:100%}
.report-filter label{min-width:0}
.report-results .table td{max-width:310px;overflow-wrap:anywhere}
.card,.sm-metric,.pay-summary-tile{min-width:0}
.grid>*{min-width:0}
.btn{max-width:100%;text-align:center}
@media(max-width:1150px){.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .report-grid{grid-template-columns:1fr}
  .report-intro h2{font-size:19px}
  .report-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .report-filter label{width:100%}
  .report-filter input,.report-filter select{width:100%}
  .report-actions{width:100%}
  .report-actions .btn{flex:1 1 auto}
  .topbar-actions{min-width:0}
  .topbar-left{flex:1 1 auto;min-width:0}
  .page-title{overflow-wrap:anywhere}
}
@media(max-width:390px){
  .report-filter-fields{grid-template-columns:1fr}
  .topbar{padding:12px 10px}
  .branch-switch select{max-width:112px;min-width:0;font-size:10px;padding-right:16px}
}
@media print{
  .report-intro,.report-actions,.report-filter{display:none!important}
  .report-results{padding:0;border:0;box-shadow:none}
  .report-results .table-wrap{overflow:visible!important}
  .report-results .table{display:table!important;min-width:0;width:100%}
  .report-results .table thead{display:table-header-group!important}
  .report-results .table tbody{display:table-row-group!important}
  .report-results .table tr{display:table-row!important}
  .report-results .table td{display:table-cell!important;padding:6px!important;border-bottom:1px solid #e5e5e5!important}
  .report-results .table td::before{display:none!important}
}

.report-group>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:53px;padding:15px 18px;cursor:pointer;list-style:none;background:#faf5ef;font-size:14px;font-weight:730;color:var(--text)}
.report-group>summary::-webkit-details-marker{display:none}
.report-group[open]>summary{border-bottom:1px solid var(--border)}
.report-count{font-size:11px;color:#978575;font-weight:600;white-space:nowrap}
.report-group>summary:focus-visible{outline:2px solid #a58268;outline-offset:-2px}
.report-grid{align-items:start}
@media print{.report-group:not([open]){display:none!important}}
/* On compact laptops and tablets use readable labelled report rows instead of
   squeezing 9–12 columns into an off-screen horizontal table. */
@media (min-width:821px) and (max-width:1100px){
  .report-results .table-wrap{overflow-x:visible!important}
  .report-results .table-wrap>.table{display:block;width:100%;min-width:0!important}
  .report-results .table thead{display:none}
  .report-results .table tbody{display:block}
  .report-results .table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:14px;margin-bottom:10px;border:1px solid var(--border);border-radius:10px}
  .report-results .table tbody td{display:block;width:auto;min-width:0!important;max-width:none;white-space:normal;padding:0;border:0;text-align:left;overflow-wrap:anywhere}
  .report-results .table tbody td::before{content:attr(data-label);display:block;color:#917d6c;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:3px}
  .report-results .table tbody td[colspan]{grid-column:1/-1}
}

/* v2.0 — GST Sales register and editable branch-wise catalogue */
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.catalog-toolbar .section-title{margin-bottom:0}.catalog-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(325px,1fr);gap:18px;align-items:start}
.catalog-layout .card{min-width:0}.catalog-list .toolbar input{min-width:190px;max-width:310px;min-height:39px;padding:8px 11px;background:#fffefd;border:1px solid var(--border);border-radius:8px;color:var(--text)}
.catalogue-table{min-width:0}.catalogue-table td,.catalogue-table th{font-size:12px;vertical-align:middle}.catalogue-table td:first-child{min-width:150px;overflow-wrap:anywhere}
.catalogue-table tr[hidden]{display:none}.catalog-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-fields .span2{grid-column:1/-1}
.catalog-stock{margin:18px 0 0;padding:13px 14px;border:1px solid var(--border);border-radius:10px;min-width:0}
.catalog-stock legend{font-size:12px;color:var(--brown-dark);font-weight:700;padding:0 6px}.stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.stock-grid .field{min-width:0}.catalog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.gst-reg-top{display:flex;align-items:center;gap:15px;margin-bottom:16px;flex-wrap:wrap}.gst-reg-top h2{margin:0;font-size:20px;line-height:1.25;color:var(--text)}.gst-reg-top p{margin:3px 0 0;font-size:12px}
.gst-filter{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:15px;padding:15px}
.gst-filter label{font-size:11px;color:var(--muted);font-weight:700;min-width:135px;flex:0 1 185px}
.gst-filter select,.gst-filter input{display:block;width:100%;height:38px;padding:7px 9px;border:1px solid #dcd1c5;border-radius:8px;background:white;margin-top:5px;color:var(--text)}
.gst-filter-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.gst-totals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.gst-totals .card{padding:13px 15px;min-width:0;box-shadow:none}
.gst-totals span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.gst-totals strong{display:block;font-size:18px;line-height:1.25;margin-top:6px;overflow-wrap:anywhere}
.gst-data{padding:0;overflow:hidden}.gst-data-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 17px;border-bottom:1px solid var(--border)}
.gst-data-heading h3{font-size:14px;margin:0}.gst-data-heading span{font-size:11px;color:var(--muted)}
.gst-sales-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10.5px}.gst-sales-table th,.gst-sales-table td{padding:10px 7px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere;line-height:1.45}
.gst-sales-table thead th{background:#f5f0e9;color:#5d4b3c;font-size:9px;letter-spacing:.03em;font-weight:750;white-space:normal}
.gst-sales-table th:nth-child(1){width:8%}.gst-sales-table th:nth-child(2){width:9%}.gst-sales-table th:nth-child(3){width:9%}.gst-sales-table th:nth-child(4){width:11%}.gst-sales-table th:nth-child(5){width:15%}.gst-sales-table th:nth-child(6){width:8%}.gst-sales-table th:nth-child(7){width:8%}.gst-sales-table th:nth-child(8){width:8%}.gst-sales-table th:nth-child(9),.gst-sales-table th:nth-child(10),.gst-sales-table th:nth-child(11){width:7%}.gst-sales-table th:nth-child(12){width:10%}
.gst-sales-table td:nth-child(2),.gst-sales-table td:nth-child(8),.gst-sales-table td:nth-child(12){font-weight:650}
.gst-sales-table tbody tr:hover{background:#fcf7f1}.gst-sales-table tfoot th{padding:12px 7px;background:#f3ebe2;font-size:11px;overflow-wrap:anywhere}
.gst-note{font-size:11px;color:var(--muted);margin:12px 1px 22px}
@media(max-width:1190px){.catalog-layout{grid-template-columns:1fr}.gst-sales-table{font-size:10px}.gst-totals{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.gst-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.gst-filter label{flex:1 1 130px}.gst-filter-actions{margin:0;width:100%;justify-content:flex-start}.gst-data-heading{flex-direction:column;align-items:flex-start}.gst-sales-table,.gst-sales-table tbody,.gst-sales-table tr,.gst-sales-table td{display:block;width:100%}.gst-sales-table thead{display:none}.gst-sales-table tbody{padding:10px}.gst-sales-table tbody tr{padding:10px 13px;margin-bottom:10px;border:1px solid var(--border);border-radius:10px;background:#fffdf9}.gst-sales-table td{border:0;padding:5px 0;display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;align-items:start;font-size:12px}.gst-sales-table td::before{content:attr(data-label);font-size:10px;font-weight:700;color:var(--muted)}.gst-sales-table td:nth-child(5){font-weight:750}.gst-sales-table .empty-gst{display:block}.gst-sales-table .empty-gst::before{content:none}.gst-sales-table tfoot{display:block;padding:15px 18px;background:#f3ebe2}.gst-sales-table tfoot tr{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px}.gst-sales-table tfoot th{display:block;padding:4px;font-size:12px}.catalogue-table thead{display:none}.catalogue-table{display:block;width:100%}.catalogue-table tbody,.catalogue-table tr,.catalogue-table td{display:block;width:100%}.catalogue-table tr{border-bottom:1px solid var(--border);padding:11px 0}.catalogue-table td{padding:3px 0;border:0}.catalogue-table td:not(:first-child){display:inline-block;width:auto;margin-right:12px}.catalogue-table td:nth-child(2)::before{content:'SKU: ';color:var(--muted)}.catalogue-table td:nth-child(5)::before{content:'Stock: ';color:var(--muted)}.catalogue-table td:last-child{display:block}.catalogue-table tr[hidden]{display:none}}
@media(max-width:450px){.catalog-fields,.stock-grid{grid-template-columns:1fr}.catalog-toolbar{align-items:flex-start}.gst-filter .btn{flex:1}.gst-filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.gst-filter-actions .btn:last-child{grid-column:1/-1}.gst-sales-table td{grid-template-columns:95px minmax(0,1fr)}.gst-totals strong{font-size:16px}}
@media print{ @page{size:A4 landscape;margin:9mm} body{background:white;color:#111;font:10px Arial,sans-serif} .sidebar,.sidebar-backdrop,.topbar,.gst-filter,.gst-reg-top>a,.gst-filter-actions,.menu-toggle{display:none!important}.main{margin:0!important}.content{max-width:none!important;padding:0!important}.gst-reg-top{display:block!important;margin-bottom:5mm}.gst-totals{grid-template-columns:repeat(5,1fr);gap:4mm}.gst-totals .card{border:1px solid #bbb;border-radius:0;padding:2mm}.gst-totals strong{font-size:12px}.gst-data{border:0!important;box-shadow:none!important;overflow:visible!important}.gst-sales-table{display:table!important;table-layout:fixed;font-size:8px}.gst-sales-table thead{display:table-header-group!important}.gst-sales-table tbody{display:table-row-group!important;padding:0}.gst-sales-table tfoot{display:table-footer-group!important;padding:0}.gst-sales-table tr{display:table-row!important;border:0!important;margin:0!important;padding:0!important}.gst-sales-table th,.gst-sales-table td{display:table-cell!important;padding:3px 4px!important;border:1px solid #bbb!important;font-size:8px!important;background:white!important}.gst-sales-table td:before{display:none!important}.gst-data-heading{display:flex!important;flex-direction:row;align-items:center}.gst-note{font-size:8px}}
@media(max-width:760px){
 .gst-sales-table tfoot tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .gst-sales-table tfoot th{display:flex!important;flex-direction:column;min-width:0;overflow-wrap:normal;font-size:13px!important}
 .gst-sales-table tfoot th:first-child{grid-column:1/-1;border-bottom:1px solid #d8c9bc!important;padding-bottom:10px!important}
 .gst-sales-table tfoot th:nth-child(2)::before{content:'SGST'}
 .gst-sales-table tfoot th:nth-child(3)::before{content:'CGST'}
 .gst-sales-table tfoot th:nth-child(4)::before{content:'IGST'}
 .gst-sales-table tfoot th:nth-child(5)::before{content:'TOTAL AMOUNT'}
 .gst-sales-table tfoot th:not(:first-child)::before{font-size:10px;font-weight:600;color:var(--muted);margin-bottom:3px}
}

/* ERP 2.1: clear mandatory employee actions and responsive daily-entry screens */
.quick-actions{display:flex;flex-direction:column;gap:7px;margin:0 16px 10px}.quick-actions .create-btn{margin:0;min-height:43px}
.quick-actions .expense-cta{background:transparent;color:var(--brown-dark);border:1px solid #b99f89}.quick-actions .expense-cta:hover{background:#eee5d9}
.expense-page-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:16px;align-items:start}.expense-page-grid>*{min-width:0}
.expense-inline-link{font-size:12px;color:#805a40;border:0;background:transparent;padding:7px 0 2px;cursor:pointer;text-align:left}
.expense-inline-link:disabled{opacity:.45;cursor:not-allowed}.expense-category-row{display:flex;gap:7px;margin-top:9px}.expense-category-row input{flex:1;min-width:0}.expense-submit-bar{padding-top:15px;margin-top:15px;border-top:1px solid #e9e0d6;flex-wrap:wrap}
.expense-recent-list{display:flex;flex-direction:column}.expense-recent{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-bottom:1px solid #e8dfd5;padding:13px 0}.expense-recent:last-child{border-bottom:0}.expense-recent b{display:block;font-size:13px}.expense-recent small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.expense-recent strong{white-space:nowrap;font-size:14px}
.all-order-filters{display:grid;grid-template-columns:minmax(170px,2fr) minmax(135px,1fr) minmax(150px,1.1fr) auto auto;align-items:end;gap:10px;margin:14px 0 22px}.all-order-filters .btn{min-height:41px;display:inline-flex;align-items:center;justify-content:center}
.all-order-table{min-width:0}.all-order-table .table{width:100%;table-layout:fixed}.all-order-table th,.all-order-table td{font-size:11px;padding:11px 7px;overflow-wrap:anywhere;min-width:0}.all-order-table th:nth-child(1){width:11%}.all-order-table th:nth-child(2){width:10%}.all-order-table th:nth-child(3){width:13%}.all-order-table th:nth-child(4){width:13%}.all-order-table th:nth-child(5){width:12%}.all-order-table th:nth-child(6),.all-order-table th:nth-child(7),.all-order-table th:nth-child(8){width:10%}.all-order-table th:nth-child(9){width:11%}
.all-order-sub{display:block;font-size:10px;color:#867569;margin-top:4px}.all-order-table .balance-open strong{color:#9b3d2e}.all-order-table .balance-zero strong{color:#53754f}.all-order-pagination{margin-top:12px;gap:12px;flex-wrap:wrap}.pagination-actions{display:flex;gap:9px}
@media(max-width:1199px){.all-order-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.all-order-filters .field:first-child{grid-column:1/-1}.all-order-table .table,.all-order-table .table tbody,.all-order-table .table tbody tr{display:block;width:100%}.all-order-table .table thead{display:none}.all-order-table .table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.all-order-table .table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;border:1px solid #e4d9cf;border-radius:11px;padding:13px;background:#fff}.all-order-table .table tbody td{display:block;padding:0!important;border:0;white-space:normal!important;max-width:none!important}.all-order-table .table tbody td:before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;font-weight:700;color:#957d69;margin-bottom:3px}.all-order-table .table tbody td:nth-child(3),.all-order-table .table tbody td:nth-child(4),.all-order-table .table tbody td:nth-child(9){grid-column:1/-1}}
@media(max-width:850px){.expense-page-grid{grid-template-columns:1fr}.all-order-table .table tbody{grid-template-columns:1fr}}
@media(max-width:480px){.all-order-filters{grid-template-columns:1fr}.all-order-filters .field:first-child{grid-column:1}.all-order-table .table tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.quick-actions,.all-order-filters,.expense-submit-bar{display:none!important}}
@media(max-width:1199px){.all-order-table .table{min-width:0!important;width:100%!important}.all-order-table .table tbody,.all-order-table .table tbody tr{min-width:0!important;max-width:100%}.all-order-table .table tbody td{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere}.all-order-table .table tbody tr{box-sizing:border-box}}

/* v2.2 Everyday ERP layout consistency */
.report-group.reports-always-visible{display:block!important}
.reports-group-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#4d3529;font-size:14px;font-weight:750;margin-bottom:12px}
.report-group .report-links{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:7px;max-width:100%}
.report-group .report-links a{min-width:0;white-space:normal;overflow-wrap:anywhere}
.bb-period-field{display:flex;flex-direction:column;gap:6px;min-width:150px;flex:1 1 175px;max-width:240px;font-size:12px;font-weight:650;color:#695647}
.bb-period-field select{min-height:39px}
@media(max-width:720px){.bb-period-field{max-width:none;flex:1 1 100%}.report-group .report-links{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr!important}}
.payroll-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.payroll-kpis .card{padding:17px}.payroll-kpis strong{display:block;font-size:24px;color:#52372a;margin-top:6px}.payroll-kpis small{color:#826b5c}
.payroll-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:15px 0}.payroll-toolbar .field{flex:1 1 160px}
.payroll-section{margin-bottom:16px}.payroll-section h2{font-size:17px;color:#533c2c;margin:0 0 14px}
.payroll-table{width:100%;border-collapse:collapse}.payroll-table td,.payroll-table th{padding:11px;border-bottom:1px solid #e8ded2;text-align:left;vertical-align:middle}
.payroll-table th{background:#f8f2eb;color:#745947;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.payroll-inline-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.payroll-inline-form label{display:flex;flex-direction:column;gap:5px;min-width:120px}
.payroll-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.payroll-form-grid .field{min-width:0}
.payroll-note{font-size:12px;color:#766456}
@media(max-width:850px){.payroll-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.payroll-kpis,.payroll-form-grid{grid-template-columns:1fr}.payroll-toolbar .field{flex:1 1 100%}.payroll-section .table-wrap{overflow-x:auto}}

/* v2.3 — consistent payroll, reports and invoice lookup design */
.payroll-page{width:100%;max-width:100%;min-width:0}
.payroll-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.payroll-heading h2{font-size:21px;letter-spacing:-.025em;font-weight:760;color:#4b3527;margin:0 0 4px}
.payroll-heading p{margin:0;color:#887365;font-size:12px}
.payroll-period{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:15px 18px;margin-bottom:17px;box-shadow:none}
.payroll-period .field{width:min(240px,100%)}
.payroll-period .btn{min-height:41px}
.payroll-page .payroll-kpis{gap:12px;margin-bottom:18px}
.payroll-page .payroll-kpis .card{min-height:98px;box-shadow:none;border-color:#e6dacf;border-radius:11px}
.payroll-page .payroll-kpis small{display:block;font-size:11px;font-weight:660;letter-spacing:0;color:#856f5d}
.payroll-page .payroll-kpis strong{font-family:inherit;font-size:clamp(19px,2vw,27px);font-weight:780;line-height:1.18;overflow-wrap:anywhere}
.payroll-page .payroll-section{min-width:0;padding:20px;border:1px solid #e6dacf;border-radius:12px;box-shadow:none;margin:0 0 18px}
.payroll-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee3d7}
.payroll-section-heading h3{margin:0;font-size:15px;font-weight:780;color:#513929;letter-spacing:-.01em}
.payroll-subhead{display:block;color:#8b7769;font-size:11px;font-weight:500;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}
.payroll-page .payroll-table{width:100%;min-width:0;table-layout:auto}
.payroll-page .payroll-table th{font-size:10px;padding:11px 10px;white-space:normal;background:#f8f4ee}
.payroll-page .payroll-table td{padding:12px 10px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.payroll-page .payroll-table th:nth-child(5),.payroll-page .payroll-table td:nth-child(5){min-width:114px}
.payroll-page .payroll-table td:nth-child(2),.payroll-page .payroll-table td:nth-child(4),.payroll-page .payroll-table td:nth-child(5){font-variant-numeric:tabular-nums}
.payroll-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.payroll-profile{border:1px solid #e7d9c8;border-radius:10px;padding:16px;background:#fffdfa;min-width:0}
.payroll-profile-heading{display:flex;flex-direction:column;gap:3px;padding-bottom:12px;margin-bottom:15px;border-bottom:1px solid #ece1d6;min-width:0}
.payroll-profile-heading strong{font-size:13px;color:#4d3628;overflow-wrap:anywhere}
.payroll-profile-heading small{color:#8c7869;font-size:11px;overflow-wrap:anywhere}
.payroll-profile-fields,.payroll-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
.payroll-page .field,.payroll-page label,.payroll-page input,.payroll-page select{min-width:0;max-width:100%;box-sizing:border-box}
.payroll-page .field input,.payroll-page .field select{width:100%;min-height:41px;padding:9px 11px;font-size:12px}
.payroll-page .field label{font-size:11px;line-height:1.45;margin-bottom:6px}
.payroll-profile-footer{display:flex;justify-content:flex-end;border-top:1px solid #ece1d6;padding-top:13px;margin-top:16px}
.payroll-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;margin-bottom:0}
.payroll-form-grid>.card{min-width:0;max-width:100%;height:calc(100% - 18px)}
.payroll-action-form{display:flex;flex-direction:column;min-height:100%;gap:0}
.payroll-field-grid .payroll-full{grid-column:1/-1}
.payroll-form-footer{border-top:1px solid #eee3d7;padding-top:15px;margin-top:auto;display:flex;justify-content:flex-end}
.payroll-action-form .payroll-field-grid{margin-bottom:17px}
.payroll-holiday-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;margin-bottom:16px}
.payroll-holiday-form .btn{grid-column:1/-1;justify-self:start}
.payroll-list{display:grid;gap:0;min-width:0}
.payroll-list-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0;border-bottom:1px solid #eee4da;padding:11px 0;font-size:12px;color:#624b3c}
.payroll-list-row:last-child{border-bottom:0}
.payroll-list-row>*{min-width:0;overflow-wrap:anywhere}
.payroll-list-row strong{font-size:12px;color:#4e382c}
.payroll-list-row small{display:block;font-size:11px;color:#8d7969;margin:3px 0}
.payroll-list-row b{white-space:nowrap;font-variant-numeric:tabular-nums;color:#4e382c}
.payroll-statement{font-size:11px;color:#76523b;font-weight:700;text-underline-offset:3px}
.payroll-empty{padding:13px 0;font-size:12px;color:#917d6f}
/* Reports: even grouping, consistent padding and alignment */
.report-intro{margin:0 0 16px;align-items:flex-end}
.report-intro h2{font-size:21px;margin:5px 0 4px}
.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.report-group.reports-always-visible{display:flex!important;flex-direction:column;min-width:0;padding:0;border-radius:12px;box-shadow:none;overflow:hidden}
.report-group .reports-group-title{margin:0;padding:17px 18px;border-bottom:1px solid #e8ddd1;background:#faf6ef;gap:12px;min-height:52px}
.report-group .report-links{padding:9px;display:grid!important;grid-template-columns:1fr 1fr;gap:5px;align-items:start}
.report-group .report-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;min-height:42px;border:1px solid transparent;border-radius:8px;line-height:1.45;font-size:12px;font-weight:580;color:#513b2c;overflow-wrap:anywhere}
.report-group .report-links a span{flex:none}
.report-group .report-links a:hover{background:#f9f1e7;border-color:#e6d9cb}
.bb-report-filter-card{margin-bottom:16px;padding:17px 18px;box-shadow:none}
.bb-report-filter{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch}
.bb-report-filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.bb-report-filter-fields>.field,.bb-report-filter-fields>.bb-period-field{min-width:0;max-width:none;width:100%}
.bb-report-filter-fields .field input,.bb-report-filter-fields .field select,.bb-report-filter-fields .bb-period-field select{width:100%;min-width:0;max-width:none;min-height:41px}
.bb-report-filter-fields .field label,.bb-report-filter-fields .bb-period-field{font-size:11px;color:#786452;font-weight:700}
.bb-report-actions{display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap;border-top:1px solid #ede2d5;padding-top:14px}
.bb-report-actions .btn{min-height:38px}
.report-results{padding:18px;min-width:0;box-shadow:none}
.report-results>.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.report-results .table td{line-height:1.5}
/* Invoice print, balance and payment on the same order row */
.all-order-table th:nth-child(5){width:15%}
.all-order-table th:nth-child(9){width:11%}
.all-order-invoice{display:grid;justify-items:start;gap:6px;min-width:0}
.all-order-invoice strong{overflow-wrap:anywhere;max-width:100%}
.all-order-print{padding:5px 8px;min-height:28px;font-size:10px;white-space:normal;text-align:center;line-height:1.2}
@media(max-width:1180px){
 .payroll-page .payroll-register,.payroll-page .payroll-register tbody{display:block;width:100%}
 .payroll-page .payroll-register thead{display:none}
 .payroll-page .payroll-register tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .payroll-page .payroll-register tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid #ebdfd2;border-radius:10px;padding:14px;min-width:0}
 .payroll-page .payroll-register td{display:block;min-width:0!important;width:100%;border:0;padding:0!important;font-size:12px}
 .payroll-page .payroll-register td::before{content:attr(data-label);display:block;color:#957f70;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.035em;margin-bottom:4px}
 .payroll-page .payroll-register td:first-child{grid-column:1/-1;border-bottom:1px solid #eee3d7;padding-bottom:9px!important}
}
@media(max-width:1000px){
 .payroll-profile-grid{grid-template-columns:1fr}
 .payroll-form-grid{grid-template-columns:1fr}
 .payroll-form-grid>.card{height:auto}
 .bb-report-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 .report-grid{grid-template-columns:1fr}
 .report-group .report-links{grid-template-columns:1fr 1fr}
 .payroll-page .payroll-register tbody{grid-template-columns:1fr}
 .payroll-page .payroll-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
 .payroll-page .payroll-section{padding:15px}
 .payroll-heading h2{font-size:19px}
 .payroll-profile-fields,.payroll-field-grid,.payroll-holiday-form{grid-template-columns:1fr}
 .payroll-period .field,.payroll-period .btn{width:100%}
 .payroll-page .payroll-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .report-group .report-links{grid-template-columns:1fr}
 .bb-report-filter-fields{grid-template-columns:1fr}
 .bb-report-actions .btn{flex:1 1 calc(50% - 8px)}
 .payroll-list-row{flex-wrap:wrap}
}
@media print{
 .payroll-heading .btn,.payroll-period,.payroll-form-grid,.payroll-profile-grid,.bb-report-filter-card,.bb-report-actions{display:none!important}
 .payroll-section{break-inside:avoid}
 .payroll-page .payroll-register{display:table!important}
 .payroll-page .payroll-register thead{display:table-header-group!important}
 .payroll-page .payroll-register tbody{display:table-row-group!important}
 .payroll-page .payroll-register tr{display:table-row!important;border:0!important}
 .payroll-page .payroll-register td{display:table-cell!important;border-bottom:1px solid #ddd!important}
 .payroll-page .payroll-register td::before{display:none!important}
}
/* Keep action buttons inside their parent payroll cards at every breakpoint. */
.payroll-form-grid>.card{height:auto!important;display:flex;flex-direction:column}
.payroll-form-grid>.card .payroll-action-form{min-height:0;flex:1}
.payroll-form-grid>.card .payroll-form-footer{margin-top:auto;padding-top:15px}

.bb-permission-section-title{color:#604232;font-weight:800;font-size:14px;padding:0 0 12px;}

/* v2.4: permissioned employee production-board table; admin original board not modified. */
.bb-board-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}
.bb-board-tab{border:1px solid #e2d4c5;padding:8px 14px;text-decoration:none;color:#604232;border-radius:8px;font-weight:650}
.bb-board-tab.active{background:#604232;color:#fff;border-color:#604232}
.bb-board-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(120px,1fr)) auto auto;gap:12px;align-items:end}
.bb-board-filters .field{min-width:0}.bb-board-filters .field select,.bb-board-filters .field input{width:100%}
.bb-board-container{padding:0!important;overflow:hidden}.bb-board-table{width:100%;overflow-x:auto}.bb-board-table .table{width:100%;min-width:1100px}
.bb-board-table th{white-space:nowrap}.bb-board-table td{vertical-align:top;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.bb-muted-line{display:block;color:#907968;margin-top:4px}.bb-board-remarks{max-width:220px}.bb-board-action{font-size:11px!important;padding:8px!important;white-space:nowrap!important}
.bb-board-pages{padding:13px 18px}.bb-board-pages .pagination-actions{display:flex;gap:8px}
@media(max-width:900px){
 .bb-board-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-board-filters .field:first-child{grid-column:1/-1}
 .bb-board-container{padding:12px!important}.bb-board-table{overflow:visible}
 .bb-board-table .table,.bb-board-table tbody{display:block!important;min-width:0!important;width:100%!important}
 .bb-board-table thead{display:none}
 .bb-board-table tr{display:block!important;margin:0 0 14px;border:1px solid #e7dbcf;border-radius:12px;padding:12px;background:#fffdfa}
 .bb-board-table td{display:grid!important;grid-template-columns:100px minmax(0,1fr);gap:12px;width:100%;padding:8px 0!important;border-bottom:1px solid #efe8e0!important;box-sizing:border-box}
 .bb-board-table td:last-child{border-bottom:0!important}.bb-board-table td:before{content:attr(data-label);font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:750;color:#927a68}
 .bb-board-table td[colspan]{display:block!important}.bb-board-table td[colspan]:before{display:none}
}
@media(max-width:530px){.bb-board-filters{grid-template-columns:1fr}.bb-board-filters .field:first-child{grid-column:auto}.bb-board-table td{grid-template-columns:90px minmax(0,1fr)}}

/* Employee access controls — grouped and consistent. */
.bb-permission-groups{display:grid;gap:14px}.bb-permission-group{border:1px solid #e7dacd;border-radius:12px;padding:15px;background:#fffdf9}
.bb-permission-group h3{margin:0 0 13px;color:#604232;font-weight:750;font-size:14px}
@media(max-width:620px){.bb-permission-group{padding:12px}.bb-permission-groups .bb-permissions-grid{grid-template-columns:1fr}}

/* v2.9 · Insights period filters: compact desktop, vertically stacked on small screens. */
.dash-insights-filter{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 10px}
.dash-insights-filter .field{flex:1 1 175px;min-width:0;max-width:245px}
.dash-insights-filter .field input,.dash-insights-filter .bb-period-field select{min-width:0;width:100%}
.dash-insights-filter .bb-period-field{flex:1 1 175px;min-width:0;max-width:245px}
.dash-insights-filter .btn{min-height:40px}
.dash-insights-dates{font-size:12px;color:var(--muted);margin:2px 0 15px}
.dash-insight-chart{gap:clamp(3px,.8vw,12px);min-width:0;overflow:hidden}
.dash-insight-chart .bar{min-width:0}
.dash-insight-chart .bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}
@media(max-width:650px){.dash-insights-filter .bb-period-field{max-width:none;flex:1 1 100%}.dash-insights-filter .field{max-width:none;flex:1 1 calc(50% - 6px)}.dash-insights-filter .btn{flex:1 1 100%}.dash-insight-chart{gap:3px}}
@media(max-width:350px){.dash-insights-filter .field{flex:1 1 100%}}

.trusted-device-choice{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.5;color:#6b5242;margin-top:16px}.trusted-device-choice input{width:17px;height:17px;accent-color:#684635;flex-shrink:0}

.mail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.mail-stat{padding:14px 16px;background:#fffaf4;border:1px solid #e7d9c9;border-radius:10px}.mail-stat span{display:block;font-size:12px;color:#836f5f}.mail-stat strong{font-size:23px;line-height:1.3;color:#432e22}.mail-stats+.toolbar form{display:inline-block;margin:0}@media(max-width:640px){.mail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.mail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.mail-stat{padding:14px 16px;background:#fffaf4;border:1px solid #e7d9c9;border-radius:10px}.mail-stat span{display:block;font-size:12px;color:#836f5f}.mail-stat strong{font-size:23px;line-height:1.3;color:#432e22}.mail-stats+.toolbar form{display:inline-block;margin:0}@media(max-width:640px){.mail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v2.17 — shared responsive form, bill and workspace standards */
html,body{max-width:100%;overflow-x:clip}
.card,.section-card,.content,.main,.invoice-paper{min-width:0;box-sizing:border-box}
.invoice-actions{max-width:930px;margin:14px auto;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:0 10px}
.invoice-actions>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.invoice-paper{width:calc(100% - 24px);max-width:930px;overflow-wrap:anywhere}
.invoice-paper .print-table{width:100%;min-width:0!important}
.invoice-paper .invoice-meta,.invoice-paper .invoice-brand{min-width:0}
.invoice-bottom>*{min-width:0}
.invoice-totals-col{flex:0 0 320px;max-width:100%}
@media(max-width:780px){
 .invoice-paper{margin:10px auto!important;padding:17px 13px!important;width:calc(100% - 16px)}
 .invoice-paper .invoice-head{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:16px}
 .invoice-paper .invoice-meta{width:100%;min-width:0}
 .invoice-paper .invoice-meta h2,.invoice-paper .invoice-meta .muted{text-align:left!important}
 .invoice-paper .invoice-meta table{margin-left:0!important;width:100%}
 .invoice-paper .invoice-summary{display:grid;grid-template-columns:1fr!important;gap:10px;margin:14px 0}
 .invoice-paper .invoice-summary .box{padding:12px!important}
 .invoice-bottom{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:15px!important}
 .invoice-totals-col{width:100%!important;max-width:100%}
 .invoice-paper .mobile-invoice-table,.invoice-paper .mobile-invoice-table tbody,.invoice-paper .mobile-invoice-table tr,.invoice-paper .mobile-invoice-table td{display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box}
 .invoice-paper .mobile-invoice-table thead{display:none!important}
 .invoice-paper .mobile-invoice-table tr{border:1px solid #e6d9ca;margin-bottom:10px;border-radius:9px;padding:9px 11px}
 .invoice-paper .mobile-invoice-table td{border:0!important;text-align:left!important;padding:5px 0!important;display:flex!important;justify-content:space-between;gap:10px;align-items:baseline}
 .invoice-paper .mobile-invoice-table td:before{font-size:10px;color:#866f5c;font-weight:700;flex:0 0 80px}
 .invoice-paper .mobile-invoice-table td:nth-child(1):before{content:'No.'}
 .invoice-paper .mobile-invoice-table td:nth-child(2):before{content:'Item'}
 .invoice-paper .mobile-invoice-table td:nth-child(3):before{content:'HSN'}
 .invoice-paper .mobile-invoice-table td:nth-child(4):before{content:'Qty'}
 .invoice-paper .mobile-invoice-table td:nth-child(5):before{content:'Rate'}
 .invoice-paper .mobile-invoice-table td:nth-child(6):before{content:'Discount'}
 .invoice-paper .mobile-invoice-table td:nth-child(7):before{content:'GST'}
 .invoice-paper .mobile-invoice-table td:nth-child(8):before{content:'Taxable'}
 .invoice-paper .mobile-invoice-table td:nth-child(9):before{content:'Total'}
 .invoice-actions,.invoice-actions>div{width:100%;justify-content:flex-start}
 .invoice-actions .btn{flex:1 1 auto;text-align:center}
 .unified-lines,.unified-lines tbody,.unified-lines tr,.unified-lines td{display:block!important;min-width:0!important;width:100%!important;box-sizing:border-box}
 .unified-lines thead{display:none!important}
 .unified-lines tr{border:1px solid #e4d4c4;border-radius:12px;background:#fff;padding:12px;margin-bottom:12px}
 .unified-lines td{padding:6px 0!important;border:0!important;white-space:normal!important}
 .unified-lines td:before{display:block;font-size:10px;color:#927b69;text-transform:uppercase;font-weight:700;margin-bottom:4px}
 .unified-lines td:nth-child(1):before{content:'Item'}
 .unified-lines td:nth-child(2):before{content:'Stock Taken From'}
 .unified-lines td:nth-child(3):before{content:'Description'}
 .unified-lines td:nth-child(4):before{content:'HSN / SAC'}
 .unified-lines td:nth-child(5):before{content:'Quantity'}
 .unified-lines td:nth-child(6):before{content:'Rate'}
 .unified-lines td:nth-child(7):before{content:'Discount'}
 .unified-lines td:nth-child(8):before{content:'GST'}
 .unified-lines td:nth-child(9):before{content:'Total'}
 .unified-lines td:nth-child(10):before{content:'Remove'}
 .unified-lines input,.unified-lines select{display:block;width:100%!important;max-width:100%!important;min-width:0!important}
 .all-order-filters,.sm-filters,.form-grid{min-width:0}
}
@media print{
 @page bliss-invoice{size:A4 portrait;margin:11mm}
 .invoice-paper{page:bliss-invoice}
 .invoice-paper{overflow:visible!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
 .invoice-paper .invoice-head{display:flex!important;flex-direction:row!important}
 .invoice-paper .invoice-summary{display:grid!important;grid-template-columns:1fr 1fr!important}
 .invoice-paper .mobile-invoice-table{display:table!important;width:100%!important;table-layout:auto!important}
 .invoice-paper .mobile-invoice-table thead{display:table-header-group!important}
 .invoice-paper .mobile-invoice-table tbody{display:table-row-group!important}
 .invoice-paper .mobile-invoice-table tr{display:table-row!important;border:0!important}
 .invoice-paper .mobile-invoice-table td{display:table-cell!important;width:auto!important;padding:5px 4px!important;font-size:8px!important;border:1px solid #e2d9d0!important;text-align:right!important}
 .invoice-paper .mobile-invoice-table td:before{display:none!important}
 .invoice-bottom{display:flex!important}
 .invoice-totals-col{width:300px!important;flex:0 0 300px}
 .no-print{display:none!important}
}

/* v2.17 dashboard and report accessibility */
.dash-extra[open]>.optional-inner{display:block}
.dash-extra .sm-metric{background:#fffaf5}
.all-order-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(4,minmax(120px,1fr)) auto auto;align-items:end;gap:12px}
@media(max-width:1100px){.all-order-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.all-order-filters{grid-template-columns:1fr!important}.all-order-filters>*{grid-column:auto!important}.dash-extra .mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.dash-extra .mini-stats{grid-template-columns:1fr 1fr}.dash-extra .sm-metric{padding:12px}.dash-extra .sm-metric strong{font-size:20px}}

.crm-essential-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.crm-essential-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:690px){.crm-essential-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.crm-essential-kpis{grid-template-columns:1fr}}

/* v2.18 — Consistent, compact actions and responsive forms across daily pages. */
.bb-ui-erp .toolbar,
.bb-ui-erp .catalog-toolbar,
.bb-ui-erp .crm-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-width:0}
.bb-ui-erp .toolbar>* , .bb-ui-erp .catalog-toolbar>*{min-width:0}
.bb-ui-erp .toolbar .btn,
.bb-ui-erp .catalog-toolbar .btn,
.bb-ui-erp .crm-actions .btn{min-height:40px;max-width:100%;align-self:center;line-height:1.35}
.bb-ui-erp .field{min-width:0}
.bb-ui-erp .field input,.bb-ui-erp .field select,.bb-ui-erp .field textarea{max-width:100%;box-sizing:border-box}
.bb-ui-erp .card,.bb-ui-erp .section-card,.bb-ui-erp .sm-two,.bb-ui-erp .form-grid,.bb-ui-erp .catalog-layout{min-width:0}
.bb-ui-erp .crm-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.bb-ui-erp .crm-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:flex-start;margin-top:18px}
.bb-ui-erp .crm-actions .btn{white-space:normal}
.bb-ui-erp .crm-essential-kpis .sm-metric{min-width:0}
.bb-ui-erp .crm-list-row>div,.bb-ui-erp .all-order-table td{min-width:0;overflow-wrap:anywhere}
.bb-ui-erp .catalog-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.bb-ui-erp .table-wrap{max-width:100%}
@media(max-width:900px){
 .bb-ui-erp .crm-form{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bb-ui-erp .crm-page-head .btn{flex:0 1 auto}
}
@media(max-width:620px){
 .bb-ui-erp .crm-form{grid-template-columns:1fr}
 .bb-ui-erp .crm-page-head{align-items:stretch}
 .bb-ui-erp .crm-page-head .btn{flex:1 1 calc(50% - 6px);min-width:0}
 .bb-ui-erp .crm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .bb-ui-erp .crm-actions .btn{width:100%;min-width:0;justify-content:center}
 .bb-ui-erp .crm-actions .btn:first-child{grid-column:1/-1}
 .bb-ui-erp .catalog-actions .btn{flex:1 1 calc(50% - 8px)}
 .bb-ui-erp .all-order-table .btn{max-width:100%;overflow-wrap:anywhere;white-space:normal}
 .bb-ui-erp .crm-activity-form{display:grid;grid-template-columns:1fr;gap:10px}
 .bb-ui-erp .crm-activity-form .field,.bb-ui-erp .crm-activity-form .field.crm-grow{width:100%;min-width:0}
 .bb-ui-erp .sm-two{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:380px){
 .bb-ui-erp .crm-page-head .btn{flex:1 1 100%}
 .bb-ui-erp .crm-actions{grid-template-columns:1fr}
 .bb-ui-erp .crm-actions .btn:first-child{grid-column:1}
 .bb-ui-erp .section-card{padding:13px}
}
@media print{.bb-ui-erp .crm-page-head .btn,.bb-ui-erp .crm-actions,.bb-ui-erp form[enctype="multipart/form-data"]{display:none!important}}

/* CRM v2.18 — optional details and loss controls */
.bb-ui-erp .crm-more-details{border:1px solid #e5d8c9;border-radius:10px;background:#fffcf8;margin-top:14px;padding:0 14px}
.bb-ui-erp .crm-more-details summary{color:#694833;font-weight:700;font-size:13px;padding:13px 2px;cursor:pointer}
.bb-ui-erp .crm-more-details[open] summary{border-bottom:1px solid #e9ddd1;margin-bottom:13px}
.bb-ui-erp .crm-more-grid{padding-bottom:14px}
.bb-ui-erp #crmLostReasonField[hidden]{display:none!important}