:root{--account-navy:#06183f;--account-orange:#ff4a1f;--account-line:#e4e8ef;--account-muted:#475467}
.account-global-header{
    width:min(calc(100% - 28px),1540px);
    min-height:76px;
    margin:0 auto;
    display:grid;
    grid-template-columns:auto minmax(320px,1fr) auto auto;
    align-items:center;
    gap:18px;
}
.account-global-logo{
    position:relative;
    display:flex;
    align-items:flex-end;
    font-family:"Poppins",sans-serif;
    font-size:29px;
    font-weight:800;
    line-height:.88;
}
.account-global-logo>span{color:var(--account-navy)}
.account-global-logo>b{color:var(--account-orange)}
.account-global-logo>small{
    position:absolute;
    top:30px;
    left:20px;
    white-space:nowrap;
    font-family:"Inter",sans-serif;
    font-size:9px!important;
    color:var(--account-navy)!important;
    font-weight:800;
}
.account-global-search{
    height:46px;
    display:flex;
    align-items:center;
    overflow:hidden;
    border:1px solid #d8dee8;
    border-radius:13px;
    background:#fff;
}
.account-global-search>i{margin-left:14px;color:#98a2b3}
.account-global-search input{min-width:0;width:100%;height:100%;padding:0 11px;border:0;outline:0;background:transparent}
.account-global-search button{width:50px;height:100%;border:0;background:var(--account-navy);color:#fff;cursor:pointer}
.account-global-nav{display:flex;align-items:center;gap:14px;white-space:nowrap}
.account-global-nav>a{font-size:12px;font-weight:700;color:#101828}
.account-global-nav>a.active{color:var(--account-orange)}
.account-message-link,.account-bell{position:relative}
.account-message-link>span,
.account-bell>span{
    position:absolute;
    min-width:18px;
    height:18px;
    padding:0 5px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:var(--account-orange);
    color:#fff;
    border:2px solid #fff;
    font-size:9px!important;
    font-weight:800;
}
.account-message-link>span{top:-12px;right:-10px}
.account-bell{
    width:38px;height:38px;
    display:grid!important;
    place-items:center;
    border-radius:50%;
    border:1px solid #e1e6ed;
    background:#fff;
    font-size:18px!important;
}
.account-bell>i{font-size:18px}
.account-bell>span{top:-7px;right:-7px}
.account-global-sell{
    min-height:44px;
    padding:0 16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border-radius:12px;
    background:var(--account-orange);
    color:#fff!important;
    font-size:12px;
    font-weight:800;
    box-shadow:0 7px 16px rgba(255,74,31,.17);
}
.top-user-menu{position:relative}
.top-user-trigger{
    height:40px;
    max-width:155px;
    padding:0 7px 0 9px;
    display:flex;
    align-items:center;
    gap:7px;
    border:0;
    background:transparent;
    color:#101828;
    cursor:pointer;
}
.top-user-name{
    max-width:92px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    font-weight:800;
}
.top-user-avatar{
    width:31px;height:31px;
    min-width:31px;
    overflow:hidden;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#edf1f6;
    color:var(--account-navy);
}
.top-user-avatar img{width:100%;height:100%;object-fit:cover}
.top-user-avatar i{font-size:25px}
.top-user-chevron{font-size:8px;color:#667085;transition:.18s ease}
.top-user-menu.open .top-user-chevron{transform:rotate(180deg)}
.top-user-dropdown{
    position:absolute;
    z-index:80;
    top:48px;
    right:0;
    width:240px;
    padding:8px;
    border:1px solid #e3e7ee;
    border-radius:14px;
    background:#fff;
    box-shadow:0 18px 45px rgba(16,24,40,.14);
    opacity:0;
    visibility:hidden;
    transform:translateY(-4px);
    transition:.16s ease;
}
.top-user-menu.open .top-user-dropdown{opacity:1;visibility:visible;transform:none}
.top-user-dropdown-head{padding:9px 10px 11px;border-bottom:1px solid #eef1f5;margin-bottom:5px}
.top-user-dropdown-head strong{display:block;font-size:12px;color:#101828}
.top-user-dropdown-head small{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px!important;color:#667085!important}
.top-user-dropdown>a{
    min-height:37px;
    padding:0 9px;
    display:grid;
    grid-template-columns:20px minmax(0,1fr) auto;
    align-items:center;
    gap:7px;
    border-radius:8px;
    color:#344054!important;
    font-size:11.5px!important;
    font-weight:700!important;
}
.top-user-dropdown>a:hover{background:#f6f8fb}
.top-user-dropdown>a>i{color:#667085}
.top-user-dropdown>a>b{
    min-width:19px;height:19px;padding:0 5px;border-radius:999px;
    display:grid;place-items:center;
    background:#fff0eb;color:var(--account-orange);
    font-size:9px
}
.top-user-dropdown-separator{height:1px;background:#eef1f5;margin:5px 0}
.top-user-dropdown .dropdown-logout{color:#b42318!important}
.top-login-link{font-size:23px!important;color:var(--account-navy)!important}

.account-workspace{
    width:min(calc(100% - 28px),1540px);
    margin:18px auto 55px;
    display:grid;
    grid-template-columns:245px minmax(0,1fr);
    gap:16px;
    align-items:start;
}
.account-sidebar{
    position:sticky;
    top:14px;
    overflow:hidden;
    border:1px solid var(--account-line);
    border-radius:16px;
    background:#fff;
}
.account-sidebar-user{
    padding:15px;
    display:flex;
    align-items:center;
    gap:10px;
    border-bottom:1px solid #edf0f4;
    background:linear-gradient(135deg,#f6f9ff,#fff8f4);
}
.account-sidebar-avatar{
    width:44px;height:44px;
    min-width:44px;
    border-radius:50%;
    overflow:hidden;
    display:grid;
    place-items:center;
    background:#eef1f5;
    color:#8592a5;
}
.account-sidebar-avatar img{width:100%;height:100%;object-fit:cover}
.account-sidebar-user>div:last-child{min-width:0}
.account-sidebar-user strong{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:12px;
    color:var(--account-navy);
}
.account-sidebar-user small{display:block;margin-top:3px;font-size:11px!important;color:#667085!important}
.account-sidebar-nav{display:grid;padding:8px}
.account-sidebar-nav>a,
.account-sidebar-logout{
    min-height:43px;
    padding:0 10px;
    display:grid;
    grid-template-columns:30px minmax(0,1fr) auto;
    align-items:center;
    gap:7px;
    border-radius:9px;
    color:#344054;
    font-size:12px;
    font-weight:700;
}
.account-sidebar-nav>a:hover{background:#f6f8fb}
.account-sidebar-nav>a.active{background:#eef3ff;color:#244fbf}
.account-sidebar-icon{
    width:30px;height:30px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:#f2f4f7;
    color:#667085;
}
.account-sidebar-nav>a.active .account-sidebar-icon{background:#dfe9ff;color:#315cc9}
.account-sidebar-nav>a>b{
    min-width:20px;height:20px;padding:0 5px;
    display:grid;place-items:center;
    border-radius:999px;
    background:#ffede8;color:var(--account-orange);
    font-size:9px;
}
.account-sidebar-logout{
    border-top:1px solid #edf0f4;
    border-radius:0;
    color:#b42318;
}
.account-sidebar-logout .account-sidebar-icon{background:#fff0ee;color:#b42318}
.account-workspace-content{min-width:0}
.account-workspace-content>main{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
}
.account-content-shell{width:100%!important;max-width:none!important;margin:0!important}
.account-workspace .account-grid{grid-template-columns:1fr!important}
.account-workspace .quick-card{display:none!important}
.account-workspace .profile-edit-card{min-height:330px}
.account-workspace .hero-sell-btn{
    min-height:42px!important;
    padding:0 15px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border-radius:11px!important;
    background:var(--account-orange)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    box-shadow:0 7px 16px rgba(255,74,31,.16)!important;
}
.account-workspace .my-listing-head,
.account-workspace .my-requests-head,
.account-workspace .saved-head,
.account-workspace .notifications-head,
.account-workspace .messages-page-head{margin-top:0}
.account-workspace .messages-app{height:690px;min-height:590px}
.account-workspace .messages-shell{margin:0!important}
.account-workspace .saved-shell,
.account-workspace .notifications-shell,
.account-workspace .my-requests-shell{width:100%!important;margin:0!important;max-width:none!important}

@media(max-width:1180px){
    .account-global-header{grid-template-columns:auto minmax(260px,1fr) auto}
    .account-global-nav>a:not(.account-bell):not(.top-login-link){font-size:0}
    .account-global-nav>a:not(.account-bell):not(.top-login-link)>i{font-size:15px}
    .account-global-sell{grid-column:auto}
}
@media(max-width:900px){
    .account-global-header{width:calc(100% - 16px);grid-template-columns:auto 1fr auto;padding:8px 0}
    .account-global-search{grid-column:1/-1;grid-row:2}
    .account-global-nav{justify-self:end}
    .account-global-nav>a:not(.account-bell){display:none}
    .top-user-menu{display:block!important}
    .account-global-sell{display:none}
    .account-workspace{width:calc(100% - 16px);grid-template-columns:1fr;margin-top:10px}
    .account-sidebar{position:static}
    .account-sidebar-user{display:none}
    .account-sidebar-nav{
        display:flex;
        overflow:auto;
        gap:5px;
        scrollbar-width:none;
    }
    .account-sidebar-nav::-webkit-scrollbar{display:none}
    .account-sidebar-nav>a{
        min-width:max-content;
        grid-template-columns:24px auto auto;
        padding:0 9px;
    }
    .account-sidebar-icon{width:24px;height:24px;background:transparent}
    .account-sidebar-logout{display:none}
    .account-workspace .messages-app{height:620px}
}
@media(max-width:600px){
    .account-global-logo{font-size:25px}
    .account-global-logo>small{display:none}
    .top-user-name{display:none}
    .top-user-trigger{padding:0;gap:3px}
    .top-user-chevron{display:none}
    .account-bell{width:36px;height:36px}
    .account-global-nav{gap:7px}
}


/* =========================================================
   UPDATE 31 — MOBILE RESPONSIVE & UI CONSISTENCY
   ========================================================= */
html,body{
    max-width:100%;
    overflow-x:hidden;
}
img,video,svg{
    max-width:100%;
}
@media(max-width:900px){
    input,select,textarea{
        font-size:16px !important;
    }
    button,a{
        -webkit-tap-highlight-color:transparent;
    }
}

@media(max-width:900px){
    .account-global-header{
        width:calc(100% - 12px);
        min-height:auto;
        margin:0 auto;
        padding:8px 0 10px;
        grid-template-columns:auto minmax(0,1fr) auto;
        gap:8px;
    }
    .account-global-logo{
        grid-column:1;
        grid-row:1;
        font-size:26px;
    }
    .account-global-logo>small{
        top:27px;
        left:15px;
        font-size:8px!important;
    }
    .account-global-nav{
        grid-column:3;
        grid-row:1;
        gap:6px;
        justify-self:end;
    }
    .account-global-nav>a:not(.account-bell){
        display:none;
    }
    .account-bell{
        width:40px;
        height:40px;
        font-size:19px!important;
    }
    .account-bell>i{font-size:19px}
    .top-user-trigger{
        max-width:none;
        height:40px;
        padding:0 3px;
    }
    .top-user-name{display:none}
    .top-user-avatar{
        width:36px;
        height:36px;
        min-width:36px;
    }
    .top-user-avatar i{font-size:29px}
    .top-user-chevron{display:none}
    .top-user-dropdown{
        position:fixed;
        top:58px;
        right:8px;
        width:min(290px,calc(100vw - 16px));
        max-height:calc(100dvh - 72px);
        overflow:auto;
        border-radius:14px;
        z-index:500;
    }
    .top-user-dropdown>a{
        min-height:43px;
        font-size:12px!important;
    }
    .account-global-search{
        grid-column:1/-1;
        grid-row:2;
        height:44px;
    }
    .account-global-search input{
        font-size:16px!important;
    }
    .account-global-sell{display:none}
    .account-workspace{
        width:calc(100% - 12px);
        grid-template-columns:1fr;
        gap:8px;
        margin:8px auto 42px;
    }
    .account-sidebar{
        position:static;
        border-radius:12px;
        overflow:hidden;
    }
    .account-sidebar-user{display:none}
    .account-sidebar-nav{
        display:flex;
        gap:4px;
        padding:6px;
        overflow-x:auto;
        overscroll-behavior-x:contain;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
    }
    .account-sidebar-nav::-webkit-scrollbar{display:none}
    .account-sidebar-nav>a{
        flex:0 0 auto;
        min-width:max-content;
        min-height:39px;
        grid-template-columns:24px auto auto;
        gap:4px;
        padding:0 9px;
        scroll-snap-align:start;
        border:1px solid transparent;
    }
    .account-sidebar-nav>a.active{
        border-color:#d8e3ff;
    }
    .account-sidebar-icon{
        width:24px;
        height:24px;
        background:transparent;
    }
    .account-sidebar-logout{display:none}
    .account-workspace-content{width:100%;min-width:0}
    .account-workspace-content>main{
        width:100%!important;
        min-width:0!important;
    }
    .account-workspace .messages-app{
        height:auto;
        min-height:560px;
    }
}
@media(max-width:600px){
    .account-global-header{width:calc(100% - 10px)}
    .account-global-logo{font-size:24px}
    .account-global-logo>small{display:none}
    .account-global-nav{gap:4px}
    .account-bell{width:38px;height:38px}
    .account-workspace{width:calc(100% - 10px)}
    .account-sidebar-nav>a{
        min-height:38px;
        font-size:11px;
        padding:0 8px;
    }
}


/* UPDATE 32 — MOBILE QA ROUND 2 HARDENING */
@media(max-width:900px){
    main,section,article,aside,header,footer,nav,form,div{
        min-width:0;
    }
    h1,h2,h3,h4,p,span,strong,small,a,label{
        overflow-wrap:anywhere;
    }
    table{
        max-width:100%;
    }
}

@media(max-width:900px){
    .account-global-header{
        position:relative;
        z-index:80;
    }
    .account-global-search,
    .account-global-search input{
        min-width:0!important;
    }
    .account-sidebar-nav{
        -webkit-overflow-scrolling:touch;
    }
    .account-workspace-content{
        overflow:visible;
    }
}

/* UPDATE 38 — NOTIFICATION BELL ALIGNMENT */
.account-bell{
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    line-height:1!important;
}
.account-bell>i{
    display:block!important;
    margin:0!important;
    line-height:1!important;
}
[data-unread-notifications-badge][hidden],
[data-unread-messages-badge][hidden]{
    display:none!important;
}


/* UPDATE 39 — PERSISTENT GLOBAL LOCATION */
@media(min-width:1101px){
    .account-global-header{
        grid-template-columns:auto 175px minmax(260px,1fr) auto auto!important;
        gap:12px!important;
    }
}
.account-global-location{
    height:44px;
    min-width:0;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 10px;
    border:1px solid #d8dee8;
    border-radius:12px;
    background:#fff;
}
.account-global-location>i:first-child{color:#ff4a1f}
.account-global-location>i:last-child{font-size:9px;color:#667085;pointer-events:none}
.account-global-location select{
    width:100%;
    min-width:0;
    height:100%;
    border:0;
    outline:0;
    appearance:none;
    background:transparent;
    color:#344054;
    font-size:11px;
    font-weight:700;
}
@media(max-width:1100px){
    .account-global-location{display:none}
}


/* =========================================================
   UPDATE 40 — CUSTOM MARKETPLACE LOCATION PICKER
   ========================================================= */
.marketplace-location-picker{
    position:relative;
    z-index:85;
    min-width:174px;
    font-family:"Inter",sans-serif;
}
.marketplace-location-picker>summary{
    list-style:none;
    height:44px;
    padding:0 11px;
    display:grid;
    grid-template-columns:24px minmax(0,1fr) 14px;
    align-items:center;
    gap:7px;
    border:1px solid #dce2eb;
    border-radius:13px;
    background:linear-gradient(180deg,#fff,#fbfcff);
    color:#101828;
    cursor:pointer;
    box-shadow:0 2px 7px rgba(16,24,40,.025);
    user-select:none;
}
.marketplace-location-picker>summary::-webkit-details-marker{display:none}
.marketplace-location-picker>summary::marker{display:none}
.marketplace-location-picker[open]>summary{
    border-color:#b8c8ee;
    box-shadow:0 0 0 3px rgba(49,92,201,.08);
}
.marketplace-location-icon{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:#fff1ed;
    color:#ff4a1f;
    font-size:13px;
}
.marketplace-location-label{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11.5px;
    font-weight:800;
    color:#27364f;
}
.marketplace-location-chevron{
    justify-self:end;
    font-size:9px;
    color:#667085;
    transition:transform .18s ease;
}
.marketplace-location-picker[open] .marketplace-location-chevron{
    transform:rotate(180deg);
}
.marketplace-location-menu{
    position:absolute;
    z-index:120;
    top:calc(100% + 8px);
    left:0;
    width:270px;
    max-height:min(470px,72vh);
    overflow:auto;
    padding:8px;
    border:1px solid #e0e5ee;
    border-radius:16px;
    background:#fff;
    box-shadow:0 18px 48px rgba(16,24,40,.17);
}
.marketplace-location-menu-head{
    padding:8px 9px 10px;
    border-bottom:1px solid #edf0f4;
    margin-bottom:5px;
}
.marketplace-location-menu-head strong{
    display:block;
    color:#06183f;
    font-size:13px;
}
.marketplace-location-menu-head small{
    display:block;
    margin-top:2px;
    color:#667085;
    font-size:10px!important;
}
.marketplace-location-option{
    min-height:49px;
    padding:7px 8px;
    display:grid;
    grid-template-columns:31px minmax(0,1fr) 18px;
    gap:8px;
    align-items:center;
    border-radius:11px;
    color:#344054;
    text-decoration:none;
}
.marketplace-location-option:hover{
    background:#f6f8fc;
}
.marketplace-location-option.is-selected{
    background:#eef3ff;
    color:#193c91;
}
.marketplace-location-option-icon{
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#f2f4f7;
    color:#667085;
}
.marketplace-location-option.is-selected .marketplace-location-option-icon{
    background:#fff;
    color:#315cc9;
}
.marketplace-location-option>span:nth-child(2){
    min-width:0;
}
.marketplace-location-option strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11.5px;
    color:inherit;
}
.marketplace-location-option small{
    display:block;
    margin-top:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#7a8699;
    font-size:9.5px!important;
}
.marketplace-location-option>i:last-child{
    visibility:hidden;
    color:#315cc9;
    font-size:11px;
}
.marketplace-location-option.is-selected>i:last-child{
    visibility:visible;
}
.site-header,
.account-global-header,
.listing-header,
.sell-header{
    overflow:visible!important;
}
.site-location-picker{min-width:180px}
.account-global-location-control{min-width:165px}
.listing-location-control{min-width:165px}
.sell-location-control{min-width:165px}

@media(max-width:1100px){
    .account-global-location-control{
        display:none;
    }
}
@media(max-width:900px){
    .listing-location-control,
    .sell-location-control{
        display:none;
    }
}
@media(max-width:720px){
    .site-location-picker{
        min-width:145px;
        max-width:155px;
    }
    .site-location-picker>summary{
        height:40px;
        grid-template-columns:22px minmax(0,1fr) 12px;
        padding:0 8px;
        gap:5px;
    }
    .site-location-picker .marketplace-location-label{
        font-size:10.5px;
    }
    .site-location-picker .marketplace-location-menu{
        width:min(280px,calc(100vw - 24px));
    }
}


/* =========================================================
   UPDATE 40A — PROFESSIONAL PROFILE SETTINGS
   ========================================================= */
.profile-edit-card{
    padding:20px!important;
}
.profile-settings-list{
    margin-top:4px;
    border:1px solid #e6eaf0;
    border-radius:14px;
    overflow:hidden;
    background:#fff;
}
.profile-setting-row{
    display:grid!important;
    grid-template-columns:185px minmax(280px,1fr) 135px 150px;
    gap:12px;
    align-items:center;
    padding:15px 16px;
    margin:0!important;
    border-bottom:1px solid #edf0f4;
    background:#fff;
}
.profile-setting-row:last-child{
    border-bottom:0;
}
.profile-setting-label{
    min-width:0;
}
.profile-setting-label strong{
    display:block;
    color:#101828;
    font-size:12px;
    font-weight:800;
}
.profile-setting-label small{
    display:block;
    margin-top:3px;
    color:#7a8699;
    font-size:10px!important;
    line-height:1.35;
}
.profile-setting-control{
    min-width:0;
}
.profile-setting-control>input,
.profile-phone-input{
    width:100%;
    height:42px;
    border:1px solid #d7dde7;
    border-radius:10px;
    background:#fff;
    transition:border-color .15s ease,box-shadow .15s ease;
}
.profile-setting-control>input{
    padding:0 12px;
    color:#101828;
    font-size:13px;
    outline:0;
}
.profile-setting-control>input:focus,
.profile-phone-input:focus-within{
    border-color:#ff7b5c;
    box-shadow:0 0 0 3px rgba(255,74,31,.08);
}
.profile-phone-input{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    align-items:center;
    overflow:hidden;
}
.profile-phone-input>span{
    height:100%;
    display:grid;
    place-items:center;
    border-right:1px solid #e2e7ee;
    background:#f8fafc;
    color:#475467;
    font-size:11px;
    font-weight:800;
}
.profile-phone-input>input{
    width:100%;
    height:100%;
    min-width:0;
    border:0;
    outline:0;
    padding:0 12px;
    background:#fff;
    color:#101828;
    font-size:13px;
}
.profile-setting-status{
    min-width:0;
    display:flex;
    justify-content:flex-start;
}
.profile-setting-status:empty{
    min-height:1px;
}
.profile-setting-row .verify-status{
    min-height:34px!important;
    padding:0 10px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
    font-weight:800!important;
}
.profile-action-btn{
    width:100%;
    min-height:40px;
    padding:0 12px;
    border:1px solid #ff4a1f;
    border-radius:10px;
    background:#ff4a1f;
    color:#fff;
    font-size:10.5px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 4px 10px rgba(255,74,31,.14);
    transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.profile-action-btn:hover{
    background:#e9411b;
    border-color:#e9411b;
    transform:translateY(-1px);
    box-shadow:0 7px 15px rgba(255,74,31,.18);
}
.profile-action-btn:active{
    transform:translateY(0);
}
.profile-setting-row-otp{
    background:#fffaf7;
}
@media(max-width:1180px){
    .profile-setting-row{
        grid-template-columns:150px minmax(240px,1fr) 120px 135px;
        gap:9px;
        padding:13px;
    }
}
@media(max-width:900px){
    .profile-setting-row{
        grid-template-columns:1fr 130px;
        gap:9px 10px;
    }
    .profile-setting-label{
        grid-column:1 / -1;
    }
    .profile-setting-control{
        grid-column:1;
    }
    .profile-setting-status{
        grid-column:2;
        grid-row:2;
    }
    .profile-action-btn{
        grid-column:1 / -1;
        width:auto;
        justify-self:start;
        min-width:150px;
    }
}
@media(max-width:620px){
    .profile-edit-card{
        padding:12px!important;
    }
    .profile-settings-list{
        border-radius:12px;
    }
    .profile-setting-row{
        grid-template-columns:1fr;
        padding:13px 11px;
        gap:8px;
    }
    .profile-setting-label,
    .profile-setting-control,
    .profile-setting-status,
    .profile-action-btn{
        grid-column:1!important;
        grid-row:auto!important;
        width:100%;
    }
    .profile-setting-status{
        justify-content:flex-start;
    }
    .profile-action-btn{
        min-height:42px;
        justify-self:stretch;
    }
}