:root{--bg:#fff;--surface:#f6f6f4;--text:#1c1c1a;--muted:#6b6b66;--border:#e3e3df;--accent:#c2410c;--accent-text:#fff;--ok:#15803d;--danger:#b91c1c;--radius:12px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}a{color:inherit}.home{text-align:center;max-width:560px;margin:0 auto;padding:64px 16px}.home h1{margin:0 0 8px;font-size:1.75rem}.home p{color:var(--muted);margin:0}.muted{color:var(--muted)}.alert{border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);margin:0 0 16px;padding:10px 12px}.form{gap:14px;display:grid}.form label{gap:6px;font-weight:600;display:grid}.form input,.form select,.form textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);padding:10px 12px}.button{border-radius:var(--radius);background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;padding:12px 16px;font-weight:600}.button-link{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 4px;text-decoration:underline}.auth{max-width:380px;margin:0 auto;padding:56px 16px}.auth h1{margin:0 0 4px;font-size:1.5rem}.auth .muted{margin:0 0 20px}.panel-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.panel-store{font-weight:700;text-decoration:none}.panel-main{max-width:880px;margin:0 auto;padding:24px 16px 64px}.panel-main h1{margin:0 0 8px;font-size:1.4rem}.notice{border:1px solid var(--ok);border-radius:var(--radius);color:var(--ok);margin:0 0 16px;padding:10px 12px}.button-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.button-small{padding:6px 10px;font-size:.875rem}.button-danger{background:var(--bg);color:var(--danger);border:1px solid var(--border)}.panel-nav{border-bottom:1px solid var(--border);white-space:nowrap;gap:4px;padding:6px 12px;display:flex;overflow-x:auto}.panel-nav a{border-radius:8px;padding:8px 10px;font-weight:600;text-decoration:none}.panel-nav a:hover{background:var(--surface)}.panel-main h2{margin:0 0 8px;font-size:1.1rem}.card{border:1px solid var(--border);border-radius:var(--radius);margin:16px 0;padding:16px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status{margin:0 0 4px;font-size:1.15rem;font-weight:700}.status-open{color:var(--ok)}.status-closed{color:var(--danger)}.form-row{gap:12px;display:flex}.form-row label{flex:1}.form-row .form-narrow{flex:0 0 90px}.hours{gap:12px;display:grid}.hours-day{border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:10px 12px}.hours-day legend{padding:0 6px;font-weight:700}.hours-slot{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;display:flex}.hours-slot input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:8px}.list{border:1px solid var(--border);border-radius:var(--radius);margin:16px 0;padding:0;list-style:none}.list>li{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.list>li:first-child{border-top:0}.list-main{flex:200px;min-width:0}.list-main strong{display:block}.list-off .list-main{color:var(--muted)}.inline-form{flex:220px;gap:8px;display:flex}.inline-form input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);border-radius:8px;flex:1;padding:8px 10px}.tag{background:var(--surface);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:.8rem;font-weight:600;display:inline-block}.tag-danger{color:var(--danger)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}a.button{text-decoration:none;display:inline-block}.thumb{object-fit:cover;background:var(--surface);border-radius:8px;flex:0 0 48px;width:48px;height:48px}.thumb-large{border-radius:var(--radius);background:var(--surface);height:auto;margin-bottom:12px}.card summary{cursor:pointer;font-weight:600}.row-form{flex-wrap:wrap;flex:260px;align-items:flex-end;gap:8px;margin:8px 0;display:flex}.list .row-form{margin:0}.row-form label{gap:4px;font-size:.875rem;font-weight:600;display:grid}.row-form input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:8px 10px}.field-grow{flex:160px;min-width:0}.field-grow input{width:100%}.field-price{width:96px}.field-small input{width:72px}.check{align-items:flex-start;gap:8px;font-weight:400!important;display:flex!important}.check input{width:auto;margin-top:4px}.form input[type=color]{cursor:pointer;height:48px;padding:4px}.button,.button-small{min-height:44px}.button-small{min-width:44px}.button:disabled{opacity:.4;cursor:not-allowed}.list>.product-row{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"thumb main soldout""more more more";align-items:center;gap:10px 12px;padding:12px;display:grid}.product-row .thumb{grid-area:thumb}.product-row .list-main{grid-area:main}.product-soldout{grid-area:soldout}.product-soldout .button{min-height:48px;padding:10px 14px;font-size:.95rem}.button-soldout-on{background:var(--danger);color:#fff}.product-more{grid-area:more;grid-template-columns:52px 52px 1fr 1fr;gap:8px;display:grid}.product-more .button{text-align:center;width:100%}@media (max-width:420px){.list>.product-row{grid-template-areas:"thumb main main""soldout soldout soldout""more more more"}.product-soldout .button{width:100%}}@media (max-width:560px){.panel-main{padding:16px 12px 64px}.list>li,.actions{gap:10px}}.button,a.button{text-align:center;justify-content:center;align-items:center;display:inline-flex}.hours-closed{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:600;display:flex}.hours-closed input{width:24px;height:24px;accent-color:var(--accent)}.hours-note{margin:0 0 4px}.hours-day-closed{background:var(--surface)}.hours-slot input[type=time]{min-width:110px;min-height:44px;font-size:1rem}.hours-slot-label{flex:1 0 100%}
