/* V5 complete operations and responsive fixes */
html,body{width:100%;max-width:100%;overflow-x:hidden}.shell,main,.content,.grid,.card,.table{min-width:0;max-width:100%}.table{overflow-x:auto;-webkit-overflow-scrolling:touch}.grid>*{min-width:0}.row-actions{display:flex;align-items:center;gap:6px}.row-actions .danger{margin:0}.export-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid color-mix(in srgb,var(--primary) 27%,white);border-radius:10px;background:color-mix(in srgb,var(--primary) 6%,white);color:var(--primary);text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}.proof-link{color:var(--primary);font-weight:700;text-decoration:none}.status-pill{display:inline-flex;padding:5px 9px;border-radius:20px;background:#edf8f1;color:#38744b;font-size:9px;font-weight:800}

/* Custom dropdown — avoids native iPhone picker */
.native-select-hidden{display:none!important}.custom-select{position:relative;width:100%;min-width:0}.custom-select-button{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:7px 9px;border:1px solid #e2dee5;border-radius:10px;background:#fff;color:var(--text);font:inherit;text-align:left;cursor:pointer}.custom-select-button>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:color-mix(in srgb,var(--primary) 10%,white)}.custom-select-button b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.custom-select-button i{margin-left:auto;color:var(--primary);font-style:normal;font-size:16px}.custom-select-menu{display:none;position:fixed;z-index:10000;max-height:320px;overflow-y:auto;padding:8px;border:1px solid color-mix(in srgb,var(--primary) 17%,#e6e0e7);border-radius:17px;background:rgba(255,255,255,.98);box-shadow:0 22px 65px rgba(57,31,62,.22);backdrop-filter:blur(18px)}.custom-select.open .custom-select-menu{display:block}.custom-select-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:11px;background:transparent;color:#343039;text-align:left;cursor:pointer}.custom-select-option:hover,.custom-select-option.selected{background:color-mix(in srgb,var(--primary) 9%,white);color:var(--primary)}.custom-select-option>span{font-size:17px}.custom-select-option b{font-size:12px}.custom-select-option i{display:none;margin-left:auto;font-style:normal}.custom-select-option.selected i{display:block}.status-form .custom-select-button{border:0;background:color-mix(in srgb,var(--primary) 8%,white);color:var(--primary)}.pos-options .custom-select-button{min-height:30px;padding:2px 0;border:0;background:transparent}.pos-options .custom-select-button>span{display:none}.pos-options .custom-select-button b{font-size:13px}.pos-options .custom-select-button i{font-size:14px}

/* Recipe & costing */
.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recipe-card{padding:0;overflow:hidden}.recipe-card>header{display:flex;align-items:center;padding:17px 19px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,white),#fff)}.recipe-card header small{color:var(--muted);font-size:8px;letter-spacing:.12em}.recipe-card h3{margin:2px 0 0;font-size:17px}.recipe-card header>span{margin-left:auto;padding:7px 10px;border-radius:17px;background:color-mix(in srgb,var(--primary) 10%,white);color:var(--primary);font-size:10px;font-weight:800}.recipe-lines{padding:6px 18px}.recipe-lines>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.recipe-lines b,.recipe-lines small{display:block}.recipe-lines b{font-size:11px}.recipe-lines small{color:var(--muted);font-size:8px}.recipe-lines strong{font-size:11px}.recipe-lines form .danger{font-size:0;width:28px;height:28px;padding:0}.recipe-lines form .danger:after{content:"×";font-size:16px}.recipe-card>footer{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:13px 18px;background:#faf9fb}.recipe-card footer span{color:var(--muted);font-size:8px}.recipe-card footer b{display:block;margin-top:3px;color:var(--text);font-size:12px}

/* Settings data tools */
.admin-tools{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-top:16px}.admin-tools h3{margin:0 0 5px}.admin-tools p{margin:0 0 13px;color:var(--muted);font-size:10px}.export-links{display:flex;flex-wrap:wrap;gap:7px}.export-links a{padding:8px 10px;border-radius:9px;background:color-mix(in srgb,var(--primary) 7%,white);color:var(--primary);text-decoration:none;font-size:9px;font-weight:800}.export-links .sql{background:#292d39;color:#fff}.danger-zone{padding:16px;border:1px solid #f1c9cd;border-radius:14px;background:#fff7f8}.danger-zone input{width:100%;height:40px;margin-bottom:8px;padding:9px;border:1px solid #e7c8cc;border-radius:9px}.danger-zone .danger{width:100%;margin:0;padding:10px}

@media(max-width:760px){
 .shell main>header{max-width:100vw;gap:8px}.shell main>header>div{min-width:0;flex:1}.shell main>header h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell main>header>.primary{width:auto!important;min-width:106px!important;height:42px!important;padding:9px 12px!important;font-size:11px!important}.shell main>header>.primary:after{content:none!important}
 .content{width:100%;max-width:100vw;overflow:hidden}.hero{max-width:100%}.hero>div{min-width:0}.hero h2{overflow-wrap:anywhere}.stats{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.stats>*{min-width:0}.grid{width:100%}.grid .card{width:100%;overflow:hidden}.grid .table{width:100%;overflow-x:auto}.grid table{min-width:610px}
 .pagehead{align-items:flex-start;flex-wrap:wrap}.pagehead>div{width:100%;flex:1 0 100%}.pagehead .export-btn,.pagehead>button,.pagehead>.primary{margin:0}.pagehead>button{width:auto!important;min-width:42px}.pagehead>button:after{content:none!important}.pagehead>.primary{width:auto!important;height:auto!important;font-size:11px!important}.pagehead>.primary:after{content:none!important}
 .custom-select-button{min-height:43px}.custom-select-button b{font-size:13px}.custom-select-option{min-height:48px}.custom-select-option b{font-size:14px}
 .mobile-card-table{overflow:visible}.mobile-card-table table,.mobile-card-table tbody{display:block;width:100%;white-space:normal}.mobile-card-table tr:first-child{display:none}.mobile-card-table tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:12px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 20px rgba(40,28,48,.06)}.mobile-card-table td{display:block;min-width:0;padding:0;border:0;font-size:12px;white-space:normal;overflow-wrap:anywhere}.mobile-card-table td:before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mobile-card-table td:last-child{grid-column:1/-1}.mobile-card-table .row-actions{justify-content:flex-end}.mobile-card-table .custom-select{max-width:150px}
 .recipe-grid{grid-template-columns:1fr}.admin-tools{grid-template-columns:1fr}.export-links a{font-size:10px}.table table{max-width:none}
}
@media(min-width:761px) and (max-width:1100px){.content{padding-left:22px;padding-right:22px}.recipe-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V6 full recipe costing */
.costing-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.costing-card{padding:0;overflow:hidden}.costing-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:19px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,white),#fff)}.costing-card header small{color:var(--primary);font-size:8px;font-weight:800;letter-spacing:.12em}.costing-card h3{margin:4px 0 2px;font-size:17px}.costing-card header p{margin:0;color:var(--muted);font-size:9px}.costing-card header>span{flex:none;padding:8px 10px;border-radius:18px;background:#fff;color:var(--primary);font-size:10px;font-weight:800;box-shadow:0 5px 14px rgba(50,35,55,.07)}.costing-card-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:14px 18px;background:#faf9fb}.costing-card-numbers div{min-width:0;padding:0 8px;border-right:1px solid var(--line)}.costing-card-numbers div:last-child{border:0}.costing-card-numbers small,.costing-card-numbers b{display:block}.costing-card-numbers small{color:var(--muted);font-size:7px}.costing-card-numbers b{margin-top:4px;overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.costing-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px}.costing-card>footer span{color:var(--muted);font-size:9px}.costing-card>footer b{color:var(--text)}.edit-costing{padding:8px 11px!important;border:1px solid color-mix(in srgb,var(--primary) 22%,white)!important;background:color-mix(in srgb,var(--primary) 7%,white)!important;color:var(--primary)!important;font-size:9px!important}

.costing-dialog{width:min(820px,calc(100vw - 24px));max-height:calc(100dvh - 30px);padding:0;overflow:hidden;border:0;border-radius:25px;background:#fff;box-shadow:0 30px 100px rgba(35,25,45,.3)}.costing-dialog::backdrop{background:rgba(31,25,38,.48);backdrop-filter:blur(6px)}.costing-dialog>form{display:flex;max-height:calc(100dvh - 30px);flex-direction:column}.costing-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:21px 25px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,white),#fff);border-bottom:1px solid var(--line)}.costing-dialog-head small{color:var(--primary);font-size:8px;font-weight:900;letter-spacing:.13em}.costing-dialog-head h3{margin:3px 0 0;font-size:22px}.costing-dialog-head p{margin:2px 0 0;color:var(--muted);font-size:9px}.costing-dialog-head>button{display:grid;width:35px;height:35px;padding:0;place-items:center;border:0;border-radius:50%;background:#fff;color:var(--text);font-size:22px;box-shadow:0 5px 15px rgba(40,28,48,.1)}.costing-body{padding:22px 25px;overflow-y:auto}.costing-body>label{display:block;margin-bottom:15px;color:var(--text);font-size:10px;font-weight:800}.costing-body>label>input{width:100%;height:44px;margin-top:7px;padding:10px 12px;border:1px solid #e4dfe7;border-radius:11px;background:#fff;font:inherit}.costing-body>.custom-select{margin-top:7px}.costing-section{margin:24px 0;padding-top:19px;border-top:1px solid var(--line)}.costing-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.costing-section-title>div{display:flex;align-items:center;gap:9px}.costing-section-title small{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--primary) 11%,white);color:var(--primary);font-size:8px;font-weight:900}.costing-section-title h4{margin:0;font-size:17px}.costing-section-title h4 em{color:var(--muted);font:inherit;font-size:11px;font-weight:500}.costing-section-title .secondary,.inventory-adder>button{padding:9px 12px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-size:9px;font-weight:800}.inventory-adder{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-bottom:14px}.inventory-adder .custom-select-button{min-height:42px}.inventory-adder>button{min-width:84px}.costing-table-head,.costing-row{display:grid;grid-template-columns:minmax(130px,1.55fr) .55fr .55fr .85fr .9fr 30px;gap:8px;align-items:center}.costing-table-head,.other-table-head{padding:7px;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.costing-row{padding:8px 0;border-bottom:1px solid #f0ecef}.costing-row input,.other-cost-row input{width:100%;min-width:0;height:38px;padding:8px;border:1px solid #e5e1e7;border-radius:9px;background:#fff;color:var(--text);font:inherit;font-size:10px}.costing-row input[readonly]{background:#fbfafb}.costing-row strong{font-size:10px;text-align:right;white-space:nowrap}.remove-cost-row{display:grid;width:28px;height:28px;padding:0;place-items:center;border:0;border-radius:9px;background:#fff7f2;color:#c45c50;font-size:17px}.section-total{display:flex;align-items:center;justify-content:space-between;padding:15px 7px 5px;font-size:11px}.section-total b{font-size:14px}.other-table-head,.other-cost-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 30px;gap:8px;align-items:center}.other-cost-row{padding:8px 0;border-bottom:1px solid #f0ecef}.costing-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:23px}.costing-fields label{color:var(--text);font-size:10px;font-weight:800}.costing-fields input{width:100%;height:44px;margin-top:7px;padding:10px 12px;border:1px solid #e4dfe7;border-radius:11px;background:#fff;font:inherit}.costing-fields small{display:block;margin-top:5px;color:var(--muted);font-size:8px;font-weight:500}.costing-result{margin-top:22px;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,white),#f8fbff)}.costing-result>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:9px 0;font-size:13px}.costing-result hr{height:1px;margin:14px 0;border:0;background:color-mix(in srgb,var(--primary) 18%,white)}.costing-result .suggested{font-size:17px}.costing-result .suggested b,.costing-result .profit b{color:var(--primary)}.costing-result .suggested b{font-size:21px}.costing-price-check{display:flex!important;align-items:center;gap:9px;margin:16px 0 2px!important;padding:13px;border:1px solid color-mix(in srgb,var(--primary) 18%,white);border-radius:12px;background:color-mix(in srgb,var(--primary) 5%,white)}.costing-price-check input{width:17px!important;height:17px!important;margin:0!important}.costing-dialog-footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 25px;border-top:1px solid var(--line);background:#fff}.costing-dialog-footer button{min-width:112px;padding:11px 16px}

@media(max-width:760px){.costing-overview{grid-template-columns:1fr}.costing-dialog{width:100vw;max-width:100vw;max-height:100dvh;border-radius:0}.costing-dialog>form{max-height:100dvh}.costing-dialog-head{padding:17px 16px}.costing-body{padding:18px 14px}.costing-table-head{display:none}.costing-row{grid-template-columns:1.4fr .62fr .62fr 30px;gap:6px;padding:11px 0}.costing-row input[name="ingredient_id[]"]{display:none}.costing-row input[name="custom_cost[]"]{grid-column:1/3}.costing-row .line-subtotal{grid-column:3/4;grid-row:2;text-align:right}.costing-row .remove-cost-row{grid-column:4;grid-row:1/3}.costing-row input{height:40px;font-size:11px}.costing-row input[name="custom_name[]"]:before{content:'Ingredient'}.other-table-head{display:none}.other-cost-row{grid-template-columns:1fr 105px 30px}.costing-fields{grid-template-columns:1fr}.costing-result{padding:17px}.costing-result>div{font-size:12px}.costing-result .suggested{align-items:flex-start;flex-direction:column}.costing-card-numbers{grid-template-columns:1fr 1fr;gap:12px 1px}.costing-card-numbers div:nth-child(2){border:0}.costing-dialog-footer{padding:12px 14px}.costing-dialog-footer button{min-width:0;flex:1}.inventory-adder{grid-template-columns:minmax(0,1fr) 70px}.inventory-adder>button{min-width:0;padding:8px}.costing-section-title h4{font-size:15px}}

/* V7 operations: search, stock control, staff access and cash closing */
.filter-bar{display:grid;grid-template-columns:minmax(180px,1fr) 170px 145px 145px auto auto;align-items:center;gap:9px;margin:0 0 14px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 7px 20px rgba(39,27,46,.045)}.filter-bar.simple{grid-template-columns:minmax(180px,1fr) auto auto}.filter-bar.simple:has(select){grid-template-columns:minmax(180px,1fr) 180px auto auto}.filter-bar input{width:100%;height:40px;min-width:0;padding:9px 11px;border:1px solid #e4dfe7;border-radius:10px;background:#fff;color:var(--text);font:inherit}.filter-bar button,.filter-bar a{display:flex;min-height:40px;align-items:center;justify-content:center;padding:9px 13px;border:0;border-radius:10px;background:var(--primary);color:#fff;text-decoration:none;font:inherit;font-size:10px;font-weight:850;white-space:nowrap}.filter-bar a{border:1px solid var(--line);background:#fff;color:var(--muted)}.filter-bar>.custom-select .custom-select-button{min-height:40px}
.stock-history{margin-top:16px}.stock-history>h3{margin:0;padding:18px 20px 4px}.selected-stock-name{margin-bottom:12px;padding:13px 15px;border-radius:13px;background:color-mix(in srgb,var(--primary) 9%,white);color:var(--primary);font-size:13px;font-weight:900}.booking-balance-preview,.cash-expected-box,.cash-difference-box{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border-radius:13px;background:color-mix(in srgb,var(--primary) 8%,white);font-size:11px}.booking-balance-preview b,.cash-expected-box b,.cash-difference-box b{color:var(--primary);font-size:16px}.cash-difference-box{margin-top:2px;background:#f1f8f3}.cash-difference-box b{color:#308250}.cash-difference-box b.negative,.amount-short{color:#c84b59}.amount-good{color:#2f8751}.cash-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.small-dialog{width:min(450px,calc(100vw - 28px));border-radius:22px}.small-dialog .muted{margin:0 0 14px;color:var(--muted);font-size:10px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:8px 0;padding:12px;border:1px solid var(--line);border-radius:15px}.permission-grid legend{padding:0 6px;font-size:11px;font-weight:900}.permission-grid>div{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:5px;padding:9px;border-radius:10px;background:#faf9fb}.permission-grid>div>b{min-width:0;font-size:9px}.permission-grid .check{display:flex!important;align-items:center;gap:3px;margin:0!important;font-size:7px!important;white-space:nowrap}.permission-grid .check input{width:14px!important;height:14px!important;margin:0!important}.owner-lock{color:var(--muted);font-size:9px;font-weight:800}

/* The new modules follow the saved theme style */
.theme-clean .filter-bar,.theme-clean .small-dialog,.theme-clean .permission-grid,.theme-clean .selected-stock-name,.theme-clean .cash-expected-box,.theme-clean .cash-difference-box{border-radius:7px;box-shadow:none}.theme-clean .filter-bar button,.theme-clean .filter-bar a,.theme-clean .filter-bar input{border-radius:6px}.theme-cute .filter-bar,.theme-cute .stock-history,.theme-cute .small-dialog{border:2px solid color-mix(in srgb,var(--primary) 14%,white);border-radius:23px;box-shadow:7px 9px 0 color-mix(in srgb,var(--primary) 13%,white)}.theme-cute .selected-stock-name,.theme-cute .booking-balance-preview,.theme-cute .cash-expected-box,.theme-cute .cash-difference-box{border-radius:18px}.theme-cute .filter-bar button{box-shadow:0 5px 0 color-mix(in srgb,var(--primary) 70%,#70254e)}.theme-modern .filter-bar,.theme-modern .permission-grid,.theme-modern .small-dialog{border-color:#e1e5ee;border-radius:12px;box-shadow:0 12px 32px rgba(32,45,70,.08)}.theme-modern .selected-stock-name,.theme-modern .booking-balance-preview,.theme-modern .cash-expected-box{border-left:4px solid var(--primary);border-radius:8px}.theme-elegant .filter-bar,.theme-elegant .small-dialog,.theme-elegant .permission-grid{border-color:color-mix(in srgb,var(--primary) 24%,#ddd5ca);border-radius:4px;background:#fffdfa}.theme-elegant .selected-stock-name,.theme-elegant .booking-balance-preview,.theme-elegant .cash-expected-box,.theme-elegant .cash-difference-box{border-radius:3px;background:#fbf6ee}.theme-elegant .stock-history>h3,.theme-elegant .small-dialog h3{font-family:Georgia,serif}

@media(max-width:760px){.filter-bar,.filter-bar.simple,.filter-bar.simple:has(select){grid-template-columns:1fr 1fr}.filter-bar input:first-of-type{grid-column:1/-1}.filter-bar>.custom-select{grid-column:1/-1}.filter-bar button,.filter-bar a{width:100%}.cash-stats{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr;padding:8px}.permission-grid>div{grid-template-columns:1fr repeat(3,auto)}.stock-history{padding-left:10px;padding-right:10px}.stock-history>h3{padding-left:4px}.small-dialog{max-height:calc(100dvh - 24px)}.small-dialog .form{max-height:65dvh;overflow-y:auto}}
@media(min-width:761px) and (max-width:1080px){.filter-bar{grid-template-columns:minmax(180px,1fr) 150px 130px 130px}.filter-bar button,.filter-bar a{width:100%}.permission-grid{grid-template-columns:1fr}}

/* V8 business logo in top header */
.header-branding{display:flex;min-width:0;align-items:center;gap:11px}.header-branding>div{min-width:0}.header-logo{width:42px;height:42px;flex:0 0 42px;padding:3px;object-fit:contain;border:1px solid color-mix(in srgb,var(--primary) 16%,white);border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(42,30,48,.08)}.theme-clean .header-logo{border-radius:6px;box-shadow:none}.theme-cute .header-logo{border:2px solid color-mix(in srgb,var(--primary) 20%,white);border-radius:15px;box-shadow:3px 4px 0 color-mix(in srgb,var(--primary) 15%,white)}.theme-modern .header-logo{border-radius:9px}.theme-elegant .header-logo{border-radius:50%;border-color:color-mix(in srgb,var(--primary) 30%,white)}
@media(max-width:760px){.header-branding{gap:8px}.header-logo{width:35px;height:35px;flex-basis:35px;border-radius:10px}.header-branding h1{max-width:42vw}.header-branding small{display:block;max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:390px){.header-logo{width:31px;height:31px;flex-basis:31px}.header-branding h1{max-width:35vw}.header-branding small{max-width:38vw}}

/* V9 sticky header, visible actions and costing recommendations */
.shell main>header{position:sticky!important;top:0!important;z-index:100!important;box-shadow:0 7px 24px rgba(46,31,52,.055)}.costing-suggestions{display:grid;grid-template-columns:180px minmax(0,1fr);gap:15px;margin-top:22px;padding:17px;border:1px solid color-mix(in srgb,var(--primary) 16%,white);border-radius:17px;background:color-mix(in srgb,var(--primary) 4%,white)}.costing-suggestions>div:first-child>small{color:var(--primary);font-size:7px;font-weight:900;letter-spacing:.14em}.costing-suggestions h4{margin:4px 0 3px;font-size:15px}.costing-suggestions p{margin:0;color:var(--muted);font-size:8px}.suggestion-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.suggestion-options button{position:relative;display:flex;min-width:0;min-height:82px;flex-direction:column;align-items:flex-start;justify-content:center;padding:11px;border:1px solid color-mix(in srgb,var(--primary) 14%,#e8e2e8);border-radius:13px;background:#fff;color:var(--text);text-align:left;cursor:pointer}.suggestion-options button:hover,.suggestion-options button.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,white);box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 13%,transparent)}.suggestion-options span,.suggestion-options b,.suggestion-options small{display:block}.suggestion-options span{font-size:9px;font-weight:850}.suggestion-options b{margin:5px 0 2px;color:var(--primary);font-size:14px}.suggestion-options small{color:var(--muted);font-size:7px}.suggestion-options i{position:absolute;top:-8px;right:7px;padding:3px 6px;border-radius:8px;background:var(--primary);color:#fff;font-size:6px;font-style:normal;font-weight:900;text-transform:uppercase}.theme-clean .costing-suggestions,.theme-clean .suggestion-options button{border-radius:6px;box-shadow:none}.theme-cute .costing-suggestions{border:2px solid color-mix(in srgb,var(--primary) 16%,white);border-radius:22px;box-shadow:5px 6px 0 color-mix(in srgb,var(--primary) 11%,white)}.theme-cute .suggestion-options button{border-radius:17px}.theme-modern .costing-suggestions{border-left:4px solid var(--primary);border-radius:10px}.theme-elegant .costing-suggestions,.theme-elegant .suggestion-options button{border-radius:3px;background:#fffdfa}
@media(max-width:760px){html{-webkit-text-size-adjust:100%}input,textarea,select,.form input,.form select,.orderopts input,.orderopts select,.costing-row input,.other-cost-row input,.costing-fields input,.custom-select-button{font-size:16px!important}.pagehead>button{width:auto!important;min-width:42px!important;height:42px!important;padding:9px 13px!important;font-size:11px!important;white-space:nowrap}.pagehead>button:after{content:none!important}.costing-suggestions{grid-template-columns:1fr;padding:14px}.suggestion-options{grid-template-columns:repeat(3,minmax(0,1fr))}.suggestion-options button{min-height:88px;padding:9px}.suggestion-options b{font-size:12px}.suggestion-options span{font-size:8px}.shell main>header{padding-top:env(safe-area-inset-top);height:calc(70px + env(safe-area-inset-top))}}
@media(max-width:390px){.suggestion-options{grid-template-columns:1fr}.suggestion-options button{min-height:65px}.pagehead>button{max-width:100%;overflow:hidden;text-overflow:ellipsis}}

/* V10 fixed mobile header, compact order filters and receipt controls */
html,body{overflow-x:clip}.shell main{padding-top:76px}.shell main>header{position:fixed!important;inset:0 0 auto 238px!important;width:auto!important}.receipt-settings{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.receipt-settings legend{font-weight:900}.receipt-settings>p{grid-column:1/-1;margin:0 0 5px;color:var(--muted);font-size:9px}.receipt-settings .check{padding:8px;border-radius:9px;background:color-mix(in srgb,var(--primary) 5%,white)}.order-filter{margin-bottom:14px}.order-filter>summary{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));border-radius:14px;background:#fff;cursor:pointer;list-style:none}.order-filter>summary::-webkit-details-marker{display:none}.order-filter>summary span{font-size:11px;font-weight:900}.order-filter>summary small{color:var(--muted);font-size:9px}.order-filter>summary i{margin-left:auto;color:var(--primary);font-size:16px;font-style:normal;transition:.18s}.order-filter[open]>summary i{transform:rotate(180deg)}.order-filter[open]>summary{border-radius:14px 14px 0 0}.order-filter .filter-bar{margin:0;border-top:0;border-radius:0 0 14px 14px;box-shadow:none}.date-filter-field{display:flex;min-width:0;flex-direction:column;gap:3px}.date-filter-field span{color:var(--muted);font-size:8px;font-weight:850}.date-filter-field input{width:100%}.theme-cute .order-filter>summary{border-width:2px;border-radius:18px}.theme-clean .order-filter>summary{border-radius:7px}.theme-elegant .order-filter>summary{border-radius:3px}
@media(max-width:760px){.shell main{padding-top:calc(70px + env(safe-area-inset-top))}.shell main>header{inset:0 0 auto 0!important;width:100%!important}.order-filter .filter-bar{grid-template-columns:1fr 1fr!important}.order-filter .filter-bar>input[name="q"],.order-filter .filter-bar>.custom-select{grid-column:1/-1}.date-filter-field{grid-column:auto}.receipt-settings{grid-template-columns:1fr!important}.order-filter>summary small{display:none}}

/* V11 settings workspace, finance and calendar */
.font-friendly{font-family:"Avenir Next","Century Gothic","Trebuchet MS",sans-serif}.font-editorial{font-family:Palatino,"Book Antiqua",Georgia,serif}.font-editorial button,.font-editorial input,.font-editorial select,.font-editorial textarea{font-family:Inter,Arial,sans-serif}
.settings-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;align-items:start}.settings-tabs{position:sticky;top:92px;display:flex;flex-direction:column;gap:5px;padding:8px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(42,30,48,.05)}.settings-tabs button{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;gap:1px 9px;width:100%;padding:10px;border:0;border-radius:11px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.settings-tabs button>span{grid-row:1/3;display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#f7f4f7;font-size:15px}.settings-tabs b{font-size:10px}.settings-tabs small{color:var(--muted);font-size:7px}.settings-tabs button.active{background:color-mix(in srgb,var(--primary) 9%,white);color:var(--primary)}.settings-tabs button.active>span{background:#fff;box-shadow:0 4px 11px rgba(50,35,55,.07)}.settings-panels,.settings-main-form{min-width:0}.settings-main-form{display:contents}.settings-panel{display:none;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 10px 32px rgba(42,30,48,.055)}.settings-panel.active{display:block}.settings-panel>header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,white),#fff)}.settings-panel>header>span{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,white);font-size:18px}.settings-panel h3,.settings-panel h4{margin:0}.settings-panel h3{font-size:16px}.settings-panel header p,.settings-panel article>p{margin:3px 0 0;color:var(--muted);font-size:9px}.settings-panel>footer{display:flex;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--line);background:#fcfbfc}.settings-fields,.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.settings-fields label,.appearance-grid label{display:block;color:var(--text);font-size:9px;font-weight:850}.settings-fields label.wide,.appearance-grid label.wide{grid-column:1/-1}.settings-fields input,.settings-fields textarea,.appearance-grid input{width:100%;margin-top:7px;padding:10px 12px;border:1px solid #e2dee5;border-radius:11px;background:#fff;color:var(--text);font:inherit}.settings-fields input,.appearance-grid input{height:43px}.settings-fields textarea{resize:vertical}.appearance-grid>.custom-select{margin-top:7px}.theme-preview{display:flex;align-items:center;gap:11px;margin:0 20px 20px;padding:15px;border:1px solid color-mix(in srgb,var(--primary) 15%,white);border-radius:14px;background:color-mix(in srgb,var(--primary) 5%,white)}.theme-preview>span{width:13px;height:38px;border-radius:8px;background:var(--primary);box-shadow:3px 4px 0 color-mix(in srgb,var(--primary) 35%,transparent)}.theme-preview div{min-width:0;flex:1}.theme-preview b,.theme-preview small{display:block}.theme-preview b{font-size:11px}.theme-preview small{color:var(--muted);font-size:8px}.theme-preview button{padding:9px 12px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-size:9px;font-weight:800}.setting-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:20px}.setting-toggle-grid>label{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #ebe7ec;border-radius:13px;background:#fff}.setting-toggle-grid label>span{min-width:0;flex:1}.setting-toggle-grid b,.setting-toggle-grid small{display:block}.setting-toggle-grid b{font-size:10px}.setting-toggle-grid small{margin-top:2px;color:var(--muted);font-size:7px}.setting-toggle-grid input{appearance:none;width:38px;height:22px;flex:0 0 38px;margin:0;border-radius:20px;background:#dcd8df;cursor:pointer;transition:.18s}.setting-toggle-grid input:before{content:"";display:block;width:16px;height:16px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.18s}.setting-toggle-grid input:checked{background:var(--primary)}.setting-toggle-grid input:checked:before{transform:translateX(16px)}.data-setting-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;padding:20px}.data-setting-grid article{padding:17px;border:1px solid var(--line);border-radius:14px}.data-setting-grid .export-links{margin:14px 0}.backup-button{display:inline-flex;padding:10px 13px;border-radius:10px;background:#292d39;color:#fff;text-decoration:none;font-size:9px;font-weight:850}
.pnl-period{display:flex;align-items:end;gap:9px;margin-bottom:12px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:#fff}.pnl-period label{color:var(--muted);font-size:8px;font-weight:800}.pnl-period input{display:block;height:37px;margin-top:4px;padding:7px 9px;border:1px solid #e3dfe5;border-radius:9px;font:inherit}.pnl-period button{height:37px;padding:8px 15px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-weight:800}.pnl-tabs{display:inline-flex;gap:4px;margin-bottom:14px;padding:4px;border-radius:12px;background:#ece9ee}.pnl-tabs a{padding:8px 13px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:9px;font-weight:850}.pnl-tabs a.active{background:#fff;color:var(--primary);box-shadow:0 3px 9px rgba(42,30,48,.08)}.pnl-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.pnl-summary article{padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(42,30,48,.04)}.pnl-summary small,.pnl-summary b,.pnl-summary span{display:block}.pnl-summary small{color:var(--muted);font-size:7px;font-weight:850;letter-spacing:.11em}.pnl-summary b{margin:7px 0 4px;font-size:20px}.pnl-summary span{color:var(--muted);font-size:8px}.positive{color:#23845a!important}.negative{color:#c7525f!important}.pnl-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px;align-items:start}.pnl-statement{padding:0;overflow:hidden}.pnl-statement>header,.cashflow-list>header,.calendar-agenda>header{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid var(--line)}.pnl-statement header small,.cashflow-list header small,.calendar-agenda header small{color:var(--primary);font-size:7px;font-weight:900;letter-spacing:.12em}.pnl-statement h3,.cashflow-list h3,.calendar-agenda h3{margin:3px 0 0}.pnl-statement header>span,.cashflow-list header>span{color:var(--muted);font-size:8px}.statement-row{display:flex;justify-content:space-between;gap:15px;padding:11px 19px;border-bottom:1px solid #f0edf1;font-size:10px}.statement-row.sub{padding:7px 19px 7px 33px;color:var(--muted);font-size:8px}.statement-row.total{background:#faf9fb;font-weight:900}.statement-row.grand-total{padding-top:15px;padding-bottom:15px;background:color-mix(in srgb,var(--primary) 8%,white);font-size:13px;font-weight:900}.pnl-note{padding:20px}.pnl-note>span{font-size:24px}.pnl-note h3{margin:10px 0 6px}.pnl-note p{margin:0;color:var(--muted);font-size:9px;line-height:1.65}.cashflow-list{padding:0;overflow:hidden}.cashflow-list>article{display:grid;grid-template-columns:85px minmax(0,1fr) 60px 105px;align-items:center;gap:12px;padding:13px 19px;border-bottom:1px solid #f0edf1}.cashflow-list time{color:var(--muted);font-size:8px}.cashflow-list article div b,.cashflow-list article div small{display:block}.cashflow-list article div b{font-size:10px}.cashflow-list article div small{margin-top:3px;color:var(--muted);font-size:7px}.cashflow-list article>strong{text-align:right;font-size:11px}.flow-tag{padding:5px 8px;border-radius:10px;text-align:center;font-size:7px;font-weight:900}.flow-tag.in{background:#eaf8f1;color:#23845a}.flow-tag.out{background:#fff0f1;color:#c7525f}
.calendar-toolbar{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:13px}.calendar-toolbar>a{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);text-decoration:none;font-size:22px}.calendar-toolbar div{text-align:center}.calendar-toolbar small{color:var(--primary);font-size:7px;font-weight:900;letter-spacing:.13em}.calendar-toolbar h3{margin:3px 0 0;font-size:18px}.calendar-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:14px}.calendar-stats article{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.calendar-stats article>span{display:grid;width:35px;height:35px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--primary) 9%,white)}.calendar-stats small,.calendar-stats b{display:block}.calendar-stats small{color:var(--muted);font-size:7px}.calendar-stats b{margin-top:3px;font-size:14px}.business-calendar{padding:0;overflow-x:auto}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));min-width:735px}.calendar-weekdays b{padding:10px;border-right:1px solid var(--line);background:#faf9fb;color:var(--muted);font-size:7px;text-align:center}.calendar-day{min-height:128px;padding:9px;border-top:1px solid var(--line);border-right:1px solid var(--line);background:#fff}.calendar-day.blank{background:#faf9fb}.calendar-day>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.calendar-day>header>b{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;font-size:9px}.calendar-day.today>header>b{background:var(--primary);color:#fff}.calendar-day>header span{color:var(--primary);font-size:6px;font-weight:850}.calendar-sale{margin-bottom:6px;padding:7px;border-radius:9px;background:#eef8f2}.calendar-sale small,.calendar-sale strong,.calendar-sale em{display:block}.calendar-sale small{color:#488264;font-size:6px}.calendar-sale strong{margin:2px 0;color:#25744e;font-size:9px}.calendar-sale em{color:#65917a;font-size:6px;font-style:normal}.calendar-event{display:block;margin-top:5px;padding:7px;border-left:3px solid var(--primary);border-radius:3px 8px 8px 3px;background:color-mix(in srgb,var(--primary) 7%,white);color:var(--text);text-decoration:none}.calendar-event b,.calendar-event small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event b{font-size:7px}.calendar-event small{margin-top:2px;color:var(--muted);font-size:6px}.more-events{display:block;margin-top:5px;color:var(--primary);font-size:6px}.calendar-agenda{display:none;margin-top:14px;padding:0}.calendar-agenda>article{display:grid;grid-template-columns:45px 1fr;gap:13px;padding:13px 17px;border-top:1px solid var(--line)}.calendar-agenda time{display:grid;width:40px;height:45px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--primary) 9%,white);color:var(--primary)}.calendar-agenda time b{font-size:14px}.calendar-agenda time small{font-size:7px}.calendar-agenda p{display:grid;grid-template-columns:44px 1fr;gap:2px 8px;margin:0 0 8px}.calendar-agenda p>span{grid-row:1/3;padding:4px;border-radius:7px;background:#eef8f2;color:#25744e;font-size:6px;font-weight:900;text-align:center}.calendar-agenda p>b{font-size:9px}.calendar-agenda p>small{color:var(--muted);font-size:7px}.calendar-agenda p.agenda-event>span{background:color-mix(in srgb,var(--primary) 9%,white);color:var(--primary)}
.theme-candy{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,#fff7fb),#fff 55%,color-mix(in srgb,var(--primary) 5%,#f4f8ff));--line:color-mix(in srgb,var(--primary) 15%,#e9e4ec)}.theme-candy .card,.theme-candy .settings-panel,.theme-candy .pnl-summary article,.theme-candy .calendar-stats article,.theme-candy .filter-bar{border:2px solid rgba(255,255,255,.9);border-radius:21px;background:rgba(255,255,255,.9);box-shadow:0 13px 0 color-mix(in srgb,var(--primary) 11%,#eee7ef),0 22px 42px color-mix(in srgb,var(--primary) 12%,transparent)}.theme-candy button.primary,.theme-candy a.primary,.theme-candy .pagehead>button{border-radius:14px;box-shadow:0 6px 0 color-mix(in srgb,var(--primary) 62%,#713650)}.theme-candy .side nav a.active{border:2px solid color-mix(in srgb,var(--primary) 14%,white);border-radius:17px;background:color-mix(in srgb,var(--primary) 10%,white);box-shadow:4px 5px 0 color-mix(in srgb,var(--primary) 13%,white)}.theme-candy .header-logo,.theme-candy .settings-tabs{border-radius:16px;box-shadow:4px 5px 0 color-mix(in srgb,var(--primary) 11%,white)}.theme-candy .calendar-sale,.theme-candy .calendar-event,.theme-candy .theme-preview{border-radius:13px}
@media(max-width:760px){.settings-workspace{grid-template-columns:1fr}.settings-tabs{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.settings-tabs button{min-width:0}.settings-tabs button:last-child:nth-child(odd){grid-column:1/-1}.settings-fields,.appearance-grid,.setting-toggle-grid,.data-setting-grid{grid-template-columns:1fr;padding:15px}.settings-fields label.wide,.appearance-grid label.wide{grid-column:auto}.settings-panel>footer{padding:12px 15px}.settings-panel>footer .primary{width:100%}.theme-preview{margin:0 15px 15px}.theme-preview button{display:none}.pnl-pagehead>button{font-size:10px!important}.pnl-period{display:grid;grid-template-columns:1fr 1fr}.pnl-period label input{width:100%;font-size:16px}.pnl-period button{grid-column:1/-1}.pnl-summary,.calendar-stats{grid-template-columns:1fr}.pnl-grid{grid-template-columns:1fr}.pnl-note{display:none}.cashflow-list>article{grid-template-columns:1fr auto}.cashflow-list time{grid-column:1/2}.cashflow-list article>div{grid-column:1/2}.cashflow-list .flow-tag{grid-column:2;grid-row:1}.cashflow-list article>strong{grid-column:2;grid-row:2}.calendar-agenda{display:block}.calendar-head>.primary{display:inline-flex}.business-calendar{border-radius:16px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,92px);min-width:644px}.calendar-day{min-height:112px}.font-editorial .pagehead h2{font-size:27px}}
/* Print only the selected finance report — no dashboard chrome */
.print-only-report-head{display:none}.print-report{min-width:0}.cashflow-list{max-width:100%;overflow:visible}.cashflow-list>article>*{min-width:0}.cashflow-list article div b{overflow-wrap:anywhere}
@media(max-width:760px){.print-report .pnl-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.print-report .pnl-summary article{min-width:0;padding:10px 8px;border-radius:11px}.print-report .pnl-summary small{font-size:6px;letter-spacing:.05em}.print-report .pnl-summary b{margin:5px 0 2px;font-size:clamp(9px,3vw,12px);overflow-wrap:anywhere}.print-report .pnl-summary span{font-size:6px}.cashflow-list>header{padding:14px}.cashflow-list>article{width:100%;padding:11px 14px}.cashflow-list article>strong{font-size:10px;white-space:nowrap}}
@media print{
 @page{size:A4;margin:13mm}
 html,body{width:100%!important;overflow:visible!important;background:#fff!important;color:#202027!important}
 body *{visibility:hidden!important}
 .print-report,.print-report *{visibility:visible!important}
 .print-report{position:absolute!important;inset:0 auto auto 0!important;width:100%!important;margin:0!important;padding:0!important}
 .print-only-report-head{display:flex!important;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid var(--primary)}
 .print-only-report-head img{width:50px;height:50px;object-fit:contain;border-radius:10px}
 .print-only-report-head small{color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
 .print-only-report-head h1{margin:2px 0;font-size:23px}
 .print-only-report-head p{margin:0;color:#777;font-size:9px}
 .print-report .pnl-summary{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-bottom:12px!important}
 .print-report .pnl-summary article{padding:12px!important;border:1px solid #ddd!important;border-radius:9px!important;box-shadow:none!important;break-inside:avoid}
 .print-report .pnl-summary b{font-size:16px!important}
 .print-report .pnl-grid{display:block!important}
 .print-report .pnl-statement,.print-report .cashflow-list{border:1px solid #ddd!important;border-radius:9px!important;box-shadow:none!important}
 .print-report .pnl-note{display:none!important}
 .cashflow-list>header,.pnl-statement>header{padding:12px 14px!important}
 .cashflow-list>article{grid-template-columns:75px minmax(0,1fr) 55px 95px!important;gap:8px!important;padding:9px 14px!important;break-inside:avoid}
 .statement-row{padding:9px 14px!important;break-inside:avoid}
 .statement-row.sub{padding-left:28px!important}
 .flow-tag{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* V13 compact calendar, adaptive colours, dashboard insights and mobile menu cards */
:root{--on-primary:#fff;--primary-deep:var(--primary)}
.side nav a.active{color:var(--on-primary)!important}.theme-candy .side nav a.active{border-color:color-mix(in srgb,var(--primary) 78%,#fff);background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:var(--on-primary)!important}.theme-candy .side nav a.active .navicon{color:var(--on-primary)!important}.theme-candy .side nav a.active i{background:color-mix(in srgb,var(--on-primary) 20%,transparent);color:var(--on-primary)}
.primary,.pagehead>button,.hero>a,.theme-candy button.primary,.theme-candy a.primary,.theme-candy .pagehead>button{color:var(--on-primary)!important}.mobile{color:var(--primary)!important}.custom-select-option.selected{color:var(--primary)!important}
input,select,textarea{font-size:16px}.login-card input{font-size:16px!important}
.dashboard-overview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;margin-bottom:14px}.dashboard-overview>.card{min-width:0;padding:0;overflow:hidden}.dashboard-overview header,.dashboard-recent>header{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--line)}.dashboard-overview header>div:nth-child(2),.dashboard-recent>header>div{min-width:0;flex:1}.dashboard-overview header small,.dashboard-recent header small{color:var(--primary);font-size:7px;font-weight:900;letter-spacing:.12em}.dashboard-overview header h3,.dashboard-recent header h3{margin:2px 0 0;font-size:15px}.dashboard-overview header p{margin:2px 0 0;color:var(--muted);font-size:8px}.dashboard-overview header>a,.dashboard-recent header>a{color:var(--primary);font-size:8px;font-weight:850;text-decoration:none;white-space:nowrap}.reminder-bell{position:relative;display:grid;width:43px;height:43px;flex:0 0 43px;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 18%,white);border-radius:14px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--primary) 13%,white));box-shadow:4px 5px 0 color-mix(in srgb,var(--primary) 17%,white)}.reminder-bell>span{font-size:20px;transform-origin:50% 0;animation:bell-ring 3.2s ease-in-out infinite}.reminder-bell>i{position:absolute;right:-5px;top:-5px;display:grid;min-width:18px;height:18px;padding:0 4px;place-items:center;border:2px solid #fff;border-radius:10px;background:var(--primary);color:var(--on-primary);font-size:7px;font-style:normal;font-weight:900}@keyframes bell-ring{0%,82%,100%{transform:rotate(0)}86%{transform:rotate(14deg)}90%{transform:rotate(-12deg)}94%{transform:rotate(8deg)}98%{transform:rotate(-5deg)}}
.upcoming-list{padding:5px 16px 12px}.upcoming-list>a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid #f0edf1;color:inherit;text-decoration:none}.upcoming-list>a:last-child{border-bottom:0}.upcoming-list time{display:grid;width:40px;height:44px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--primary) 9%,white);color:var(--primary)}.upcoming-list time b{font-size:14px}.upcoming-list time small{font-size:7px;text-transform:uppercase}.upcoming-list a>div{min-width:0}.upcoming-list a>div b,.upcoming-list a>div span,.upcoming-list a>div small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-list a>div b{font-size:10px}.upcoming-list a>div span{margin:2px 0;color:var(--muted);font-size:8px}.upcoming-list a>div small{color:#77737d;font-size:7px}.upcoming-list em{padding:5px 8px;border-radius:9px;background:color-mix(in srgb,var(--primary) 9%,white);color:var(--primary);font-size:7px;font-style:normal;font-weight:850;white-space:nowrap}.dashboard-empty{display:flex;align-items:center;gap:11px;padding:22px}.dashboard-empty>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#eaf8f1;color:#23845a}.dashboard-empty b,.dashboard-empty small{display:block}.dashboard-empty b{font-size:10px}.dashboard-empty small{color:var(--muted);font-size:8px}
.trend-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 17px 7px}.trend-summary>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:3px 7px;min-width:0}.sales-dot,.expense-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary)}.expense-dot{background:#f0a263}.trend-summary small{color:var(--muted);font-size:7px}.trend-summary b{grid-column:2;font-size:13px}.trend-summary em{grid-column:3;grid-row:1/3;font-size:7px;font-style:normal;font-weight:850}.trend-summary em.up{color:#23845a}.trend-summary em.down{color:#c7525f}.trend-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;height:160px;gap:7px;padding:12px 17px 4px}.trend-month{display:grid;height:100%;grid-template-rows:1fr auto;gap:5px;min-width:0}.trend-bars{display:flex;align-items:end;justify-content:center;gap:3px;min-height:0;border-bottom:1px solid var(--line)}.trend-bars i{width:min(12px,38%);min-height:3px;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,var(--primary-deep),var(--primary))}.trend-bars .expense-bar{background:linear-gradient(to top,#dc7b45,#f5b376)}.trend-month>small{color:var(--muted);font-size:7px;text-align:center}.business-trend>footer{display:flex;justify-content:center;gap:14px;padding:7px 15px 13px}.business-trend>footer span{color:var(--muted);font-size:7px}.business-trend>footer i{margin-right:4px}.dashboard-recent{padding:0;overflow:hidden}.dashboard-recent>header{padding:16px 18px}.dashboard-recent>.table{margin:0 12px 12px}
@media(max-width:760px){
 .dashboard-overview{grid-template-columns:1fr}.dashboard-overview header,.dashboard-recent>header{padding:14px}.upcoming-list{padding:4px 12px 10px}.upcoming-list>a{grid-template-columns:42px minmax(0,1fr);gap:9px}.upcoming-list em{grid-column:2;justify-self:start;margin-top:2px}.trend-chart{height:135px;padding-left:13px;padding-right:13px}.dashboard-recent>.table{margin:0}
 .business-calendar{width:100%;overflow:hidden!important}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;min-width:0!important;width:100%}.calendar-weekdays b{min-width:0;padding:6px 1px;font-size:6px}.calendar-day{min-width:0;min-height:64px;padding:3px 2px}.calendar-day>header{justify-content:center;margin-bottom:2px}.calendar-day>header>b{width:20px;height:20px;border-radius:7px;font-size:8px}.calendar-day>header span{display:none}.calendar-sale{display:flex;align-items:center;justify-content:center;margin:1px auto;padding:0;width:7px;height:7px;border-radius:50%;background:#45a06d}.calendar-sale>*{display:none!important}.calendar-event{width:7px;height:7px;margin:2px auto;padding:0;border:0;border-radius:50%;background:var(--primary)}.calendar-event>*{display:none!important}.calendar-day .calendar-event:nth-of-type(n+3),.more-events{display:none}.calendar-agenda{display:block}
 .menu-catalog-table{margin:0!important;overflow:visible!important}.menu-catalog-table table,.menu-catalog-table tbody{display:block;width:100%;white-space:normal}.menu-catalog-table tr:first-child{display:none}.menu-catalog-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-bottom:11px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 20px rgba(40,28,48,.055)}.menu-catalog-table td{display:block;min-width:0;padding:0;border:0;font-size:11px}.menu-catalog-table td:first-child{grid-column:1/-1;padding-bottom:8px;border-bottom:1px solid var(--line)}.menu-catalog-table td:nth-child(n+2):before{display:block;margin-bottom:2px;color:var(--muted);font-size:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.menu-catalog-table td:nth-child(2):before{content:"Harga"}.menu-catalog-table td:nth-child(3):before{content:"Kos"}.menu-catalog-table td:nth-child(4):before{content:"Margin"}.menu-catalog-table td:nth-child(5):before{content:"Status"}.menu-catalog-table td:last-child{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px;padding-top:6px}.menu-catalog-table .menu-cell{align-items:center}.menu-catalog-table .menu-thumb,.menu-catalog-table .menu-placeholder{width:58px;height:58px;flex:0 0 58px;border-radius:12px;object-fit:cover}
}
@media(prefers-reduced-motion:reduce){.reminder-bell>span{animation:none}}

/* iPhone fixed header and readable actions */
html,body{overflow-x:clip}
@media(max-width:760px){
 .shell main{padding-top:calc(70px + env(safe-area-inset-top))!important}
 .shell main>header{position:fixed!important;inset:0 0 auto 0!important;width:100%!important;height:calc(70px + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top)!important;z-index:900!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .content{padding-top:17px!important}
 .pagehead>button{width:auto!important;height:auto!important;min-width:42px!important;padding:10px 13px!important;font-size:11px!important}
 .pagehead>button:after{content:none!important}
 body[data-language="en"] .menu-catalog-table td:nth-child(2):before{content:"Price"}
 body[data-language="en"] .menu-catalog-table td:nth-child(3):before{content:"Cost"}
 body[data-language="en"] .menu-catalog-table td:nth-child(4):before{content:"Margin"}
 body[data-language="en"] .menu-catalog-table td:nth-child(5):before{content:"Status"}
}
.login-business-logo{display:block;width:72px;height:72px;margin:0 auto 12px;padding:5px;object-fit:contain;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(40,28,48,.09)}