.auth-tabs{display:flex;gap:16px;margin-bottom:25px;border-bottom:1px solid #e5ece7}.auth-tabs button{border:0;background:none;color:#80988a;padding:0 4px 12px;font-size:15px}.auth-tabs button.active{color:#096d58;border-bottom:2px solid #096d58;font-weight:700}.account-bar{display:flex;align-items:center;justify-content:space-between;margin:0 4px 16px;font-size:13px;color:#5d7c6b}.account-bar button{border:0;background:none;color:#7d9588;font-size:12px}.merchant-status{padding:16px;margin:0 0 18px;border-radius:12px;background:#fff6df;color:#8c702f;line-height:1.7;font-size:13px;white-space:pre-wrap}.merchant-status.approved{background:#e5f4eb;color:#27734d}.merchant-status.rejected{background:#fbe8e6;color:#a4493c}.form-card h1{font-size:18px;margin:0 0 24px}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field input[type=file]{width:100%;font-size:12px;border:1px dashed #bdd2c6;padding:14px 10px;border-radius:9px}.current-codes{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#6f8c7b}.current-codes img,.code-preview{display:block;width:110px;height:110px;object-fit:contain;border:1px solid #e1eae3;border-radius:8px;margin:8px 0 18px}.bank-section{margin:23px 0}.bank-section summary{cursor:pointer;font-size:14px;font-weight:700;color:#4a6957;margin-bottom:18px}.ownership-confirm{display:flex;align-items:flex-start;gap:8px;margin:20px 0;font-size:12px;line-height:1.7;color:#6d8376}.ownership-confirm input{accent-color:#096d58;margin-top:4px}#profile-success{font-size:12px;color:#187847;line-height:1.7}footer a{color:#6c8d79;text-decoration:none}#profile-error,#auth-error{margin-bottom:15px}

.captcha-row{display:flex;align-items:center;gap:10px}.field .captcha-row input{min-width:0;flex:1;font-size:14px}.captcha-row button{border:1px solid #dce7df;background:#f8faf7;border-radius:8px;padding:0;overflow:hidden;width:135px;flex-shrink:0;height:48px}.captcha-row img{display:block;width:135px;height:48px;object-fit:contain}

.portal-tabs{display:flex;gap:12px;margin-bottom:18px}.portal-tabs button{flex:1;border:1px solid #dce6df;background:#fff;border-radius:9px;padding:13px;color:#698373;font-size:14px}.portal-tabs .active{background:#096d58;color:#fff;border-color:#096d58}.merchant-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.merchant-metrics>div{background:#fff;border:1px solid #e2eae4;border-radius:11px;padding:15px 12px;min-width:0}.merchant-metrics span{font-size:12px;color:#849889}.merchant-metrics strong{display:block;font-size:20px;margin-top:8px;word-break:break-word;color:#096d58}.bill-card h2{font-size:16px;margin:28px 0 12px}.bill-card .region-grid{margin-top:18px}.bill-card input[type=date]{min-width:0;padding:10px 5px;font-size:13px}.bill-row{padding:15px 0;border-bottom:1px solid #e7eee8;font-size:12px;line-height:1.8;color:#6e8476}.bill-row strong{font-size:15px;color:#345642}.bill-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.bill-sub{font-size:11px;color:#99a69c;word-break:break-all}.bill-row button{padding:7px 0;border:0;background:none;color:#096d58;font-size:12px}.bill-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;font-size:12px;color:#829789}.bill-pagination button{border:1px solid #dce6df;background:#fff;border-radius:6px;padding:8px 10px;color:#5f7a69}.bill-pagination button:disabled{opacity:.4}.bill-empty{font-size:12px;color:#94a498;padding:25px 0;text-align:center}.bill-pill{border-radius:20px;padding:3px 8px;background:#fbf1d9;color:#9b7b32;font-size:11px}.bill-pill.approved{background:#e3f3e8;color:#28784a}.bill-pill.rejected{background:#fce7e6;color:#ac4540}#bill-detail{font-size:12px;line-height:1.8;word-break:break-word;white-space:pre-wrap;margin-bottom:14px}

.shop-picker{background:#fff;border:1px solid #e2eae4;border-radius:12px;padding:15px;margin-bottom:18px}.shop-picker .field{margin-bottom:8px}.shop-picker .secondary-button{margin-top:0}

:root{background:#f4f6f8;color:#263c32}.pay-shell{max-width:940px;padding:28px 18px 40px}.pay-header{margin-bottom:24px}.pay-brand{font-size:24px}.pay-header p{color:#88988f}.account-bar{padding:12px 0;margin:0 0 16px;border-top:1px solid #e4e9e6}.portal-tabs{margin-bottom:24px;max-width:380px}.portal-tabs button{font-size:13px;min-height:44px;padding:10px}.portal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.portal-heading h1{font-size:21px;margin:0 0 6px}.small-primary{background:#096d58;color:white;border:0;border-radius:9px;padding:12px 15px;font-size:13px;white-space:nowrap}.shop-cards{display:grid;grid-template-columns:1fr;gap:14px}.shop-card{background:#fff;border:1px solid #e3e9e5;border-radius:15px;padding:20px}.shop-card-head{display:flex;align-items:center;gap:11px}.shop-avatar{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:#edf5f0;color:#2b7554;border-radius:11px;font-weight:700;font-size:18px}.shop-card-head>div{flex:1;min-width:0}.shop-card h2{font-size:16px;margin:0 0 5px;word-break:break-word}.shop-card-head p{font-size:11px;color:#91a196;margin:0}.shop-card .bill-pill{white-space:nowrap}.shop-address{font-size:12px;color:#82978a;line-height:1.7;margin:17px 0 12px;word-break:break-word}.shop-channels{display:flex;gap:7px}.shop-channels span{font-size:10px;background:#f3f6f4;color:#7c9486;border-radius:5px;padding:4px 7px}.shop-actions{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #edf1ee;margin-top:19px;padding-top:14px}.shop-actions button{border:0;background:transparent;color:#096d58;font-size:12px;font-weight:700;padding:7px 0}.shop-review-note{font-size:11px;color:#ab6a44;background:#fcf6ed;padding:10px;border-radius:7px;line-height:1.7}.shop-empty{border:1px dashed #ccd9d0;border-radius:14px;text-align:center;padding:45px 20px;color:#6e8577}.shop-empty strong{font-size:17px}.shop-empty p{font-size:12px;line-height:1.7}#shops-refresh{max-width:220px;display:block;margin:20px auto 0}#auth-view{max-width:450px;margin:35px auto}#profile-editor,.merchant-status,#refresh-status{max-width:590px;margin-left:auto;margin-right:auto}.editor-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.form-card .editor-heading h1{font-size:19px;margin:0}.editor-heading button{border:0;background:none;color:#719482;font-size:12px;padding:8px 0}.editor-hint{font-size:12px;color:#8c9d91;line-height:1.7;margin:0 0 25px}.merchant-status{font-size:12px;padding:14px 17px}.shop-picker{padding:17px;margin-bottom:18px}.shop-picker .secondary-button{display:none}.shop-picker .field{margin:0}.merchant-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.bill-card{padding:22px}.bill-card h1{margin-bottom:12px}.bill-row{padding:15px 0}.current-codes{padding:12px 0}.bank-section{border-top:1px solid #e8eeea;padding-top:20px}.form-card{box-shadow:none}#merchant-ledger{max-width:760px;margin:auto}@media(min-width:700px){.shop-cards{grid-template-columns:1fr 1fr}.merchant-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.bill-card{padding:27px}.shop-card{padding:23px}}@media(max-width:370px){.pay-shell{padding:22px 12px}.shop-card{padding:16px}.small-primary{padding:11px}.shop-card-head{gap:8px}.portal-heading h1{font-size:19px}}
.pay-shell{width:100%;max-width:540px;padding:28px 18px max(28px,env(safe-area-inset-bottom))}.portal-tabs{max-width:none}.shop-cards{grid-template-columns:minmax(0,1fr)}.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{min-width:0}.shop-card,.shop-picker,.form-card{min-width:0}.account-bar>span{overflow-wrap:anywhere}.shop-card-head p{overflow-wrap:anywhere}.shop-channels{flex-wrap:wrap}@media(min-width:760px){.pay-shell:has(#shop-home:not(.hidden) .shop-card:nth-child(2)){max-width:940px}.pay-shell:has(#shop-home:not(.hidden) .shop-card:nth-child(2)) .shop-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-shell:has(#merchant-ledger:not(.hidden)){max-width:760px}}@media(max-width:420px){.pay-shell{padding:22px 14px max(24px,env(safe-area-inset-bottom))}.form-card{padding:21px 17px}.bill-card{padding:21px 17px}.merchant-metrics strong{font-size:19px}.portal-heading h1{font-size:20px}.shop-card{padding:18px}}@media(max-width:340px){.region-grid{grid-template-columns:minmax(0,1fr)}.captcha-row{gap:7px}.captcha-row button,.captcha-row img{width:110px}.portal-heading{flex-wrap:wrap}}

/* Compact merchant workspace with clear mobile text. */
.pay-shell{padding-top:22px}.pay-brand{font-size:23px}.pay-header{margin-bottom:16px}.pay-header p{font-size:13px;color:#637a6b}.account-bar{font-size:14px;padding:9px 0;margin-bottom:12px}.account-bar button{font-size:13px;color:#557463}
.portal-tabs{margin-bottom:18px;gap:10px}.portal-tabs button{font-size:15px}.portal-heading{margin-bottom:13px}.portal-heading h1{font-size:21px}.small-primary{font-size:14px;padding:11px 13px}
.shop-card{padding:17px}.shop-card h2{font-size:17px}.shop-card-head p,.shop-address,.shop-review-note{font-size:13px;color:#627b6a;line-height:1.65}.shop-address{margin:12px 0 9px}.shop-channels span{font-size:12px;color:#54745e}.shop-actions{margin-top:13px;padding-top:9px}.shop-actions button{font-size:14px}.bill-pill{font-size:12px}.shop-card .bill-pill{font-size:12px}.shop-cards{gap:12px}
#shops-refresh{margin-top:15px;font-size:14px}.form-card{padding:20px}.editor-hint,.merchant-status,.ownership-confirm,#profile-success{font-size:13px;line-height:1.7}.editor-hint{margin-bottom:18px;color:#647c6a}.region-grid{gap:10px}.bank-section{margin:17px 0;padding-top:15px}.bank-section summary{font-size:15px}.field input[type=file]{font-size:14px;padding:12px 9px}.current-codes{font-size:13px;color:#587460;padding:4px 0}.auth-tabs button{font-size:16px}.auth-tabs{margin-bottom:20px}.shop-picker{padding:14px;margin-bottom:14px}
.merchant-metrics{gap:10px;margin-bottom:14px}.merchant-metrics>div{padding:13px}.merchant-metrics span{font-size:13px;color:#627a69}.merchant-metrics strong{font-size:22px;margin-top:5px}.bill-card{padding:20px}.bill-card h2{margin-top:22px;font-size:17px}.bill-row{padding:12px 0;font-size:14px;line-height:1.7;color:#526f5a}.bill-row strong{font-size:16px}.bill-sub{font-size:13px;color:#657c6b}.bill-row button{font-size:14px}.bill-pagination,.bill-pagination button{font-size:13px;color:#59735f}.bill-card input[type=date]{font-size:15px}.bill-empty{font-size:14px}#bill-detail{font-size:14px;line-height:1.8}.qr-dialog{width:min(460px,calc(100% - 24px));padding:20px}#merchant-confirm-form{margin-top:18px;padding-top:16px;border-top:1px solid #e2eae4}.qr-dialog h2{font-size:19px}
@media(max-width:370px){.pay-shell{padding-top:18px}.form-card,.bill-card{padding:18px 15px}.shop-card{padding:15px}.merchant-metrics strong{font-size:20px}.portal-heading h1{font-size:20px}}

/* Center the merchant brand above the portal content. */
.pay-header{text-align:center;padding:0 8px;margin:4px 0 22px}
.pay-brand{justify-content:center;gap:10px;line-height:1.4}
.pay-header p{margin:10px 0 0;line-height:1.65}
#auth-view{margin:24px auto 0}
@media(max-width:420px){.pay-header{margin-top:2px;margin-bottom:18px}.pay-header p{font-size:13px}#auth-view{margin-top:20px}}

.bill-row-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.bill-row .arrival-action{background:#096d58;color:#fff;border-radius:8px;padding:10px 16px;font-weight:700;min-height:42px}#merchant-confirm-form .ownership-confirm{color:#284d38;font-size:15px;font-weight:600;margin:14px 0}#merchant-confirm-form input[type=checkbox]{width:20px;height:20px;flex-shrink:0}#bill-dialog #bill-receipt{max-height:220px}#merchant-confirm-submit:disabled{background:#a5bdb2;color:#fff}

.merchant-notification-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px;font-size:13px;color:#607768}.merchant-notification-bar button{width:auto;margin:0;min-height:38px;padding:8px 12px;font-size:13px}#merchant-order-notice{padding:12px 15px;margin-bottom:14px;background:#fff7df;border:1px solid #ebd9a4;border-radius:10px;color:#755b20;font-size:14px}#merchant-order-notice p{margin:5px 0}#merchant-order-notice button{background:none;border:0;padding:6px 0;color:#096d58;font-size:14px;font-weight:700}

.bill-row-actions{flex-wrap:wrap;gap:10px}.reject-action{color:#a12a2a!important;background:#fff0f0!important;border:1px solid #e3bbbb!important;border-radius:8px;padding:10px 14px;font-weight:700}#merchant-reject-form{border-top:1px solid #ddd;margin-top:20px;padding-top:16px}