/* t20 · admin "Nova loja" e "Cobrança". Mesmos cartões, botões e campos do style.css da central;
   cores de fase iguais às do painel da loja (âmbar, vermelho, verde). */
.eyebrow{display:block;font-size:12px;font-weight:750;letter-spacing:1.3px;text-transform:uppercase;color:#a15135;margin-bottom:4px}
.small{font-size:13px}
.newstore-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 30px;margin-bottom:22px;border-radius:26px;background:linear-gradient(120deg,#fffaf5 0%,#f6ebe1 100%);border:1px solid #fff;box-shadow:0 12px 40px #49312310}
.newstore-hero h2{margin:2px 0 6px;font-size:24px;letter-spacing:-.6px}
.newstore-hero p{margin:0;max-width:640px}
.newstore-hero button{min-height:48px;padding:0 22px;font-size:15px}
.phase-row{margin:10px 0 2px}
.phase{display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 9px;border-radius:999px;font-size:12.5px;font-weight:700;line-height:1;white-space:nowrap}
.phase i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}
.phase--ok{background:#e6f3ec;color:#1f6b4a}
.phase--exempt{background:#eef0fb;color:#3d4a8f}
.phase--warn{background:#fff3d6;color:#6b4a00}
.phase--limited{background:#fbe6e3;color:#9f2f29}
.phase--blocked{background:#3a1d1a;color:#fff}
.phase--pending{background:#eee8e2;color:#5f544c}

/* Nova loja */
.newstore h2{margin:2px 0 8px}
.plan-kind{border:0;padding:0;margin:18px 0 6px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.plan-kind legend{font-size:14px;font-weight:650;margin-bottom:10px}
.kind{position:relative;display:flex;gap:12px;align-items:flex-start;margin:0;padding:16px;border:1.5px solid #e3d8cd;border-radius:18px;background:#fff;cursor:pointer;font-weight:500;transition:border-color .15s,box-shadow .15s}
.kind input{width:18px;height:18px;margin:2px 0 0;accent-color:#a15135;flex:none}
.kind span{display:grid;gap:4px}
.kind b{font-size:15px}
.kind small{font-size:13px;color:#75685e;line-height:1.4}
.kind:has(input:checked){border-color:#a15135;box-shadow:0 0 0 4px #a1513518}
.kind:has(input:disabled){opacity:.55;cursor:not-allowed}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0 16px}
.slug{display:flex;align-items:center;border:1px solid #d6e0f0;border-radius:12px;background:#fff;overflow:hidden}
.slug input{border:0;border-radius:0}
.slug span{padding:0 12px;color:#75685e;font-size:14px;white-space:nowrap}
label.check{display:flex;gap:10px;align-items:center;font-weight:500}
label.check input{width:18px;height:18px;accent-color:#a15135}
.newstore.done{text-align:left}
.newstore .seal{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#1f6b4a;color:#fff;font-size:26px;margin-bottom:12px}

/* Cobrança */
.cobranca .grid{margin-top:20px}
.cycle-card h2{margin:4px 0 10px}
.timeline{list-style:none;display:flex;gap:6px;padding:0;margin:22px 0 12px;flex-wrap:wrap}
.tl{flex:var(--w,2) 1 150px;min-width:140px;padding:14px 16px 12px;border-radius:16px;display:grid;gap:3px;position:relative}
.tl b{font-size:14px}.tl span{font-size:12.5px;line-height:1.35}
.tl--ok{background:#e6f3ec;color:#1f6b4a}
.tl--warn{background:#fff3d6;color:#6b4a00}
.tl--limited{background:linear-gradient(100deg,#9f2f29,#b43932);color:#fff}
.tl--blocked{background:#3a1d1a;color:#fff}
.paused{border:0;padding:0;margin:16px 0 0;display:grid;gap:8px}
.paused legend{font-size:14px;font-weight:650;margin-bottom:8px}
.paused small{color:#75685e}
.phase-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 18px}
.pc{border-radius:16px;padding:12px 14px;display:grid;gap:2px;font-size:13px;font-weight:600}
.pc .stat{font-size:26px;line-height:1}
.pc--ok{background:#e6f3ec;color:#1f6b4a}.pc--exempt{background:#eef0fb;color:#3d4a8f}.pc--warn{background:#fff3d6;color:#6b4a00}
.pc--limited{background:#fbe6e3;color:#9f2f29}.pc--blocked{background:#3a1d1a;color:#fff}.pc--pending{background:#eee8e2;color:#5f544c}
.phase-table{width:100%;border-collapse:collapse;font-size:14px}
.phase-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#75685e;padding:0 8px 8px 0}
.phase-table td{padding:11px 8px 11px 0;border-top:1px solid #ece4dc;vertical-align:middle}
.phase-table td small{display:block;color:#75685e;font-size:12px}

/* Estado da loja */
.shopbill h2{margin:2px 0 14px}
.phase-hero{border-radius:18px;padding:16px;margin-bottom:10px}
.phase-hero p{margin:8px 0 0;font-size:14px}
.phase-hero--limited{background:#fdf1ef}.phase-hero--blocked{background:#f4ecea}.phase-hero--warn{background:#fff9ea}.phase-hero--ok{background:#f1f8f4}.phase-hero--exempt{background:#f3f4fc}.phase-hero--pending{background:#f6f2ee}
.mini-meter{height:6px;border-radius:6px;background:#f1d3cf;margin-top:10px;overflow:hidden}
.mini-meter span{display:block;height:100%;background:#b43932;border-radius:inherit}
@media(max-width:640px){.plan-kind{grid-template-columns:1fr}.phase-counts{grid-template-columns:repeat(2,1fr)}.newstore-hero{padding:20px}}