/* AnUongBolsa Account Sheet */

.bd-account-overlay{
    position:fixed;
    inset:0;
    z-index:9997;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    background:rgba(0,0,0,.48);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .22s ease,visibility .22s ease;
}

.bd-account-overlay.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.bd-account-sheet{
    width:100%;
    max-width:620px;
    max-height:92dvh;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:24px 24px 0 0;
    background:#fff;
    box-shadow:0 -16px 50px rgba(0,0,0,.24);
    transform:translateY(100%);
    transition:transform .25s ease;
}

.bd-account-overlay.open .bd-account-sheet{
    transform:translateY(0);
}

.bd-account-handle-wrap{
    display:flex;
    justify-content:center;
    padding:10px 0 4px;
    touch-action:none;
}

.bd-account-handle{
    width:54px;
    height:5px;
    border-radius:999px;
    background:#cfd4da;
}

.bd-account-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:12px 16px 15px;
    border-bottom:1px solid #e4e7eb;
}

.bd-account-header h2{
    margin:0;
    font-size:23px;
    font-weight:900;
}

.bd-account-close{
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    border-radius:50%;
    color:#17191d;
    background:#f1f3f5;
}

.bd-account-close svg,
.bd-account-avatar svg,
.bd-account-menu svg,
.bd-account-business-icon svg,
.bd-account-logout svg{
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.bd-account-close svg{
    width:23px;
    height:23px;
}

.bd-account-body{
    flex:1;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:18px 16px calc(24px + env(safe-area-inset-bottom));
}

.bd-account-loading,
.bd-account-error{
    min-height:260px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
    text-align:center;
    color:#69707a;
}

.bd-account-loading[hidden],
.bd-account-error[hidden],
.bd-account-content[hidden],
[data-account-view][hidden],
.bd-account-form-message[hidden]{
    display:none !important;
}

.bd-account-spinner{
    width:38px;
    height:38px;
    border:4px solid #e4e7eb;
    border-top-color:#ef3340;
    border-radius:50%;
    animation:bd-account-spin .8s linear infinite;
}

.bd-account-error button{
    min-height:42px;
    padding:10px 16px;
    border:0;
    border-radius:10px;
    color:#fff;
    background:#ef3340;
    font-weight:800;
}

.bd-account-welcome{
    text-align:center;
}

.bd-account-avatar{
    width:70px;
    height:70px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#ef3340;
    background:#fff0f1;
}

.bd-account-avatar svg{
    width:36px;
    height:36px;
}

.bd-account-welcome h3,
.bd-account-profile h3{
    margin:12px 0 5px;
    font-size:22px;
    font-weight:900;
}

.bd-account-welcome p,
.bd-account-profile p,
.bd-account-business p{
    margin:0;
    color:#69707a;
    line-height:1.5;
}

.bd-account-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4px;
    margin:20px 0 14px;
    padding:4px;
    border-radius:12px;
    background:#f1f3f5;
}

.bd-account-tabs button{
    min-height:42px;
    border:0;
    border-radius:9px;
    background:transparent;
    font-weight:800;
}

.bd-account-tabs button.active{
    color:#fff;
    background:#17191d;
}

.bd-account-form label{
    display:block;
    margin:14px 0 6px;
    font-size:14px;
    font-weight:800;
}

.bd-account-form input{
    width:100%;
    min-height:48px;
    padding:11px 13px;
    border:1px solid #ccd2d9;
    border-radius:10px;
    font-size:16px;
}

.bd-account-primary{
    width:98%;
    min-height:48px;
    margin-top:18px;
    border:0;
    border-radius:50px;
    color:#fff;
    background:#0967d8;
    font-weight:900;
}

.bd-account-note{
    margin:12px 0 0;
    color:#69707a;
    font-size:13px;
    line-height:1.5;
}

.bd-account-form-message{
    margin-top:12px;
    padding:11px 12px;
    border-radius:10px;
    background:#ffe6e8;
    color:#9b1723;
    font-size:13px;
    font-weight:700;
}

.bd-account-help{
    display:block;
    margin-top:16px;
    color:#ef3340;
    text-align:center;
    font-weight:800;
}

.bd-account-profile{
    display:flex;
    align-items:center;
    gap:14px;
}

.bd-account-profile .bd-account-avatar{
    width:58px;
    height:58px;
    flex:0 0 auto;
}

.bd-account-profile h3{
    margin:0 0 4px;
}

.bd-account-status-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:18px 0;
}

.bd-account-status-grid div{
    padding:14px;
    border:1px solid #e4e7eb;
    border-radius:13px;
    background:#f8f9fa;
}

.bd-account-status-grid span{
    display:block;
    color:#69707a;
    font-size:12px;
    font-weight:700;
}

.bd-account-status-grid strong{
    display:block;
    margin-top:5px;
    font-size:18px;
}

.bd-account-business{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:14px;
    border:1px solid #e4e7eb;
    border-radius:14px;
}

.bd-account-business-icon{
    width:42px;
    height:42px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    color:#ef3340;
    background:#fff0f1;
}

.bd-account-business-icon svg{
    width:23px;
    height:23px;
}

.bd-account-menu{
    margin-top:16px;
    border:1px solid #e4e7eb;
    border-radius:14px;
    overflow:hidden;
}

.bd-account-menu a{
    min-height:58px;
    display:grid;
    grid-template-columns:40px minmax(0,1fr) 24px;
    align-items:center;
    gap:11px;
    padding:8px 12px;
    border-bottom:1px solid #eceef1;
    color:#17191d;
    font-weight:800;
}

.bd-account-menu a:last-child{
    border-bottom:0;
}

.bd-account-menu-icon{
    width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:#ef3340;
    background:#fff0f1;
}

.bd-account-menu-icon svg{
    width:21px;
    height:21px;
}

.bd-account-arrow{
    width:19px;
    height:19px;
    color:#98a0aa;
}

.bd-account-logout{
    width:100%;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    margin-top:16px;
    border:1px solid #ffd0d4;
    border-radius:11px;
    color:#c51f2d;
    background:#fff5f6;
    font-weight:900;
}

.bd-account-logout svg{
    width:21px;
    height:21px;
}

@keyframes bd-account-spin{
    to{transform:rotate(360deg)}
}

@media(min-width:621px){
    .bd-account-overlay{
        padding:24px;
    }

    .bd-account-sheet{
        border-radius:24px;
    }
}


/* Internal Account views */
.bd-account-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center}
.bd-account-header h2{text-align:center}
.bd-account-back{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#f1f3f5;color:#17191d}
.bd-account-back[hidden]{display:inline-flex!important;visibility:hidden}
.bd-account-back svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bd-account-view-section h3{margin:0 0 16px;font-size:22px}
.bd-account-detail-list{border:1px solid #e4e7eb;border-radius:14px;overflow:hidden}
.bd-account-detail-row{padding:13px 14px;border-bottom:1px solid #eceef1}
.bd-account-detail-row:last-child{border-bottom:0}
.bd-account-detail-row span{display:block;color:#69707a;font-size:12px;font-weight:700}
.bd-account-detail-row strong{display:block;margin-top:4px;line-height:1.45}
.bd-my-listing-card{padding:14px;margin-bottom:12px;border:1px solid #e4e7eb;border-radius:14px;background:#fff}
.bd-my-listing-card h4{margin:0 0 7px;font-size:17px}
.bd-my-listing-meta{margin:0;color:#69707a;font-size:13px;line-height:1.5}
.bd-account-empty{padding:34px 16px;border:1px solid #e4e7eb;border-radius:14px;color:#69707a;text-align:center;background:#f8f9fa}
.bd-account-view-form label{display:block;margin:14px 0 6px;font-size:14px;font-weight:800}
.bd-account-view-form input,.bd-account-view-form select,.bd-account-view-form textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #ccd2d9;border-radius:10px;font-size:24px}
.bd-account-view-form textarea{min-height:110px;resize:vertical}
.bd-account-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.bd-account-grid2{grid-template-columns:1fr}}

.bd-verify-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 14px;
    border-radius:0px;

    background:#e8f8ee;
    border:1px solid #b8e7c8;
    border-left:5px solid #08813f;

    color:#08813f;
	font-size: 24px !important;
    font-weight:700;
}

.bd-verify-badge svg{
    width:36px;
    height:36px;
    fill:#08813f;
}

.phone-counter{

    color:#08813f;
	font-size: 20px !important;
    font-weight:700;

}