:root{--ink:#232522;--muted:#686b65;--paper:#f4f3ef;--line:#e4e3dd;--accent:#965731;--dark:#202620}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:white;padding:10px 16px;color:var(--ink)}button:hover{border-color:var(--accent);background:#f6eee7}button:focus-visible,a:focus-visible{outline:3px solid #bc8457;outline-offset:3px}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#7d4323;color:white}button:disabled{opacity:.5;cursor:not-allowed}header{height:98px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 34px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:18px;align-items:center}.brand img{width:70px;height:70px;object-fit:contain}.brand strong{font-size:20px;letter-spacing:3px}.brand small{display:block;font-size:12px;letter-spacing:2px;color:var(--muted);margin-top:4px}.headright{display:flex;gap:26px;align-items:center;font-size:14px}.demo{font-size:12px;color:var(--accent);border:1px solid #dfc8b5;padding:6px 10px;border-radius:5px}.avatar{display:inline-grid;place-items:center;background:#eee9e2;width:36px;height:36px;border-radius:50%;margin-left:12px}.shell{display:grid;grid-template-columns:224px 1fr;min-height:calc(100vh - 98px)}aside{background:var(--dark);color:#d2d7cd;padding:32px 18px;display:flex;flex-direction:column}aside .eyebrow{font-size:12px;color:#a9b1a5;padding-left:12px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:600;margin:0 0 12px;color:var(--accent)}nav{display:grid;gap:7px}nav button{border:0;background:transparent;color:#cbd1c6;text-align:left;padding:13px;font-size:15px}nav button.active{background:#41483b;color:#fff;border-left:3px solid #d8ad7d}nav button:hover{background:#343c31}.asidefoot{margin-top:auto;padding:45px 10px 0;font-size:13px}.asidefoot small{color:#a8b0a1}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b9c99f;margin-right:7px}main{padding:34px 38px;min-width:0}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1{font:400 36px/1.2 Georgia,serif;margin:0}#subtitle{color:var(--muted);margin:9px 0 0;font-size:14px}.notice{font-size:13px;padding:10px 14px;background:#ece7dc;color:#695941;border-radius:6px;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:26px}.stat{background:#fff;padding:22px;border:1px solid var(--line);border-radius:9px}.stat:first-child{background:var(--dark);color:white;border:0}.stat small{font-size:13px;color:var(--muted)}.stat:first-child small{color:#c1c9b8}.stat strong{display:block;font:32px Georgia,serif;margin:12px 0}.stat span{font-size:12px;color:#8b785d}.panel{background:white;border:1px solid var(--line);border-radius:9px;padding:24px;margin-bottom:20px}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font:400 23px Georgia,serif;margin:0}h3{font-size:17px;margin:0 0 8px}.sub{color:var(--muted);font-size:14px}.cols{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:22px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{color:var(--muted);font-size:12px;letter-spacing:.5px;font-weight:500;background:#fafaf7}td,th{padding:16px 10px;border-bottom:1px solid var(--line)}td strong{display:block}.badge{display:inline-block;border-radius:4px;padding:4px 8px;font-size:12px;background:#eeeadf;color:#6e5c39}.badge.ready{background:#e6edde;color:#4d6035}.channel{margin:22px 0}.bar{background:#eee;height:7px;border-radius:9px;margin-top:9px;overflow:hidden}.bar i{background:#b58057;display:block;height:100%}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.menu{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product{text-align:left;min-height:120px;padding:18px}.product strong{display:block}.product small{display:block;color:var(--muted);margin:5px 0 12px}.product b{color:var(--accent)}label{display:block;font-size:14px;margin:14px 0 5px}input,select,textarea{width:100%;padding:11px;border:1px solid #d8d8cf;border-radius:6px;background:white;color:var(--ink)}textarea{min-height:75px;resize:vertical}.cartline{border-bottom:1px solid var(--line);padding:13px 0;font-size:14px}.cartline button{padding:2px 8px}.total{font-size:22px;margin:22px 0}.full{width:100%}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lane{background:#eaece6;padding:18px;border-radius:8px}.lane h2{font-size:20px;margin-bottom:20px}.ticket{background:white;padding:20px;border-radius:6px;border-top:3px solid #b47b4f;margin-bottom:16px}.ticket li{padding:5px 0}.ticket ul{padding-left:18px;font-size:14px}.ticket .primary{margin-top:14px}.empty{padding:35px 10px;color:var(--muted);text-align:center}.connection{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:24px;right:24px;background:#202620;color:white;padding:14px 24px;border-radius:8px;display:none;max-width:450px}a{color:var(--accent)}@media(max-width:1050px){.cols{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}main{padding:24px}.shell{grid-template-columns:185px 1fr}.headright>span:last-child{display:none}.board{grid-template-columns:1fr}}@media(max-width:680px){header{padding:12px;height:85px}.brand strong{font-size:15px}.brand small{font-size:10px}.brand img{width:50px;height:50px}.demo{display:none}.shell{display:block}aside{padding:8px}aside .eyebrow,.asidefoot{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.pagehead{align-items:flex-start;gap:10px}h1{font-size:29px}.pagehead button{font-size:13px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:26px}main{padding:18px}.menu{grid-template-columns:1fr}.panel{padding:17px}}@media print{header,aside,.pagehead,.notice,button{display:none!important}.shell{display:block}main{padding:0}.panel{border:0}}

/* Pimienta Negra — claymorphism */
:root{--ink:#302b28;--muted:#6d625b;--paper:#eae4df;--line:#ded4cc;--accent:#874321;--dark:#302e2b;--clay:10px 10px 24px #cfc5bc80,-8px -8px 22px #ffffff9c,inset 2px 2px 5px #fff,inset -3px -4px 8px #d8ccc05c;--clay-small:4px 5px 10px #b9a99c45,inset 2px 2px 3px #ffffffcf,inset -2px -3px 5px #bfa48c40}
body{background:radial-gradient(ellipse at 80% 0%,#f9f3ec 0%,transparent 55%),var(--paper)}
header{height:104px;margin:18px 22px 0;padding:14px 26px;border:1px solid #fff8;border-radius:28px;background:linear-gradient(135deg,#fffaf5,#eee5dd);box-shadow:var(--clay)}
.brand img{background:#f5e9dc;border-radius:50%;padding:5px;box-shadow:var(--clay-small)}
.brand strong{letter-spacing:2.5px}.avatar{background:linear-gradient(145deg,#eed1b7,#d6ac8c);color:#543622;box-shadow:var(--clay-small)}
.demo{border:0;border-radius:12px;background:#f0e0d0;box-shadow:inset 2px 2px 4px #c9b6a466,inset -2px -2px 4px #fff9;color:#704528}
.shell{grid-template-columns:232px 1fr;padding:24px 22px;gap:26px;min-height:calc(100vh - 122px)}
aside{padding:26px 16px;border-radius:28px;background:linear-gradient(145deg,#45413b,#2c2a27);box-shadow:9px 12px 24px #94857850,inset 2px 2px 4px #ffffff26,inset -4px -4px 8px #14131077}
aside .eyebrow{color:#c4b9ac}.asidefoot small{color:#c2b7ab}.dot{background:#bdd0a6;box-shadow:0 0 0 4px #bed1a51a}
nav{gap:12px}nav button{border-radius:15px;box-shadow:none;color:#e4dcd1;transition:background .18s,transform .18s,box-shadow .18s}
nav button.active{border:0;background:linear-gradient(145deg,#eccdad,#cfa47f);color:#452d1e;box-shadow:4px 5px 9px #14131055,inset 2px 2px 3px #ffeadc99,inset -3px -3px 6px #98634155;font-weight:650}
nav button:hover{background:#514a42;color:#fff}nav button.active:hover{background:#e6c09e;color:#452d1e}
main{padding:12px 8px 8px 0}.pagehead{margin:0 2px 26px}h1{font-size:38px;letter-spacing:-.8px}h2{letter-spacing:-.3px}
button{border:1px solid #fff6;border-radius:14px;background:linear-gradient(145deg,#fffaf4,#eee1d6);box-shadow:var(--clay-small);font-weight:550;transition:transform .18s,box-shadow .18s,background .18s}
button:hover{background:linear-gradient(145deg,#fffaf5,#ead7c6);border-color:#fff9;transform:translateY(-2px)}
button:active{transform:translateY(1px);box-shadow:inset 3px 3px 6px #a68d754d,inset -2px -2px 5px #fff8}
button:disabled{transform:none;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #874321;outline-offset:4px}
.primary{color:#fff9f4;border:1px solid #ffffff30;background:linear-gradient(145deg,#a65f37,#803d20);box-shadow:5px 6px 12px #8b4e333b,inset 2px 2px 4px #f3be8b66,inset -3px -4px 6px #4f241b55}
.primary:hover{background:linear-gradient(145deg,#ae673f,#884624);color:white}
.notice{border-radius:16px;padding:13px 18px;background:#e9dccb;color:#624c37;box-shadow:inset 3px 3px 6px #c9b8a866,inset -3px -3px 6px #fffcf599}
.stats{gap:22px;margin-bottom:30px}.stat,.panel{border:1px solid #ffffff80;border-radius:26px;background:linear-gradient(135deg,#fffaf5,#f1e9e1);box-shadow:var(--clay)}
.stat{padding:24px}.stat strong{font-size:33px}.stat span{color:#796046}.stat:first-child{background:linear-gradient(135deg,#494239,#2d2c28);box-shadow:9px 10px 22px #a595854d,inset 2px 2px 5px #ffffff36,inset -4px -4px 9px #0b0c0980;border:1px solid #ffffff26}
.stat:first-child small{color:#e3d5c4}.stat:first-child span{color:#dfbb95}
.panel{padding:26px;margin-bottom:26px}.cols{gap:26px}.tablewrap{border-radius:16px}th{background:#eae0d6;color:#68564a}td,th{border-bottom-color:#e1d5ca}tbody tr:last-child td{border-bottom:0}
.badge{padding:6px 10px;border-radius:10px;background:#eee0c9;color:#674723;box-shadow:inset 1px 1px 2px #fff9,inset -2px -2px 4px #b7986d33}
.badge.ready{background:#dfe7d4;color:#455731;box-shadow:inset 2px 2px 3px #f7fff2,inset -2px -2px 4px #a2b98a55}
.bar{height:12px;background:#ded5ca;box-shadow:inset 2px 3px 4px #b6a89a80,inset -2px -2px 3px #fff9}.bar i{border-radius:20px;background:linear-gradient(180deg,#c28d60,#9a5c35);box-shadow:inset 0 2px 3px #f8d9b788}
.menu{gap:18px}.product{border-radius:21px;background:linear-gradient(145deg,#fcf4eb,#ebdccd);box-shadow:var(--clay-small);border:1px solid #fff8;padding:21px}.product b{font-size:18px}.product .row>span{display:grid;place-items:center;width:30px;height:30px;background:#f7ede3;border-radius:10px;box-shadow:var(--clay-small)}
input,select,textarea{border:1px solid #e1d3c6;border-radius:13px;background:#f0e8df;box-shadow:inset 3px 3px 6px #c4b7a866,inset -3px -3px 6px #fffcf5;min-height:46px}
.cartline button{min-width:32px;min-height:32px;border-radius:10px}.cartline{border-bottom-color:#dfd1c4}.total{padding-top:8px}
.lane{border-radius:26px;background:#e3d9ce;box-shadow:inset 4px 4px 9px #c0b2a366,inset -4px -4px 9px #fffbf380;padding:22px}
.ticket{border-radius:21px;border:1px solid #fff9;border-top:5px solid #b47b4f;background:linear-gradient(145deg,#fffaf4,#eee3d7);box-shadow:5px 6px 12px #b1a18f55,inset 2px 2px 4px #fff,inset -3px -3px 7px #cfb9a644}
.connection{gap:16px;border-bottom-color:#dfd2c6}.connection:last-child{border:0}#toast{border-radius:18px;background:linear-gradient(135deg,#4b4036,#2f2b27);box-shadow:8px 10px 28px #33271c55,inset 1px 1px 3px #ffffff44}
@media(max-width:1050px){.shell{grid-template-columns:190px 1fr;gap:20px}.stats{gap:18px}.cols{gap:0}h1{font-size:34px}}
@media(max-width:680px){header{height:88px;margin:10px 10px 0;padding:12px 16px;border-radius:22px}.shell{padding:16px 10px;display:block}.brand img{width:52px;height:52px}.brand strong{letter-spacing:1.5px}aside{padding:10px;border-radius:20px;margin-bottom:23px}nav{gap:8px;padding:3px}nav button{padding:10px 13px;border-radius:12px}main{padding:0 5px}.pagehead{gap:14px}h1{font-size:29px}.pagehead>.primary{padding:10px 12px}.stat{padding:18px;border-radius:21px}.stat strong{font-size:26px}.stats{gap:14px}.panel{padding:19px;border-radius:23px}.panelhead{gap:12px}.connection{align-items:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:hover{transform:none}}
@media print{body{background:white}.shell{padding:0}.panel,.stat,.ticket,.lane{background:white!important;color:black!important;box-shadow:none!important;border:1px solid #ccc;border-radius:0}*{box-shadow:none!important}}

/* Identidad Pimienta: grafito, perla y rojo especia */
:root{--ink:#252831;--muted:#626875;--paper:#e9ecf1;--line:#d8dde5;--accent:#a62d42;--dark:#242730;--clay:10px 10px 25px #bdc5d280,-8px -8px 22px #ffffffbd,inset 2px 2px 5px #fff,inset -3px -4px 8px #c9d0dc66;--clay-small:4px 5px 11px #a3adbf40,inset 2px 2px 3px #ffffffdf,inset -2px -3px 5px #b2bdd040}
body{background:radial-gradient(ellipse at 80% 0%,#fafbff 0%,transparent 55%),var(--paper)}
header{background:linear-gradient(135deg,#fff,#edf0f6)}
.brand img{background:#f5f6fa}.brand small{color:#626875}.avatar{background:linear-gradient(145deg,#f6f7fc,#cfd5e2);color:#373c49}
.demo{background:#e8ebf3;color:#515b70;box-shadow:inset 2px 2px 4px #b6bfce66,inset -2px -2px 4px #fff9}
aside{background:linear-gradient(145deg,#383d49,#22252e);box-shadow:9px 12px 24px #6e7b9050,inset 2px 2px 4px #ffffff26,inset -4px -4px 8px #10131c77}
aside .eyebrow{color:#bdc5d4}.asidefoot small{color:#bec6d4}.dot{background:#a4c9b8;box-shadow:0 0 0 4px #a4c9b81a}
nav button{color:#e0e5ef}nav button.active{background:linear-gradient(145deg,#f1f3fa,#cdd5e4);color:#292f3d;box-shadow:4px 5px 9px #10132066,inset 2px 2px 3px #ffffffcc,inset -3px -3px 6px #7f8ea955}
nav button:hover{background:#454c5d;color:#fff}nav button.active:hover{background:#e4e9f3;color:#292f3d}
button{background:linear-gradient(145deg,#fff,#e4e9f2)}button:hover{background:linear-gradient(145deg,#fff,#dce3ef)}button:active{box-shadow:inset 3px 3px 6px #8c9bb34d,inset -2px -2px 5px #fff8}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#a62d42}
.primary{color:#fff;background:linear-gradient(145deg,#b93c51,#8f2236);box-shadow:5px 6px 12px #7a263e30,inset 2px 2px 4px #ffb1bb55,inset -3px -4px 6px #50132a55}
.primary:hover{background:linear-gradient(145deg,#c3445a,#9e283f);color:#fff}
.notice{background:#e3e8f1;color:#4c586d;box-shadow:inset 3px 3px 6px #aebad066,inset -3px -3px 6px #fcfdffbb}
.stat,.panel{background:linear-gradient(135deg,#fff,#eff2f8)}.stat span{color:#626d80}
.stat:first-child{background:linear-gradient(135deg,#3e4554,#252932);box-shadow:9px 10px 22px #8594ab4d,inset 2px 2px 5px #ffffff36,inset -4px -4px 9px #080e1980}
.stat:first-child small{color:#d7deea}.stat:first-child span{color:#c6cfdf}
th{background:#e8edf5;color:#526077}td,th{border-bottom-color:#dce2ec}
.badge{background:#e5e9f3;color:#4a5871;box-shadow:inset 1px 1px 2px #fff9,inset -2px -2px 4px #7e92b433}.badge.ready{background:#dfede7;color:#355e4b;box-shadow:inset 2px 2px 3px #f5fffb,inset -2px -2px 4px #86b7a255}
.bar{background:#dbe1eb;box-shadow:inset 2px 3px 4px #95a3b880,inset -2px -2px 3px #fff9}.bar i{background:linear-gradient(180deg,#bd5364,#993448);box-shadow:inset 0 2px 3px #f0b6c188}.channel:nth-of-type(2) .bar i{background:linear-gradient(180deg,#73829a,#4d5c73)}.channel:nth-of-type(3) .bar i{background:linear-gradient(180deg,#a1adbf,#718299)}
.product{background:linear-gradient(145deg,#fafcff,#e4eaf4)}.product .row>span{background:#f2f5fc}
input,select,textarea{border-color:#d3dbe7;background:#eaf0f7;box-shadow:inset 3px 3px 6px #a5b3c666,inset -3px -3px 6px #fcfdff}
.cartline{border-bottom-color:#d6dfea}.lane{background:#e0e6ef;box-shadow:inset 4px 4px 9px #a2b0c566,inset -4px -4px 9px #fbfcffcc}
.ticket{border-top-color:#ae384e;background:linear-gradient(145deg,#fff,#eaf0f7);box-shadow:5px 6px 12px #93a2b755,inset 2px 2px 4px #fff,inset -3px -3px 7px #b5c1d444}
.connection{border-bottom-color:#d5dfea}#toast{background:linear-gradient(135deg,#414a5a,#242a35);box-shadow:8px 10px 28px #24304855,inset 1px 1px 3px #ffffff44}
.brand-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 4px 0;padding:22px 2px 8px;border-top:1px solid #ced6e2;color:#687284;font-size:12px;letter-spacing:1.4px}
.brand-footer strong{color:#414956;font-weight:600;letter-spacing:2px}.pepper-signature{display:flex;align-items:center;gap:12px}.pepper-signature .pepper{font-size:27px;line-height:1;filter:grayscale(1);opacity:.65;display:inline-block;transform:rotate(-22deg)}.pepper-signature .pepper:last-child{font-size:22px;transform:rotate(22deg);opacity:.45}.brand-footer small{display:block;font-size:12px;letter-spacing:.4px;margin-top:5px}
@media(max-width:680px){.brand-footer{gap:12px;align-items:flex-start}.brand-footer strong{font-size:11px;letter-spacing:1px}.pepper-signature{gap:7px}.pepper-signature .pepper{font-size:22px}.brand-footer>span{font-size:11px;letter-spacing:.5px;text-align:right}}
@media print{.brand-footer{display:none}}

/* Empresa titular y autoría */
.fiscal-brand{display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right;max-width:310px;letter-spacing:0}
.fiscal-brand img{display:block;width:220px;height:auto;border-radius:9px}
.fiscal-brand small{color:#626875;font-size:12px;letter-spacing:0;line-height:1.5}
.brand small{letter-spacing:.4px;font-size:13px;text-transform:none}
.brand-footer .pepper-signature small{letter-spacing:0;font-size:13px}
@media(max-width:680px){.brand-footer{flex-wrap:wrap;row-gap:22px}.fiscal-brand{margin-left:auto}.fiscal-brand img{width:180px}.brand small{font-size:11px}.fiscal-brand small{max-width:240px}}

.menu-controls{display:flex;gap:14px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.menu-controls label{margin:0}.menu-controls select{width:auto;min-width:170px}.menu-controls .sub{margin-left:auto}.product-category{display:block;font-size:12px;font-weight:600;color:#626d80;letter-spacing:.6px;margin-bottom:8px}.product{height:100%}

.admin-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-product{border:1px solid #fff9;border-radius:22px;background:linear-gradient(145deg,#fafcff,#e4eaf4);box-shadow:var(--clay-small);overflow:hidden}.admin-product-info{padding:20px}.admin-product-info .sub{min-height:42px}.product-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.food-photo{width:100%;height:180px;object-fit:cover;display:block;border-radius:15px}.admin-product>.food-photo{border-radius:0;height:190px}.food-placeholder{display:grid;place-items:center;height:100px;color:#a0aabd;background:linear-gradient(145deg,#e6ebf3,#f8faff);font:bold 25px Georgia,serif;letter-spacing:3px;border-radius:15px}.product .food-photo,.product .food-placeholder{margin-bottom:18px}.product .food-placeholder{height:65px}.editor-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}.editor-grid .editor-grid{grid-template-columns:1fr 1fr}.editor-panel fieldset{border:0;padding:0;margin:0;min-width:0}.editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px;border-top:1px solid var(--line);padding-top:22px}.photo-preview{margin:12px 0}.photo-preview .food-photo{height:260px;object-fit:contain;background:#e5eaf2}.photo-preview .food-placeholder{height:260px}.checkline{display:flex;align-items:center;gap:10px;margin-top:22px}.checkline input{width:20px;height:20px;min-height:0;accent-color:var(--accent)}input[type=file]{font-size:14px;padding:12px}
@media(max-width:1050px){.admin-products{grid-template-columns:1fr}.editor-grid{grid-template-columns:1fr}}
@media(max-width:680px){.editor-grid .editor-grid{grid-template-columns:1fr}.panelhead{flex-wrap:wrap}.product-actions button{flex:1}.editor-actions{flex-wrap:wrap}}

.pack-panel{border-top:4px solid var(--accent)}.flavor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.flavor-row{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:0;padding:8px;border-bottom:1px solid var(--line)}.flavor-row input{width:75px;flex-shrink:0}@media(max-width:680px){.flavor-grid{grid-template-columns:1fr}}

.product-filters{margin-bottom:24px}.search-field{margin-bottom:16px}.search-field>label{font-weight:600;margin:0 0 9px}.search-input-row{display:flex;gap:10px;align-items:center}.search-input-row input{flex:1;min-width:0;min-height:48px}.search-input-row button{min-height:46px}.product-filters .menu-controls{margin-bottom:0}.menu>.empty,.admin-products>.empty{grid-column:1/-1}@media(max-width:680px){.search-input-row{gap:7px}.search-input-row button{padding:10px}.search-input-row input{font-size:16px}}

.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:32px}.login-card>img{display:block;margin:0 auto 20px}.login-card h1{text-align:center;font-size:30px}.login-card #message{color:#a62d42;font-size:14px}.login-card .primary{margin-top:14px}

.cash-banner{margin-bottom:20px}.stock-tag{font-size:13px!important;color:#54627a!important}.cash-banner h2{margin-bottom:6px}
.cash-product-list{display:flex;flex-direction:column;gap:0}.cash-product-row{display:grid;grid-template-columns:minmax(140px,1fr) 110px 95px 120px;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line)}.cash-product-row:last-child{border-bottom:0}.cash-product-name{min-width:0}.cash-product-name strong{font-size:15px;font-weight:600}.cash-product-name small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.cash-product-stock{font-size:12px;color:var(--muted)}.cash-product-price{text-align:right;white-space:nowrap;font-size:16px}.cash-product-add{font-size:13px;padding:10px 8px;min-height:42px}.cash-product-row:hover{background:#e9eef64d}@media(max-width:1250px){.cash-product-row{grid-template-columns:minmax(120px,1fr) 85px 110px}.cash-product-stock{grid-column:1;grid-row:auto;margin-top:-10px}.cash-product-name{grid-column:1;grid-row:1}.cash-product-price{grid-column:2;grid-row:1 / span 2}.cash-product-add{grid-column:3;grid-row:1 / span 2}.cash-product-row{position:relative}.cash-product-row .cash-product-name{grid-row:auto}.cash-product-row{grid-template-areas:"name price add" "stock price add"}.cash-product-name{grid-area:name!important}.cash-product-stock{grid-area:stock!important}.cash-product-price{grid-area:price!important}.cash-product-add{grid-area:add!important}}@media(max-width:480px){.cash-product-row{grid-template-columns:minmax(0,1fr) 78px;grid-template-areas:"name price" "stock add";gap:8px}.cash-product-stock{margin-top:0}.cash-product-add{font-size:12px}.cash-product-name strong{font-size:14px}}
.recipe-line{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:12px;margin-bottom:15px}.recipe-notes{white-space:pre-wrap}@media(max-width:680px){.recipe-line{grid-template-columns:1fr 1fr}.recipe-line>label:first-child{grid-column:1/-1}}