/* Extra UI for retired pages removed. Connect Merchant styling lives in styles.css. */

/* Merchant: only setup/summary and connections matrix; receipt monitoring lives in separate tab. */
.merchant-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:10px 0 22px}
.merchant-summary-item{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px;background:linear-gradient(145deg,#f6f8fd,#fff);border:1px solid #dfe5ee;border-radius:14px}
.merchant-summary-item:nth-child(2){border-top:3px solid #8057ee}.merchant-summary-item:nth-child(3){border-top:3px solid #11b981}.merchant-summary-item:nth-child(4){border-top:3px solid #f4a027}
.merchant-summary-item small{color:#657489;font-weight:750}.merchant-summary-item strong{font-size:30px;color:#283853}.merchant-summary-item span{font-size:11px;color:#788496;line-height:1.45}
.merchant-owner-check{display:flex!important;align-items:center;gap:9px}.merchant-owner-check input{width:17px!important;min-height:17px!important;height:17px!important}
.merchant-cell-help{display:block;font-size:11px;color:#718196;margin-top:4px}
.merchant-connection-note{background:#f5f8fd;border:1px solid #dee6ef;border-radius:11px;color:#5b6a7d;padding:13px;font-size:13px;line-height:1.65;margin:0 0 18px}
@media(max-width:1000px){.merchant-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.merchant-summary-grid{gap:7px}.merchant-summary-item{padding:11px}.merchant-summary-item strong{font-size:24px}}

/* Keep dense service tables horizontally scrollable inside cards on narrow screens. */
#consoleContent .panel-card{box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden}
#consoleContent .table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
#consoleContent .mini-table{max-width:none}

.merchant-paytm-actions{display:flex;flex-wrap:wrap;gap:10px;padding:2px 0 12px}
.merchant-paytm-actions .btn-sm{border:1px solid #d2c8ef;background:linear-gradient(110deg,#faf6ff,#f2fcff);padding:10px 15px;color:#514b91;font-weight:750}
.merchant-owner-check[hidden]{display:none!important}
.provider-otp-form,.provider-config-form{margin-top:15px!important;padding-top:15px;border-top:1px solid #dddced}.provider-otp-form[hidden],.provider-config-form[hidden],.provider-mobile-field[hidden],.receiver-label-field[hidden],.receiver-vpa-field[hidden],.provider-missing-vpa[hidden],.provider-config-owner[hidden]{display:none!important}
#providerPhonePeCaptcha:empty{display:none}
.provider-qr-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;border:1px solid #dde5ef;border-radius:13px;background:#f8fbff;color:#42526a}
.provider-qr-preview img{width:min(100%,260px);height:auto;background:#fff;border-radius:10px;padding:8px}.provider-qr-preview img[hidden]{display:none}
.provider-browser-panel{margin-top:15px;padding:14px;border:1px solid #d5c9f2;border-radius:14px;background:#faf8ff}.provider-browser-panel[hidden]{display:none!important}
.provider-browser-panel img{display:block;width:100%;max-width:620px;height:auto;margin:10px auto;cursor:crosshair;border:1px solid #d9dce7;border-radius:11px;background:#fff}
.provider-missing-vpa{padding:12px;border:1px solid #edcf92;background:#fff8e7;border-radius:11px}.provider-missing-vpa p{margin:0 0 10px;color:#725c2c;font-size:12px}

/* Merchant Payments: two methods and true-status order review. */
.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}
.payment-method-card{background:linear-gradient(155deg,#fdfbff,#f6f9ff);border:1px solid #dfdfef;border-radius:15px;padding:20px;min-width:0}
.payment-method-card:nth-child(2){background:linear-gradient(155deg,#f1fff8,#f7fbff);border-color:#d5e9e5}
.payment-method-card .payment-method-heading{display:flex;gap:9px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.payment-method-card strong{font-size:17px;color:#324467}
.payment-method-card p{font-size:13px;line-height:1.7;color:#5f6f80;margin:12px 0 16px}
.payment-method-card .btn-sm{display:inline-flex;align-items:center;margin:6px 8px 0 0}
@media(max-width:760px){.payment-method-grid{grid-template-columns:1fr}.payment-method-card{padding:15px}}

/* Merchant: only the registration/setup card followed by actual user-created merchants. */
.merchant-manual-setup{margin-top:20px;border-top:1px solid #e5e9f3;padding-top:17px}
.merchant-manual-setup h3{font-size:17px;color:#4c428a;margin:2px 0 12px}
.merchant-manual-setup .console-form{margin-top:10px}
.merchant-manual-setup .merchant-owner-check{margin:0}
#consoleContent .merchant-summary-grid{margin-bottom:16px}

/* AKQR plan comparison and 1–48 month quote preview. */
.plan-status-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 23px;border-radius:17px;background:linear-gradient(120deg,#f1eafd,#fff5f9 60%,#effcf8);border:1px solid #dfd7f1;margin-bottom:16px}
.plan-status-bar strong{font-size:18px;color:#3a3158}.plan-status-bar p{margin:7px 0;color:#6d6681}.plan-status-bar small{color:#667184}
.plan-length-selector{display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid #e2dff1;border-radius:15px;padding:17px;margin-bottom:16px}
.plan-length-selector label{font-weight:800;color:#4a416c}
.plan-length-selector select{border:1px solid #c9c3dc;border-radius:9px;padding:10px 14px;color:#363354;background:white}
.plan-length-selector small{width:100%;color:#74778d;line-height:1.5}
.plan-length-presets{display:flex;gap:7px;flex-wrap:wrap}.plan-length-presets .selected{background:#7652da;color:white}
.plan-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(214px,1fr));gap:13px;margin-bottom:20px}
.plan-price-card{padding:20px 16px;border:1px solid #e0deeb;border-radius:18px;background:#fff;min-width:0;display:flex;flex-direction:column;box-shadow:0 10px 24px #423a7b12}
.plan-price-card.plan-current{outline:2px solid #17ac7e}
.plan-price-head{display:flex;justify-content:space-between;gap:8px;min-height:28px}
.plan-month-price{display:flex;align-items:baseline;gap:5px;margin:19px 0 2px}
.plan-month-price strong{font-size:clamp(24px,2.4vw,33px);line-height:1.1;color:#32334e;letter-spacing:-1px}
.plan-month-price span{font-size:12px;color:#6c7182}
.plan-price-card>small{color:#757c95;font-size:11px}
.plan-price-divider{border-top:1px solid #ecebf1;margin:19px 0 10px}
.plan-highlights{flex:1;color:#687084}.plan-highlights p{font-size:12px;line-height:1.55;margin:12px 0}.plan-highlights b{color:#403b7c}
.plan-price-bottom{display:flex;gap:5px;flex-direction:column;padding:13px 0;border-top:1px solid #ecebf1}
.plan-price-bottom strong{font-size:14px;color:#3c376a}.plan-price-bottom small{color:#777e91;font-size:11px}
.plan-price-card>.console-btn{align-self:stretch;padding:12px 6px}
.plan-quote-summary{max-width:630px}.plan-quote-row{display:flex;justify-content:space-between;gap:13px;padding:12px 0;border-bottom:1px solid #e7e6f0;font-size:13px;color:#606a80}.plan-quote-row strong{color:#3a3a58;text-align:right}
.plan-quote-row:last-child{font-size:15px}
@media(max-width:600px){.plan-pricing-grid{grid-template-columns:1fr}.plan-status-bar{padding:13px}.plan-length-selector{padding:12px}.plan-price-card{padding:17px}.plan-quote-row{font-size:12px}}

/* Single-action Smart Router app section: no extra setup cards or benefits page. */
.smart-router-download{max-width:480px;margin:6px auto 0;text-align:center;padding:26px 18px;background:#fff;border:1px solid #e3e8f0;border-radius:16px}
.smart-router-download h2{margin:0 0 22px;font-size:20px;color:#263753}
.smart-router-download .console-btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;min-width:200px}
@media(max-width:520px){.smart-router-download{margin:0;padding:21px 13px}.smart-router-download .console-btn{width:100%}}

/* Smart Router: unified AKQR merchant app with merged consent-based monitoring. */
#consoleContent>.smart-router-download{max-width:none;text-align:left;margin:0 0 17px;padding:22px 24px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;background:linear-gradient(120deg,#f5f0ff,#f1f9ff 60%,#f4fff8)}
#consoleContent>.smart-router-download h2{margin:0;color:#253853}
#consoleContent>.smart-router-download p{flex-basis:100%;margin:0;font-size:12px;line-height:1.6;color:#64758a}
@media(max-width:520px){#consoleContent>.smart-router-download{padding:18px 14px}#consoleContent>.smart-router-download .console-btn{width:100%}}

/* Searchable real merchant-account catalog in Smart Router (14 provider types). */
.smart-catalog-section{padding:19px;border:1px solid #e2e4ef;border-radius:17px;background:#fff;margin:0 0 18px;min-width:0;max-width:100%;box-sizing:border-box}
.smart-catalog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;flex-wrap:wrap}
.smart-catalog-header h2{margin:0 0 5px;font-size:19px;color:#303a62}
.smart-catalog-header p{margin:0;color:#65718a;font-size:12px;line-height:1.5}
.smart-catalog-header>strong{border:1px solid #d6d0ef;background:#f6f2ff;border-radius:18px;padding:7px 11px;font-size:12px;color:#6148a3;white-space:nowrap}
.smart-catalog-search{display:block;font-weight:700;font-size:13px;color:#374260;margin-bottom:16px}
.smart-catalog-search input{display:block;width:100%;max-width:480px;box-sizing:border-box;margin-top:7px;border:1px solid #cccfe3;background:#fff;border-radius:12px;font-size:15px;color:#243348;padding:12px;outline-offset:2px}
.smart-app-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:12px}
.smart-app-card{padding:16px;border:1px solid #dedfec;background:linear-gradient(140deg,#fff,#f8f8ff);border-radius:14px;display:flex;flex-direction:column;gap:12px;min-width:0}
.smart-app-card[hidden],.smart-app-detail[hidden],.smart-search-empty[hidden]{display:none!important}
.smart-app-heading{display:flex;align-items:center;gap:11px;min-width:0}
.smart-app-icon{flex:0 0 37px;display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:11px;background:#eee9ff;color:#7658cd;font-size:19px}
.smart-app-title{min-width:0;display:flex;flex-direction:column;gap:3px}
.smart-app-title strong{font-size:14px;color:#2e3959;overflow-wrap:anywhere}
.smart-app-title small{font-size:11px;color:#79829a}
.smart-app-state{font-size:12px}
.smart-app-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto}
.smart-app-buttons .btn-sm{font-size:11px;padding:8px 10px;white-space:normal;min-height:35px;border-radius:9px}
.smart-app-buttons [data-do="smart-connect"]{background:#7052dc;color:#fff;border:1px solid #7052dc}
.smart-app-detail{padding:11px;border:1px solid #e3e3ee;background:white;border-radius:11px}
.smart-app-detail p{margin:0;font-size:12px}
.smart-account{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #edf0f6;padding:10px 0}
.smart-account:last-child{border-bottom:none}
.smart-account>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere;flex:1}
.smart-account strong{color:#384269;font-size:12px}
.smart-account small,.smart-account-state{color:#747c91;font-size:11px}
.smart-disconnect{color:#b3313b!important;border:1px solid #e9bbc1!important;background:#fff7f8!important}
.smart-search-empty{padding:18px;text-align:center;background:#fafbff;border-radius:12px;color:#6b728b}
#smartPermissionHelp:empty{display:none}
@media(max-width:570px){.smart-catalog-section{padding:13px}.smart-app-list{grid-template-columns:1fr}.smart-catalog-header h2{font-size:17px}.smart-app-card{padding:13px}.smart-app-buttons .btn-sm{flex:1}}
/* User-added receiving accounts: compact accessible icon actions and modal editing. */
.merchant-row-actions{display:flex;align-items:center;justify-content:flex-start;gap:6px;white-space:nowrap}
.merchant-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:37px;min-width:37px;height:37px;padding:0;border:1px solid #dcd7ef;border-radius:11px;background:#f8f6ff;color:#53419e;font-size:19px;cursor:pointer;vertical-align:middle;transition:background .15s,border-color .15s}
.merchant-icon-btn:hover{background:#ede8ff;border-color:#957ce1}
.merchant-icon-btn:focus-visible{outline:3px solid #8575d5;outline-offset:2px}
.merchant-icon-btn:disabled{opacity:.52;cursor:not-allowed}
.merchant-icon-danger{background:#fff5f5;border-color:#f1d1d5;color:#b5364d}
.merchant-icon-danger:hover{background:#ffe8eb;border-color:#e3a1ac}
.merchant-edit-dialog{position:fixed;inset:0;margin:auto;padding:24px;border:1px solid #ded8ee;border-radius:20px;background:#fff;color:#293552;width:min(470px,calc(100vw - 30px));max-width:calc(100vw - 30px);max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 22px 95px #15132855;z-index:1100}
.merchant-edit-dialog:not([open]){display:none}
.merchant-edit-dialog::backdrop{background:#1a163d99;backdrop-filter:blur(3px)}
.merchant-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}
.merchant-dialog-head h3{font-size:20px;color:#29234f;margin:0}
.merchant-edit-dialog .console-form{display:grid;grid-template-columns:1fr;gap:13px}
.merchant-edit-dialog .console-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:750}
.merchant-edit-dialog .console-form label.merchant-owner-check{display:flex;flex-direction:row;align-items:center}
.merchant-edit-dialog .console-form input:not([type=checkbox]):not([type=hidden]){min-width:0;width:100%;padding:12px;border:1px solid #d6d3e5;border-radius:11px;font-size:16px}
.merchant-edit-dialog .console-form .wide[hidden]{display:none!important}
.merchant-edit-dialog .console-form .wide{grid-column:auto}
@media(max-width:570px){.merchant-edit-dialog{padding:16px}.merchant-icon-btn{min-width:38px;width:38px;height:38px}.merchant-row-actions{gap:5px}}
/* Merchant account bulk selection, serial number and mobile-friendly toolbar. */
.merchant-bulk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 12px;padding:12px;background:#f8f7fe;border:1px solid #e5e0f5;border-radius:13px}
.merchant-bulk-toolbar #merchantSelectedCount{font-weight:750;white-space:nowrap;min-width:85px;color:#5b45a9;font-size:13px}
.merchant-bulk-toolbar label{font-size:13px;font-weight:650;color:#4e5974}
.merchant-bulk-toolbar select{min-height:38px;min-width:165px;border:1px solid #cec7df;background:#fff;border-radius:10px;padding:8px;color:#354261;font-size:13px}
.merchant-bulk-toolbar button{min-height:38px;font-size:12px}
.merchant-bulk-toolbar button:disabled{opacity:.55;cursor:not-allowed}
#consoleContent .merchant-row-check{width:18px;height:18px;min-width:18px;accent-color:#7654da;cursor:pointer;margin:0;vertical-align:middle}
#consoleContent .merchant-row-selected{background:#f1efff}
#consoleContent .merchant-accounts-table .mini-table th:first-child,#consoleContent .merchant-accounts-table .mini-table td:first-child{width:48px;text-align:center}
#consoleContent .merchant-accounts-table .mini-table th:nth-child(2),#consoleContent .merchant-accounts-table .mini-table td:nth-child(2){min-width:46px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:570px){.merchant-bulk-toolbar{padding:10px;gap:8px}.merchant-bulk-toolbar select{flex:1;min-width:148px}.merchant-bulk-toolbar #merchantBulkRun{flex:1}.merchant-bulk-toolbar #merchantClearSelection{flex:0 1 auto}}
/* Add Merchant and Webhook configuration only open on explicit request. */
#consoleContent [hidden]{display:none!important}
.merchant-add-actions{display:flex;justify-content:flex-start;gap:12px;margin:18px 0 10px}
#merchantAddPanel{padding:16px 0 5px;border-top:1px solid #e4dff0;margin-top:12px}
#merchantAddPanel .console-form{margin-top:12px}
.webhook-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.webhook-summary>span{background:#f7f5ff;border:1px solid #e8e2f5;color:#4b5271;font-size:12px;border-radius:10px;padding:9px 11px}
.webhook-summary b{color:#3c3480}
#webhookSetupPanel{margin-top:14px;padding:16px;border-radius:13px;background:#faf9ff;border:1px solid #dedaf0}
#webhookSetupPanel .console-form{margin-bottom:14px}
#webhookSecretOneTime{max-width:100%;overflow-wrap:anywhere;margin-top:14px}
@media(max-width:570px){.merchant-add-actions .console-btn{width:100%}#webhookSetupPanel{padding:12px}.webhook-summary>span{flex:1 1 140px}}
/* Connect Merchant: put the add action next to the actual merchant table title, not the summary. */
#consoleContent .merchant-table-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:15px}
#consoleContent .merchant-table-header h2{margin:0;min-width:0;font-size:20px;color:#2b345c}
#consoleContent .merchant-table-header #merchantAddButton{margin-left:auto;flex-shrink:0;min-height:41px}
#consoleContent .merchant-account-card #merchantAddPanel{margin:4px 0 18px;border-top:1px solid #e4dff0;padding:16px 0}
@media(max-width:560px){#consoleContent .merchant-table-header h2{font-size:17px}#consoleContent .merchant-table-header #merchantAddButton{width:auto;min-width:130px;font-size:12px;padding:10px 13px}}

/* Payment request is opt-in: the form stays hidden until merchant clicks the button. */
#consoleContent .payment-request-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:4px 0}
#consoleContent #paymentRequestToggle{min-height:42px}
#consoleContent #paymentRequestPanel{margin-top:16px;padding-top:16px;border-top:1px solid #e1e0ef}
#consoleContent #paymentRequestPanel[hidden]{display:none!important}
@media(max-width:560px){#consoleContent .payment-request-actions{justify-content:stretch}#consoleContent #paymentRequestToggle{width:100%}}