:root{--shop-accent:#0f766e;--shop-rgb:15,118,110}
html.shop-loading #login,html.shop-loading #app{display:none!important}
.shop-boot{max-width:500px;margin:12vh auto;padding:32px;text-align:center}
.shop-boot p{color:#425466;line-height:1.9}
.first-setup{max-width:750px;margin:5vh auto;padding:32px}
.first-setup h1{font-size:29px;line-height:1.5;color:#172b34;margin:15px 0 8px}
.setup-kicker{font-size:12px;letter-spacing:.15em;color:var(--shop-accent);font-family:Orbitron,Kanit,sans-serif}
.first-setup .row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.first-setup label{display:block;margin:14px 0;color:#263c43}
.first-setup button{margin-top:15px}
.setup-caption{color:#4b6369;line-height:1.85;font-size:14px}
.shop-brand-logo{width:44px;height:44px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid #e1e8e5;flex-shrink:0;padding:4px;box-shadow:0 3px 12px #0d433810}
.brand-word[data-shop-name]{font-family:Kanit,sans-serif!important;font-size:19px;font-weight:500;color:var(--text,#19343c);line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.brand{gap:10px}.brand .version-pill{font-size:10px}
.loginbrand{gap:12px;max-width:100%;flex-wrap:nowrap}.loginbrand .shop-brand-logo{width:52px;height:52px}.loginbrand .brand-word[data-shop-name]{font-size:25px}
.shop-profile{margin-bottom:22px}.shop-profile .row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.shop-logo-field{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid var(--line);border-radius:15px;margin:15px 0;flex-wrap:wrap;background:rgba(var(--shop-rgb),.035)}
.shop-logo-field img{width:70px;height:70px;object-fit:contain;background:white;border:1px solid var(--line);border-radius:17px;padding:5px}.shop-logo-field label{flex:1;min-width:180px}.shop-logo-field small{display:block;font-size:12px;line-height:1.8;color:#506574}.shop-settings-actions{display:flex;gap:10px;flex-wrap:wrap}.shop-settings-actions button{min-height:44px}
.guide-hero{padding:28px;background:linear-gradient(125deg,rgba(var(--shop-rgb),.11),#fff);border:1px solid #fff;border-radius:22px;box-shadow:0 12px 35px #173b3210;margin-bottom:22px}.guide-hero p{max-width:650px;color:#425c61;line-height:1.9}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guide-step{display:flex;align-items:flex-start;gap:15px}.guide-number{display:grid;place-items:center;background:rgba(var(--shop-rgb),.1);color:var(--shop-accent);border-radius:12px;flex:0 0 38px;height:38px;font-family:Orbitron,Kanit,sans-serif}.guide-step h3{margin:0 0 8px}.guide-step p{font-size:14px;line-height:1.85;color:#47616a}.guide-state{font-size:12px;color:#705124;background:#fff5dd;border-radius:7px;padding:4px 9px;display:inline-block;margin:0 0 12px}.guide-state.ready{color:#176044;background:#e6f3eb}
a.manual-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--shop-accent);border-radius:12px;background:var(--shop-accent);color:white;text-decoration:none;box-shadow:0 4px 12px rgba(var(--shop-rgb),.16)}
button:not(.soft):not(.danger):not(.product-tile):not(.post-template-card):not(.ios-select-option):not(.emoji-option):not([data-page]):not(.folder){--blue:var(--shop-accent)}
button:not(.soft):not(.danger):not(.product-tile):not(.post-template-card):not(.ios-select-option):not(.emoji-option):not([data-page]):not(.folder):not(:disabled){border-color:var(--shop-accent)}
#setupResult,#shopProfileResult{line-height:1.85;font-size:14px;overflow-wrap:anywhere}
@media(max-width:720px){.first-setup{margin:18px 14px;padding:24px}.first-setup .row,.shop-profile .row,.guide-grid{grid-template-columns:1fr}.first-setup h1{font-size:25px}.guide-hero{padding:22px}.shop-brand-logo{width:39px;height:39px}}