/* Compact mobile layout inspired by the supplied reference. Brand: navy/gold. */
:root{--ref-navy:#0d233f;--ref-gold:#f6ae00;--ref-text:#253b56;--ref-muted:#718093;--ref-line:#e8edf3}
.ref-wallet{padding:24px 26px 23px;background:var(--ref-navy);color:#fff;border-radius:15px}
.ref-wallet-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ref-wallet-top>div{min-width:0}.ref-wallet-top p{font-size:13px;color:#c7d4e6;margin:0 0 5px;font-weight:500}
.ref-wallet-amount{display:flex;align-items:baseline;gap:7px;line-height:1.4;white-space:nowrap}
.ref-wallet-amount small{font-size:18px;color:#d4deeb;font-weight:500}.ref-wallet-amount strong{color:#fff;font-size:33px;font-weight:700;letter-spacing:-1px}
.ref-wallet-amount.compact strong{font-size:27px}.ref-wallet-caption{display:block;color:#a6b8d0;font-size:11px;margin-top:5px;line-height:1.5}
.ref-period{color:#edf2f9!important;border-color:#ffffff27!important;background-color:#ffffff0b!important;min-height:32px;font-size:11px;max-width:160px;padding:7px 32px 7px 11px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23e3ebf6' stroke-width='1.6'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")!important}
.ref-period option{color:#253b56;background:#fff}.ref-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
.ref-quick-grid a{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:56px;justify-content:center;min-width:0}
.ref-quick-grid a>span{height:31px;display:flex;align-items:center;justify-content:center;color:#fff}
.ref-quick-grid .icon{width:27px;height:27px;stroke-width:1.65}.ref-quick-grid b{font-size:12px;font-weight:550;color:#e6edf7;line-height:1.3;text-align:center}
.ref-services-card{position:relative;margin-top:17px;background:#fff;border:1px solid var(--ref-line);border-radius:12px;box-shadow:0 2px 9px #10254004;overflow:hidden}
.ref-feature{display:flex;align-items:center;gap:12px;padding:16px 19px;border-bottom:1px solid #f0f3f7;min-height:72px}
.ref-feature-icon{color:var(--ref-navy);display:flex;align-items:center;justify-content:center;width:29px;flex-shrink:0}.ref-feature-icon .icon{width:26px;height:26px}
.ref-feature>div{flex:1;min-width:0}.ref-feature h1{font-size:15px;line-height:1.4;font-weight:650;letter-spacing:-.25px;color:#243a55}
.ref-feature p{font-size:11px;color:#9b7b2c;line-height:1.6;margin-top:3px}
.ref-feature .btn{font-size:10px;min-height:34px;padding:9px 17px;border-radius:5px;background:var(--ref-navy);border-color:var(--ref-navy);letter-spacing:.25px;color:#fff;box-shadow:none;flex-shrink:0}
.ref-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 16px;padding:22px 20px 24px}
.ref-service{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;color:#556981;min-width:0;min-height:58px}
.ref-service>span{width:42px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--ref-navy)}
.ref-service .icon{width:29px;height:29px;stroke-width:1.6}
.ref-service b{font-size:12px;font-weight:500;line-height:1.4;color:#68798e;white-space:nowrap}.ref-service:hover b{color:#183c68}
.ref-service:hover>span{background:#fff9e8;border-radius:8px}.ref-brand-banner{display:flex;align-items:center;gap:17px;background:var(--ref-gold);color:var(--ref-navy);padding:19px 23px;margin:17px 0;border-radius:10px;overflow:hidden;position:relative;min-height:100px}
.ref-brand-banner>div{flex:1}.ref-brand-banner strong{display:block;font-size:23px;font-weight:750;letter-spacing:-.6px;line-height:1.22;color:#18324f}
.ref-brand-banner>div>span{font-size:11px;display:block;margin-top:7px;color:#725717}
.ref-banner-art{height:62px;width:62px;display:flex;align-items:center;justify-content:center;color:#fff4ce;transform:rotate(-8deg);flex-shrink:0}.ref-banner-art .icon{height:57px;width:57px;stroke-width:1.1}
.ref-brand-banner>.icon{width:16px;height:16px;color:#755d23;flex-shrink:0}
.ref-activity{border-radius:12px;border-color:var(--ref-line);margin-bottom:17px;overflow:hidden;box-shadow:none}
.ref-activity .panel-head{padding:20px 19px 15px;align-items:center;gap:12px}
.ref-activity .panel-title{font-size:17px;font-weight:650;color:#24394f;letter-spacing:-.35px}
.ref-activity .panel-subtitle{font-size:12px;color:#8b96a6;margin-top:4px;line-height:1.5}
.ref-see-all{font-size:10px;color:#466b9a;border:1px solid #c7d5e6;border-radius:4px;padding:9px 12px;flex-shrink:0;line-height:1.3;font-weight:550}
.ref-see-all:hover{background:#f4f7fb}.ref-activity .order-row{padding:16px 19px;min-height:78px}.ref-activity .customer-name{font-size:13px}
.ref-activity .order-meta{font-size:11px;color:#8e9bac}.ref-activity .row-price{font-size:13px!important;color:#304c70}
.ref-kpi-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e9eef5;border:1px solid #e9eef5;border-radius:11px;overflow:hidden;margin:0 0 17px}
.ref-kpi-strip>div,.ref-kpi-strip>a{padding:17px 20px;background:#fff;min-width:0}
.ref-kpi-strip span{display:flex;align-items:center;gap:6px;font-size:12px;color:#8592a4;margin-bottom:9px}
.ref-kpi-strip .icon{width:15px;height:15px;color:#b19043}.ref-kpi-strip strong{font-size:19px;font-weight:650;color:#284568;letter-spacing:-.4px}
.ref-stock-note{display:flex;align-items:center;gap:8px;padding:14px 16px;background:#fffdf5;border:1px solid #f1e7cc;border-radius:9px;margin:0 0 17px;font-size:12px;color:#9e854a}
.ref-stock-note>.icon{width:17px;height:17px}.ref-stock-note>.icon:last-child{margin-left:auto;width:13px;height:13px}
.ref-chart .panel{border-radius:12px;box-shadow:none}.ref-chart .panel-title{font-size:15px;color:#2b4669}.ref-chart .panel-subtitle{font-size:11px;color:#8a99ae}
.nav-link{font-size:13px}.page-head h1{font-size:25px}.page-subtitle{font-size:13px;color:#738399}
.section-heading,.panel-title{font-size:15px}.field>label,.field-label{font-size:13px;color:#526984}
.field input,.field select,.field textarea{color:#304c6c;font-size:14px}.field input::placeholder,.field textarea::placeholder{color:#9aaabd}
.customer-name,.data-row-main b,.product-card h3,.picker-info strong{font-size:14px;color:#2c4563}
.order-meta,.data-row-main small,.product-card .variant,.picker-info small{font-size:12px;color:#7c8ea4}
.row-price,.data-row-value,.product-values strong,.picker-info b{font-size:14px;color:#304f76}
.more-card{font-size:14px;color:#294765}.more-card p{font-size:12px;color:#8295ae}.more-card .icon{width:27px;height:27px;color:#a98227}
.checkout-heading h1{font-size:23px;color:#253f5e}.checkout-heading p{font-size:12px;color:#8191a6}
.checkout-steps button{font-size:12px;color:#8192a9}.checkout-section{border-radius:13px;border-color:#e7edf5}
.checkout-section-head h2{font-size:15px;color:#334f70}.checkout-section-head p{font-size:12px;color:#8998ad}
.product-search-button{font-size:13px;color:#7c92ad}.product-search-button>.icon{width:19px;height:19px;color:#869dbb}
.cart-product-info h3{font-size:14px}.cart-product-info p,.cart-product-info small{font-size:12px;color:#7f93ad}
.cart-line-bottom>strong{font-size:14px;color:#355a87}.cart-line{border-radius:11px;border-color:#e5edf7}
.payment-choice span{font-size:13px;color:#8a9db5}.payment-choice .icon{width:23px;height:23px}
.summary-row{font-size:12px;color:#7388a2}.summary-row b{color:#3f6088}.checkout-tip{font-size:11px;color:#8b9fb8}
.picker-product{padding:17px 0}.picker-info strong{font-size:14px}.picker-info small{font-size:12px}.picker-info b{font-size:14px}
.product-picker-modal .modal-head h2{font-size:19px;color:#2a476c}.product-picker-modal .modal-head p{font-size:12px;color:#8197b3}
.launch-screen .loading-copy{font-size:12px;color:#8295af}.launch-tagline{font-size:11px;color:#97a9c2}
a:focus-visible,button:focus-visible{outline:2px solid #dcae35;outline-offset:3px}
@media(min-width:1051px){.page-dashboard{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:19px 23px;align-items:start}.page-dashboard>#page{display:contents}.page-dashboard .ref-wallet{grid-column:1}.page-dashboard .ref-services-card{grid-column:2;grid-row:1/3;margin-top:0}.page-dashboard .ref-brand-banner{grid-column:1;margin:0;min-height:111px}.page-dashboard .ref-activity{grid-column:1;grid-row:3/6;margin-bottom:0}.page-dashboard .ref-kpi-strip,.page-dashboard .ref-stock-note,.page-dashboard .ref-chart{grid-column:2;margin-bottom:0}.page-dashboard .demo-banner{grid-column:1/-1;margin-bottom:0}.page-dashboard .footer-note{grid-column:1/-1;margin-top:10px}}
@media(max-width:760px){
 .topbar{height:59px;padding:0 17px;background:#fff;border-color:#edf1f6}.mobile-brand .brand-wordmark{width:148px;height:28px}.top-actions{gap:7px}.top-actions .avatar{width:30px;height:30px;font-size:11px}.mode-chip{font-size:9px;padding:6px 7px}
 .main{padding:20px 16px 107px}.page-dashboard{padding:0 12px 103px;max-width:620px;background:#f4f6f9}
 .page-dashboard .demo-banner{margin:0 -12px;border:0;border-radius:0;padding:6px 13px;background:#fff9e8;font-size:9px;min-height:27px;color:#9d8347;gap:8px}.page-dashboard .demo-banner .btn{min-height:22px;font-size:8px;padding:4px 7px}
 .ref-wallet{border-radius:0;margin:0 -12px;padding:17px 18px 27px;box-shadow:none}
 .ref-wallet-top p{font-size:12px;line-height:1.4;margin-bottom:4px;color:#c6d6e9}
 .ref-wallet-amount{gap:6px;line-height:1.4}.ref-wallet-amount small{font-size:16px;color:#c9d9ed}.ref-wallet-amount strong{font-size:28px;letter-spacing:-.7px}
 .ref-wallet-amount.compact strong{font-size:23px}.ref-wallet-caption{font-size:10px;color:#a4bddb;margin-top:4px}
 .ref-period{font-size:10px;min-height:30px;max-width:130px;padding:7px 27px 7px 9px!important;border-radius:6px;margin-top:1px}
 .ref-quick-grid{gap:12px;margin-top:20px}.ref-quick-grid a{gap:6px;min-height:49px}.ref-quick-grid a>span{height:27px}.ref-quick-grid .icon{width:25px;height:25px;stroke-width:1.6}.ref-quick-grid b{font-size:11px;font-weight:500;color:#ecf2fa}
 .ref-services-card{border-radius:7px;margin-top:-12px;border-color:#e2e8f0;box-shadow:0 2px 5px #10254005}
 .ref-feature{padding:12px 11px;gap:8px;min-height:62px;border-color:#f0f3f7}.ref-feature-icon{width:23px}.ref-feature-icon .icon{width:23px;height:23px;stroke-width:1.6}
 .ref-feature h1{font-size:13px;letter-spacing:-.15px;font-weight:650;line-height:1.4}.ref-feature p{font-size:10px;line-height:1.5;color:#a28439;margin-top:3px}.ref-feature .btn{min-height:31px;font-size:9px;padding:8px 13px;border-radius:4px;letter-spacing:.2px}
 .ref-services-grid{gap:19px 8px;padding:20px 9px 20px;grid-template-columns:repeat(4,minmax(0,1fr))}
 .ref-service{gap:7px;min-height:53px}.ref-service>span{width:37px;height:29px}.ref-service .icon{width:28px;height:28px;stroke-width:1.55}.ref-service b{font-size:10px;line-height:1.4;font-weight:500;color:#6c7c90;white-space:nowrap}
 .ref-brand-banner{min-height:88px;margin:10px 0;padding:15px 16px;border-radius:7px;gap:11px}
 .ref-brand-banner strong{font-size:21px;line-height:1.2;letter-spacing:-.45px;font-weight:750;color:#213850}.ref-brand-banner>div>span{font-size:10px;color:#80611d;margin-top:6px}.ref-banner-art{width:43px;height:43px}.ref-banner-art .icon{width:43px;height:43px;stroke-width:1.2}.ref-brand-banner>.icon{width:13px;height:13px}
 .ref-activity{border-radius:7px;border-color:#e3e9f1;margin-bottom:10px;box-shadow:none}
 .ref-activity .panel-head{padding:16px 12px 13px;gap:7px;align-items:center}.ref-activity .panel-title{font-size:16px;font-weight:650;letter-spacing:-.35px;color:#2c4059}.ref-activity .panel-subtitle{font-size:10px;line-height:1.6;color:#8996a8;margin-top:4px}
 .ref-see-all{font-size:8px;padding:8px 9px;border-color:#c8d6e8;border-radius:4px;white-space:nowrap}
 .ref-activity .order-row{padding:13px 12px;min-height:74px;gap:7px}.ref-activity .customer-avatar{width:31px;height:31px;font-size:10px;border-radius:50%}.ref-activity .customer-name{font-size:12px;font-weight:550;color:#405773}.ref-activity .order-meta{font-size:10px;color:#94a3b7;line-height:1.3;margin-top:5px}.ref-activity .row-price{font-size:12px!important;color:#355477}.ref-activity .badge{font-size:9px;padding:4px 6px}.ref-activity .row-chevron{width:11px;height:11px}
 .ref-kpi-strip{gap:1px;border-radius:7px;margin-bottom:10px;border-color:#e6edf5}.ref-kpi-strip>div,.ref-kpi-strip>a{padding:14px 14px}.ref-kpi-strip span{font-size:11px;gap:5px;margin-bottom:8px;color:#8292a8}.ref-kpi-strip .icon{width:14px;height:14px}.ref-kpi-strip strong{font-size:16px;color:#385b86;letter-spacing:-.25px}
 .ref-stock-note{font-size:11px;padding:12px 13px;border-radius:7px;gap:7px;margin-bottom:10px;color:#9d8755}.ref-stock-note>.icon{width:15px;height:15px}
 .ref-chart .panel{border-radius:7px;border-color:#e4ecf5}.ref-chart .panel-head{padding:16px 13px 0}.ref-chart .panel-title{font-size:14px;color:#3b5678}.ref-chart .panel-subtitle{font-size:11px;color:#8d9fb5;line-height:1.6}.ref-chart .sales-chart{height:167px}
 .page-dashboard .footer-note{font-size:9px;line-height:1.7;color:#9baac0;margin:20px 3px 0;gap:9px}.page-dashboard .sync-status{font-size:8px}
 .bottom-nav{min-height:69px;padding:7px 9px calc(10px + env(safe-area-inset-bottom));border-color:#e8edf3;background:#fff;box-shadow:0 -2px 7px #10254004;gap:2px}
 .bottom-link{font-size:10px;gap:5px;min-width:51px;min-height:43px;color:#8c98a8;font-weight:450}.bottom-link .icon{width:22px;height:22px;stroke-width:1.6}.bottom-link.active{color:#13355d;font-weight:650}.bottom-link.active .icon{stroke-width:1.9}
 .bottom-link.new-order{margin-top:-17px;gap:4px;font-size:9px;color:#8a96a6}.bottom-link.new-order .new-icon{width:43px;height:43px;border:4px solid #fff;border-radius:50%;background:#f6ae00;color:#1d3858;box-shadow:0 2px 6px #c99b2f16}.bottom-link.new-order .new-icon .icon{width:23px;height:23px;stroke-width:1.9}.bottom-link.new-order.active{color:#8c6c21}
 .page-head h1{font-size:23px;line-height:1.35}.page-subtitle{font-size:12px;line-height:1.7;color:#7f91a8}.page-head{margin-bottom:21px}
 .head-actions .btn{font-size:11px;min-height:40px;padding:10px 12px;border-radius:7px}.head-actions .btn .icon{width:17px;height:17px}
 .field>label,.field-label{font-size:12px;color:#5e7897;font-weight:500}.field input,.field select,.field textarea{font-size:16px;color:#344f71;border-color:#e2ebf5;border-radius:8px;height:47px;padding:11px 12px}.field select{font-size:13px}.field textarea{font-size:14px;height:auto;min-height:83px;line-height:1.7}.field input::placeholder,.field textarea::placeholder{color:#a7b5c8}.field{gap:8px}.form-grid{gap:19px 12px}
 .input-prefix{height:47px;border-radius:8px;border-color:#e2ebf5}.input-prefix>span{font-size:12px;color:#9eb0c8;padding:0 11px}.input-prefix input{height:45px;font-size:16px}.label-hint{font-size:10px;color:#a6b5c9}.field small{font-size:10px;color:#9cadc3}
 .checkout-heading{gap:11px;margin-bottom:20px}.checkout-heading h1{font-size:22px;color:#2b496d}.checkout-heading p{font-size:11px;color:#8e9fb6;line-height:1.6}.checkout-step-indicator{font-size:11px;padding:6px 8px;color:#8c9fb9}
 .checkout-steps{border-radius:9px;padding:5px;margin-bottom:18px}.checkout-steps button{font-size:11px;min-height:38px;gap:6px;border-radius:6px}.checkout-steps button>span{width:21px;height:21px;font-size:10px}
 .checkout-section{border-radius:10px;padding:18px 14px;margin-bottom:15px;border-color:#e5edf6}.checkout-section-head{gap:10px;margin-bottom:20px}.checkout-section-head h2{font-size:14px;color:#3e5c7e}.checkout-section-head p{font-size:11px;color:#8da0b9;line-height:1.7}.section-symbol{width:32px;height:32px;border-radius:8px}.section-symbol>.icon{width:20px;height:20px}
 .product-search-button{font-size:12px;min-height:46px;padding:13px 11px;border-radius:8px;color:#829cbd}.product-search-button>.icon{width:18px;height:18px;color:#99b0ce}.mini-count{font-size:11px}
 .cart-line{padding:14px 11px;border-radius:9px;border-color:#e7eff8}.cart-line .product-thumb{width:40px;height:40px;border-radius:8px}.cart-line .product-thumb .icon{width:25px;height:25px}.cart-product-info h3{font-size:14px;line-height:1.4;color:#415f84}.cart-product-info p,.cart-product-info small{font-size:11px;color:#93a9c5;line-height:1.5}.remove-cart .icon{width:16px;height:16px}.cart-line-bottom>strong{font-size:13px;color:#4c70a0}.cart-empty h3{font-size:13px;color:#8198b6}.cart-empty p{font-size:11px;color:#a1b4ce}.add-another{font-size:11px;border-radius:7px;min-height:42px}.add-another>.icon{width:17px;height:17px}.checkout-tip{font-size:11px;line-height:1.75;color:#99afcb}
 .quantity-control{height:36px;border-radius:7px;min-width:104px;width:104px}.quantity-control input{font-size:14px;height:34px}.quantity-control button>.icon{width:14px;height:14px}
 .discount-options{border-radius:8px;padding:4px;margin-bottom:20px}.discount-options button{font-size:11px;min-height:38px;gap:6px;border-radius:5px}.discount-options button>.icon{width:17px;height:17px}.discount-options button.active{color:#98711e;background:#fff9e9}.collapsible summary{font-size:11px;color:#9db2cf}.collapsible summary>.icon{width:17px;height:17px}
 .payment-choice span{font-size:12px;min-height:68px;border-radius:8px;gap:8px;color:#90a8c8}.payment-choice .icon{width:23px;height:23px}.payment-choice input:checked+span{color:#947439;border-color:#ead39b}
 .summary-row{font-size:12px;margin-bottom:16px;color:#91a9c8}.summary-row b{color:#678bb8}.summary-row.total{font-size:12px;color:#7397c5}.summary-row.total b{font-size:23px;color:#547eaf}.review-product-lines>div{font-size:11px;line-height:1.7;color:#a0b6d3}.review-product-lines strong{color:#7f9fc8}
 .checkout-bar{bottom:79px;border-radius:10px;padding:12px 13px;border-color:#e2ecf8;box-shadow:0 3px 12px #29538306}.checkout-bar small{font-size:11px;color:#94aac8}.checkout-bar strong{font-size:20px;color:#456e9f}.checkout-bar .btn{font-size:12px;min-height:44px;border-radius:7px;padding:12px 16px}.checkout-bar .btn>.icon{width:18px;height:18px}
 .product-picker-modal{border-radius:15px 15px 0 0}.product-picker-modal .modal-head h2{font-size:19px;color:#40658f}.product-picker-modal .modal-head p{font-size:11px;color:#97b0ce}.picker-search input{font-size:16px;border-radius:8px}.picker-search input::placeholder{font-size:13px;color:#b3c8e0}.picker-search>.icon{width:18px;height:18px}.picker-info strong{font-size:14px;color:#6e95c4}.picker-info small{font-size:11px;color:#a5bfdd}.picker-info b{font-size:13px;color:#7f9fc7}.picker-product .product-thumb{width:43px;height:43px;border-radius:9px}.picker-product .product-thumb .icon{width:25px;height:25px}.picker-add{width:30px;height:30px}.picker-add>.icon{width:16px;height:16px}
 .customer-name,.data-row-main b,.product-card h3{font-size:13px;color:#6b8db6}.order-meta,.data-row-main small,.product-card .variant{font-size:11px;color:#9eb4d1}.row-price,.data-row-value,.product-values strong{font-size:13px;color:#7899c4}.data-row{padding:17px 13px}.data-row .product-thumb .icon{width:25px;height:25px}.data-row .icon-btn .icon{width:18px;height:18px}.product-card{border-radius:10px;padding:17px 12px}.product-card .product-thumb{height:43px;width:43px;border-radius:9px}.product-card .product-thumb .icon{width:27px;height:27px}.product-sku{font-size:10px;color:#b1c3dc}.product-values small{font-size:10px;color:#a5b9d3}.product-actions .btn{font-size:10px;border-radius:6px}.product-actions .icon{width:16px;height:16px}
 .more-card{min-height:91px;border-radius:10px;padding:18px 14px;font-size:13px;color:#779bc8}.more-card .icon{width:27px;height:27px;color:#b7954d}.more-card p{font-size:11px;line-height:1.6;color:#a8bfdb}.more-card>.icon:last-child{width:13px;height:13px}
 .settings-option b{font-size:13px;color:#86a4ca}.settings-option small{font-size:11px;line-height:1.7;color:#adc2df}.settings-grid .form-section h2{font-size:15px;color:#7c9fc9}.settings-option .btn{font-size:10px;border-radius:6px}.stat-label{font-size:11px;color:#92abc8}.stat-foot{font-size:10px;line-height:1.7}.stat-card{border-radius:10px}.report-filter .filter-tab{font-size:10px}.report-explanation{font-size:10px;line-height:1.8;border-radius:8px}.financial-row{font-size:12px;color:#9eb9d8}.financial-row b{color:#7c9fc7}
 .modal-head h2{font-size:18px;color:#7297c4}.modal-head p{font-size:11px;color:#abc2df}.detail-heading h3{font-size:16px;color:#7b9dc6}.detail-heading small{font-size:11px;color:#abc1dc}.detail-line{font-size:13px;color:#89a8cf}.detail-line small{font-size:11px;color:#b2c6df}.detail-info{font-size:11px;line-height:1.8;color:#a7bdd9}.detail-section-title{font-size:13px;color:#94afd1}.modal-actions .btn{font-size:12px;border-radius:7px}
}
@media(max-width:370px){.topbar{height:57px;padding:0 14px}.mobile-brand .brand-wordmark{width:138px;height:26px}.mode-chip{font-size:8px;padding:5px 6px}.top-actions .avatar{width:28px;height:28px;font-size:10px}.page-dashboard{padding:0 10px 98px}.page-dashboard .demo-banner{margin:0 -10px;padding:5px 11px}.ref-wallet{margin:0 -10px;padding:15px 16px 25px}.ref-wallet-amount strong{font-size:27px}.ref-wallet-amount.compact strong{font-size:22px}.ref-period{font-size:9px;max-width:126px}.ref-quick-grid b{font-size:10px}.ref-service b{font-size:10px}.ref-feature h1{font-size:12px}.ref-feature p{font-size:9px}.ref-feature .btn{font-size:8px;padding:8px 11px}.ref-services-grid{gap:18px 5px;padding:18px 6px 19px}.ref-service .icon{width:27px;height:27px}.ref-brand-banner strong{font-size:20px}.ref-brand-banner>div>span{font-size:9px}.ref-activity .panel-title{font-size:15px}.ref-activity .panel-subtitle{font-size:9px}.ref-see-all{font-size:8px;padding:7px}.bottom-link{min-width:48px;font-size:9px}.bottom-link.new-order{font-size:8px}.checkout-heading p{font-size:10px}.checkout-steps button{font-size:10px}.field>label,.field-label{font-size:11px}.checkout-bar .btn{font-size:11px}.ref-kpi-strip strong{font-size:15px}.ref-kpi-strip span{font-size:10px}}

/* Keep compact labels clearly readable on the white surfaces. */
.page-subtitle,.field>label,.field-label,.checkout-heading p,.checkout-section-head p,.cart-product-info p,.cart-product-info small,.picker-info small,.product-card .variant,.order-meta,.data-row-main small,.settings-option small,.more-card p,.product-picker-modal .modal-head p,.detail-line small,.detail-info,.review-product-lines>div{color:#6b7e96}
.customer-name,.data-row-main b,.product-card h3,.cart-product-info h3,.picker-info strong,.more-card,.settings-option b,.modal-head h2,.product-picker-modal .modal-head h2,.detail-heading h3{color:#365372}
.row-price,.data-row-value,.product-values strong,.picker-info b,.cart-line-bottom>strong,.summary-row b,.checkout-bar strong,.financial-row b{color:#3b6089}
.summary-row,.checkout-bar small,.product-sku,.product-values small,.financial-row,.report-explanation,.detail-section-title{color:#758ba5}
.ref-service b{color:#66778e}.ref-feature p{color:#94702b}.ref-activity .order-meta{color:#8091a7}
@media(min-width:1051px){.page-dashboard{display:block}.page-dashboard>#page{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:19px 23px;align-items:start}.page-dashboard>.demo-banner{margin-bottom:18px}.page-dashboard .footer-note{display:flex}}

@media(max-width:760px){.ref-service b{font-size:11px;color:#62748a}.ref-service .icon{width:29px;height:29px}.ref-feature h1{font-size:14px}.ref-feature p{font-size:10px}.ref-quick-grid b{font-size:11px}.bottom-link{font-size:10px}.bottom-link.new-order{font-size:9px}.ref-activity .panel-title{font-size:16px}.ref-activity .panel-subtitle{font-size:11px}.field>label,.field-label{font-size:12px}.checkout-steps button{font-size:11px}.checkout-heading p{font-size:11px}.cart-empty h3{font-size:14px}.cart-empty p{font-size:12px}.ref-brand-banner>div>span{font-size:10px}}

/* Email account sign-in. */
.login-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:44px 22px 28px;background:#f6f8fb}
.login-card{width:100%;max-width:430px;padding:36px 34px 28px;border:1px solid #e6ebf2;border-radius:22px;background:#fff;box-shadow:0 14px 55px #10274408;text-align:left}
.login-brand{display:inline-block;margin-bottom:28px}.login-card .login-brand .login-logo{display:block;width:205px;max-width:100%;height:auto;margin:0}
.login-welcome-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:#fff5d9;color:#102744;margin-bottom:22px}.login-welcome-icon>.icon{width:27px;height:27px}
.login-eyebrow{display:block;font-size:10px;letter-spacing:1.8px;color:#7b8797;font-weight:650;margin-bottom:9px}
.login-card h1{font-size:32px;letter-spacing:-1px;line-height:1.18;color:#0d233f;margin:0 0 14px;font-weight:700}
.login-card .login-description{font-size:13px;line-height:1.75;color:#67768a;margin:0 0 28px}
.login-card form .field{margin-bottom:19px}.login-card form .field>label{font-size:12px;color:#263c57;margin-bottom:9px;font-weight:600}
.login-card form .field input{height:50px;font-size:16px;border-radius:11px;border:1px solid #dce3ec;background:#fff;color:#172f4e;padding:12px 14px;width:100%}.login-card form .field input::placeholder{color:#8a96a5;font-size:13px}
.login-input-icon{position:relative}.login-input-icon>.icon{position:absolute;left:14px;top:16px;width:19px;height:19px;color:#738297;pointer-events:none}.login-card form .login-input-icon input{padding-left:43px}
.login-card .password-toggle{position:relative}.login-card form .password-toggle input{padding-right:52px}.login-card .password-toggle .icon-btn{position:absolute;top:6px;right:6px;width:38px;height:38px;color:#63738a;border:0;background:transparent;display:grid;place-items:center}.login-card .password-toggle .icon-btn>.icon{width:20px;height:20px}
.login-card form .field input:focus{border-color:#c99518;outline:3px solid #f6ae001c;box-shadow:none}
.login-card .form-error:empty{display:none}.login-card .form-error:not(:empty){margin:0 0 16px;padding:11px 13px;color:#a73535;background:#fff5f4;border:1px solid #f3d7d4;font-size:12px;line-height:1.6}
.login-card .btn-full{min-height:50px;width:100%;border-radius:12px;background:#0d233f;border:1px solid #0d233f;color:#fff;justify-content:center;font-size:14px;gap:10px;font-weight:650}.login-card .btn-full>.icon{color:#f6ae00;width:20px;height:20px}.login-card .btn-full:disabled{opacity:.7}
.login-card .login-account-note{font-size:11px;line-height:1.7;color:#798597;text-align:center;margin:18px 0 0}
.login-security{border-top:1px solid #edf0f4;padding-top:17px;margin-top:23px;display:flex;align-items:center;justify-content:center;gap:7px;color:#718095;font-size:10px;line-height:1.5}.login-security>.icon{width:13px;height:13px;color:#a67b12}
.login-page>.login-footer{margin:0;font-size:11px;color:#8a96a6;text-align:center}
@media(max-width:760px){.login-page{justify-content:flex-start;background:#fff;padding:30px 25px 24px;gap:26px}.login-card{padding:0;max-width:370px;border:0;box-shadow:none;border-radius:0}.login-brand{margin-bottom:35px}.login-card .login-brand .login-logo{width:188px}.login-welcome-icon{width:48px;height:48px;border-radius:14px;margin-bottom:21px}.login-card h1{font-size:30px}.login-card .login-description{font-size:12px;margin-bottom:27px}.login-card form .field>label{font-size:12px}.login-card form .field input{font-size:16px}.login-card .btn-full{font-size:13px}.login-page>.login-footer{font-size:10px;margin-top:auto;padding-top:3px}}
@media(prefers-reduced-motion:reduce){.login-page *{scroll-behavior:auto!important}}

/* Password recovery uses the same white, navy and gold account screens. */
.login-forgot-row{display:flex;justify-content:flex-end;margin:-4px 0 22px}.login-forgot-row>button{border:0;padding:4px 0;background:transparent;color:#826013;font-family:inherit;font-size:12px;font-weight:600;line-height:1.6;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#e5bf5d}
.login-back{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px auto 0;padding:5px 0;border:0;background:transparent;color:#5e7087;font-family:inherit;font-size:12px;line-height:1.7;cursor:pointer}.login-back>.icon{height:16px;width:16px}.login-back:hover{color:#0d233f}.login-back:focus-visible,.login-forgot-row>button:focus-visible{outline:3px solid #f6ae0070;outline-offset:5px;border-radius:3px}
.login-card .login-password-help{margin:0 0 21px;color:#7b8798;font-size:11px;line-height:1.8}.auth-message{display:flex;align-items:flex-start;gap:11px;padding:16px;border:1px solid #f2e3b9;border-radius:12px;background:#fffaf0;color:#675634}.auth-message>.icon{flex-shrink:0;width:23px;height:23px;color:#b18010;margin-top:1px}.login-card .auth-message>p{margin:0;font-size:12px;line-height:1.8;color:#756748}.auth-check-spinner{width:29px;height:29px;border:3px solid #edf0f5;border-top-color:#d9a218;border-radius:50%;animation:auth-spin .9s linear infinite;margin:25px auto}
@keyframes auth-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.auth-check-spinner{animation:none}}