*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#0d1b2a;font:16px/1.55 system-ui,sans-serif}header{background:#0d1b2a;color:white;padding:16px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.restaurant-logo{width:150px;display:block;border-radius:8px}.support{display:flex;align-items:center;gap:10px;color:#d4af37}.support img{width:40px;height:40px}header a{color:white}main{max-width:1250px;margin:auto;padding:28px 24px}h1,h2{font-family:Georgia,serif;font-weight:500}h1{margin:0}.intro{margin:6px 0 22px;color:#4e6475}.layout{display:grid;grid-template-columns:300px 1fr;gap:22px}aside,article{background:white;border:1px solid #d7e0e7;border-radius:12px;padding:20px;min-width:0}input,select,button{font:inherit}input,select{width:100%;border:1px solid #aabac6;border-radius:7px;padding:10px;margin:5px 0 15px}label{font-size:13px;font-weight:700}button{cursor:pointer;border:1px solid #c4b58f;border-radius:7px;padding:9px 13px;background:#d4af37;color:#0d1b2a}.item{width:100%;text-align:left;background:#f3f6f8;margin:5px 0;border:1px solid #d7e0e7}.item.active{border-color:#184e77;background:#e4eef5}.item small{display:block;color:#4e6475}.list{max-height:60vh;overflow:auto}.badge{display:inline-block;background:#e1f0e7;color:#20513c;border-radius:20px;padding:4px 10px;font-size:12px}.detail-head{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.detail-head img{width:120px}h2{font-size:28px;margin:12px 0}.meta{font-size:13px;color:#4e6475}.block{white-space:pre-wrap;margin:18px 0}.block h3{font-size:14px;margin:0 0 5px}.block p{margin:0}.steps li{margin:9px 0}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.actions a{color:#184e77}.empty{padding:35px 15px;text-align:center;color:#4e6475}.error{color:#923d29}.qr{border-top:1px solid #d7e0e7;padding-top:16px;display:flex;align-items:center;gap:15px}.qr img{width:90px;height:90px}.qr code{overflow-wrap:anywhere;font-size:11px}.notice{padding:12px;border:1px solid #ead6a0;background:#fff8e7;border-radius:8px}a{color:#184e77}@media(max-width:760px){.layout{grid-template-columns:1fr}main{padding:20px 14px}.list{max-height:230px}}@media print{header,aside,.actions,.intro,main>h1,main>.notice{display:none}.layout{display:block}body,main{background:white;padding:0}article{border:0;padding:0}.qr{break-inside:avoid}h3{break-after:avoid}}

nav{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}nav a{padding:9px 14px;border:1px solid #d7e0e7;border-radius:7px;background:white;text-decoration:none}nav a[aria-current=page]{background:#184e77;color:white}.manager{background:white;padding:20px;border:1px solid #d7e0e7;border-radius:12px;margin-bottom:22px}.manager summary{cursor:pointer;font-weight:700}.manager textarea{width:100%;min-height:100px;font:inherit;padding:10px;border:1px solid #aabac6;border-radius:7px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid .wide{grid-column:1/-1}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:8px;text-align:left;border-bottom:1px solid #d7e0e7}.preview{overflow:auto;max-height:300px}.check{display:flex;gap:10px;align-items:flex-start;margin:16px 0}.check input{width:auto;margin:6px 0}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}@media(max-width:600px){.formgrid{grid-template-columns:1fr}}@media print{nav,.manager,.recipe-tabs{display:none!important}}
/* Windows screen-fit controls */
html,body{max-width:100%;overflow-x:hidden}
img,svg,canvas{max-width:100%}
@media(max-width:900px){
  .content,main{max-width:100%}
}