/* Gestão da loja — página autônoma do painel */
:root{--navy:#0E2D3A;--mustard:#C0924D;--terracotta:#A8472E;--paper:#F8F6F0;--cream:#EEE6D3;--line:rgba(14,45,58,.16);--muted:#526367;--ok:#2F6B4F;--err:#A8281C}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--navy);font:15px/1.55 "Aptos","Segoe UI",system-ui,Arial,sans-serif}
a{color:inherit}
.al-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(16px,4vw,40px);background:var(--navy);color:var(--cream)}
.al-header a{text-decoration:none;font-size:13px;letter-spacing:.06em}
.al-wordmark{font:700 15px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.al-wordmark span{color:var(--mustard);font-size:.7em;margin-left:6px}
.al-main{width:min(1180px,94%);margin:28px auto 64px;display:grid;gap:24px}
h1{font:400 clamp(30px,5vw,46px)/1 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:0}
h1 span{color:var(--mustard)}
h2{font:700 18px/1.2 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px}
.al-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(18px,3vw,28px)}
.al-eyebrow{margin:0 0 8px;font:700 11px/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mustard)}
.al-gate{max-width:520px;margin:12vh auto;text-align:center;display:grid;gap:14px}
.al-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;align-items:start}
.al-grid .full{grid-column:1/-1}
label.al-field{display:grid;gap:6px;font-weight:700;font-size:13px}
.al-field small{font-weight:400;color:var(--muted);font-size:12px}
input[type=text],input[type=number],select,textarea{width:100%;padding:11px 12px;border:1px solid rgba(14,45,58,.3);border-radius:10px;background:#fff;color:var(--navy);font:inherit}
textarea{min-height:110px;resize:vertical}
input[type=file]{font-size:13px;max-width:100%}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid rgba(192,146,77,.7);outline-offset:2px}
.al-check{display:flex;gap:10px;align-items:center;font-weight:700}
.al-btn{appearance:none;border:1px solid var(--navy);background:var(--navy);color:#fff;padding:11px 18px;border-radius:999px;font-family:inherit;font-weight:700;font-size:13px;line-height:1;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.al-btn.secondary{background:transparent;color:var(--navy)}
.al-btn.danger{background:transparent;color:var(--err);border-color:var(--err)}
.al-btn[disabled]{opacity:.5;cursor:wait}
.al-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.al-status{min-height:20px;font-size:13px;margin:0}
.al-status.ok{color:var(--ok)}.al-status.err{color:var(--err)}
.al-previews{display:flex;flex-wrap:wrap;gap:10px}
.al-previews figure{margin:0;width:120px}
.al-previews img{width:120px;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}
.al-previews figcaption{font-size:11px;color:var(--muted);margin-top:4px}
.al-list{display:grid;gap:12px}
.al-item{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}
.al-item img,.al-item .ph{width:96px;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:var(--cream)}
.al-item h3{margin:0;font-size:16px}
.al-item p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;background:var(--cream)}
.badge.on{background:#DDEFE5;color:var(--ok)}
.al-note{font-size:13px;color:var(--muted);background:var(--cream);border-radius:10px;padding:12px 14px}
@media(max-width:720px){.al-grid{grid-template-columns:1fr}.al-item{grid-template-columns:72px 1fr}.al-item .al-actions{grid-column:1/-1}.al-item img,.al-item .ph{width:72px}}