/* Personal center: compact icon and text tiles, matching Boyan's wallet colors. */
#mall-wallet{margin:15px 0 14px;padding:21px 18px 17px;border-radius:21px;background:#254e3c;color:#f8fbf5;box-shadow:0 10px 24px #1d42251a}
#mall-wallet .section-head{margin:0 0 13px;gap:8px}
#mall-wallet .section-head h2{font-size:18px;color:inherit}
#mall-wallet .section-head small,#mall-wallet .hint{color:#d5e4d3}
#mall-wallet .asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;background:transparent;border:0}
#mall-wallet .asset-grid.balance-only{grid-template-columns:minmax(0,1fr)}
#mall-wallet .asset-grid.balance-only .asset{padding:19px 12px}
#mall-wallet .asset-grid.balance-only .asset strong{font-size:30px}
#mall-wallet .asset{min-width:0;padding:12px 7px;background:#335e4b;border:1px solid #ffffff24;border-radius:12px;text-align:center}
#mall-wallet .asset strong{display:block;color:#fff;font-size:18px;line-height:1.3;overflow-wrap:anywhere}
#mall-wallet .asset span{display:block;color:#e4eee1;font-size:12px;margin-top:5px}
#mall-wallet .hint{font-size:12px;margin:13px 0 0}
#mall-wallet .quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}
#mall-wallet .quick-actions>*{display:flex;justify-content:center;align-items:center;min-height:40px;margin:0;border:1px solid #ffffff43;background:#ffffff16;border-radius:10px;color:#fff;font-size:12px;text-align:center;padding:6px}
#mall-wallet .quick-actions>*:hover,#mall-wallet .quick-actions>*:focus-visible{background:#ffffff30}
#mall-wallet .notice{background:#fff4db;color:#6e4c1b}
.profile-section{margin:13px 0;background:#fff;border:1px solid #e5e8de;border-radius:18px;overflow:hidden}
.profile-section h3{font-size:14px;color:#526657;font-weight:600;padding:16px 17px 4px}
.profile-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:3px 5px 10px}
.profile-tile{min-width:0;min-height:85px;padding:9px 3px 5px;border-radius:12px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;text-align:center}
.profile-tile:hover,.profile-tile:focus-visible{background:#edf4e9}
.profile-tile-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;color:#237449;background:#e7f2e5}
.profile-tile:nth-child(4n+1) .profile-tile-icon{color:#23769f;background:#e7f4f8}
.profile-tile:nth-child(4n+4) .profile-tile-icon{color:#aa6f2d;background:#fcf0de}
.profile-tile-icon svg{width:21px;height:21px}
.profile-tile-label{display:block;width:100%;font-size:12px;color:#37473b;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
@media(max-width:440px){#mall-wallet .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mall-wallet .asset strong{font-size:17px}.profile-tile{min-height:78px}.profile-tile-label{font-size:11.5px}}
@media(max-width:340px){.profile-tile-label{font-size:11px}.profile-tile-icon{width:35px;height:35px}}
/* Keep secondary destinations inside the account settings card. */
.profile-subgroup{border-top:1px solid #edf0e8}
.profile-subgroup>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;padding:14px 17px;list-style:none;font-size:14px;font-weight:500;color:#526657;cursor:pointer}
.profile-subgroup>summary::-webkit-details-marker{display:none}
.profile-subgroup>summary>span{font-size:21px;font-weight:400;color:#7e8f79;transition:transform .15s}
.profile-subgroup[open]>summary>span{transform:rotate(45deg)}
.profile-subgroup>summary:focus-visible{outline:3px solid #b98444;outline-offset:-4px;border-radius:10px}
.profile-subgroup .profile-tiles{padding-top:0}
.profile-overview-page{display:grid;gap:12px;padding-bottom:18px}
.profile-overview-page .profile-section{margin:0}
.profile-overview-page .profile-section>h3{padding-bottom:12px}
.overview-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 14px 15px;color:#617565;font-size:12px}
.overview-assets .asset{padding:13px 5px;border-radius:12px;background:#edf3e9;text-align:center;min-width:0}
.overview-assets .asset strong{display:block;color:#254e3c;font-size:18px;overflow-wrap:anywhere}
.overview-assets .asset span{display:block;margin-top:5px}
@media(max-width:370px){.overview-assets{gap:5px;padding-inline:8px}.overview-assets .asset strong{font-size:15px}}