@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--dark:#173329;--ink:#24332e;--muted:#77817b;--line:#e9eae4;--light:#f7f8f4;--orange:#e6a55c;--orange-dark:#b7783a;--sage:#e7eee7;--green:#27775b;--red:#d56458;--shadow:0 14px 45px rgba(18,42,34,.07);font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--light);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.04em}h1{font-size:clamp(25px,3.1vw,36px);font-weight:800}h2{font-size:20px}h3{font-size:15px}small{color:var(--muted)}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.logo-flour{font-size:54px;color:var(--orange)}.shell{display:flex;min-height:100vh}.side{position:sticky;top:0;height:100vh;background:var(--dark);color:#f0f6ed;width:250px;flex:0 0 250px;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:4px 10px 35px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;font-size:29px;border-radius:13px;background:linear-gradient(145deg,#f5cf87,#d7994e);color:#203e32}.brand strong{display:block;font-size:20px;letter-spacing:-.04em}.brand small{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#c9cbb9;font-weight:700}.side-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#829d90;padding:0 15px 15px;font-weight:800}.sidenav{display:grid;gap:8px}.sidenav button{width:100%;display:flex;align-items:center;gap:15px;border:0;background:transparent;color:#b7cabe;padding:14px 15px;border-radius:12px;font-weight:650;text-align:left;font-size:14px}.sidenav button:hover{background:#24483b}.sidenav button.active{background:#345446;color:#fff}.navico{width:24px;text-align:center;font-size:19px}.side-spacer{flex:1}.side-note{background:#26483d;border:1px solid #36594b;border-radius:16px;padding:18px;margin-bottom:13px}.side-note .label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e4c48c;font-weight:800}.side-note p{font-size:13px;line-height:1.55;margin:9px 0;color:#e0eadf}.side-note a{font-size:13px;color:#ffd594;font-weight:750}.side-foot{padding:0 10px;font-size:11px;color:#8ca798}.mainwrap{flex:1;min-width:0}.top{height:83px;background:rgba(255,255,255,.91);border-bottom:1px solid var(--line);padding:0 clamp(22px,3vw,48px);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.top-left{display:flex;align-items:center;gap:16px}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-bottom:6px}.top-title{font-weight:800;font-family:Manrope;font-size:15px;color:var(--dark)}.top-actions{display:flex;gap:12px;align-items:center}.badge-demo{background:#fff3dc;color:#996326;padding:7px 12px;border-radius:50px;font-size:11px;font-weight:800}.avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#e7ebe2;color:var(--dark);font-weight:800;border:1px solid #d5dbce}.tiny-btn{border:1px solid #dce3d9;background:#fff;border-radius:10px;padding:9px 12px;color:#385045;font-size:12px;font-weight:750}.workspace{padding:33px clamp(22px,3vw,48px) 68px;max-width:1700px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px;flex-wrap:wrap}.subtitle{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.btn{border:1px solid transparent;background:var(--dark);color:white;padding:12px 17px;border-radius:11px;font-weight:750;font-size:13px;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:transform .15s,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-light{background:#fff;color:var(--dark);border-color:#dee5dc}.btn-accent{background:var(--orange);color:#33210f}.btn-danger{background:#fff2f0;color:#af3d32;border-color:#f2d6d2}.btn-sm{padding:8px 12px;font-size:12px;border-radius:9px}.btn-link{background:none;border:0;color:var(--green);font-weight:800;padding:8px 0;font-size:13px}.card{background:white;border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}.card-pad{padding:22px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric{padding:22px 23px;min-height:142px;position:relative;overflow:hidden}.metric .metric-icon{width:39px;height:39px;border-radius:12px;background:#eef5ed;display:grid;place-items:center;font-size:19px;margin-bottom:15px}.metric .value{font-size:29px;line-height:1.2;letter-spacing:-.06em;font-weight:800;font-family:Manrope}.metric .metric-label{font-size:12px;color:#7b8680;font-weight:750;margin-top:9px}.metric .hint{position:absolute;top:24px;right:20px;font-size:11px;font-weight:800;color:#6d987b}.cols{display:grid;grid-template-columns:1.55fr .95fr;gap:21px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head small{font-size:12px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.data-table th{font-size:10px;color:#8b978e;text-transform:uppercase;letter-spacing:.1em;font-weight:850;padding:14px 13px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:16px 13px;border-bottom:1px solid #f0f1eb;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table .sub{display:block;color:var(--muted);font-size:11px;margin-top:4px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;background:#edf3ec;color:#407356;font-size:10px;font-weight:850;letter-spacing:.025em;text-transform:uppercase}.pill.warn{background:#fff1df;color:#a77936}.pill.red{background:#feeeee;color:#bd504a}.pill.neutral{background:#eef1ef;color:#72817a}.pill.blue{background:#e9eefb;color:#526db2}.dot{display:inline-block;width:7px;height:7px;background:currentColor;border-radius:50%}.empty{text-align:center;padding:34px 20px;color:var(--muted);font-size:13px}.empty-ico{font-size:30px;display:block;margin-bottom:10px}.hero-card{background:linear-gradient(128deg,#193b2f,#2d5946);color:#fff;border:0;position:relative;overflow:hidden}.hero-card:after{content:'✳';position:absolute;right:-22px;bottom:-95px;font-size:235px;color:rgba(248,209,149,.09);pointer-events:none}.hero-card .eyebrow{color:#f2c991}.hero-card h2{font-size:27px;max-width:440px;line-height:1.26}.hero-card p{font-size:13px;line-height:1.7;color:#d2e3d5;margin:15px 0 25px;max-width:420px}.hero-card .btn{background:#eec78b;color:#3e2c17}.timeline{display:grid;gap:0}.event{display:flex;gap:12px;font-size:12px;line-height:1.5;padding:12px 0;border-bottom:1px solid #f0f2ee}.event:last-child{border-bottom:0}.event .circle{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:50%;background:#eaf3ec;color:#3f7e60;font-size:13px}.event strong{display:block}.tabs-inline{display:flex;gap:7px;overflow:auto;padding:5px;background:#eff1eb;border-radius:13px;width:max-content;max-width:100%;margin-bottom:20px}.tabs-inline button{border:0;border-radius:9px;background:transparent;color:#78887d;padding:11px 17px;white-space:nowrap;font-size:12px;font-weight:800}.tabs-inline button.active{background:white;box-shadow:0 3px 15px #203d2b15;color:var(--dark)}.board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;overflow-x:auto;padding-bottom:10px}.lane{min-width:230px;border:1px solid #e8eae3;background:#f0f2ed;border-radius:17px;padding:14px;min-height:310px}.lane-head{display:flex;align-items:center;justify-content:space-between;padding:8px 5px 15px;font-weight:800;font-size:12px}.lane-count{background:#fff;border-radius:7px;padding:4px 9px;color:#68786d}.batch-card{background:white;padding:16px;border:1px solid #e8ede4;border-radius:13px;margin-bottom:11px;box-shadow:0 3px 14px #173b2f08}.batch-card h3{font-size:14px;line-height:1.5}.batch-card p{font-size:12px;color:#899289;margin:7px 0 12px}.batch-card .btn{width:100%}.muted{color:var(--muted)}.fine{font-size:11px;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.product-card{border:1px solid var(--line);border-radius:16px;padding:12px;background:white;text-align:left;display:flex;flex-direction:column;align-items:stretch;min-height:194px}.product-art{height:100px;border-radius:11px;background:linear-gradient(145deg,#f7f0e6,#eac8a4);display:grid;place-items:center;font-size:49px;overflow:hidden}.product-card h3{font-size:13px;letter-spacing:-.02em;margin:11px 0 5px}.product-card p{font-size:11px;color:#89968b;margin-bottom:10px}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.price{font-size:14px;font-weight:850}.add-circle{width:27px;height:27px;border-radius:8px;background:var(--dark);color:white;display:grid;place-items:center;font-size:20px}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.cart-sticky{position:sticky;top:110px}.cart-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #f0f0e9}.cart-row strong{font-size:13px}.cart-row small{font-size:11px}.qty{display:flex;align-items:center;gap:10px}.qty button{width:24px;height:24px;border-radius:7px;border:1px solid #dce5da;background:#f6f9f5;color:#4c765b;font-weight:900}.cart-totals{padding-top:14px}.total-line{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);padding:8px 0}.total-line.grand{font-size:18px;color:var(--dark);font-weight:850;border-top:1px solid var(--line);margin:8px 0 15px;padding-top:16px}.search{width:100%;border:1px solid #e1e5dd;background:#fff;padding:13px 15px;border-radius:11px;outline:none;font-size:13px}.search:focus,.input:focus{border-color:#6b9273;box-shadow:0 0 0 3px #6b927324}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field label{font-size:11px;letter-spacing:.03em;color:#63746a;font-weight:800}.input{width:100%;border:1px solid #dce3da;border-radius:10px;background:#fff;padding:12px 13px;color:var(--ink);font-size:13px;outline:none;min-height:43px}.field textarea{resize:vertical;min-height:78px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.overlay{position:fixed;inset:0;z-index:80;background:#12291f9a;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.modal{background:#fff;border-radius:21px;width:min(600px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 25px 80px #0003}.modal-header{padding:24px 26px 14px;display:flex;justify-content:space-between;align-items:center}.modal-main{padding:10px 26px 26px}.close{border:0;background:#eff1ed;border-radius:9px;padding:7px 12px;font-size:19px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.notice{background:#fff6e8;color:#825c2d;border:1px solid #f5dfbd;border-radius:12px;padding:13px 15px;font-size:12px;line-height:1.6;margin-bottom:16px}.notice.good{background:#eff7ee;color:#387350;border-color:#dceadb}.notice.red{background:#fff1f1;color:#974945;border-color:#fad7d5}.toggle{position:relative;display:inline-flex;align-items:center;gap:11px;cursor:pointer;font-size:13px;font-weight:750}.toggle input{appearance:none;background:#d6deda;width:38px;height:23px;border-radius:99px;position:relative;cursor:pointer}.toggle input:checked{background:#36765a}.toggle input:after{content:'';position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .15s}.toggle input:checked:after{transform:translateX(15px)}.divider{height:1px;background:var(--line);margin:19px 0}.feature-rows{display:grid;gap:14px}.feature-row{border:1px solid #e7ebe3;border-radius:13px;padding:17px;display:flex;justify-content:space-between;align-items:center;gap:12px}.feature-row strong{font-size:13px}.feature-row p{font-size:11px;color:#839189;line-height:1.5;margin-top:4px}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-plan{padding:25px}.price-plan strong{font-size:16px}.price-plan .money{font-size:30px;margin:19px 0;font-weight:850;font-family:Manrope}.price-plan .subitem{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eee;font-size:12px}.price-plan.selected{border:2px solid #cb9f5d}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f7f8f2}.login-art{background:radial-gradient(circle at 75% 85%,#46705c 0%,transparent 45%),linear-gradient(135deg,#112f27,#2d4e3e);padding:8%;color:white;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-art .brand{padding:0}.login-art .big{font-size:clamp(44px,5vw,75px);line-height:1.06;font-weight:850;letter-spacing:-.065em;font-family:Manrope;max-width:650px}.login-art .big i{font-style:normal;color:#f1c68e}.login-art p{line-height:1.8;font-size:14px;color:#bdd5c6;max-width:470px;margin-top:25px}.login-art .art-graphic{align-self:center;font-size:clamp(125px,21vw,330px);filter:drop-shadow(0 30px 35px #09251e70);transform:rotate(-12deg)}.login-pane{display:flex;justify-content:center;align-items:center;padding:25px}.login-card{width:min(420px,100%)}.login-card h1{font-size:35px}.login-card p{color:#748278;font-size:14px;line-height:1.75;margin:18px 0 30px}.login-card .btn{width:100%;padding:15px}.mini-route{margin-top:30px;display:flex;gap:15px;flex-wrap:wrap;font-size:12px;color:#647869}.mini-route a{text-decoration:underline}.shop-shell{max-width:1120px;margin:auto;padding:0 22px 70px}.shop-top{padding:24px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.shop-hero{padding:50px 35px;margin:28px 0;border-radius:24px;color:#fff;background:linear-gradient(115deg,#173b2b,#4c6d4b);display:flex;justify-content:space-between;align-items:center;gap:20px}.shop-hero h1{font-size:37px;max-width:550px;margin-top:9px}.shop-hero p{margin-top:15px;color:#dbe7d7}.shop-hero .emoji{font-size:116px;filter:drop-shadow(0 16px 18px #173d3036)}.shop-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.shop-products .product-card{min-height:230px}.shop-products .product-art{height:130px}.shop-cart{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--dark);color:#fff;border-radius:16px;box-shadow:0 15px 50px #193a2f77;min-width:min(500px,calc(100% - 25px));padding:14px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:25}.shop-cart button{border:0;border-radius:9px;padding:10px 16px;background:#eec58b;color:#3f311d;font-weight:850}.mobile-bottom{display:none}.staff-shell{max-width:940px;margin:auto;padding:25px 20px 80px}.staff-hero{padding:30px;border-radius:20px;background:#173c2f;color:#fff;margin-bottom:25px}.staff-hero h1{font-size:30px}.staff-hero p{margin-top:9px;color:#bad3c1;font-size:13px}.staff-box{background:#fff;border:1px solid var(--line);padding:19px;border-radius:14px;margin-bottom:12px}.staff-box h3{font-size:15px}.staff-box p{font-size:12px;color:var(--muted);margin:8px 0}.staff-action{display:flex;gap:9px;flex-wrap:wrap}.safety-foot{margin-top:35px;padding:18px;border:1px dashed #cdd7ca;border-radius:13px;font-size:12px;color:#718176;line-height:1.6}.loading{opacity:.5;pointer-events:none}#toast-zone{position:fixed;right:18px;bottom:21px;z-index:150;display:grid;gap:9px}.toast{border-radius:11px;padding:13px 17px;background:#17362b;color:#fff;box-shadow:0 12px 35px #0002;font-size:13px;max-width:350px}.toast.err{background:#9f3d35}.surface-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:#a3afa4}.hint-chip{font-size:10px;background:#f5f6f1;border:1px solid #e5e9df;padding:5px 8px;border-radius:8px;color:#849387;font-weight:850}
@media(max-width:1200px){.side{width:210px;flex-basis:210px}.metric-grid{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.business-grid{grid-template-columns:1fr 1fr}}@media(max-width:960px){.side{display:none}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.97);border-top:1px solid var(--line);z-index:40;justify-content:space-around;padding:9px 3px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px #2037270c}.mobile-bottom button{border:0;background:transparent;color:#89968b;display:grid;justify-items:center;gap:4px;font-size:10px;font-weight:800;min-width:55px}.mobile-bottom button.active{color:#245f49}.mobile-bottom .navico{font-size:21px}.workspace{padding-bottom:110px}.cols{grid-template-columns:1fr}.pos-layout{grid-template-columns:1fr}.cart-sticky{position:static}}@media(max-width:620px){.top{height:67px;padding:0 17px}.top-title{font-size:12px}.top .badge-demo{display:none}.workspace{padding:23px 15px 105px}.page-head{gap:16px;align-items:flex-start}.page-head .actions{width:100%}.page-head .actions .btn{flex:1}.metric-grid{gap:10px}.metric{padding:15px;min-height:115px}.metric .metric-icon{width:31px;height:31px;margin-bottom:12px}.metric .value{font-size:24px}.metric .metric-label{font-size:10px}.metric .hint{top:16px;right:11px}.card-pad{padding:16px}.split,.business-grid{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card{min-height:181px;padding:9px}.product-art{height:88px;font-size:39px}.form-grid{grid-template-columns:1fr}.modal-header{padding:20px 17px 8px}.modal-main{padding:9px 17px 20px}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-pane{min-height:100vh}.shop-shell{padding:0 14px 90px}.shop-hero{padding:25px 19px;margin:14px 0}.shop-hero h1{font-size:25px}.shop-hero .emoji{font-size:65px}.shop-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-products .product-art{height:95px}.top-actions .tiny-btn{display:none}.data-table td{padding:12px 9px}.data-table th{padding:10px 9px}}

/* v0.8: sticky navigation remains viewport tall; compact recipe BOM editor */
.side{min-height:100dvh;height:100dvh;align-self:flex-start;overflow-y:auto}.bom-entry{padding:10px;justify-content:flex-start}.bom-entry select{flex:2;min-width:125px}.bom-entry input{flex:1;min-width:75px;max-width:130px}.bom-unit{min-width:45px;text-align:center}@media(max-width:620px){.bom-entry{flex-wrap:wrap}.bom-entry select{flex:1 1 100%}}

/* Friendly production stage rows */
.stage-entry{padding:10px}.stage-entry input[name=stageName]{flex:2;min-width:120px}.stage-entry input[name=stageMinutes]{flex:0 0 82px;max-width:82px}.stage-entry .toggle{flex:0 0 auto}@media(max-width:620px){.stage-entry{flex-wrap:wrap}.stage-entry input[name=stageName]{flex:1 1 100%}}

/* v0.9 Account & Business intelligence — presentation-only additions */
.account-banner{border-radius:22px;background:linear-gradient(125deg,#183c30,#315e49);color:white;padding:30px;display:flex;align-items:center;gap:22px;margin-bottom:22px}.account-banner h2{font-size:25px;margin:4px 0 6px}.account-banner p{color:#cce0d2;font-size:12px;line-height:1.6}.account-monogram{width:76px;height:76px;background:#ffffff1c;border:1px solid #ffffff40;border-radius:21px;display:grid;place-items:center;font-size:33px;font-weight:800;flex-shrink:0}.account-eyebrow{font-size:10px;letter-spacing:.15em;color:#d0a76c;font-weight:800}.account-plan{display:inline-block;margin-top:11px;background:#ffffff24;padding:7px 11px;border-radius:99px;font-size:11px;font-weight:750}.account-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.account-tile{min-height:156px;text-align:left;background:#fff;border:1px solid #e4ebe2;border-radius:17px;padding:19px;display:flex;flex-direction:column;gap:10px;color:var(--ink);box-shadow:0 5px 22px #102e2110;transition:border-color .15s,transform .15s}.account-tile:hover,.account-tile:focus-visible{border-color:#53886b;transform:translateY(-2px)}.account-tile.selected{border:2px solid #38765b;background:#f3faf4}.account-icon{width:38px;height:38px;background:#edf4eb;border-radius:11px;display:grid;place-items:center;font-size:22px;color:#276448}.account-tile-title{font-weight:850;font-size:13px;display:flex;justify-content:space-between}.account-tile-desc{font-size:11px;color:#7b8a81;line-height:1.5}.account-detail{margin-bottom:23px}.account-detail .subtitle{margin-bottom:18px}.account-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.account-facts>div{background:#f7f9f6;border:1px solid #e8ede5;padding:13px;border-radius:10px;display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}.account-facts small{font-size:10px;color:#7a8b80}.account-facts strong{font-size:13px}.access-link{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid #e5eae3;border-radius:12px;padding:15px;margin:12px 0}.access-link>div{flex:1;min-width:170px}.access-link p{font-size:11px;color:var(--muted);margin-top:5px}.insight-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.insight-toolbar strong{font-size:15px}.insight-toolbar p{font-size:11px;color:var(--muted);margin-top:6px;max-width:660px}.insight-period{display:flex;background:#eaf0e8;padding:5px;border-radius:12px;gap:3px}.insight-period button{border:0;background:transparent;border-radius:8px;padding:8px 12px;font-weight:800;color:#728278}.insight-period button.selected{background:white;color:#20583e;box-shadow:0 2px 6px #0001}.insight-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.insight-kpi{padding:20px;min-height:165px}.insight-icon{color:#2b7656;background:#eaf3eb;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;font-size:20px;margin-bottom:13px}.insight-label{font-size:11px;color:#65766a;font-weight:800}.insight-number{font-size:clamp(20px,2.2vw,29px);font-weight:850;color:#193c2d;letter-spacing:-.05em;margin:7px 0}.insight-detail,.insight-compare{color:#86938b;font-size:10px;line-height:1.5}.insight-compare{margin-top:7px;color:#497659}.insight-panels{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:20px}.insight-bars{height:175px;display:flex;align-items:end;gap:4px;margin-top:25px;border-bottom:1px solid #dfe6da}.insight-bar-col{height:100%;flex:1;display:flex;align-items:flex-end}.insight-bar{width:100%;background:#52866b;border-radius:4px 4px 0 0;min-height:3px}.insight-chart-foot{display:flex;justify-content:space-between;color:#85938a;font-size:10px;margin-top:10px}.insight-alerts{display:grid;gap:9px}.insight-alert{display:flex;justify-content:space-between;align-items:center;text-align:left;background:#f8faf6;border:1px solid #e5ece2;border-radius:11px;padding:13px 14px;color:var(--ink);gap:10px}.insight-alert span:first-child{display:grid;gap:4px}.insight-alert strong{font-size:12px}.insight-alert small{font-size:10px;color:#819185}.insight-count{font-weight:850;color:#3c7959;white-space:nowrap}.insight-integrity p{font-size:12px;color:#687b70;line-height:1.7;margin:12px 0}.insight-integrity strong{color:#384e40}@media(max-width:1150px){.account-tiles,.insight-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:730px){.insight-panels{grid-template-columns:1fr}.insight-toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.account-banner{padding:20px;gap:12px}.account-monogram{height:52px;width:52px;font-size:22px}.account-banner h2{font-size:18px}.account-tiles{gap:9px}.account-tile{padding:13px;min-height:148px}.account-facts{grid-template-columns:1fr}.insight-kpis{gap:9px}.insight-kpi{padding:13px;min-height:151px}.insight-number{font-size:22px}}

/* v1.0-B receipts */
.bill-modal{max-width:550px}.bill-preview{background:#f2f1ed;padding:25px;max-height:65vh;overflow:auto}.bill-paper{background:white;max-width:400px;margin:auto;padding:27px 22px;box-shadow:0 8px 32px #0002;font-size:12px;color:#151515;line-height:1.55}.bill-paper h2{text-align:center;font-size:18px;margin-bottom:12px;letter-spacing:0}.bill-paper h2:last-of-type{text-align:left}.bill-paper hr{border:0;border-top:1px dashed #999;margin:12px 0}.bill-paper p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.bill-paper td{padding:4px 0;vertical-align:top}
@media print{body>*:not(#bill-overlay){display:none!important}#bill-overlay{position:static!important;display:block!important;inset:auto!important;background:white!important;overflow:visible!important}#bill-overlay .modal{position:static!important;max-width:none!important;width:100%!important;max-height:none!important;box-shadow:none!important;border:0!important}#bill-overlay .no-print{display:none!important}#bill-overlay .bill-preview{max-height:none!important;overflow:visible!important;background:white!important;padding:0!important}#bill-overlay .bill-paper{max-width:80mm!important;margin:0 auto!important;padding:3mm!important;box-shadow:none!important} @page{size:auto;margin:5mm}}

/* v1.0-D: prevent narrow viewports clipping nested POS widgets. */
html,body,#root,.app,.app-shell,.workspace,.main,.content,.cols,.pos-layout,.card,.card-pad,.table-wrap{max-width:100%;min-width:0;box-sizing:border-box}
.pos-layout>* , .cols>* , .catalog-grid>* , .business-grid>*{min-width:0;max-width:100%}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:960px){.pos-layout,.cols,.split{grid-template-columns:minmax(0,1fr)!important}.side{display:none}.workspace{width:100%;min-width:0}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.top{min-width:0}.top-actions{gap:4px}.top-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-cart{max-width:calc(100vw - 20px)}.account-banner{flex-wrap:wrap}}

/* Bakery-specific storefront and staff access cards */
.qr-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;margin:18px 0}
.qr-access-card{min-width:0;border:1px solid #dce5df;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff}
.qr-access-card h3{margin:0 0 14px}.qr-access-image{max-width:100%;width:240px;height:auto;aspect-ratio:1;background:#fff;padding:6px;border:1px solid #e6ece8;border-radius:10px}
.qr-access-url{display:block;width:100%;white-space:normal;overflow-wrap:anywhere;font-size:12px;padding:10px;margin:12px 0;background:#f3f6f3;border-radius:8px}
.qr-access-actions{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:auto}.qr-access-card .fine{margin:12px 0}

/* v1.0-K: capacity subscriptions */
.capacity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.capacity-meter{border:1px solid #e0d8ca;border-radius:14px;padding:16px;background:#fff}.capacity-track{height:9px;background:#eee7da;overflow:hidden;border-radius:20px;margin:12px 0}.capacity-fill{height:100%;background:#4c977a;border-radius:20px}.capacity-fill.warning{background:#b47a32}.capacity-fill.critical,.capacity-fill.limit{background:#c25449}.capacity-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:16px 0}.capacity-plan{padding:18px 14px;border:1px solid #ddd2be;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:9px}.capacity-plan.selected{border:2px solid #3c7866;background:#f0faf5}.capacity-plan-price{font-size:1.5rem;font-weight:750}.capacity-plan-price small{font-size:.78rem;font-weight:400}.capacity-plan button{margin-top:auto}@media(max-width:950px){.capacity-plan-grid{grid-template-columns:1fr}}@media(max-width:600px){.capacity-grid{grid-template-columns:1fr}}

/* v2.1: maintain full-height left rail as long operational tables scroll */
@media(min-width:961px){.shell{background:linear-gradient(to right,var(--dark) 0 250px,var(--light) 250px)}.side{background:var(--dark)}}
@media(min-width:961px) and (max-width:1200px){.shell{background:linear-gradient(to right,var(--dark) 0 210px,var(--light) 210px)}}

/* v2.2 — AI Autopilot: premium, unmistakable operational mode and rush command surface. */
.ai-top-indicator{display:inline-flex;align-items:center;gap:8px;border:1px solid #a4aca2;border-radius:999px;background:#f5f7f4;color:#395046;padding:9px 12px;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap;letter-spacing:.015em}
.ai-top-indicator.active{background:#163c31;color:#e9f8db;border-color:#4ca17d;box-shadow:0 0 0 2px #3c966229}
.ai-pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:#70df9f;box-shadow:0 0 0 4px #72cf8a22;animation:ai-pulse 2s infinite}
@keyframes ai-pulse{50%{box-shadow:0 0 0 9px #72cf8a08}}
@media(prefers-reduced-motion:reduce){.ai-pulse{animation:none}}
.ai-hero{background:linear-gradient(140deg,#17382e,#215e4c 65%,#1f493e);border:1px solid #41725b;border-radius:18px;padding:25px;color:#fff;box-shadow:0 12px 24px #173b3024;position:relative;overflow:hidden}
.ai-hero:after{content:'✦';position:absolute;right:-32px;bottom:-100px;color:#ffffff0d;font-size:250px;line-height:1;pointer-events:none}
.ai-hero.is-off{background:linear-gradient(145deg,#333f3c,#4a5b54);border-color:#87948c}
.ai-hero-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;position:relative;z-index:1}
.ai-kicker{color:#c9e5c7;font-size:10px;letter-spacing:.15em;font-weight:900}
.ai-live-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #a7dac47a;background:#ffffff16;color:#e5f9e8;padding:8px 10px;border-radius:99px;font-size:10px;font-weight:850;letter-spacing:.08em}
.ai-hero h2{color:#fff;font-size:clamp(21px,2vw,29px);line-height:1.18;letter-spacing:-.025em;margin:20px 0 10px;position:relative;z-index:1}
.ai-hero p,.ai-hero small{color:#d8e9dd;line-height:1.65;font-size:12px;position:relative;z-index:1}
.ai-hero small{display:block;margin-top:16px;font-size:10px}
.ai-hero-actions{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.ai-hero-actions .btn{font-size:11px}
.ai-board{margin:0 0 22px;background:#f9fbf8;border:1px solid #d6e4dc;border-radius:20px;padding:22px;box-shadow:0 14px 28px #1437290b;min-width:0}
.ai-board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.ai-board-heading .ai-kicker{color:#4a8669}
.ai-board-heading h2{margin:4px 0;font-size:clamp(20px,2.2vw,29px);color:#163a2a}.ai-board-heading p{color:#6a8274;font-size:12px}
.ai-board-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.rush-source{font-size:10px;color:#557b65;font-weight:750}
.rush-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.rush-metrics>div{background:white;border:1px solid #e1ece4;border-radius:13px;padding:15px}.rush-metrics small{display:block;color:#6e8276;font-size:10px}.rush-metrics strong{font-size:29px;color:#1b4634;line-height:1.4}
.rush-metrics>div:nth-child(3) strong{color:#a9752c}.rush-metrics>div:nth-child(4) strong{color:#b34b45}
.rush-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.rush-toolbar>div{display:flex;gap:5px;flex-wrap:wrap}
.rush-view-button{padding:9px 11px;border-radius:9px;border:1px solid #dbe7de;background:#fff;color:#43624e;font-size:11px;font-weight:800;cursor:pointer}
.rush-view-button.selected{background:#1b513d;color:#fff;border-color:#1b513d}.rush-search{max-width:300px;min-width:170px}
.rush-lanes{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:11px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin}
.rush-lane{border:1px solid #dfebe2;background:#eef4ef;border-radius:14px;min-width:0;padding:10px}.rush-lane h4{font-size:12px;color:#1f4935;display:flex;justify-content:space-between;gap:6px;align-items:center;margin:2px 2px 12px}.rush-lane h4 span{font-size:10px;border-radius:20px;background:#d6e5da;padding:5px 8px;color:#365b43}
.rush-lane-items{display:grid;align-content:start;gap:9px;max-height:400px;overflow-y:auto}.rush-task{background:white;border:1px solid #e4eee5;border-left:3px solid #5b9778;padding:11px;border-radius:10px;min-width:0;box-shadow:0 4px 9px #193d2b0b}
.rush-task-head{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap}.rush-task strong{font-size:11px;color:#233f31}.rush-task p,.rush-task small{display:block;color:#667c6d;line-height:1.5;font-size:10px;margin:6px 0}.rush-task button{margin-top:8px}.rush-task .rush-explain{background:#eff7ed;color:#3b7258;padding:8px;border-radius:7px}
.rush-risk{display:inline-block;border-radius:30px;padding:4px 7px;font-weight:800;font-size:10px;background:#fff0d4;color:#a66a17}.rush-risk.late{background:#ffe6e4;color:#b1322b}
.rush-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px;margin-top:20px}.rush-bottom>section,.rush-insights>section{border:1px solid #e1ebe3;background:white;border-radius:14px;padding:18px;min-width:0}
.rush-bottom h3,.rush-insights h3{font-size:14px;color:#193e2e;margin:0 0 13px}.rush-staff-grid{display:grid;gap:8px}
.rush-staff{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f5f9f5;padding:10px 11px;border-radius:9px}.rush-staff strong{font-size:12px;color:#234c37}.rush-staff small{display:block;font-size:10px;color:#75897a;margin-top:3px}
.rush-staff-load{border:1px solid #c3d9c9;color:#2d7452;font-weight:900;padding:6px 9px;border-radius:9px;font-size:11px}.rush-alert{display:flex;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px solid #eef0eb;flex-wrap:wrap}.rush-alert strong{font-size:10px}.rush-alert span:last-child{font-size:10px;color:#67806f}
.rush-timeline{max-height:340px;overflow:auto}.rush-event{display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid #eef3ee;padding:10px 0}.rush-event-dot{width:8px;height:8px;margin-top:4px;background:#4ca176;border-radius:50%;flex-shrink:0}.rush-event strong{font-size:10px;color:#20513c}.rush-event small{display:block;color:#6b8072;font-size:10px;line-height:1.5;margin-top:4px}
.rush-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin-top:12px}.rush-insights p{font-size:12px;line-height:1.6;color:#66786b;margin:10px 0}.rush-empty{font-size:11px;color:#93a497;padding:14px 7px}.rush-foot{border-top:1px solid #e4eae0;padding-top:14px;margin-top:15px;font-size:10px;color:#788b7c}
@media(max-width:1050px){.rush-bottom{grid-template-columns:1fr 1fr}.rush-bottom>section:last-child{grid-column:1/-1}.rush-lanes{grid-template-columns:repeat(5,minmax(190px,1fr))}}
@media(max-width:660px){.rush-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rush-bottom{grid-template-columns:1fr}.rush-bottom>section:last-child{grid-column:auto}.ai-board{padding:13px}.ai-top-indicator{font-size:10px;padding:6px 8px}.rush-search{max-width:100%;width:100%}.rush-board-heading h2{font-size:20px}}

.shop-pickup-estimate{margin-top:8px!important;font-size:11px!important;color:#2c6d4d!important;background:#f0f7ed;border:1px solid #dbe9d8;border-radius:9px;padding:8px 11px;max-width:600px}
