/* =========================================================
   🎥 ALLO UPLOAD DRAWER STYLES (ENTERPRISE HI-TECH)
   ========================================================= */

/* 1. БАСТЫ СУЫРЫЛЫП ШЫҒАТЫН ПАНЕЛЬ (DRAWER OVERLAY) */
.upload-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -450px; /* Басында оң жақта жасырынып тұрады */
    width: 420px;
    height: 100vh;
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
    background: #0d1117; /* GitHub Күңгірт фоны */
    border-left: 1px solid #30363d;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.7);
    z-index: 2000;
    display: flex;
    flex-direction: column;
    transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1); /* Жұмсақ suырылу */
}

.upload-drawer.is-active {
    right: 0; /* Белсенді болғанда экранға шығады */
}

/* Мобильді құрылғыларға бейімдеу (Адаптив) */
@media (max-width: 480px) {
    .upload-drawer {
        width: 100%;
        right: -100%;
    }
}

/* 2. ЖОҒАРҒЫ БӨЛІМ ЖӘНЕ ЖАБУ БАТЫРМАСЫ */
.drawer-header {
    padding: 20px;
    border-bottom: 1px solid #30363d;
    background: #161b22;
}

.drawer-header h3 {
    margin: 0;
    color: #f0f6fc;
    font-size: 1.25rem;
    font-weight: 600;
}

.btn-close-alt {
    position: absolute;
    top: 18px;
    right: 20px;
    background: transparent;
    border: none;
    color: #8b949e;
    font-size: 28px;
    cursor: pointer;
    transition: color 0.2s;
    line-height: 1;
    z-index: 10;
}

.btn-close-alt:hover {
    color: #ff7b72; /* Қызыл жарық */
}

/* 3. ФОРМА СЕКЦИЯЛАРЫ (MODERN INPUTS) */
.drawer-content {
    background: #0d1117;
    min-height: 0;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.form-section-modern {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
}

.section-label {
    font-size: 0.9rem;
    color: #8b949e;
    margin-bottom: 8px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ⚡ ЛИМИТ БЕЙДЖДЕРІ */
.limit-badge {
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 12px;
    font-weight: bold;
}
.standard-blue { background: rgba(88, 166, 255, 0.15); color: #58a6ff; }
.talent-gold { background: rgba(218, 165, 32, 0.15); color: #daa520; animation: pulseGold 2s infinite; }

@keyframes pulseGold {
    0% { box-shadow: 0 0 0 0 rgba(218, 165, 32, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(218, 165, 32, 0); }
    100% { box-shadow: 0 0 0 0 rgba(218, 165, 32, 0); }
}

/* 4. HASHTAG PILLS (АЙДАР ТАНДАУ) */
.hashtag-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.hashtag-pill {
    cursor: pointer;
}

.pill-body {
    padding: 8px 14px;
    background: #161b22;
    border: 1px solid #30363d;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.pill-icon { font-size: 1rem; }
.pill-hashtag { font-size: 0.85rem; color: #c9d1d9; font-weight: 500; }

.pill-body:hover {
    border-color: #8b949e;
    background: #21262d;
}

.pill-body.active {
    background: rgba(22, 27, 34, 0.8);
    box-shadow: 0 0 12px rgba(88, 166, 255, 0.1);
}

/* 5. ИМПУТТАР МЕН СЕЛЕКТТЕР */
.form-control-modern {
    width: 100%;
    padding: 10px 12px;
    background: #161b22;
    border: 1px solid #30363d;
    border-radius: 6px;
    color: #c9d1d9;
    font-size: 0.95rem;
    font-family: inherit;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-control-modern:focus {
    outline: none;
    border-color: #58a6ff;
    box-shadow: 0 0 0 3px rgba(56, 139, 253, 0.15);
}

select.form-control-modern {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b949e'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 35px;
}

/* БАҒА INPUT ПАЙЫЗДАРЫ ЖӘНЕ WHATSAPP */
.price-input-wrapper, .phone-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.currency-label {
    position: absolute;
    right: 14px;
    color: #8b949e;
    font-weight: bold;
}

.whatsapp-icon {
    position: absolute;
    left: 14px;
    color: #25d366; /* Түпнұсқа WhatsApp жасыл */
    font-size: 1.1rem;
}

.phone-field {
    padding-left: 38px;
}

/* 6. ФОТО ЖҮКТЕҮ ГРИДІ (PHOTO UPLOAD GRID) */
.photo-upload-grid {
    display: grid;
    grid-template-columns: repeat(4, 100px);
    gap: 10px;
}

@media (max-width: 400px) {
    .photo-upload-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.photo-item {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #30363d;
}

.preview-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.remove-photo-btn {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0.7);
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.remove-photo-btn:hover { background: #ff4444; }

.add-photo-placeholder {
    width: 100px;
    height: 100px;
    border: 1px dashed #484f58;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    background: #161b22;
    transition: border-color 0.2s, background 0.2s;
}

.add-photo-placeholder:hover {
    border-color: #58a6ff;
    background: #21262d;
}

.add-photo-placeholder i { font-size: 1.3rem; color: #8b949e; }
.add-photo-placeholder span { font-size: 0.75rem; color: #8b949e; }

/* 7. ВИДЕО ЖҮКТЕҮ АЙМАҒЫ (MEDIA CONTAINER) */
.media-upload-wrapper {
    width: 100%;
    border: 1px dashed #484f58;
    border-radius: 8px;
    background: #161b22;
    overflow: hidden;
    transition: border-color 0.2s;
}

.media-upload-wrapper:has(input:focus), .media-upload-wrapper:hover {
    border-color: #58a6ff;
}

.media-upload-placeholder {
    display: block;
    width: 100%;
    min-height: 140px;
    cursor: pointer;
}

.placeholder-content {
    padding: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.placeholder-content i { font-size: 2.5rem; color: #58a6ff; }
.placeholder-content p { margin: 0; font-size: 0.95rem; color: #c9d1d9; }

/* ВИДЕО ПРЕВЬЮ ПАНЕЛІ */
.preview-content {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #000;
}

.preview-video-element {
    width: 100%;
    max-height: 240px;
    object-fit: contain;
}

.preview-video-element {
    width: 100%;
    max-height: 240px;
    object-fit: contain;
}

.preview-actions {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0 10px;
    z-index: 5;
}

.btn-remove-v, .btn-edit-v {
    padding: 6px 14px;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    transition: opacity 0.2s;
}

.btn-remove-v { background: #ff4444; color: #fff; }
.btn-edit-v { background: #21262d; border: 1px solid #30363d; color: #c9d1d9; display: inline-block; text-align: center; }
.btn-remove-v:hover, .btn-edit-v:hover { opacity: 0.9; }

/* =========================================================
   🔥 ЖАҢАДАН ҚОСЫЛДЫ: ЖАРНАМАЛЫҚ МАРКЕТИНГ ПАНЕЛІНІҢ СТИЛЬДЕРІ
   ========================================================= */

.marketing-panel-box {
    background: #161b22;
    border: 1px solid #30363d;
    padding: 16px;
    border-radius: 8px;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
}

.marketing-switcher-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.switcher-text-side {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.marketing-label-title {
    font-size: 0.95rem;
    color: #f0f6fc;
    font-weight: 600;
}

.marketing-label-desc {
    font-size: 0.78rem;
    color: #8b949e;
    line-height: 1.3;
    margin: 0;
}

/* 🍏 APPLE STYLED IOS SWITCH (ЗАУЫТТЫҚ АУЫСТЫРҒЫШ) */
.ios-switch-modern {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 26px;
    flex-shrink: 0;
}

.ios-switch-modern input {
    opacity: 0;
    width: 0;
    height: 0;
}

.ios-slider-modern {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #30363d;
    transition: .3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 34px;
    border: 1px solid #424b55;
}

.ios-slider-modern:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: #f0f6fc;
    transition: .3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
}

.ios-switch-modern input:checked + .ios-slider-modern {
    background-color: #238636; /* Сәтті жасыл эко-режим */
    border-color: #2ea44f;
}

.ios-switch-modern input:checked + .ios-slider-modern:before {
    transform: translateX(20px);
}

/* 📊 ТАРАТУ БЮДЖЕТ ГРИДІ ЖӘНЕ ДИНАМИКАЛЫҚ ӨРІСТЕР */
.standard-budget-grid-modern {
    display: flex;
    gap: 12px;
    animation: fadeInSlide .3s ease-out;
}

.sub-section-label {
    font-size: 0.8rem;
    color: #8b949e;
    margin-bottom: 6px;
    font-weight: 500;
    display: block;
}

.dynamic-thanks-field {
    border-color: #388bfd !important;
    box-shadow: 0 0 10px rgba(56, 139, 253, 0.1);
}

.currency-label-thanks {
    position: absolute;
    right: 14px;
    color: #58a6ff;
    font-weight: bold;
}

/* 🛡️ ФИНТЕХ АҚПАРАТТЫҚ БАНЕР СТИЛЬДЕРІ (FINTECH INFO BANNER) */
.fintech-info-banner-modern {
    background: rgba(56, 139, 253, 0.08);
    border: 1px solid rgba(56, 139, 253, 0.25);
    border-radius: 6px;
    padding: 12px;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    animation: fadeInSlide .3s ease-out;
}

.banner-title-row {
    font-size: 0.82rem;
    color: #58a6ff;
    font-weight: 600;
    margin-bottom: 2px;
}

.banner-split-item {
    font-size: 0.8rem;
    color: #c9d1d9;
    line-height: 1.4;
    padding-left: 12px;
    position: relative;
}

.banner-split-item::before {
    content: "•";
    position: absolute;
    left: 2px;
    color: #58a6ff;
}

.banner-warning-note {
    font-size: 0.74rem;
    color: #ff7b72; /* Жұмсақ ескерту қызылы */
    margin: 4px 0 0 0;
    font-style: italic;
    border-top: 1px dashed rgba(240, 246, 252, 0.1);
    padding-top: 6px;
}

/* 🎬 АНИМАЦИЯЛЫҚ ЭФФЕКТ СЫРҒУЫ */
@keyframes fadeInSlide {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========================================================= */

/* 8. ТӨМЕНГІ БЕКІТУ БАТЫРМАСЫ (FOOTER & SEND BUTTON) */
.drawer-footer {
    position: relative;
    z-index: 25;
    flex: 0 0 auto;
    padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid #30363d;
    background: #161b22;
    margin-top: auto; /* Фурнитураны әрқашан ең астында ұстау */
    box-shadow: 0 -8px 24px rgba(0,0,0,.3);
}

.btn-send-modern {
    width: 100%;
    padding: 12px;
    background: #238636; /* GitHub Жасыл Жариялау батырмасы */
    border: 1px solid #2ea44f;
    border-radius: 6px;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background 0.2s;
}

.btn-send-modern:hover:not(:disabled) {
    background: #2ea44f;
}

.btn-send-modern:disabled {
    background: #21262d;
    border-color: #30363d;
    color: #8b949e;
    cursor: not-allowed;
}
@media (max-width: 480px) {
    .drawer-header{flex:0 0 auto;padding:16px 52px 16px 16px}
    .drawer-content{padding:16px 16px 28px!important}
    .drawer-footer{padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px))}
    .btn-send-modern{min-height:48px;border-radius:12px;font-size:1rem}
}
.upload-intent-group{display:grid;gap:10px;margin-top:12px;padding:12px;border:1px solid #2f3b4d;border-radius:14px;background:#101722}.upload-intent-group.is-seeking{border-color:#31506b;background:#0d1a25}.upload-intent-group.is-creator{border-color:#6f5317;background:#241b09}.upload-intent-heading{display:flex;align-items:center;gap:10px}.upload-intent-heading>i{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:50%;background:#1d2b3e;color:#60a5fa}.upload-intent-heading>div{display:grid;gap:2px}.upload-intent-heading b{color:#f3f7fc;font-size:14px}.upload-intent-heading small{color:#91a0b4;font-size:11px}.upload-intent-group .hashtag-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.upload-intent-group .hashtag-pill{min-width:0}.upload-intent-group .pill-body{height:100%;min-height:62px;border-radius:12px;padding:9px 10px}.upload-intent-group .pill-body>span:last-child{display:grid;min-width:0;gap:2px}.upload-intent-group .pill-body b{color:#eef4fb;font-size:12px;line-height:1.25}.upload-intent-group .pill-body small{color:#8493a8;font-size:9px;line-height:1.25}.upload-intent-group .pill-body.active b,.upload-intent-group .pill-body.active small{color:inherit}@media(max-width:370px){.upload-intent-group .hashtag-container{grid-template-columns:1fr}}body.allo-light-theme .upload-intent-group{border-color:#d4deeb;background:#f7f9fc}body.allo-light-theme .upload-intent-group.is-seeking{border-color:#c4d8ea;background:#f0f7fc}body.allo-light-theme .upload-intent-group.is-creator{border-color:#e4d29d;background:#fff9e8}body.allo-light-theme .upload-intent-heading b,body.allo-light-theme .upload-intent-group .pill-body b{color:#172033}body.allo-light-theme .upload-intent-heading small,body.allo-light-theme .upload-intent-group .pill-body small{color:#64748b}
.upload-selected-intent{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:11px;padding:11px;border:1px solid #7c3aed;border-radius:13px;background:#17152b}.upload-selected-intent-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#29204d;font-size:20px}.upload-selected-intent>span:nth-child(2){display:grid;gap:2px}.upload-selected-intent b{color:#f5f3ff}.upload-selected-intent small{color:#aaa2c5;font-size:10px}.upload-selected-intent button{min-height:38px;padding:7px 10px;border:1px solid #5c4b92;border-radius:9px;background:#2d2351;color:#fff;font-weight:800}.upload-subcategory-level{display:grid;gap:6px;margin-top:14px}.upload-subcategory-level+ .upload-subcategory-level{margin-top:16px}.upload-subcategory-level>label{color:#9fb0c6;font-size:11px;font-weight:800}.upload-subcategory-level select{min-height:46px}body.allo-light-theme .upload-selected-intent{border-color:#a78bfa;background:#f5f3ff}body.allo-light-theme .upload-selected-intent-icon{background:#ede9fe}body.allo-light-theme .upload-selected-intent b{color:#3b0764}body.allo-light-theme .upload-selected-intent small{color:#6b5b7b}body.allo-light-theme .upload-subcategory-level>label{color:#52647b}@media(max-width:520px){.upload-selected-intent{grid-template-columns:38px minmax(0,1fr)}.upload-selected-intent button{grid-column:1/-1}}

/* Мақсат карточкалары: белгіше жоғарыда, оқылатын ірі атау төменде. */
.upload-intent-group .pill-body{min-height:96px;flex-direction:column;justify-content:center;padding:12px 9px;text-align:center}
.upload-intent-group .pill-icon{font-size:26px;line-height:1}
.upload-intent-group .pill-body>span:last-child{display:grid;min-width:0;gap:4px}
.upload-intent-group .pill-body b{font-size:15px;line-height:1.2}
.upload-intent-group .pill-body small{color:#9aa8ba;font-size:11px;line-height:1.25}
.upload-intent-group .pill-body.active{border-width:2px;background:#182234;box-shadow:0 0 0 2px rgba(88,166,255,.12)}
body.allo-light-theme .upload-intent-group .pill-body.active{background:#fff;box-shadow:0 0 0 2px rgba(37,99,235,.1)}
@media(max-width:370px){.upload-intent-group .hashtag-container{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-intent-group .pill-body{min-height:102px;padding-inline:6px}.upload-intent-group .pill-body b{font-size:14px}}

.upload-category-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}
.upload-category-policy-hint{display:flex;align-items:center;gap:7px;margin:0 0 10px;padding:8px 10px;border:1px solid #294567;border-radius:10px;background:#0d1b2d;color:#93c5fd;font-size:12px}.upload-category-policy-hint i{color:#60a5fa}body.allo-light-theme .upload-category-policy-hint{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}

.upload-category-option {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-height: 52px;
    padding: 7px 10px;
    border: 1px solid #30363d;
    border-radius: 11px;
    background: #161b22;
    color: #e6edf3;
    text-align: left;
    cursor: pointer;
}

.upload-category-option.active {
    border-color: #2f81f7;
    background: #10284b;
    box-shadow: 0 0 0 1px rgba(47, 129, 247, .25);
}

.upload-category-icon {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    background: #212a36;
    color: #58a6ff;
    font-size: 17px;
}

.upload-category-option.active .upload-category-icon {
    background: #1f6feb;
    color: #fff;
}

body.allo-light-theme .upload-category-option {
    border-color: #d6deea;
    background: #fff;
    color: #172033;
}

body.allo-light-theme .upload-category-option.active {
    border-color: #2563eb;
    background: #eaf2ff;
}

body.allo-light-theme .upload-category-icon {
    background: #eef3f9;
    color: #2563eb;
}

@media (max-width: 380px) {
    .upload-category-grid { grid-template-columns: 1fr; }
}
.managed-publishing-banner{display:flex;gap:10px;align-items:center;margin:0 16px 10px;padding:11px 13px;border:1px solid #f59e0b;border-radius:11px;background:#422006;color:#fde68a}.managed-publishing-banner>i{font-size:20px}.managed-publishing-banner>div{display:grid}.managed-publishing-banner span{font-size:11px}.allo-light-theme .managed-publishing-banner{background:#fff7ed;color:#9a3412}
.s3-import-ready{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;margin-bottom:10px;padding:11px;border:1px solid #16a34a;border-radius:11px;background:#052e1b;color:#dcfce7;font-size:12px}.s3-import-ready i{color:#4ade80;font-size:18px}.s3-import-ready button{padding:7px 9px;border:1px solid #166534;border-radius:8px;background:#14532d;color:#fff;cursor:pointer}.allo-light-theme .s3-import-ready{background:#f0fdf4;color:#166534}
.upload-location-help{margin:7px 0;color:#8b949e;font-size:12px}.upload-location-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.upload-location-actions button{min-height:42px;padding:8px;border:1px solid #355071;border-radius:10px;background:#172235;color:#93c5fd;font-weight:800}.upload-location-selected{display:flex;align-items:center;gap:8px;margin-top:9px;padding:10px;border:1px solid #18794e;border-radius:10px;background:#0b3325;color:#86efac}.upload-location-selected span{flex:1}.upload-location-selected button{border:0;background:transparent;color:#fca5a5;font-weight:800}.upload-location-status{margin:8px 0 0;color:#fbbf24;font-size:12px}.upload-2gis-panel{display:grid;gap:7px;margin-top:9px;padding:10px;border:1px solid #334155;border-radius:11px;background:#101722}.upload-2gis-panel label{font-size:12px;font-weight:800}.upload-2gis-panel>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.upload-2gis-panel input{min-width:0;padding:10px;border:1px solid #3b4a60;border-radius:8px;background:#080d14;color:#fff}.upload-2gis-panel button{padding:0 12px;border:0;border-radius:8px;background:#16803d;color:#fff;font-weight:800}.upload-2gis-panel button:disabled,.upload-2gis-panel button.is-verified{cursor:default;background:#315443;color:#b7e4c7;opacity:.8}.upload-2gis-panel .upload-2gis-copy{justify-self:start;min-height:34px;padding:7px 10px;border:1px solid #355071;background:#172235;color:#93c5fd;cursor:pointer;opacity:1}.upload-2gis-panel small{color:#8b949e}.upload-selected-category{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid #2563eb;border-radius:12px;background:#122543;color:#dbeafe}.upload-selected-category span{font-weight:900}.upload-selected-category button{padding:8px 10px;border:1px solid #4b7fc7;border-radius:9px;background:#193762;color:#fff;font-weight:800}.upload-location-map-overlay{position:fixed;z-index:12000;inset:0;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.78)}.upload-location-map-dialog{display:grid;width:min(720px,100%);max-height:94dvh;overflow:hidden;border:1px solid #34455d;border-radius:18px;background:#101722;color:#fff}.upload-location-map-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px}.upload-location-map-dialog>header div{display:grid;gap:3px}.upload-location-map-dialog>header small{color:#9aabc2}.upload-location-map-dialog>header button{width:38px;height:38px;border:0;border-radius:10px;background:#202d40;color:#fff;font-size:25px}.upload-location-map-wrap{position:relative;height:min(62dvh,520px)}#upload-location-map{width:100%;height:100%}.upload-location-center-pin{position:absolute;z-index:800;top:50%;left:50%;pointer-events:none;transform:translate(-50%,-100%);color:#ef4444;font-size:42px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.5))}.upload-location-map-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px}.upload-location-map-dialog>footer button{min-height:44px;padding:9px 13px;border:0;border-radius:10px;color:#fff;font-weight:900}.upload-current-location{background:#2563eb}.upload-confirm-location{background:#15803d}body.allo-light-theme .upload-location-actions button{border-color:#cbd5e1;background:#f8fafc;color:#1d4ed8}body.allo-light-theme .upload-2gis-panel{border-color:#d5deea;background:#fff;color:#172033}body.allo-light-theme .upload-2gis-panel input{border-color:#cbd5e1;background:#fff;color:#172033}body.allo-light-theme .upload-selected-category{background:#eff6ff;color:#1e3a8a}body.allo-light-theme .upload-location-map-dialog{background:#fff;color:#172033}@media(max-width:620px){.upload-location-actions{grid-template-columns:1fr}.upload-selected-category{align-items:stretch;flex-direction:column}.upload-location-map-overlay{align-items:end;padding:0}.upload-location-map-dialog{max-height:96dvh;border-radius:20px 20px 0 0}.upload-location-map-wrap{height:60dvh}.upload-location-map-dialog>footer{display:grid;grid-template-columns:1fr 1fr}}
.upload-sortable-photo{cursor:grab;touch-action:pan-y}.upload-sortable-photo:active{cursor:grabbing}.photo-order-badge{position:absolute;left:5px;top:5px;z-index:3;display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(5,12,22,.82);color:#fff;font-size:11px;font-weight:900}.photo-sort-actions{position:absolute;inset:auto 4px 4px;z-index:3;display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:3px;padding:3px;border-radius:9px;background:rgba(4,9,16,.78);color:#fff;text-align:center}.photo-sort-actions button{display:grid;width:30px;height:28px;place-items:center;border:1px solid #4b5d73;border-radius:7px;background:#172235;color:#bfdbfe}.photo-sort-actions button:disabled{opacity:.28}.photo-sort-actions>i{font-size:13px;color:#94a3b8}.photo-sort-help{display:flex;align-items:flex-start;gap:7px;margin-top:9px;color:#8fa1b6;font-size:10px;line-height:1.4}.photo-sort-help i{margin-top:2px;color:#60a5fa}