/* V5: a pocket business ledger. Dark blue account pages, white work surfaces. */
:root{--blue:#2466eb;--blue-dark:#1754ce;--blue-light:#eaf1ff;--ink:#1b2b40;--muted:#627086;--line:#e5e9f0;--bg:#f2f4f7;--surface:#fff;--field-bg:#f7f8fb;--radius:16px;--navy:#172f50;--focus:#2466eb;font-size:16px}
body{background:#e9edf2;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:.9375rem}
.page{padding:20px 18px 28px;line-height:1.65;animation:none}
.page h2,.page h3{font-weight:600;letter-spacing:0}
.page h3{font-size:.9375rem}
.app-header{height:64px;border:0;padding:8px 18px;gap:10px}
.app-header h1{font-size:1.25rem;line-height:1.4;font-weight:650;letter-spacing:.01em}
.header-title{gap:11px;min-width:0}.header-title h1{overflow-wrap:anywhere}
.v5-brand-icon{width:35px;height:35px;border-radius:10px;object-fit:cover;flex-shrink:0}
.header-action{border-radius:50%;width:40px;min-width:40px;height:40px;min-height:40px;color:#354762}
.ui-notice{background:#f3f5f9}
.phone .header-text-button{font-size:.8125rem;min-height:40px;padding:0 12px;border-radius:10px;gap:4px;white-space:nowrap}
.header-text-button .icon{width:16px;height:16px;flex-shrink:0}
.primary,.secondary,.outline{border-radius:12px;min-height:48px;font-size:.9375rem;font-weight:600;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.primary{background:var(--blue);box-shadow:0 4px 10px #2466eb12}
.secondary{background:#eaf1ff;color:#2559b6}
.outline{background:#fff;border-color:#dce3ec;color:#485a73}
button:active:not(:disabled){filter:brightness(.97)}
.primary:disabled,.secondary:disabled,.outline:disabled{opacity:.45}
.card,.menu-list{border:0;background:#fff;border-radius:16px;box-shadow:none}
.card{padding:20px}.card.compact,.menu-list{padding:0 16px}
.section-head{margin:26px 0 12px;min-height:28px}.section-head h2{font-size:1.0625rem;font-weight:650}
.section-head .text-link{font-size:.75rem;color:#627086;min-height:36px}
.text-link{font-size:.8125rem;line-height:1.6;min-height:36px}
.bottom-nav{height:76px;padding:7px 8px 17px;border-top:1px solid #e7ebf2;background:#fff;box-shadow:0 -3px 12px #213d5a03}
.bottom-nav button{font-size:.6875rem;font-weight:500;color:#5d708a;gap:0}
.v5-nav-icon{display:grid;place-items:center;min-height:30px;width:48px;border-radius:12px}
.bottom-nav button.active:before{display:none}
.bottom-nav button.active{color:#245fd1;font-weight:650}
.bottom-nav button.active .v5-nav-icon{background:#edf3ff}
.bottom-nav .icon{height:22px;width:22px;stroke-width:1.65}
.bottom-nav button.active .icon{fill:#d9e8ff;stroke-width:1.9}
.tag{border-radius:5px;font-size:.6875rem;line-height:1.55;padding:3px 7px}
.tag.blue{background:#edf3ff;color:#365eaa}.tag.green{background:#ebf6ef;color:#286b48}.tag.orange{background:#fff0df;color:#99551f}
.number{font-family:"Segoe UI",Arial,sans-serif;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.help,.phone .help,.screen-title-description{font-size:.8125rem;line-height:1.85;color:#5d708a}
.hint{border-radius:12px;background:#eaf0f8;color:#49617f;font-size:.8125rem;line-height:1.85;padding:14px}
.hint.warn{background:#fff3e6;color:#895420}
.page>.hint{margin-bottom:14px}

/* Home: an integrated account panel followed by the operating desk. */
#app[data-screen="home"]>.app-header{background:var(--navy);color:#fff}
#app[data-screen="home"] .app-header .ui-notice{background:#284263;color:#eff5ff}
#app[data-screen="home"]>.scroll>.page{padding-top:0}
.v5-business{margin:0 -18px;background:var(--navy);padding:10px 22px 23px;color:white}
.v5-salute{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:23px}
.v5-salute>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.v5-salute>div>span{font-size:.875rem;color:#ecf2fc}
.v5-salute .level-title{background:#294464;max-width:118px;border-radius:6px;min-height:25px}
.v5-salute .level-title>span:not(.level-badge){color:#d8e8ff}
.v5-checkin{padding:0 10px;border-radius:8px;min-height:30px;background:#f5db9b;color:#59420f;font-size:.6875rem;font-weight:600;white-space:nowrap;flex-shrink:0}
.v5-business-title{display:flex;align-items:center;gap:8px}
.v5-business-title>button:first-child{font-size:1rem;font-weight:550;display:flex;align-items:center;gap:5px;color:#fff;min-height:28px}
.v5-business-title>button:first-child>.icon{height:13px;width:13px}
.v5-business-title>span{margin-left:auto;font-size:.6875rem;color:#c0d0e7;white-space:nowrap}
.v5-business .eye-button{background:transparent;width:32px;height:32px;min-height:32px;color:#c6d8f0;padding:5px}
.v5-business .eye-button svg{width:20px;height:20px}
.v5-balance{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:10px 0 19px;color:white}
.v5-balance>span{font-size:.75rem;color:#c3d2e6}
.v5-balance strong{font-size:2.4rem;line-height:1.28;letter-spacing:.02em;font-weight:600;margin-top:5px}
.v5-business-totals{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff26;padding-top:16px;gap:20px}
.v5-business-totals button{color:white;text-align:left;min-width:0}
.v5-business-totals span{display:flex;align-items:center;gap:4px;color:#cbd8e9;font-size:.75rem;line-height:1.6}
.v5-business-totals .icon{width:12px;height:12px}
.v5-business-totals b{display:block;font-size:1.375rem;font-weight:550;line-height:1.35;margin-top:5px;overflow-wrap:anywhere}
.v5-workbench{background:#fff;margin:0 -18px 16px;padding:21px 18px 0;border-radius:0 0 16px 16px}
.v5-section-inline{display:flex;justify-content:space-between;align-items:center;gap:10px}
.v5-section-inline h2{font-size:1rem;font-weight:650;line-height:1.5}
.v5-section-inline>span{font-size:.6875rem;color:#5d708a}
.v5-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);margin:19px 0 18px;gap:8px}
.v5-quick-actions button{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}
.v5-action-icon{width:45px;height:44px;border-radius:13px;background:#edf2fc;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#3066ca}
.v5-action-icon .icon{width:25px;height:25px;stroke-width:1.7}
.tone-blue{background:#e9f0ff;color:#2564da}.tone-orange{background:#fff0e0;color:#b56c28}.tone-green{background:#e7f5f0;color:#2b8a68}.tone-slate{background:#eef0f6;color:#5e6f8e}
.v5-quick-actions button:first-child .v5-action-icon{background:#2466eb;color:white;box-shadow:0 5px 10px #2466eb26}
.v5-quick-actions b{font-size:.8125rem;font-weight:600;white-space:nowrap;color:#223750}
.v5-stock-line{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 0 16px;border-top:1px solid #eef1f5}
.v5-stock-line button{display:flex;flex-direction:column;gap:4px;align-items:center;min-width:0}
.v5-stock-line b{font-size:1.3125rem;font-weight:600;line-height:1.4}
.v5-stock-line span{font-size:.6875rem;color:#5d708a}
.v5-management{display:grid;grid-template-columns:1fr auto;gap:0;background:#fff;border-radius:14px;padding:14px;margin-bottom:18px}
.v5-management>button:first-child{display:flex;align-items:center;gap:10px;text-align:left;min-width:0}
.v5-mini-icon{width:31px;height:34px;display:grid;place-items:center;color:#2466eb;flex-shrink:0}
.v5-mini-icon .icon{width:26px;height:26px}
.v5-management b{display:block;font-size:.9375rem;font-weight:600}
.v5-management small{display:block;font-size:.6875rem;color:#5d708a;margin-top:3px}
.v5-management>button:first-child>.icon{display:none}
.v5-add-store{align-self:center;color:#2466eb;font-size:.75rem;display:flex;align-items:center;gap:3px;min-height:40px;border-left:1px solid #e7edf4;padding-left:11px;margin-left:10px;white-space:nowrap}
.v5-add-store .icon{width:15px;height:15px}
.v5-visit-list{background:#fff;border-radius:16px;padding:0 16px}
.v5-visit-row{width:100%;display:flex;align-items:center;gap:12px;padding:16px 0;text-align:left;border-bottom:1px solid #eef1f5}
.v5-visit-row:last-child{border:0}.v5-visit-row h3{font-size:.9375rem;line-height:1.5}.v5-visit-row p{font-size:.75rem;color:#5d708a;margin-top:4px}
.v5-visit-cta{font-size:.75rem;display:flex;align-items:center;gap:5px;white-space:nowrap;color:#2466eb}
.v5-visit-cta .icon{width:15px;height:15px}

/* Stores and inventory. Objects lead; sorting and states stay compact. */
.v5-list-intro{margin:0 0 18px;display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:space-between}
.v5-list-intro p{font-size:.8125rem;color:#627086;line-height:1.8}
.v5-list-intro p b{color:#2466eb;font-weight:650}
.search{min-height:47px;background:#fff;border:1px solid #e3e8f0;padding:0 14px;border-radius:12px}
.search input{font-size:.875rem;height:45px}.search input::placeholder{color:#5d708a}
.search .icon{color:#5d708a;width:19px;height:19px}
.v5-store-toolbar{display:flex;gap:10px;margin:13px 0 5px}.v5-store-toolbar .field{margin:0;flex:1;min-width:0}
.v5-store-toolbar .field>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.v5-store-toolbar .field select{background:transparent;border:0;font-size:.8125rem;min-height:38px;padding:7px 6px;font-weight:500;color:#425770}
.chips{gap:6px;margin:13px 0;overflow:auto}.chip{padding:8px 12px;font-size:.75rem;border-radius:8px;min-height:37px;border:0;background:#fff;color:#627086}
.chip.active{background:#2466eb;color:#fff;border:0;font-weight:600}
.v5-tag-tabs{justify-content:space-between}.v5-tag-tabs .chip{padding:8px 10px}
.list-caption{font-size:.75rem;color:#5d708a;margin:16px 2px 11px}
.v5-store-card{padding:18px 16px 0;width:100%;border:0;background:#fff;border-radius:16px;margin-bottom:13px;box-shadow:0 3px 12px #19375103;text-align:left}
.v5-store-head{display:flex;align-items:center;gap:11px}.v5-store-head .grow{min-width:0;flex:1}
.v5-store-head h3{font-size:1rem;line-height:1.45;font-weight:650}
.v5-store-head p{font-size:.6875rem;color:#5d708a;margin-top:5px}
.v5-store-head>.tag{align-self:flex-start;flex-shrink:0;margin-top:2px;font-size:.625rem}
.store-avatar{width:44px;height:44px;border-radius:12px;background:#eaf0fc;color:#5d708a}
.store-avatar img{border-radius:12px}.store-avatar .icon{stroke-width:1.55;width:25px;height:25px}
.v5-store-address{display:flex;gap:6px;align-items:flex-start;margin:15px 0;color:#5d708a;font-size:.75rem;line-height:1.7}
.v5-store-address .icon{width:14px;height:14px;flex-shrink:0;margin-top:3px}
.v5-store-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;margin:0 -16px;background:#fbfcfd;padding:13px 16px;border-radius:0 0 16px 16px;border-top:1px solid #eef1f5;color:#5d708a}
.v5-store-bottom>span{font-size:.6875rem;white-space:nowrap}.v5-store-bottom b{font-size:.8125rem;color:#2e415b;font-weight:600}
.v5-store-bottom .has-debt b{color:#ac651d}.v5-store-bottom .v5-visit-state{margin-left:auto;display:flex;align-items:center;gap:3px;color:#5d708a}
.v5-visit-state .icon{width:11px;height:11px}
.v5-stock-summary{background:#fff;padding:19px 18px 0;border-radius:16px}
.v5-stock-summary .text-link{font-size:.6875rem;color:#61738b}.v5-stock-summary h2{font-size:.875rem;color:#576d87;font-weight:500}
.v5-stock-number{display:flex;align-items:baseline;gap:7px;margin:12px 0 18px}
.v5-stock-number strong{font-size:2.375rem;font-weight:600;line-height:1.2;color:#172f50}
.v5-stock-number>span{font-size:.8125rem;color:#5d708a}
.v5-stock-number>.primary{margin-left:auto;font-size:.8125rem;min-height:40px;padding:0 12px;border-radius:10px;gap:3px;align-self:center;white-space:nowrap}.v5-stock-number>.primary .icon{width:15px;height:15px}
.v5-stock-meta{display:flex;gap:14px;border-top:1px solid #e9edf3;padding:13px 0;font-size:.6875rem;color:#5d708a}
.v5-stock-meta button{display:flex;align-items:center;gap:3px;margin-left:auto;color:#a16124;white-space:nowrap}.v5-stock-meta .icon{width:11px;height:11px}
.v5-stock-utilities{display:flex;gap:12px;margin:14px 0}
.v5-stock-utilities>button{flex:1;min-width:0;display:flex;gap:9px;align-items:center;background:#fff;padding:14px 11px;border-radius:14px;text-align:left}
.v5-stock-utilities .v5-action-icon{width:32px;height:34px;border-radius:10px}.v5-stock-utilities .v5-action-icon .icon{width:21px;height:21px}
.v5-stock-utilities b{display:block;font-size:.875rem;font-weight:600;white-space:nowrap}.v5-stock-utilities small{display:block;font-size:.625rem;color:#5d708a;margin-top:4px;white-space:nowrap}.v5-stock-utilities>button>.icon{display:none}
.v5-stock-tools{display:flex;background:#fff;border-radius:12px;padding:0 12px}
.v5-stock-tools button{display:flex;justify-content:center;align-items:center;gap:8px;flex:1;font-size:.8125rem;font-weight:550;min-height:46px;color:#3f608c}
.v5-stock-tools button:first-child{border-right:1px solid #edf0f6}.v5-stock-tools .icon{width:18px;height:18px}
.product-row{padding:19px 0;gap:13px;border-color:#edf0f5}.product-row h3{font-size:1rem;font-weight:600;line-height:1.45}.product-row p{font-size:.75rem;color:#5d708a;margin-top:5px}
.product-thumb{width:54px;height:70px;border-radius:10px;background:#f1f3f6}.packet{transform:rotate(-5deg);box-shadow:2px 3px 5px #1b37491a}
.product-row .qty{font-size:1.375rem;font-weight:600;color:#283e5a}.product-row .qty small{font-size:.6875rem;color:#5d708a;font-weight:400}
.v5-product-list .right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.v5-product-list .right>.icon{width:13px;height:13px;color:#5d708a}
.v5-product-cost{font-size:.6875rem;color:#5d708a;margin-top:7px;display:flex;align-items:center;gap:6px}.v5-product-cost .tag{font-size:.5625rem;margin:0;padding:2px 5px}
.v5-product-prices{display:flex;gap:12px;margin-top:9px;font-size:.6875rem;color:#5c7190}

/* Ledger and personal space share the precise account typography. */
.v5-ledger-month{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.v5-ledger-month>span{display:flex;gap:8px;align-items:center;font-size:.875rem;font-weight:600;color:#334e70}.v5-ledger-month .icon{width:17px;height:17px;color:#5d708a}.v5-ledger-month .text-link{color:#5d708a;font-size:.75rem}
.v5-account-book{background:#fff;border-radius:16px;padding:21px 20px 0;overflow:hidden}
.v5-book-title{display:flex;align-items:center;justify-content:space-between}.v5-book-title h2{font-size:.9375rem;font-weight:550;color:#60718a}
.v5-book-title .eye-button{background:#f3f6fa;color:#5d708a;width:34px;height:30px;min-height:30px;border-radius:8px}
.v5-book-balance{display:block;font-size:2.375rem;line-height:1.3;letter-spacing:.01em;color:#173352;font-weight:600;margin:14px 0 8px}
.v5-account-book>p{font-size:.6875rem;line-height:1.7;color:#5d708a;margin-bottom:20px}
.v5-book-results{margin:0 -20px;display:grid;grid-template-columns:1fr 1fr;background:#173352;padding:19px 20px;gap:19px}
.v5-book-results button{text-align:left;color:#fff;min-width:0}.v5-book-results span{font-size:.75rem;color:#cfdded;display:flex;gap:4px;align-items:center}.v5-book-results .icon{width:11px;height:11px}.v5-book-results b{display:block;font-size:1.4375rem;line-height:1.4;font-weight:550;margin-top:8px;overflow-wrap:anywhere}
.v5-ledger-actions{display:grid;grid-template-columns:repeat(3,1fr);padding:19px 0;background:#fff;border-radius:16px;margin:14px 0}
.v5-ledger-actions button{display:flex;align-items:center;flex-direction:column;gap:9px}.v5-ledger-actions b{font-size:.8125rem;font-weight:550}.v5-ledger-actions .v5-action-icon{width:41px;height:39px;border-radius:11px}.v5-ledger-actions .icon{width:22px;height:22px}
.v5-profit-note{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:15px 16px;background:#e7edf5;border-radius:12px;color:#4b6890}
.v5-profit-note>span{flex:1}.v5-profit-note>.icon:first-child{width:22px;height:22px}.v5-profit-note>.icon:last-child{width:14px;height:14px}.v5-profit-note b{font-size:.8125rem;color:#3a547a;font-weight:550;display:block}.v5-profit-note small{display:block;font-size:.6875rem;line-height:1.7;color:#5b7190;margin-top:4px}
.record-row{padding:17px 0;gap:10px}.record-row h3{font-size:.875rem;font-weight:550}.record-row p{font-size:.6875rem;line-height:1.7;color:#5d708a}.record-row .number{font-size:.9375rem;font-weight:550}.record-row .right p{font-size:.625rem}
.record-icon{width:35px;height:38px;border-radius:11px;background:#f0f3f8;color:#5d708a}.record-icon .icon{width:20px;height:20px}
#app[data-screen="me"] .app-header{background:#eaf0f8}.v5-profile{background:#eaf0f8;margin:-20px -18px 0;padding:13px 22px 19px}
.v5-profile-person{display:flex;gap:14px;align-items:center}.v5-profile-person .grow{min-width:0;flex:1}
.v5-profile-person h2{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:1.5625rem;line-height:1.5;font-weight:650}
.v5-profile-person sup{position:static;line-height:1}.v5-profile-person p{font-size:.8125rem;line-height:1.7;color:#5d708a;margin-top:4px}
.v5-profile-person .header-action{color:#5d708a;width:34px;min-width:34px}
.avatar-upload{width:61px;height:61px;border-radius:18px;background:#fff;box-shadow:0 5px 12px #17335208;color:#3467b5;font-size:1.75rem;flex-shrink:0}.avatar-upload img{border-radius:18px}.avatar-upload i{background:#346bd2;width:22px;height:22px;border-color:#eaf0f8}
.level-title{background:#fff;border-radius:6px;min-height:25px;max-width:135px;font-size:.625rem}.level-title>span:not(.level-badge){color:#4f6487}.level-title .icon{width:9px;height:9px}.medal-svg,.level-badge{width:18px;height:18px}
.v5-lifetime{display:grid;grid-template-columns:1fr .9fr 1fr;gap:8px;margin-top:26px}
.v5-lifetime>div{display:flex;align-items:center;flex-direction:column;min-width:0;gap:7px}.v5-lifetime b{font-size:1rem;font-weight:650;color:#244263;line-height:1.5;overflow-wrap:anywhere;max-width:100%}.v5-lifetime span{font-size:.6875rem;color:#5d708a;white-space:nowrap}
.v5-lifetime-note{text-align:center;font-size:.625rem;color:#5d708a;margin-top:13px}
.v5-share{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#173352;color:#fff;margin:18px 0 0;padding:19px 17px;border-radius:14px 14px 0 0}
.v5-share h2{font-size:1rem;line-height:1.5;font-weight:550}.v5-share p{font-size:.75rem;color:#c7d7ee;margin-top:6px}.v5-share .primary{min-width:40px;width:40px;min-height:40px;height:40px;border-radius:12px;background:#f3d797;color:#544010;box-shadow:none;flex-shrink:0}.v5-share .icon{width:20px;height:20px}
.v5-referrals{border-radius:0 0 14px 14px}.v5-referral-note{font-size:.6875rem!important;line-height:1.85!important;margin:12px 2px 18px}
.v5-coins{display:flex;gap:10px;align-items:center;background:#fff6e6;border-radius:14px;padding:17px 14px;margin:0 0 18px}
.v5-coin-symbol{width:30px;height:32px;display:grid;place-items:center;color:#a4782a}.v5-coin-symbol .icon{width:24px;height:24px}.v5-coins h3{font-size:.8125rem;color:#6f5428;display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.v5-coins h3 b{font-size:1.125rem;font-weight:650}.v5-coins h3 small{font-size:.625rem}.v5-coins p{font-size:.625rem;color:#846d47;line-height:1.7;margin-top:3px}
.v5-coins>button{background:#fff;min-height:36px;border-radius:9px;font-size:.6875rem;color:#8c641d;padding:0 9px;white-space:nowrap;flex-shrink:0}
.menu-item{min-height:59px;font-size:.875rem;padding:16px 0;gap:12px}.menu-item>small{font-size:.6875rem}.menu-item>.icon:first-child{color:#5d708a;width:20px;height:20px}.menu-item>.icon:last-child{width:12px;height:12px}
.v5-personal-menu{margin-bottom:15px}.wechat-float{width:48px;height:52px;right:10px;bottom:137px;border-radius:14px;box-shadow:0 5px 14px #18583f26;background:#258260}.wechat-float .icon{width:24px;height:24px}.wechat-float span{font-size:.5625rem}

/* Every workflow uses the same form, list, selection and overlay vocabulary. */
.field{margin-bottom:22px}.field>span:first-child{font-size:.875rem;color:#42546e;font-weight:500;margin-bottom:9px}.field input,.field select,.field textarea{font-size:.9375rem;border-radius:10px;min-height:48px;background:#f8f9fb;border:1px solid #dfe5ee;line-height:1.6;padding:12px;color:#263c59}.field .help{font-size:.75rem;line-height:1.75;color:#5d708a}.field input::placeholder,.field textarea::placeholder{color:#5d708a}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#6c98ed;background:#fff;box-shadow:0 0 0 3px #2466eb0c;outline:none}
.two-fields{gap:14px}.form-heading{font-size:1.0625rem;font-weight:600}.form-total{font-size:.875rem}.form-total strong{font-size:1.5rem}
.prize-edit{padding:17px 0;background:transparent;border-radius:0;border-bottom:1px solid #e5eaf1}.prize-edit:last-child{border-bottom:0}.prize-edit .field input,.prize-edit .field select{background:#f8f9fb}.prize-edit .two-fields .field>span{font-size:.8125rem}
.fixed-submit{padding:13px 18px max(16px,env(safe-area-inset-bottom));box-shadow:0 -4px 14px #19375204;background:#fff}.fixed-submit .primary{min-height:48px;font-size:.9375rem}.fixed-submit .number{font-size:1.625rem}
.add-product{border:1px dashed #afc7ed;background:#f7faff;color:#2466eb;border-radius:12px;font-size:.9375rem;min-height:48px}
.line-item{background:#fff;border-radius:16px;border:0;padding:18px;margin-bottom:14px}.line-item h3{font-size:.9375rem}.line-item p{font-size:.75rem}.qty-control{border-color:#dce4ef;border-radius:10px;background:#f6f8fc}.qty-control input{font-size:1rem}.line-price input{border-color:#dce4ef;background:#f7f9fc;border-radius:9px}
.delivery-mode,.mode-options{gap:11px}.mode-card,.type-option{padding:16px;border-radius:12px;background:#f7f9fc;border:1px solid #e0e6ef}.mode-card.active,.type-option.active{border-color:#2466eb;background:#edf3ff;box-shadow:none}.mode-card strong,.type-option strong{font-size:.9375rem}.mode-card p,.type-option p{font-size:.75rem;color:#5d708a}
.subpage-title{background:transparent;padding:0 0 6px;font-size:.9375rem;line-height:1.7;color:#5d708a}.subpage-title .icon{color:#2466eb}
.sheet{padding:11px 20px 23px;border-radius:22px 22px 0 0;box-shadow:0 -10px 35px #122e4b14}.sheet-backdrop{background:#10243a66}.sheet-head h2{font-size:1.125rem;font-weight:600}.sheet-content{font-size:.875rem}.sheet-content p{font-size:.8125rem;line-height:1.8;color:#5f728c}.sheet-head button{background:#f1f4f8;width:36px;height:36px}.sheet-content .choose-row{padding:15px 0}.choose-row h3{font-size:.9375rem;line-height:1.5}.choose-row p{font-size:.75rem;line-height:1.7}.sheet-footer .primary{min-height:48px}
.store-cover{height:142px}.store-cover img{object-position:center 37%}.photo-count{font-size:.625rem}.store-intro{padding:20px 18px 15px;background:#fff}.store-intro h2{font-size:1.25rem;line-height:1.45}.store-intro>.between{padding-right:0}.store-code{font-size:.75rem;color:#5d708a}.store-contact-actions{position:static;display:flex;margin-top:14px;gap:9px}.store-contact-actions button{width:auto;min-height:36px;flex:1;font-size:.75rem;color:#45648e;background:#f0f4fb;border-radius:9px;gap:6px}.store-contact-actions .icon{width:15px;height:15px}.store-intro .contact{font-size:.75rem;gap:6px;flex-wrap:wrap}.address-line{font-size:.75rem;line-height:1.7;color:#5d708a}.store-finances{padding:15px 7px 19px;background:#fff;border-top:1px solid #f1f3f7}.store-finances button p{font-size:.6875rem;color:#5d708a}.store-finances strong{font-size:1.25rem;font-weight:600;margin-top:9px}.detail-extras{padding:0 18px 15px}.detail-extras .secondary{min-height:40px;background:#f1f5fc;font-size:.8125rem}.store-actions{background:white;padding:17px 12px;margin-top:10px;border-radius:14px 14px 0 0}.store-actions button{font-size:.75rem;font-weight:500}.store-actions .action-box{width:38px;height:38px;border-radius:11px}.tabs{background:#fff}.tabs button{font-size:.8125rem;font-weight:500;padding:15px 0}.tabs button.active{color:#2466eb}.store-content{padding:18px;background:#fff;border-radius:0 0 14px 14px}.segmented{background:#f2f5f9;border:0;padding:4px;border-radius:10px;gap:3px}.segmented button{font-size:.75rem;padding:9px 8px;min-height:34px;border-radius:7px}.segmented button.active{background:#fff;color:#2466eb;box-shadow:0 2px 5px #17335209}.stock-summary{font-size:.75rem;color:#5d708a}
.profit-card{background:#173352;color:#fff;border-radius:16px;padding:23px}.profit-card p,.profit-card small{color:#c8d7eb}.profit-card h2{color:#fff;font-size:2.25rem}.profit-formula>div{font-size:.875rem;padding:17px 0}.cost-grid{gap:10px}.cost-grid button{background:#fff;border-radius:12px;padding:15px 12px}.cost-grid button.active{background:#e7efff;box-shadow:inset 0 0 0 1px #9dbbef}.cost-grid button span{font-size:.75rem}.cost-grid button b{font-size:1.125rem}.expense-row h3{font-size:.875rem}.expense-row p{font-size:.75rem}.receipt{padding:21px;border-radius:16px}.receipt h3{font-size:1rem}.receipt dt,.receipt dd{font-size:.8125rem;line-height:1.8}.success-head h2{font-size:1.25rem}.success-head p{font-size:.8125rem}.success-icon{background:#e7f5ec;color:#29885a}
.login-art .brand-mark{font-size:0!important;background:transparent!important;box-shadow:none!important;width:75px;height:75px;background-image:url('assets/logo-a.png')!important;background-size:cover!important;border-radius:20px!important}.login-art h2{font-size:1.5rem}.login-footer{font-size:.6875rem;color:#5d708a;line-height:1.9}.check-label{font-size:.75rem;line-height:1.8}.check-label input{width:17px;height:17px;flex-shrink:0}.error-box{font-size:.8125rem;line-height:1.8}

/* New-user guidance joins the workbench, without displacing the account. */
.guide-eyebrow{display:none}.guide-home{padding:14px 15px;margin-bottom:17px;border:0;border-radius:12px;background:#e6edf8}.guide-home>.between{float:right;margin:-5px -5px -5px 7px}.guide-home-link{margin:0;min-height:40px}.guide-home-link b{font-size:.8125rem}.guide-home-link small{font-size:.6875rem;margin-top:4px;color:#5c7292}.guide-home-link>span:last-child{font-size:.6875rem}.guide-home progress{margin-top:13px;height:3px;background:#cbd9ee}.guide-home-link .icon{width:14px;height:14px}.guide-close{min-height:28px;width:28px}.guide-close .icon{width:14px;height:14px}
.guide-welcome{background:#eaf0f8;margin:-20px -18px 0;padding:22px 18px 25px}.guide-mascot{width:68px;height:68px;border-radius:18px;margin-bottom:17px}.guide-welcome h2{font-size:1.5625rem;line-height:1.4;color:#173352;font-weight:650;letter-spacing:0}.guide-welcome p{font-size:.8125rem;line-height:1.85;color:#5d708a}.guide-overview{padding:3px 0 0;border:0}.guide-overview li{padding:17px 0;gap:13px}.guide-step-icon{width:39px;height:42px;background:#e8eefb;color:#346fcb}.guide-overview h3{font-size:.9375rem;font-weight:600}.guide-overview small{font-size:.625rem}.guide-overview p{font-size:.75rem}.guide-welcome-actions{gap:9px;margin-top:18px}.guide-welcome-actions .primary,.guide-welcome-actions .secondary{font-size:.875rem}
.guide-heading h2{font-size:1.375rem;color:#173352;line-height:1.55}.guide-heading p{font-size:.8125rem}.guide-heading{padding:0 1px 21px}.guide-task{padding:19px 16px;border:0;border-radius:14px}.guide-task.is-next{border:0;box-shadow:inset 0 0 0 1px #94b4ed}.guide-task-head h3{font-size:.9375rem}.guide-task>p{font-size:.8125rem;line-height:1.9}.guide-task-tip{border:0;padding:0;font-size:.75rem;line-height:1.8;margin-top:9px}.guide-status{font-size:.625rem}.guide-task-head{gap:9px}.guide-task-head .guide-step-number{width:25px;height:25px}.guide-context{background:#e9f0fa;border:0;padding:14px}.guide-context b{font-size:.8125rem}.guide-context p{font-size:.75rem}.guide-faq summary{font-size:.8125rem}.guide-faq h2{font-size:1rem}.guide-footnote{font-size:.75rem}
.invite-card{background:#173352;border-radius:16px}.invite-card h2{font-size:2rem;line-height:1.45}.invite-card p{color:#d1def0;font-size:.875rem}.invite-features span{font-size:.75rem}.ref-avatar{background:#edf2fb;color:#5d708a;border-radius:12px}

/* Desktop review shell and operating console. */
.studio{left:max(calc((100vw - 1180px)/2),3%);width:340px;padding:40px 30px 26px 0}.studio-brand{font-size:22px;font-weight:650;color:#193452;gap:11px}.studio-brand .brand-mark{font-size:0;background:url('assets/logo-a.png') center/cover;width:39px;height:39px;border-radius:11px}.studio-copy{margin:45px 0 20px}.studio-copy h1{font-size:36px;line-height:1.45;font-weight:600;color:#1b3553}.studio-copy p{font-size:14px;line-height:1.9;color:#5d708a}.studio-nav{margin-top:21px;gap:4px}.studio-nav button,.studio-nav a{padding:11px 14px;font-size:14px;border-radius:10px;color:#58718f;min-height:44px}.studio-nav button.active{background:#173352;color:#fff}.studio-nav button.active i{color:#c9d7ea}.board-link{font-size:12px;margin-top:20px;color:#47698f}.studio-foot{font-size:11px;color:#5d708a}.preview-zone{margin-left:380px;padding:20px}.preview-caption,.preview-footer{color:#5d708a;font-size:10px;width:400px}.phone{width:400px;height:min(860px,calc(100dvh - 66px));min-height:660px;border:5px solid #29374a;border-radius:39px;box-shadow:0 18px 46px #19324e16}.phone .statusbar{height:34px}.phone .island{width:76px;height:20px}.home-indicator{width:94px;background:#1b2b40}
.admin-sidebar{background:#173352;border:0;color:#fff}.admin-brand{color:#fff}.admin-brand small,.admin-brand p{color:#b9cbe2}.admin-sidebar nav button{color:#bed0e7;font-size:14px;border-radius:10px}.admin-sidebar nav button.active{background:#2e527c;color:#fff}.admin-sidebar nav button:hover{background:#254768;color:white}.admin3-divider{color:#9cb3ce;font-size:11px;padding:24px 15px 10px}.admin-sidebar .sidebar-bottom{color:#afc3df}.admin-sidebar .sidebar-bottom button{color:#d8e5f6}.admin-topbar{background:#fff;border-bottom:1px solid #e1e7ef;height:72px}.admin-content{padding:32px 36px;max-width:1420px}.admin-page-heading h1,.admin-intro h1{font-size:28px;color:#193452;font-weight:600}.admin-page-heading p,.admin-intro p{font-size:14px;color:#5d708a}.admin-card,.admin-stat,.admin3-form,.notice-panel{border:0;border-radius:14px;box-shadow:0 5px 17px #17335205}.admin-stats>div{border:0;background:white;padding:23px;border-radius:14px}.admin-stats strong{font-size:32px;color:#1c4169;font-weight:600}.admin-stats small,.admin-stats p{color:#5d708a}.admin-primary{background:#2466eb;border-radius:9px;min-height:42px;font-size:14px}.admin-secondary{border-radius:9px;min-height:42px}.admin-field input,.admin-field select,.admin-field textarea{min-height:44px;border-radius:8px;background:#f9fbfd;border-color:#dce5ef;font-size:14px}.admin-field>span{font-size:13px;font-weight:500;color:#48607e}.admin-table th{background:#f1f5fa;color:#5d708a;font-weight:500}.admin-table th,.admin-table td{padding:18px 22px;font-size:13px}.admin-table tr:hover td{background:#fafcff}.admin-footer{font-size:11px;color:#5d708a}
::selection{background:#c5d9ff;color:#173352}input,textarea{caret-color:#2466eb}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #2466eb;outline-offset:3px}details[open] summary{color:#245ecc}
@media(hover:hover){.v5-store-card:hover{background:#fff;box-shadow:0 5px 16px #1733520d}.v5-quick-actions button:hover .v5-action-icon{filter:brightness(.96)}.menu-item:hover,.record-row:hover,.v5-visit-row:hover{background:#fbfcfe}}
@media(max-width:900px){.studio{left:3%;width:300px}.preview-zone{margin-left:320px}.admin-content{padding:26px 22px}}
@media(max-width:700px){.admin-sidebar nav button{font-size:12px;min-width:88px}.admin3-divider{padding:9px 5px}.admin-content{padding:23px 16px}.admin-page-heading h1,.admin-intro h1{font-size:24px}.admin-table-wrap{overflow:auto}}
@media(max-width:500px){.preview-zone{margin:0;padding:0}.phone{width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}.bottom-nav{height:76px;padding-bottom:max(17px,env(safe-area-inset-bottom))}}
body.embed .phone{width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}
@media(max-width:374px){.page{padding:18px 15px 25px}.app-header{padding:8px 15px}.app-header h1{font-size:1.1875rem}.phone .header-text-button{font-size:.75rem;padding:0 10px}.v5-business{margin:0 -15px;padding:10px 19px 21px}.v5-business-title>button:first-child{font-size:.9375rem}.v5-workbench{margin:0 -15px 15px;padding:19px 15px 0}.v5-balance strong{font-size:2.25rem}.v5-business-totals{gap:13px}.v5-business-totals b{font-size:1.25rem}.v5-business-totals span{font-size:.6875rem}.v5-checkin{font-size:.625rem;padding:0 8px}.v5-salute>div>span{font-size:.8125rem}.v5-salute .level-title{max-width:108px;font-size:.5625rem}.v5-quick-actions{gap:5px}.v5-quick-actions b{font-size:.75rem}.v5-management{padding:12px}.v5-add-store{font-size:.6875rem}.v5-management b{font-size:.875rem}.v5-tag-tabs .chip{padding:8px 9px;font-size:.6875rem}.v5-store-bottom{gap:7px 9px}.v5-store-bottom b{font-size:.75rem}.v5-store-bottom>span{font-size:.625rem}.v5-stock-number strong{font-size:2.125rem}.v5-stock-number>.primary{font-size:.75rem;padding:0 9px}.v5-stock-utilities{gap:9px}.v5-stock-utilities>button{padding:13px 9px;gap:7px}.v5-stock-utilities b{font-size:.8125rem}.v5-stock-utilities small{font-size:.5625rem}.v5-profile{margin:-18px -15px 0;padding:12px 19px 18px}.v5-profile-person{gap:10px}.v5-profile-person h2{font-size:1.375rem}.v5-lifetime{gap:5px}.v5-lifetime b{font-size:.875rem}.v5-share h2{font-size:.9375rem}.v5-coins{padding:15px 11px;gap:8px}.v5-coin-symbol{display:none}.guide-welcome{margin:-18px -15px 0}.guide-welcome h2{font-size:1.4375rem}.guide-task{padding:17px 14px}.guide-task-head h3{font-size:.875rem}.two-fields{gap:10px}.field input,.field select{padding:11px 9px}.line-item{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.v5-share .primary{width:auto;min-width:62px;font-size:.75rem;padding:0 9px;gap:4px}.v5-share .primary .icon{width:15px;height:15px}.v5-add-store{background:#2466eb;color:white;border:0;border-radius:9px;padding:0 9px;min-height:36px}

/* Batched fixes from phone/desktop inspection. */
.two-fields .field>span:first-child{min-height:3em;display:flex;align-items:flex-end}
.line-item .product-row h3{font-size:.9375rem;line-height:1.5;font-weight:600}.line-item .product-row p{font-size:.75rem;line-height:1.7;margin-top:6px}.line-item .product-row{padding:0 0 17px}.item-inputs{gap:12px}.price-editor{font-size:.8125rem;gap:8px}.price-editor input{font-size:.9375rem;border:1px solid #dbe4ef;background:#f7f9fc;min-height:40px;border-radius:9px;width:65px}.stepper{height:40px;border:1px solid #dce4ee;border-radius:10px;background:#f5f8fc}.stepper input{font-size:1rem;width:44px}.stepper button{font-size:1.1875rem;min-width:36px;width:36px;min-height:38px}
.mode-card{background:#fff;border:0;padding:18px}.mode-card>.label{font-size:.875rem;font-weight:600}.mode-option{border:1px solid #dee6f0;background:#f8fafc;border-radius:12px;min-height:88px;padding:14px}.mode-option strong{font-size:.9375rem;font-weight:600}.mode-option small{font-size:.75rem;line-height:1.7;color:#5d708a;margin-top:9px}.mode-option.active{border-color:#2466eb;background:#edf3ff;box-shadow:inset 0 0 0 1px #2466eb}.mode-option.active:after{font-size:.875rem}
.v5-personal-menu .menu-item{padding-right:40px}.admin-sidebar a{color:#c5d6ed}.admin-sidebar .admin-brand{color:white}
.phone:has(#app[data-screen="home"])>.statusbar{background:#172f50;color:#fff}.phone:has(#app[data-screen="home"]) .island{background:#10223a}.phone:has(#app[data-screen="me"])>.statusbar{background:#eaf0f8}
.v5-salute{margin-bottom:18px}.v5-business{padding-bottom:21px}.v5-balance{margin-bottom:14px}.v5-business-totals{padding-top:13px}