:root{--cream:#f5ead1;--cream-2:#fffaf0;--sand:#e5c98f;--caramel:#b97838;--caramel-2:#cb9250;--brown:#6c3f22;--brown-2:#3d2618;--ink:#282018;--muted:#786c60;--green:#617457;--red:#a64f3c;--line:#e8dcc7;--white:#fff;--shadow:0 18px 50px rgba(74,42,20,.11);--radius:18px}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:#f8f4ec;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{margin:0 0 5px;color:var(--caramel);font-weight:800;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.muted{color:var(--muted)}
.login-view{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:var(--brown)}.login-photo{position:relative;background:linear-gradient(100deg,rgba(47,27,15,.1),rgba(47,27,15,.5)),url('/assets/catalog-cover.jpg') center/cover no-repeat;min-height:100vh}.login-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(45,26,15,.75),transparent 60%)}.login-quote{position:absolute;z-index:1;left:8%;bottom:9%;color:white;font:700 clamp(2rem,4vw,4.2rem)/1.08 Georgia,serif}.login-quote em{color:var(--sand);font-weight:400}.login-card{margin:auto;width:min(430px,82%);color:var(--brown-2)}.login-card .login-logo{display:block;width:260px;padding:10px 22px;background:var(--brown);border-radius:14px;margin:0 0 42px}.login-card h1{font:700 2.5rem/1.1 Georgia,serif;margin:8px 0}.login-card>label{display:grid;gap:7px;margin:22px 0 0;font-weight:700;font-size:.85rem}.login-card input{height:52px;border:1px solid #cfbfa7;background:rgba(255,255,255,.92);border-radius:10px;padding:0 15px;outline:none}.login-card input:focus{border-color:var(--caramel);box-shadow:0 0 0 3px rgba(185,120,56,.15)}.form-error{color:var(--red);min-height:22px}.wide{width:100%;margin-top:25px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:242px 1fr;grid-template-rows:94px 1fr;grid-template-areas:"side head" "side main"}.sidebar{grid-area:side;position:fixed;width:242px;height:100vh;background:var(--brown-2);color:#f9ebd3;padding:22px 14px;display:flex;flex-direction:column;z-index:20}.brand{text-align:center;padding:0 15px 22px;border-bottom:1px solid rgba(255,255,255,.12)}.brand img{width:175px;display:block;margin:auto}.brand span{font-size:.67rem;letter-spacing:.22em;text-transform:uppercase;color:#d2b68a}.sidebar nav{padding-top:18px;overflow:auto}.sidebar nav button{width:100%;display:flex;align-items:center;gap:13px;padding:11px 14px;border:0;border-radius:10px;background:transparent;color:#e9d8bd;text-align:left;margin:2px 0}.sidebar nav button span{font-size:1.25rem;width:20px;text-align:center}.sidebar nav button:hover,.sidebar nav button.active{background:rgba(229,201,143,.16);color:white}.sidebar nav button.active{box-shadow:inset 3px 0 var(--sand)}.nav-label{color:#a99478;font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin:22px 14px 7px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:18px 6px 2px;display:grid;grid-template-columns:36px 1fr 28px;gap:9px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--caramel);font-weight:800}.sidebar-foot strong,.sidebar-foot small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot strong{font-size:.79rem}.sidebar-foot small{font-size:.67rem;color:#bba98f}.sidebar-foot button{border:0;background:transparent;color:#ead7b8;font-size:1.2rem}
.topbar{grid-area:head;position:sticky;top:0;z-index:10;background:rgba(248,244,236,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:18px 32px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font:700 1.65rem Georgia,serif}.top-actions{display:flex;gap:18px;align-items:center}.top-actions>span{color:var(--muted);font-size:.8rem}.menu-btn{display:none;border:0;background:none;font-size:1.5rem}.content{grid-area:main;padding:28px 32px 50px;max-width:1600px;width:100%}
.btn{border:1px solid var(--line);border-radius:9px;background:white;color:var(--brown);padding:10px 16px;font-weight:800;font-size:.78rem;transition:.15s}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(61,38,24,.1)}.btn.primary{border-color:var(--caramel);background:var(--caramel);color:white}.btn.danger{border-color:#e4c1b9;color:var(--red);background:#fff8f6}.btn.small{padding:6px 10px;font-size:.7rem}.icon-btn{border:0;background:#f5ecdd;color:var(--brown);border-radius:50%;width:34px;height:34px;font-size:1.25rem}.page-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-bottom:18px}.search{min-width:260px;height:40px;border:1px solid var(--line);background:white;border-radius:9px;padding:0 13px;outline:none}
.hero{background:linear-gradient(105deg,var(--brown),#8a5430);color:white;border-radius:var(--radius);padding:28px 32px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-20px;top:-50px;width:320px;height:220px;opacity:.13;background:url('/assets/logo.svg') center/contain no-repeat}.hero h2{font:700 1.8rem Georgia,serif;margin:0 0 7px}.hero p{margin:0;color:#ead8bd}.hero .btn{z-index:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.stat-card{background:white;border:1px solid var(--line);border-radius:14px;padding:19px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--caramel)}.stat-label{color:var(--muted);font-size:.75rem;font-weight:700}.stat-value{font:700 1.8rem Georgia,serif;color:var(--brown);margin:8px 0 3px}.stat-note{font-size:.7rem;color:var(--green)}.grid-2{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 4px 18px rgba(73,48,28,.025)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel h2,.panel h3{font:700 1.16rem Georgia,serif;margin:0}.panel-link{border:0;background:none;color:var(--caramel);font-size:.75rem;font-weight:800}.empty{text-align:center;color:var(--muted);padding:38px 20px}.empty strong{display:block;color:var(--brown);font:700 1rem Georgia,serif;margin-bottom:5px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:white}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;padding:12px 14px;background:#f5ecdd;color:#756350;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}td{padding:13px 14px;border-top:1px solid #efe6d8;font-size:.79rem}tr:hover td{background:#fffcf6}.money{font-variant-numeric:tabular-nums;font-weight:800;color:var(--brown)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 9px;font-size:.67rem;font-weight:800;background:#f1e8db;color:#685847}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.green{background:#e8f0e5;color:#52704b}.badge.red{background:#f8e5e1;color:#9c493b}.badge.blue{background:#e7edf3;color:#4f6781}.badge.gold{background:#f8edcf;color:#8d6725}.row-actions{display:flex;gap:6px;justify-content:flex-end}.product-name{display:flex;align-items:center;gap:10px}.product-dot{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--cream);font-size:1rem}.low{color:var(--red);font-weight:800}
.modal{position:fixed;inset:0;background:rgba(37,23,14,.6);z-index:100;display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}.modal-card{background:var(--cream-2);border-radius:18px;width:min(760px,96vw);max-height:92vh;overflow:auto;box-shadow:var(--shadow)}.modal-card.large{width:min(1050px,96vw)}.modal-head{position:sticky;top:0;z-index:2;background:rgba(255,250,240,.95);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:22px 25px 16px;border-bottom:1px solid var(--line)}.modal-head h2{font:700 1.45rem Georgia,serif;margin:0}.modal-card form,.modal-content{padding:22px 25px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.form-grid .span-2{grid-column:1/-1}label.field{display:grid;gap:7px;color:#57493c;font-weight:800;font-size:.76rem}.field input,.field select,.field textarea{width:100%;border:1px solid #d8c9b4;background:white;border-radius:9px;padding:10px 12px;outline:none}.field textarea{min-height:78px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--caramel);box-shadow:0 0 0 3px rgba(185,120,56,.12)}.check{display:flex;gap:9px;align-items:center;font-weight:700;font-size:.78rem}.form-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}.price-preview{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f0e0bf;padding:13px;border-radius:10px}.price-preview div{font-size:.65rem;color:var(--muted)}.price-preview strong{display:block;color:var(--brown);font-size:.92rem;margin-top:3px}.hint{font-size:.68rem;color:var(--muted);font-weight:500}.switch-row{display:flex;gap:7px;background:#eee1cb;border-radius:9px;padding:4px}.switch-row label{flex:1}.switch-row input{display:none}.switch-row span{display:block;text-align:center;padding:8px;border-radius:6px;font-size:.72rem}.switch-row input:checked+span{background:white;box-shadow:0 2px 8px #d5c3a9;color:var(--brown)}
.order-builder{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}.order-items{background:white;border:1px solid var(--line);border-radius:12px;padding:14px}.order-line{display:grid;grid-template-columns:1fr 75px 110px 34px;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);align-items:end}.order-line select,.order-line input{width:100%;border:1px solid var(--line);border-radius:7px;padding:8px}.order-totals{margin-top:15px;margin-left:auto;width:min(320px,100%)}.order-totals p{display:flex;justify-content:space-between;margin:8px 0}.order-totals .total{font:700 1.15rem Georgia,serif;border-top:1px solid var(--line);padding-top:10px;color:var(--brown)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.person-card{background:white;border:1px solid var(--line);border-radius:13px;padding:18px;display:flex;align-items:center;gap:13px}.person-card .avatar{color:white}.person-card .grow{flex:1}.person-card h3{font:700 1rem Georgia,serif;margin:0 0 4px}.person-card p{margin:0;color:var(--muted);font-size:.72rem}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stock-card{border:1px solid var(--line);background:white;border-radius:12px;padding:15px}.stock-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-num{font:700 1.5rem Georgia,serif;color:var(--brown);margin-top:10px}.bar{height:7px;background:#ede2d1;border-radius:10px;overflow:hidden;margin-top:9px}.bar span{display:block;height:100%;background:var(--green);border-radius:10px}.bar span.warn{background:var(--red)}
.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rank{display:grid;gap:10px}.rank-row{display:grid;grid-template-columns:110px 1fr 70px;gap:10px;align-items:center;font-size:.73rem}.rank-row .track{height:9px;border-radius:9px;background:#eee5d7;overflow:hidden}.rank-row .track span{display:block;height:100%;background:var(--caramel);border-radius:9px}.toast{position:fixed;right:24px;bottom:24px;z-index:200;background:var(--brown-2);color:white;border-radius:10px;padding:13px 18px;box-shadow:var(--shadow);font-size:.78rem}.toast.error{background:var(--red)}
@media(max-width:1100px){.stats,.inventory-grid,.report-kpis{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.order-builder{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-102%);transition:.2s}.sidebar.open{transform:translateX(0)}.topbar{padding:14px 16px}.topbar .eyebrow,.top-actions>span{display:none}.menu-btn{display:block}.topbar>div:nth-child(2){margin-right:auto;margin-left:8px}.topbar h1{font-size:1.25rem}.top-actions .btn{padding:9px}.content{padding:18px 14px 40px}.stats,.inventory-grid,.report-kpis,.cards{grid-template-columns:1fr}.hero{align-items:flex-start;gap:16px;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .span-2,.price-preview{grid-column:1}.price-preview{grid-template-columns:repeat(2,1fr)}.search{min-width:0;flex:1}.page-actions{flex-wrap:wrap}.login-view{display:block;background:var(--cream-2);padding:30px 0}.login-photo{display:none}.login-card{width:min(430px,88%)}.login-card .login-logo{margin-bottom:30px}.order-line{grid-template-columns:1fr 65px 32px}.order-line .promo{grid-column:1/-1}}

/* Componentes generados por la interfaz funcional */
.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.toolbar-actions{display:flex;gap:9px;align-items:center}.toolbar input,.toolbar select{height:40px;border:1px solid var(--line);background:white;border-radius:9px;padding:0 12px}.stats .stat{background:white;border:1px solid var(--line);border-radius:14px;padding:19px;position:relative;overflow:hidden}.stat small{display:block;color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase}.stat strong{display:block;font:700 1.75rem Georgia,serif;color:var(--brown);margin:8px 0}.stat em{font-style:normal;font-size:.7rem;color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.panel>.panel-head{margin:-2px 0 15px}.low-list{display:grid;gap:10px}.low-row{display:flex;justify-content:space-between;background:#fff8e9;padding:11px;border-radius:9px}.low-row span{color:var(--red);font-weight:800}.data-table td.actions{white-space:nowrap}.profit{color:var(--green);font-weight:800}.negative{color:var(--red);font-weight:800}.product-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--cream)}
dialog{border:0;padding:0;border-radius:18px;width:min(760px,94vw);max-height:92vh;background:var(--cream-2);color:var(--ink);box-shadow:var(--shadow)}dialog.wide{width:min(1050px,96vw);margin:auto}dialog::backdrop{background:rgba(37,23,14,.6);backdrop-filter:blur(4px)}dialog .modal-head{position:sticky;top:0}dialog .modal-content{padding:22px 25px;max-height:calc(92vh - 82px);overflow:auto}.form-grid>label{display:grid;gap:7px;color:#57493c;font-weight:800;font-size:.76rem;margin:0}.form-grid>label input,.form-grid>label select,.form-grid>label textarea{width:100%;border:1px solid #d8c9b4;background:white;border-radius:9px;padding:10px 12px;outline:none}.form-grid>label textarea{min-height:78px;resize:vertical}.form-grid .full,.order-lines{grid-column:1/-1}.switch-row{display:flex!important;align-items:center;justify-content:space-between}.switch{width:auto!important}.form-actions{grid-column:1/-1}.order-totals.full{grid-column:1/-1}.order-line{grid-template-columns:2fr .55fr 1fr .7fr 34px}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.bars{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:125px 1fr auto;gap:10px;align-items:center;font-size:.75rem}.bar-track{height:8px;background:#eee5d7;border-radius:8px;overflow:hidden}.bar-fill{height:100%;background:var(--caramel);border-radius:8px}.loader{text-align:center;padding:80px;color:var(--muted)}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}}@media(max-width:760px){.toolbar{align-items:stretch;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.order-line{grid-template-columns:1fr 70px}.order-line>*:first-child{grid-column:1/-1}.report-grid{grid-template-columns:1fr}}

/* Proveedores, recetas y correcciones responsive */
.call-link{display:inline-flex;align-items:center;gap:6px;color:var(--brown);font-weight:800;text-decoration:none;padding:7px 10px;background:var(--cream);border-radius:8px}.call-link:hover{background:var(--sand)}.badge.ingredient{background:#ece7f5;color:#65577e}.ingredient-note{margin:0;padding:10px 12px;background:#f3ead9;border-radius:9px;color:var(--muted);font-size:.75rem}.recipe-ingredients{min-width:0}.recipe-item{display:grid;grid-template-columns:minmax(220px,2fr) minmax(110px,.7fr) 50px 36px;gap:10px;align-items:end;padding:12px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:9px}.recipe-item label{display:grid;gap:6px;font-weight:800;font-size:.75rem}.recipe-item select,.recipe-item input{width:100%;min-width:0;border:1px solid #d8c9b4;border-radius:8px;padding:10px;background:white}.recipe-unit{padding:11px 0;color:var(--muted);font-weight:800}.calculation-card{background:white;border:1px solid var(--line);border-radius:12px;padding:16px}.calculation-card h3{margin:0 0 12px;font-family:Georgia,serif;color:var(--brown)}.calculation-card>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid var(--line)}.nav-backdrop{display:none;border:0}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}.app-shell{width:100%;min-width:0}.sidebar{width:min(86vw,300px);z-index:60;box-shadow:14px 0 35px rgba(25,14,8,.28)}.sidebar.open+.nav-backdrop{display:block;position:fixed;inset:0;z-index:55;background:rgba(31,19,12,.45)}
  .topbar{width:100%;min-width:0;gap:6px}.topbar>div:nth-child(2){min-width:0}.topbar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{gap:6px}.top-actions .btn{font-size:0;width:42px;height:42px;padding:0}.top-actions .btn:after{content:'＋';font-size:1.25rem}.content,.panel,.dashboard-grid,.report-grid{min-width:0;max-width:100%}.content{overflow:hidden}.panel{padding:14px}.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:680px}
  dialog,dialog.wide{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}dialog .modal-head{padding:15px 17px}dialog .modal-content{padding:16px;max-height:calc(100dvh - 68px)}.form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.form-grid .full,.order-lines,.form-actions,.price-preview{grid-column:1}.price-preview{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:1fr}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.toolbar-actions>*{min-width:0;width:100%}.toolbar>.btn,.toolbar .primary{min-height:42px}.order-line{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:9px;background:white;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px}.order-line>*:first-child,.order-line>*:nth-child(3){grid-column:1/-1}.order-line>*:nth-child(4){grid-column:1}.order-line>*:nth-child(5){grid-column:2;grid-row:3}.recipe-item{grid-template-columns:minmax(0,1fr) 85px}.recipe-item>*:first-child{grid-column:1/-1}.recipe-unit{grid-column:1}.recipe-item .remove{grid-column:2;grid-row:3}.row-actions{flex-wrap:wrap;justify-content:flex-start}.bar-row{grid-template-columns:90px 1fr auto}.login-card{padding-bottom:25px}
}
@media(max-width:390px){.price-preview{grid-template-columns:1fr}.toolbar-actions{grid-template-columns:1fr}.stat strong{font-size:1.4rem}.content{padding-left:10px;padding-right:10px}}

/* Formularios compactos y controles visibles */
.checkbox-row{display:flex!important;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);background:white;border-radius:9px;cursor:pointer}.checkbox-row input{display:block!important;width:18px!important;height:18px!important;accent-color:var(--caramel);flex:0 0 auto}.checkbox-row span{display:grid;gap:2px}.checkbox-row small{color:var(--muted);font-weight:500}.important-check{background:#fff2d8;border-color:#d8ad67}.important-check input{width:21px!important;height:21px!important}.compact-form{gap:10px 14px}.compact-form>label{gap:4px}.compact-form textarea{min-height:54px!important}.compact-form .form-actions{margin-top:8px;padding-top:12px}.compact-textarea{margin-top:0}.form-field{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:end}.form-field label{display:grid;gap:4px;font-size:.76rem;font-weight:800}.form-field select{width:100%;min-width:0;border:1px solid #d8c9b4;background:white;border-radius:9px;padding:10px 12px}.inline-create{padding:12px;background:#f3ead9;border:1px solid var(--line);border-radius:10px}.inline-create>strong{display:block;margin-bottom:8px}.inline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:8px}.inline-grid input{width:100%;min-width:0;border:1px solid #d8c9b4;border-radius:8px;padding:9px}.compact-form .price-preview{padding:9px}.compact-form .ingredient-note{display:none}
.compact-order-form{padding:0!important}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:14px;min-height:500px;max-height:calc(92vh - 90px)}.order-main{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-width:0}.compact-section{background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.section-title h3{margin:0;font:700 1rem Georgia,serif;color:var(--brown)}.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.compact-grid label{display:grid;gap:3px;font-size:.68rem;font-weight:800;color:#57493c}.compact-grid input,.compact-grid select{width:100%;min-width:0;height:34px;border:1px solid #d8c9b4;background:white;border-radius:7px;padding:5px 8px}.customer-grid{grid-template-columns:130px 1fr 120px}.customer-grid .address-field{grid-column:1/-1}.customer-status{font-size:.68rem;color:var(--muted)}.customer-status.found{color:var(--green);font-weight:800}.customer-status.new{color:var(--caramel);font-weight:800}.customer-status button{border:0;background:var(--caramel);color:white;border-radius:6px;padding:4px 7px;font-size:.65rem;margin-left:5px}.products-section{display:flex;flex-direction:column;min-height:0}.compact-order-lines{overflow:auto;min-height:0;padding-right:3px}.compact-order-lines .order-line{grid-template-columns:minmax(180px,2fr) 55px minmax(120px,1fr) 72px 30px;gap:6px;padding:6px 0}.compact-order-lines .order-line label{font-size:.65rem;gap:3px}.compact-order-lines .order-line select,.compact-order-lines .order-line input{height:34px;padding:5px 7px}.order-side{display:flex;flex-direction:column;gap:10px;background:#f3ead9;border-radius:12px;padding:12px;min-width:0}.side-fields .full{grid-column:1/-1}.order-summary{margin-top:auto;background:var(--brown-2);color:white;border-radius:11px;padding:13px}.order-summary p{display:flex;justify-content:space-between;margin:5px 0;font-size:.76rem}.order-summary .grand{border-top:1px solid rgba(255,255,255,.25);padding-top:10px;margin-top:9px;font-size:1.2rem}.order-summary .grand strong{color:var(--sand)}.order-submit{display:grid;grid-template-columns:1fr 1.35fr;gap:7px}.order-submit .btn{padding:10px 8px}
@media(max-width:900px){.order-layout{grid-template-columns:1fr;max-height:none}.order-side{display:grid;grid-template-columns:1fr 240px}.order-submit{grid-column:1/-1}.compact-order-lines{max-height:280px}}
@media(max-width:760px){.inline-grid{grid-template-columns:1fr 1fr}.order-layout{display:block;max-height:none}.compact-section{margin-bottom:10px}.customer-grid{grid-template-columns:1fr}.customer-grid .address-field{grid-column:1}.order-side{display:flex}.compact-order-lines{max-height:none;overflow:visible}.compact-order-lines .order-line{display:grid;grid-template-columns:1fr 65px}.compact-order-lines .order-line>*:first-child,.compact-order-lines .order-line>*:nth-child(3){grid-column:1/-1}.compact-order-lines .order-line>*:nth-child(4){grid-column:1}.compact-order-lines .order-line>*:nth-child(5){grid-column:2;grid-row:3}.form-field{grid-template-columns:1fr}.inline-grid{grid-template-columns:1fr}.compact-form{gap:10px}.important-check{padding:12px}.permission-grid{grid-template-columns:1fr}}
.link-btn{background:transparent;border:0;color:var(--brown);margin-top:10px;text-decoration:underline}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px}.permission-grid .checkbox-row{min-height:46px}.user-card-pending{border-left:4px solid var(--caramel)}.sidebar-foot{grid-template-columns:36px minmax(0,1fr) 42px}.sidebar-foot #logout{font-size:.72rem;font-weight:800}
.register-cta{width:100%;display:grid;grid-template-columns:38px 1fr;gap:1px 10px;align-items:center;text-align:left;margin:18px 0 4px;padding:11px 14px;border:2px solid var(--caramel);border-radius:11px;background:#fff4df;color:var(--brown-2)}.register-cta span{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--caramel);color:white;font-size:1.3rem}.register-cta strong{font-size:.9rem}.register-cta small{color:var(--muted);font-size:.72rem}.register-cta:hover{background:var(--sand)}
@media(max-width:760px){.login-view{min-height:100svh;padding:18px 0 24px}.login-card .login-logo{width:220px;margin-bottom:18px}.login-card h1{font-size:2rem}.login-card>label{margin-top:15px}.login-card input{height:48px}.register-cta{margin-top:14px}.login-card .wide{margin-top:18px}}
.offer-picker{display:flex;gap:6px;align-items:center}.offer-picker select{min-width:200px;max-width:280px;height:34px;border:1px solid #d8c9b4;border-radius:7px;background:white;padding:4px 7px}.compact-order-lines .order-line{grid-template-columns:minmax(220px,2fr) 65px 85px 30px}.offer-line{background:#fff8e8;border-radius:8px;padding:6px!important}.offer-line small{display:block;color:var(--caramel);font-weight:800;margin-top:3px}.location-grid{grid-template-columns:125px minmax(150px,1fr) repeat(3,minmax(105px,.75fr))}.location-grid .address-field{grid-column:1/-1}.order-summary p:last-child{border-top:1px solid rgba(255,255,255,.18);padding-top:7px}
@media(max-width:1100px){.location-grid{grid-template-columns:repeat(3,1fr)}.location-grid label:nth-child(2){grid-column:span 2}.offer-picker{flex-wrap:wrap}}
@media(max-width:760px){.location-grid{grid-template-columns:1fr}.location-grid label:nth-child(2){grid-column:auto}.offer-picker{width:100%}.offer-picker select{min-width:0;max-width:none;width:100%}.compact-order-lines .order-line{grid-template-columns:1fr 65px}.compact-order-lines .order-line>*:first-child{grid-column:1/-1}}
.order-detail-strip{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:8px;margin-bottom:14px}.order-detail-strip span{display:grid;gap:3px;padding:10px;background:#f3ead9;border-radius:9px}.order-detail-strip small{color:var(--muted);font-size:.68rem}.order-detail-strip strong{font-size:.82rem}@media(max-width:760px){.order-detail-strip{grid-template-columns:1fr 1fr}.order-detail-strip span:first-child{grid-column:1/-1}}
.readonly-field{width:100%;min-height:34px;display:flex;align-items:center;padding:5px 9px;border:1px solid #d8c9b4;border-radius:7px;background:#fff8e8;color:var(--brown-2);font-weight:800}.side-fields .comments-field{grid-column:1/-1}.side-fields textarea{width:100%;min-height:82px;resize:vertical;border:1px solid #d8c9b4;background:white;border-radius:7px;padding:8px}
@media(max-width:760px){.permission-grid{grid-template-columns:1fr}}