.commissionPromotion,.commissionDetail,.commissionPolicy{font-size:14px;line-height:1.8;font-weight:400}
.commissionPromotion{padding:13px 14px;margin:12px 0;border-radius:11px;background:#eef3f8;color:#16324a}
.commissionPromotion.isFree{background:#e9f7ef;color:#176440}
.commissionPromotion b,.commissionDetail b{display:block;font-size:16px;line-height:1.6}
.commissionPromotion p,.commissionDetail p{font-size:13px!important;color:inherit!important;margin:6px 0!important}
.commissionPromotion small,.commissionDetail small{display:block;font-size:12px;line-height:1.8;margin-top:5px;color:inherit!important}
.commissionPromotion summary{font-size:12px;cursor:pointer;padding:3px 0}
.commissionDetail{margin:12px 0;padding:12px 0;border-top:1px solid var(--line)}
.commissionDetail.isFree b{color:#167048}
.commissionDetail span{font-weight:400;white-space:nowrap}
html[data-theme=night] .commissionPromotion{background:#26374a;color:#eef3fa}
html[data-theme=night] .commissionPromotion.isFree{background:#1b3b33;color:#bbefcf}
html[data-theme=night] .commissionDetail.isFree b{color:#9ae2b8}
.connectionStatus{display:flex;align-items:center;gap:8px;font-size:12px}
.connectionStatus #syncStatus{font-size:11px;padding:5px 9px;min-height:30px;white-space:nowrap}
.commissionPaymentDialog{width:min(560px,calc(100vw - 28px));padding:0;max-height:calc(100dvh - 28px);overflow:auto;color:var(--ink,#102a43);background:var(--surface,#fff);border:1px solid var(--line,#dce4ed);border-radius:20px}
.commissionPaymentDialog>.dialoghead{position:sticky;top:0;z-index:2;background:inherit;padding:16px 20px;border-bottom:1px solid var(--line,#dce4ed)}
.commissionPaymentDialog h2{font-size:21px;margin:0}
.commissionPaymentBody{padding:4px 20px 16px}
.commissionPaymentBody>p{font-size:14px;line-height:1.8}
.commissionPaymentAmount{background:#f0f7fb;border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.commissionPaymentAmount small{font-size:13px}
.commissionPaymentAmount strong{font-size:26px;white-space:nowrap}
.commissionBank{margin:14px 0;display:grid;gap:10px}
.commissionBank>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--line,#dce4ed)}
.commissionBank dt{font-size:13px;color:var(--muted,#64748b)}
.commissionBank dd{margin:0;min-width:0;font-size:15px}
.commissionBank [data-bank-iban]{display:block;letter-spacing:.2px;overflow-wrap:anywhere;user-select:text;font-size:16px;text-align:start}
.commissionBank [data-copy-iban]{margin-top:10px;min-height:34px;font-size:12px;padding:5px 10px}
.commissionBank [data-copy-status]{display:block;font-size:12px;margin-top:4px}
.commissionPaymentNotice{background:#fff5e8;border-radius:10px;padding:10px 12px;color:#71450e}
.commissionPledge{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:15px;line-height:1.8;padding:10px 0}
.commissionPledge input{width:22px;height:22px;min-width:22px;accent-color:#127f6b;margin-top:3px}
.commissionPaymentError{color:#b91c1c;background:#fef2f2;padding:10px;border-radius:8px}
.commissionPaymentActions{position:sticky;bottom:0;z-index:2;background:inherit;display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--line,#dce4ed)}
.commissionPaymentActions>button{flex:1;min-height:46px;margin:0;font-size:14px}
.commissionPaymentDialog button:disabled{opacity:.55;cursor:not-allowed}
.commissionReports{margin-top:18px}
.commissionReports>p{font-size:14px;line-height:1.8}
.commissionReport{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;padding:14px 0;border-top:1px solid var(--line,#dce4ed)}
.commissionReport>b{overflow-wrap:anywhere}
.commissionReport>small{grid-column:1/-1;font-size:12px;color:var(--muted,#64748b)}
html[data-theme=night] .commissionPaymentDialog{background:#182535;color:#edf4fc}
html[data-theme=night] .commissionPaymentAmount{background:#243b50}
html[data-theme=night] .commissionPaymentNotice{background:#433321;color:#ffdda4}
html[data-theme=night] .commissionPaymentError{background:#4d2228;color:#ffbfc7}
@media(max-width:420px){.commissionPaymentDialog>.dialoghead,.commissionPaymentBody,.commissionPaymentActions{padding-inline:14px}.commissionBank>div{grid-template-columns:76px minmax(0,1fr)}.commissionPaymentAmount strong{font-size:22px}}

/* Keep the carrier introduction compact while allowing details and mobile text to expand. */
main:has(.carrierSignup)>.intro{align-items:center;gap:16px}
main:has(.carrierSignup)>.intro>div:first-child{flex:1 1 240px;min-width:0}
main:has(.carrierSignup)>.intro>.topCommission{width:650px;max-width:100%;min-width:0;min-height:138px;flex:0 1 650px;padding:10px 14px}
.topCommission>h2{font-size:16px;line-height:1.3;margin:0 0 4px}
.topCommission>.commissionOverview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:14px}
.topCommission .commissionPromotion{align-self:stretch;min-width:0;margin:0;padding:9px 11px;border-radius:10px;font-size:13px;line-height:1.4}
.topCommission .commissionPromotion>b{font-size:15px;line-height:1.35}
.topCommission .commissionPromotion>p{font-size:12px!important;line-height:1.4;margin:4px 0!important}
.topCommission .commissionPromotion summary{font-size:11px;line-height:1.4;min-height:24px;padding:3px 0}
.topCommission .commissionPromotion details p,.topCommission .commissionPromotion details small{font-size:11px!important;line-height:1.6}
.topCommission .commissionPolicy{margin:0;font-size:12px;line-height:1.6}
.commissionBalance{min-width:0}
.topCommission .commissionEquation{gap:7px;margin:0;font-size:19px;line-height:1.2}
.topCommission .commissionEquation .commissionArrow{width:26px;height:17px}
.topCommission .commissionEquation .commissionTotal{font-size:22px!important;line-height:1.2}
.topCommission .commissionEquation .commissionTotal small{font-size:11px;line-height:1.2}
:is(.topCommission,.panel.dark) .commissionSummary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;margin-top:3px}
:is(.topCommission,.panel.dark) .commissionSummary>p{min-width:0;font-size:11px!important;line-height:1.4;margin:0!important}
:is(.topCommission,.panel.dark) .commissionSummary>p:first-child,:is(.topCommission,.panel.dark) .commissionSummary>.commissionProgress,:is(.topCommission,.panel.dark) .commissionSummary>button{grid-column:1/-1}
:is(.topCommission,.panel.dark) .commissionSummary>.commissionProgress{height:3px;margin:0}
:is(.topCommission,.panel.dark) .commissionSummary>button{min-height:32px;margin:0;padding:4px 10px;font-size:12px;line-height:1.4}
:is(.topCommission,.panel.dark) .commissionSummary>.paymentHistoryHint{display:none}
.panel.dark .commissionPromotion{margin:9px 0;padding:10px 12px}
@media(max-width:980px){
  main:has(.carrierSignup)>.intro{flex-wrap:wrap;align-items:flex-start;gap:12px}
  main:has(.carrierSignup)>.intro>.topCommission{width:100%;max-width:none;min-height:0;flex-basis:100%}
}
@media(max-width:600px){
  .topCommission>.commissionOverview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  main:has(.carrierSignup)>.intro>.topCommission{padding:12px 14px}
  .topCommission .commissionPromotion{padding:10px 12px}
  .topCommission .commissionPromotion>b{font-size:14px}
  .topCommission .commissionPromotion>p{font-size:12px!important}
  .topCommission .commissionPromotion summary{font-size:12px;min-height:28px}
  :is(.topCommission,.panel.dark) .commissionSummary>p{font-size:12px!important}
  :is(.topCommission,.panel.dark) .commissionSummary>button{min-height:38px;font-size:13px}
}
@media(max-width:360px){.topCommission>.commissionOverview{grid-template-columns:minmax(0,1fr)}}