/* Approved StallPOS merchant system. Loaded only by dashboard/onboarding. */
:root{--ui-brand:#762c35;--ui-brand-dark:#57202a;--ui-paper:#f6f4ee;--ui-ink:#292623;--ui-muted:#6e6962;--ui-line:#e5e1d9;--ui-green:#295d4b;--ui-green-soft:#e9f1eb;--ui-amber:#805b24;--ui-amber-soft:#faf0d8;--ui-radius:12px;--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-6:24px;--ui-space-8:32px}
body[data-merchant-ui]{display:block;margin:0;color:var(--ui-ink);background:var(--ui-paper);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,'Microsoft YaHei',sans-serif}body[data-merchant-ui] *{box-sizing:border-box}body[data-merchant-ui]>.bar{display:none}body[data-merchant-ui] a{color:var(--ui-brand)}body[data-merchant-ui] button,body[data-merchant-ui] input,body[data-merchant-ui] select{font-family:inherit}body[data-merchant-ui] button{cursor:pointer}body[data-merchant-ui] a:focus-visible,body[data-merchant-ui] button:focus-visible,body[data-merchant-ui] summary:focus-visible{outline:3px solid #a67532;outline-offset:3px}body[data-merchant-ui] h1,body[data-merchant-ui] h2,body[data-merchant-ui] h3{letter-spacing:-.03em;line-height:1.25;color:var(--ui-ink)}body[data-merchant-ui] h1{font-size:32px;font-weight:650}body[data-merchant-ui] h2{font-size:23px;font-weight:650}body[data-merchant-ui] h3{font-size:18px;font-weight:650}
.ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.ui-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100dvh}.ui-sidebar{background:#fbfaf7;border-right:1px solid var(--ui-line);padding:28px 18px;display:flex;flex-direction:column;gap:24px}.ui-wordmark{font-size:25px;font-weight:780;letter-spacing:-1.2px;text-decoration:none;color:var(--ui-brand)!important;display:flex;align-items:center;gap:9px}.ui-mark{width:25px;height:25px;border-radius:7px 7px 12px 12px;background:var(--ui-brand);position:relative}.ui-mark:after{content:'';position:absolute;left:5px;right:5px;top:8px;height:5px;border-top:1px solid #fff;border-bottom:1px solid #fff}.ui-shop{display:flex;gap:10px;align-items:center;padding:15px 8px;border-block:1px solid var(--ui-line)}.ui-shop-avatar{width:36px;height:36px;display:grid;place-items:center;background:#ede6d9;border-radius:9px;color:var(--ui-brand);font-size:23px;flex-shrink:0}.ui-shop b{font-size:13px;display:block}.ui-shop small{font-size:11px;color:var(--ui-muted)}.ui-nav{display:flex;flex-direction:column;gap:4px}.ui-nav a,.ui-nav button{display:flex;gap:11px;align-items:center;min-height:46px;padding:11px 12px;border:0;border-radius:7px;background:none;text-decoration:none;font-size:13px;color:#655f59!important;text-align:left;line-height:1.4}.ui-nav a:hover,.ui-nav button:hover{background:#efece5}.ui-nav a[aria-current]{background:#f1e7e5;color:var(--ui-brand)!important;font-weight:650}.ui-nav-group{font-size:10px;letter-spacing:.1em;color:var(--ui-muted);font-weight:650;padding:15px 12px 5px}.ui-nav-group:first-child{padding-top:0}.ui-profile{margin-top:auto;padding-top:24px;display:flex;align-items:center;gap:10px;font-size:12px}.ui-avatar{width:32px;height:32px;display:grid;place-items:center;background:#e6ded2;border-radius:50%;flex-shrink:0;font-size:11px}.ui-profile b,.ui-profile small{display:block;overflow-wrap:anywhere}.ui-profile small{font-size:10px;color:var(--ui-muted)}.ui-main{min-width:0}.ui-topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 36px;background:white;border-bottom:1px solid var(--ui-line)}.ui-top-context{display:flex;align-items:center;gap:12px;min-width:0}.ui-top-context div{min-width:0}.ui-current-shop{font-size:12px;color:var(--ui-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-current-page{font-size:13px;font-weight:600}.ui-header-actions{display:flex;gap:14px;align-items:center;flex-shrink:0}.ui-menu-trigger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--ui-line);border-radius:8px;background:white;color:var(--ui-ink)}.ui-staging-badge{font-size:10px;background:var(--ui-amber-soft);color:var(--ui-amber);padding:5px 9px;border-radius:5px;font-weight:650}.ui-main .wrap{max-width:1400px;width:100%;padding:32px 36px;margin:0 auto}.ui-page-heading{margin-bottom:26px}.ui-page-heading h1{margin:7px 0}.ui-page-heading p{font-size:13px;color:var(--ui-muted);margin:8px 0 0;max-width:720px;line-height:1.7}.ui-eyebrow{font-size:10px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-muted)}
body[data-merchant-ui] .card{background:#fff;border:1px solid var(--ui-line);border-radius:var(--ui-radius);padding:24px;margin-bottom:20px;box-shadow:0 8px 30px #332b2206}body[data-merchant-ui] .sub,body[data-merchant-ui] .hint,body[data-merchant-ui] .mini{color:var(--ui-muted)}body[data-merchant-ui] .sub{font-size:14px;line-height:1.7}body[data-merchant-ui] .mini,body[data-merchant-ui] .hint{font-size:12px;line-height:1.6}body[data-merchant-ui] .btn,body[data-merchant-ui] button.primary,body[data-merchant-ui] .biglink{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;background:var(--ui-brand);color:white;border:1px solid var(--ui-brand);border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;line-height:1.5}body[data-merchant-ui] .btn:hover,body[data-merchant-ui] button.primary:hover{background:var(--ui-brand-dark)}body[data-merchant-ui] .btn.ghost,body[data-merchant-ui] .btn.quiet,body[data-merchant-ui] .ghost,body[data-merchant-ui] .another{min-height:44px;background:#fff;border:1px solid var(--ui-line);border-radius:8px;color:var(--ui-brand);padding:10px 15px;font-size:13px;font-weight:600}body[data-merchant-ui] .btn.big{display:flex;width:100%;margin-top:15px;font-size:15px}body[data-merchant-ui] button:disabled{opacity:.5;cursor:not-allowed}body[data-merchant-ui] label{font-size:13px;color:var(--ui-ink);font-weight:550;margin:16px 0 7px}body[data-merchant-ui] input[type=text],body[data-merchant-ui] select{width:100%;font-size:16px;padding:11px 12px;min-height:46px;border:1px solid #c9c4ba;border-radius:7px;background:#fff;color:var(--ui-ink)}body[data-merchant-ui] input:focus,body[data-merchant-ui] select:focus{outline:2px solid #b6793c;outline-offset:1px;border-color:#b6793c}body[data-merchant-ui] input[type=checkbox]{accent-color:var(--ui-brand);width:20px;height:20px;flex-shrink:0}body[data-merchant-ui] .msg.err,body[data-merchant-ui] .ui-message.error{color:#87342f;background:#fae8e5;border:1px solid #d8b1ac}body[data-merchant-ui] .msg.ok{color:var(--ui-green);background:var(--ui-green-soft)}body[data-merchant-ui] .msg,body[data-merchant-ui] .ui-message{border-radius:8px;padding:13px 15px;font-size:13px;line-height:1.7}.ui-message[hidden]{display:none}.ui-message{margin-bottom:20px}body[data-merchant-ui] #boot-err{margin:20px 36px;padding:18px;border:1px solid #d8b1ac;color:#87342f;background:#fae8e5;border-radius:10px}body[data-merchant-ui] #loading{padding:40px 20px;color:var(--ui-muted);font-size:14px}body[data-merchant-ui] #loading:before{content:'';display:inline-block;width:16px;height:16px;border:2px solid #e5d9cf;border-top-color:var(--ui-brand);border-radius:50%;vertical-align:middle;margin-right:9px;animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}
body[data-merchant-ui] #me-card{padding:14px 20px;background:#fbfaf7;box-shadow:none}body[data-merchant-ui] #who-line{font-size:12px!important;color:var(--ui-muted)!important}body[data-merchant-ui] #shop-select{max-width:480px}body[data-merchant-ui] #shop-name,body[data-merchant-ui] #s-name{font-size:23px}body[data-merchant-ui] .slugline{font-size:12px;color:var(--ui-muted);margin-top:5px}.ui-operating-head{margin-bottom:22px}body[data-merchant-ui] .chipst{font-size:11px;padding:6px 11px;border-radius:5px;line-height:1.6}body[data-merchant-ui] .chipst.green{color:var(--ui-green);background:var(--ui-green-soft)}body[data-merchant-ui] .chipst.orange{color:var(--ui-amber);background:var(--ui-amber-soft)}body[data-merchant-ui] .trial{font-size:13px;line-height:1.7;margin-top:20px;margin-bottom:0;border-radius:8px}body[data-merchant-ui] .trial.green{background:var(--ui-green-soft);color:var(--ui-green);border-color:#c9dcd0}body[data-merchant-ui] .trial.orange{background:var(--ui-amber-soft);color:var(--ui-amber);border:1px solid #e2cd9f}.ui-stat-note{font-size:12px;color:var(--ui-muted);margin:-3px 0 22px}.ui-stat-note b{color:var(--ui-ink)}
body[data-merchant-ui] .stats{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:0;background:#fff;border:1px solid var(--ui-line);border-radius:12px;padding:24px 0;margin-bottom:14px;overflow:hidden}body[data-merchant-ui] .stat{border:0;border-right:1px solid var(--ui-line);padding:0 24px;background:none;border-radius:0;display:flex;flex-direction:column;gap:8px}body[data-merchant-ui] .stat:last-child{border-right:0}body[data-merchant-ui] .stat .v{font-size:31px;letter-spacing:-.04em;font-weight:650;order:2;font-variant-numeric:tabular-nums;line-height:1.25}body[data-merchant-ui] .stat:first-child .v{color:var(--ui-brand)}body[data-merchant-ui] .stat .k{font-size:12px;color:var(--ui-muted);order:1;margin:0}.ui-service-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.ui-service-card{padding:24px;border-radius:12px;background:var(--ui-brand);color:white}.ui-service-card h2{color:white!important;font-size:27px!important;margin:13px 0}.ui-service-card p{font-size:13px;line-height:1.7;color:#ead7d3}.ui-service-card .ui-eyebrow{color:#e4c4b6}.ui-service-card .btn{width:100%;background:#fff!important;color:var(--ui-brand)!important;border-color:#fff!important;margin-top:22px}.ui-service-card .btn:hover{background:#f3ece5!important}body[data-merchant-ui] .acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body[data-merchant-ui] .act{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:116px;border:1px solid var(--ui-line);border-radius:10px;background:#fff;padding:19px 16px;color:var(--ui-ink);text-decoration:none}body[data-merchant-ui] .act .ic{color:#8a7869}body[data-merchant-ui] .act b{font-size:13px;line-height:1.5}body[data-merchant-ui] .act.primary{border-color:#b67e80;box-shadow:inset 0 2px var(--ui-brand)}body[data-merchant-ui] .act.off{opacity:1;color:var(--ui-muted);background:#eeece6;min-height:116px}body[data-merchant-ui] .act:hover{border-color:#b8958e}body[data-merchant-ui] .acts.small{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-merchant-ui] .acts.small .act{min-height:70px;flex-direction:row;align-items:center;gap:10px;padding:14px}body[data-merchant-ui] .tools{padding:17px 20px;border:1px solid var(--ui-line);border-radius:10px;background:#fff}body[data-merchant-ui] .tools summary{min-height:32px;color:var(--ui-brand);font-size:14px;cursor:pointer}body[data-merchant-ui] .tools .acts{margin-top:15px}.ui-setup-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:22px;align-items:start}body[data-merchant-ui] .na-card{border-color:#dcc7be;background:#fffcf8}.ui-setup-side{padding:28px;border-radius:12px;background:#eee9df}.ui-setup-side h3{font:28px/1.3 Georgia,serif;margin:12px 0}.ui-setup-side p{font-size:13px;line-height:1.8;color:var(--ui-muted)}body[data-merchant-ui] .na-k{font-size:10px;letter-spacing:.12em;color:var(--ui-brand);font-weight:650}body[data-merchant-ui] .na-t{font-size:24px;margin-top:9px;letter-spacing:-.03em}body[data-merchant-ui] .na-h{font-size:13px;line-height:1.7;color:var(--ui-muted)}body[data-merchant-ui] .step{padding:14px 13px;gap:13px;border-radius:8px}body[data-merchant-ui] .step .t{font-size:14px}body[data-merchant-ui] .step .st{font-size:12px;line-height:1.7;color:var(--ui-muted)}body[data-merchant-ui] .step.done{background:#f2f6f0}body[data-merchant-ui] .step .mark{width:28px;flex-basis:28px;height:28px}body[data-merchant-ui] .prog{height:7px;background:#ece8e0;margin:14px 0}body[data-merchant-ui] .prog i{background:var(--ui-brand)}body[data-merchant-ui] .prog-count{font-size:13px;color:var(--ui-brand)}body[data-merchant-ui] table{font-size:13px}body[data-merchant-ui] th{font-size:11px;color:var(--ui-muted);background:#fbfaf7}body[data-merchant-ui] th,body[data-merchant-ui] td{padding:13px 15px;border-bottom:1px solid var(--ui-line)}body[data-merchant-ui] .role{font-size:11px;color:var(--ui-brand);background:#f1e7e5;border:0;padding:4px 8px}body[data-merchant-ui] .foot{font-size:11px;color:var(--ui-muted);padding:24px}
body[data-merchant-ui] .lang-pill{position:static!important;display:inline-flex;align-items:center;border:1px solid var(--ui-line);box-shadow:none;border-radius:7px;padding:2px;background:#fff;min-height:42px}body[data-merchant-ui] .lang-pill button{min-height:36px;min-width:36px;font-size:12px;padding:7px 9px;border:0;border-radius:5px;background:none;color:var(--ui-muted)}body[data-merchant-ui] .lang-pill button.on{background:#f1e7e5;color:var(--ui-brand);font-weight:650}body[data-merchant-ui] .lang-pill .sep{font-size:10px;color:var(--ui-line)}.ui-bottom-nav{display:none}.ui-skip{position:fixed;top:-100px;background:white;padding:12px;z-index:100}.ui-skip:focus{top:4px;left:12px}.ui-drawer{width:calc(100% - 24px);max-width:460px;max-height:calc(100dvh - 24px);border:1px solid var(--ui-line);padding:24px;border-radius:14px;color:var(--ui-ink);box-shadow:0 20px 80px #231c1b33}.ui-drawer::backdrop{background:#231c1ba8;backdrop-filter:blur(3px)}.ui-drawer-head{position:sticky;top:-24px;background:#fff;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;margin-top:-12px}.ui-drawer-head h2{font-size:24px}.ui-close{width:44px;height:44px;border:1px solid var(--ui-line);background:white;border-radius:8px;font-size:23px}.ui-drawer .ui-shop{margin:10px 0 18px;border:1px solid var(--ui-line);background:#f4f0e8;border-radius:9px;padding:14px}.ui-drawer .ui-nav a,.ui-drawer .ui-nav button{border:1px solid var(--ui-line);min-height:50px;font-size:14px}.ui-drawer .ui-nav-group{padding-left:0}.ui-onboarding-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:28px;align-items:start}.ui-onboarding-guide{padding:30px;background:#eee9df;border-radius:12px;position:sticky;top:25px}.ui-onboarding-guide h2{font:29px/1.3 Georgia,serif;margin:10px 0 22px}.ui-onboarding-guide ol{padding-left:20px;margin:0}.ui-onboarding-guide li{padding:8px 0;font-size:13px;line-height:1.7;color:var(--ui-muted)}.ui-onboarding-guide li b{display:block;color:var(--ui-ink);font-size:14px}.ui-onboarding-guide p{font-size:12px;line-height:1.8;color:var(--ui-muted);margin-top:20px}.ui-onboarding-guide .ui-eyebrow{color:var(--ui-brand)}body[data-screen=onboarding] .wrap{max-width:1200px}.ui-onboarding-grid .form h1{font-size:24px}body[data-merchant-ui] .chk{display:flex;gap:10px;align-items:flex-start;padding:16px;background:#f8f5ef;border:1px solid var(--ui-line);border-radius:8px;font-size:13px;line-height:1.7}body[data-merchant-ui] .chk label{margin:0;font-size:13px;font-weight:400}body[data-merchant-ui] #create{width:100%;margin-top:22px}body[data-merchant-ui] .advbtn{min-height:44px;font-size:13px;color:var(--ui-brand);text-align:left}body[data-merchant-ui] .slugrow .pre{font-size:11px;white-space:normal;overflow-wrap:anywhere;max-width:40%}body[data-merchant-ui] .linkbox{background:var(--ui-green-soft);border-color:#c9dcd0}body[data-merchant-ui] .linkbox .u{font-size:16px;color:var(--ui-green)}body[data-merchant-ui] .linkbox .t{color:var(--ui-green)}body[data-merchant-ui] .copy{min-height:40px;padding:8px 13px}body[data-merchant-ui] .shop{padding:15px;border-color:var(--ui-line);border-radius:9px;gap:12px}body[data-merchant-ui] #who{background:#fbfaf7;box-shadow:none}body[data-merchant-ui] #who h2{font-size:18px}body[data-merchant-ui] .boot.on{font-size:13px;background:#fae8e5;color:#87342f;padding:15px;line-height:1.7}.ui-empty-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#f3e8e5;color:var(--ui-brand);margin-bottom:18px}
@media(max-width:1150px){.ui-shell{grid-template-columns:205px minmax(0,1fr)}.ui-main .wrap{padding:28px 24px}.ui-topbar{padding:0 24px}.ui-service-layout{grid-template-columns:1fr}.ui-service-card{display:grid;grid-template-columns:1fr 220px;gap:5px 24px}.ui-service-card h2,.ui-service-card p,.ui-service-card .ui-eyebrow{grid-column:1}.ui-service-card .btn{grid-column:2;grid-row:1/4;margin:auto 0}.ui-service-card h2{margin:7px 0}.ui-onboarding-grid{grid-template-columns:1fr}.ui-onboarding-guide{position:static}.ui-setup-layout{grid-template-columns:1fr}.ui-setup-side{display:none}body[data-merchant-ui] .stat{padding:0 18px}body[data-merchant-ui] .stat .v{font-size:28px}}
@media(max-width:900px){.ui-shell{display:block}.ui-sidebar{display:none}.ui-menu-trigger{display:inline-flex}.ui-staging-badge{display:none}.ui-topbar{height:67px}.ui-main .wrap{max-width:1000px}.ui-onboarding-grid{grid-template-columns:minmax(0,1fr) minmax(230px,.7fr)}.ui-onboarding-guide{position:static;padding:24px}.ui-current-shop{max-width:340px}}
@media(max-width:600px){.ui-topbar{height:66px;position:sticky;top:0;z-index:40;padding:0 16px;gap:8px}.ui-header-actions{gap:5px}.ui-current-shop{max-width:170px;font-size:11px}.ui-current-page{font-size:12px}.ui-top-context{gap:10px}.ui-main .wrap{padding:24px 16px calc(100px + env(safe-area-inset-bottom))}.ui-page-heading{margin-bottom:22px}.ui-page-heading h1{font-size:28px}.ui-page-heading p{font-size:12px}.ui-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#fffcf7;border-top:1px solid #d9d0c3;box-shadow:0 -5px 18px #382c2610;z-index:50}.ui-bottom-nav a,.ui-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;font-size:11px;color:#655c53;text-decoration:none;border:0;background:none;border-radius:8px;padding:6px 3px;line-height:1.3}.ui-bottom-nav a[aria-current]{background:#f3e8e3;color:var(--ui-brand);font-weight:650}.ui-bottom-nav .ui-icon{width:21px;height:21px}body[data-merchant-ui] .card{padding:21px;margin-bottom:18px}body[data-merchant-ui] h2{font-size:21px}body[data-merchant-ui] #me-card{padding:13px 16px}body[data-merchant-ui] .stats{grid-template-columns:1fr 1fr;padding:0;margin-bottom:12px}body[data-merchant-ui] .stat{padding:18px;border:0;border-bottom:1px solid var(--ui-line)}body[data-merchant-ui] .stat:nth-child(odd){border-right:1px solid var(--ui-line)}body[data-merchant-ui] .stat:nth-last-child(-n+2){border-bottom:0}body[data-merchant-ui] .stat .v{font-size:28px}body[data-merchant-ui] .stat .k{font-size:11px}body[data-merchant-ui] .acts,body[data-merchant-ui] .acts.small{grid-template-columns:1fr 1fr;gap:10px}body[data-merchant-ui] .act{min-height:108px;padding:16px 13px;gap:9px}body[data-merchant-ui] .act b{font-size:12px}.ui-service-layout{gap:18px}.ui-service-card{display:block;padding:23px}.ui-service-card h2{font-size:26px!important;margin:12px 0}.ui-service-card .btn{margin-top:20px}.ui-stat-note{font-size:11px;line-height:1.7}.ui-onboarding-grid{display:block}.ui-onboarding-guide{margin-top:18px}.ui-onboarding-grid .form h1{font-size:25px}.ui-onboarding-guide h2{font-size:27px}body[data-merchant-ui] .shop{align-items:flex-start;flex-direction:column}body[data-merchant-ui] .slugrow{align-items:flex-start;flex-direction:column}body[data-merchant-ui] .slugrow .pre{max-width:none}body[data-merchant-ui] #boot-err{margin:16px}body[data-merchant-ui] .lang-pill button{padding:7px;min-width:32px}.ui-drawer{padding:21px}.ui-drawer-head{top:-21px}body[data-merchant-ui] #toast{bottom:90px}}
@media(prefers-reduced-motion:reduce){body[data-merchant-ui] #loading:before{animation:none}body[data-merchant-ui] *{scroll-behavior:auto!important}}

@media(min-width:901px){.ui-sidebar{position:sticky;top:0;height:100dvh;overflow-y:auto}}
body[data-merchant-ui] .ui-onboarding-guide h2{font:29px/1.3 Georgia,serif}
/* Same touch-friendly field treatment for the remaining input types
   (email/password/number/tel/month) used by settings, golive and reports. */
body[data-merchant-ui] input[type=email],body[data-merchant-ui] input[type=password],body[data-merchant-ui] input[type=number],body[data-merchant-ui] input[type=tel],body[data-merchant-ui] input[type=month],body[data-merchant-ui] input[type=date]{width:100%;font-size:16px;padding:11px 12px;min-height:46px;border:1px solid #c9c4ba;border-radius:7px;background:#fff;color:var(--ui-ink)}
body[data-merchant-ui] input[type=email]:focus,body[data-merchant-ui] input[type=password]:focus,body[data-merchant-ui] input[type=number]:focus,body[data-merchant-ui] input[type=tel]:focus,body[data-merchant-ui] input[type=month]:focus,body[data-merchant-ui] input[type=date]:focus{outline:2px solid #b6793c;outline-offset:1px;border-color:#b6793c}
/* Shared logged-out chrome (login · signup · forgot · reset · verify · staff
   invite) — the same oxblood/cream system without the merchant sidebar. */
body[data-merchant-auth]{display:flex;flex-direction:column;min-height:100dvh;margin:0;color:var(--ui-ink);background:var(--ui-paper);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,'Microsoft YaHei',sans-serif}
body[data-merchant-auth] *{box-sizing:border-box}
body[data-merchant-auth] a{color:var(--ui-brand)}
body[data-merchant-auth] a:focus-visible,body[data-merchant-auth] button:focus-visible,body[data-merchant-auth] input:focus-visible{outline:3px solid #a67532;outline-offset:3px}
.auth-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px;max-width:960px;width:100%;margin:0 auto}
.auth-main{flex:1;display:grid;place-items:center;padding:12px 16px 40px}
.auth-card{background:#fff;border:1px solid var(--ui-line);border-radius:14px;box-shadow:0 8px 30px #332b2206;padding:30px 28px;width:min(460px,100%)}
body[data-merchant-auth] h1{font-size:26px;font-weight:650;letter-spacing:-.03em;line-height:1.25;margin:0 0 6px;color:var(--ui-ink)}
body[data-merchant-auth] .sub{color:var(--ui-muted);font-size:13.5px;line-height:1.7;margin:0 0 8px}
body[data-merchant-auth] label{display:block;font-size:13px;color:var(--ui-ink);font-weight:550;margin:16px 0 7px}
body[data-merchant-auth] input{width:100%;font-size:16px;padding:11px 12px;min-height:48px;border:1px solid #c9c4ba;border-radius:8px;background:#fff;color:var(--ui-ink)}
body[data-merchant-auth] input:focus{outline:2px solid #b6793c;outline-offset:1px;border-color:#b6793c}
body[data-merchant-auth] .btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;margin-top:20px;background:var(--ui-brand);color:#fff;border:1px solid var(--ui-brand);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}
body[data-merchant-auth] .btn:hover{background:var(--ui-brand-dark)}
body[data-merchant-auth] .btn:disabled{opacity:.5;cursor:not-allowed}
body[data-merchant-auth] .btn.ghost{background:#fff;color:var(--ui-brand);border:1px solid #c9c4ba}
body[data-merchant-auth] .btn.inline{display:inline-flex;width:auto;margin-top:10px;padding:9px 16px;min-height:44px;background:#fff;color:var(--ui-brand);border:1px solid var(--ui-brand);font-size:14px}
body[data-merchant-auth] .msg{border-radius:8px;padding:13px 15px;font-size:13px;line-height:1.7;margin-top:12px;display:none}
body[data-merchant-auth] .msg.err{color:#87342f;background:#fae8e5;border:1px solid #d8b1ac;display:block}
body[data-merchant-auth] .msg.ok{color:var(--ui-green);background:var(--ui-green-soft);display:block}
body[data-merchant-auth] .alt{font-size:13px;text-align:center;margin-top:16px;color:var(--ui-muted)}
body[data-merchant-auth] .alt a,body[data-merchant-auth] .sub a{color:var(--ui-brand);font-weight:600;text-decoration:none}
body[data-merchant-auth] .hint{font-size:12px;color:var(--ui-muted);line-height:1.6}
body[data-merchant-auth] .foot{color:var(--ui-muted);font-size:11px;text-align:center;padding:20px}
.auth-note{background:var(--ui-amber-soft);border:1px solid #e2cd9f;color:var(--ui-amber);border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.7;margin-top:14px}
.auth-note a{color:var(--ui-amber);font-weight:650}
.auth-note .cont{display:inline-flex;margin-top:10px}
.auth-dev{word-break:break-all;font-size:11px;color:var(--ui-muted);margin-top:8px}
.auth-card .inline-note{display:block;font-size:12px;color:var(--ui-green);margin-top:6px}
.auth-panel{display:grid;place-items:center;text-align:center;padding:8px 0 4px}
.auth-panel .big{font-size:44px;line-height:1.2}
.auth-panel h2{font-size:24px;font-weight:650;letter-spacing:-.03em;margin:8px 0 0}
.auth-role{display:inline-block;background:#f1e7e5;border-radius:6px;font-size:12px;padding:4px 10px;font-weight:700;color:var(--ui-brand)}
.auth-wa{display:inline-flex;align-items:center;gap:6px;margin-top:12px;background:var(--ui-green-soft);color:var(--ui-green);border-radius:8px;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none}
.auth-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.auth-actions .btn{width:auto;margin-top:8px}
body[data-merchant-auth] .lang-pill{display:inline-flex;align-items:center;border:1px solid var(--ui-line);border-radius:7px;padding:2px;background:#fff;min-height:42px}
body[data-merchant-auth] .lang-pill button{min-height:36px;min-width:36px;font-size:12px;padding:7px 9px;border:0;border-radius:5px;background:none;color:var(--ui-muted);cursor:pointer}
body[data-merchant-auth] .lang-pill button.on{background:#f1e7e5;color:var(--ui-brand);font-weight:650}
body[data-merchant-auth] .lang-pill .sep{color:var(--ui-line);font-size:10px;align-self:center}
body[data-merchant-auth] #loading{color:var(--ui-muted);text-align:center;padding:44px 12px;font-size:14px}
@media(max-width:480px){.auth-card{padding:24px 18px}.auth-head{padding:16px}}