.sofiya-header-user-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0
}

.sofiya-header-login,.sofiya-header-pricing,.sofiya-header-user__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 16px;
    background: #ffffff2b;
    border: 1px solid #ffffff1a;
    color: #fff;
    box-shadow: 0 12px 30px #0000002e;
    backdrop-filter: blur(14px) saturate(180%);
    -webkit-backdrop-filter: blur(14px) saturate(180%);
}

.sofiya-header-user {
    position: relative
}

.sofiya-header-user__button--icon {
    padding: 0
}

.sofiya-header-user__glyph,.sofiya-header-pricing__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1
}

.sofiya-header-user__glyph svg,.sofiya-header-pricing__icon svg,.sofiya-account-nav__icon svg,.sofiya-rank-pill__icon svg {
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px
}

.sofiya-account-nav__icon,.sofiya-rank-pill__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1
}

.sofiya-header-user__avatar img,.sofiya-user-menu__avatar img {
    display: block;
    border-radius: 50%;
    width: 54px;
    height: 54px;
}

.sofiya-header-user__menu {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    min-width: 280px;
    max-width: 320px;
    background: var(--greenglass);
    border: 1px solid #ffffff1a;
    border-radius: 22px;
    padding: 10px;
    box-shadow: 0 24px 60px #0000006b;
    display: none;
    z-index: 90;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px)
}

.sofiya-header-user.is-open .sofiya-header-user__menu {
    display: block;
}

.sofiya-header-user__menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border-radius: 14px;
    color: #e5edf7;
    font-size: .8rem;
}

.sofiya-header-user__menu a:hover {
    background: #ffffff0f
}

.sofiya-user-menu__head {
    padding-bottom: 12px;
    margin-bottom: 8px;
    border-bottom: 1px solid #ffffff14;
    align-items: center
}

.sofiya-user-menu__meta {
    display: grid;
    gap: 2px
}

.sofiya-user-days-left {
    margin-inline-start:auto;padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid #ffffff1f;
    background: #ffffff0f;
    font-size: 12px;
    white-space: nowrap
}

.sofiya-user-menu__title {
    padding: 8px 12px 12px;
    color: #fff;
    font-weight: 800
}

.sofiya-notification-item {
    display: grid!important;
    gap: 4px;
    align-items: start!important
}

.sofiya-notification-item strong {
    font-size: 13px
}

.sofiya-notification-item small,.sofiya-notification-item time {
    color: #adc0d6
}

.sofiya-user-menu__more {
    justify-content: center;
    margin-top: 4px;
    background: #0f7cff24
}



/* Auth / account cards */
.sofiya-auth-page{
    position:relative;
    min-height:calc(100vh - 110px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:clamp(18px,4vw,46px) 16px calc(86px + env(safe-area-inset-bottom));
    overflow:hidden;
}
.sofiya-auth-bg{
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 50% 12%, rgba(10,219,157,.10), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.015), transparent 52%);
}
.sofiya-auth-shell{
    position:relative;
    width:min(100%, 390px);
    margin:0 auto;
}
.sofiya-auth-card,
.sofiya-account-card,
.sofiya-account-nav{
    background:rgba(22,25,24,.76);
    border:1px solid rgba(255,255,255,.10);
    border-radius:26px;
    box-shadow:0 24px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter:blur(20px) saturate(140%);
    -webkit-backdrop-filter:blur(20px) saturate(140%);
}
.sofiya-auth-card{
    width:100%;
    padding:20px;
}
.sofiya-auth-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:0 0 18px;
}
.sofiya-auth-tabs button,
.sofiya-form-actions button,
.sofiya-auth-submit,
.sofiya-account-card button{
    appearance:none;
    border:0;
    border-radius:14px;
    padding:13px 16px;
    font-weight:800;
    background:var(--green);
    color:#03130e;
    cursor:pointer;
    transition:transform .16s ease, opacity .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
    font-size:.86rem;
}
.sofiya-auth-tabs button{
    background:rgba(255,255,255,.055);
    color:rgba(255,255,255,.74);
    border:1px solid rgba(255,255,255,.10);
}
.sofiya-auth-tabs button:hover{color:#fff;background:rgba(255,255,255,.08);}
.sofiya-auth-tabs button.is-active{
    background:linear-gradient(135deg,#0add9d,#13e1bd);
    color:#03130e;
    border-color:transparent;
    box-shadow:0 10px 26px rgba(10,219,157,.20);
}
.sofiya-auth-form{display:none;}
.sofiya-auth-form.is-active{display:grid;gap:12px;}
.sofiya-float-field{
    position:relative;
    display:block;
}
.sofiya-float-field input,
.sofiya-auth-form select,
.sofiya-account-card input,
.sofiya-account-card select,
.sofiya-account-card textarea{
    width:100%;
    min-height:52px;
    margin:0;
    background:rgba(4,7,7,.46);
    border:1px solid rgba(255,255,255,.10);
    border-radius:15px;
    padding:21px 14px 8px;
    color:#fff;
    outline:none;
    font-size:.96rem;
    line-height:1.2;
    transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.sofiya-account-card input,
.sofiya-account-card select,
.sofiya-account-card textarea{padding:14px;}
.sofiya-float-field label{
    position:absolute;
    top:50%;
    inset-inline-start:14px;
    transform:translateY(-50%);
    color:rgba(255,255,255,.48);
    font-size:.86rem;
    font-weight:700;
    line-height:1;
    pointer-events:none;
    transition:top .14s ease, transform .14s ease, font-size .14s ease, color .14s ease;
}
.sofiya-float-field input:focus,
.sofiya-float-field input:not(:placeholder-shown),
.sofiya-float-field input:-webkit-autofill{
    background:rgba(7,11,11,.66);
}
.sofiya-float-field input:focus+label,
.sofiya-float-field input:not(:placeholder-shown)+label,
.sofiya-float-field input:-webkit-autofill+label{
    top:10px;
    transform:none;
    font-size:.68rem;
    color:rgba(255,255,255,.58);
}
.sofiya-float-field input:focus,
.sofiya-account-card input:focus,
.sofiya-account-card select:focus,
.sofiya-account-card textarea:focus{
    outline:0;
    border-color:rgba(10,219,157,.48);
    box-shadow:0 0 0 4px rgba(10,219,157,.08);
}
.sofiya-field-help,
.sofiya-password-strength small,
.sofiya-password-keyboard-warning{
    display:block;
    margin:-5px 2px 2px;
    color:rgba(255,255,255,.48);
    font-size:.70rem;
    line-height:1.75;
    font-weight:500;
}
.sofiya-password-keyboard-warning{
    display:none;
    margin-top:-6px;
    color:#ffc46b;
}
.sofiya-password-keyboard-warning.is-visible{display:block;}
.sofiya-password-strength{margin:-3px 2px 2px;}
.sofiya-password-strength__bar{
    display:block;
    height:4px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    margin:0 0 6px;
}
.sofiya-password-strength__bar i{
    display:block;
    height:100%;
    width:8%;
    border-radius:inherit;
    background:linear-gradient(90deg,#ef4444,#f59e0b);
    transition:width .18s ease, background .18s ease;
}
.sofiya-password-strength[data-score="3"] .sofiya-password-strength__bar i,
.sofiya-password-strength[data-score="4"] .sofiya-password-strength__bar i{background:linear-gradient(90deg,#f59e0b,#22c55e);}
.sofiya-password-strength.is-strong .sofiya-password-strength__bar i{background:linear-gradient(90deg,#22c55e,#14b8a6);}
.sofiya-auth-captcha{
    display:grid;
    grid-template-columns:44px minmax(72px,98px) minmax(0,1fr);
    gap:8px;
    align-items:center;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.09);
    border-radius:16px;
    padding:8px;
}
.sofiya-auth-captcha b{
    color:#fff;
    font-size:.94rem;
    font-weight:900;
    text-align:end;
    direction:rtl;
    unicode-bidi:plaintext;
    white-space:nowrap;
}
.sofiya-captcha-input input{
    min-height:44px;
    padding:18px 12px 6px;
    text-align:center;
    direction:ltr;
}
.sofiya-captcha-input label{inset-inline-start:50%;transform:translate(50%,-50%);}
.sofiya-captcha-input input:focus+label,
.sofiya-captcha-input input:not(:placeholder-shown)+label{top:8px;transform:translateX(50%);}
.sofiya-captcha-refresh{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:14px;
    color:#fff;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    padding:0!important;
}
.sofiya-captcha-refresh:hover{background:rgba(10,219,157,.15)!important;}
.sofiya-referral-field{display:grid;gap:7px;}
.sofiya-referral-input{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    align-items:stretch;
}
.sofiya-referral-input button{
    border-radius:14px;
    padding:0 12px;
    min-height:52px;
    background:rgba(10,219,157,.14);
    color:#b8ffe9;
    border:1px solid rgba(10,219,157,.18);
    font-size:.76rem;
    font-weight:800;
}
.sofiya-referral-result{font-size:.72rem;color:rgba(255,255,255,.62);min-height:18px;}
.sofiya-auth-message{
    margin-top:1px;
    padding:11px 13px;
    border-radius:14px;
    background:rgba(255,255,255,.07);
    color:#d8e7f3;
    display:none;
    font-size:.78rem;
    line-height:1.8;
}
.sofiya-auth-message.is-visible{display:block;}
.sofiya-auth-message.is-error{background:rgba(255,73,73,.14);color:#ffc0c0;border:1px solid rgba(255,73,73,.16);}
.sofiya-auth-message.is-success,.sofiya-inline-notice.is-success{background:rgba(63,185,80,.14);color:#b5efc1;border:1px solid rgba(63,185,80,.16);}
.sofiya-inline-notice{padding:12px 14px;border-radius:14px;margin-bottom:16px;font-size:.8rem;line-height:1.8;}
.sofiya-inline-notice.is-error{background:rgba(255,73,73,.14);color:#ffb3b3;border:1px solid rgba(255,73,73,.16);}
.sofiya-btn-spinner{display:none;width:18px;height:18px;border-radius:999px;border:2px solid rgba(3,19,14,.28);border-top-color:#03130e;animation:sofiyaSpin .7s linear infinite;}
.is-loading>.sofiya-btn-spinner,.is-loading .sofiya-btn-spinner{display:inline-block;}
.is-loading{pointer-events:none;opacity:.88;}
.is-loading>span:first-child{opacity:.72;}
.sofiya-auth-submit,.sofiya-form-actions button,.sofiya-account-card button{display:inline-flex;align-items:center;justify-content:center;gap:7px;}
.sofiya-auth-submit{
    width:100%;
    min-height:50px;
    margin-top:2px;
    border-radius:15px;
    background:linear-gradient(135deg,#0add9d,#13e1bd);
    box-shadow:0 12px 30px rgba(10,219,157,.20);
}
.sofiya-auth-submit:hover,.sofiya-auth-tabs button.is-active:hover{transform:translateY(-1px);}
.sofiya-account-card{padding:16px;color:#eff6ff;}
@media (max-width:640px){
    .sofiya-auth-page{
        align-items:flex-start;
        padding:16px 12px calc(92px + env(safe-area-inset-bottom));
        min-height:calc(100dvh - 74px);
    }
    .sofiya-auth-shell{width:100%;}
    .sofiya-auth-card{border-radius:22px;padding:15px;}
    .sofiya-auth-tabs{margin-bottom:14px;gap:7px;}
    .sofiya-auth-form.is-active{gap:10px;}
    .sofiya-float-field input,
    .sofiya-auth-form select,
    .sofiya-account-card input,
    .sofiya-account-card select,
    .sofiya-account-card textarea{
        min-height:48px;
        font-size:16px;
        border-radius:14px;
    }
    .sofiya-auth-captcha{
        grid-template-columns:42px minmax(68px,90px) minmax(0,1fr);
        gap:7px;
        padding:7px;
    }
    .sofiya-captcha-refresh{width:42px;height:42px;}
    .sofiya-captcha-input input{min-height:42px;}
    .sofiya-auth-captcha b{font-size:.82rem;}
    .sofiya-referral-input{grid-template-columns:1fr;}
    .sofiya-referral-input button{min-height:42px;}
}
.sofiya-ios-editor-bar__btn{color: #fff !important;padding: 0 !important;border-radius: 999px !important;}
.sofiya-account-layout {
    display: grid;
    grid-template-columns: 320px minmax(0,1fr);
    gap: 22px
}

.sofiya-account-sidebar {
    display: grid;
    gap: 18px;
    align-self: start;
    position: sticky;
    top: 98px
}

.sofiya-account-card {
    padding: 16px;
    color: #eff6ff
}

.sofiya-public-profile-page .sofiya-account-card h1 {
    text-align: center;
    margin: 10px;
    font-size: .9rem;
}

.sofiya-public-profile-page .sofiya-account-card p {
    text-align: center;
    font-size: .7rem;
    color: #c3fbe1;
}

.sofiya-auth-submit {
    width: 100%;
}

.sofiya-account-card h2 {
    font-size: 1.1rem;
}

.sofiya-account-card--full {
    text-align: right;
}

.sofiya-account-card--hero {
    text-align: center
}

.sofiya-account-card--hero h1 {
    font-size: 1.2rem;
    margin: 6px 0;
}

.sofiya-account-avatar {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.sofiya-account-avatar img {
    border-radius: 50%;
    border: 4px solid var(--green);
    width: 92px;
    height: 92px;
}

.sofiya-account-meta-line {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    color: #00d894;
}

.sofiya-account-meta-line--ltr {
    direction: ltr;
    font-size: 0.8rem;
}

.sofiya-rank-pill {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    font-size: .8rem;
    color: #fbd435;
}

.sofiya-rank-pill__icon {
    color: inherit
}

.sofiya-subscription-box {
    margin-top: 12px;
}

.sofiya-subscription-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 0.9rem;
}

.sofiya-live-countdown {
    margin-top: 12px;
    color: #8fd3ff;
    font-weight: 700
}

.sofiya-countdown-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px
}

.sofiya-countdown-box {
    background: var(--surface-3);
    border: 1px solid var(--green);
    border-radius: 10px;
    padding: 12px 8px;
    text-align: center
}

.sofiya-countdown-box strong {
    display: block;
    font-size: 22px;
    color: #fff;
    line-height: 1.1
}

.sofiya-countdown-box span {
    display: block;
    font-size: 12px;
    color: var(--green);
    margin-top: 6px
}

.sofiya-account-nav {
    padding: 10px;
    display: grid;
    gap: 6px
}

.sofiya-account-nav a {
    padding: 12px 14px;
    border-radius: 10px;
    color: #dfe8f2;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.8rem;
}

.sofiya-account-nav a.is-active {
    background: #00da951c;
    color: #fff
}

.sofiya-account-nav__icon {
    color: inherit
}

.sofiya-account-content {
    display: flex;
    gap: 18px;
    flex-direction: column
}

.sofiya-account-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px
}

.sofiya-stat-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 12px
}

.sofiya-stat-list li {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #ffffff0f;
    font-size: 0.8rem;
    color: ddd;
}

.sofiya-inline-action {
    padding: 6px 10px!important;
    border-radius: 999px!important;
    font-size: 12px!important;
}

.sofiya-form-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px 18px
}

.sofiya-form-grid--radios {
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin: 16px 0;
}

.sofiya-radio-group {
    display: flex;
    gap: 12px;
    border-radius: 18px;
    align-items: center;
    justify-content: space-between;
}

.sofiya-radio-group>label {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px
}

.sofiya-field-with-action {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 10px;
    align-items: center
}



.sofiya-avatar-choice {
    position: relative;
    border: 1px solid #ffffff0f;
    background: #1a2b24;
    padding: 4px;
    cursor: pointer;
    transition: .2s border-color,.2s box-shadow;
    border-radius: 999px;
}

.sofiya-avatar-choice img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 999px;
}



.sofiya-avatar-choice.is-active {
    border-color: var(--green);
    box-shadow: 0 0 0 2px #0f7cff2e;
    border-width: 1px;
}

.sofiya-avatar-choice:has(input:checked) {
    border-color: var(--green);
    box-shadow: 0 0 0 2px #0f7cff2e;
    border-width: 3px;
}

.sofiya-form-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 12px;
}

.sofiya-form-actions .is-secondary,.sofiya-open-public-profile {
    background: #ffffff14;
    color: #fff;
    padding: 13px 16px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center
}

.sofiya-mini-item {
    padding: 6px 12px;
    border: 1px solid #ffffff0f;
    border-radius: 8px;
    font-size: 0.86rem;
}

.sofiya-mini-item strong,.sofiya-mini-item a {
    color: #fff
}

.sofiya-mini-item p {
    padding: 0;
    margin: 8px 0;
    font-size: 0.8rem;
    color: #ddd;
}

.sofiya-public-url-box input {
    direction: ltr;
    background: #06101f
}

.sofiya-public-profile-card {
    text-align: center
}

.sofiya-public-profile-card h1 {
    margin: 10px;
}

.sofiya-special-link-box {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    max-height: 80px;
    font-size: 0.8rem;
}

.sofiya-special-link-box a {
    direction: ltr;
    color: var(--green);
    word-break: break-all
}

.sofiya-pagination {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 14px
}

.sofiya-pagination button {
    min-width: 40px;
    padding: 10px 12px!important;
    border-radius: 12px!important;
    background: #ffffff0f!important
}

.sofiya-pagination button.is-active {
    background: #0f7cff!important
}

.sofiya-favorites-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(140px,1fr));
    gap: 14px
}

.sofiya-favorite-card {
    display: grid;
    gap: 8px;
    color: #fff;
    padding: 12px;
    border-radius: 18px;
    background: #ffffff0a;
    border: 1px solid #ffffff14
}

.sofiya-favorite-card__poster img {
    width: 100%;
    height: auto;
    aspect-ratio: 2/3;
    object-fit: cover;
    border-radius: 14px
}

.sofiya-favorite-card small {
    color: #9fb7cf
}

@keyframes sofiyaSpin {
    to {
        transform: rotate(360deg)
    }
}

@media (max-width: 1100px) {
    .sofiya-account-layout {
        grid-template-columns:1fr
    }

    .sofiya-account-sidebar {
        position: static
    }

    .sofiya-header-user__menu {
        left: 12px;
        right: auto;
    }

    .sofiya-auth-brand h1 {
        font-size: 32px
    }
}

@media (max-width: 991px) {
    .sofiya-auth-shell,.sofiya-account-grid,.sofiya-form-grid,.sofiya-form-grid--radios {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .sofiya-account-sidebar {
        position: static
    }

    .sofiya-header-user__menu {
        right: auto;
        left: 12px;
    }

    .sofiya-auth-captcha {
        grid-template-columns: 1fr auto;
    }

    .sofiya-countdown-grid {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

.sofiya-favorite-btn {
    appearance: none;
    border: 1px solid var(--green);
    background: var(--greenglass);
    color: var(--green);
    border-radius: 14px;
    padding: 12px 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transform: scale(0.8);
    transform-origin: right;
}

.sofiya-favorite-btn.is-active {
    background: var(--greenglass);
    border-color: var(--green);
    color: var(--green);
}

.sofiya-header-user-actions--guest .sofiya-header-login,.sofiya-header-user-actions--guest .sofiya-header-pricing {
    cursor: pointer
}

.sofiya-lists-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.sofiya-lists-toolbar p {
    margin: 6px 0 0;
    color: #b8b8b8;
    font-size: 0.8rem;
}

.sofiya-create-list-btn {
    padding: 14px 20px;
    border-radius: 18px;
    background: linear-gradient(135deg,#ffffff2e,#ffffff14);
    border: 1px solid #ffffff29;
    color: #fff;
    box-shadow: 0 18px 40px #0003
}

.sofiya-lists-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
    gap: 18px
}

.sofiya-lists-empty {
    padding: 32px;
    border-radius: 24px;
    background: #ffffff0a;
    border: 1px dashed #ffffff24;
    text-align: center;
    color: #bed0e5
}

.sofiya-list-card {
    display: flex;
    gap: 8px;
    padding: 12px;
    border-radius: 10px;
    background: linear-gradient(180deg,#ffffff14,#ffffff0a);
    border: 1px solid #ffffff1a;
    flex-direction: column;
}

.sofiya-list-card__covers {
    align-self: start;
    display: grid;
    grid-gap: 8px;
    grid-template-columns: repeat(2,minmax(0,1fr));
}

.sofiya-list-card__cover {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff36;
}

.sofiya-list-card__cover img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block
}

.sofiya-list-card__cover--empty {
    border: 1px dashed #ffffff24
}

.sofiya-list-card__body {
    display: grid;
    gap: 10px
}

.sofiya-list-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.sofiya-list-card__head h3 {
    margin: 0;
    font-size: 0.7rem;
    text-align: right;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sofiya-list-card__body p {
    margin: 0;
    color: #aec0d4;
    line-height: 1.8;
    min-height: 54px
}

.sofiya-list-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    color: #ddd;
    font-size: 0.67rem;
}

.sofiya-list-card__actions {
    gap: 8px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.sofiya-list-card__actions button,.sofiya-list-card__footer a,.sofiya-modal__actions button {
    padding: 8px 4px;
    border-radius: 6px;
    border: 1px solid #ffffff1f;
    color: #cbcbcb;
    font-size: 0.7rem;
    font-weight: 400;
    background: #ffffff0f;
}

.sofiya-modal__actions button {
    padding: 12px 18px;
    background: var(--green);
    color: var(--bg-2);
    font-size: .8rem;
    font-weight: 600;
    border: 0;
    border-radius: 8px;
}

.sofiya-modal__actions button.is-secondary {
    background: #ffffff0f;
    border: 1px solid #ffffff1f;
    color: #cbcbcb;
}

.sofiya-list-card__actions .is-danger,.sofiya-list-search-item button.is-danger {
    background: #dc3b3b52;
    border: 0;
    border-radius: 8px;
    padding: 6px 12px;
    color: #ffdede;
    font-size: 0.7rem;
}

.sofiya-list-card__actions .is-danger:hover,.sofiya-list-search-item button.is-danger:hover {
    background: #f04545;
}

.sofiya-list-card__footer a {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    border-color: var(--green);
    color: var(--green);
    background: transparent;
}

.sofiya-list-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    border: 1px solid #ffffff1f
}

.sofiya-list-badge.is-public {
    background: #20be7624
}

.sofiya-list-badge.is-private {
    background: #ffb23424
}

.sofiya-modal {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: none;
    padding: 24px;
    align-items: center;
    justify-content: center;
    background: #060a129e;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px)
}

.sofiya-modal.is-open {
    display: flex
}

.sofiya-modal__dialog {
    width: min(100%,640px);
    max-height: min(88vh,900px);
    overflow: auto;
    padding: 20px;
    border-radius: 14px;
    background: linear-gradient(180deg,#0d221bf5,#091b1ceb);
    border: 1px solid #ffffff1a;
    box-shadow: 0 40px 90px #00000073;
    position: relative
}

.sofiya-modal__dialog--large {
    width: min(100%,920px)
}

.sofiya-modal__close {
    position: absolute;
    left: 18px;
    top: 18px;
    width: 44px;
    height: 44px;
    border-radius: 16px;
    border: 1px solid #ffffff1f;
    background: #ffffff0f;
    color: #fff;
    font-size: 28px;
    line-height: 1
}

.sofiya-modal__head h3 {
    margin: 0 0 10px;
    font-size: 0.86rem;
    font-weight: 600;
}

.sofiya-modal__head p {
    margin: 0;
    color: #c5c5c5;
    font-size: 0.7rem;
    font-weight: 400;
}

.sofiya-modal__form {
    display: grid;
    gap: 16px;
    margin-top: 22px;
    font-size: 0.8rem;
}

.sofiya-modal__form input[type="text"],.sofiya-modal__form textarea,.sofiya-list-items-search input {
    width: 100%;
    padding: 14px 16px;
    border-radius: 10px;
    background: #ffffff0d;
    border: 1px solid #ffffff1a;
    color: #fff;
    margin-top: 10px;
}

.sofiya-modal__form textarea:focus,.sofiya-modal__form input[type="text"]:focus ,.sofiya-list-items-search input:focus {
    outline: 0;
    border-color: rgba(85, 190, 149, 0.37);
}

.sofiya-switch-field {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 10px;
    background: #ffffff0a;
    border: 1px solid #ffffff14
}

.sofiya-modal__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.sofiya-list-items-search {
    display: grid;
    gap: 18px;
    margin-top: 24px;
}

.sofiya-list-items-search__results {
    display: grid;
    gap: 12px;
    min-height: 140px
}

.sofiya-list-search-results {
    display: grid;
    gap: 12px
}

.sofiya-list-search-item {
    display: grid;
    grid-template-columns: 60px minmax(0,1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 20px;
    background: #ffffff0a;
    border: 1px solid #ffffff14
}

.sofiya-list-search-item button {
    background: var(--green);
    border: 0;
    border-radius: 8px;
    padding: 6px 12px;
    color: #000;
    font-size: 0.8rem;
    cursor: pointer;
}

.sofiya-list-search-item button:hover {
    background: var(--greenhov);
}

.sofiya-list-search-item__poster img {
    width: 60px;
    height: 90px;
    object-fit: cover;
    border-radius: 14px;
    display: block
}

.sofiya-list-search-item__body {
    display: grid;
    gap: 4px;
    font-size: 0.8rem;
}

.sofiya-list-search-item__body small {
    color: #95c2b7;
}

.sofiya-list-search-empty {
    padding: 16px;
    border-radius: 12px;
    background: #ffffff0a;
    border: 1px dashed #ffffff1f;
    color: #c9c9c9;
    text-align: center;
    font-size: 0.8rem;
}

.sofiya-toast.is-error {
    background: #881414f5;
    border-color: #ff6e6e3d
}

.sofiya-toast a {
    color: #fff;
    text-decoration: underline
}

.sofiya-public-list-hero {
    display: grid;
    gap: 24px
}

.sofiya-public-list-hero__top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap
}

.sofiya-public-list-hero__top h1 {
    font-size: 1.2rem;
}

.sofiya-public-list-hero__top p {
    font-size: .86rem;
}

.sofiya-public-list-hero__meta {
    display: grid;
    gap: 8px;
    color: #a5d0bc;
    align-self: start;
    font-size: .78rem;
}

@media (max-width: 991px) {
    .sofiya-lists-grid {
        grid-template-columns:repeat(auto-fill,minmax(200px,2fr));
    }

    .sofiya-list-card {
        grid-template-columns: 1fr
    }

    .sofiya-list-card__covers {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .sofiya-modal {
        padding: 14px
    }

    .sofiya-modal__dialog,.sofiya-modal__dialog--large {
        width: 100%;
        padding: 20px
    }

    .sofiya-list-search-item {
        grid-template-columns: 52px minmax(0,1fr)
    }

    .sofiya-list-search-item button {
        grid-column: 1/-1
    }
}

.sofiya-favorite-btn--guest {
    justify-content: center
}

.sofiya-favorite-btn__icon {
    display: inline-flex;
    align-items: center
}

.sofiya-lists-subtabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 18px
}

.sofiya-lists-subtabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 999px;
    background: #ffffff0d;
    border: 1px solid #ffffff1a;
    color: #dbe9f8
}

.sofiya-lists-subtabs a.is-active {
    background: #00db965c;
    border-color: #00da95;
    color: #fff
}

.sofiya-private-lists-intro {
    margin-bottom: 18px
}

.sofiya-private-lists-intro h3 {
    margin: 0 0 6px;
    font-size: 1rem
}

.sofiya-private-lists-intro p {
    margin: 0;
    color: #aec0d4
}

.sofiya-bookmark-grid {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 10px;
}

.sofiya-bookmark-grid--public {
    grid-template-columns: repeat(8,minmax(0,1fr));
}

.sofiya-bookmark-card {
    display: flex;
    color: #fff;
    overflow: hidden;
    min-width: 0;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 10px;
}

.sofiya-bookmark-card__poster {
    position: relative;
    display: block;
    background: #10151b
}

.sofiya-bookmark-card__poster img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 2/3;
    object-fit: cover;
    border-radius: 14px;
}

.sofiya-bookmark-card__imdb {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    background: rgba(15,15,18,.78);
    border: 1px solid rgba(255,255,255,.12);
    backdrop-filter: blur(8px);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700
}

.sofiya-bookmark-card__body {
    display: grid;
    gap: 6px;
    text-align: center;
}

.sofiya-bookmark-card__genres {
    color: #9fb7cf;
    font-size: .72rem;
    min-height: 18px
}

.sofiya-bookmark-card__en {
    font-size: .64rem;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    direction: ltr;
}

.sofiya-bookmark-card__fa {
    color: #c6c6c6;
    font-size: .6rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.sofiya-ajax-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 18px
}

.sofiya-ajax-pagination button {
    min-width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid #ffffff1a;
    background: #ffffff0d;
    color: #fff;
    padding: 0 12px
}

.sofiya-ajax-pagination button.is-active {
    background: #0f7cff2b;
    border-color: #0f7cff66
}

.sofiya-public-list-filters {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 20px 0 18px;
    align-items: center;
    justify-content: center;
}

.sofiya-public-list-filters button {
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid #ffffff1a;
    background: #ffffff0d;
    color: #dbe9f8
}

.sofiya-public-list-filters button.is-active {
    background: #00da954a;
    border-color: #00da95;
    color: #fff
}

.sofiya-public-list-items-root.is-loading,.sofiya-private-bookmarks.is-loading,[data-private-bookmarks-wrapper].is-loading {
    opacity: .6;
    pointer-events: none
}

.sofiya-lists-empty--private-message {
    margin-top: 22px
}

@media (max-width: 1100px) {
    .sofiya-bookmark-grid--public {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }

    .sofiya-bookmark-grid {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media (max-width: 780px) {
    .sofiya-bookmark-grid,.sofiya-bookmark-grid--public {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media (max-width: 480px) {
    .sofiya-bookmark-grid,.sofiya-bookmark-grid--public {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap: 12px
    }

    .sofiya-auth-shell,.sofiya-account-grid,.sofiya-form-grid,.sofiya-form-grid--radios {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

    .sofiya-public-list-filters,.sofiya-lists-subtabs {
        gap: 8px
    }

    .sofiya-public-list-filters button,.sofiya-lists-subtabs a {
        padding: 9px 13px;
        font-size: .78rem
    }
}

.captcha-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.sofiya-user-menu__icon,.sofiya-captcha-refresh__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    flex: 0 0 20px
}

.sofiya-user-menu__icon svg,.sofiya-captcha-refresh__icon svg {
    display: block;
    width: 20px;
    height: 20px
}

.sofiya-captcha-refresh {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-top: 0;
    border: 0;
    padding: 0;
}

.sofiya-header-user__menu {
    width: min(320px,calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .sofiya-header-user {
        position:static
    }

    .sofiya-header-user__menu {
        position: absolute;
        top: calc(100% + 10px);
        left: 12px;
        right: auto;
        min-width: 0;
        width: min(320px,calc(100vw - 24px));
        max-width: calc(100vw - 24px)
    }

    .sofiya-user-menu__head {
        align-items: flex-start
    }

    .sofiya-user-days-left {
        margin-inline-start:auto}

    .sofiya-lists-grid {
        grid-template-columns: repeat(auto-fill,minmax(150px,2fr));
    }
}

.sofiya-visibility-choices {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px
}

.sofiya-visibility-choice {
    display: grid;
    gap: 6px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #ffffff0a;
    border: 1px solid #ffffff18;
    cursor: pointer
}

.sofiya-visibility-choice input {
    accent-color: #55be95
}

.sofiya-visibility-choice span {
    font-weight: 700
}

.sofiya-visibility-choice small,.sofiya-field-help {
    color: #aac0d4;
    font-size: .72rem;
    line-height: 1.9
}

.sofiya-list-items-selected {
    display: grid;
    gap: 12px
}

.sofiya-list-editor-selected {
    display: grid;
    gap: 12px;
    padding: 14px;
    border-radius: 18px;
    background: #ffffff08;
    border: 1px solid #ffffff14
}

.sofiya-list-editor-selected__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #e3eef9;
    font-size: .8rem
}

.sofiya-list-editor-selected__grid {
    display: grid;
    gap: 10px
}

.sofiya-list-editor-item {
    display: grid;
    grid-template-columns: 60px minmax(0,1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 10px;
    border-radius: 16px;
    background: #ffffff08;
    border: 1px solid #ffffff12
}

.sofiya-list-editor-item__poster img {
    width: 60px;
    height: 90px;
    display: block;
    object-fit: cover;
    border-radius: 12px
}

.sofiya-list-editor-item__body {
    display: grid;
    gap: 4px;
    font-size: .8rem
}

.sofiya-list-editor-item__body strong,.sofiya-list-search-item__body strong {
    line-height: 1.8
}

.sofiya-list-editor-item__body small {
    color: #9dc2b8
}

@media (max-width: 991px) {
    .sofiya-visibility-choices {
        grid-template-columns:1fr
    }

    .sofiya-list-editor-item {
        grid-template-columns: 52px minmax(0,1fr)
    }

    .sofiya-list-editor-item button {
        grid-column: 1/-1
    }
}

/* === Sofiya 1.3.2 segmented switches === */
.sofiya-radio-group--segmented {
    display: grid;
    gap: 12px;
    align-items: stretch
}

.sofiya-radio-group__title {
    font-weight: 700;
    color: #c1c1c1;
    font-size: .82rem
}

.sofiya-segmented-control {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
}

.sofiya-segmented-control__option {
    position: relative;
    margin: 0;
    display: block;
    cursor: pointer
}

.sofiya-segmented-control__option input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.sofiya-segmented-control__face {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 18px;
    border-radius: 18px;
    color: #d6e6f6;
    background: transparent;
    border: 1px solid transparent;
    transition: background .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease;
    text-align: center
}

.sofiya-segmented-control__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: currentColor
}

.sofiya-segmented-control__icon svg {
    display: block;
    width: 20px;
    height: 20px
}

.sofiya-segmented-control__option.is-active .sofiya-segmented-control__face, .sofiya-segmented-control__option input:checked + .sofiya-segmented-control__face {
    background: linear-gradient(180deg,rgba(85,190,149,.22),rgba(85,190,149,.12));
    border-color: rgba(85,190,149,.4);
    box-shadow: 0 10px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
    color: #fff;
}

.sofiya-segmented-control__option:not(.is-active) .sofiya-segmented-control__face:hover {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.12)
}

.sofiya-segmented-control__option--stacked .sofiya-segmented-control__face {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 100px;
    text-align: right
}

.sofiya-segmented-control__option--stacked .sofiya-segmented-control__icon {
    margin-bottom: 2px
}

.sofiya-segmented-control__option--stacked small {
    color: #aad4c6;
    font-size: .6rem;
    line-height: 1.9
}

.sofiya-segmented-control__option.is-active small, .sofiya-segmented-control__option input:checked + .sofiya-segmented-control__face small {
    color: #e7fff4
}

.sofiya-visibility-choices--segmented {
    display: block
}

.sofiya-avatar-choice {
    overflow: hidden;
}

.sofiya-avatar-choice img {
    display: block
}

@media (max-width: 991px) {
    .sofiya-segmented-control {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .sofiya-segmented-control__option--stacked .sofiya-segmented-control__face {
        min-height: auto
    }
}

.sofiya-section-head {
    display: grid;
    gap: 6px;
    margin-bottom: 18px
}

.sofiya-section-head h2,.sofiya-section-head .section-title {
    margin: 0
}

.sofiya-section-head p {
    margin: 0;
    color: #a9d3cb;
    line-height: 1.8;
    font-size: .7rem;
}

.sofiya-section-head--between {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap
}

.sofiya-public-profile-lists-card__count {
    padding: 10px 14px;
    border-radius: 999px;
    background: #ffffff12;
    border: 1px solid #ffffff1d;
    color: #e8f1ff;
    font-size: .85rem
}

.sofiya-public-list-grid {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 16px
}

.sofiya-public-list-grid--compact {
    grid-template-columns: repeat(6,minmax(0,1fr));
}

.sofiya-public-list-grid-card {
    display: grid;
    gap: 14px;
    padding: 14px;
    border-radius: 18px;
    background: linear-gradient(180deg,#ffffff12,#ffffff08);
    border: 1px solid #ffffff1a;
    overflow: hidden
}

.sofiya-public-list-grid-card .sofiya-list-card__covers {
    width: 100%;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px
}

.sofiya-public-list-grid-card .sofiya-list-card__cover {
    aspect-ratio: 1/1;
    border-radius: 12px
}

.sofiya-public-list-grid-card .sofiya-list-card__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sofiya-public-list-grid-card__body {
    display: grid;
    gap: 10px
}

.sofiya-public-list-grid-card__body h3 {
    margin: 0;
    font-size: .95rem;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.sofiya-public-list-grid-card__meta {
    display: grid;
    gap: 6px;
    color: #b6c7da;
    font-size: .7rem;
    margin-bottom: 10px;
}

.sofiya-public-list-grid-card__meta span:nth-of-type(3) {
    font-size: 0.6rem;
}

.sofiya-public-list-grid-card__meta a {
    color: #8ec5ff
}

.sofiya-public-list-grid-card__footer a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid var(--green);
    color: var(--green);
    background: transparent;
    font-size: .8rem;
}

.sofiya-number-pagination {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 22px
}

.sofiya-number-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border-radius: 12px;
    border: 1px solid #ffffff1a;
    background: #ffffff0d;
    color: #dce8f7
}

.sofiya-number-pagination .page-numbers.current {
    background: #0f7cff26;
    border-color: #0f7cff66;
    color: #fff
}

.sofiya-single-related-lists {
    margin-top: 24px;
    padding: 0;
    border: 0;
    background: 0 0;
    box-shadow: unset;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.sofiya-single-related-lists:before {
display: none;
}

@media (max-width: 1100px) {
    .sofiya-public-list-grid,.sofiya-public-list-grid--compact {
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media (max-width: 640px) {
    .sofiya-public-list-grid,.sofiya-public-list-grid--compact {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .sofiya-section-head--between {
        display: grid
    }
}

.sofiya-header-user__button--icon {
    position: relative
}

.sofiya-header-user__badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #ff453a;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 10px;
    font-weight: 700;
    padding: 0 5px;
    line-height: 1
}

.sofiya-notification-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: block
}

.sofiya-notification-modal[hidden],.sofiya-notification-modal__loading[hidden],.sofiya-notification-archive__loading[hidden] {
    display: none!important
}

.sofiya-notification-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(3,6,14,.55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    transition: opacity .22s ease
}

.sofiya-notification-modal__sheet {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 110px;
    transform: translate(-50%,-112%);
    width: min(100%,480px);
    max-width: calc(100vw - 24px);
    background: var(--bgdark);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 0 0 34px 34px;
    box-shadow: 0 24px 80px rgba(0,0,0,.42);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    opacity: .92;
    will-change: transform,opacity;
    transition: transform .62s cubic-bezier(.22,1,.36,1),opacity .28s ease
}

.sofiya-notification-modal.is-open .sofiya-notification-modal__backdrop {
    opacity: 1
}

.sofiya-notification-modal.is-open .sofiya-notification-modal__sheet {
    opacity: 1;
    transform: translate(-50%,0)
}

.sofiya-phone-shell__topbar,.sofiya-phone-shell__subbar,.sofiya-notification-modal__bottom {
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.06));
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px)
}

.sofiya-notification-modal__bottom {
    margin-top: auto;
    position: sticky;
    bottom: 0;
    z-index: 3
}

.sofiya-notification-modal__close,.sofiya-phone-shell__back {
    border: 0;
    background: rgba(255,255,255,.08);
    color: #fff;
    border-radius: 16px;
    min-width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.sofiya-phone-shell__back {
    padding: 0 12px;
    font-size: .64rem;
}

.sofiya-notification-modal__archive {
    position: relative;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 16px;
    background: rgba(255,255,255,.08)
}

.sofiya-notification-modal__archive svg,.sofiya-notification-modal__close svg,.sofiya-phone-shell__back svg {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: block;
}

.sofiya-notification-modal__badge,.sofiya-phone-shell__badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #ff453a;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 11px;
    font-weight: 700;
    padding: 0 6px
}

.sofiya-phone-shell__badge {
    position: static;
    min-width: 28px;
    height: 28px;
    font-size: 12px;
    display: none;
}

.sofiya-notification-modal__handle {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 12px;
    border: 0;
    background: transparent;
    cursor: grab;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none
}

.sofiya-notification-modal__handle span {
    pointer-events: none;
    display: block;
    width: 74px;
    height: 5px;
    border-radius: 999px;
    background: rgba(255,255,255,.26)
}

.sofiya-notification-modal__body,.sofiya-phone-shell__body,.sofiya-notification-archive__list {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.sofiya-notification-modal__body::-webkit-scrollbar,.sofiya-phone-shell__body::-webkit-scrollbar,.sofiya-notification-archive__list::-webkit-scrollbar {
    display: none
}

.sofiya-notification-modal__body,.sofiya-notification-archive__list {
    padding: 16px 14px 22px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.sofiya-notification-modal__loading,.sofiya-notification-archive__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    color: #d8e0f7
}

.sofiya-notification-modal__loading svg,.sofiya-notification-archive__loading svg {
    width: 24px;
    height: 24px
}

.sofiya-notification-modal__loading {
    padding: 14px 0 4px
}

.sofiya-ios-notification-card {
    display: block;
    width: 100%;
    text-align: right;
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.08));
    backdrop-filter: blur(24px) saturate(160%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
    border-radius: 24px;
    padding: 14px 16px;
    color: #fff;
    box-shadow: 0 18px 40px rgba(0,0,0,.18)
}

button.sofiya-ios-notification-card {
    cursor: pointer
}

.sofiya-ios-notification-card__top {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #a7a7a7;
    font-size: .64rem;
    direction: ltr;
    position: absolute;
    bottom: 8px;
    left: 13px;
}

.sofiya-ios-notification-card__body {
    display: flex;
    gap: 12px;
    align-items: flex-start
}

.sofiya-ios-notification-card__thumb {
    width: 68px;
    height: 68px;
    border-radius: 16px;
    overflow: hidden;
    flex: 0 0 68px;
    background: rgba(255,255,255,.08);
    display: grid;
    place-items: center
}

.sofiya-ios-notification-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.sofiya-ios-notification-card__thumb-fallback svg {
    width: 24px;
    height: 24px
}

.sofiya-ios-notification-card__meta {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sofiya-ios-notification-card__meta--text {
    padding-top: 2px
}

.sofiya-ios-notification-card__title {
    font-size: .8rem;
    font-weight: 700;
    color: #fff
}

.sofiya-ios-notification-card__excerpt {
    color: #ddfbee;
    font-size: .7rem;
    line-height: 1.9
}

.sofiya-ios-notification-card__mini {
    color: #e8f7ec;
    font-size: .64rem;
}

.sofiya-line-clamp-1,.sofiya-line-clamp-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.sofiya-line-clamp-1 {
    -webkit-line-clamp: 1
}

.sofiya-line-clamp-4 {
    -webkit-line-clamp: 4
}

.sofiya-phone-shell {
    width: min(100%,520px);
    margin: 55px auto 28px;
    background: var(--bgdark);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 38px;
    box-shadow: 0 32px 90px rgba(0,0,0,.35);
    position: relative;
    overflow: hidden;
}

.sofiya-phone-shell--notifications {
    min-height: 70vh
}

.sofiya-notifications-page {
    padding-top: 20px;
    padding-bottom: 40px;
}

.sofiya-phone-shell__topbar.is-sticky,.sofiya-phone-shell__subbar.is-sticky {
    position: sticky;
    top: 0;
    z-index: 3
}

.sofiya-phone-shell__body {
    position: relative;
    min-height: 60vh;
    padding: 0 18px 20px;
}

.sofiya-phone-shell__body--archive {
    padding-top: 12px;
    overflow: visible;
}

.sofiya-notification-archive__list {
    max-height: calc(70vh - 56px)
}

.sofiya-notification-archive__badge-wrap {
    display: flex;
    justify-content: center;
    padding-top: 6px;
    position: absolute;
    top: 14px;
    right: 14px;
}

.sofiya-notification-detail-card,.sofiya-notification-single-card {
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.05));
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-radius: 18px;
    padding: 18px 18px 20px;
    color: #fff;
    box-shadow: 0 20px 50px rgba(0,0,0,.18)
}

.sofiya-notification-detail-card__head,.sofiya-notification-single-card__meta {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 12px;
    color: #c4d0ef;
    font-size: .6rem;
}

.sofiya-notification-detail-card__link {
    color: #9ec3ff
}

.sofiya-notification-detail-card h2,.sofiya-notification-single-card h1 {
    margin: 0 0 10px;
    font-size: 0.9rem;
    line-height: 1.9;
}

.sofiya-notification-detail-card__content,.sofiya-notification-single-card__content {
    color: #e7fffc;
    line-height: 2.15;
    font-size: .8rem;
}

.sofiya-notification-single-card__content p {
    margin: 0;
}

.sofiya-notification-empty {
    border: 1px dashed rgba(255,255,255,.16);
    border-radius: 24px;
    padding: 24px;
    text-align: center;
    color: #d8e0f7;
    background: rgba(255,255,255,.04)
}

body.sofiya-notification-modal-open {
    overflow: hidden
}

@media (max-width: 767px) {
    .sofiya-notification-modal__sheet {
        left:0;
        right: 0;
        top: 0;
        bottom: 80px;
        transform: translateY(-112%);
        width: 100%;
        max-width: none;
        border-radius: 0 0 28px 28px;
        opacity: .92
    }

    .sofiya-notification-modal.is-open .sofiya-notification-modal__sheet {
        transform: translateY(0)
    }

    .sofiya-phone-shell {
        width: 100%;
        border-radius: 30px;
        margin: 50px auto 0;
    }

    .sofiya-notification-archive__list {
        max-height: calc(100vh - 180px)
    }
}

.sofiya-phone-shell__topline,.sofiya-phone-shell__head {
    display: none!important
}

/* Dedicated tickets - polished glass UI */
.sofiya-tickets-shell {
    --ticket-accent: #24e6b3;
    --ticket-pink: #ff2f73;
    --ticket-violet: #7c3aed;
    --ticket-line: rgba(255,255,255,.095);
    --ticket-muted: rgba(230,246,242,.66);
    position: relative;
    background: var(--bgdark);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 30px;
    padding: 24px;
    overflow: hidden
}

.sofiya-tickets-shell>* {
    position: relative;
    z-index: 1
}

.sofiya-tickets-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px
}

.sofiya-tickets-topbar h2,.sofiya-ticket-view-title h2 {
    margin: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.sofiya-tickets-topbar p {
    margin: 8px 0 0;
    color: var(--ticket-muted);
    font-weight: 400;
    font-size: 0.7rem;
}

.sofiya-ticket-new-btn,.sofiya-ticket-view-btn,.sofiya-ticket-compose-form button[type=submit] {
    border: 0;
    border-radius: 16px;
    background: var(--green);
    color: #000;
    padding: 10px 20px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 14px 34px rgba(47, 255, 226, 0.24);
    transition: transform .18s ease,filter .18s ease,box-shadow .18s ease;
    font-size: 0.8rem;
}

.sofiya-ticket-new-btn:hover,.sofiya-ticket-view-btn:hover,.sofiya-ticket-compose-form button[type=submit]:hover {
    transform: translateY(-2px);
    filter: saturate(1.08);
    box-shadow: 0 18px 42px rgba(47, 255, 226, 0.32);
}

.sofiya-ticket-back {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    background: rgb(15, 54, 40);
    color: #fff;
    padding: 10px 20px;
    font-weight: 400;
    cursor: pointer;
    font-size: 0.7rem;
}

.sofiya-ticket-filters {
    display: grid;
    grid-template-columns: minmax(0,1fr) 190px;
    gap: 12px;
    margin-bottom: 16px
}

.sofiya-ticket-filters input,.sofiya-ticket-filters select,.sofiya-ticket-compose-form input,.sofiya-ticket-compose-form textarea,.sofiya-ticket-reply-form textarea {
    width: 100%;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 18px;
    background: rgba(255,255,255,.065);
    color: #fff;
    padding: 12px 16px;
    outline: 0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
    transition: border-color .18s ease,background .18s ease,box-shadow .18s ease;
    font-size: 0.7rem;
}

.sofiya-ticket-filters input::placeholder,.sofiya-ticket-compose-form textarea::placeholder,.sofiya-ticket-reply-form textarea::placeholder {
    color: rgba(255,255,255,.48)
}

.sofiya-ticket-filters input:focus,.sofiya-ticket-filters select:focus,.sofiya-ticket-compose-form input:focus,.sofiya-ticket-compose-form textarea:focus,.sofiya-ticket-reply-form textarea:focus {
    border-color: rgba(36,230,179,.48);
    background: rgba(255,255,255,.09);
    box-shadow: 0 0 0 4px rgba(36,230,179,.08)
}

.sofiya-ticket-reply-form textarea {
    font-size: 1rem;
}

.sofiya-ticket-table-wrap {
    overflow: auto;
    border-radius: 22px;
    border: 1px solid var(--ticket-line);
    background: rgba(255,255,255,.035)
}

.sofiya-ticket-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 760px
}

.sofiya-ticket-table th,.sofiya-ticket-table td {
    padding: 17px 16px;
    border-bottom: 1px solid rgba(255,255,255,.075);
    color: #fff;
    text-align: right;
    vertical-align: middle;
    font-size: 0.7rem;
}

.sofiya-ticket-table th {
    font-size: 0.7rem;
    color: rgba(230,246,242,.58);
    background: rgba(255,255,255,.045);
    font-weight: 950
}

.sofiya-ticket-table tbody tr {
    cursor: pointer;
    transition: background .18s ease,transform .18s ease
}

.sofiya-ticket-table tbody tr:hover {
    background: rgba(36,230,179,.055)
}

.sofiya-ticket-table tbody tr:last-child td {
    border-bottom: 0
}

.sofiya-ticket-table td:first-child {
    font-weight: 400;
    color: rgb(0, 218, 149);
}

.sofiya-ticket-table strong {
    font-size: 0.74rem;
}

.sofiya-ticket-table small {
    display: block;
    color: rgba(255,255,255,.46);
    margin-top: 5px;
    font-size: 12px
}

.sofiya-ticket-view-btn {
    padding: 10px 15px;
    border-radius: 14px;
    font-size: 13px
}

.sofiya-ticket-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 400;
    background: rgba(255,255,255,.1);
    color: #fff;
    white-space: nowrap
}

.sofiya-ticket-status:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 12px currentColor
}

.sofiya-ticket-status--waiting_admin {
    background: rgba(251,191,36,.14);
    color: #fbbf24
}

.sofiya-ticket-status--answered {
    background: rgba(34,197,94,.14);
    color: #22c55e
}

.sofiya-ticket-status--processing {
    background: rgba(59,130,246,.14);
    color: #60a5fa
}

.sofiya-ticket-status--closed {
    background: rgba(148,163,184,.16);
    color: #cbd5e1
}

.sofiya-ticket-pagination {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 20px
}

.sofiya-ticket-pagination button {
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 13px;
    background: rgba(255,255,255,.07);
    color: #fff;
    padding: 9px 13px;
    cursor: pointer
}

.sofiya-ticket-pagination button.is-active {
    background: linear-gradient(135deg,var(--ticket-pink),var(--ticket-violet));
    border-color: transparent
}

.sofiya-ticket-loader {
    position: absolute;
    inset: 0;
    display: none;
    place-items: center;
    background: rgba(4,10,15,.58);
    z-index: 5;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px)
}

.sofiya-tickets-shell.is-loading .sofiya-ticket-loader {
    display: grid
}

.sofiya-ticket-loader span {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,.18);
    border-top-color: var(--ticket-accent);
    animation: sofiyaTicketSpin .8s linear infinite
}

@keyframes sofiyaTicketSpin {
    to {
        transform: rotate(360deg)
    }
}

.sofiya-ticket-departments {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 16px
}

.sofiya-ticket-departments input {
    display: none
}

.sofiya-ticket-departments span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 18px;
    background: rgba(255,255,255,.055);
    padding: 13px 10px;
    color: #fff;
    font-weight: 950;
    cursor: pointer;
    transition: .18s ease
}

.sofiya-ticket-departments span:hover {
    background: rgba(255,255,255,.085)
}

.sofiya-ticket-departments input:checked+span {
    border-color: rgba(36,230,179,.55);
    background: linear-gradient(135deg,rgba(36,230,179,.18),rgba(255,255,255,.06));
    box-shadow: 0 0 0 4px rgba(36,230,179,.055)
}

.sofiya-ticket-compose-form {
    display: grid;
    gap: 15px
}

.sofiya-ticket-compose-form label {
    display: grid;
    gap: 9px;
    color: rgba(255,255,255,.76);
    font-weight: 900
}

.sofiya-ticket-compose-form button[type=submit] {
    justify-self: start;
    min-width: 150px
}

.sofiya-ticket-view-head {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,.09);
    padding-bottom: 18px;
    margin-bottom: 18px
}

.sofiya-ticket-view-title {
    flex: 1
}

.sofiya-ticket-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: rgba(255,255,255,.62);
    font-size: 13px;
    margin-top: 9px
}

.sofiya-ticket-meta>span:not(.sofiya-ticket-status) {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.06);
    font-size: 0.7rem;
}

.sofiya-ticket-chat {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 430px;
    padding: 10px 0 18px
}

.sofiya-ticket-bubble {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    max-width: min(76%,760px)
}

.sofiya-ticket-bubble.is-user {
    margin-inline-start:auto;flex-direction: row-reverse
}

.sofiya-ticket-bubble.is-admin {
    margin-inline-end:auto}

.sofiya-ticket-avatar {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: #fff;
    flex: 0 0 auto;
    overflow: hidden;
    border: 0;
}

.sofiya-ticket-bubble.is-user .sofiya-ticket-avatar {
    background: rgb(17, 34, 27);
}

.sofiya-ticket-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sofiya-ticket-message {
    position: relative;
    background: linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.055));
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 22px;
    padding: 15px 17px;
    color: #fff;
    box-shadow: 0 16px 42px rgba(0,0,0,.18);
    min-width: 160px
}

.sofiya-ticket-bubble.is-user .sofiya-ticket-message {
    background: linear-gradient(135deg,rgba(255,47,115,.24),rgba(124,58,237,.19));
    border-color: rgba(255,255,255,.12)
}

.sofiya-ticket-message strong {
    display: block;
    margin-bottom: 8px;
    font-size: 0.7rem;
    color: rgb(0, 218, 149);
}

.sofiya-ticket-message p {
    margin: 0 0 10px;
    line-height: 2;
    white-space: pre-wrap
}

.sofiya-ticket-message time {
    font-size: 0.5rem;
    color: rgba(255,255,255,.46)
}

.sofiya-ticket-reply-form {
    display: grid;
    grid-template-columns: 1fr 56px;
    gap: 12px;
    align-items: end;
    border-top: 1px solid rgba(255,255,255,.09);
    padding-top: 20px;
}

.sofiya-ticket-reply-form textarea {
    min-height: 64px;
    resize: vertical
}

.sofiya-ticket-reply-form button {
    width: 64px;
    height: 64px;
    border: 0;
    border-radius: 18px;
    background: var(--green);
    color: #000;
    font-size: 22px;
    cursor: pointer;
    transform: rotate(180deg);
    box-shadow: 0 14px 34px rgba(47, 255, 235, 0.24);
}

.sofiya-ticket-empty,.sofiya-ticket-closed-note {
    text-align: center;
    padding: 26px;
    color: rgba(255,255,255,.68)
}

@media(max-width: 900px) {
    .sofiya-ticket-filters {
        grid-template-columns:1fr
    }

    .sofiya-ticket-chat {
        min-height: 340px
    }

    .sofiya-ticket-bubble {
        max-width: 88%
    }
}

@media(max-width: 720px) {
    .sofiya-tickets-shell {
        padding:16px;
        border-radius: 24px
    }

    .sofiya-tickets-topbar,.sofiya-ticket-view-head {
        align-items: stretch;
        flex-direction: column
    }

    .sofiya-ticket-departments {
        grid-template-columns: 1fr
    }

    .sofiya-ticket-bubble {
        max-width: 96%
    }

    .sofiya-ticket-table {
        min-width: 680px
    }

    .sofiya-ticket-reply-form {
        grid-template-columns: 1fr
    }

    .sofiya-ticket-reply-form button {
        width: 100%;
        transform: none
    }

    .sofiya-ticket-meta>span:not(.sofiya-ticket-status) {
        border-radius: 14px
    }

    .sofiya-ticket-chat {
        min-height: 300px
    }
}

/* Ticket UI responsive + direction fixes v1.4.3 */
.sofiya-account-main,.sofiya-account-content,.sofiya-account-panel {
    min-width: 0
}

.sofiya-tickets-shell {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.sofiya-ticket-table-wrap {
    max-width: 100%;
    -webkit-overflow-scrolling: touch
}

.sofiya-ticket-chat {
    direction: ltr
}

.sofiya-ticket-bubble {
    direction: ltr
}

.sofiya-ticket-bubble.is-user {
    margin-left: auto!important;
    margin-right: 0!important;
    flex-direction: row-reverse!important
}

.sofiya-ticket-bubble.is-admin {
    margin-right: auto!important;
    margin-left: 0!important;
    flex-direction: row!important
}

.sofiya-ticket-message {
    direction: rtl;
    text-align: right;
    font-size: 0.7rem;
}

.sofiya-ticket-bubble.is-admin .sofiya-ticket-avatar {
    background: linear-gradient(135deg,rgba(36,230,179,.28),rgba(14,165,233,.18));
    border-color: rgba(36,230,179,.35);
    color: #24e6b3
}

.sofiya-ticket-bubble.is-admin .sofiya-ticket-avatar:has(.sofiya-ticket-support-avatar) {
    font-size: 0
}

.sofiya-ticket-support-avatar {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%
}

.sofiya-ticket-support-avatar svg {
    width: 25px;
    height: 25px;
    filter: drop-shadow(0 6px 12px rgba(36,230,179,.25))
}

.sofiya-ticket-bubble.is-admin .sofiya-ticket-message {
    background: var(--bg);
    border-color: rgba(36,230,179,.14)
}

.sofiya-ticket-bubble.is-user .sofiya-ticket-message {
    background: var(--bgdarkbox);
    border-color: rgba(255,255,255,.13)
}

@media(max-width: 1100px) {
    .sofiya-tickets-shell {
        padding:18px
    }

    .sofiya-ticket-table {
        min-width: 720px
    }

    .sofiya-ticket-filters {
        grid-template-columns: minmax(0,1fr) 170px
    }

    .sofiya-ticket-bubble {
        max-width: 84%
    }
}

@media(max-width: 782px) {
    .sofiya-tickets-topbar {
        flex-direction:column;
        align-items: stretch
    }

    .sofiya-ticket-new-btn {
        width: 100%;
        justify-content: center
    }

    .sofiya-ticket-filters {
        grid-template-columns: 1fr
    }

    .sofiya-ticket-table {
        min-width: 0
    }

    .sofiya-ticket-table thead {
        display: none
    }

    .sofiya-ticket-table,.sofiya-ticket-table tbody,.sofiya-ticket-table tr,.sofiya-ticket-table td {
        display: block;
        width: 100%
    }

    .sofiya-ticket-table tbody tr {
        position: relative;
        margin: 0 0 12px;
        padding: 14px;
        border: 1px solid rgba(255,255,255,.09);
        border-radius: 20px;
        background: rgba(255,255,255,.035)
    }

    .sofiya-ticket-table td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        border: 0!important;
        padding: 8px 4px!important;
        text-align: left
    }

    .sofiya-ticket-table td:before {
        content: attr(data-label);
        color: rgba(230,246,242,.56);
        font-size: 12px;
        font-weight: 900;
        text-align: right
    }

    .sofiya-ticket-table td:nth-child(1):before {
        content: 'شماره'
    }

    .sofiya-ticket-table td:nth-child(2):before {
        content: 'عنوان'
    }

    .sofiya-ticket-table td:nth-child(3):before {
        content: 'دپارتمان'
    }

    .sofiya-ticket-table td:nth-child(4):before {
        content: 'تاریخ'
    }

    .sofiya-ticket-table td:nth-child(5):before {
        content: 'وضعیت'
    }

    .sofiya-ticket-table td:nth-child(6):before {
        content: 'فعالیت'
    }

    .sofiya-ticket-table td:nth-child(6) {
        padding-top: 14px!important
    }

    .sofiya-ticket-view-btn {
        width: 100%
    }

    .sofiya-ticket-chat {
        min-height: 360px
    }

    .sofiya-ticket-bubble {
        max-width: 94%;
        gap: 8px
    }

    .sofiya-ticket-avatar {
        width: 40px;
        height: 40px;
        border-radius: 14px
    }

    .sofiya-ticket-message {
        border-radius: 18px;
        padding: 13px 14px
    }

    .sofiya-ticket-view-head {
        gap: 12px
    }

    .sofiya-ticket-back {
        order: -1;
        align-self: flex-start
    }

    .sofiya-ticket-meta {
        gap: 7px
    }

    .sofiya-ticket-meta>span {
        font-size: 12px
    }

    .sofiya-ticket-reply-form {
        grid-template-columns: 1fr 50px;
        align-items: end
    }

    .sofiya-ticket-reply-form button {
        width: 50px;
        height: 50px;
        transform: rotate(180deg)
    }
}

@media(max-width: 520px) {
    .sofiya-tickets-shell {
        padding:14px;
        border-radius: 22px
    }

    .sofiya-tickets-topbar h2,.sofiya-ticket-view-title h2 {
        font-size: 21px
    }

    .sofiya-ticket-chat {
        min-height: 300px
    }

    .sofiya-ticket-bubble {
        max-width: 100%
    }

    .sofiya-ticket-bubble.is-user .sofiya-ticket-avatar,.sofiya-ticket-bubble.is-admin .sofiya-ticket-avatar {
        display: none
    }

    .sofiya-ticket-reply-form {
        grid-template-columns: 1fr
    }

    .sofiya-ticket-reply-form button {
        width: 100%;
        transform: none
    }
}

.sofiya-account-lists-panel {
    position: relative
}

.sofiya-account-lists-panel.is-loading {
    opacity: .62;
    pointer-events: none
}

.sofiya-account-lists-panel.is-loading:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background: rgba(4,10,15,.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px)
}

.sofiya-lists-subtabs a {
    cursor: pointer
}

/* Admin-only header shortcuts */
.sofiya-header-user--admin .sofiya-header-user__button--admin {
    background: linear-gradient(135deg,#ffffff18,#ffffff0a);
    border-color: #ffffff26;
}

.sofiya-header-user--admin .sofiya-header-user__button--admin:hover {
    background: #ffffff1f;
}

.sofiya-header-admin-menu a {
    justify-content: flex-start;
}

.sofiya-admin-menu__count {
    margin-inline-start:auto; min-width: 24px;
    height: 24px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #ffffff17;
    border: 1px solid #ffffff1c;
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
}


.sofiya-account-app {
    max-width: 1080px;
    margin-inline:auto;display: grid;
    gap: 16px
}

.sofiya-account-page--app .sofiya-account-content {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.sofiya-account-topbar {
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: calc(var(--header-h,64px) + 8px);
    z-index: 42;
    border: 1px solid rgba(255,255,255,.14);
    backdrop-filter: blur(18px) saturate(170%);
    -webkit-backdrop-filter: blur(18px) saturate(170%);
    border-radius: 22px;
    padding: 6px 8px;
    background: var(--greenglass);
    box-shadow: 0 18px 40px rgba(0,0,0,.28);
}

.sofiya-account-topbar__btn {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 16px;
    display: inline-grid;
    place-items: center;
    background: rgba(255,255,255,.09);
    color: #fff;
    cursor: pointer
}

.sofiya-account-topbar__btn svg {
    width: 22px;
    height: 22px
}

.sofiya-account-topbar__btn--plus {
    background: var(--green);
    color: #06100b
}

.sofiya-account-profile {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: 18px;
    align-items: start;
}

.sofiya-account-profile__avatar img,.sofiya-account-drawer__user img {
    border-radius: 50%;
    display: block;
    object-fit: cover;
    border: 3px solid var(--green);
}

.sofiya-account-profile__avatar img {
    width: 86px;
    height: 86px;
}

.sofiya-account-profile__main {
    min-width: 0;
    display: grid;
    gap: 10px
}

.sofiya-account-profile__name-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
}

.sofiya-account-profile__name-row h1 {
    margin: 0;
    color: #fff;
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: -.02em
}

.sofiya-account-profile__username,.sofiya-account-profile__facts {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    color: #dbdbdb;
    font-size: .8rem;
}

.sofiya-account-profile__username>span:first-child {
    direction: ltr;
    color: #fff;
    font-weight: 400;
    font-size: .6rem;
}

.sofiya-account-privacy,.sofiya-account-profile__facts>span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.sofiya-account-privacy svg,.sofiya-account-profile__facts svg,.sofiya-account-referral svg {
    width: 18px;
    height: 18px
}

.sofiya-account-referral {
}

.sofiya-account-referral b {
    direction: ltr;
    color: #fff
}

.sofiya-account-referral button {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    color: var(--green);
    cursor: pointer;
    background: transparent;
}

.sofiya-account-referral button svg {
    width: 16px;
    height: 16px
}

.sofiya-account-profile__actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,190px));
    gap: 10px;
    margin-top: 2px
}



.sofiya-account-profile__actions a:first-child {
    background: var(--green);
    color: #06100b;
    border-color: transparent
}

.sofiya-subscription-box--mini {
    margin: 0;
}

.sofiya-subscription-box--mini .sofiya-live-countdown {
    margin-top: 8px
}

.sofiya-subscription-box--mini .sofiya-countdown-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 6px
}

.sofiya-subscription-box--mini .sofiya-countdown-box {
    padding: 8px 6px;
    border-radius: 12px;
    background: rgba(0,0,0,.16)
}

.sofiya-subscription-box--mini .sofiya-countdown-box strong {
    font-size: 16px
}

.sofiya-subscription-box--mini .sofiya-countdown-box span {
    font-size: 10px;
    margin-top: 2px
}

.sofiya-account-drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: min(380px,84vw);
    height: 100dvh;
    z-index: 1002;
    transform: translateX(110%);
    transition: transform .34s cubic-bezier(.22,.75,.25,1);
    background: rgba(9,18,28,.94);
    border-left: 1px solid rgba(255,255,255,.14);
    box-shadow: -24px 0 70px rgba(0,0,0,.44);
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    backdrop-filter: blur(22px) saturate(170%);
    -webkit-backdrop-filter: blur(22px) saturate(170%)
}

.sofiya-account-drawer-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0,0,0,.18);
    opacity: 0;
    pointer-events: none;
    transition: .28s opacity
}

.sofiya-account-drawer__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,.12)
}

.sofiya-account-drawer__user {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0
}

.sofiya-account-drawer__user img {
    width: 48px;
    height: 48px;
    border: 2px solid var(--green)
}

.sofiya-account-drawer__user strong {
    display: block;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sofiya-account-drawer__user > div > span {
    display: block;
    direction: ltr;
    color: var(--green);
    font-size: .78rem
}

.sofiya-account-drawer__close {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 14px;
    background: rgba(255,255,255,.1);
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer
}

.sofiya-account-drawer .sofiya-account-nav {
    background: transparent;
    border: 0;
    padding: 0;
    border-radius: 0;
    overflow: auto
}

.sofiya-account-drawer .sofiya-account-nav a {
    border-radius: 16px;
    padding: 13px 12px
}

.sofiya-account-drawer .sofiya-account-nav a.is-active {
    background: rgba(85,190,149,.18);
    color: #fff
}

.sofiya-account-drawer-open .sofiya-account-drawer {
    transform: translateX(0)
}

.sofiya-account-drawer-open .sofiya-account-drawer-backdrop {
    opacity: 1;
    pointer-events: auto
}

.sofiya-account-drawer-open .sofiya-account-app {
    transform: translateX(-34px);
    transition: transform .34s cubic-bezier(.22,.75,.25,1)
}

.sofiya-profile-tabs {
    border-radius: 24px;
}

.sofiya-profile-tabs__nav {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    position: sticky;
    top: calc(var(--header-h,64px) + 70px);
    z-index: 20;
}

.sofiya-profile-tabs__nav button {
    appearance: none;
    border: 0;
    background: transparent;
    color: #b9b9b9;
    display: grid;
    place-items: center;
    gap: 6px;
    padding: 12px 6px;
    cursor: pointer;
    font-size: .6rem;
    font-weight: 800
}

.sofiya-profile-tabs__nav button span {
    display: inline-flex
}

.sofiya-profile-tabs__nav svg {
    width: 22px;
    height: 22px
}

.sofiya-profile-tabs__nav button.is-active {
    color: var(--green);
    font-size: .6rem;
}

.sofiya-profile-tabs__panel {
    display: none;
    padding: 16px 0;
}

.sofiya-profile-tabs__panel.is-active {
    display: block
}

.sofiya-account-empty {
    grid-column: 1/-1;
    padding: 34px 16px;
    border: 1px dashed rgba(255,255,255,.18);
    border-radius: 20px;
    text-align: center;
    color: #b9c7d7;
    background: rgba(255,255,255,.035);
    font-size: .9rem
}

.sofiya-account-more {
    display: flex;
    justify-content: center;
    margin-top: 14px
}

.sofiya-account-more a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(85,190,149,.18);
    color: #fff;
    border: 1px solid rgba(85,190,149,.34);
    font-weight: 800;
    font-size: .84rem
}

.sofiya-lists-grid--preview,.sofiya-bookmark-grid--preview {
    grid-template-columns: repeat(auto-fill,minmax(142px,1fr))
}

.sofiya-comments-feed--preview {
    display: grid;
    gap: 10px
}

.sofiya-comment-tweet {
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    padding: 13px;
    background: rgba(255,255,255,.04)
}

.sofiya-comment-tweet__title {
    display: block;
    color: #fff;
    font-weight: 900;
    margin-bottom: 8px
}

.sofiya-comment-tweet p {
    margin: 0;
    color: #d7e1ee;
    line-height: 1.9;
    font-size: .86rem
}

.sofiya-comment-tweet time {
    display: block;
    color: #7f93aa;
    font-size: .74rem;
    margin-top: 8px
}

.sofiya-account-page--app .sofiya-account-card--full,.sofiya-account-page--app .sofiya-account-card {
    border-radius: 24px;
}

@media (min-width: 900px) {
    .sofiya-account-app {
        padding-inline:10px
    }

    .sofiya-account-profile {
        grid-template-columns: 120px minmax(0,1fr);
    }

    .sofiya-account-profile__avatar img {
        width: 108px;
        height: 108px
    }

    .sofiya-account-topbar {
        max-width: 100%;
    }

    .sofiya-account-page--app .sofiya-form-grid {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media (max-width: 899px) {
    .sofiya-account-page--app {
        padding-top:12px
    }

    .sofiya-account-app {
        gap: 12px
    }

    .sofiya-account-topbar {
        height: 50px;
        border-radius: 18px;
        top: calc(var(--header-h,58px) + 6px)
    }

    .sofiya-account-profile {
        grid-template-columns: 62px minmax(0,1fr);
        gap: 12px;
        border-radius: 22px;
        padding: 14px
    }

    .sofiya-account-profile__avatar img {
        width: 100px;
        height: 100px;
        border-width: 3px;
    }

    .sofiya-account-profile__name-row {
        gap: 7px
    }

    .sofiya-account-profile__name-row h1 {
        font-size: 1rem
    }

    .sofiya-account-profile .sofiya-rank-pill {
        padding: 5px 8px;
        font-size: .72rem
    }

    .sofiya-account-profile__username,.sofiya-account-profile__facts {
        font-size: .7rem;
        gap: 7px
    }

    .sofiya-account-profile__actions {
        grid-template-columns: 1fr 1fr
    }

    .sofiya-account-profile__actions a,.sofiya-account-profile__actions button {
        height: 32px;
        font-size: .78rem;
    }

    .sofiya-profile-tabs__nav {
        top: calc(var(--header-h,58px) + 62px)
    }

    .sofiya-profile-tabs__nav b {
        font-size: .72rem
    }

    .sofiya-profile-tabs__panel {
        padding: 10px
    }

    .sofiya-subscription-box--mini .sofiya-countdown-box {
        padding: 7px 4px
    }

    .sofiya-account-drawer-open .sofiya-account-app {
        transform: translateX(-24px)
    }

    .sofiya-account-page--app .sofiya-account-grid,.sofiya-account-page--app .sofiya-form-grid,.sofiya-account-page--app .sofiya-form-grid--radios {
        grid-template-columns: 1fr
    }

    .sofiya-lists-grid--preview,.sofiya-bookmark-grid--preview {
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 9px
    }

    .sofiya-bookmark-card__body {
        padding: 8px
    }

    .sofiya-bookmark-card__en {
        font-size: .72rem
    }

    .sofiya-bookmark-card__fa {
        font-size: .68rem
    }
}

@media (max-width: 420px) {
    .sofiya-account-profile {
        grid-template-columns:54px minmax(0,1fr);
        padding: 12px
    }

    .sofiya-account-profile__avatar img {
        width: 100px;
        height: 100px;
    }

    .sofiya-account-profile__actions {
        grid-column: 1/-1
    }

    .sofiya-account-profile__facts {
        grid-column: 1/-1;
    }

    .sofiya-lists-grid--preview,.sofiya-bookmark-grid--preview {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .sofiya-profile-tabs__nav button {
        padding: 10px 4px
    }

    .sofiya-profile-tabs__nav svg {
        width: 20px;
        height: 20px
    }
}


.sofiya-account-page--app .sofiya-account-app {
    width: min(1440px,calc(100% - 24px));
    max-width: none;
    margin-inline:auto;gap: 14px;
    transition: none!important
}

.sofiya-account-drawer-open .sofiya-account-app {
    transform: none!important
}

.sofiya-account-topbar {
    width: 100%;
    max-width: none;
    margin-inline:auto;
    display: grid;
    grid-template-columns: 44px minmax(0,1fr) 44px;
    gap: 10px;
    top: calc(var(--header-h,64px) + 8px);
    height: 56px;
    border-radius: 22px;
    padding: 6px;
    background: var(--greenglass);
}

.sofiya-account-topbar__link {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #d8e6ed;
    font-size: .86rem;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sofiya-account-topbar__link span {
    color: #c3d1da;
    opacity: .95
}

.sofiya-account-topbar__link a {
    direction: ltr;
    color: var(--green);
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 52vw
}

.sofiya-account-drawer {
    width: min(380px,86vw);
    right: max(0px,calc((100vw - 1440px)/2));
    top: calc(var(--header-h,0px) + 0px);
    height: 100dvh;
    transform: translateX(112%);
    border-radius: 0;
    border-left: 1px solid rgba(255,255,255,.12);
    background: rgba(6,17,27,.96)
}

body.admin-bar .sofiya-account-drawer {
    top: 32px;
    height: calc(100dvh - 32px)
}

.sofiya-account-drawer-backdrop {
    background: rgba(0,0,0,.46);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px)
}

.sofiya-account-drawer-open {
    overflow: hidden
}

.sofiya-account-profile {
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: 14px 18px;
    border-radius: 28px;
    max-width: none;
}

.sofiya-account-profile__avatar {
    grid-column: 1;
    grid-row: 1
}

.sofiya-account-profile__main {
    grid-column: 2;
    grid-row: 1;
    align-self: center
}

.sofiya-account-profile__facts {
    grid-column: 1/-1;
    grid-row: 2;
    justify-content: flex-start;
    align-items: center;
    gap: 1px;
    padding-inline-start:0}

.sofiya-account-profile__actions {
    grid-column: 1/-1;
    grid-row: 3;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 0
}

.sofiya-account-profile__actions a,.sofiya-account-profile__actions button {
    width: 100%;
    max-width: none;
    height: 32px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
}

.sofiya-account-profile__username {
    gap: 7px;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.sofiya-account-profile__username .sofiya-account-privacy {
    font-size: 0
}

.sofiya-account-profile__username .sofiya-account-privacy svg {
    width: 18px;
    height: 18px;
    color: #c8d5df
}

.sofiya-account-referral {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.sofiya-account-referral b {
    font-size: .8rem;
    letter-spacing: .08em
}

.sofiya-account-profile__facts>span:not(.sofiya-account-referral) {
    min-height: 36px;
    margin-left: 22px;
}

.sofiya-subscription-box--mini {
    display: grid;
    grid-template-columns: 170px minmax(0,1fr);
    align-items: center;
    gap: 10px;
    border-radius: 22px;
}

.sofiya-subscription-box--mini .sofiya-subscription-row {
    display: grid;
    gap: 5px;
    align-content: center
}

.sofiya-subscription-box--mini .sofiya-subscription-row span:first-child {
    font-size: .78rem;
    color: #b9c8d6
}

.sofiya-subscription-box--mini .sofiya-subscription-row span:last-child {
    font-size: 1rem;
    color: #fff;
    font-weight: 900
}

.sofiya-subscription-box--mini .sofiya-live-countdown {
    margin: 0
}

.sofiya-subscription-box--mini .sofiya-countdown-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px
}

.sofiya-subscription-box--mini .sofiya-countdown-box {
    border: 1px solid rgba(0,217,159,.58);
    background: rgba(0,217,159,.055);
    border-radius: 14px;
    padding: 9px 8px
}

.sofiya-subscription-box--mini .sofiya-countdown-box strong {
    font-size: 18px;
    color: #fff
}

.sofiya-subscription-box--mini .sofiya-countdown-box span {
    color: var(--green);
    font-weight: 900
}

.sofiya-profile-tabs {
    min-height: 230px
}

.sofiya-profile-tabs__nav {
    top: calc(var(--header-h,64px) + 78px)
}

.sofiya-account-page--app.is-ajax-loading .sofiya-account-app {
    opacity: .55;
    pointer-events: none
}

.sofiya-account-page--app.is-ajax-loading .sofiya-account-topbar {
    opacity: 1
}

@media (min-width: 900px) {
    .sofiya-account-page--app .sofiya-account-app {
        padding-inline:0
    }

    .sofiya-account-profile {
        grid-template-columns: 116px minmax(0,1fr)
    }

    .sofiya-account-profile__avatar img {
        width: 116px;
        height: 116px;
    }

    .sofiya-account-profile__actions {
        max-width: 640px
    }

    .sofiya-account-drawer {
        width: 370px
    }

    .sofiya-account-topbar__link a {
        max-width: 44vw
    }
}

@media (max-width: 899px) {
    .sofiya-account-page--app .sofiya-account-app {
        width:min(100% - 16px,720px);
        gap: 11px
    }

    .sofiya-account-topbar {
        height: 52px;
        grid-template-columns: 40px minmax(0,1fr) 40px;
        top: calc(var(--header-h,58px) + 6px);
        border-radius: 20px
    }

    .sofiya-account-topbar__btn {
        width: 40px;
        height: 40px;
        border-radius: 15px
    }

    .sofiya-account-topbar__link {
        font-size: .74rem;
        gap: 5px
    }

    .sofiya-account-topbar__link a {
        max-width: 42vw
    }

    .sofiya-account-drawer {
        right: 0;
        width: min(360px,86vw);
        top: 0;
        height: 100dvh
    }

    .sofiya-account-profile {
        grid-template-columns: 70px minmax(0,1fr);
        gap: 10px 12px;
        padding: 14px;
        border-radius: 22px
    }

    .sofiya-account-profile__avatar img {
        width: 100px;
        height: 100px;
    }

    .sofiya-account-profile__name-row h1 {
        font-size: 1.07rem
    }

    .sofiya-account-profile__facts {
        display: grid;
        grid-template-columns: 1fr;
        align-items: stretch
    }

    .sofiya-account-profile__facts>span,.sofiya-account-referral {
        justify-content: flex-start;
        padding: 0;
    }

    .sofiya-account-profile__actions a,.sofiya-account-profile__actions button {
        height: 32px;
    }

    .sofiya-subscription-box--mini {
        grid-template-columns: 1fr;
        gap: 9px
    }

    .sofiya-profile-tabs__nav {
        top: calc(var(--header-h,58px) + 63px)
    }
}

@media (max-width: 420px) {
    .sofiya-account-profile {
        grid-template-columns:62px minmax(0,1fr);
        padding: 12px
    }

    .sofiya-account-profile__avatar img {
        width: 100px;
        height: 100px;
    }

    .sofiya-account-topbar__link span {
        display: none
    }

    .sofiya-account-topbar__link a {
        max-width: 56vw
    }

    .sofiya-account-profile__actions {
        grid-template-columns: 1fr 1fr
    }

    .sofiya-subscription-box--mini .sofiya-countdown-grid {
        gap: 5px
    }

    .sofiya-subscription-box--mini .sofiya-countdown-box {
        padding: 7px 4px
    }
}

/* Account panel tuning v3 */
.sofiya-account-loader {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    background: rgba(2,8,12,.24);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .16s ease
}

.sofiya-account-loader span {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,.18);
    border-top-color: var(--green);
    box-shadow: 0 0 32px rgba(0,217,159,.22);
    animation: sofiyaAccountSpin .72s linear infinite
}

.sofiya-account-page--app.is-ajax-loading .sofiya-account-loader {
    opacity: 1;
    pointer-events: auto
}

@keyframes sofiyaAccountSpin {
    to {
        transform: rotate(360deg)
    }
}

.sofiya-account-page--app.is-ajax-loading .sofiya-account-app {
    opacity: 1;
    pointer-events: none
}

.sofiya-account-page--app.is-ajax-loading .sofiya-account-content {
    opacity: .45
}

.sofiya-account-drawer-open .sofiya-account-app {
    transform: none!important
}

.sofiya-account-inline-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1
}


.sofiya-account-inline-nav a svg {
    width: 18px;
    height: 18px
}

.sofiya-account-inline-nav a.is-active {
    background: rgba(0,217,159,.16);
    border-color: rgba(0,217,159,.38);
    color: #fff
}

.sofiya-account-profile__subscription {
    align-self: start;
    justify-self: start;
    min-width: 190px;
    max-width: 220px
}

.sofiya-subscription-box--mini {
    display: block!important;
    margin: 0!important
}

.sofiya-subscription-box--mini .sofiya-subscription-row {
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    gap: 8px!important;
    margin: 0!important
}

.sofiya-subscription-box--mini .sofiya-subscription-row span:first-child {
    font-size: .72rem!important;
    color: #e0fff3 !important;
}

.sofiya-subscription-box--mini .sofiya-subscription-row span:last-child {
    font-size: .85rem!important;
    color: #fff!important;
    font-weight: 900!important
}

.sofiya-subscription-box--mini .sofiya-live-countdown {
    margin-top: 7px!important
}

.sofiya-subscription-box--mini .sofiya-countdown-grid {
    display: grid!important;
    grid-template-columns: repeat(4,minmax(0,1fr))!important;
    gap: 4px!important
}

.sofiya-subscription-box--mini .sofiya-countdown-box {
    padding: 5px 3px!important;
    border-radius: 10px!important;
    background: rgba(0,217,159,.045)!important;
    border: 1px solid rgba(0,217,159,.26)!important
}

.sofiya-subscription-box--mini .sofiya-countdown-box strong {
    font-size: 12px!important;
    line-height: 1!important
}

.sofiya-subscription-box--mini .sofiya-countdown-box span {
    font-size: 8px!important;
    margin-top: 2px!important
}

@media (min-width: 900px) {
    .sofiya-account-app {
        width:min(100% - 32px,var(--container-width,1200px));
        max-width: var(--container-width,1200px)
    }

    .sofiya-account-topbar {
        width: 100%;
        max-width: none
    }

    .sofiya-account-topbar__btn--menu {
        display: none!important
    }

    .sofiya-account-topbar {
        grid-template-columns: 44px minmax(0,1fr) 44px
    }

    .sofiya-account-topbar__btn--plus {
        grid-column: 1
    }

    .sofiya-account-topbar__link {
        grid-column: 2
    }

    .sofiya-account-drawer,.sofiya-account-drawer-backdrop {
        display: none!important
    }

    .sofiya-account-profile {
        grid-template-columns: 116px minmax(0,1fr) 220px!important;
        gap: 14px 18px!important;
        align-items: start!important
    }

    .sofiya-account-profile__avatar {
        grid-column: 1!important;
        grid-row: 1!important
    }

    .sofiya-account-profile__main {
        grid-column: 2!important;
        grid-row: 1!important;
        align-self: center!important
    }

    .sofiya-account-profile__subscription {
        grid-column: 3!important;
        grid-row: 1/3!important
    }

    .sofiya-account-profile__facts {
        grid-column: 1/3!important;
        grid-row: 2!important
    }

    .sofiya-account-profile__actions {
        grid-column: 1/-1!important;
        grid-row: 3!important;
        display: flex!important;
        align-items: center!important;
        gap: 10px!important;
        max-width: none!important
    }

    .sofiya-account-profile__actions>a {
        width: 180px;
        flex: 0 0 180px
    }

    .sofiya-account-inline-nav {
        display: flex!important
    }

    .sofiya-account-profile__actions button[data-share-profile] {
        display: none!important
    }
}

@media (max-width: 899px) {
    .sofiya-account-inline-nav {
        display:none!important
    }

    .sofiya-account-profile__actions {
        grid-template-columns: 1fr!important
    }

    .sofiya-account-profile__actions>a {
        width: 100%
    }

    .sofiya-account-profile__actions button[data-share-profile] {
        display: none!important
    }

    .sofiya-account-profile {
        grid-template-columns: 70px minmax(0,1fr) auto!important;
        gap: 10px!important
    }

    .sofiya-account-profile__avatar {
        grid-column: 1!important;
        grid-row: 1!important
    }

    .sofiya-account-profile__main {
        grid-column: 2!important;
        grid-row: 1!important
    }

    .sofiya-account-profile__subscription {
        grid-column: 3!important;
        grid-row: 1!important;
        min-width: 98px;
        max-width: 112px;
        border-radius: 14px!important
    }

    .sofiya-account-profile__subscription .sofiya-subscription-row {
        display: grid!important;
        gap: 2px!important
    }

    .sofiya-account-profile__subscription .sofiya-subscription-row span:first-child {
        font-size: .58rem!important
    }

    .sofiya-account-profile__subscription .sofiya-subscription-row span:last-child {
        font-size: .7rem!important
    }

    .sofiya-account-profile__subscription .sofiya-countdown-grid {
        gap: 2px!important
    }

    .sofiya-account-profile__subscription .sofiya-countdown-box {
        padding: 4px 2px!important;
        border-radius: 7px!important
    }

    .sofiya-account-profile__subscription .sofiya-countdown-box strong {
        font-size: 9px!important
    }

    .sofiya-account-profile__subscription .sofiya-countdown-box span {
        font-size: 0!important
    }

    .sofiya-account-profile__facts {
        grid-column: 1/-1!important;
        grid-row: 2!important
    }

    .sofiya-account-profile__actions {
        grid-column: 1/-1!important;
        grid-row: 3!important
    }
}

@media (max-width: 420px) {
   

    .sofiya-account-profile__subscription {
        min-width: 92px;
        max-width: 98px
    }

    .sofiya-account-profile__name-row h1 {
        font-size: .96rem!important
    }

    .sofiya-account-profile .sofiya-rank-pill span:last-child {
        display: none
    }
}

/* Account tuning final: cleaned layout, fast mobile drawer, compact countdown */
.sofiya-account-page--app .sofiya-account-app {
    max-width: var(--container-w,1180px)!important;
    width: min(100% - 32px,var(--container-w,1180px))!important
}

.sofiya-account-drawer-open .sofiya-account-app {
    transform: none!important
}

.sofiya-account-topbar {
    display: grid!important;
    grid-template-columns: 44px minmax(0,1fr) 44px!important;
    direction: ltr!important;
    align-items: center!important
}

.sofiya-account-topbar__btn--plus {
    grid-column: 1!important;
    grid-row: 1!important;
    justify-self: start!important
}

.sofiya-account-topbar__link {
    grid-column: 2!important;
    grid-row: 1!important;
    justify-self: center!important;
    direction: rtl!important;
    min-width: 0!important
}

.sofiya-account-topbar__btn--menu {
    grid-column: 3!important;
    grid-row: 1!important;
    justify-self: end!important
}

.sofiya-subscription-box--mini .sofiya-live-countdown {
    margin-top: 8px!important
}

.sofiya-subscription-box--mini .sofiya-countdown-grid--compact {
    display: grid!important;
    grid-template-columns: repeat(4,minmax(0,1fr))!important;
    gap: 4px!important
}

.sofiya-subscription-box--mini .sofiya-countdown-box {
    display: block!important;
    padding: 5px 3px!important;
    border-radius: 10px!important;
    background: rgba(0,217,159,.045)!important;
    border: 1px solid rgba(0,217,159,.22)!important;
    text-align: center!important
}

.sofiya-subscription-box--mini .sofiya-countdown-box strong {
    display: block!important;
    font-size: 12px!important;
    line-height: 1!important;
    color: #fff!important;
    font-weight: 400!important
}

.sofiya-subscription-box--mini .sofiya-countdown-box span {
    display: block!important;
    font-size: 8px!important;
    margin-top: 2px!important;
    color: var(--green)!important
}

.sofiya-account-pjax-loader {
    background: rgba(2,8,12,.12)!important;
    backdrop-filter: blur(1px)!important;
    -webkit-backdrop-filter: blur(1px)!important
}

.sofiya-account-pjax-loader span {
    width: 40px!important;
    height: 40px!important;
    border-width: 3px!important;
    animation-duration: .58s!important
}

@media (min-width: 900px) {
    .sofiya-account-topbar {
        grid-template-columns:44px minmax(0,1fr)!important;
    }

    .sofiya-account-topbar__btn--menu {
        display: none!important
    }

    .sofiya-account-topbar__btn--plus {
        display: grid!important;
        grid-column: 1!important;
        justify-self: start!important
    }

    .sofiya-account-topbar__link {
        grid-column: 2!important;
        justify-self: center!important
    }

    .sofiya-account-topbar__link a {
        max-width: 420px!important
    }

    .sofiya-account-drawer,.sofiya-account-drawer-backdrop {
        display: none!important
    }

    .sofiya-account-profile__actions {
        display: flex!important;
        align-items: center!important;
        gap: 10px!important
    }

    .sofiya-account-profile__actions>a.sofiya-account-edit-mobile {
        display: none!important
    }

    .sofiya-account-inline-nav {
        display: flex!important;
        align-items: center!important;
        gap: 8px!important;
        flex: 1 1 auto!important;
        min-width: 0!important
    }

    .sofiya-account-inline-nav a {
        height: 38px;
        min-width: 44px;
        padding: 0 12px;
        border-radius:  12px;
        background:  rgba(255,255,255,.065);
        color: #a7a7a7;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px!important;
        font-size: .7rem;
        font-weight: 700;
        white-space: nowrap;
    }

    .sofiya-account-inline-nav a.is-active {
        background: rgba(0,217,159,.16)!important;
        border-color: rgba(0,217,159,.38)!important;
        color: #fff!important
    }
}

@media (max-width: 899px) {
    .sofiya-account-page--app .sofiya-account-app {
        width:min(100% - 16px,720px)!important
    }

    .sofiya-account-topbar {
        grid-template-columns: 40px minmax(0,1fr) 40px!important
    }

    .sofiya-account-topbar__btn--plus {
        grid-column: 1!important;
        justify-self: start!important
    }

    .sofiya-account-topbar__link {
        grid-column: 2!important;
        justify-self: center!important
    }

    .sofiya-account-topbar__btn--menu {
        grid-column: 3!important;
        display: grid!important;
        justify-self: end!important
    }

    .sofiya-account-inline-nav {
        display: none!important
    }

    .sofiya-account-profile__actions {
        display: grid!important;
        grid-template-columns: 1fr!important
    }

    .sofiya-account-profile__actions>a.sofiya-account-edit-mobile {
        display: flex!important;
        width: 100%!important;
        flex: auto!important
    }

    .sofiya-account-profile__subscription .sofiya-countdown-grid--compact {
        grid-template-columns: repeat(4,minmax(0,1fr))!important;
        gap: 2px!important
    }

    .sofiya-account-profile__subscription .sofiya-countdown-box {
        padding: 4px 2px!important;
        border-radius: 7px!important
    }

    .sofiya-account-profile__subscription .sofiya-countdown-box strong {
        font-size: 9px!important
    }

    .sofiya-account-profile__subscription .sofiya-countdown-box span {
        font-size: 7px!important
    }
}

@media (max-width: 420px) {
    .sofiya-account-topbar__link span {
        display:none!important
    }

    .sofiya-account-topbar__link a {
        max-width: 56vw!important
    }

    .sofiya-account-profile__subscription .sofiya-countdown-box span {
        font-size: 0!important;
        margin: 0!important
    }
}

/* Sofiya v2.9.6 - Account/PWA polish + list editor stability */
.sofiya-account-profile__subscription {
    justify-self: end!important;
    width: min(220px,100%)!important;
}

.sofiya-account-profile__subscription .sofiya-subscription-row span:last-child {
    display: inline-flex!important;
    align-items: center!important;
    gap: 6px!important;
}

.sofiya-account-profile__subscription .sofiya-subscription-row span:last-child::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--green,#55be95);
    box-shadow: 0 0 0 4px rgba(85,190,149,.13);
}

.sofiya-account-profile__subscription .sofiya-countdown-grid, .sofiya-account-profile__subscription .sofiya-countdown-grid--compact {
    direction: rtl!important;
}

.sofiya-account-profile__subscription .sofiya-countdown-box {
    min-width: 0!important;
}

.is-standalone .sofiya-account-page--app {
    padding-top: calc(var(--safe-top,0px) + 10px)!important;
}

.is-standalone .sofiya-account-topbar {
    top: calc(var(--header-offset,var(--header-h,60px)) + 8px)!important;
    z-index: 1000!important;
}

.is-standalone .sofiya-profile-tabs__nav {
    top: calc(var(--header-offset,var(--header-h,60px)) + 70px)!important;
}

.is-standalone .sofiya-account-drawer {
    top: calc(var(--header-offset,var(--header-h,60px)) + 8px)!important;
    height: calc(100dvh - var(--header-offset,var(--header-h,60px)) - 8px)!important;
    border-top: 1px solid rgba(255,255,255,.12)!important;
    border-top-right-radius: 24px!important;
}

body.admin-bar.is-standalone .sofiya-account-drawer {
    top: calc(var(--header-offset,var(--header-h,60px)) + 40px)!important;
    height: calc(100dvh - var(--header-offset,var(--header-h,60px)) - 40px)!important;
}

.sofiya-list-card.is-updating, .sofiya-list-card.is-saving {
    opacity: .72!important;
    pointer-events: none!important;
}

@media (min-width: 900px) {
    .sofiya-account-profile__subscription {
        grid-column:3!important;
        grid-row: 1/3!important;
        justify-self: end!important;
        min-width: 204px!important;
        max-width: 228px!important;
    }
}

@media (max-width: 899px) {
    .sofiya-account-profile {
        grid-template-columns:68px minmax(0,1fr)!important;
        align-items: start!important;
    }

    .sofiya-account-profile__avatar {
        grid-column: 1!important;
        grid-row: 1!important
    }

    .sofiya-account-profile__main {
        grid-column: 2!important;
        grid-row: 1!important;
        align-self: center!important
    }

    .sofiya-account-profile__facts {
        grid-column: 1/-1!important;
        grid-row: 2!important
    }

    .sofiya-account-profile__subscription {
        grid-column: 1/-1!important;
        grid-row: 3!important;
        justify-self: stretch!important;
        width: 100%!important;
        max-width: none!important;
        min-width: 0!important;
        border-radius: 16px!important;
        margin: 0!important;
    }

    .sofiya-account-profile__actions {
        grid-column: 1/-1!important;
        grid-row: 4!important;
        margin-top: 0!important;
    }

    .sofiya-account-profile__actions>a.sofiya-account-edit-mobile {
        order: 2!important;
    }

    .sofiya-account-profile__subscription .sofiya-subscription-row {
        display: flex!important;
        align-items: center!important;
        justify-content: space-between!important;
    }

    .sofiya-account-profile__subscription .sofiya-subscription-row span:first-child {
        font-size: .6rem!important
    }

    .sofiya-account-profile__subscription .sofiya-subscription-row span:last-child {
        font-size: .8rem!important
    }

    .sofiya-account-profile__subscription .sofiya-countdown-grid, .sofiya-account-profile__subscription .sofiya-countdown-grid--compact {
        gap: 6px!important;
    }

    .sofiya-account-profile__subscription .sofiya-countdown-box {
        padding: 7px 8px!important;
        border-radius: 10px!important;
        
    }

    .sofiya-account-profile__subscription .sofiya-countdown-box strong {
        font-size: .7rem!important
    }

    .sofiya-account-profile__subscription .sofiya-countdown-box span {
        font-size: 8px!important;
        margin-top: 2px!important
    }

    .is-standalone .sofiya-account-topbar {
        top: calc(var(--header-offset,var(--header-h,58px)) + 8px)!important;
    }

    .is-standalone .sofiya-account-drawer {
        width: min(360px,90vw)!important;
        top: calc(var(--header-offset,var(--header-h,58px)) + 8px)!important;
        height: calc(100dvh - var(--header-offset,var(--header-h,58px)) - 8px)!important;
        padding-top: 14px!important;
    }
}

@media (max-width: 420px) {
    .sofiya-account-profile {
        grid-template-columns:100px minmax(0,1fr) !important;
        padding: 0;
        margin: 20px 0;
    }

    .sofiya-account-profile__subscription .sofiya-countdown-box span {
        font-size: 7px!important;
        margin-top: 2px!important
    }
}

/* v2.9.8 Instagram-like collection cards for user lists */
.sofiya-account-page--app .sofiya-lists-grid {
    grid-template-columns: repeat(auto-fill,minmax(170px,1fr));
    gap: 14px;
    align-items: stretch
}

.sofiya-account-page--app .sofiya-list-card {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    border-radius: 22px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.13);
    box-shadow: 0 18px 42px rgba(0,0,0,.22);
    transition: transform .22s ease,border-color .22s ease,background .22s ease
}

.sofiya-account-page--app .sofiya-list-card:hover {
    transform: translateY(-2px);
    border-color: rgba(85,190,149,.34);
    background: rgba(255,255,255,.075)
}

.sofiya-account-page--app .sofiya-list-card__covers {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 2px;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    border-radius: 22px 22px 16px 16px;
    background: rgba(255,255,255,.06)
}

.sofiya-account-page--app .sofiya-list-card__cover {
    border-radius: 0;
    background: rgba(255,255,255,.08);
    aspect-ratio: auto;
    min-height: 0
}

.sofiya-account-page--app .sofiya-list-card__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.sofiya-account-page--app .sofiya-list-card__cover--empty {
    border: 0;
    background: linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025))
}

.sofiya-account-page--app .sofiya-list-card__body {
    display: grid;
    gap: 8px;
    padding: 11px
}

.sofiya-account-page--app .sofiya-list-card__head {
    align-items: flex-start;
    gap: 8px
}

.sofiya-account-page--app .sofiya-list-card__head h3 {
    font-size: .88rem;
    line-height: 1.55;
    font-weight: 900;
    color: #fff;
    -webkit-line-clamp: 1
}

.sofiya-account-page--app .sofiya-list-badge {
    font-size: .64rem;
    padding: 4px 7px;
    border-radius: 999px;
    background: rgba(85,190,149,.15);
    color: var(--green);
    white-space: nowrap
}

.sofiya-account-page--app .sofiya-list-badge.is-private {
    background: rgba(255,255,255,.09);
    color: #dbe6f3
}

.sofiya-account-page--app .sofiya-list-card__body p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 0;
    font-size: .74rem;
    line-height: 1.7;
    color: #aebed0
}

.sofiya-account-page--app .sofiya-list-card__meta {
    font-size: .68rem;
    color: #8fa3b8;
    gap: 6px
}

.sofiya-account-page--app .sofiya-list-card__meta span:nth-child(2) {
    display: none
}

.sofiya-account-page--app .sofiya-list-card__actions {
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-top: 2px
}

.sofiya-account-page--app .sofiya-list-card__actions button {
    height: 34px;
    border-radius: 12px;
    font-size: .68rem;
    background: rgba(255,255,255,.075);
    border-color: rgba(255,255,255,.11);
    color: #e8f1fb
}

.sofiya-account-page--app .sofiya-list-card__actions button[data-open-list-items] {
    background: rgba(85,190,149,.16);
    border-color: rgba(85,190,149,.26);
    color: #fff
}

.sofiya-account-page--app .sofiya-list-card__actions .is-danger {
    position: absolute;
    top: 9px;
    left: 9px;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 999px;
    font-size: 0;
    color: #fff;
    background: rgba(7,12,18,.58);
    border: 1px solid rgba(255,255,255,.16);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.sofiya-account-page--app .sofiya-list-card__actions .is-danger:before {
    content: "×";
    font-size: 20px;
    line-height: 1;
    font-weight: 700
}

.sofiya-account-page--app .sofiya-list-card__footer {
    display: none
}

.sofiya-account-page--app .sofiya-lists-empty {
    grid-column: 1/-1;
    padding: 34px 16px;
    border: 1px dashed rgba(255,255,255,.18);
    border-radius: 20px;
    text-align: center;
    color: #b9c7d7;
    background: rgba(255,255,255,.035);
    font-size: .9rem
}

@media (max-width: 899px) {
    .sofiya-account-page--app .sofiya-lists-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap: 10px
    }

    .sofiya-account-page--app .sofiya-list-card {
        border-radius: 18px
    }

    .sofiya-account-page--app .sofiya-list-card__covers {
        border-radius: 18px 18px 14px 14px
    }

    .sofiya-account-page--app .sofiya-list-card__body {
        padding: 9px
    }

    .sofiya-account-page--app .sofiya-list-card__head h3 {
        font-size: .8rem
    }

    .sofiya-account-page--app .sofiya-list-card__actions button {
        height: 32px;
        font-size: .64rem
    }
}

/* Sofiya v2.9.8 - dashboard-only lists, full-screen mobile drawer, z-index cleanup */
.sofiya-account-topbar {
    z-index: 35!important;
    margin: 0;
}

.is-standalone .sofiya-account-topbar {
    z-index: 35!important;
}

.sofiya-profile-tabs__nav {
    z-index: 24!important;
    backdrop-filter: blur(18px) saturate(170%);
    -webkit-backdrop-filter: blur(18px) saturate(170%);
    border-radius: 22px;
    background: var(--greenglass);
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .28);
}

.sofiya-account-drawer-backdrop {
    z-index: 1200;
}

.sofiya-account-drawer {
    z-index: 1201;
}

.sofiya-account-dashboard-mobile {
    display: none!important;
}

@media (min-width: 900px) {
    .sofiya-account-profile__actions>a.sofiya-account-dashboard-mobile {
        display: none!important;
    }
}

@media (max-width: 899px) {
    .sofiya-account-profile__actions {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .sofiya-account-profile__actions>a.sofiya-account-dashboard-mobile,
    .sofiya-account-profile__actions>a.sofiya-account-edit-mobile {
        display: flex;
        width: 100%;
        flex: auto;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: #ffffff21;
        border: 1px solid #fff3;
    }

    .sofiya-account-drawer {
        top: 0;
        right: 0;
        left: 0;
        width: 100vw;
        max-width: none;
        height: 100dvh;
        min-height: 100dvh;
        border: 0;
        border-radius: 0;
        padding: calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        background:
            radial-gradient(circle at 82% 10%, rgba(0,214,146,.22), transparent 34%),
            radial-gradient(circle at 10% 92%, rgba(0,114,92,.18), transparent 35%),
            linear-gradient(180deg, #061915 0%, #07150f 52%, #050f0b 100%);
        box-shadow: none;
        transform: translate3d(105%,0,0);
    }

    .sofiya-account-drawer-open .sofiya-account-drawer {
        transform: translate3d(0,0,0);
    }

    .is-standalone .sofiya-account-drawer {
        top: 0;
        height: 100dvh;
        min-height: 100dvh;
        padding-top: calc(env(safe-area-inset-top,0px) + 16px);
    }

    body.admin-bar .sofiya-account-drawer,
    body.admin-bar.is-standalone .sofiya-account-drawer {
        top: 32px;
        height: calc(100dvh - 32px);
        min-height: calc(100dvh - 32px);
    }

    .sofiya-account-drawer-backdrop {
        background: rgba(0,8,6,.64);
        backdrop-filter: blur(5px) saturate(120%);
        -webkit-backdrop-filter: blur(5px) saturate(120%);
    }
}



/* Sofiya account header cleanup and compact action controls */
.sofiya-account-page--app .sofiya-account-topbar{display:none!important}
.sofiya-account-mobile-icon,.sofiya-account-inline-plus{
    border:0;
    appearance:none;
    cursor:pointer;
    display:inline-grid;
    place-items:center;
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:15px;
    color:#fff;
    background:#ffffff21;
    border:1px solid rgba(255,255,255,.14);
}
.sofiya-account-mobile-icon svg,.sofiya-account-inline-plus svg{width:20px;height:20px}
.sofiya-account-mobile-icon--plus,.sofiya-account-inline-plus{
    color:#fff;
    background:#ffffff21;
    border-color:#fff3;
}
.sofiya-account-clean-url a{
    direction:ltr;
    color:#fbd435;
    font-weight:900;
    text-decoration:none;
    max-width:260px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.sofiya-account-clean-url svg{width:14px;height:14px;}
.sofiya-account-inline-plus{width:40px;height:40px;min-width:40px;border-radius:14px;flex:0 0 40px}
@media (min-width:900px){
    .sofiya-account-mobile-icon{display:none!important}
    .sofiya-account-inline-nav{width:100%}
    .sofiya-account-inline-plus{margin-inline-start:auto}
}
@media (max-width:899px){
    .sofiya-account-page--app{padding-top:12px!important}
    .sofiya-account-profile__actions{
        display:flex!important;
        direction:rtl;
        align-items:center;
        gap:8px!important;
        grid-template-columns:none!important;
        width:100%
    }
    .sofiya-account-profile__actions>a.sofiya-account-dashboard-mobile,
    .sofiya-account-profile__actions>a.sofiya-account-edit-mobile{
        flex:1 1 0!important;
        min-width:0;
        height:32px !important;
        border-radius:12px !important;
        font-size:.76rem!important;
        white-space:nowrap
    }
    .sofiya-account-mobile-icon{display:inline-grid!important;flex:0 0 32px;}
    .sofiya-account-inline-nav,.sofiya-account-inline-plus{display:none!important}
    .sofiya-account-profile__facts{gap:0px 10px !important;}
    .sofiya-account-clean-url{width:100%}
    .sofiya-account-clean-url a{max-width:min(68vw,360px)}
}
@media (max-width:420px){
    .sofiya-account-profile__actions{gap:6px!important}
    .sofiya-account-mobile-icon{width:32px;height:32px;min-width:32px;border-radius:10px;flex-basis:32px;}
    .sofiya-account-profile__actions>a.sofiya-account-dashboard-mobile,
    .sofiya-account-profile__actions>a.sofiya-account-edit-mobile{height:32px !important;font-size:.7rem!important;padding-inline:6px!important;}
}

/* Sofiya v3.0.2 - account/list UX polish */
.sofiya-account-page--app .sofiya-profile-tabs__nav,
.is-standalone .sofiya-profile-tabs__nav{
    top:var(--header-offset,var(--header-h,64px))!important;
}
body.admin-bar .sofiya-account-page--app .sofiya-profile-tabs__nav,
body.admin-bar.is-standalone .sofiya-profile-tabs__nav{
    top:calc(var(--header-offset,var(--header-h,64px)) + 32px)!important;
}

.sofiya-account-clean-url{
    flex:0 0 100%!important;
    width:100%!important;
    margin-top:2px!important;
}
.sofiya-account-page--app .sofiya-list-card__covers{
    position:relative!important;
}
.sofiya-account-page--app .sofiya-list-card__head{
    padding-inline-end:0!important;
}
.sofiya-account-page--app .sofiya-list-card__body p{
    display:none!important;
}
.sofiya-account-page--app .sofiya-list-badge--cover{
    position:absolute!important;
    top:9px!important;
    right:9px!important;
    z-index:4!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:32px!important;
    padding:0 11px!important;
    border-radius:999px!important;
    font-size:.66rem!important;
    font-weight:900!important;
    color:#fff!important;
    background:rgba(7,12,18,.58)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(10px) saturate(160%)!important;
    -webkit-backdrop-filter:blur(10px) saturate(160%)!important;
}
.sofiya-account-page--app .sofiya-list-badge--cover.is-public{
    color:#06100b!important;
    background:rgba(85,190,149,.9)!important;
    border-color:rgba(85,190,149,.35)!important;
}
.sofiya-account-page--app .sofiya-list-card__actions .is-danger{
    left:9px!important;
    right:auto!important;
}
@media (max-width:899px){
    .sofiya-account-profile__actions{
        direction:rtl!important;
        flex-wrap:nowrap!important;
    }
    .sofiya-account-mobile-icon--menu{order:1!important}
    .sofiya-account-dashboard-mobile{order:2!important}
    .sofiya-account-edit-mobile{order:3!important}
    .sofiya-account-mobile-icon--plus{order:4!important;margin-inline-start:auto!important}
    .sofiya-account-mobile-icon--plus svg{width:19px !important;height:19px!important}
    .sofiya-modal input,
    .sofiya-modal textarea,
    .sofiya-modal select,
    [data-list-modal] input,
    [data-list-modal] textarea,
    [data-list-modal] select{
        font-size:16px!important;
        line-height:1.5!important;
    }
}
@media (min-width:900px){
    .sofiya-account-inline-plus{order:99!important;margin-inline-start:auto!important}
    .sofiya-account-clean-url{grid-column:1/-1!important}
}

/* Sofiya v3.0.3 - list badge placement + view button restore */
.sofiya-list-card__covers{position:relative!important}
.sofiya-list-badge--cover{position:absolute!important;top:8px!important;right:8px!important;left:auto!important;z-index:5!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-width:0!important;min-height:30px!important;padding:0 11px!important;border-radius:999px!important;font-size:.66rem!important;font-weight:900!important;line-height:1!important;color:#06100b!important;background:rgba(85,190,149,.92)!important;border:1px solid rgba(85,190,149,.45)!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important;backdrop-filter:blur(10px) saturate(160%)!important;-webkit-backdrop-filter:blur(10px) saturate(160%)!important}
.sofiya-list-badge--cover.is-private{color:#fff!important;background:rgba(7,12,18,.62)!important;border-color:rgba(255,255,255,.18)!important}
.sofiya-public-list-grid-card .sofiya-list-badge--cover{top:8px!important;right:8px!important;transform:none!important}
.sofiya-account-page--app .sofiya-list-card__footer{display:block!important;margin-top:0!important}
.sofiya-account-page--app .sofiya-list-card__footer a{min-height:34px!important;border-radius:12px!important;font-size:.68rem!important;font-weight:800!important;background:rgba(0,212,154,.10)!important;border-color:rgba(0,212,154,.45)!important;color:var(--green)!important}
.sofiya-account-page--app .sofiya-list-card__actions{grid-template-columns:1fr 1fr!important}
@media (max-width:899px){.sofiya-list-badge--cover{top:7px!important;right:7px!important;min-height:28px!important;padding:0 10px!important;font-size:.62rem!important}}


/* Sofiya v3.0.4 - dashboard load more + social vote meta + public list polish */
.sofiya-inline-vote-stats{display:inline-flex;align-items:center;gap:8px;direction:ltr;vertical-align:middle}
.sofiya-inline-vote-stats__item{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 8px;border-radius:999px;color:rgba(235,255,248,.82);font-size:.68rem;font-weight:900;line-height:1;transform: scale(.7);}
.sofiya-inline-vote-stats__item svg{width:24px;height:24px;display:block}
.sofiya-inline-vote-stats__item.is-like{color:#00d49a;}
.sofiya-inline-vote-stats__item.is-dislike{color:rgba(255,255,255,.76)}
.sofiya-inline-vote-stats--media{direction:rtl;justify-content:center}
.sofiya-inline-vote-stats--media .sofiya-inline-vote-stats__item{min-height:22px;padding:0 7px;font-size:.64rem;background: transparent;border: 0;transform: scale(.7);}
.sofiya-inline-vote-stats--list{margin-top:2px;direction:rtl}
.sofiya-comment-tweet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.sofiya-comment-tweet__head time{font-size:.68rem;color:rgba(235,255,248,.55);white-space:nowrap}
.sofiya-comment-tweet__actions{display:flex;align-items:center;justify-content:flex-start;margin-top:12px}
.sofiya-comment-tweet__actions .sofiya-inline-vote-stats{direction:rtl}
.sofiya-dashboard-load-more-wrap{width:100%;display:flex;align-items:center;justify-content:center;margin:22px 0 4px}
.sofiya-dashboard-load-more{min-width:168px;min-height:44px;padding:0 22px;border-radius:999px;border:1px solid rgba(0,212,154,.36);background:linear-gradient(135deg,rgba(0,212,154,.18),rgba(255,255,255,.055));color:#00d49a;font-weight:950;cursor:pointer;box-shadow:0 16px 36px rgba(0,0,0,.20);transition:transform .18s ease,opacity .18s ease,background .18s ease}
.sofiya-dashboard-load-more:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(0,212,154,.26),rgba(255,255,255,.075))}
.sofiya-dashboard-load-more.is-loading{opacity:.65;cursor:wait;transform:none}
.sofiya-bookmark-card__body .sofiya-inline-vote-stats{align-self:center}
.sofiya-public-list-page{padding-top:22px}
.sofiya-public-list-page .container{max-width:1440px}
.sofiya-public-list-hero{position:relative;overflow:hidden;border-radius:30px!important;background:
    radial-gradient(circle at 88% 12%,rgba(0,212,154,.16),transparent 34%),
    radial-gradient(circle at 12% 12%,rgba(255,214,10,.08),transparent 28%),
    linear-gradient(145deg,rgba(9,32,24,.84),rgba(6,14,12,.92))!important;
    border-color:rgba(255,255,255,.10)!important;
    box-shadow:0 30px 90px rgba(0,0,0,.28)!important}
.sofiya-public-list-hero:before{content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,transparent,rgba(0,212,154,.10),transparent);pointer-events:none}
.sofiya-public-list-hero__top{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(250px,360px);gap:26px;align-items:start;margin-bottom:34px}
.sofiya-public-list-hero__top>div:first-child{min-height:190px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:8px 0}
.sofiya-public-list-hero h1{font-size:clamp(1.6rem,3.2vw,3rem)!important;line-height:1.15!important;margin:16px 0 10px!important;font-weight:1000!important;letter-spacing:-.04em;color:#fff}
.sofiya-public-list-hero p{max-width:720px;color:rgba(235,255,248,.72)!important;font-size:.95rem!important;line-height:2!important;margin:0!important}
.sofiya-public-list-hero .sofiya-list-badge{min-height:34px;padding:0 14px;border-radius:999px;font-size:.75rem;font-weight:950}
.sofiya-public-list-hero__meta{display:grid!important;gap:10px;padding:16px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}
.sofiya-public-list-hero__meta>span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:0 12px;border-radius:14px;background:rgba(0,0,0,.12);color:rgba(235,255,248,.80);font-size:.78rem;font-weight:800}
.sofiya-public-list-hero__meta a{color:#00d49a;font-weight:950}
.sofiya-public-list-hero .sofiya-list-vote-box-wrap{margin-top:4px}
.sofiya-public-list-hero .sofiya-list-vote-box-wrap__title{font-size:.78rem;color:rgba(235,255,248,.78);margin-bottom:8px}
.sofiya-public-list-hero .sofiya-vote-box{border-radius:20px!important;background:rgba(0,0,0,.16)!important}
.sofiya-public-list-hero .sofiya-bookmark-grid--public{gap:18px!important}
.sofiya-public-list-hero [data-public-list-items-root]{position:relative;z-index:1}
.sofiya-public-list-hero .sofiya-public-list-filters{justify-content:center;margin:8px 0 24px}
.sofiya-public-list-hero .sofiya-bookmark-card{transform:translateZ(0)}
@media (max-width:899px){
    .sofiya-public-list-page{padding-top:12px}
    .sofiya-public-list-hero{border-radius:22px!important;padding:18px!important}
    .sofiya-public-list-hero__top{grid-template-columns:1fr!important;gap:16px;margin-bottom:22px}
    .sofiya-public-list-hero__top>div:first-child{min-height:0}
    .sofiya-public-list-hero h1{font-size:1.55rem!important}
    .sofiya-public-list-hero__meta{padding:12px;border-radius:18px}
    .sofiya-comment-tweet__head{align-items:flex-start;flex-direction:column;gap:4px}
}

/* Sofiya v3.0.3 - fix mobile profile avatar becoming oval
   Cause: mobile grid column was narrower than the avatar while global img max-width could squeeze the image width but keep its fixed height. */
@media (max-width:899px){
    .sofiya-account-profile{
        grid-template-columns:100px minmax(0,1fr)!important;
    }
    .sofiya-account-profile__avatar{
        width:100px!important;
        height:100px!important;
        min-width:100px!important;
        max-width:100px!important;
        overflow:visible!important;
    }
    .sofiya-account-profile__avatar img{
        width:100px!important;
        height:100px!important;
        min-width:100px!important;
        max-width:100px!important;
        aspect-ratio:1/1!important;
        border-radius:50%!important;
        object-fit:cover!important;
        display:block!important;
    }
}
@media (max-width:420px){
    .sofiya-account-profile{
        grid-template-columns:82px minmax(0,1fr)!important;
    }
    .sofiya-account-profile__avatar{
        width:82px!important;
        height:82px!important;
        min-width:82px!important;
        max-width:82px!important;
    }
    .sofiya-account-profile__avatar img{
        width:82px!important;
        height:82px!important;
        min-width:82px!important;
        max-width:82px!important;
    }
}

/* Referral code field - auth register */
.sofiya-referral-field small{font-size:.72rem;font-weight:700;color:rgba(255,255,255,.48);margin-inline-start:6px}
.sofiya-referral-input{position:relative;display:flex;align-items:center;gap:8px;margin-top:8px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.sofiya-referral-input input{height:48px;flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:0 14px!important;text-transform:uppercase;letter-spacing:.06em;direction:ltr;text-align:left;color:inherit}
.sofiya-referral-input button{height:38px;margin-inline-end:5px;border:0;border-radius:14px;padding:0 13px;background:rgba(85,190,149,.16);color:#74e0b7;font-size:.78rem;font-weight:900;white-space:nowrap;cursor:pointer;transition:transform .18s ease,background .18s ease,opacity .18s ease}
.sofiya-referral-input button:hover{background:rgba(85,190,149,.24);transform:translateY(-1px)}
.sofiya-referral-input button:disabled{opacity:.58;cursor:wait;transform:none}
.sofiya-referral-result{display:block;min-height:22px;margin-top:7px;font-size:.78rem;font-weight:800;color:rgba(255,255,255,.55)}
.sofiya-referral-result.is-success{color:#74e0b7}
.sofiya-referral-result.is-error{color:#ff8f8f}
.sofiya-referral-result.is-loading{color:rgba(255,255,255,.58)}
.sofiya-referral-user{display:inline-flex;align-items:center;gap:8px;padding:5px 8px;border-radius:999px;background:rgba(85,190,149,.12)}
.sofiya-referral-user img{width:28px!important;height:28px!important;border-radius:999px!important;object-fit:cover!important;display:block;flex:0 0 28px}
.sofiya-account-referral em{font-style:normal;font-size:.78rem;font-weight:400;color:#74e0b7;background:rgba(85,190,149,.12);border:1px solid rgba(85,190,149,.18);border-radius:999px;padding:4px 8px;margin-inline-start:6px;white-space:nowrap}
@media (max-width:520px){.sofiya-referral-input{border-radius:16px}.sofiya-referral-input input{height:46px;padding-inline:12px!important}.sofiya-referral-input button{height:36px;padding:0 10px;font-size:.72rem}.sofiya-account-referral em{width:100%;text-align:center;margin:6px 0 0}}

/* Referral dashboard actions and modals */
.sofiya-account-referral{gap:6px!important;flex-wrap:wrap}
.sofiya-account-referral__label{font-weight:800;color:rgba(255,255,255,.72)}
.sofiya-account-referral .sofiya-account-referral__invites{width:auto;display:inline-flex;align-items:center;gap:5px;color:#fff;font-size:.7rem;font-weight:400;white-space:nowrap;}
.sofiya-account-referral__invites em{font-style:normal;background:transparent!important;border:0!important;padding:0!important;margin:0!important;color:inherit!important;font-size:inherit!important}
.sofiya-account-referral__invites span{min-width:20px;height:20px;border-radius:999px;display:inline-grid;place-items:center;background:var(--green);color:#000;line-height:1;font-size: .6rem;}
.sofiya-referral-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .18s ease}
.sofiya-referral-modal.is-open{opacity:1;pointer-events:auto}
.sofiya-referral-modal__backdrop{position:absolute;inset:0;background:rgba(2,6,10,.56);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sofiya-referral-modal__dialog{position:relative;width:min(420px,94vw);max-height:min(78vh,560px);overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:var(--bgdarkbox);box-shadow:0 26px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);padding:20px;color:#fff;transform:translateY(10px) scale(.98);transition:transform .2s ease}
.sofiya-referral-modal.is-open .sofiya-referral-modal__dialog{transform:translateY(0) scale(1)}
.sofiya-referral-modal__close{position:absolute;top:12px;left:12px;width:34px;height:34px;border:0;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.sofiya-referral-modal__dialog h3{margin:0 0 8px;font-size:1.05rem;font-weight:950}
.sofiya-referral-modal__dialog p{margin:0 0 14px;color:rgba(255,255,255,.62);font-size:.86rem;line-height:1.9}
.sofiya-referral-share-field{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:rgba(255,255,255,.055);padding:5px}
.sofiya-referral-share-field input{height:42px;flex:1;min-width:0;border:0!important;background:transparent!important;color:#fff!important;direction:ltr;text-align:left;padding:0 10px!important;box-shadow:none!important}
.sofiya-referral-share-field button{height:36px;border:0;border-radius:13px;background:rgba(85,190,149,.18);color:#74e0b7;font-weight:900;padding:0 12px;white-space:nowrap;cursor:pointer}
.sofiya-referrals-body{min-height:60px;margin-top:10px}
.sofiya-referrals-empty{padding:16px;border-radius:18px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.62);font-weight:800;text-align:center}
.sofiya-referrals-list{display:grid;gap:8px}
.sofiya-referrals-user{display:flex;align-items:center;gap:10px;padding:9px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}
.sofiya-referrals-user__avatar img{width:42px!important;height:42px!important;border-radius:999px!important;object-fit:cover!important;display:block}
.sofiya-referrals-user__meta{display:grid;gap:2px;min-width:0}
.sofiya-referrals-user__meta b{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sofiya-referrals-user__meta em{font-style:normal;color:rgba(255,255,255,.52);font-size:.78rem;direction:ltr;text-align:right}
@media (max-width:520px){.sofiya-account-referral .sofiya-account-referral__invites{height:30px}.sofiya-referral-modal__dialog{border-radius:22px;padding:18px}.sofiya-referral-share-field{flex-direction:column;align-items:stretch}.sofiya-referral-share-field button{width:100%}}


/* User verification / premium / rank badges */
.sofiya-user-name-with-badges{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;min-width:0;max-width:100%}
.sofiya-user-name-with-badges__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sofiya-user-badges{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;flex:0 0 auto}
.sofiya-user-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:22px;min-width:22px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.84);font-size:.72rem;font-weight:800;line-height:1;white-space:nowrap}
.sofiya-user-badge svg{width:14px;height:14px;display:block;flex:0 0 auto}
.sofiya-user-badge--verified{color:#60a5fa;background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.22)}
.sofiya-user-badge--premium{color:#fbbf24;background:rgba(251,191,36,.13);border-color:rgba(251,191,36,.24)}
.sofiya-user-badge--rank{color:rgba(255,255,255,.78);background:rgba(255,255,255,.06)}
.sofiya-user-badge__icon{display:inline-flex;align-items:center;justify-content:center}
.sofiya-user-badges--compact .sofiya-user-badge{width:20px;height:20px;min-width:20px;padding:0;border-radius:8px}
.sofiya-user-badges--compact .sofiya-user-badge svg{width:13px;height:13px}
.sofiya-user-badges--compact .sofiya-user-badge__text{display:none}
.sofiya-user-name-with-badges--profile{gap:10px}
.sofiya-user-name-with-badges--profile .sofiya-user-badges--compact .sofiya-user-badge{width:26px;height:26px;min-width:26px;border-radius:10px}
.sofiya-user-name-with-badges--profile .sofiya-user-badges--compact .sofiya-user-badge svg{width:16px;height:16px}
.sofiya-referrals-user__status{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:5px}
.sofiya-referrals-user__status span{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:rgba(255, 203, 0, 0.07);border:1px solid rgba(255, 203, 0, 0.14);font-size:.7rem;font-weight:800;color:rgba(255, 215, 0, 0.72);}
.sofiya-referrals-user__status .is-verified{color:var(--green);background:rgba(125, 252, 234, 0.12);border-color:rgba(125, 252, 240, 0.22);}
.sofiya-referrals-user__status .is-unverified{color:#fca5a5;background:rgba(252,165,165,.1);border-color:rgba(252,165,165,.18)}
.ig-comment__badges{margin-inline-start:6px}
.ig-comment__badges .sofiya-user-badge{height:20px;min-width:20px;padding:0 6px;font-size:.68rem}
.ig-comment__badges .sofiya-user-badge svg{width:12px;height:12px}
.sofiya-public-list-grid-card__meta .sofiya-user-name-with-badges,.sofiya-public-list-hero__meta .sofiya-user-name-with-badges{gap:5px}
.sofiya-user-menu__meta .sofiya-user-name-with-badges{max-width:180px}
@media (max-width:640px){.sofiya-user-name-with-badges{gap:5px}.sofiya-user-badges{gap:3px}.sofiya-user-badges--compact .sofiya-user-badge{width:18px;height:18px;min-width:18px;border-radius:7px}.sofiya-user-badges--compact .sofiya-user-badge svg{width:12px;height:12px}.sofiya-user-name-with-badges--profile .sofiya-user-badges--compact .sofiya-user-badge{width:22px;height:22px;min-width:22px}.sofiya-referrals-user__status span{font-size:.66rem;height:20px;padding:0 7px}}

.sofiya-user-name-with-badges--comment{gap:5px;max-width:100%}
.sofiya-user-name-with-badges--comment .sofiya-user-badges--compact .sofiya-user-badge{width:18px;height:18px;min-width:18px;border-radius:7px}
.sofiya-user-name-with-badges--comment .sofiya-user-badges--compact .sofiya-user-badge svg{width:12px;height:12px}
.sofiya-user-name-with-badges--app-menu{max-width:100%;gap:6px}
.sofiya-user-name-with-badges--drawer{display:inline-flex;align-items:center;flex-wrap:nowrap;max-width:100%;gap:6px;direction:rtl;vertical-align:middle}
.sofiya-app-menu__account-meta strong .sofiya-user-name-with-badges{font:inherit;color:inherit}
.sofiya-app-menu__account-meta strong .sofiya-user-badges--compact .sofiya-user-badge{width:19px;height:19px;min-width:19px;border-radius:7px}
.sofiya-account-drawer__user strong .sofiya-user-badges{display:inline-flex;flex-direction:row;align-items:center;gap:4px}.sofiya-account-drawer__user strong .sofiya-user-badges--compact .sofiya-user-badge{width:19px;height:19px;min-width:19px;padding:0;border-radius:7px}.sofiya-account-drawer__user strong .sofiya-user-badges--compact .sofiya-user-badge svg{width:12px;height:12px}

/* User badge tooltips + compact menu fixes */
.sofiya-user-badge{position:relative;outline:0;cursor:default}
.sofiya-user-badge::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);z-index:9999;padding:6px 9px;border-radius:10px;background:rgba(9,14,18,.96);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px rgba(0,0,0,.35);color:#fff;font-size:11px;font-weight:800;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}
.sofiya-user-badge::before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%) translateY(4px);border:5px solid transparent;border-top-color:rgba(9,14,18,.96);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:9999}
.sofiya-user-badge:hover::after,.sofiya-user-badge:hover::before,.sofiya-user-badge:focus-visible::after,.sofiya-user-badge:focus-visible::before,.sofiya-user-badge.is-tooltip-open::after,.sofiya-user-badge.is-tooltip-open::before{opacity:1;transform:translateX(-50%) translateY(0)}
.sofiya-user-menu__head{min-width:0}
.sofiya-user-menu__avatar{width:54px;height:54px;min-width:54px;flex:0 0 54px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
.sofiya-user-menu__avatar img{width:54px!important;height:54px!important;min-width:54px;object-fit:cover;aspect-ratio:1/1;flex:0 0 54px}
.sofiya-user-menu__meta{min-width:0;flex:1 1 auto;overflow:hidden}
.sofiya-user-menu__meta strong{display:flex;align-items:center;min-width:0;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sofiya-user-menu__meta .sofiya-user-name-with-badges{min-width:0;max-width:100%}
.sofiya-user-menu__subscription{display:inline-flex!important;align-items:center;gap:6px;min-width:0;white-space:nowrap}
.sofiya-user-menu__subscription .sofiya-user-days-left{margin-inline-start:0;padding:3px 7px;font-size:10px;line-height:1;border-radius:999px;background:rgba(85,190,149,.13);border:1px solid rgba(85,190,149,.24);color:#c8ffe9}
.sofiya-app-menu__account{min-width:0}
.sofiya-app-menu__account-avatar{width:54px!important;height:54px!important;min-width:54px!important;flex:0 0 54px!important;border-radius:50%;overflow:hidden;aspect-ratio:1/1}
.sofiya-app-menu__account-avatar img{width:100%!important;height:100%!important;object-fit:cover;aspect-ratio:1/1;display:block;max-width:none!important}
.sofiya-app-menu__account-meta{min-width:0;overflow:hidden}
.sofiya-app-menu__account-meta strong{display:flex;align-items:center;min-width:0;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){.sofiya-user-badge::after{font-size:10px;padding:5px 8px}.sofiya-user-menu__avatar,.sofiya-user-menu__avatar img{width:50px!important;height:50px!important;min-width:50px;flex-basis:50px}.sofiya-app-menu__account-avatar{width:50px!important;height:50px!important;min-width:50px!important;flex-basis:50px!important}}


/* Fixed user badge portal tooltips: works inside overflow-hidden menus */
.sofiya-user-badge::after,.sofiya-user-badge::before{display:none!important}
.sofiya-badge-tooltip-portal{position:fixed;z-index:2147483000;max-width:min(220px,calc(100vw - 24px));padding:5px 8px;border-radius:9px;background:rgba(9,14,18,.97);border:1px solid rgba(255,255,255,.13);box-shadow:0 10px 24px rgba(0,0,0,.32);color:#fff;font-size:9.5px;font-weight:800;line-height:1.25;white-space:nowrap;pointer-events:none;opacity:0;transform:translate3d(-50%,3px,0);transition:opacity .14s ease,transform .14s ease;text-align:center}
.sofiya-badge-tooltip-portal.is-visible{opacity:1;transform:translate3d(-50%,-2px,0)}
.sofiya-badge-tooltip-portal::after{content:"";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(9,14,18,.97)}
.sofiya-badge-tooltip-portal.is-below::after{bottom:auto;top:-7px;border-top-color:transparent;border-bottom-color:rgba(9,14,18,.97)}
.sofiya-account-verify-nudge{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border-radius:14px;background:rgba(96,165,250,.10);border:1px solid rgba(96,165,250,.20);color:#dbeafe;text-decoration:none;font-size:.78rem;font-weight:850;line-height:1.5;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.sofiya-account-verify-nudge:hover{background:rgba(96,165,250,.15);border-color:rgba(96,165,250,.32);transform:translateY(-1px)}
.sofiya-account-verify-nudge svg{width:16px;height:16px;color:#60a5fa;flex:0 0 auto}
@media (max-width:640px){.sofiya-badge-tooltip-portal{font-size:9px;padding:5px 7px}.sofiya-account-verify-nudge{width:100%;justify-content:center}}

/* Sofiya account profile editor - iOS / Apple inspired upgrade */
.sofiya-account-profile__avatar--editable{position:relative;isolation:isolate}
.sofiya-account-profile__edit-fab{position:absolute;inset:auto auto -6px -6px;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);box-shadow:0 14px 30px rgba(0,0,0,.25);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;text-decoration:none;transition:transform .18s ease,background .18s ease}
.sofiya-account-profile__edit-fab:hover{transform:translateY(-1px) scale(1.04);background:rgba(255,255,255,.2)}
.sofiya-account-profile__edit-fab svg{width:17px;height:17px}
.sofiya-profile-completion{display:flex;align-items:center;gap:10px;margin-top:8px;max-width:260px;color:rgba(255,255,255,.68);font-size:12px;line-height:1.4}
.sofiya-profile-completion__bar{position:relative;flex:1;min-width:94px;height:7px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.sofiya-profile-completion__bar span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#2ed96f,#b6f36e);box-shadow:0 0 22px rgba(46,217,111,.35)}
.sofiya-profile-completion b{white-space:nowrap;font-weight:800;color:rgba(255,255,255,.82)}
.sofiya-account-card--profile-editor{padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}
.sofiya-ios-profile-form{position:relative;display:flex;flex-direction:column;gap:18px;max-width:760px;margin:0 auto;padding:0 0 24px}
.sofiya-ios-editor-bar{position:sticky;top:calc(var(--sofiya-header-height, 72px) + 10px);z-index:20;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;min-height:58px;padding:6px 10px;border-radius:28px;background:var(--greenglass);border:1px solid rgba(255,255,255,.12);box-shadow: 0 10px 40px #00000061;backdrop-filter: blur(14px) saturate(180%);-webkit-backdrop-filter: blur(14px) saturate(180%);}
.sofiya-ios-editor-bar strong{justify-self:center;font-size:15px;color:#fff;font-weight:900}
.sofiya-ios-editor-bar__btn{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;font-size:30px;line-height:1;text-decoration:none;cursor:pointer;transition:transform .16s ease,background .16s ease}
.sofiya-ios-editor-bar__btn:hover{transform:scale(1.04);background:rgba(255,255,255,.14)}
.sofiya-ios-editor-bar__btn.is-save{background:rgba(255,255,255,.16);font-size:29px;border: 1px solid rgba(255,255,255,.12);}
.sofiya-ios-profile-hero{text-align:center;padding:18px 16px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}
.sofiya-ios-profile-hero__avatar{width:132px;height:132px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.16),rgba(255,255,255,.04));box-shadow:0 24px 70px rgba(0,0,0,.3)}
.sofiya-ios-profile-hero__avatar img,.sofiya-ios-profile-hero__avatar .sofiya-user-avatar-img{width:128px!important;height:128px!important;border-radius:999px;object-fit:cover}
.sofiya-ios-profile-hero h2{margin:6px 0 0;color:#fff;font-size:22px;font-weight:950;letter-spacing:-.02em}
.sofiya-ios-profile-hero>span{color:rgba(255,255,255,.55);font-size:13px;direction:ltr}
.sofiya-ios-avatar-change{border:0;margin-top:6px;padding:11px 22px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-weight:900;cursor:pointer;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 34px rgba(0,0,0,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sofiya-profile-completion--editor{width:min(320px,100%);max-width:320px;margin-top:10px}
.sofiya-ios-form-card{border-radius:28px;padding:18px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 55px rgba(0,0,0,.18);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);overflow:hidden}
.sofiya-ios-form-card h3{margin:0 0 14px;color:#fff;font-size:15px;font-weight:950}
.sofiya-ios-field-list{display:flex;flex-direction:column;border-radius:22px;background:rgba(0,0,0,.16);overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.sofiya-ios-field-list label{display:grid;grid-template-columns:minmax(92px,150px) 1fr;align-items:center;gap:12px;margin:0;padding:0 16px;min-height:58px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.sofiya-ios-field-list label:last-child{border-bottom:0}
.sofiya-ios-field-list label>span,.sofiya-ios-birth-grid label>span{color:rgba(255,255,255,.88);font-size:14px;font-weight:800;white-space:nowrap}
.sofiya-ios-field-list input,.sofiya-ios-birth-grid input{width:100%;min-height:48px;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;padding:0!important;font-size:16px;text-align:right}
.sofiya-ios-field-list input::placeholder,.sofiya-ios-birth-grid input::placeholder{color:rgba(255,255,255,.28)}
.sofiya-ios-field-list input:disabled{color:rgba(255,255,255,.42)!important;-webkit-text-fill-color:rgba(255,255,255,.42)}
.sofiya-ios-inline-action{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
.sofiya-ios-inline-action button{height:36px;border:0;border-radius:999px;background:rgba(46,217,111,.16);color:#86f7a9;font-weight:900;padding:0 12px;cursor:pointer}
.sofiya-ios-birth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sofiya-ios-birth-grid label{display:flex;align-items:center;gap:10px;min-height:58px;margin:0;border-radius:20px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.07);padding:0 14px}
.sofiya-ios-choice-stack{display:flex;flex-direction:column;gap:16px}
.sofiya-ios-choice-title{color:rgba(255,255,255,.86);font-weight:900;font-size:14px}
.sofiya-segmented-control--ios{background:rgba(0,0,0,.18);border-radius:22px;padding:5px;border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.sofiya-segmented-control--ios .sofiya-segmented-control__face{justify-content:center;min-height:42px;border-radius:17px;background:transparent;border:0;color:rgba(255,255,255,.64);font-weight:900}
.sofiya-segmented-control--ios .sofiya-segmented-control__option.is-active .sofiya-segmented-control__face,.sofiya-segmented-control--ios input:checked+.sofiya-segmented-control__face{background:rgba(255,255,255,.14);color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.sofiya-ios-switch-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:14px 16px;border-radius:22px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.07)}
.sofiya-ios-switch-row b{display:block;color:#fff;font-weight:950;margin-bottom:4px}
.sofiya-ios-switch-row small{display:block;color:rgba(255,255,255,.5);line-height:1.7}
.sofiya-ios-switch{position:relative;display:block;width:58px;height:34px;flex:0 0 auto}
.sofiya-ios-switch input{position:absolute;opacity:0;pointer-events:none}
.sofiya-ios-switch span{position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.1);transition:.18s ease;box-shadow:inset 0 2px 8px rgba(0,0,0,.24)}
.sofiya-ios-switch span:before{content:"";position:absolute;top:2px;right:3px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:.18s ease}
.sofiya-ios-switch input:checked+span{background:#34c759}
.sofiya-ios-switch input:checked+span:before{right:25px}
.sofiya-form-actions--ios{justify-content:center;margin-top:2px}
.sofiya-form-actions--ios button{min-width:190px;border-radius:999px;background:linear-gradient(135deg,#27d467,#86f7a9);color:#08140d;font-weight:950}
.sofiya-avatar-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-end;justify-content:center;padding:18px;direction:rtl}
.sofiya-avatar-modal.is-open{display:flex}
.sofiya-avatar-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sofiya-avatar-modal__dialog{position:relative;width:min(720px,100%);max-height:min(86vh,760px);display:flex;flex-direction:column;border-radius:34px;background:var(--bgdarkbox);border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 110px rgba(0,0,0,.55);overflow:hidden;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}
.sofiya-avatar-modal__bar{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.sofiya-avatar-modal__bar strong{justify-self:center;color:#fff;font-weight:950}
.sofiya-avatar-modal__bar button{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer}
.sofiya-avatar-modal__bar .is-save{background:rgba(255,255,255,.16)}
.sofiya-avatar-modal__preview{display:grid;place-items:center;padding:16px 0 6px}
.sofiya-avatar-modal__preview img{width:104px!important;height:104px!important;border-radius:999px;object-fit:cover;box-shadow:0 16px 44px rgba(0,0,0,.28)}
.sofiya-avatar-choices--modal .sofiya-avatar-choice:hover{transform:translateY(-2px);background:rgba(255,255,255,.11)}
.sofiya-avatar-choices--modal .sofiya-avatar-choice.is-active{border-color:#71be14;box-shadow:0 0 0 3px rgba(52,199,89,.22),0 14px 34px rgba(0,0,0,.24);}
.sofiya-avatar-choices--modal .sofiya-avatar-choice img{width:100%;height:100%;border-radius:999px;object-fit:cover;}

body.sofiya-avatar-modal-open{overflow:visible}
@media (max-width: 768px){
  .sofiya-ios-profile-form{gap:14px}
  .sofiya-ios-editor-bar{top:max(10px,env(safe-area-inset-top));border-radius:0 0 28px 28px;margin:-1px -10px 0;min-height:64px;padding-top:max(6px,env(safe-area-inset-top))}
  .sofiya-ios-form-card{border-radius:24px;padding:14px}
  .sofiya-ios-field-list label{grid-template-columns:104px 1fr;padding:0 14px;min-height:56px}
  .sofiya-ios-field-list input,.sofiya-ios-birth-grid input{font-size:16px}
  .sofiya-ios-birth-grid{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .sofiya-ios-birth-grid label{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:8px 12px}
  .sofiya-ios-switch-row{grid-template-columns:1fr auto;padding:13px}
  .sofiya-avatar-modal{align-items:flex-end;padding:0}
  .sofiya-avatar-modal__dialog{width:100%;border-radius:30px 30px 0 0;max-height:88vh}
  .sofiya-avatar-choices--modal{grid-template-columns:repeat(4,1fr);gap:10px;padding:14px}
}
@media (max-width: 430px){
  .sofiya-ios-field-list label{grid-template-columns:88px 1fr;gap:8px}
  .sofiya-ios-field-list label>span,.sofiya-ios-birth-grid label>span{font-size:13px}
  .sofiya-segmented-control--ios{grid-template-columns:1fr;gap:6px}
  .sofiya-avatar-choices--modal{grid-template-columns:repeat(3,1fr)}
}

/* Sofiya v3.0.5 - compact iOS profile editor + centered avatar modal */
.sofiya-ios-profile-form{gap:12px!important;max-width:720px!important;padding-bottom:16px!important}
.sofiya-ios-editor-bar{min-height:50px!important;padding:5px 8px!important;grid-template-columns:42px 1fr 42px!important;border-radius:24px!important}
.sofiya-ios-editor-bar strong{font-size:13px!important}
.sofiya-ios-editor-bar__btn{width:38px!important;height:38px!important;font-size:0!important;}
.sofiya-ios-editor-bar__btn svg{width:24px !important;height:24px !important;display:block!important}
.sofiya-ios-profile-hero{padding:12px 12px 2px!important;gap:6px!important}
.sofiya-ios-profile-hero__avatar{width:108px!important;height:108px!important}
.sofiya-ios-profile-hero__avatar img,.sofiya-ios-profile-hero__avatar .sofiya-user-avatar-img{width:104px!important;height:104px!important}
.sofiya-ios-profile-hero h2{font-size:18px!important;margin-top:4px!important}
.sofiya-ios-profile-hero>span{font-size:12px!important}
.sofiya-ios-avatar-change{margin-top:3px!important;padding:8px 18px!important;font-size:12px!important;min-height:36px!important}
.sofiya-profile-completion--editor{margin-top:6px!important;transform:scale(.94);transform-origin:center top}
.sofiya-ios-form-card{border-radius:22px!important;padding:12px!important}
.sofiya-ios-form-card h3{font-size:13px!important;margin-bottom:9px!important}
.sofiya-ios-field-list{border-radius:18px!important}
.sofiya-ios-field-list label{min-height:46px!important;padding:0 12px!important;gap:8px!important;grid-template-columns:minmax(82px,128px) 1fr!important}
.sofiya-ios-field-list label>span,.sofiya-ios-birth-grid label>span{font-size:12px!important;font-weight:850!important}
.sofiya-ios-field-list input,.sofiya-ios-birth-grid input{min-height:40px!important;font-size:14px!important}
.sofiya-ios-inline-action button{height:32px!important;padding:0 10px!important;font-size:11px!important}
.sofiya-ios-birth-grid{gap:8px!important}
.sofiya-ios-birth-grid label{min-height:48px!important;border-radius:17px!important;padding:0 11px!important;gap:7px!important}
.sofiya-ios-choice-stack{gap:10px!important}
.sofiya-ios-choice-title{font-size:12px!important}
.sofiya-segmented-control--ios{border-radius:18px!important;padding:4px!important;gap:4px!important}
.sofiya-segmented-control--ios .sofiya-segmented-control__face{min-height:36px!important;border-radius:14px!important;font-size:12px!important}
.sofiya-ios-switch-row{border-radius:18px!important;padding:10px 12px!important;gap:12px!important}
.sofiya-ios-switch-row b{font-size:13px!important;margin-bottom:2px!important}
.sofiya-ios-switch-row small{font-size:11px!important;line-height:1.55!important}
.sofiya-ios-switch{width:50px!important;height:30px!important}
.sofiya-ios-switch span:before{width:24px!important;height:24px!important}
.sofiya-ios-switch input:checked+span:before{right:22px!important}
.sofiya-form-actions--ios{margin-top:0!important}
.sofiya-form-actions--ios button{min-height:40px!important;font-size:13px!important}
.sofiya-avatar-modal{align-items:center!important;justify-content:center!important;padding:max(12px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom))!important;z-index:2147483000!important}
.sofiya-avatar-modal__dialog{width:min(620px,100%)!important;max-height:min(82vh,680px)!important;border-radius:30px!important;transform:translateZ(0)!important}
.sofiya-avatar-modal__bar{grid-template-columns:44px 1fr 44px!important;padding:9px 11px!important}
.sofiya-avatar-modal__bar strong{font-size:13px!important}
.sofiya-avatar-modal__bar button{width:38px!important;height:38px!important;font-size:0!important}
.sofiya-avatar-modal__bar button svg{width:20px!important;height:20px!important;display:block!important}
.sofiya-avatar-modal__preview{padding:10px 0 4px!important}
.sofiya-avatar-modal__preview img{width:82px!important;height:82px!important}
@media (max-width:768px){
  .sofiya-ios-profile-form{gap:10px!important}
  .sofiya-ios-editor-bar{min-height:54px!important;margin:-1px -8px 0!important;border-radius:0 0 22px 22px!important}
  .sofiya-ios-form-card{padding:10px!important;border-radius:20px!important}
  .sofiya-ios-field-list label{min-height:44px!important;grid-template-columns:86px 1fr!important;padding:0 10px!important}
  .sofiya-ios-profile-hero__avatar{width:96px!important;height:96px!important}
  .sofiya-ios-profile-hero__avatar img,.sofiya-ios-profile-hero__avatar .sofiya-user-avatar-img{width:92px!important;height:92px!important}
  .sofiya-avatar-modal{align-items:center!important;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important}
  .sofiya-avatar-modal__dialog{width:min(96vw,520px)!important;max-height:82vh!important;border-radius:26px!important}
  .sofiya-avatar-choices--modal{grid-template-columns:repeat(4,1fr)!important;max-height:45vh!important}
}
@media (max-width:430px){
  .sofiya-ios-field-list label{grid-template-columns:76px 1fr!important;gap:6px!important}
  .sofiya-ios-field-list label>span,.sofiya-ios-birth-grid label>span{font-size:11px!important}
  .sofiya-ios-field-list input,.sofiya-ios-birth-grid input{font-size:13px!important}
  .sofiya-ios-birth-grid label{padding:7px 9px!important}
  .sofiya-avatar-choices--modal{grid-template-columns:repeat(3,1fr)!important}
}

/* Sofiya v3.0.6 - profile editor fixes: stable avatar modal grid, no username field, display-name selector */
.sofiya-ios-select{
  width:100%;min-height:40px;border:0;background:transparent;color:#fff;font:inherit;font-size:14px!important;font-weight:800;outline:0;direction:rtl;text-align:right;appearance:none;-webkit-appearance:none;padding:0 0 0 24px;
}
.sofiya-ios-select option{background:#1b1f24;color:#fff}
.sofiya-avatar-modal{position:fixed!important;inset:0!important;height:100dvh!important;width:100vw!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;overscroll-behavior:contain!important}
.sofiya-avatar-modal__backdrop{cursor:default!important}
.sofiya-avatar-modal__dialog{display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:auto!important;max-width:620px!important}
.sofiya-avatar-modal__preview{flex:0 0 auto!important}
@media (max-width:768px){
  .sofiya-avatar-modal__dialog{width:min(94vw,440px)!important;max-height:min(76dvh,620px)!important;border-radius:24px!important}
  .sofiya-avatar-modal__bar{flex:0 0 auto!important;min-height:50px!important}
  .sofiya-avatar-modal__preview{padding:8px 0 3px!important}
  .sofiya-avatar-modal__preview img{width:70px!important;height:70px!important}
  .sofiya-avatar-choices--modal{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:10px 12px 14px!important;max-height:none!important}

}
@media (max-width:390px){
  .sofiya-avatar-modal__dialog{width:min(96vw,360px)!important;max-height:74dvh!important}
  .sofiya-avatar-choices--modal{gap:7px!important;padding:9px 10px 12px!important}
}

/* Sofiya v3.0.7 - profile editor polish: hide top profile header on edit tab, segmented display name, fixed avatar grid */
.sofiya-account-profile--hidden{display:none!important}
.sofiya-segmented-control--display-name{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:430px){.sofiya-segmented-control--display-name{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sofiya-segmented-control--display-name .sofiya-segmented-control__face{min-height:38px!important;padding:7px 5px!important;font-size:11px!important}}

/* The avatar modal must behave like a fixed app sheet, independent from the form layout. */
.sofiya-avatar-modal{position:fixed!important;inset:0!important;z-index:2147482500!important;width:100vw!important;height:100vh!important;height:100dvh!important;display:none!important;align-items:center!important;justify-content:center!important;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important;overflow:hidden!important;overscroll-behavior:contain!important;direction:rtl!important}
.sofiya-avatar-modal.is-open{display:flex!important}
.sofiya-avatar-modal__dialog{width:min(94vw,620px)!important;max-height:min(82dvh,680px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:auto!important;border-radius:26px!important}
.sofiya-avatar-modal__bar{flex:0 0 auto!important;display:grid!important;grid-template-columns:42px 1fr 42px!important;align-items:center!important;min-height:52px!important;padding:7px 10px!important}
.sofiya-avatar-modal__preview{flex:0 0 auto!important;padding:8px 0 4px!important}
.sofiya-avatar-modal__preview img{width:90px !important;height:90px !important;min-width:72px!important;border-radius:999px!important;object-fit:cover!important;border: 3px solid #00e0a9;}
.sofiya-avatar-choices--modal{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(72px,1fr))!important;gap:10px!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important;padding:12px 14px 16px!important;margin:0!important;box-sizing:border-box!important;scrollbar-width:thin!important;}
.sofiya-avatar-choices--modal .sofiya-avatar-choice:hover{transform:none!important}
.sofiya-avatar-choices--modal .sofiya-avatar-choice input{position:absolute!important;opacity:0!important;pointer-events:none!important}
@media(max-width:768px){.sofiya-avatar-modal__dialog{width:min(94vw,440px)!important;max-height:78dvh!important}.sofiya-avatar-choices--modal{grid-auto-rows:min(28vw,96px)!important;gap:8px!important;padding:10px 12px 14px!important;}.sofiya-avatar-choices--modal .sofiya-avatar-choice{border-radius:999px !important;width: 86px;height: 86px !important;}}
@media(max-width:390px){.sofiya-avatar-modal__dialog{width:min(96vw,360px)!important;max-height:76dvh!important}.sofiya-avatar-choices--modal{grid-auto-rows:min(29vw,88px)!important;gap:7px!important;padding:9px 10px 12px!important}.sofiya-avatar-choices--modal .sofiya-avatar-choice{height:min(29vw,88px)!important}}


/* Sofiya v3.0.8 - account/profile mobile polish */
.sofiya-account-page--tab-dashboard{padding-top:0!important}
.sofiya-account-page--tab-dashboard .sofiya-account-app{margin-top:0!important;padding-top:0!important}
.sofiya-account-page--tab-profile{padding-top:0!important}
.sofiya-account-page--tab-profile .sofiya-account-app{margin-top:0!important;padding-top:0!important}
.sofiya-account-page--tab-profile .sofiya-account-content{padding-top:0!important;margin-top:0!important}
.sofiya-account-page--tab-profile .sofiya-account-card--profile-editor{padding-top:0!important;margin-top:0!important;overflow:visible!important}
.sofiya-ios-editor-bar{top:calc(var(--sofiya-header-height,72px) + 10px)!important;border-radius:24px!important;z-index:80!important;margin:0 0 10px!important}
.sofiya-segmented-control--ios{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
.sofiya-segmented-control--ios .sofiya-segmented-control__option{min-width:0!important}
.sofiya-segmented-control--ios .sofiya-segmented-control__face{white-space:nowrap!important;min-width:0!important;padding-inline:6px!important;text-align:center!important}
.sofiya-ios-birth-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.sofiya-ios-birth-grid label{min-width:0!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important}
.sofiya-ios-birth-grid input{min-width:0!important}
@media(max-width:768px){
  .sofiya-account-page--tab-dashboard{padding-top:0!important}
  .sofiya-account-page--tab-profile{padding-top:0!important}
  .sofiya-ios-editor-bar{top:calc(var(--sofiya-header-height,64px) + max(8px,env(safe-area-inset-top)))!important;border-radius:22px!important;margin:0 0 8px!important;min-height:52px!important;padding:6px 8px!important}
  .sofiya-segmented-control--ios{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
  .sofiya-segmented-control--ios .sofiya-segmented-control__face{min-height:34px!important;font-size:11px!important;padding-inline:4px!important;line-height:1.25!important}
  .sofiya-ios-birth-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .sofiya-ios-birth-grid label{min-height:46px!important;padding:6px 8px!important;border-radius:16px!important;gap:2px!important}
  .sofiya-ios-birth-grid label>span{font-size:10px!important}
  .sofiya-ios-birth-grid input{font-size:13px!important;min-height:22px!important}
}
@media(max-width:390px){
  .sofiya-segmented-control--ios .sofiya-segmented-control__face{font-size:10px!important;padding-inline:2px!important}
  .sofiya-ios-birth-grid{gap:5px!important}
  .sofiya-ios-birth-grid label{padding:5px 6px!important}
}


/* Sofiya v3.0.9 - disable mobile focus/pinch zoom and keep form fields app-like */
html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
@media (max-width: 820px){
  input, select, textarea, .sofiya-auth-form input, .sofiya-auth-form select, .sofiya-auth-form textarea, .sofiya-account-card input, .sofiya-account-card select, .sofiya-account-card textarea, .sofiya-modal__form input, .sofiya-modal__form textarea, .sofiya-ticket-filters input, .sofiya-ticket-filters select, .sofiya-ticket-compose-form input, .sofiya-ticket-compose-form textarea, .sofiya-ticket-reply-form textarea, .sofiya-ios-field-list input, .sofiya-ios-birth-grid input, .sofiya-ios-select, .search-modal__form input, .comments-box input, .comments-box textarea, .sofiya-comment-form input, .sofiya-comment-form textarea{
    font-size:16px!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
  .sofiya-ios-birth-grid input{min-height:24px!important;}
  .sofiya-ticket-compose-form input,
  .sofiya-ticket-compose-form textarea,
  .sofiya-ticket-reply-form textarea{line-height:1.45!important;}
}
@media (max-width: 390px){
  .sofiya-ios-birth-grid input,
  .sofiya-ios-field-list input{font-size:16px!important;}
}


/* Sofiya removable bookmark cards */
.sofiya-bookmark-card__poster{position:relative;overflow:hidden}
.sofiya-bookmark-card__remove{position:absolute;top:10px;left:10px;z-index:5;width:34px;height:34px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(5,8,7,.72);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:0 10px 26px rgba(0,0,0,.34);transition:transform .18s ease,background .18s ease,color .18s ease,opacity .18s ease}
.sofiya-bookmark-card__remove:hover,.sofiya-bookmark-card__remove:focus-visible{background:#ff4d5f;color:#fff;transform:scale(1.06);outline:0}
.sofiya-bookmark-card__remove svg{width:18px;height:18px;display:block;stroke:currentColor;pointer-events:none}
.sofiya-bookmark-card__remove.is-loading{opacity:.65;pointer-events:none}
.sofiya-bookmark-card.is-removing{opacity:0;transform:scale(.96);transition:opacity .22s ease,transform .22s ease;pointer-events:none}
@media(max-width:640px){.sofiya-bookmark-card__remove{top:7px;left:7px;width:30px;height:30px}.sofiya-bookmark-card__remove svg{width:16px;height:16px}}


/* Sofiya 2.9.27 - dashboard bookmark remove + notification scroll lock hardening */
.sofiya-bookmark-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    color:#fff!important;
    text-decoration:none!important;
    overflow:visible!important;
}
.sofiya-bookmark-card__poster{
    position:relative!important;
    display:block!important;
    overflow:hidden!important;
    border-radius:14px!important;
    isolation:isolate!important;
}
.sofiya-bookmark-card__poster-link{
    display:block!important;
    color:inherit!important;
    text-decoration:none!important;
    border-radius:inherit!important;
    overflow:hidden!important;
}
.sofiya-bookmark-card__poster-link img,
.sofiya-bookmark-card__poster img{
    display:block!important;
    width:100%!important;
    aspect-ratio:2/3!important;
    height:auto!important;
    object-fit:cover!important;
    border-radius:inherit!important;
}
.sofiya-bookmark-card__title-link{
    display:grid!important;
    gap:4px!important;
    color:inherit!important;
    text-decoration:none!important;
    min-width:0!important;
}
.sofiya-bookmark-card__remove{
    -webkit-appearance:none!important;
    appearance:none!important;
    position:absolute!important;
    top:8px!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    z-index:12!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:10px!important;
    background:rgba(5,10,8,.76)!important;
    color:#fff!important;
    display:grid!important;
    place-items:center!important;
    line-height:1!important;
    cursor:pointer!important;
    box-shadow:0 10px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12)!important;
    backdrop-filter:blur(12px) saturate(160%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(160%)!important;
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease!important;
}
.sofiya-bookmark-card__remove:hover,
.sofiya-bookmark-card__remove:focus-visible{
    background:#ff4d5f!important;
    border-color:#ff4d5f!important;
    color:#fff!important;
    transform:translateY(-1px) scale(1.04)!important;
    outline:0!important;
}
.sofiya-bookmark-card__remove svg,
.sofiya-bookmark-card__remove .sofiya-icon{
    width:15px!important;
    height:15px!important;
    display:block!important;
    margin:0!important;
    color:currentColor!important;
    stroke:currentColor!important;
    fill:none!important;
    pointer-events:none!important;
}
.sofiya-bookmark-card__remove.is-loading{
    opacity:.65!important;
    pointer-events:none!important;
}
.sofiya-bookmark-card.is-removing{
    opacity:0!important;
    transform:scale(.96)!important;
    transition:opacity .22s ease,transform .22s ease!important;
    pointer-events:none!important;
}
@media(max-width:640px){
    .sofiya-bookmark-card__remove{top:7px!important;left:7px!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;border-radius:9px!important}
    .sofiya-bookmark-card__remove svg,.sofiya-bookmark-card__remove .sofiya-icon{width:14px!important;height:14px!important}
}
html:has(body.sofiya-notification-modal-open){
    overflow:hidden!important;
    overscroll-behavior:none!important;
}
body.sofiya-notification-modal-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
}
body.sofiya-notification-modal-open .sofiya-notification-modal,
body.sofiya-notification-modal-open .sofiya-notification-modal__sheet,
body.sofiya-notification-modal-open .sofiya-notification-modal__body{
    touch-action:pan-y!important;
}
.sofiya-notification-modal{
    overscroll-behavior:contain!important;
}
.sofiya-notification-modal__sheet{
    max-height:calc(100dvh - 110px)!important;
    overscroll-behavior:contain!important;
}
.sofiya-notification-modal__body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
}
@supports not selector(:has(*)){
    body.sofiya-notification-modal-open{overflow:hidden!important;overscroll-behavior:none!important}
}


/* Sofiya 2.9.28 - hard dashboard bookmark remove fix after CSS balance repair */
.sofiya-profile-tabs-panel[data-tab-panel="bookmarks"] .sofiya-bookmark-card__poster,
.sofiya-account-page .sofiya-bookmark-card__poster{position:relative!important;display:block!important;overflow:hidden!important;border-radius:14px!important;isolation:isolate!important}
.sofiya-profile-tabs-panel[data-tab-panel="bookmarks"] .sofiya-bookmark-card__remove,
.sofiya-account-page .sofiya-bookmark-card__remove{
  -webkit-appearance:none!important;appearance:none!important;position:absolute!important;top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;z-index:50!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:10px!important;background:rgba(5,10,8,.80)!important;color:#fff!important;display:grid!important;place-items:center!important;line-height:1!important;cursor:pointer!important;box-shadow:0 10px 24px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(12px) saturate(160%)!important;-webkit-backdrop-filter:blur(12px) saturate(160%)!important;transform:none!important;opacity:1!important;pointer-events:auto!important;-webkit-tap-highlight-color:transparent!important
}
.sofiya-profile-tabs-panel[data-tab-panel="bookmarks"] .sofiya-bookmark-card__remove:hover,
.sofiya-profile-tabs-panel[data-tab-panel="bookmarks"] .sofiya-bookmark-card__remove:focus-visible,
.sofiya-account-page .sofiya-bookmark-card__remove:hover,
.sofiya-account-page .sofiya-bookmark-card__remove:focus-visible{background:#ff4d5f!important;border-color:#ff4d5f!important;color:#fff!important;transform:translateY(-1px) scale(1.04)!important;outline:0!important}
.sofiya-profile-tabs-panel[data-tab-panel="bookmarks"] .sofiya-bookmark-card__remove svg,
.sofiya-profile-tabs-panel[data-tab-panel="bookmarks"] .sofiya-bookmark-card__remove .sofiya-icon,
.sofiya-account-page .sofiya-bookmark-card__remove svg,
.sofiya-account-page .sofiya-bookmark-card__remove .sofiya-icon{width:15px!important;height:15px!important;display:block!important;margin:0!important;color:currentColor!important;stroke:currentColor!important;fill:none!important;pointer-events:none!important}
@media(max-width:640px){.sofiya-profile-tabs-panel[data-tab-panel="bookmarks"] .sofiya-bookmark-card__remove,.sofiya-account-page .sofiya-bookmark-card__remove{top:7px!important;left:7px!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;border-radius:9px!important}.sofiya-profile-tabs-panel[data-tab-panel="bookmarks"] .sofiya-bookmark-card__remove svg,.sofiya-profile-tabs-panel[data-tab-panel="bookmarks"] .sofiya-bookmark-card__remove .sofiya-icon,.sofiya-account-page .sofiya-bookmark-card__remove svg,.sofiya-account-page .sofiya-bookmark-card__remove .sofiya-icon{width:14px!important;height:14px!important}}

/* Sofiya 2.9.43 - notification modal participates in the unified modal lock.
   Do not force body back to position:static here; the central JS lock freezes
   the page at its current visual position and restores it without a painted jump. */
html.sofiya-notification-modal-open,
html:has(body.sofiya-notification-modal-open){
    overflow:hidden!important;
    overscroll-behavior:none!important;
}
body.sofiya-notification-modal-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
}
body.sofiya-notification-modal-open .sofiya-notification-modal,
body.sofiya-notification-modal-open .sofiya-notification-modal__sheet,
body.sofiya-notification-modal-open .sofiya-notification-modal__body{
    touch-action:pan-y!important;
}
.sofiya-notification-modal__backdrop{
    background:rgba(0, 0, 0, 0.93) !important;
}
.sofiya-notification-modal__body{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
}

/* User list visibility warnings */
.sofiya-list-card.has-warning{border-color:rgba(255,193,7,.32);box-shadow:0 16px 45px rgba(255,193,7,.08),0 16px 42px rgba(0,0,0,.18)}
.sofiya-list-warning-trigger,.sofiya-list-warning-link{appearance:none;border:0;background:rgba(255,193,7,.12);color:#ffd166;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}
.sofiya-list-warning-trigger{width:34px;height:34px;border-radius:14px;flex:0 0 auto;border:1px solid rgba(255,193,7,.22)}
.sofiya-list-warning-trigger svg,.sofiya-list-warning-link svg{width:18px;height:18px}
.sofiya-list-warning-trigger:hover,.sofiya-list-warning-link:hover{transform:translateY(-1px);background:rgba(255,193,7,.2);color:#fff}
.sofiya-list-warning-link{border-radius:999px;padding:7px 10px;font-size:.74rem;font-weight:800;border:1px solid rgba(255,193,7,.18)}
.sofiya-list-card__actions button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(1)}
.sofiya-list-warning-modal{position:fixed;inset:0;z-index:100050;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.sofiya-list-warning-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.sofiya-list-warning-modal__backdrop{position:absolute;inset:0;background:rgba(2,6,23,.64);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sofiya-list-warning-modal__panel{position:relative;width:min(520px,100%);max-height:min(76vh,680px);overflow:auto;border-radius:28px;background:linear-gradient(180deg,rgba(28,32,42,.98),rgba(12,16,24,.98));border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 90px rgba(0,0,0,.55);padding:22px;color:#fff;transform:translateY(12px) scale(.98);transition:transform .22s ease}
.sofiya-list-warning-modal.is-open .sofiya-list-warning-modal__panel{transform:translateY(0) scale(1)}
.sofiya-list-warning-modal__close{position:absolute;top:14px;left:14px;width:34px;height:34px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sofiya-list-warning-modal__close svg{width:20px;height:20px}
.sofiya-list-warning-modal__head{display:flex;align-items:center;gap:12px;padding-left:42px;margin-bottom:14px}
.sofiya-list-warning-modal__head>span{width:44px;height:44px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(255,193,7,.15);color:#ffd166;border:1px solid rgba(255,193,7,.24)}
.sofiya-list-warning-modal__head svg{width:24px;height:24px}
.sofiya-list-warning-modal__head h3{margin:0;font-size:1.02rem;font-weight:900;line-height:1.8}
.sofiya-list-warning-modal__list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.sofiya-list-warning-modal__list li{border-radius:18px;padding:12px 14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#dbeafe;line-height:1.9}
.sofiya-list-warning-modal__list li.is-error{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.2);color:#fecaca}
.sofiya-list-warning-modal__list li.is-warning{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.2);color:#fde68a}
.sofiya-list-warning-modal__list li.is-info{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.2);color:#bfdbfe}
@media(max-width:640px){.sofiya-list-warning-modal{align-items:flex-end;padding:10px}.sofiya-list-warning-modal__panel{width:100%;border-radius:26px 26px 18px 18px;max-height:82vh}.sofiya-list-warning-link span{display:none}}


/* v2.9.60: public/related user-list cards cleanup */
.sofiya-public-list-grid--compact .sofiya-list-badge--cover{display:none!important}
.sofiya-public-list-grid--compact .sofiya-public-list-grid-card__body h3{font-size:13px!important;line-height:1.65!important}
.sofiya-public-list-grid--compact .sofiya-public-list-grid-card__meta{font-size:11px!important;line-height:1.55!important;gap:6px!important}
.sofiya-public-list-grid--compact .sofiya-public-list-grid-card__meta>span{min-width:0}
.sofiya-public-list-grid-card__author{display:inline-flex;align-items:center;gap:4px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sofiya-public-list-grid-card__author a,.sofiya-public-list-grid-card__author>span[dir="auto"]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;text-align:start}
.sofiya-public-list-grid-card__count{white-space:nowrap}


/* Sofiya tickets UX upgrade - v1.5.3 */
.sofiya-ticket-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;color:rgba(255,255,255,.62);font-size:12px;font-weight:800;letter-spacing:-.02em}
.sofiya-ticket-new-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;white-space:nowrap}
.sofiya-ticket-new-btn b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.18);font-size:18px;line-height:1}
.sofiya-ticket-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 14px}
.sofiya-ticket-stats button{appearance:none;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:18px;padding:13px 12px;color:#fff;text-align:right;cursor:pointer;transition:.18s ease;font-family:inherit;min-width:0}
.sofiya-ticket-stats button:hover,.sofiya-ticket-stats button.is-active{background:rgba(var(--sofiya-accent-rgb,34,197,94),.14);border-color:rgba(var(--sofiya-accent-rgb,34,197,94),.38);transform:translateY(-1px)}
.sofiya-ticket-stats strong{display:block;font-size:20px;line-height:1;margin-bottom:5px}
.sofiya-ticket-stats span{display:block;color:rgba(255,255,255,.68);font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sofiya-ticket-table tr.has-new-reply{background:linear-gradient(90deg,rgba(var(--sofiya-accent-rgb,34,197,94),.12),rgba(255,255,255,.035))}
.sofiya-ticket-id{display:inline-flex;align-items:center;gap:6px}
.sofiya-ticket-new-dot{display:inline-block;width:9px;height:9px;border-radius:999px;background:rgb(var(--sofiya-accent-rgb,34,197,94));box-shadow:0 0 0 4px rgba(var(--sofiya-accent-rgb,34,197,94),.13);vertical-align:middle;margin-inline-start:7px}
.sofiya-ticket-table td strong+small{display:block;margin-top:7px;color:rgba(255,255,255,.52);font-size:11px;font-weight:700}
.sofiya-ticket-empty{display:grid;gap:6px;justify-items:center;padding:26px 10px!important;color:rgba(255,255,255,.7)}
.sofiya-ticket-empty strong{color:#fff;font-size:15px}
.sofiya-ticket-empty span{font-size:13px;color:rgba(255,255,255,.56)}
.sofiya-ticket-compose-form input::placeholder,.sofiya-ticket-compose-form textarea::placeholder,.sofiya-ticket-reply-form textarea::placeholder{color:rgba(255,255,255,.38)!important}
.sofiya-ticket-chat[data-ticket-chat]{scroll-behavior:smooth}
.sofiya-ticket-view .sofiya-ticket-meta{gap:8px}
.sofiya-ticket-view .sofiya-ticket-meta>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){.sofiya-ticket-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.sofiya-ticket-stats button{border-radius:16px;padding:11px 10px}.sofiya-ticket-stats strong{font-size:18px}}
@media (max-width:640px){.sofiya-ticket-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.sofiya-ticket-stats button{padding:10px}.sofiya-ticket-stats span{font-size:11px}.sofiya-ticket-new-btn{width:100%}.sofiya-ticket-table tbody tr.has-new-reply{border-color:rgba(var(--sofiya-accent-rgb,34,197,94),.32)!important}.sofiya-ticket-table td strong+small{font-size:10.5px}.sofiya-ticket-empty{padding:20px 8px!important}}


/* Sofiya 2.9.65.14 - Windows-safe dark selects for dashboard tickets */
.sofiya-ticket-filters select,
.sofiya-account-card select,
.sofiya-modal select,
.sofiya-ios-select{
  -webkit-appearance:none;
  appearance:none;
  color:#fff!important;
  background-color:rgba(255,255,255,.065)!important;
  background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.88) 50%),linear-gradient(135deg,rgba(255,255,255,.88) 50%,transparent 50%)!important;
  background-position:left 18px center,left 12px center!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat!important;
  padding-left:42px!important;
}
.sofiya-ticket-filters select option,
.sofiya-account-card select option,
.sofiya-modal select option,
.sofiya-ios-select option{
  background:#10251d!important;
  color:#fff!important;
}
.sofiya-ticket-filters select option:checked,
.sofiya-account-card select option:checked,
.sofiya-modal select option:checked,
.sofiya-ios-select option:checked{
  background:#0bcf8f!important;
  color:#071810!important;
}