/* ===== User profile account cards ===== */
.profile-page{padding-bottom:20px}
.profile-identity-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid #e3eee7;border-radius:20px;padding:15px;margin-bottom:12px;box-shadow:0 8px 24px rgba(20,100,55,.07)}
.profile-avatar{width:54px;height:54px;border-radius:17px;background:#edf8f1;display:grid;place-items:center}.profile-avatar img{width:34px;height:34px;opacity:.72}
.profile-identity-main{min-width:0}.profile-identity-main strong{display:block;font-size:17px;font-weight:900;color:#173021}.profile-identity-main span{display:block;margin-top:5px;color:#89958d;font-size:9px}.profile-identity-main b{font-size:10px;color:#66736c;letter-spacing:1px}.profile-identity-status{text-align:center;background:#f4faf6;border-radius:12px;padding:7px 10px;min-width:65px}.profile-identity-status span{display:block;color:#8a978f;font-size:8px}.profile-identity-status b{display:block;color:#159447;font-size:9px;margin-top:3px}
.profile-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.profile-account-card{position:relative;min-height:104px;border:1px solid #e7eee9;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(20,100,55,.055);padding:13px 10px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#173021;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.profile-account-card:active{transform:scale(.975)}.profile-account-card:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(20,100,55,.09)}
.profile-card-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;margin-bottom:7px;font-size:23px;font-weight:800}.profile-card-icon img{width:25px;height:25px}.profile-card-title{font-size:11px;font-weight:900;line-height:1.5}.profile-account-card small{font-size:8px;color:#8a958f;margin-top:3px;line-height:1.5}.profile-card-green .profile-card-icon{background:#e5f7ec;color:#159447}.profile-card-orange .profile-card-icon{background:#fff2df;color:#ee9821}.profile-card-blue .profile-card-icon{background:#e8f3ff;color:#3d8ee8}.profile-card-purple .profile-card-icon{background:#f0eaff;color:#8b6dde}.profile-card-red .profile-card-icon{background:#ffebeb;color:#e4574b}.profile-card-teal .profile-card-icon{background:#e5f8f5;color:#12a990}.profile-card-indigo .profile-card-icon{background:#eeedff;color:#7566d8}.profile-card-admin .profile-card-icon{background:#e9f7ef;color:#159447}.profile-card-restart .profile-card-icon{background:#fff4df;color:#e99b21}.profile-card-logout .profile-card-icon{background:#ffebeb;color:#d94a58}.profile-card-restart{border-color:#f2dfbd}.profile-card-logout{border-color:#f1dddd}.profile-card-admin{border-color:#d9eee0}.profile-account-card-wrap{min-width:0}.profile-account-card-wrap .profile-account-card{width:100%}
.profile-extra-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.profile-extra-info>div{background:#fff;border:1px solid #e7eee9;border-radius:13px;padding:10px 11px;display:flex;justify-content:space-between;gap:8px;font-size:9px}.profile-extra-info span{color:#8a958f}.profile-extra-info b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-cash-wallet-hidden{display:none!important}
@media(max-width:650px){.profile-account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-account-card{min-height:96px;border-radius:15px;padding:10px 6px}.profile-card-icon{width:37px;height:37px;border-radius:12px;margin-bottom:6px}.profile-card-icon img{width:22px;height:22px}.profile-card-title{font-size:9.5px}.profile-account-card small{font-size:7px}.profile-identity-card{padding:13px;gap:9px}.profile-avatar{width:47px;height:47px;border-radius:15px}.profile-avatar img{width:29px;height:29px}.profile-identity-main strong{font-size:14px}.profile-identity-main span{font-size:8px}.profile-identity-status{min-width:57px;padding:6px 7px}.profile-extra-info>div{padding:9px;font-size:8px}}
@media(max-width:390px){.profile-account-grid{gap:6px}.profile-account-card{min-height:92px}.profile-card-icon{width:34px;height:34px}.profile-card-title{font-size:9px}.profile-account-card small{font-size:6.5px}.profile-identity-card{grid-template-columns:auto 1fr}.profile-identity-status{grid-column:1/-1;text-align:right;display:flex;justify-content:space-between;align-items:center}.profile-identity-status b{margin-top:0}}