/* ==========================================
 VIDEO MODULINING TOZALANGAN ASOSIY CSS KODI (VIP)
 ========================================== */

/* 1. UCOZ VIDEO IKONKALARI (Zarur mexanizm, tegilmaydi) */
@font-face {
 font-family: 'video-ico';
 src: url('/.s/src/font/video-font/video-ico.eot?fqorb1');
 src: url('/.s/src/font/video-font/video-ico.eot?fqorb1#iefix') format('embedded-opentype'),
 url('/.s/src/font/video-font/video-ico.ttf?fqorb1') format('truetype'),
 url('/.s/src/font/video-font/video-ico.woff?fqorb1') format('woff'),
 url('/.s/src/font/video-font/video-ico.svg?fqorb1#icomoon') format('svg');
 font-weight: normal; font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
 font-family: 'video-ico' !important; speak: none; font-style: normal; font-weight: normal;
 font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.icon-code:before { content: "\e900"; }
.icon-tool:before { content: "\e901"; }
.icon-close:before { content: "\e902"; }
.icon-rotate:before { content: "\e903"; }
.icon-arrows:before { content: "\e904"; }
.icon-save:before { content: "\e905"; }
.icon-link:before { content: "\e906"; }
.icon-add:before { content: "\e907"; }
.icon-up-arrow:before { content: "\e908"; }
.icon-confirm:before { content: "\e909"; }
.icon-down-arrow:before { content: "\e90a"; }
.icon-cancel:before { content: "\e90b"; }
.icon-right-arrow:before { content: "\e90c"; }
.icon-left-arrow:before { content: "\e90d"; }

/* 2. ADD/EDIT FORMA (Mexanizm ishlashi uchun zarur ko'rinmas kodlar) */
ul.u-tabs-ul, ul.u-tabscont-ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
ul.u-tabs-ul { position: relative; display: flex; gap: 10px; margin-bottom: 20px; border-bottom: none;}
li.u-tab { flex: 1; }
li.u-tab a { display: block; text-align: center; padding: 12px; text-decoration: none; border-radius: 14px; background: var(--v-surface, rgba(255,255,255,0.7)); font-weight: 800; color: var(--v-text-sub, #8e8e93); transition: 0.3s;}
li.u-tab a.utab-active { background: linear-gradient(135deg, #007aff, #a855f7); color: #fff; box-shadow: 0 5px 15px rgba(168, 85, 247, 0.3);}

/* Status (Yuklanish xabarlari) */
#video-form-status, #video-form-status2 { height: 18px; margin: 10px 0; text-align: center; font-weight: 800; font-family: 'Exo 2', sans-serif;}
#video-form-status.status-loading span { color: #007aff; }
#video-form-status.status-error span { color: #ff3b30; }
#video-form-status.status-success span { color: #34c759; }

/* 3. MULTI-UPLOADER (Rasm yuklash darchasi) */
#image-list-cont { position: relative; margin-top: 15px; }
#tb_img #image-list { width: 100%; position: relative; min-height: 150px; display: flex; flex-wrap: wrap; gap: 10px;}
#tb_img #image-list .panel { overflow: hidden; }
#tb_img #image-list .inner { width: 120px; height: 120px; position: relative; background: var(--v-surface, #fff); border-radius: 16px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); overflow: hidden; display: flex; align-items: center; justify-content: center; border: 2px dashed #d1d1d6; transition: 0.3s;}
#tb_img #image-list #gimage-add .inner { cursor: pointer; }
#tb_img #image-list #gimage-add .inner:hover { border-color: #a855f7; background: rgba(168, 85, 247, 0.05); }
#tb_img #image-list .inner p { margin: 0; text-align: center; font-size: 13px; font-weight: 700; color: #8e8e93; }
#tb_img #image-list img { width: 100%; height: 100%; object-fit: cover; }

/* Rasm o'chirish/Tahrirlash ikonkalari */
#tb_img #image-list .inner div { position: absolute; width: 25px; height: 25px; cursor: pointer; top: 5px; right: 5px; background: rgba(0,0,0,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; opacity: 0; transition: 0.3s;}
#tb_img #image-list .inner:hover div { opacity: 1; }
#tb_img #image-list .inner div.edt { right: 35px; }
#tb_img #image-list .inner div.del:hover { background: #ff3b30; }
#tb_img #image-list .inner div.edt:hover { background: #34c759; }

/* Rasm yuklash ko'rinmas tugmasi */
#tb_img #image-list .inner input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 10;}

/* 4. KATEGORIYA TANLASH MENU (KASALLIK TOZALANDI) */
#cats-select { display: inline-block; position: relative; z-index: 99; width: 100%;}
.cats-select-btn { padding: 12px 15px; border-radius: 16px; border: 2px solid transparent; background: var(--v-input-bg, #f2f2f7); font-family: 'Exo 2', sans-serif; font-size: 15px; font-weight: 600; color: var(--v-text, #1c1c1e); cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: 0.3s;}
.cats-select-btn:hover { border-color: #a855f7; }
.btn-title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.btn-arrow { width: 0; height: 0; border-top: 5px solid var(--v-text-sub, #8e8e93); border-right: 5px solid transparent; border-left: 5px solid transparent; }

/* Tushuvchi menyu */
.dropdown-cats { position: absolute; z-index: 100; top: 100%; left: 0; width: 100%; display: none; margin-top: 5px; max-height: 250px; overflow: auto; border-radius: 16px; background: var(--v-surface, #fff); box-shadow: 0 10px 30px rgba(0,0,0,0.1); border: 1px solid var(--v-border, rgba(0,0,0,0.05));}
.open .dropdown-cats { display: block; }
.dropdown-cats-ul { padding: 10px 0; margin: 0; list-style: none; }
.dropdown-cats-ul a { display: block; padding: 10px 20px; font-weight: 600; font-size: 14px; color: var(--v-text, #1c1c1e); text-decoration: none; transition: 0.2s;}
.dropdown-cats-ul a:hover { background: rgba(168, 85, 247, 0.1); color: #a855f7; }
.dropdown-cats-ul a.checked { background: rgba(0, 122, 255, 0.1); color: #007aff; }

/* 5. KERAKSIZ AXALATLARNI YASHIRISH */
.u-editform ul.u-tabs-ul { display: flex; } /* Tahrirlashda tablar ko'rinishi uchun */
.youtube-login, .youtube-info { display: none !important; } /* Eski ucoz youtube logini */
.v-all-entries, .all-entries, .v-entry { display: none; } /* Biz o'zimiznikini yasadik */
.cats-select-btn:after { display:none;}
.channels-more-ul { display: none !important; }