
.quick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.quick-grid b{font-size:11px}.quick-icon{width:42px;height:42px}.quick-grid>button{min-width:0}
.shop-selector .icon{color:#923747}.page-heading .text-btn{max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.recharge-breakdown{grid-template-columns:repeat(2,1fr)}
.quantity-stepper{display:flex;align-items:center;gap:8px}.quantity-stepper .btn{width:34px;height:34px;padding:0}.quantity-stepper input{width:58px;text-align:center;padding:7px 3px;border-radius:8px}.quantity-stepper input::-webkit-inner-spin-button{-webkit-appearance:none}
.admin-page-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:-4px 0 24px;overflow-x:auto}.admin-page-tabs .btn{white-space:nowrap;border-radius:0;padding:12px 18px;font-size:13px;border-bottom:3px solid transparent;color:#8c858b}.admin-page-tabs .btn.active{color:#923747;border-bottom-color:#923747;font-weight:650;background:#fcf7f8}
.sku-store-fields{border:1px solid var(--line);border-radius:10px;padding:14px;margin:12px 0}.sku-store-fields>b{font-size:13px;display:block;margin-bottom:12px}
#catalog-master-form .form-grid,#catalog-sku-form .form-grid{gap:16px}.commerce-admin-search:empty{display:none}
@media(max-width:420px){.page-heading .text-btn{max-width:160px}}
/* A shared balance card uses one divider and lightweight account actions. */
.personal-wallet{margin:0 0 18px}
.personal-money-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:12px;background:#fff;border:1px solid #eee8e9;border-radius:14px}
.personal-money-card{position:relative;padding:16px 18px 10px;min-width:0}
.personal-money-card+.personal-money-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:1px;background:#eee8e9}
.personal-money-card .personal-asset-summary{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:58px;width:100%;min-width:0;padding:0;text-align:left;color:#87374a}
.personal-money-label{display:flex;align-items:center;gap:6px;color:#82747a;font-size:11px;white-space:nowrap}
.personal-money-value{display:flex;align-items:baseline;gap:3px;width:100%;min-width:0;font-variant-numeric:tabular-nums}
.personal-money-value>small,.personal-money-value>strong{flex-shrink:0}
.personal-money-value small{color:#9b8590;font-size:12px}
.personal-money-card .personal-asset-summary strong{font-size:24px;line-height:1.3;letter-spacing:-.5px;font-weight:650;white-space:nowrap;margin:0}
.personal-money-card.long-amount .personal-asset-summary strong{font-size:17px}
.personal-money-card>.btn{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-width:44px;min-height:44px;margin-top:8px;padding:0;border:0;border-radius:4px;background:transparent;color:#8e3d50;font-size:12px}
.personal-money-card>.btn:hover{background:transparent;color:#6e2333}
.personal-money-card button:focus-visible{outline:2px solid #923747;outline-offset:3px}
.personal-asset-row{display:flex;align-items:center;gap:8px;padding:10px 14px}
.personal-points-card{background:#fff;border:1px solid #eee8e9;border-radius:14px}
.personal-asset-summary{display:flex;align-items:center;gap:8px;text-align:left;flex:1;min-width:0;min-height:44px;font-size:12px;color:#72666d}
.personal-asset-icon{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;color:#9a5363;background:#f9f0f2;border-radius:8px}
.personal-asset-icon .icon{width:16px;height:16px}
.personal-asset-row .personal-asset-summary strong{margin-left:auto;font-size:16px;font-weight:600;white-space:nowrap;color:#43363d;font-variant-numeric:tabular-nums}
.personal-asset-action{flex-shrink:0;color:#8e3d50;background:#f8edf0;border-radius:8px;padding:6px 11px;font-size:12px;min-width:56px;min-height:44px}
.points-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.points-navigation button{font-size:12px;padding:10px 0;white-space:nowrap}
.invitation-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:360px){.personal-money-card{padding:14px 12px 8px}.personal-money-label{gap:4px;font-size:10px}.personal-money-card .personal-asset-summary strong{font-size:21px}.personal-money-card.long-amount .personal-asset-summary strong{font-size:14px}.personal-asset-row{padding:10px 12px}.personal-asset-summary{gap:6px;font-size:11px}.personal-asset-row .personal-asset-summary strong{font-size:14px}.personal-asset-action{padding:6px 8px;min-width:50px}}

/* Keep the identity badge beside the name without squeezing profile actions. */
.personal-profile>.avatar,.personal-profile>.btn{flex-shrink:0}
.personal-identity{flex:1;min-width:0}
.personal-name{display:flex;align-items:center;gap:8px;min-width:0}
.personal-name h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.personal-name .badge{flex-shrink:0;white-space:nowrap}
