/* =========================================================
   AUTH-MODEL-MOBILE.CSS — МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================================= */

@media (max-width: 767px) {

    /* =========================================================
       FIXED SINGLE PANTHER BACKGROUND (ВИДЕО ДЛЯ МОБИЛКИ)
    ========================================================= */

    html,
    body {
        min-height: 100% !important;
        background: #000 !important;
    }

    body {
        position: relative !important;
        background: #000 !important;
    }

    .desktop-video {
        display: none !important;
    }

    .mobile-center-video {
        display: block !important;
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 110% !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        object-fit: contain !important;
        z-index: 0 !important;
        opacity: 0.92 !important;
        filter: brightness(0.86) contrast(1.04) !important;
        pointer-events: none !important;
    }

    .panther-fixed-bg {
        position: fixed !important;
        inset: 0 !important;
        z-index: 0 !important;
        pointer-events: none !important;
        overflow: hidden !important;
        display: block !important;
    }

    .panther-fixed-overlay {
        position: fixed !important;
        inset: 0 !important;
        z-index: 1 !important;
        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,0.14) 0%,
                rgba(0,0,0,0.16) 18%,
                rgba(0,0,0,0.22) 42%,
                rgba(0,0,0,0.42) 72%,
                rgba(0,0,0,0.64) 100%
            ) !important;
        display: block !important;
        pointer-events: none !important;
    }

    .site-wrapper {
        position: relative !important;
        z-index: 2 !important;
    }

    .diamond-bg,
    .diamond-bg__base,
    .diamond-bg__platinum--1,
    .diamond-bg__platinum--2,
    .diamond-bg__depth,
    .diamond-bg__facets,
    .diamond-bg__gloss,
    .diamond-bg__spark {
        display: none !important;
        opacity: 0 !important;
        background: none !important;
        background-image: none !important;
        animation: none !important;
        filter: none !important;
        box-shadow: none !important;
    }

    .panther-fixed,
    .panther-fixed-left,
    .panther-fixed-right {
        display: none !important;
    }

    /* =========================================================
       БЛОК ПРИБЛИЖЕНИЯ
    ========================================================= */

    .lux-input,
    .lux-textarea {
        font-size: 16px !important; /* Минимум 16px, чтобы iOS не зумил */
    }
    
    /* Фиксируем высоту страницы */
    html, body {
        height: 100% !important;
        position: fixed !important;
        overflow: hidden !important;
        width: 100% !important;
    }
    
    .site-wrapper {
        height: 100% !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* При фокусе на поле — не даём странице сжиматься */
    .lux-input:focus,
    .lux-textarea:focus {
        position: relative !important;
        z-index: 100 !important;
    }

    /* =========================================================
       BASE
    ========================================================= */

    .auth-main {
        padding-top: 0.6rem !important;
        padding-bottom: 1.6rem !important;
        position: relative !important;
        z-index: 3 !important;
    }

    .auth-page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        position: relative !important;
        z-index: 3 !important;
        isolation: isolate !important;
        min-height: calc(100vh - 70px) !important;
        background: transparent !important;
        overflow: visible !important;
    }

    .auth-page::before,
    .auth-page::after {
        content: none !important;
        display: none !important;
        opacity: 0 !important;
        filter: none !important;
        animation: none !important;
        background: none !important;
    }

    .auth-view {
        width: 100% !important;
    }

    .auth-view.is-active {
        display: block !important;
    }

    /* =========================================================
       HERO
    ========================================================= */

    .auth-hero {
        position: relative !important;
        z-index: 3 !important;
        text-align: center !important;
        padding-top: 0.2rem !important;
        margin-bottom: 1.1rem !important;
        overflow: visible !important;
    }

    .auth-hero-glow {
        position: absolute !important;
        left: 50% !important;
        top: -8px !important;
        transform: translateX(-50%) !important;
        width: min(100%, 420px) !important;
        height: 112px !important;
        border-radius: 999px !important;
        filter: blur(8px) !important;
        opacity: 0.12 !important;
        z-index: 0 !important;
        background:
            radial-gradient(
                circle at 50% 50%,
                rgba(255,255,255,0.04) 0%,
                rgba(220,228,236,0.016) 35%,
                rgba(255,255,255,0.006) 52%,
                transparent 74%
            ) !important;
    }

    .auth-title-wrap {
        position: relative !important;
        z-index: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.72rem !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 0.15rem !important;
    }

    .auth-title {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: clamp(2.05rem, 9.8vw, 2.9rem) !important;
        letter-spacing: 0.055em !important;
        line-height: 0.96 !important;
        text-align: center !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
        hyphens: auto !important;
        text-wrap: balance !important;
    }

    .auth-title::before {
        transform: translate(1px, 2px) !important;
        filter: blur(2px) !important;
        opacity: 0.66 !important;
    }

    .auth-role {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        flex-wrap: wrap !important;
        width: auto !important;
        max-width: 100% !important;
        padding: 0.68rem 0.95rem !important;
        border-radius: 999px !important;
        background:
            linear-gradient(
                180deg,
                rgba(36, 40, 46, 0.18) 0%,
                rgba(14, 16, 20, 0.26) 100%
            ) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.04),
            0 6px 12px rgba(0,0,0,0.11) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        border: 1px solid rgba(233,238,244,0.08) !important;
    }

    .auth-role-label,
    .auth-role-value {
        font-size: 0.66rem !important;
        letter-spacing: 0.11em !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        text-align: center !important;
    }

    .auth-role-diamond {
        width: 5px !important;
        height: 5px !important;
        flex: 0 0 5px !important;
    }

    .auth-decor-chain {
        position: absolute !important;
        top: -14px !important;
        right: -8px !important;
        width: 72px !important;
        opacity: 0.82 !important;
        transform: none !important;
        z-index: 1 !important;
        pointer-events: none !important;
        filter:
            drop-shadow(0 0 8px rgba(255,255,255,0.08))
            drop-shadow(0 0 14px rgba(220,228,236,0.04)) !important;
    }

    .chain-sparks {
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        pointer-events: none !important;
    }

    .spark {
        width: 2px !important;
        height: 2px !important;
        box-shadow:
            0 0 5px rgba(255,255,255,0.85),
            0 0 10px rgba(220,228,236,0.46),
            0 0 18px rgba(220,228,236,0.2) !important;
    }

    .spark.big {
        width: 3px !important;
        height: 3px !important;
        box-shadow:
            0 0 7px rgba(255,255,255,0.95),
            0 0 14px rgba(220,228,236,0.58),
            0 0 24px rgba(220,228,236,0.24) !important;
    }

    /* =========================================================
       MAIN SHELL
    ========================================================= */

    .auth-shell {
        position: relative !important;
        z-index: 3 !important;
        border-radius: 22px !important;
        overflow: hidden !important;
        background:
            linear-gradient(
                145deg,
                rgba(248, 251, 255, 0.035) 0%,
                rgba(212, 220, 230, 0.018) 14%,
                rgba(42, 46, 54, 0.07) 34%,
                rgba(12, 14, 18, 0.28) 58%,
                rgba(205, 214, 223, 0.02) 100%
            ) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.035),
            inset 0 -1px 0 rgba(0,0,0,0.10),
            0 10px 18px rgba(0,0,0,0.12) !important;
        backdrop-filter: blur(4px) saturate(104%) !important;
        -webkit-backdrop-filter: blur(4px) saturate(104%) !important;
        border: 1px solid rgba(232,238,245,0.08) !important;
    }

    .auth-shell::before {
        content: "" !important;
        position: absolute !important;
        inset: 1px !important;
        border-radius: 21px !important;
        background:
            linear-gradient(
                135deg,
                rgba(255,255,255,0.022) 0%,
                rgba(255,255,255,0.005) 18%,
                transparent 38%,
                transparent 62%,
                rgba(255,255,255,0.008) 100%
            ) !important;
        pointer-events: none !important;
    }

    .auth-shell::after {
        content: "" !important;
        position: absolute !important;
        inset: 8px !important;
        border-radius: 15px !important;
        border: 1px solid rgba(255,255,255,0.018) !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    .auth-form {
        position: relative !important;
        z-index: 2 !important;
        padding: 0.95rem !important;
    }

    /* =========================================================
       SECTION CAPTIONS
    ========================================================= */

    .form-section {
        margin-bottom: 1.2rem !important;
    }

    .form-section:last-of-type {
        margin-bottom: 0 !important;
    }

    .section-caption {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        margin-bottom: 0.8rem !important;
        padding-bottom: 0.4rem !important;
        border-bottom: 1px solid rgba(255,255,255,0.04) !important;
        flex-wrap: wrap !important;
        max-width: 100% !important;
    }

    .section-caption-diamond-img {
        width: 14px !important;
        height: 14px !important;
    }

    .section-caption-diamond {
        width: 6px !important;
        height: 6px !important;
        flex: 0 0 6px !important;
    }

    .section-caption-text {
        font-size: 0.64rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.12em !important;
        line-height: 1.2 !important;
    }

    /* =========================================================
       PROFILE ROW (АВАТАР + ПОЛЯ) — МОБИЛЬНАЯ ВЕРСИЯ
    ========================================================= */

    .profile-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }

    .profile-row .photo-upload-area {
        width: 100% !important;
        max-width: 280px !important;
        margin: 0 auto !important;
    }

    .profile-row .photo-dropzone {
        min-height: 320px !important;
        aspect-ratio: 3/4 !important;
    }

    .profile-row .upload-trigger {
        height: 48px !important;
        min-height: 48px !important;
    }

    .profile-row .upload-trigger .btn-text {
        font-size: 0.9rem !important;
    }

    .profile-row .data-panel-form {
        width: 100% !important;
    }

    /* =========================================================
       PHOTO BLOCK
    ========================================================= */

    .photo-panel {
        display: flex !important;
        flex-direction: column !important;
    }

    .photo-upload-area {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.8rem !important;
    }

    .photo-dropzone {
        position: relative !important;
        min-height: 260px !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transform: none !important;
        background:
            linear-gradient(
                180deg,
                rgba(26, 29, 34, 0.16) 0%,
                rgba(10, 12, 16, 0.22) 100%
            ) !important;
        border: 1px dashed rgba(233,239,245,0.07) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.02),
            0 8px 12px rgba(0,0,0,0.09) !important;
    }

    .photo-dropzone:hover {
        transform: none !important;
    }

    .photo-dropzone::before {
        content: "" !important;
        position: absolute !important;
        inset: 8px !important;
        border-radius: 13px !important;
        border: 1px solid rgba(255,255,255,0.014) !important;
        pointer-events: none !important;
    }

    .photo-preview {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .photo-placeholder {
        width: 100% !important;
        max-width: 210px !important;
        text-align: center !important;
        padding: 0.65rem !important;
    }

    .photo-placeholder-icon {
        width: 72px !important;
        height: 72px !important;
        margin: 0 auto 0.75rem !important;
        border-radius: 50% !important;
    }

    .photo-placeholder-icon img {
        width: 40px !important;
        height: auto !important;
        animation: crownFloat 4.2s ease-in-out infinite !important;
    }

    .photo-placeholder-title {
        font-size: 1.08rem !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 0.22rem !important;
        line-height: 1.02 !important;
    }

    .photo-placeholder-text {
        font-size: 0.78rem !important;
        line-height: 1.5 !important;
        max-width: 100% !important;
    }

    /* =========================================================
       ТРЕБОВАНИЯ К ФОТО/ВИДЕО
    ========================================================= */

    .photo-requirements,
    .video-requirements {
        padding: 0.8rem !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, 0.015) !important;
        border: 1px solid rgba(255, 255, 255, 0.04) !important;
        margin-bottom: 0.8rem !important;
    }

    .photo-requirements p,
    .video-requirements p {
        margin: 0.2rem 0 !important;
        font-size: 0.75rem !important;
        line-height: 1.5 !important;
    }

    /* =========================================================
       МУЛЬТИ-ЗАГРУЗКА И ВИДЕО
    ========================================================= */

    .multi-upload-area,
    .video-upload-area {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.8rem !important;
    }

    .upload-input {
        display: none !important;
    }

    .upload-trigger {
        width: 100% !important;
        min-height: 46px !important;
        border-radius: 14px !important;
        background:
            linear-gradient(
                180deg,
                rgba(46, 51, 58, 0.20) 0%,
                rgba(18, 20, 24, 0.28) 100%
            ) !important;
        box-shadow:
            0 6px 12px rgba(0, 0, 0, 0.10),
            inset 0 1px 0 rgba(255, 255, 255, 0.03),
            inset 0 -1px 0 rgba(0, 0, 0, 0.06) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
    }

    .upload-trigger .btn-text {
        font-size: 0.76rem !important;
        letter-spacing: 0.08em !important;
        line-height: 1.1 !important;
    }

    .upload-counter {
        padding: 0.5rem 0.8rem !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, 0.02) !important;
        border: 1px solid rgba(255, 255, 255, 0.04) !important;
        font-size: 0.75rem !important;
        text-align: center !important;
    }

    .video-preview {
        position: relative !important;
        min-height: 160px !important;
        border-radius: 16px !important;
        border: 1px dashed rgba(233, 239, 245, 0.08) !important;
        background: linear-gradient(
            180deg,
            rgba(26, 29, 34, 0.16) 0%,
            rgba(10, 12, 16, 0.22) 100%
        ) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    .video-preview video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .video-placeholder {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0.4rem !important;
        font-size: 0.8rem !important;
    }

    .video-icon svg {
        width: 48px !important;
        height: 48px !important;
        color: #c0d0e0 !important;
        stroke: #c0d0e0 !important;
        fill: none !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        filter: drop-shadow(0 0 8px rgba(220, 230, 245, 0.3)) !important;
    }

    /* =========================================================
       CATEGORY ICONS
    ========================================================= */

    .category-icon {
        width: 16px !important;
        height: 16px !important;
        margin-right: 6px !important;
    }

    /* =========================================================
       FORM FIELDS
    ========================================================= */

    .data-panel-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.82rem !important;
    }

    .field-group {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.42rem !important;
        min-width: 0 !important;
    }

    .field-group.full {
        grid-column: auto !important;
    }

    .field-label {
        font-size: 0.62rem !important;
        letter-spacing: 0.1em !important;
        line-height: 1.25 !important;
        padding-left: 0.08rem !important;
    }

    .field-label.required::after {
        content: " *" !important;
        color: rgba(200, 180, 220, 0.8) !important;
        font-size: 0.8rem !important;
    }

    .field-hint {
        font-size: 0.62rem !important;
        margin-top: -0.1rem !important;
    }

    .field-group:focus-within .field-label {
        color: rgba(244,248,252,0.88) !important;
        text-shadow: 0 0 6px rgba(255,255,255,0.05) !important;
    }

    .lux-input,
    .lux-textarea {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 14px !important;
        font-size: 0.9rem !important;
        line-height: 1.45 !important;
        box-sizing: border-box !important;
        background:
            linear-gradient(
                180deg,
                rgba(36, 40, 46, 0.18) 0%,
                rgba(14, 16, 20, 0.26) 100%
            ) !important;
        box-shadow:
            0 4px 10px rgba(0,0,0,0.10),
            inset 0 1px 0 rgba(255,255,255,0.025),
            inset 0 -1px 0 rgba(0,0,0,0.06) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        border: 1px solid rgba(228,233,240,0.08) !important;
    }

    .lux-input:hover,
    .lux-textarea:hover {
        transform: none !important;
        border-color: rgba(228,233,240,0.10) !important;
        box-shadow:
            0 4px 10px rgba(0,0,0,0.10),
            inset 0 1px 0 rgba(255,255,255,0.025),
            inset 0 -1px 0 rgba(0,0,0,0.06) !important;
    }

    .lux-input:focus,
    .lux-textarea:focus {
        transform: none !important;
        border-color: rgba(245,248,252,0.16) !important;
        box-shadow:
            0 6px 12px rgba(0,0,0,0.12),
            0 0 8px rgba(210,220,232,0.025),
            inset 0 1px 0 rgba(255,255,255,0.035) !important;
    }

    .lux-input {
        height: 48px !important;
        padding: 0 0.85rem !important;
    }

    .lux-textarea {
        min-height: 152px !important;
        padding: 0.85rem !important;
        resize: vertical !important;
    }

    .lux-input:read-only {
        background: linear-gradient(
            180deg,
            rgba(20, 24, 30, 0.22) 0%,
            rgba(8, 10, 14, 0.28) 100%
        ) !important;
    }

    .lux-input::placeholder,
    .lux-textarea::placeholder {
        font-size: 0.82rem !important;
        line-height: 1.45 !important;
    }

    /* =========================================================
       ДОПОЛНИТЕЛЬНЫЕ ЧЕКБОКСЫ
    ========================================================= */

    .checkbox-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.8rem !important;
    }

    .checkbox-group {
        padding: 0.8rem !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, 0.015) !important;
        border: 1px solid rgba(255, 255, 255, 0.04) !important;
    }

    .checkbox-group .field-label {
        margin-bottom: 0.6rem !important;
        padding-left: 0 !important;
    }

    .radio-row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.8rem !important;
    }

    .radio-item {
        display: flex !important;
        align-items: center !important;
        gap: 0.4rem !important;
        font-size: 0.75rem !important;
    }

    .radio-item input[type="radio"] {
        width: 16px !important;
        height: 16px !important;
    }

    .radio-item input[type="radio"]:checked::after {
        width: 7px !important;
        height: 7px !important;
    }

    /* =========================================================
    ТЕГИ
    ========================================================= */

    .tags-selection {
        position: relative !important;
    }

    .tags-search {
        margin-bottom: 0.8rem !important;
    }

    .tags-counter {
        display: inline-block !important;
        padding: 0.4rem 0.9rem !important;
        margin-bottom: 0.8rem !important;
        border-radius: 999px !important;
        font-size: 0.7rem !important;
    }

    .tags-categories {
        padding-right: 0 !important;
    }

    .tag-category {
        margin-bottom: 0.9rem !important;
        border-radius: 14px !important;
    }

    .tag-category-header {
        padding: 0.8rem 1rem !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .tag-category-name {
        font-size: 0.78rem !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        color: #e0e8f5 !important;
    }

    /* ПРИНУДИТЕЛЬНО ПОКАЗЫВАЕМ SVG-ИКОНКИ */
    .tag-category-name svg {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        color: #c0d0e0 !important;
        stroke: #c0d0e0 !important;
        fill: none !important;
        display: block !important;
        flex-shrink: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .category-icon {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        color: #c0d0e0 !important;
        stroke: #c0d0e0 !important;
        fill: none !important;
        display: block !important;
        flex-shrink: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .tag-category-toggle {
        font-size: 0.65rem !important;
        color: #a0b8d0 !important;
        transition: transform 0.25s ease !important;
    }

    .tag-category-content {
        padding: 0.9rem !important;
        transition: max-height 0.3s ease !important;
    }

    .tag-category-content.collapsed {
        display: none !important;
    }

    .tag-grid {
        grid-template-columns: 1fr !important;
        gap: 0.4rem !important;
    }

    .tag-item {
        padding: 0.4rem 0.6rem !important;
        border-radius: 8px !important;
        font-size: 0.72rem !important;
        color: #d0dce8 !important;
    }

    .tag-item input[type="checkbox"] {
        width: 14px !important;
        height: 14px !important;
        margin-right: 6px !important;
    }

    .tag-item input[type="checkbox"]:checked::after {
        font-size: 8px !important;
    }

    /* =========================================================
       DIVIDER
    ========================================================= */

    .auth-divider {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.68rem !important;
        margin: 1rem 0 !important;
    }

    .auth-divider-line {
        flex: 1 !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 1px !important;
    }

    .auth-divider-center {
        width: 7px !important;
        height: 7px !important;
        flex: 0 0 7px !important;
    }

    /* =========================================================
       ABOUT / NICHE / MEDIA
    ========================================================= */

    .about-panel .lux-textarea {
        min-height: 160px !important;
    }

    .niche-panel-inner {
        display: flex !important;
        flex-direction: column !important;
    }

    .niche-panel-stack {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.95rem !important;
        height: auto !important;
    }

    .niche-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.65rem !important;
    }

    .niche-item {
        position: relative !important;
        min-width: 0 !important;
    }

    .niche-chip {
        width: 100% !important;
        min-height: 50px !important;
        border-radius: 14px !important;
        padding: 0.72rem 0.45rem !important;
        box-sizing: border-box !important;
        transform: none !important;
        background:
            linear-gradient(
                180deg,
                rgba(36, 40, 46, 0.18) 0%,
                rgba(14, 16, 20, 0.26) 100%
            ) !important;
        box-shadow:
            0 5px 10px rgba(0,0,0,0.10),
            inset 0 1px 0 rgba(255,255,255,0.025),
            inset 0 -1px 0 rgba(0,0,0,0.06) !important;
        border: 1px solid rgba(228,233,240,0.08) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
    }

    .niche-chip-text {
        font-size: 0.69rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.05em !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .niche-item input:checked + .niche-chip {
        transform: none !important;
        border-color: rgba(245,248,252,0.18) !important;
        box-shadow:
            0 6px 12px rgba(0,0,0,0.11),
            0 0 8px rgba(210,220,232,0.02),
            inset 0 1px 0 rgba(255,255,255,0.03) !important;
    }

    .media-request {
        border-radius: 18px !important;
        padding: 0.95rem !important;
        background:
            linear-gradient(
                180deg,
                rgba(30, 34, 40, 0.18) 0%,
                rgba(12, 14, 18, 0.28) 100%
            ) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.025),
            0 8px 12px rgba(0,0,0,0.10) !important;
        border: 1px solid rgba(232,238,245,0.07) !important;
    }

    .media-caption {
        margin-bottom: 0.65rem !important;
    }

    .media-request-text {
        margin: 0 0 0.8rem 0 !important;
        font-size: 0.82rem !important;
        line-height: 1.5 !important;
        overflow-wrap: anywhere !important;
    }

    .media-upload-button {
        width: 100% !important;
        min-height: 46px !important;
        margin-bottom: 0.75rem !important;
        border-radius: 14px !important;
    }

    .media-upload-button .btn-text {
        font-size: 0.75rem !important;
        letter-spacing: 0.08em !important;
        line-height: 1.1 !important;
    }

    .media-files {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.5rem !important;
    }

    .media-files-empty {
        font-size: 0.76rem !important;
        line-height: 1.42 !important;
    }

    .media-file-item {
        border-radius: 12px !important;
        padding: 0.72rem 0.78rem !important;
        font-size: 0.76rem !important;
        line-height: 1.42 !important;
        overflow-wrap: anywhere !important;
    }

    /* =========================================================
       SUBMIT / SWITCH
    ========================================================= */

    .submit-row {
        display: flex !important;
        justify-content: center !important;
        margin-top: 1rem !important;
    }

    .submit-button {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 50px !important;
        padding: 0 1rem !important;
        border-radius: 15px !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
    }

    .submit-button .btn-text {
        font-size: 0.76rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.08em !important;
        line-height: 1.1 !important;
        text-transform: uppercase !important;
        white-space: normal !important;
        text-align: center !important;
    }

    .switch-row {
        display: flex !important;
        justify-content: center !important;
        margin-top: 0.95rem !important;
        padding: 0 0.3rem !important;
    }

    .switch-link {
        font-size: 0.8rem !important;
        line-height: 1.45 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    /* =========================================================
       LOGIN VIEW SUPPORT
    ========================================================= */

    .login-view .auth-panel,
    #loginView .auth-panel,
    #authorizationView .auth-panel {
        min-height: auto !important;
    }

    .login-view .auth-form,
    #loginView .auth-form,
    #authorizationView .auth-form {
        padding: 0.95rem !important;
    }

    /* =========================================================
       BOTTOM PLATINUM
    ========================================================= */

    .auth-bottom-platinum {
        margin-top: 1.2rem !important;
    }

    /* =========================================================
       SAFETY
    ========================================================= */

    .auth-form *,
    .auth-panel *,
    .media-request *,
    .tags-selection * {
        min-width: 0 !important;
    }
}