/* Painel Kodee — visual próprio, mesma paleta da landing page. */
:root {
  --sand: #f5f2eb;
  --ink: #181411;
  --terracotta: #b65535;
  --line: rgba(24, 20, 17, 0.14);
  --card: #fffdf8;
  --muted: rgba(24, 20, 17, 0.62);
  --green: #2a6e48;
  --red: #9e2c20;
  --sidebar-width: 250px;
  --sidebar-width-collapsed: 76px;
}

* { box-sizing: border-box; }

.admin-body {
  margin: 0;
  background: var(--sand);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.serif { font-family: Georgia, "Times New Roman", serif; font-style: italic; }
.terracotta { color: var(--terracotta); }

.admin-shell {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem 1.25rem 4rem;
}

.admin-layout { min-height: 100vh; }
.admin-main { min-width: 0; margin-left: var(--sidebar-width); transition: margin-left 180ms ease; }
.admin-layout.is-collapsed .admin-main { margin-left: var(--sidebar-width-collapsed); }
.admin-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 30;
  width: var(--sidebar-width);
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background: var(--ink);
  color: var(--sand);
  border-right: 1px solid rgba(255,255,255,.1);
  transition: width 180ms ease, transform 180ms ease;
}
.admin-layout.is-collapsed .admin-sidebar { width: var(--sidebar-width-collapsed); }
.sidebar-brand { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: 0 .3rem 1rem; border-bottom: 1px solid rgba(255,255,255,.12); }
.sidebar-brand .brandline { min-width: 0; overflow: hidden; white-space: nowrap; }
.sidebar-brand .brand-sep { background: var(--sand); }
.sidebar-toggle { flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: transparent; color: inherit; font-size: 1.45rem; cursor: pointer; }
.admin-layout.is-collapsed .sidebar-toggle span { display: inline-block; transform: rotate(180deg); }
.sidebar-nav { display: grid; gap: .3rem; padding-top: 1rem; }
.sidebar-section-label { margin: .7rem .65rem .25rem; color: rgba(245,242,235,.48); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; }
.sidebar-link { width: 100%; min-height: 44px; display: flex; align-items: center; gap: .8rem; border: 0; border-radius: 8px; padding: .65rem .75rem; background: transparent; color: rgba(245,242,235,.72); font: inherit; font-weight: 600; text-align: left; cursor: pointer; white-space: nowrap; }
.sidebar-link:hover { color: var(--sand); background: rgba(255,255,255,.08); }
.sidebar-link.is-active { color: var(--sand); background: var(--terracotta); }
.sidebar-icon { flex: 0 0 24px; width: 24px; text-align: center; font-size: 1.15rem; line-height: 1; }
.sidebar-text { overflow: hidden; }
.sidebar-logout { margin-top: auto; }
.admin-layout.is-collapsed .sidebar-brand .brandline,
.admin-layout.is-collapsed .sidebar-text,
.admin-layout.is-collapsed .sidebar-section-label { display: none; }
.admin-layout.is-collapsed .sidebar-link { justify-content: center; padding-inline: .4rem; }
.admin-layout.is-collapsed .sidebar-brand { justify-content: center; }
.mobile-menu-button, .sidebar-scrim { display: none; }

.success-shell { max-width: 720px; }

.admin-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--line);
  margin-bottom: 1.75rem;
  flex-wrap: wrap;
}

.brandline { display: flex; align-items: center; gap: 0.75rem; }
.brand-mark { font-weight: 700; letter-spacing: -0.03em; font-size: 1.2rem; }
.brand-sep { width: 26px; height: 1px; background: var(--ink); opacity: 0.35; }
.brand-tag { font-size: 0.68rem; letter-spacing: 0.16em; opacity: 0.6; }

.eyebrow {
  font-size: 0.68rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  opacity: 0.6;
  margin: 0 0 0.4rem;
}

.step-label {
  font-size: 0.66rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.6;
  display: block;
}

h1, h2, h3 { letter-spacing: -0.03em; margin: 0 0 0.6rem; }
h1 { font-size: clamp(1.6rem, 3.6vw, 2.3rem); }
.success-title { margin-bottom: 1rem; }

.muted { color: var(--muted); font-size: 0.9rem; }

.card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 1.4rem;
  margin-bottom: 1.25rem;
}

.auth-card { max-width: 430px; margin: 4rem auto; }

label {
  display: block;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.65;
  margin: 0.9rem 0 0.3rem;
}

input, select, textarea {
  width: 100%;
  font: inherit;
  padding: 0.65rem 0.75rem;
  border-radius: 11px;
  border: 1px solid var(--line);
  background: #fff;
  color: inherit;
}

select { padding: 0.4rem 0.5rem; border-radius: 9px; }

.button {
  appearance: none;
  border: 1px solid var(--ink);
  background: var(--ink);
  color: var(--sand);
  padding: 0.7rem 1.1rem;
  border-radius: 999px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  text-decoration: none;
}

.button-primary { background: var(--terracotta); border-color: var(--terracotta); color: #fff; }
.button-ghost { background: transparent; color: var(--ink); border-color: var(--line); }
.button:disabled { opacity: 0.55; cursor: progress; }

.button-row { display: flex; gap: 0.6rem; flex-wrap: wrap; margin-top: 1.1rem; }

.text-link { color: var(--terracotta); text-decoration: none; font-weight: 600; font-size: 0.9rem; }
.text-link:hover { text-decoration: underline; }

.feedback {
  margin: 0.9rem 0 0;
  font-size: 0.87rem;
  padding: 0.6rem 0.75rem;
  border-radius: 10px;
  background: rgba(182, 85, 53, 0.08);
  border: 1px solid rgba(182, 85, 53, 0.2);
}
.feedback[data-kind="error"] { background: rgba(158, 44, 32, 0.1); border-color: rgba(158, 44, 32, 0.3); color: #8a2418; }
.feedback[data-kind="ok"] { background: rgba(42, 110, 72, 0.1); border-color: rgba(42, 110, 72, 0.28); color: #1f5436; }
.checkout-product-form { display: grid; gap: 1rem; }
.required-fields-note { margin: -.35rem 0 0; color: var(--muted); font-size: .82rem; }
.field-label-text { display: block; }
.required-indicator { color: #c12e26; font-weight: 800; }
.required-indicator[hidden] { display: none; }
.form-subheading { margin: .5rem 0 -.35rem; font-size: .9rem; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.product-advanced-fields, .order-bump-editor { border: 1px solid var(--line); border-radius: 12px; padding: .8rem 1rem; background: color-mix(in srgb, var(--card) 86%, var(--line)); }
.product-advanced-fields summary, .order-bump-editor summary { cursor: pointer; font-weight: 700; color: var(--ink); }
.order-bump-editor summary span { display: grid; gap: .2rem; }
.order-bump-editor summary small { color: var(--muted); font-weight: 400; }
.product-advanced-fields[open] > .form-grid { margin-top: 1rem; }
.form-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; }
.checkout-product-form label { display: grid; gap: .35rem; font-size: .78rem; color: var(--muted); }
.checkout-product-form input, .checkout-product-form select, .checkout-product-form textarea { width: 100%; box-sizing: border-box; padding: .65rem .7rem; border: 1px solid var(--line); border-radius: 9px; background: var(--card); color: var(--ink); }
.check-label, .switch-label { display: inline-flex !important; grid-template-columns: auto 1fr !important; align-items: center; gap: .45rem !important; }
.check-label input, .switch-label input { width: auto; }
.checkout-table input, .checkout-table select { max-width: 130px; padding: .45rem; border: 1px solid var(--line); border-radius: 7px; background: var(--card); color: var(--ink); }
.catalog-search { display:flex; align-items:center; gap:8px; min-width:220px; padding:8px 11px; border:1px solid var(--line); border-radius:999px; background:var(--card); color:var(--muted); }
.catalog-search span { font-size:20px; line-height:1; }
.catalog-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:var(--ink); font:inherit; }
.section-head:has(.catalog-search) { position:relative; }
.catalog-search-results { position:absolute; z-index:20; top:calc(100% + 8px); right:0; width:min(520px,100%); display:grid; gap:6px; padding:8px; border:1px solid var(--line); border-radius:14px; background:var(--card); box-shadow:0 16px 35px rgba(24,20,17,.16); }
.catalog-search-results[hidden] { display:none; }
.catalog-search-result { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; padding:11px 12px; border:0; border-radius:9px; background:transparent; color:var(--ink); text-align:left; cursor:pointer; }
.catalog-search-result:hover { background:color-mix(in srgb,var(--line) 42%,transparent); }
.catalog-search-result-main { display:grid; gap:3px; min-width:0; }
.catalog-search-result-main strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.catalog-search-result-main small { overflow:hidden; color:var(--muted); text-overflow:ellipsis; white-space:nowrap; }
.catalog-search-result-price { display:grid; justify-items:end; flex:none; }
.catalog-search-result-price b { font-size:1rem; }
.catalog-search-result-price del { color:var(--muted); font-size:.75rem; }
.catalog-search-result-price em { color:var(--accent); font-size:.68rem; font-style:normal; font-weight:700; }
.checkout-table .button { min-height: auto; padding: .5rem .7rem; font-size: .75rem; }
.catalog-product-cell { display: flex; align-items: center; gap: .7rem; min-width: 230px; }
.catalog-product-thumb { display: block; width: 48px; height: 48px; flex: 0 0 48px; object-fit: cover; border: 1px solid var(--line); border-radius: 8px; background: var(--card); }
.catalog-product-thumb-empty { display: grid; place-items: center; color: var(--muted); font-size: 1.1rem; }
.catalog-price { display: grid; justify-items: start; gap: .12rem; white-space: nowrap; }
.catalog-price del { color: var(--muted); font-size: .78rem; }
.catalog-price strong { color: var(--ink); font-size: .95rem; }
.catalog-price .catalog-price-promo { color: #c94522; font-size: 1.05rem; }
.catalog-price small { color: var(--muted); font-size: .65rem; }
.catalog-actions { white-space: nowrap; }
.catalog-actions .button + .button { margin-left: .35rem; }
.bulk-actions { display: flex; align-items: end; flex-wrap: wrap; gap: .65rem; margin: .2rem 0 1rem; padding: .8rem; border: 1px solid var(--line); border-radius: 10px; background: color-mix(in srgb, var(--card) 88%, var(--terracotta)); }
.bulk-actions label:not(.check-label) { display: grid; gap: .3rem; min-width: 170px; color: var(--muted); font-size: .76rem; }
.bulk-actions .check-label { margin-right: .3rem; }
.bulk-actions select { max-width: 230px; padding: .55rem .65rem; border: 1px solid var(--line); border-radius: 8px; background: var(--card); color: var(--ink); }
.checkout-tabs { display: flex; gap: .55rem; margin-top: 1.1rem; flex-wrap: wrap; }
.product-toolbar { display: flex; align-items: center; justify-content: space-between; gap: .8rem; flex-wrap: wrap; margin: .9rem 0 .35rem; }
.product-filters { display: flex; gap: .45rem; flex-wrap: wrap; }
.product-filters .button { padding: .5rem .75rem; font-size: .78rem; }
.product-help { margin: .25rem 0 .8rem; }
.button-danger { border-color: #9e2c20; color: #8a2418; background: transparent; }
.offer-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: .8rem; }
.offer-editor-card { border: 1px solid var(--line); border-radius: 8px; padding: .9rem; display: grid; gap: .45rem; cursor: pointer; background: var(--card); }
.offer-editor-card p { margin: 0; color: var(--muted); font-size: .8rem; }
.card-muted { margin-top: 1rem; background: color-mix(in srgb, var(--card) 82%, var(--terracotta)); }
.bulk-product-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: .45rem .9rem; max-height: 300px; overflow: auto; padding: .7rem; border: 1px solid var(--line); border-radius: 9px; }
.bulk-product-list label { margin: 0; }
.form-action { display: flex; align-items: end; }
.color-swatch { display: inline-block; width: .8rem; height: .8rem; border: 1px solid var(--line); border-radius: 50%; vertical-align: -.1rem; }
.bump-link-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: .55rem; }
.bump-link-grid label { border: 1px solid var(--line); border-radius: 8px; padding: .6rem; }
.checkout-editor { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.8fr); gap: 1.2rem; align-items: start; }
.checkout-editor .card { margin: 0; }
.checkout-preview { position: sticky; top: 18px; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: var(--card); min-height: 720px; }
.checkout-preview iframe { display: block; width: 100%; height: 720px; border: 0; }
.template-preview-editor{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}.template-preview-editor .section-head{align-items:flex-end}.template-preview-editor .section-head p{max-width:680px;margin:.35rem 0 0}.template-preview-editor label{min-width:min(280px,100%)}.checkout-template-preview{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--preview-bg,#f4f2ed)}.template-preview-canvas{--preview-accent:#d5441d;--preview-bg:#f4f2ed;--preview-surface:#fffdf8;--preview-text:#181411;padding:18px;color:var(--preview-text);background:var(--preview-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.template-preview-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 14px;border-bottom:1px solid rgba(24,20,17,.13)}.template-preview-top strong{font-size:1.1rem;letter-spacing:-.04em}.template-preview-top span{font-size:.58rem;letter-spacing:.09em;color:var(--muted)}.template-preview-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,.72fr);gap:18px;padding-top:18px}.template-preview-main.is-inline{grid-template-columns:1fr}.template-preview-offer,.template-preview-checkout{min-width:0}.template-preview-badge{display:inline-flex;margin-bottom:10px;padding:5px 8px;border-radius:99px;background:color-mix(in srgb,var(--preview-accent) 12%,white);color:var(--preview-accent);font-size:.55rem;font-weight:800;letter-spacing:.08em}.template-preview-product{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:center}.template-preview-product img,.template-preview-image-placeholder{width:90px;height:90px;object-fit:cover;border-radius:10px;background:#e8e3dc}.template-preview-image-placeholder{display:grid;place-items:center;padding:10px;text-align:center;color:var(--muted);font-size:.65rem}.template-preview-product small{font-size:.52rem;letter-spacing:.1em;color:var(--muted)}.template-preview-product h4{margin:4px 0;font-size:.95rem;line-height:1.15}.template-preview-product p{margin:4px 0 8px;color:var(--muted);font-size:.68rem;line-height:1.4}.template-preview-product strong{font-size:.9rem}.template-preview-section,.template-preview-guarantee{margin-top:12px;padding:12px;border:1px solid rgba(24,20,17,.12);border-radius:10px;background:var(--preview-surface)}.template-preview-section>b{font-size:.72rem}.template-preview-section p{margin:7px 0 0;color:var(--muted);font-size:.65rem;line-height:1.4}.template-preview-empty{font-style:italic}.template-preview-quote{padding:8px;border-radius:7px;background:color-mix(in srgb,var(--preview-accent) 6%,white)}.template-preview-quote small{display:block;margin-top:3px}.template-preview-guarantee strong{font-size:.75rem}.template-preview-guarantee p{margin:5px 0 0;color:var(--muted);font-size:.65rem;line-height:1.45}.template-preview-checkout{position:relative;padding:15px;border:1px solid rgba(24,20,17,.12);border-radius:12px;background:var(--preview-surface);box-shadow:0 8px 25px rgba(24,20,17,.06)}.template-preview-checkout .template-preview-badge{margin-bottom:10px}.template-preview-secure{float:right;margin-top:5px;color:var(--muted);font-size:.55rem}.template-preview-checkout h3{margin:4px 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:1.15rem}.template-preview-total{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.7rem}.template-preview-total strong{font-size:1.05rem}.template-preview-input{margin-top:8px;padding:8px;border:1px solid rgba(24,20,17,.16);border-radius:7px;color:var(--muted);font-size:.62rem}.template-preview-payment{display:grid;grid-template-columns:1fr;gap:2px;margin-top:10px;padding:9px;border:1px solid color-mix(in srgb,var(--preview-accent) 55%,white);border-radius:7px;color:var(--preview-text);font-size:.7rem;font-weight:700}.template-preview-payment small{padding-left:18px;color:var(--muted);font-size:.55rem;font-weight:400}.template-preview-checkout button{width:100%;margin-top:10px;padding:10px;border:0;border-radius:7px;background:var(--preview-accent);color:white;font-weight:750;font-size:.68rem}.template-preview-foot{display:block;margin-top:9px;color:var(--muted);font-size:.53rem;text-align:center}
.color-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .8rem; }
.template-preview-switch{display:flex;gap:8px;margin:0 0 14px}.template-preview-switch button{border:1px solid color-mix(in srgb,var(--preview-text) 18%,transparent);border-radius:999px;padding:8px 13px;background:transparent;color:var(--preview-text);font-size:.72rem;font-weight:700;cursor:pointer}.template-preview-switch button.is-active{border-color:var(--preview-accent);background:color-mix(in srgb,var(--preview-accent) 15%,var(--preview-surface));color:var(--preview-text)}.template-preview-scene{display:none}.template-preview-scene.is-active{display:block}.template-preview-canvas{border-radius:12px}.template-preview-canvas .template-preview-top{color:var(--preview-text);border-color:color-mix(in srgb,var(--preview-text) 16%,transparent)}.template-preview-canvas .template-preview-top strong{font-weight:850}.template-preview-canvas .template-preview-top strong span{color:var(--preview-accent)}.template-preview-canvas .template-preview-top>span,.template-preview-canvas small,.template-preview-canvas p{color:color-mix(in srgb,var(--preview-text) 67%,transparent)}.template-preview-canvas .template-preview-main{grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);gap:18px}.template-preview-canvas .template-preview-main.is-inline{grid-template-columns:1fr}.template-preview-gallery{min-width:0}.template-preview-gallery>img,.template-preview-gallery>.template-preview-image-placeholder{display:grid;width:100%;height:245px;object-fit:contain;border:1px solid color-mix(in srgb,var(--preview-text) 16%,transparent);border-radius:13px;background:color-mix(in srgb,var(--preview-surface) 88%,black)}.template-preview-thumbs{display:flex;gap:8px;margin-top:8px}.template-preview-thumbs i{display:grid;place-items:center;width:47px;height:40px;overflow:hidden;border:1px solid color-mix(in srgb,var(--preview-text) 16%,transparent);border-radius:7px;color:color-mix(in srgb,var(--preview-text) 55%,transparent);font-size:.58rem;font-style:normal}.template-preview-thumbs i:first-child{border-color:var(--preview-accent)}.template-preview-thumbs img{width:100%;height:100%;object-fit:cover}.template-preview-product-copy{padding:17px;border:1px solid color-mix(in srgb,var(--preview-text) 16%,transparent);border-radius:13px;background:var(--preview-surface);color:var(--preview-text)}.template-preview-product-copy>small{display:block;margin-top:12px;font-size:.52rem;letter-spacing:.12em}.template-preview-product-copy h2{margin:6px 0;font-size:1.28rem;line-height:1.15}.template-preview-product-copy>p{font-size:.68rem;line-height:1.45}.template-preview-product-copy .template-preview-price{display:block;margin:12px 0;color:var(--preview-text);font-size:1.5rem}.template-preview-pay-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.template-preview-pay-options span{padding:8px;border:1px solid color-mix(in srgb,var(--preview-text) 15%,transparent);border-radius:8px;text-align:center;font-size:.62rem}.template-preview-product-copy button,.template-preview-checkout-form>button{width:100%;margin-top:10px;padding:11px;border:0;border-radius:9px;background:var(--preview-accent);color:#07110d;font-size:.7rem;font-weight:800}.template-preview-trust{display:grid;gap:7px;margin-top:12px;color:color-mix(in srgb,var(--preview-text) 67%,transparent);font-size:.58rem}.template-preview-section,.template-preview-guarantee{border-color:color-mix(in srgb,var(--preview-text) 16%,transparent);background:var(--preview-surface);color:var(--preview-text)}.template-preview-checkout-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:20px 0 14px}.template-preview-checkout-heading h2{margin:5px 0;font-size:1.45rem;letter-spacing:-.04em}.template-preview-checkout-heading p{max-width:360px;margin:0;font-size:.65rem}.template-preview-checkout-heading>div:first-child>small{font-size:.52rem;letter-spacing:.09em}.template-preview-steps{display:flex;align-items:center;gap:5px;color:color-mix(in srgb,var(--preview-text) 65%,transparent);font-size:.55rem}.template-preview-steps b{display:flex;align-items:center;gap:4px;padding:6px 7px;border:1px solid color-mix(in srgb,var(--preview-text) 15%,transparent);border-radius:99px}.template-preview-steps b:first-child{border-color:var(--preview-accent);color:var(--preview-text)}.template-preview-steps i{width:9px;height:1px;background:color-mix(in srgb,var(--preview-text) 25%,transparent)}.template-preview-checkout-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(210px,.75fr);gap:12px;align-items:start}.template-preview-checkout-form,.template-preview-order{padding:14px;border:1px solid color-mix(in srgb,var(--preview-text) 16%,transparent);border-radius:12px;background:var(--preview-surface);color:var(--preview-text)}.template-preview-checkout-form h3,.template-preview-order h3{margin:0 0 9px;font-size:.8rem}.template-preview-checkout-form .template-preview-input{border-color:color-mix(in srgb,var(--preview-text) 18%,transparent);color:color-mix(in srgb,var(--preview-text) 60%,transparent)}.template-preview-bump{display:grid;gap:7px;margin:11px 0;padding:11px;border:1px dashed #ec38c280;border-radius:9px;font-size:.62rem}.template-preview-bump small{color:#f269d0;font-size:.52rem;font-weight:800;letter-spacing:.08em}.template-preview-bump span{color:color-mix(in srgb,var(--preview-text) 70%,transparent)}.template-preview-checkout-form h3 em{margin-left:4px;color:var(--preview-accent);font-size:.52rem;font-style:normal}.template-preview-checkout-form .template-preview-payment{border-color:var(--preview-accent);background:transparent;color:var(--preview-text)}.template-preview-checkout-form .template-preview-payment small{color:color-mix(in srgb,var(--preview-text) 65%,transparent)}.template-preview-order-product{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--preview-text) 15%,transparent)}.template-preview-order-product img,.template-preview-order-product .template-preview-image-placeholder{width:48px;height:48px;object-fit:cover;border-radius:6px;background:color-mix(in srgb,var(--preview-surface) 80%,black)}.template-preview-order-product b,.template-preview-order-product small,.template-preview-order-product strong{display:block;font-size:.58rem}.template-preview-order-product small{margin:3px 0}.template-preview-order-product strong{font-size:.68rem}.template-preview-order .template-preview-total{border-color:color-mix(in srgb,var(--preview-text) 15%,transparent);color:var(--preview-text)}.template-preview-order .template-preview-guarantee{padding:8px}.template-preview-order .template-preview-guarantee strong{font-size:.6rem}.template-preview-order .template-preview-guarantee p{font-size:.55rem}.template-preview-security{padding:12px;color:color-mix(in srgb,var(--preview-text) 60%,transparent);font-size:.57rem;text-align:center}.template-preview-quote{color:var(--preview-text);background:color-mix(in srgb,var(--preview-accent) 9%,var(--preview-surface))}.template-preview-quote small{color:color-mix(in srgb,var(--preview-text) 65%,transparent)}
@media(max-width:720px){.template-preview-canvas{padding:12px}.template-preview-canvas .template-preview-main,.template-preview-canvas .template-preview-main.is-inline,.template-preview-checkout-grid{grid-template-columns:1fr}.template-preview-gallery>img,.template-preview-gallery>.template-preview-image-placeholder{height:190px}.template-preview-checkout-heading{align-items:flex-start;flex-direction:column}.template-preview-steps{flex-wrap:wrap}.template-preview-product-copy{padding:14px}}
.color-grid input { height: 42px; padding: 3px; }
[data-checkout-panel][hidden], .button[hidden] { display: none; }
@media (max-width: 800px) { .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .checkout-table { min-width: 760px; } .checkout-editor { grid-template-columns: 1fr; } .checkout-preview{position:static} .color-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
.feedback[hidden] { display: none; }

.visual-content-editor { display: grid; gap: .7rem; padding: .85rem; border: 1px solid var(--line); border-radius: 12px; background: color-mix(in srgb, var(--card) 82%, var(--line)); }
.visual-editor-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.visual-editor-heading > div { display: grid; gap: .2rem; }
.visual-editor-heading strong { font-size: .92rem; }
.visual-editor-heading small { color: var(--muted); font-size: .76rem; }
.visual-editor-list { display: grid; gap: .65rem; }
.visual-editor-item { display: grid; gap: .55rem; padding: .75rem; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.visual-editor-item-head { display: flex; justify-content: space-between; align-items: center; }
.visual-editor-item-head strong { font-size: .78rem; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; }
.visual-editor-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.visual-editor-fields label:nth-child(3), .visual-editor-fields label:nth-child(4) { grid-column: span 2; }
.visual-remove { color: #9a3d2b; }
@media (max-width: 650px) { .visual-editor-heading { align-items: flex-start; flex-direction: column; } .visual-editor-fields { grid-template-columns: 1fr; } .visual-editor-fields label:nth-child(3), .visual-editor-fields label:nth-child(4) { grid-column: auto; } }

.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0.85rem; margin-bottom: 1.25rem; }
.stat { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 1rem 1.1rem; }
.stat b { display: block; font-size: 1.5rem; letter-spacing: -0.03em; margin-top: 0.3rem; }

.chart { display: flex; align-items: flex-end; gap: 6px; height: 150px; margin-top: 1rem; }
.chart div { flex: 1; background: var(--terracotta); border-radius: 5px 5px 0 0; min-height: 3px; opacity: 0.85; }
.chart-labels { display: flex; gap: 6px; margin-top: 0.4rem; }
.chart-labels span { flex: 1; text-align: center; font-size: 0.6rem; opacity: 0.55; }

.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
th, td { text-align: left; padding: 0.6rem 0.65rem; border-bottom: 1px solid var(--line); vertical-align: middle; }
th { font-size: 0.66rem; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.6; }
td.wrap-cell { max-width: 320px; word-break: break-word; }

.pill { display: inline-block; font-size: 0.72rem; padding: 0.15rem 0.55rem; border-radius: 999px; border: 1px solid var(--line); }
.pill[data-status="pago"], .pill[data-status="paid"], .pill[data-status="delivered"] { background: rgba(42, 110, 72, 0.12); border-color: rgba(42, 110, 72, 0.3); color: #1f5436; }
.pill[data-status="pending"], .pill[data-status="aguardando_pagamento"], .pill[data-status="novo"] { background: rgba(182, 85, 53, 0.1); border-color: rgba(182, 85, 53, 0.26); color: #8a3f22; }
.pill[data-status="failed"], .pill[data-status="amount_mismatch"], .pill[data-status="falha_cobranca"] { background: rgba(158, 44, 32, 0.1); border-color: rgba(158, 44, 32, 0.3); color: #8a2418; }

.section-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 0.6rem; }

.webhook-box { font-family: ui-monospace, Menlo, monospace; font-size: 0.78rem; word-break: break-all; background: rgba(24, 20, 17, 0.05); padding: 0.6rem 0.7rem; border-radius: 10px; }

@media (max-width: 640px) {
  .admin-main, .admin-layout.is-collapsed .admin-main { margin-left: 0; }
  .admin-sidebar, .admin-layout.is-collapsed .admin-sidebar { width: min(280px, 86vw); transform: translateX(-102%); box-shadow: 16px 0 40px rgba(24,20,17,.24); }
  .admin-layout.is-mobile-open .admin-sidebar { transform: translateX(0); }
  .admin-layout.is-collapsed .sidebar-brand .brandline { display: flex; }
  .admin-layout.is-collapsed .sidebar-text { display: inline; }
  .admin-layout.is-collapsed .sidebar-section-label { display: block; }
  .admin-layout.is-collapsed .sidebar-link { justify-content: flex-start; padding-inline: .75rem; }
  .admin-layout.is-collapsed .sidebar-brand { justify-content: space-between; }
  .sidebar-toggle { display: none; }
  .mobile-menu-button { position: fixed; top: 12px; left: 12px; z-index: 35; width: 42px; height: 42px; display: grid; align-content: center; gap: 4px; padding: 0 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--card); box-shadow: 0 8px 24px rgba(24,20,17,.12); }
  .mobile-menu-button span { height: 2px; background: var(--ink); }
  .sidebar-scrim { position: fixed; inset: 0; z-index: 25; border: 0; background: rgba(24,20,17,.42); }
  .admin-layout.is-mobile-open .sidebar-scrim { display: block; }
  .admin-shell { padding: 4.5rem 0.9rem 3rem; }
  .card { padding: 1.05rem; }
}

@media (prefers-reduced-motion: reduce) { .admin-main, .admin-sidebar { transition: none; } }

.axye-picker { display: grid; gap: 0.5rem; margin: 0.25rem 0 0.75rem; }
.axye-picker summary { cursor: pointer; color: var(--muted); font-size: .82rem; }
.product-image-current { display: flex; align-items: center; gap: 1rem; padding: .8rem; border: 1px solid var(--line); border-radius: 12px; background: color-mix(in srgb, var(--card) 75%, var(--line)); }
.product-image-current[hidden] { display: none; }
.product-image-current img { width: 112px; height: 112px; object-fit: contain; border-radius: 9px; background: #fff; }
.product-image-current > div { display: grid; gap: .3rem; min-width: 0; }
.product-image-current strong { color: var(--ink); font-size: .9rem; }
.product-image-current span { color: var(--muted); font-size: .78rem; overflow-wrap: anywhere; }
.product-image-current .text-link { justify-self: start; padding: .15rem 0; border: 0; background: none; cursor: pointer; }
.axye-picker-list { display: grid; gap: 0.4rem; max-height: 260px; overflow-y: auto; border: 1px solid var(--line); border-radius: 10px; padding: 0.5rem; }
.axye-option { display: flex; align-items: center; gap: 0.6rem; text-align: left; background: none; border: 1px solid transparent; border-radius: 8px; padding: 0.35rem 0.45rem; cursor: pointer; font: inherit; color: inherit; }
.axye-option:hover { border-color: var(--line); background: rgba(182, 85, 53, 0.06); }
.axye-option img { width: 40px; height: 40px; object-fit: cover; border-radius: 6px; flex-shrink: 0; }
.axye-option span { display: grid; gap: 0.1rem; }
.axye-option small { color: var(--muted, #6b655c); }
.template-preview-feedbacks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.template-preview-feedback{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:white}.template-preview-feedback img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.template-preview-feedback span{display:block;padding:5px 6px;font-size:.58rem;font-weight:700}.template-preview-feedback p{padding:0 6px 6px}
.template-workspace { display: grid; grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr); gap: 1.2rem; align-items: start; margin-top: 1.25rem; }
.template-controls { gap: .8rem; }
.template-control-group { display: grid; gap: .65rem; padding: .9rem; border: 1px solid var(--line); border-radius: 11px; background: var(--card); }
.template-control-group h4 { margin: 0; color: var(--ink); font-size: .9rem; }
.template-control-group .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.template-control-group details, .template-control-group > summary { color: var(--muted); font-size: .8rem; }
.template-control-group summary { cursor: pointer; }
.template-color-controls { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.template-color-controls label { display: grid !important; justify-items: center; gap: .4rem !important; padding: .55rem .35rem; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); text-align: center; }
.template-color-controls input { width: 42px !important; height: 34px; padding: 3px !important; cursor: pointer; }
.template-color-controls span { font-size: .68rem; }
.template-toggle-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; padding-top: .65rem; }
.template-preview-editor { position: sticky; top: 1rem; min-width: 0; margin: 0; padding: 0; border: 0; }
.template-preview-toolbar { display: flex; justify-content: space-between; align-items: end; gap: .8rem; margin-bottom: .65rem; }
.template-preview-toolbar h3 { margin: 0; }
.template-preview-toolbar p { margin: .25rem 0 0; font-size: .8rem; }
.template-preview-toolbar label { min-width: 170px; }
.template-preview-toolbar select { width: 100%; }
.checkout-template-preview { max-height: calc(100vh - 210px); overflow: auto; }
.template-preview-switch { position: sticky; top: 0; z-index: 2; display: flex; gap: .35rem; padding: .55rem; border-bottom: 1px solid var(--line); background: var(--preview-surface, #fffdf8); }
.template-preview-switch button { padding: .45rem .7rem; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--preview-text, #181411); cursor: pointer; font: inherit; font-size: .76rem; }
.template-preview-switch button.is-active { border-color: var(--preview-accent); background: color-mix(in srgb, var(--preview-accent) 12%, transparent); }
.template-preview-scene { display: none; }
.template-preview-scene.is-active { display: block; }
@media (max-width: 1050px) { .template-workspace { grid-template-columns: 1fr; } .template-preview-editor { position: static; grid-row: 1; } .checkout-template-preview { max-height: none; } }
@media (max-width: 600px) { .template-control-group .form-grid { grid-template-columns: 1fr; } .template-preview-toolbar { align-items: stretch; flex-direction: column; } .template-preview-toolbar label { min-width: 0; } .template-color-controls { grid-template-columns: repeat(4, minmax(0, 1fr)); } }