.subscription-message-pricing{grid-column:1/-1;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.subscription-message-pricing h3{margin:0 0 10px}.subscription-message-pricing h3:not(:first-child){margin-top:16px}.subscription-effective-rates{display:block;margin-top:4px}.reseller-plan-pricing{grid-template-columns:minmax(220px,.8fr) minmax(520px,1.7fr) auto}.reseller-plan-rate-grid{display:grid!important;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.reseller-plan-rate-grid label{font-size:11px}.reseller-plan-rate-grid input{min-height:42px}
@media(max-width:1200px){.reseller-plan-pricing{grid-template-columns:1fr}.reseller-plan-rate-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.reseller-plan-rate-grid{grid-template-columns:1fr 1fr}.subscription-message-pricing{padding:10px}}@media(max-width:480px){.reseller-plan-rate-grid{grid-template-columns:1fr}}

.dashboard-wallet-action .dashboard-plan-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;text-align:left!important}.dashboard-plan-card>span{display:grid;gap:2px;min-width:0}.dashboard-plan-card small{font-size:8px!important;letter-spacing:.12em!important;color:#bde9dc!important}.dashboard-plan-card b,.dashboard-plan-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff!important}.dashboard-plan-card b{font-size:13px}.dashboard-plan-card strong{font-size:12px}.dashboard-plan-card .dashboard-plan-expiry{text-align:right}.dashboard-plan-card.plan-required{border-color:rgba(255,190,92,.55)!important;background:rgba(140,78,0,.24)!important}.dashboard-plan-card.plan-required small{color:#ffe1ad!important}@media(max-width:760px){.dashboard-wallet-action .dashboard-plan-card{grid-template-columns:1fr!important;gap:7px!important}.dashboard-plan-card .dashboard-plan-expiry{text-align:left}.dashboard-plan-card b,.dashboard-plan-card strong{white-space:normal}}

/* Dashboard wallet and plan cards share one dedicated row without touching header actions v285 */
@media(min-width:1101px){
  body:not(.auth-body) #overview .dashboard-wallet-action{display:grid!important;width:min(100%,520px)!important;height:40px!important;grid-template-columns:minmax(118px,.72fr) minmax(250px,1.28fr)!important;gap:8px!important;align-items:stretch!important}
  body:not(.auth-body) #overview .dashboard-wallet-action>button{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:5px 10px!important;box-sizing:border-box!important}
  body:not(.auth-body) #overview .dashboard-wallet-action>.dashboard-plan-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
  body:not(.auth-body) #overview #headerWalletBalance{min-width:58px!important;min-height:26px!important;padding:4px 8px!important}
}
@media(min-width:761px) and (max-width:1100px){
  body:not(.auth-body) #overview .dashboard-wallet-action{grid-template-columns:minmax(120px,.72fr) minmax(250px,1.28fr)!important;gap:8px!important}
}
@media(max-width:760px){
  body:not(.auth-body) #overview .dashboard-wallet-action{grid-template-columns:1fr!important;height:auto!important}
}

/* v287: keep active-plan name and expiry fully contained inside the dashboard card. */
body:not(.auth-body) #overview .dashboard-wallet-action > .dashboard-plan-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(88px, auto) !important;
    align-items: center !important;
    column-gap: 10px !important;
    overflow: hidden !important;
}
body:not(.auth-body) #overview .dashboard-wallet-action > .dashboard-plan-card::before {
    content: none !important;
    display: none !important;
}
body:not(.auth-body) #overview .dashboard-wallet-action > .dashboard-plan-card > span {
    display: grid !important;
    align-content: center !important;
    gap: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
body:not(.auth-body) #overview .dashboard-plan-card .dashboard-plan-expiry {
    justify-self: end !important;
    text-align: right !important;
}
body:not(.auth-body) #overview .dashboard-plan-card small {
    font-size: 7px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}
body:not(.auth-body) #overview .dashboard-plan-card b,
body:not(.auth-body) #overview .dashboard-plan-card strong {
    display: block !important;
    max-width: 100% !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
@media (min-width: 761px) {
    body:not(.auth-body) #overview .dashboard-wallet-action > .dashboard-plan-card {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        padding: 4px 10px !important;
    }
}
@media (max-width: 760px) {
    body:not(.auth-body) #overview .dashboard-wallet-action > .dashboard-plan-card {
        height: auto !important;
        min-height: 48px !important;
        max-height: none !important;
        padding: 7px 10px !important;
    }
}

/* v288 account-specific plan pricing */
.account-plan-selectors{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.account-plan-rate-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;margin-top:14px}
.account-plan-pricing-card .subscription-actions{margin-top:14px}
@media(max-width:900px){.account-plan-rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.account-plan-selectors,.account-plan-rate-grid{grid-template-columns:1fr!important}}

/* v290 reseller-specific plan assignments */
.reseller-plan-assignment-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.reseller-plan-assignment-card #assignmentRows{margin-top:16px}
.reseller-plan-assignment-card .subscription-plan-row small{display:block;margin-top:4px}
@media(max-width:1000px){.reseller-plan-assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.reseller-plan-assignment-grid{grid-template-columns:1fr!important}.reseller-plan-assignment-card .subscription-actions button{width:100%}}