/* Shared presentation layer for merchant and agent public workspaces. */
html.merchant-portal,html.agent-portal{--portal-page:#f4f7fb;--portal-surface:#fff;--portal-surface-muted:#f8fafc;--portal-ink:#10243e;--portal-muted:#718197;--portal-line:#dfe7f0;--portal-blue:#216fd5;--portal-blue-soft:#ebf3ff;--portal-gold:#a77b31;--portal-gold-soft:#fbf5e8}
html.merchant-portal body,html.agent-portal body{background:var(--portal-page)!important;color:var(--portal-ink)}
html.merchant-portal .shell>main,html.agent-portal .shell>main{min-height:100vh;background:var(--portal-page)}
html.merchant-portal #page,html.agent-portal #page{max-width:1720px;padding:20px 24px 32px}
html.merchant-portal .topbar,html.agent-portal .topbar{height:78px;padding:14px 36px;border-bottom:1px solid var(--portal-line)!important;background:rgb(255 255 255 / 94%)!important;box-shadow:0 8px 26px rgb(18 43 73 / 4%)!important;backdrop-filter:blur(16px)}
html.merchant-portal .topbar h1,html.agent-portal .topbar h1{font-size:20px;letter-spacing:0}html.merchant-portal .topbar .crumb,html.agent-portal .topbar .crumb{font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}
html.merchant-portal .page-tabs,html.agent-portal .page-tabs{height:45px;padding-inline:28px;border-color:var(--portal-line);background:rgb(255 255 255 / 90%)}
html.merchant-portal .page-tab,html.agent-portal .page-tab{min-width:112px;border-right-color:var(--portal-line);font-size:13px}html.merchant-portal .page-tab.active,html.agent-portal .page-tab.active{border-top-color:var(--portal-blue);background:#f8fbff;color:var(--portal-ink)}
html.merchant-portal .card,html.agent-portal .card,html.merchant-portal .section.card,html.agent-portal .section.card{border:1px solid var(--portal-line);border-radius:8px;background:var(--portal-surface);box-shadow:0 6px 18px rgb(19 47 81 / 4%)}
html.merchant-portal .section.card,html.agent-portal .section.card{padding:22px}html.merchant-portal .section-head,html.agent-portal .section-head{gap:16px;margin-bottom:16px}html.merchant-portal .section-head h2,html.agent-portal .section-head h2{color:var(--portal-ink);font-size:18px;letter-spacing:0}
html.merchant-portal .button,html.agent-portal .button{min-height:40px;padding:9px 15px;border-radius:8px;font-weight:700;box-shadow:0 4px 10px rgb(33 111 213 / 12%)}
html.merchant-portal .button.secondary,html.agent-portal .button.secondary{border:1px solid #ccd9e8;background:#fff;color:#38536f;box-shadow:none}html.merchant-portal .button.secondary:hover,html.agent-portal .button.secondary:hover{border-color:#95b9e7;background:#f4f8ff;color:#1e67c8}
html.merchant-portal .toolbar,html.agent-portal .toolbar,html.merchant-portal .mo-filters,html.agent-portal .mo-filters,html.merchant-portal .mf-filter,html.agent-portal .mf-filter{padding:14px;border:1px solid var(--portal-line);border-radius:8px;background:rgb(255 255 255 / 88%);box-shadow:0 4px 14px rgb(20 48 79 / 3%)}
html.merchant-portal input:not([type=checkbox]):not([type=radio]),html.agent-portal input:not([type=checkbox]):not([type=radio]),html.merchant-portal select,html.agent-portal select,html.merchant-portal textarea,html.agent-portal textarea{min-height:42px;border:1px solid #d5e0ec;border-radius:8px;background:#fff;color:var(--portal-ink);box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}
html.merchant-portal textarea,html.agent-portal textarea{min-height:92px;padding:11px 12px;line-height:1.55}html.merchant-portal input:focus,html.agent-portal input:focus,html.merchant-portal select:focus,html.agent-portal select:focus,html.merchant-portal textarea:focus,html.agent-portal textarea:focus{border-color:#78a9e8;outline:0;box-shadow:0 0 0 3px rgb(50 123 222 / 13%)}
html.merchant-portal table,html.agent-portal table{border-color:var(--portal-line);background:#fff}html.merchant-portal th,html.agent-portal th{padding:10px 12px!important;background:#f8fafc!important;color:#6d7e92!important;font-size:12px!important;font-weight:600!important;letter-spacing:0}html.merchant-portal td,html.agent-portal td{padding:10px 12px!important;border-bottom-color:#edf1f5!important;color:#263d56}html.merchant-portal tbody tr:hover,html.agent-portal tbody tr:hover{background:#f8fbff}
html.merchant-portal .empty,html.agent-portal .empty{padding:56px 24px;border:1px dashed #cad8e7;border-radius:8px;background:#f8fafc;color:var(--portal-muted)}
html.merchant-portal .modal,html.agent-portal .modal{padding:24px;background:rgb(9 23 42 / 56%);backdrop-filter:blur(7px)}
html.merchant-portal .modal-card,html.agent-portal .modal-card{width:min(760px,calc(100vw - 48px));max-height:calc(100dvh - 48px);padding:30px 32px;border:1px solid rgb(255 255 255 / 82%);border-radius:8px;box-shadow:0 26px 80px rgb(5 20 40 / 34%);overflow:auto}html.merchant-portal .modal-card h2,html.agent-portal .modal-card h2{margin:0 36px 18px 0;color:var(--portal-ink);font-size:25px;letter-spacing:0}html.merchant-portal .modal-card>.close,html.agent-portal .modal-card>.close{top:20px;right:21px;width:34px;height:34px;border-radius:8px;font-size:26px;line-height:1;color:#668099}html.merchant-portal .modal-card>.close:hover,html.agent-portal .modal-card>.close:hover{background:#edf4fc;color:#1e68cb}
html.merchant-portal .mo-modal .modal-card{width:min(820px,calc(100vw - 48px));overflow-x:hidden}html.merchant-portal .mo-security{margin:0 0 22px;padding:13px 15px;border:1px solid #eddbad;border-left:3px solid var(--portal-gold);border-radius:8px;background:var(--portal-gold-soft);color:#705421;line-height:1.6}
html.merchant-portal #moCreateForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;align-items:end}html.merchant-portal #moCreateForm label{display:grid;gap:7px;min-width:0;color:#2d455f;font-size:13px;font-weight:750}html.merchant-portal #moCreateForm label>span{color:#8291a3;font-size:11px;font-weight:500}html.merchant-portal #moCreateForm input,html.merchant-portal #moCreateForm select,html.merchant-portal #moCreateForm textarea{box-sizing:border-box;width:100%;margin:0;padding:10px 12px;font:inherit}html.merchant-portal #moCreateForm .mo-field-wide{grid-column:1/-1}html.merchant-portal #moCreateForm .mo-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}html.merchant-portal #moCreateForm .mo-query-options{justify-self:start;min-width:174px}html.merchant-portal .mo-form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:6px;border-top:1px solid #e7edf4}html.merchant-portal .mo-form-actions .form-message{min-height:20px;margin:0;color:#b3444f;font-size:12px}html.merchant-portal .mo-form-actions .button{min-width:118px}
html.merchant-portal .mo-table,html.merchant-portal .mf-table,html.agent-portal .agent-wallet-ledger{border-color:var(--portal-line);border-radius:8px;box-shadow:0 6px 18px rgb(20 46 77 / 4%)}html.merchant-portal .mo-head h2,html.merchant-portal .mf-head h2,html.agent-portal .agent-dashboard-head h2{color:var(--portal-ink)}
html.merchant-portal .mo-head>span,html.merchant-portal .mf-head>span,html.agent-portal .agent-dashboard-head p{color:var(--portal-blue)}html.merchant-portal .mo-head p,html.merchant-portal .mf-head p,html.agent-portal .agent-dashboard-head div>span{color:var(--portal-muted)}
html.merchant-portal .mf-wallets article,html.agent-portal .agent-stat-card{border:1px solid var(--portal-line);border-radius:8px;background:#fff;box-shadow:0 6px 18px rgb(19 47 81 / 4%)}
html.merchant-portal .fp-data-compass,html.agent-portal .fp-data-compass{--blue:#216fd5;--green:#21966a;--red:#c8525d;--gold:#a77b31;color:var(--portal-ink)}html.merchant-portal .fp-compass-heading,html.agent-portal .fp-compass-heading{padding:2px 2px 4px}html.merchant-portal .fp-compass-heading h2,html.agent-portal .fp-compass-heading h2{color:var(--portal-ink);font-size:30px;letter-spacing:0}html.merchant-portal .fp-compass-heading p,html.agent-portal .fp-compass-heading p{color:var(--portal-muted)}html.merchant-portal .fp-compass-heading-meta,html.agent-portal .fp-compass-heading-meta{color:#5f7389}html.merchant-portal .fp-live,html.agent-portal .fp-live{border-color:#c9e5da;background:#f0faf6;color:#247357}
html.merchant-portal .fp-compass-filter,html.agent-portal .fp-compass-filter{border:1px solid var(--portal-line);border-radius:8px;background:#fff;box-shadow:0 6px 18px rgb(18 43 73 / 4%)}html.merchant-portal .fp-filter-group>span,html.agent-portal .fp-filter-group>span{color:#78889a}html.merchant-portal .fp-segments,html.agent-portal .fp-segments{border-color:#d7e1ec;background:#f5f8fb}html.merchant-portal .fp-segments button,html.agent-portal .fp-segments button{color:#62758a}html.merchant-portal .fp-segments button.active,html.agent-portal .fp-segments button.active{background:#fff;color:#1f69ca;box-shadow:0 2px 8px rgb(25 70 121 / 10%)}html.merchant-portal .fp-live-controls>span,html.agent-portal .fp-live-controls>span{color:#718296}html.merchant-portal .fp-compass-pause,html.agent-portal .fp-compass-pause,html.merchant-portal .fp-compass-refresh,html.agent-portal .fp-compass-refresh{border-color:#d4dfeb;background:#fff;color:#42617f}
html.merchant-portal .fp-currency-tabs,html.agent-portal .fp-currency-tabs{border-color:var(--portal-line);background:#fff}html.merchant-portal .fp-currency-tabs button,html.agent-portal .fp-currency-tabs button{color:#64778c}html.merchant-portal .fp-currency-tabs button.active,html.agent-portal .fp-currency-tabs button.active{border-color:#7fa9df;background:var(--portal-blue-soft);color:#1d64bd}html.merchant-portal .fp-compass-meta,html.agent-portal .fp-compass-meta{color:#73859a}html.merchant-portal .fp-compass-loading,html.agent-portal .fp-compass-loading{border-color:var(--portal-line);border-radius:8px;background:#fff;color:var(--portal-ink)}html.merchant-portal .fp-compass-loading span,html.agent-portal .fp-compass-loading span{color:var(--portal-muted)}html.merchant-portal .fp-compass-loading i,html.agent-portal .fp-compass-loading i{border-color:#d7e3ef;border-top-color:var(--portal-blue)}
.fp-portal-dashboard{display:grid;gap:18px}.fp-portal-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border-block:1px solid #dbe6f1;background:#fff}.fp-portal-hero>div>span{color:var(--portal-blue);font-size:10px;font-weight:800;letter-spacing:0}.fp-portal-hero h3{margin:7px 0 5px;color:var(--portal-ink);font-size:24px;letter-spacing:0}.fp-portal-hero p{margin:0;color:var(--portal-muted);font-size:13px}.fp-portal-hero>small{min-width:96px;padding:10px 13px;border-left:1px solid #dbe5f0;color:#7a8a9c;font-size:10px;line-height:1.5}.fp-portal-hero>small b{display:block;color:var(--portal-gold);font-size:17px;letter-spacing:0}
.fp-portal-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.fp-portal-kpi{display:grid;gap:9px;min-width:0;min-height:142px;padding:19px;border:1px solid var(--portal-line);border-top:3px solid #7fa9df;border-radius:8px;background:#fff;text-align:left;box-shadow:0 6px 18px rgb(18 43 73 / 4%);cursor:pointer}.fp-portal-kpi.is-gold{border-top-color:#b69554}.fp-portal-kpi.is-slate{border-top-color:#8193a8}.fp-portal-kpi>span{overflow:hidden;color:#6f8195;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.fp-portal-kpi>strong{align-self:center;overflow:hidden;color:var(--portal-ink);font-size:clamp(18px,1.8vw,27px);font-variant-numeric:tabular-nums;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.fp-portal-kpi>small{align-self:end}.fp-portal-kpi:hover{border-color:#a9c5e7;box-shadow:0 9px 22px rgb(18 55 96 / 7%)}
.fp-portal-chart-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:14px}.fp-portal-chart,.fp-portal-pie-card,.fp-portal-bars{min-width:0;padding:21px 22px;border:1px solid var(--portal-line);border-radius:8px;background:#fff;box-shadow:0 6px 18px rgb(18 43 73 / 4%)}.fp-portal-chart header,.fp-portal-pie-card header,.fp-portal-bars header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.fp-portal-chart header span,.fp-portal-pie-card header span,.fp-portal-bars header span{color:var(--portal-ink);font-size:15px;font-weight:800}.fp-portal-chart h3{margin:5px 0 0;color:var(--portal-ink);font-size:18px}.fp-portal-chart header p{margin:5px 0 0;color:#8795a6;font-size:11px}.fp-portal-chart header small,.fp-portal-pie-card header small,.fp-portal-bars header small{color:#8291a2;font-size:11px}.fp-portal-chart svg{display:block;width:100%;height:230px;overflow:visible}.fp-portal-chart svg line{stroke:#e7edf4;stroke-width:1}.fp-portal-chart svg polyline{fill:none;stroke:#2879dc;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.fp-portal-chart svg circle{fill:#fff;stroke:#2879dc;stroke-width:3}.fp-role-agent .fp-portal-chart svg polyline{stroke:#9e7834}.fp-role-agent .fp-portal-chart svg circle{stroke:#9e7834}.fp-portal-chart-axis{display:flex;justify-content:space-between;color:#8795a6;font-size:10px}.fp-portal-empty-chart>div,.fp-portal-chart-empty{display:grid;place-items:center;min-height:180px;color:#8a98a8;font-size:12px}
.fp-portal-trend-stack{display:grid;gap:14px}.fp-portal-hourly{overflow:hidden}.fp-portal-hourly svg{min-width:760px;height:auto}.fp-portal-hourly>svg{overflow:visible}.fp-portal-chart-grid-lines line{stroke:#e4ebf3;stroke-width:1}.fp-portal-hour-amount-line,.fp-portal-hour-rate-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.fp-portal-hour-amount-line{stroke:#2878d8;stroke-width:3}.fp-portal-hour-rate-line{stroke:#49a37b;stroke-width:2.5;stroke-dasharray:7 5}.fp-portal-hour-amount{fill:#fff;stroke:#2878d8!important;stroke-width:2.5}.fp-portal-hour-rate{fill:#fff;stroke:#49a37b!important;stroke-width:2.5}.fp-role-agent .fp-portal-hour-amount-line{stroke:#9e7834}.fp-role-agent .fp-portal-hour-amount{stroke:#9e7834!important}.fp-portal-hour-labels text,.fp-portal-axis{fill:#8291a2;font-size:10px}.fp-portal-chart-legend{display:flex;justify-content:center;gap:24px;color:#62758a;font-size:11px}.fp-portal-chart-legend span:before{content:"";display:inline-block;width:18px;height:3px;margin-right:6px;vertical-align:middle;background:#2878d8}.fp-portal-chart-legend .rate:before{height:2px;background:#49a37b}.fp-portal-daily-bars{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;gap:8px;height:260px;padding-top:18px;border-bottom:1px solid #dce6f0}.fp-portal-daily-bars article{display:grid;grid-template-rows:minmax(0,1fr) 22px;align-items:end;height:100%;min-width:0;text-align:center}.fp-portal-daily-column{display:flex;align-items:flex-end;justify-content:center;height:100%;min-height:0}.fp-portal-daily-bars article em{position:relative;display:block;width:min(58px,82%);height:var(--value);min-height:4px;border-radius:4px 4px 0 0;background:#2f7be5;box-shadow:0 5px 14px rgb(47 123 229 / 16%)}.fp-role-agent .fp-portal-daily-bars article em{background:#9e7834;box-shadow:0 5px 14px rgb(158 120 52 / 16%)}.fp-portal-daily-bar-label{position:absolute;right:3px;bottom:7px;left:3px;display:grid;gap:1px;color:#fff;line-height:1.05;text-align:center}.fp-portal-daily-bar-label b{overflow:hidden;color:inherit;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.fp-portal-daily-bar-label small{color:inherit;font-size:9px}.fp-portal-daily-column.is-short .fp-portal-daily-bar-label{bottom:calc(100% + 6px);color:#526b84}.fp-portal-daily-bars article time{align-self:end;color:#8291a2;font-size:10px;font-variant-numeric:tabular-nums}
.fp-portal-pie-body{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center}.fp-portal-pie{display:grid;place-items:center;width:148px;aspect-ratio:1;border-radius:50%}.fp-portal-pie:after{content:"";grid-area:1/1;width:84px;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #e7edf4}.fp-portal-pie>b{z-index:1;grid-area:1/1;color:#536b84;font-size:14px;letter-spacing:.05em}.fp-portal-pie-card ul{display:grid;gap:9px;min-width:0;margin:0;padding:0;list-style:none}.fp-portal-pie-card li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0}.fp-portal-pie-card li i{width:8px;height:8px;border-radius:50%;background:var(--tone)}.fp-portal-pie-card li span{overflow:hidden;color:#586d83;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.fp-portal-pie-card li b{color:#253e59;font-size:11px;font-variant-numeric:tabular-nums}
.fp-portal-insights{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fp-portal-bars-list{display:grid;gap:13px}.fp-portal-bars-list article>div{display:flex;justify-content:space-between;gap:14px;margin-bottom:7px}.fp-portal-bars-list article b{min-width:0;overflow:hidden;color:#40566e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.fp-portal-bars-list article span{flex:none;color:#74859a;font-size:11px;font-variant-numeric:tabular-nums}.fp-portal-bars-list article>i{display:block;height:7px;overflow:hidden;border-radius:999px;background:#edf2f7}.fp-portal-bars-list article>i>em{display:block;width:var(--value);height:100%;border-radius:inherit;background:linear-gradient(90deg,#2878d8,#65a3e9)}.fp-role-agent .fp-portal-bars-list article>i>em{background:linear-gradient(90deg,#94702e,#cfaf6d)}
html.merchant-portal .fp-system-monitor,html.agent-portal .fp-system-monitor{display:none!important}
@media(max-width:1280px){html.merchant-portal #page,html.agent-portal #page{padding:18px 22px 30px}html.merchant-portal .topbar,html.agent-portal .topbar{padding-inline:28px}}
@media(max-width:1180px){.fp-portal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-portal-chart-grid{grid-template-columns:1fr}.fp-portal-pie-body{grid-template-columns:180px minmax(0,1fr)}.fp-portal-pie{width:170px}}
@media(max-width:900px){html.merchant-portal #page,html.agent-portal #page{padding:16px 18px 28px}html.merchant-portal .topbar,html.agent-portal .topbar{padding-inline:20px}html.merchant-portal .page-tabs,html.agent-portal .page-tabs{padding-inline:14px}}
@media(max-width:700px){.fp-portal-hero{align-items:flex-start;padding:20px}.fp-portal-kpis,.fp-portal-insights{grid-template-columns:1fr}.fp-portal-kpi{min-height:112px}.fp-portal-chart,.fp-portal-pie-card,.fp-portal-bars{padding:17px}.fp-portal-pie-body{grid-template-columns:1fr}.fp-portal-pie{width:150px;margin:auto}.fp-portal-hourly{overflow-x:auto}.fp-portal-daily{overflow-x:auto}.fp-portal-daily-bars{min-width:680px;height:210px}}
@media(max-width:640px){html.merchant-portal #page,html.agent-portal #page{padding:14px 14px 24px}html.merchant-portal .section.card,html.agent-portal .section.card{padding:16px}html.merchant-portal .modal,html.agent-portal .modal{padding:10px}html.merchant-portal .modal-card,html.agent-portal .modal-card,html.merchant-portal .mo-modal .modal-card{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:22px 18px;border-radius:8px}html.merchant-portal .modal-card h2,html.agent-portal .modal-card h2{font-size:22px}html.merchant-portal #moCreateForm{grid-template-columns:1fr;gap:14px}html.merchant-portal #moCreateForm .mo-field-wide{grid-column:auto}html.merchant-portal #moCreateForm .mo-form-pair{grid-template-columns:1fr;gap:14px}html.merchant-portal .mo-form-actions{align-items:stretch;flex-direction:column-reverse}html.merchant-portal .mo-form-actions .button{width:100%}.fp-portal-hero{display:block}.fp-portal-hero>small{display:block;margin-top:16px;padding:10px 0 0;border-top:1px solid #dbe5f0;border-left:0}.fp-portal-kpi>strong{white-space:normal;overflow-wrap:anywhere}.fp-portal-bars-list article>div{display:grid;gap:4px}.fp-portal-bars-list article span{white-space:normal}}

.portal-read-detail{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}.portal-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:16px 0}.portal-detail-grid>div{min-width:0;padding-bottom:10px;border-bottom:1px solid var(--color-border,#d6e0e9)}.portal-detail-grid dt{font-size:12px;line-height:18px;color:var(--color-text-secondary,#4a5d73)}.portal-detail-grid dd{margin:4px 0 0;font-size:13px;line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:var(--color-text,#152235)}.portal-money{text-align:right;font-variant-numeric:tabular-nums}.portal-read-detail .close{color:var(--color-text-secondary,#4a5d73)}
#agentOpeningRows td,#merchantNotificationRows td,#sessionRows td{padding:10px 12px;vertical-align:middle}#sessionRows small,#portalLedgerRows small{display:block;color:var(--color-text-secondary,#4a5d73);font-size:12px;line-height:18px}#agentTeamReportRows .agent-team-report-metric b{white-space:nowrap}#agentTeamReportRows small{display:block}.agent-team-report-metric .fp-compass-status,.agent-team-report-card .fp-compass-status{display:block;font-size:12px;color:var(--color-text-secondary,#4a5d73)}.agent-team-report-metric.is-partial .fp-compass-status,.agent-team-report-card .is-partial{color:#a45f0a}.agent-team-report-metric.is-forbidden .fp-compass-status{color:#c33e4a}
.stmt-table td{vertical-align:middle}.stmt-table .stmt-summary{gap:6px}.stmt-detail pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.stmt-detail details{margin:16px 0}.stmt-detail summary{cursor:pointer;color:#216bc4}.profile-technical summary{cursor:pointer;color:#216bc4;padding:10px 0}#agentStaffBody td:nth-child(6){white-space:nowrap}#agentStaffBody [data-agent-staff-action="disable"],#agentStaffBody [data-agent-staff-action="reset-otp"]{color:#c33e4a}#agentStaffBody [data-agent-staff-action^="edit-"]{color:#6750b8}
@media(max-width:700px){.portal-detail-grid{grid-template-columns:1fr;gap:10px}.portal-read-detail{padding:20px;max-height:calc(100dvh - 16px);width:calc(100vw - 16px)}.portal-read-detail .mini-action{min-height:44px}.portal-money{text-align:left}#sessionRows td{white-space:normal;overflow-wrap:anywhere}}

.agent-wallet-ledger th.portal-money,.agent-wallet-ledger .portal-balance{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}.agent-wallet-ledger .portal-balance>span{display:block;white-space:nowrap;line-height:20px}
@media(max-width:700px){.agent-wallet-ledger table{display:table;width:max-content;min-width:100%}.agent-wallet-ledger thead{display:table-header-group}.agent-wallet-ledger tbody{display:table-row-group}.agent-wallet-ledger tr{display:table-row;width:auto}.agent-wallet-ledger td{display:table-cell!important;padding:10px 12px}.agent-wallet-ledger td::before{display:none;content:none}}

/* Role-only form surfaces; shared frame ownership stays with the main integrator. */
html.merchant-portal .mo-form-actions,html.merchant-portal .merchant-staff-modal .form-actions,html.agent-portal #agentStaffForm .form-actions,html.agent-portal #agentSettlementApplyForm .form-actions{position:sticky;bottom:-1px;z-index:2;padding:12px 0;background:var(--color-surface,#fff)}
html.merchant-portal .modal-card>h2,html.agent-portal .modal-card>h2{position:sticky;top:-1px;z-index:2;background:var(--color-surface,#fff);padding-block:8px}
html.merchant-portal .usdt-badge,html.agent-portal .usdt-badge{color:var(--state-pending,#4a5d73);background:var(--state-pending-bg,#f1f4f7)}html.merchant-portal .usdt-badge.MANUALLY_COMPLETED,html.agent-portal .usdt-badge.MANUALLY_COMPLETED{color:var(--state-normal,#087a55);background:var(--state-normal-bg,#e9f7f1)}html.merchant-portal .usdt-badge.CANCELLED,html.agent-portal .usdt-badge.CANCELLED,html.merchant-portal .usdt-badge.REJECTED,html.agent-portal .usdt-badge.REJECTED{color:var(--state-danger,#c33e4a);background:var(--state-danger-bg,#fceff1)}
@media(max-width:640px){html.merchant-portal .button,html.agent-portal .button,html.merchant-portal .mini-action,html.agent-portal .mini-action,html.merchant-portal input:not([type=checkbox]):not([type=radio]),html.agent-portal input:not([type=checkbox]):not([type=radio]){min-height:44px}}

html.merchant-portal .mas-status[data-state=normal]{color:var(--state-normal,#087a55)!important;background:var(--state-normal-bg,#e9f7f1)!important}html.merchant-portal .mas-status[data-state=danger]{color:var(--state-danger,#c33e4a)!important;background:var(--state-danger-bg,#fceff1)!important}html.merchant-portal .mas-status[data-state=pending]{color:var(--state-pending,#4a5d73)!important;background:var(--state-pending-bg,#f1f4f7)!important}html.merchant-portal .mas-modal-head{position:sticky;top:0;z-index:2;background:#fff}html.merchant-portal .mas-form-actions{position:sticky;bottom:0;background:#fff;padding-block:10px}@media(max-width:640px){html.merchant-portal .mas-close{min-width:44px;min-height:44px}}

.portal-page-cutoff{display:block;padding:4px 12px 8px;color:var(--color-text-secondary,#4a5d73);font-size:12px;font-variant-numeric:tabular-nums}#agentStaffBody [data-agent-staff-action=unlock]:not(:disabled){color:var(--action-positive,#087a55)!important}

@media(max-width:640px){html.merchant-portal .mas-modal{box-sizing:border-box;padding:12px}html.merchant-portal .mas-modal-card{box-sizing:border-box;width:calc(100vw - 24px);max-width:100%;max-height:calc(100dvh - 24px)}}