/* Go Live, Sign In, Account, Admin (Go Live / Sign In / Account / Admin .dc.html) */
.golive,.signin,.account{padding-top:36px;padding-bottom:72px;display:flex;flex-direction:column;gap:24px;font-size:17px;line-height:1.55}
.app-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:clamp(20px,3vw,32px);box-shadow:0 8px 24px rgba(42,26,21,.08);display:flex;flex-direction:column;gap:14px}
.app-card h1{font-size:clamp(26px,2.8vw,32px);line-height:1.15}
.narrow-card{max-width:460px;width:100%;margin:0 auto}
.progress{display:flex;flex-direction:column;gap:10px}
.progress .bar{height:8px;background:var(--panel);border-radius:6px;overflow:hidden}
.progress .bar div{height:100%;background:var(--coral);border-radius:6px}
.golive__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:28px;align-items:start}
.golive__grid .app-card{grid-column:span 2}
@media (max-width:900px){.golive__grid .app-card{grid-column:auto}}
.stack{display:flex;flex-direction:column;gap:16px}
.stack label:not(.pick):not(.tick){display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:15px}
.stack input:not([type=radio]):not([type=checkbox]),.stack select{font:400 17px var(--body);color:var(--ink);padding:13px 14px;border:2px solid var(--line);border-radius:var(--r-btn);background:#fff;min-height:50px;width:100%}
.stack input:focus,.stack select:focus{outline:3px solid var(--coral);outline-offset:2px;border-color:var(--ink)}
.hint{font-weight:400;font-size:14px;color:var(--ink-soft);margin:0}
.opt{font-weight:600;color:var(--ink-soft)}
.note{margin:0;background:var(--mint-soft);color:var(--mint-ink);border-radius:var(--r-btn);padding:10px 14px;font-size:15px}
.error{background:#FDECE8;color:#8A2A16;border-radius:var(--r-btn);padding:10px 14px;font-weight:600}
.error p{margin:0}
.design-pick{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.choice-list{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.pick{position:relative;display:flex;flex-direction:column;gap:6px;border:2px solid var(--line);border-radius:var(--r-btn);padding:12px;cursor:pointer;font-size:15px}
.pick:has(input:checked){border-color:var(--ink);background:#FFF3E8}
.pick input{position:absolute;opacity:0;pointer-events:none}
.pick:focus-within{outline:3px solid var(--coral);outline-offset:2px}
.pick .sw{display:flex;height:10px;border-radius:3px;background:linear-gradient(90deg,var(--a) 50%,var(--b) 50%)}
.tick{display:flex;gap:12px;align-items:flex-start;border:2px solid var(--line);border-radius:var(--r-btn);padding:14px;cursor:pointer;font-size:16px}
.tick input{width:22px;height:22px;accent-color:var(--coral);flex:none;margin-top:2px}
.review{margin:0;display:flex;flex-direction:column;gap:8px;background:var(--panel);border-radius:var(--r-btn);padding:14px 16px}
.review div{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}
.review dt{color:var(--ink-soft)}.review dd{margin:0;font-weight:700}
.stripe-note{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:16px 18px;font-size:15px}
.stripe-note p{margin:6px 0 0;color:var(--ink-body)}
.nav-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:6px}
.btn-line{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--ink);color:var(--ink);padding:10px 18px;border-radius:var(--r-btn);font:800 15px var(--body);cursor:pointer;min-height:44px;text-decoration:none}
.btn-line:hover{background:var(--panel);color:var(--ink)}
.plan-box{background:var(--panel);border-radius:var(--r-card);padding:26px;display:flex;flex-direction:column;gap:12px;font-size:16px}
.plan-box > b{font:700 18px var(--head)}
.plan-box div{display:flex;justify-content:space-between;gap:12px}
.plan-box .sep{border-top:1px solid var(--line);padding-top:12px}
.plan-box .total{font:700 24px/1.2 var(--head);padding-top:6px}
.plan-box .total span:last-child{color:var(--coral-ink)}
.secure{font-size:14px;color:var(--ink-soft)}
.done-card{max-width:640px;margin:0 auto}
.done-card ol{margin:0;padding-left:22px;color:var(--ink-body);display:flex;flex-direction:column;gap:8px}
.acct-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.acct-head h1{font-size:28px}
.who{font-size:15px;color:var(--ink-soft)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:12px}
.stats div{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:16px}
.stats span{display:block;font-size:14px;color:var(--ink-soft)}.stats b{font:700 26px var(--head)}
.bad{color:#9B2C1B!important}
.site-row{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:20px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.site-row > div{display:flex;flex-direction:column;gap:4px;flex:1 1 260px}
.site-row .name{display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex-direction:row}
.site-row .name b{font:700 19px var(--head)}
.chip{border-radius:6px;padding:3px 10px;font-weight:800;font-size:13px;background:#F1EFEB;color:#3F2D27}
.chip.ok{background:#EAF6EF;color:#1F4D3A}.chip.warn{background:#FFF4D6;color:#6B4B00}.chip.bad{background:#FDE8E4;color:#9B2C1B}
.row-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.row-actions form{margin:0}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.tiles .app-card{box-shadow:none;gap:6px}
.sub-card form{margin:0}
.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-card)}
.table-wrap table{border-collapse:collapse;min-width:820px;width:100%;font-size:15px}
.table-wrap th,.table-wrap td{padding:12px 16px;text-align:left;border-top:1px solid var(--line);vertical-align:top}
.table-wrap thead th{background:var(--panel);border-top:0}
.inline{display:flex;gap:6px;align-items:center}
.inline select{min-height:40px;border:2px solid var(--line);border-radius:8px;padding:0 8px;font:15px var(--body)}
.alert-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:10px}
.approve-card{border:2px solid var(--coral)}
.approve-card form{margin:0}