/* 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=url],input[type=number],select,textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid rgba(14,45,58,.3);border-radius:10px;background:#fff;color:var(--navy);font:inherit;line-height:1.4}
input[type=url]{display:block;overflow:hidden;text-overflow:ellipsis}
input[type=url]::placeholder{color:#718086;opacity:1}
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}}


/* v20.0 — painel de recebimento e links de pagamento por licença. */
.al-header-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.al-header-actions a { color:var(--cream); text-decoration:none; }
.al-header-actions a:hover { color:var(--mustard); }
.al-header-actions .al-public-link { display:inline-flex; align-items:center; gap:6px; padding:9px 12px; border:1px solid rgba(192,146,77,.6); border-radius:999px; color:var(--mustard); font-weight:700; }
.al-intro { max-width:68ch; color:var(--muted); margin-top:12px; }
.al-payment-panel { border-color:rgba(192,146,77,.36); }
.al-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:18px; }
.al-panel-head h2 { margin-top:4px; }
.al-help { color:var(--muted); max-width:72ch; margin:10px 0 0; line-height:1.55; }
.al-badge { flex:none; padding:7px 10px; border:1px solid rgba(192,146,77,.4); border-radius:999px; color:var(--mustard); font-size:.72rem; font-weight:800; }
#payment-settings-form .al-grid { margin-top:16px; }
#payment-settings-form input:not([type=checkbox]), #payment-settings-form textarea { width:100%; }
.al-payment-box { margin-top:24px; padding:18px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(255,255,255,.025); }
.al-payment-box h3 { margin:0 0 8px; }
.al-payment-copy { color:var(--muted); font-size:.84rem; }
@media (max-width:700px) { .al-header { align-items:flex-start; gap:12px; } .al-header-actions { justify-content:flex-end; gap:10px; font-size:.82rem; } .al-panel-head { display:block; } .al-badge { display:inline-flex; margin-top:12px; } }

/* v20.5 — pedidos recentes e recuperação administrativa do limite de downloads. */
.al-orders-list{display:grid;gap:12px;margin-top:14px}
.al-order-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.al-order-content{min-width:0;flex:1}
.al-order-content h3{margin:0;font-size:15px;overflow-wrap:anywhere}
.al-order-content p{margin:5px 0 0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.al-order-meta{font-weight:700;color:var(--navy)!important}
.al-order-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
@media(max-width:720px){.al-order-item{display:grid;grid-template-columns:minmax(0,1fr)}.al-order-actions{width:100%}.al-order-actions .al-btn{max-width:100%;white-space:normal;line-height:1.3}}

/* v22.14 — abas e editor de aparência da loja. */
.al-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px}
.al-tab,.ap-mode{appearance:none;border:1px solid var(--line);background:#fff;color:var(--navy);padding:10px 18px;border-radius:999px;font:700 13px/1 inherit;font-family:inherit;cursor:pointer;min-height:40px}
.al-tab[aria-selected=true],.ap-mode[aria-selected=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.al-view{display:grid;gap:24px}
.ap-modes{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 20px}
.ap-h3{font:700 15px/1.2 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;margin:22px 0 6px}
.ap-colors{display:grid;gap:10px;margin-top:12px}
.ap-color-row{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(220px,1.4fr);gap:10px 16px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.ap-color-label{font-weight:700;font-size:13px}
.ap-color-inputs{display:flex;align-items:center;gap:8px}
.ap-color-inputs input[type=color]{width:44px;height:38px;padding:2px;border:1px solid rgba(14,45,58,.3);border-radius:8px;background:#fff;cursor:pointer}
.ap-color-inputs input[type=text]{width:96px;font-family:ui-monospace,Consolas,monospace}
.ap-chips{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.ap-chips small{color:var(--muted);font-size:12px}
.ap-chip{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700}
.ap-chip.ok{background:#DDEFE5;color:#1F5A41}
.ap-chip.bad{background:#F8DDD8;color:#8F2315}
.ap-link{appearance:none;border:0;background:none;color:var(--navy);text-decoration:underline;font:600 12px/1 inherit;font-family:inherit;cursor:pointer;padding:8px 4px;min-height:32px}
.ap-texts{display:grid;gap:14px;margin-top:12px}
.ap-slot{border:1px solid var(--line);border-radius:12px;padding:12px 14px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0}
.ap-slot legend{font-weight:700;font-size:13px;padding:0 6px}
.ap-toolbar{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;margin-bottom:14px}
.ap-inline{display:grid;gap:4px;font-weight:700;font-size:12px}
.ap-inline select{min-width:190px}
.ap-device{display:flex;gap:6px;flex-wrap:wrap}
.ap-device .al-btn[aria-pressed=true]{background:var(--navy);color:#fff}
.ap-toolbar .al-btn{padding:10px 14px}
.ap-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.ap-frame-wrap{height:min(78vh,820px);min-height:520px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:repeating-conic-gradient(#e9e6dd 0% 25%,#f4f2ea 0% 50%) 0 0/20px 20px;position:relative}
#ap-frame{display:block;width:1280px;height:100%;border:0;background:#0A161B}
.ap-inspector{border:1px solid var(--line);border-radius:12px;padding:14px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;background:#fff}
.ap-inspector .ap-h3{margin-top:0}
.ap-sel-name{margin:0 0 12px;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.ap-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
#ap-fields>label{margin-bottom:10px}
#ap-fields .al-field input,#ap-fields .al-field select{padding:8px 10px;font-size:13px}
.ap-colorpick{display:flex;align-items:center;gap:6px}
.ap-colorpick input[type=color]{width:100%;max-width:70px;height:36px;padding:2px;border:1px solid rgba(14,45,58,.3);border-radius:8px;background:#fff}
.ap-contrast{margin:4px 0 10px;font-size:12px;font-weight:700;min-height:18px}
.ap-contrast.ok{color:var(--ok)}.ap-contrast.bad{color:var(--err)}
.ap-selector{margin:12px 0 0;font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.ap-save{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
[aria-invalid=true]{border-color:var(--err)!important}
@media(max-width:980px){.ap-workspace{grid-template-columns:1fr}.ap-inspector{position:static;max-height:none}.ap-color-row{grid-template-columns:1fr}.ap-slot{grid-template-columns:1fr}}


/* v22.46 — resumo e filtros de pedidos */
.al-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 10px}
.al-chip{min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font:inherit;font-size:13px;cursor:pointer}
.al-chip.is-active{background:var(--navy);border-color:var(--navy);color:#fff}
.al-chip.is-alert:not(.is-active){border-color:#b86e00;color:#7a4700}
.al-orders-search{width:100%;max-width:420px;margin:0 0 12px}
.al-order-flag{color:#7a4700!important;font-weight:700}
.al-order-item.needs-attention{border-left:4px solid #b86e00}

/* v23.05.3 — tema escuro igual ao do painel e alvos de toque maiores */
:root{--navy:#EEE6D3;--paper:#0b171c;--line:rgba(238,230,211,.18);--muted:#A9BBBE;--ok:#7FD1A4;--err:#FF9A8C;--panel-bg:#10242a;--field-bg:#0c1d23}
body{background:var(--paper);color:#EEE6D3}
.al-header{background:#0e2027;border-bottom:1px solid var(--line)}
.al-panel{background:var(--panel-bg)}
input[type=text],input[type=url],input[type=number],select,textarea{background:var(--field-bg);color:#EEE6D3;border-color:rgba(238,230,211,.32)}
input[type=url]::placeholder,input::placeholder,textarea::placeholder{color:#8FA3A7}
.al-btn{background:#C0924D;border-color:#C0924D;color:#1b1306}
.al-btn.secondary{background:transparent;color:#EEE6D3;border-color:rgba(238,230,211,.45)}
.al-note{background:rgba(192,146,77,.14);color:#EEE6D3}
.al-eyebrow,h1 span{color:#D6A961}
.al-check{min-height:44px}
.al-check input[type=checkbox]{width:22px;height:22px;flex:0 0 22px;accent-color:#C0924D}
.al-tab,.ap-mode,.al-chip{background:transparent;color:#EEE6D3;border-color:rgba(238,230,211,.35)}
.al-tab[aria-selected=true],.ap-mode[aria-selected=true],.al-chip.is-active,.ap-device .al-btn[aria-pressed=true]{background:#C0924D;border-color:#C0924D;color:#1b1306}
.al-chip.is-alert:not(.is-active){border-color:#E0A24A;color:#F2C27A}
.badge{background:rgba(238,230,211,.14);color:#EEE6D3}
.badge.on,.ap-chip.ok{background:rgba(127,209,164,.18);color:#9BE0BC}
.ap-chip.bad{background:rgba(255,154,140,.18);color:#FFB3A8}
.al-order-item,.ap-inspector{background:var(--field-bg)}

/* v23.16 — experiência de administração consistente com o Gilmar Studio. */
:root{--al-bg:#0d171b;--al-surface:#14262c;--al-surface-raised:#1a3037;--al-line:rgba(238,230,211,.14);--al-text:#eee6d3;--al-muted:#a8b8b7;--al-accent:#c0924d}
body{background:var(--al-bg);color:var(--al-text)}
.al-header{position:sticky;top:0;z-index:30;min-height:68px;padding:12px clamp(16px,3vw,42px);background:rgba(14,32,39,.96);border-bottom:1px solid var(--al-line);backdrop-filter:blur(16px)}
.al-wordmark{font-size:14px;letter-spacing:.08em}
.al-header-actions{gap:8px}
.al-header-actions a{min-height:38px;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid transparent;border-radius:8px;font-size:11px;letter-spacing:0;color:#d5dfd9}
.al-header-actions a:hover{border-color:var(--al-line);background:var(--al-surface-raised);color:#fff}
.al-header-actions .al-public-link{border-color:rgba(192,146,77,.48);color:#e4c58f}
.al-main{width:min(1440px,calc(100% - 56px));margin:32px auto 64px;gap:20px}
.al-main>div:first-child{padding:8px 0 14px;border-bottom:1px solid var(--al-line)}
.al-main>div:first-child h1{font-size:clamp(30px,3.5vw,42px);letter-spacing:-.025em;text-transform:none;font-weight:650}
.al-intro{max-width:68ch;margin:12px 0 0;color:var(--al-muted);font-size:13px}
.al-eyebrow{color:#d7b77d;font-size:9px;letter-spacing:.14em}
.al-tabs{position:sticky;top:68px;z-index:20;gap:6px;margin:0;padding:10px 0 12px;border-bottom:1px solid var(--al-line);background:rgba(13,23,27,.96);backdrop-filter:blur(12px)}
.al-tab,.ap-mode{min-height:38px;padding:8px 14px;border:1px solid var(--al-line);border-radius:8px;background:transparent;color:#becac5;font-size:11px;font-weight:650}
.al-tab[aria-selected=true],.ap-mode[aria-selected=true]{background:rgba(192,146,77,.16);border-color:rgba(192,146,77,.55);color:#f0d7a8}
.al-view{gap:16px}
.al-panel{padding:clamp(16px,2vw,24px);border:1px solid var(--al-line);border-radius:13px;background:var(--al-surface);box-shadow:0 12px 34px rgba(0,0,0,.12)}
.al-panel h2{margin-bottom:10px;color:#f0e8d8;font-size:16px;letter-spacing:.025em;text-transform:none}
.al-panel-head{margin-bottom:16px;align-items:center}
.al-help,.al-field small,.al-intro{color:var(--al-muted)}
.al-badge{border-color:rgba(192,146,77,.38);color:#e1c18a}
.al-grid{gap:14px 18px}
.al-field,.al-check{color:#d8e0d9}
input[type=text],input[type=url],input[type=number],select,textarea{border:1px solid #3a5359;border-radius:8px;background:#0d1b20;color:#f2eadb;font-size:13px}
input[type=text]:focus-visible,input[type=url]:focus-visible,input[type=number]:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#c0924d;outline:2px solid rgba(192,146,77,.18)}
input::placeholder,textarea::placeholder{color:#83999a}
.al-btn{min-height:38px;border-radius:8px;background:#c0924d;border-color:#c0924d;color:#1b1306;font-weight:750}
.al-btn:hover{background:#d3a65f;border-color:#d3a65f}
.al-btn.secondary{background:transparent;border-color:#52666a;color:#e9e4d7}
.al-btn.secondary:hover{background:rgba(238,230,211,.06);border-color:#c0924d}
.al-note{border:1px solid rgba(192,146,77,.22);background:rgba(192,146,77,.10);color:#d9dfd5}
.al-status{color:#b9c8c2}
.al-list{gap:10px}
.al-item,.al-order-item{border-color:var(--al-line);border-radius:10px;background:#102127;color:var(--al-text)}
.al-item h3,.al-order-content h3{color:#f0e8d8}
.al-item p,.al-order-content p{color:var(--al-muted)}
.al-order-meta{color:#e8d4ac!important}
.al-products-workspace{display:grid;gap:15px;min-width:0}
.al-products-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.al-products-heading h2{margin:0;color:#f0e8d8;font-size:20px;text-transform:none;letter-spacing:-.02em}
.al-products-heading .al-help{margin-top:6px;font-size:12px}
.al-new-product{flex:0 0 auto}
.al-products-tabs{display:flex;gap:7px;align-items:stretch;overflow-x:auto;padding:0 0 11px;border-bottom:1px solid var(--al-line);scrollbar-width:thin}
.al-products-tab{min-width:116px;display:grid;gap:2px;justify-items:start;padding:9px 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:#c0ccc7;font:650 12px/1.3 inherit;cursor:pointer;text-align:left}
.al-products-tab small{color:#8fa4a3;font-size:10px;font-weight:450}
.al-products-tab:hover{background:#1a3037;color:#fff}
.al-products-tab.is-active{border-color:rgba(192,146,77,.4);background:rgba(192,146,77,.13);color:#f0d7a8}
.al-products-tab.is-active small{color:#d5bd91}
.al-products-pane{display:grid;gap:14px;min-width:0}
.al-products-pane[hidden]{display:none!important}
.al-products-pane>.al-panel{margin:0}
.al-payment-panel{border-color:rgba(192,146,77,.3)}
.al-products-pane #product-form .al-grid{margin-top:12px}
.al-products-pane #list{display:grid;gap:10px}
.al-products-pane #list:empty::before{content:'Nenhum produto cadastrado ainda.';padding:20px;border:1px dashed #40565a;border-radius:9px;color:var(--al-muted);text-align:center}
.al-products-pane .al-panel-head .al-help{max-width:78ch}
.al-gate{padding:28px;border:1px solid var(--al-line);border-radius:14px;background:var(--al-surface);color:var(--al-text)}
.ap-inspector{border-color:var(--al-line);background:var(--al-surface);color:var(--al-text)}
.ap-inspector .ap-h3,.ap-inspector label{color:#d7e0d9}
.ap-inspector input,.ap-inspector select,.ap-inspector textarea{background:#0d1b20;color:var(--al-text);border-color:#3a5359}
.ap-inspector .ap-sel-name,.ap-selector{color:var(--al-muted)}
.ap-frame-wrap{border-color:var(--al-line)}
@media(max-width:900px){.al-main{width:calc(100% - 32px)}.al-tabs{top:64px}}
@media(max-width:700px){.al-header{position:static;align-items:flex-start}.al-header-actions{justify-content:flex-end}.al-main{width:calc(100% - 24px);margin:20px auto 42px}.al-tabs{position:static}.al-products-heading{align-items:stretch;flex-direction:column}.al-new-product{width:100%;justify-content:center}.al-products-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.al-products-tab{min-width:0;padding:9px 8px;font-size:11px}.al-products-tab small{font-size:9px}.al-panel-head{display:flex;align-items:flex-start;flex-direction:column}.al-badge{margin-top:0}.al-item{grid-template-columns:72px minmax(0,1fr)}.al-item .al-actions{grid-column:1/-1}.ap-frame-wrap{min-height:420px;height:58vh}}
@media(max-width:420px){.al-header{display:grid}.al-header-actions{justify-content:flex-start}.al-products-tabs{grid-template-columns:1fr}.al-products-tab{grid-template-columns:1fr;justify-items:start}}
@media(prefers-reduced-motion:reduce){.al-btn,.al-tab,.al-products-tab{transition:none!important}}

/* ADMIN STORE — neutral monochrome interface */
:root{--mustard:#777!important;--terracotta:#222!important;--navy:#171717!important;--sage:#777!important;--cream:#eee!important;--paper:#f5f5f5!important;--line:rgba(0,0,0,.14)!important}
html,body{background:#f5f5f5!important;color:#171717!important}
.admin-loja-header,.admin-loja-sidebar,.admin-loja-main,.admin-loja-card,.panel,.card,.modal,.drawer,.toolbar,.settings-panel{color:#171717!important;border-color:#d7d7d7!important}
.admin-loja-header,.admin-loja-sidebar,.admin-loja-card,.panel,.card,.modal,.drawer,.toolbar,.settings-panel{background:#fff!important;box-shadow:0 2px 10px rgba(0,0,0,.035)!important}
button.primary,.primary,.btn-primary{background:#202020!important;color:#fff!important;border-color:#202020!important}
input:not([type=color]),select,textarea{background:#fff!important;color:#171717!important;border-color:#cfcfcf!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:2px solid #777!important;border-color:#555!important}
.badge,.tag,.pill,.chip,.status-badge,.alert,.notice{background:#eee!important;color:#222!important;border-color:#d0d0d0!important}