/* ==========================================================================
   CUSTOM OVERRIDES — bütün panelə aid xüsusi dəyişikliklər bu faylda cəmlənib.
   Bu fayl AppAsset.php / AppAssetLight.php-də EN SONDA yüklənir ki, digər
   bütün CSS fayllarını (structure.css, dashboard.css, card.css və s.) üstələsin.
   Hər qayda üçün hansı elementə aid olduğu qeyd olunub.
   ========================================================================== */

/* Ümumi sayt fontu — BÜTÜN panel (07-08-2026: Crimson Pro sinandi, istifadeci beyenmedi -> Tahoma-ya qayidildi).
   `body *` işlədilir, çünki Select2, fayl yükləmə və fancybox kimi vidcetlər
   öz font-family-lərini təyin edir və sadəcə `body` qaydası onlara çatmır. */
body, body * {
    font-family: 'Tahoma', Geneva, sans-serif !important;
}

/* ⚠️ İKON FONTLARI GERİ QAYTARILIR — bu blok olmasa bütün ikonlar
   təsadüfi hərflərə çevrilir, çünki ikonlar da font-family ilə çəkilir.
   Feather ikonları inline SVG-dir, buraya daxil deyil (risk yoxdur). */
.ti, [class^="ti-"], [class*=" ti-"] {
    font-family: "tabler-icons" !important;
}
.fa, .fas, .far, .fal, .fa-solid, .fa-regular,
[class^="fa-"], [class*=" fa-"] {
    font-family: "Font Awesome 5 Free" !important;
}
.fab, .fa-brands {
    font-family: "Font Awesome 5 Brands" !important;
}
[class^="flaticon-"], [class*=" flaticon-"] {
    font-family: "flaticon" !important;
}
[class^="glyphicon"], [class*=" glyphicon"] {
    font-family: "Glyphicons Halflings" !important;
}
.dropify-wrapper .dropify-message span,
.dropify-wrapper .dropify-clear,
.dropify-wrapper .dropify-font-file:before,
.dropify-wrapper .dropify-font-upload:before {
    font-family: "dropify" !important;
}

/* Texniki mətnlər monospace qalır (terminal jurnalı, kod, RBAC xam mətn) */
pre, code, kbd, samp, .rp-raw, .sh-console, .sh-console *, .terminal, .log-line {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace !important;
}

/* Bütün .card elementləri (demək olar ki, hər səhifədə istifadə olunur) */
.card {
    border: 1px solid var(--pnl-border) !important;
    border-radius: 10px !important;
}

/* Səhifə başlıq qutuları (68 səhifədə istifadə olunan widget-content-area) */
.widget-content-area {
    border: 1px solid var(--pnl-border) !important;
    border-radius: 10px !important;
}

/* Üst naviqasiya panelinin alt xətti */
.header-container {
    border-bottom: 1px solid var(--pnl-border) !important;
}

/* Dashboard-dakı 4 statistika qutusu (component-card_1) */
.component-card_1 {
    border-radius: 10px !important;
}

/* Dashboard/statistika diaqram kartları (card.custom-card) */
.card.custom-card {
    border-radius: 10px !important;
}

/* Seçilmiş (aktiv) tabın yuxarı künc radiusu */
.nav-tabs .nav-link.active,
.nav-tabs-custom .nav-link.active {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

/* User view: action düymələri cərgəsinin (Add a balance ... Add a cordinate)
   altına tab cərgəsi ilə EYNİ incə açıq kontur (#dee2e6) - vizual bütövlük */
.user-view-nav {
    border-bottom: 1px solid var(--pnl-border) !important;
    /* İnline margin-bottom:10px götürülür - həmin boşluq alt tab-a köçürülür */
    margin-bottom: 0 !important;
    /* Üst tab-ın öz margin-i yoxdur - üst boşluq kart padding-indən gəlir */
    margin-top: 0 !important;
}
/* Kartın yuxarı padding-i 20px idi -> 14px: üst tab-ın üstündəki boşluq
   alt tab-ın margin-top:14px-i ilə DƏQİQ bərabər olsun (əvvəl 20+14=34px idi). */
.user-view .card-body {
    padding-top: 10px !important;
}
/* Sətirlərarası boşluq alt tab-a (nav-tabs-custom) aiddir - 10px */
.nav-tabs-custom {
    margin-top: 10px !important;
}

/* User view: hər iki cərgədə (üst = action düymələri, alt = tablar) hover
   davranışı. Mətn rəngi ORİJİNAL qalır (boz override götürüldü) - hover-də
   yalnız açıq göy FON yaranır. Fonun alt küncləri DÜZ-dür ki, kontur xəttinə
   yapışsın (aralarında boşluq qalmasın). */
.user-view-nav .nav-link,
.nav-tabs-custom .nav-link {
    transition: background-color .15s ease !important;
}
/* Bootstrap-ın tab-a verdiyi 1px border (hover-də #e9ecef boz çərçivəyə
   çevrilib işarəni KVADRAT göstərirdi, radiusu udurdu) tamamilə götürülür -
   hover/active işarəsi təmiz yumru fon olur. Border getdiyi üçün padding
   default 8px qalır (hündürlük üst cərgə düymələri ilə bərabər). */
.nav-tabs-custom .nav-link {
    border: 0 !important;
}
.user-view-nav .nav-link:hover,
.user-view-nav .nav-link:focus,
.nav-tabs-custom .nav-link:hover,
.nav-tabs-custom .nav-link:focus {
    background-color: #eef2ff !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Seçilmiş (klik olunmuş) tab: GÖY fon (tema accent #4361ee) + AĞ mətn/ikon
   (əvvəlki kimi). Bootstrap-ın ağ fonu əvəzlənir. */
.nav-tabs-custom .nav-link.active,
.nav-tabs-custom .nav-link.active:hover,
.nav-tabs-custom .nav-link.active:focus {
    background-color: #4361ee !important;
    color: #fff !important;
    /* Hover ilə eyni yumru künc (6px üst, düz alt) - kvadrat görünməsin */
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}


/* Fancybox popup pencereleri - radius + kontur (butun saytda) */
.fancybox-content {
    border-radius: 12px !important;
    border: 1px solid var(--pnl-border) !important;
    padding: 14px !important;
}

/* ==========================================================================
   Customers list (All customers) - #users-grid-pjax
   Köhnə cədvəldəki dağınıq inline width/text-align hackləri təmizlənib,
   onların yerinə bu bölmə gəlir. Bu fayl HƏR İKİ temada (dark/light) eyni
   cür yüklənir, ona görə burada YALNIZ tema-neytral (struktur) qaydalar var
   — fon/mətn/xətt RƏNGLƏRİ structure.css (light) və structure_dark.css
   (dark) fayllarına ayrıca qoyulub, əks halda dark mode-da açıq fon
   "göz ağrıdıcı" görsənir. Konturlar: yalnız üfüqi xətlər (şaquli xətlər
   yoxdur), başlıq öz ayrıca "box"udur — yuxarı künclər kartın radiusuna
   uyğunlaşdırılıb (overflow:hidden ilə).
   ========================================================================== */

/* Bu kartın (grid-i əhatə edən .card.custom-card) öz konturu ləğv edilir,
   çünki #users-grid-pjax artıq öz konturuna malikdir - əks halda 2 üst-üstə
   düşən kontur qalın xətt kimi görsənirdi. */
.users-grid-card {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

#users-grid-pjax {
    border-radius: 10px !important;
    border: 1px solid var(--pnl-border) !important;
    overflow: auto;
    padding: 8px !important;
}

#users-grid-pjax .table {
    border-collapse: separate !important;
    border-spacing: 0;
    margin-bottom: 0 !important;
}

/* Cədvəlin (table elementinin) öz konturu tam ləğv edilir - əks halda
   onun öz alt sərhədi #users-grid-pjax-ın konturu ilə üst-üstə düşüb
   "box içində box" kimi görsənirdi. */
#users-grid-pjax .table.table-bordered {
    border: none !important;
}

#users-grid-pjax .table.table-bordered th,
#users-grid-pjax .table.table-bordered td {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

/* Üst başlıq (label) sətri - bir sətirlik uzun box kimi görünsün.
   Fon rəngi temaya görə structure.css / structure_dark.css-dədir;
   burada yalnız struktur (padding, hizalama, tək sətir). */
#users-grid-pjax .table thead tr:first-child th {
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 12px 8px !important;
    vertical-align: middle !important;
    white-space: nowrap;
    text-transform: none !important;
}

/* Başlıq sətrini bütöv, künclərдən yumru bir box (bar) halına gətirir.
   Yuxarı/aşağı sərhəd bütün th-lərdə, sol/sağ isə yalnız uc xanalarda —
   birlikdə başlıq sətrini əhatə edən vahid kontur yaradır. Konteynerdəki
   8px padding sayəsində bu box konteyner konturuna toxunmur (ikiqat xətt
   olmur). */
#users-grid-pjax .table.table-bordered thead tr:first-child th {
    border-top: 1px solid var(--pnl-border) !important;
    border-bottom: 1px solid var(--pnl-border) !important;
}

#users-grid-pjax .table.table-bordered thead tr:first-child th:first-child {
    border-left: 1px solid var(--pnl-border) !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

#users-grid-pjax .table.table-bordered thead tr:first-child th:last-child {
    border-right: 1px solid var(--pnl-border) !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

/* Axtarış (filter) sətri - input/dropdown-ların kənar konturu brend
   göy rəngdə (#1e3a8a), hər iki temada eyni. */
#users-grid-pjax .table thead .filters {
    padding-top: 6px;
    padding-bottom: 6px;
}

#users-grid-pjax .table thead .filters .form-control {
    border: 1px solid var(--pnl-border) !important;
    border-radius: 6px !important;
}

#users-grid-pjax .table tbody td {
    padding: 10px 8px !important;
    vertical-align: middle !important;
    font-size: 13px;
}

/* Customer (ad) və Location sütunları: 2 sətrə düşməsin (nowrap) və uzunluğa
   uyğun min-width. Cədvəl çox enli olarsa #users-grid-pjax overflow:auto ilə
   üfüqi sürüşür - beləcə nə 2 sətir olur, nə də sıxılır. */
#users-grid-pjax .table .customer-col {
    min-width: 180px;
    white-space: nowrap;
}
/* Customer (ad) mətni - grid ilə eyni 15px (sütun genişləndiyi üçün
   əvvəlki 12px kiçiltmə geri qaytarıldı). */
#users-grid-pjax .table td.customer-col,
#users-grid-pjax .table td.customer-col a {
    font-size: 15px !important;
}
#users-grid-pjax .table .location-col {
    min-width: 150px;
    white-space: nowrap;
}
/* City sütunu - sabit 120px en */
#users-grid-pjax .table .city-col {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}
/* Contract sütunu - sabit 130px en */
#users-grid-pjax .table .contract-col {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}
/* Phone sütunu - sabit 140px en */
#users-grid-pjax .table .phone-col {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    white-space: nowrap;
}
/* Tariff sütunu - sabit 78px en (dar) */
#users-grid-pjax .table .tariff-col {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
}
/* Balance və Bonus - tariff ilə eyni 80px (compact-col width:1%-i əvəz edir) */
#users-grid-pjax .table .balance-col,
#users-grid-pjax .table .bonus-col {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
}
/* Room sütunu - sabit 78px en */
#users-grid-pjax .table .room-col {
    width: 65px;
    min-width: 65px;
    max-width: 65px;
}
/* Bank sütunu - məzmun yalnız kiçik ikon/"-"; en başlıq "Bank" qədər (55px) */
#users-grid-pjax .table .bank-col {
    width: 55px;
    min-width: 55px;
    max-width: 55px;
}
/* Services sütunu - sabit 78px en (compact-col width:1%-i əvəz edir) */
#users-grid-pjax .table .services-col {
    width: 83px;
    min-width: 83px;
    max-width: 83px;
}
/* QEYD: Service başlığı artıq həqiqi sort-linkidir (services_n attribute +
   UsersSearch sort). Ona görə digər başlıqlarla eyni qaydalarla stillənir -
   xüsusi rəng/weight override lazım deyil. */
/* Inet login sütunu - sabit 150px en */
#users-grid-pjax .table .inet-login-col {
    width: 95px;
    min-width: 95px;
    max-width: 95px;
}

/* Balance / Bonus sütunları - yığcam (kompakt): dar padding, kiçik font,
   nowrap. Bu, ad/location üçün daha çox yer buraxır. */
#users-grid-pjax .table .compact-col {
    white-space: nowrap;
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: 12px;
    width: 1%;
}

/* Services sütunundakı ikonlar da bir az kiçildilir (sütun daha yığcam) */
#users-grid-pjax .table td.compact-col svg {
    width: 16px;
    height: 16px;
}

/* Bank filtri: select əvəzinə checkbox - işarələyəndə bank statusu olanlar
   avtomatik açılır, işarəni götürəndə hamısı qayıdır. */
#users-grid-pjax .bank-filter-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

#users-grid-pjax .bank-filter-check {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #1e3a8a;
    margin: 0;
}

#users-grid-pjax .table tbody tr:last-child td {
    border-bottom: none !important;
}

/* Status/credit/port badge-ları - əvvəllər hər sətirdə təkrarlanan
   inline "width:75px;display:block;margin:0 auto;" bunun yerinə */
.grid-badge {
    display: inline-block;
    min-width: 75px;
    text-align: center;
}

/* Status pill-ləri (Active/Deactive/VIP/Archive/Black list/Pending və s.)
   - view.php-dəki dizaynla eyni: bərk rəngli, yumru, ağ mətn.
   Rəng hər status üçün inline background-color ilə verilir.
   Ölçü çərçivəyə uyğunlaşdırıla bilər (min-width/padding/font-size). */
/* 04-08-2026 — 24px pill standartina salindi.
   ⚠️ KOK SEBEB: evvel `padding: 7px 12px` + `display:inline-block` idi.
   Sonradan elave olunan qlobal qayda `height:24px` verir; box-sizing:border-box
   ile hemin 24px-in 14px-i SAQULI PADDING-e gedirdi -> metne ~10px qalirdi,
   halbuki yazinin ozu 12px*1.3 = 15.6px-dir. Netice: gostericilerin icinde
   yazi sixilmis/surusmus gorunurdu (istifadeci: "yazilarda ferq var,
   seliqesizlik var"). Indi saquli padding YOXDUR, merkezleme flex ile edilir. */
.status-pill {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    min-width: 72px;
    padding: 0 14px;
    border-radius: 10px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}


/* ==========================================================================
   BÜTÜN LIST SƏHİFƏLƏRİ ÜÇÜN ÜMUMİ CƏDVƏL (GridView) DİZAYNI
   - Yalnız .grid-view-in BİRBAŞA cədvəlinə ("> table") toxunur; xanaların
     içindəki iç-içə cədvəllər (table içində table) pozulmur.
   - Kart (.card / .card.custom-card) onsuz da göy kontur + radius box-dur,
     ona görə grid-ə ayrıca kontur qoymuruq — ikiqat box olmur.
   - Users səhifəsi (#users-grid) öz xüsusi (daha yüksək specificity) qaydalarını
     saxlayır; bu ümumi qaydalar ona təsir etmir.
   ========================================================================== */

/* Grid kartın içində rahat otursun (Users xaric - onun öz boşluğu var) */
.grid-view:not(#users-grid) {
    padding: 8px;
}

/* QEYD: cədvəllə .grid-view arasında wrapper (.table-responsive və s.) ola
   bildiyi üçün descendant (.grid-view .table) işlədirik. Cədvəldən aşağı isə
   ">" ilə gedirik ki, xana içindəki iç-içə cədvəllər pozulmasın. */
.grid-view .table {
    border-collapse: separate !important;
    border-spacing: 0;
    margin-bottom: 0 !important;
}

/* Cədvəlin öz kənar konturu tam götürülür (kart onsuz da box-dur) */
.grid-view .table.table-bordered {
    border: none !important;
}

/* Filter (axtarış) sətrinin xanaları TAM borderless - əvvəl bunlar
   unudulmuşdu və boz xətlər məhz buradan gəlirdi */
.grid-view .table.table-bordered > thead > tr > td {
    border: none !important;
}

/* Başlıq th və gövdə td - yan/üst xətlər götürülür (yalnız üfüqi
   sətir ayırıcıları qalır) */
.grid-view .table.table-bordered > thead > tr > th,
.grid-view .table.table-bordered > tbody > tr > td {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.grid-view .table > thead > tr > th {
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 12px 8px !important;
    vertical-align: middle !important;
    text-align: center !important;
    white-space: nowrap;
    text-transform: none !important;
}

.grid-view .table > tbody > tr > td {
    padding: 10px 8px !important;
    vertical-align: middle !important;
    text-align: center !important;
    font-size: 15px !important;
}

.grid-view .table > tbody > tr:last-child > td {
    border-bottom: none !important;
}

/* Başlıq (label) sətri - yumru, konturlu sub-box */
.grid-view .table > thead > tr:first-child > th {
    border-top: 1px solid var(--pnl-border) !important;
    border-bottom: 1px solid var(--pnl-border) !important;
}
.grid-view .table > thead > tr:first-child > th:first-child {
    border-left: 1px solid var(--pnl-border) !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}
.grid-view .table > thead > tr:first-child > th:last-child {
    border-right: 1px solid var(--pnl-border) !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

/* Filter sətrindəki input/select-lərə göy kontur */
.grid-view .table > thead > .filters .form-control {
    border: 1px solid var(--pnl-border) !important;
    border-radius: 6px !important;
}

/* ==========================================================================
   "View report" drawer-inin (sağdan açılan modal) içindəki DetailView box-u.
   Bizim standart popup box dizaynı (fancybox-content kimi): göy kontur +
   radius. İç cədvəlin şaquli xətləri götürülür, yalnız üfüqi sətir
   ayırıcıları qalır; künc radiusu overflow:hidden ilə cədvəli də kəsir.
   Tema-neytral (yalnız struktur) — fon/mətn rəngləri temaların öz
   fayllarından gəlir.
   ========================================================================== */
.report-view {
    border: 1px solid var(--pnl-border);
    border-radius: 12px;
    overflow: hidden;
}

.report-view .detail-view {
    margin-bottom: 0 !important;
    border: none !important;
}

.report-view .detail-view > tbody > tr > th,
.report-view .detail-view > tbody > tr > td {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    /* Sətirlər arası ayırıcı default (boz) saxlanılır - istifadəçi bütün
       sətirlərə rəngli kontur istəmirdi (yalnız üfüqi default xətt qalır) */
    /* table-striped-in boz zolaqlı fonunu götürürük (təmiz görünüş) */
    background: transparent !important;
    padding: 10px 14px !important;
    vertical-align: middle;
}

/* Son sətrin alt xətti yoxdur (box konturuna yapışsın) */
.report-view .detail-view > tbody > tr:last-child > th,
.report-view .detail-view > tbody > tr:last-child > td {
    border-bottom: none !important;
}

/* Hover-də boz fon/ağ mətn (table-striped:hover) burada söndürülür */
.report-view .detail-view tbody tr:hover th,
.report-view .detail-view tbody tr:hover td {
    background: transparent !important;
    color: inherit !important;
}

/* ==========================================================================
   "Update report" forması (drawer içində) - input/select box-larına
   bizim standart göy kontur + radius (grid filter input-ları ilə eyni).
   ========================================================================== */
.user-damages-form .form-control {
    border: 1px solid var(--pnl-border) !important;
    border-radius: 6px !important;
}

/* Personal Select2 (krajee) box-u da eyni kontur/radius */
.user-damages-form .select2-selection {
    border: 1px solid var(--pnl-border) !important;
    border-radius: 6px !important;
}

/* Status select-i tam en deyil - lazım olduğundan bir az enli saxlanır */
.user-damages-form #userdamages-status {
    max-width: 240px;
}

/* ==========================================================================
   Delete təsdiq modalı (alertify) - bizim standart radius + göy kontur,
   Confirm/Cancel düymələrinə də radius.
   ========================================================================== */
.alertify .ajs-dialog {
    border-radius: 12px !important;
    border: 1px solid var(--pnl-border) !important;
    overflow: hidden;
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
    border-radius: 6px !important;
}

/* ==========================================================================
   Sağdan açılan drawer-in (.modal.drawer) başlığı ilə gövdəsi arasındakı
   ayırıcı xətt - boz default (#dee2e6) əvəzinə bizim göy kontur rəngi.
   ========================================================================== */
.modal.drawer .modal-header {
    border-bottom: 1px solid var(--pnl-border) !important;
}

/* ==========================================================================
   Ümumi (base) font ölçüsü: əvvəl body 0.875rem = 14px idi -> 16px.
   Yalnız öz font-size-ı olmayan (varislik alan) mətnlərə təsir edir.
   ========================================================================== */
body {
    font-size: 16px !important;
}

/* ==========================================================================
   Sol panel (sidebar) menyu linkləri və adları - 14px + bold.
   Əsas menyu (dropdown-toggle), alt-menyu və sub-submenu daxil.
   ========================================================================== */
#sidebar ul.menu-categories li.menu > .dropdown-toggle,
#sidebar ul.menu-categories ul.submenu > li a,
#sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li a {
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   "Add service" (adding-packet) drawer formasındakı select-lərin fontu:
   form-control default 14px idi -> 16px. #add-form ilə yalnız bu formaya scope.
   Select qutusunun mətni + açılan option-lar böyüyür.
   ========================================================================== */
#add-form select,
#add-form select.form-control {
    font-size: 16px !important;
}

/* ==========================================================================
   Bütün grid-lərdə "Records per page" seçimi + səhifə rəqəmləməsi (pagination):
   boz default kontur (#dee2e6) əvəzinə bizim göy kontur (#1e3a8a) + standart 6px
   radius. GridPageSize widget-i select.form-control.input-sm kimi render olunur;
   pagination Bootstrap4 LinkPager (.pagination .page-link).
   ========================================================================== */
select.form-control.input-sm {
    border: 1px solid var(--pnl-border) !important;
    border-radius: 6px !important;
}

.pagination .page-link {
    border: 1px solid var(--pnl-border) !important;
    border-radius: 6px !important;
    margin: 0 2px;
    color: #1e3a8a !important;
}

.pagination .page-item.active .page-link {
    background-color: #1e3a8a !important;
    border-color: var(--pnl-border) !important;
    color: #fff !important;
}

.pagination .page-item.disabled .page-link {
    border-color: var(--pnl-border) !important;
    opacity: .45;
}

/* ===== BOLD TOP TITLE BOX 2026-07-20 — uniform bold title + counters, all index pages ===== */
.page-title { font-weight: 700 !important; }
.page-title h3,
.page-title h4,
.page-title h5,
.page-title h6 { font-weight: 700 !important; font-size: 18px !important; margin: 0 !important; line-height: 1.3 !important; }
.widget-content-area .page-title,
.widget-content-area .page-title span,
.widget-content-area .page-title b { font-weight: 700 !important; }

/* 2026-07-20 fix: vertically center the title (and Create button) in every index top box.
   Most pages' .actions-container has display:flex + justify-content but NO align-items,
   so the title stuck to the top. This centers them all. */
.actions-container { align-items: center !important; min-height: 38px !important; }

/* ===== UNIFORM TOP BOX 2026-07-21 — every index top box == "All orders" box =====
   All index pages use exactly one .widget-content-area = the title box. We force a
   fixed height, vertical-center the content, normalize the title font, and cancel the
   things that made some boxes taller (button margins, wrapped counters). */
.widget.widget-content-area {
    padding: 10px 15px !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    margin-bottom: 10px !important;
}
.widget.widget-content-area > .widget-one { width: 100% !important; }

.widget-content-area .actions-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 0 !important;
    flex-wrap: nowrap !important;
}

/* cancel the inline margin-bottom/top on action buttons that pushed cgn/receipt taller */
.widget-content-area .actions-container .btn,
.widget-content-area .actions-container a.btn,
.widget-content-area .actions-container button,
.widget-content-area .container-actions .btn,
.widget-content-area .container-actions a.btn { margin-top: 0 !important; margin-bottom: 0 !important; }

/* one uniform title font everywhere (h4/h5/h6 all identical to "All orders") */
.page-title { display: flex !important; align-items: center !important; margin: 0 !important; }
.page-title h3,
.page-title h4,
.page-title h5,
.page-title h6 { font-size: 18px !important; font-weight: 700 !important; margin: 0 !important; line-height: 1.3 !important; }

/* API Check counters: keep them on a single row so the box height stays 58px */
.widget-content-area .page-title > div { flex-wrap: nowrap !important; overflow-x: auto !important; }

/* ===== SORT LİNKLƏRİ SÖNDÜRÜLDÜ (istifadəçi tələbi, 2026-07-26) =====
   Bütün gridlərdə sütun adı artıq klikləmə/sıralama linki deyil.
   ŞƏRT: başlıqların RƏNGİ və FONT göstəriciləri olduğu kimi qalır — ona görə
   yalnız klik davranışı söndürülür, heç bir rəng/ölçü qaydası yazılmır.
   Selektor Yii-nin sort linklərini dəqiq hədəfləyir (data-sort atributu),
   beləliklə başlıqdakı digər elementlərə (filtr, bulk seçim) toxunmur. */
.table thead th a[data-sort],
.grid-view thead th a[data-sort],
table thead th a[data-sort] {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
    /* 2026-08-07 ELAVE — BAŞLIQ RƏNGLƏRİNİN FƏRQİ.
       Yii sıralana bilən sütunun adını <a data-sort>, sıralana bilməyəni isə
       adi mətn kimi verir. Ankerin ÖZ rəng bəyanı var (a { color: … }), ona
       görə başlıq xanasının rəngi ona keçmir — th-dəki !important belə kömək
       etmir, çünki miras dəyər elementin öz bəyanına həmişə uduzur.
       Nəticədə Transactions-da "Operator" və "Created at" ağ, qalan başlıqlar
       boz görünürdü. Anker artıq başlığın rəngini miras alır.
       Konkret rəng dəyəri tema fayllarındadır (structure_dark.css /
       structure.css) — bura yalnız mexanizm yazılır. */
    color: inherit !important;
}

/* Actions sütunu: üç ikon bir xanada yan-yana, ortalanmış */
/* Üç ikon bir sətirdə, bərabər ölçülü qutularda, bərabər aralıqla.
   QEYD 1 — seçici `td.grid-actions-cell`-ə qədər uzadılıb, çünki
   `.grid-view .table > tbody > tr > td { font-size:15px !important }`
   qaydasının spesifikliyi daha yüksəkdir; sadəcə `.grid-actions-cell`
   ona uduzurdu.
   QEYD 2 — düymələr arasındakı aralıq əslində HTML-dəki MƏTN boşluğudur
   (ActionColumn şablonu `{a} {b} {c}` şəklindədir). Şrift ölçüsü xanada
   sıfırlanır, məsafə isə yalnız margin ilə verilir — aralar tam bərabər olur.
   QEYD 3 — svg `display:block` olur; əks halda o, sətir bazasına oturur və
   ikonlar bir-birinə nisbətən şaquli sürüşür. Səliqəsizliyin əsas səbəbi bu idi.
   QEYD 4 — hover fonu boz rgba-dır, yəni həm işıqlı, həm qaranlıq temada
   düzgün işləyir (bu fayl hər iki temaya yüklənir). */
.grid-view .table > tbody > tr > td.grid-actions-cell {
    font-size: 0 !important;
    line-height: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
}
.grid-view .table > tbody > tr > td.grid-actions-cell > a,
.grid-view .table > tbody > tr > td.grid-actions-cell > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 3px !important;
    padding: 0 !important;
    vertical-align: middle !important;
    border-radius: 6px !important;
    line-height: 0 !important;
}
.grid-view .table > tbody > tr > td.grid-actions-cell svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
}
.grid-view .table > tbody > tr > td.grid-actions-cell > a:hover {
    background-color: rgba(127, 127, 127, .16) !important;
}
.grid-view .table > tbody > tr > td.grid-actions-cell .grid-action-disabled {
    opacity: .4 !important;
    cursor: default !important;
}

/* ==========================================================================
   2026-08-07 — TRANSACTIONS QRİDİ: SÜTUNLAR YAZININ ENİ QƏDƏR, XANALAR TƏK SƏTİR
   --------------------------------------------------------------------------
   Sütunlara sabit piksel eni verilmişdi (100px, 160px, 180px …). Sabit en
   məzmunu SIXIR: "Debt status", tarix və müştəri adı iki sətrə düşürdü.
   Görünüşdə düzəliş: piksel enləri görünüşdən çıxarıldı, burada isə
     · cədvəl `width:auto` — sütun eni artıq məzmunla təyin olunur
       (`min-width:100%` ilə: məzmun dar olsa, cədvəl yenə kartı doldurur)
     · bütün xanalar `nowrap` — heç bir yazı ikinci sətrə keçmir
     · qrid `overflow-x:auto` — cəm en karta sığmasa, cədvəl ÖZ içində
       sürüşür; kart və səhifə maketi pozulmur
   ⚠️ Seçici YALNIZ #ub-grid-ədir (Transactions). Digər siyahılar
   toxunulmamış qalır — nowrap qlobal veriləsi olsaydı, uzun mətnli
   sütunları olan səhifələr (məsələn qeydlər/ünvanlar) yayılardı.
   ========================================================================== */
#ub-grid {
    overflow-x: auto !important;
}
#ub-grid .table {
    width: auto !important;
    min-width: 100% !important;
}
#ub-grid .table > thead > tr > th,
#ub-grid .table > tbody > tr > td {
    white-space: nowrap !important;
}

/* Filtr sətrindəki sahələr sütunu genişləndirməsin.
   <input> elementinin təbii eni `size` atributundan gəlir (brauzer standartı
   20 simvol) və cədvəl maketində sütunun MİNİMUM enini məhz o təyin edir —
   buna görə "Operator" kimi qısa adlı sütunlar geniş qalırdı. Görünüşdə
   size=1 verildi, burada isə min-width sıfırlanır; en 100% olduğuna görə
   sahə sütunu yenə tam doldurur, sadəcə artıq onu dartmır. */
#ub-grid .table > thead .filters .form-control,
#ub-grid .table > thead .filters input,
#ub-grid .table > thead .filters select {
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

/* ============================================================================
   2026-07-27 — VALIDASIYA "YASIL ISIQ" EFFEKTININ LEGVI (QLOBAL)
   ----------------------------------------------------------------------------
   Bootstrap 4 ugurlu validasiyada sahenin konturunu YASIL edir ve yasil
   halo qoyur:
       .form-control.is-valid:focus { border-color:#28a745;
                                      box-shadow:0 0 0 .2rem rgba(40,167,69,.25) }
   Yii ActiveForm (enableAjaxValidation) yoxlamadan sonra sahelere .is-valid
   sinfi verir -> butun formalarda yasil isiq yaranirdi.

   ⚠️ QAYDA: yasil YALNIZ status/nailiyyet gostericileri ucundur (Solved,
   Approve, Active). Forma sahesinin konturu neytral olmalidir - bizim
   kontur rengimiz: #e0e6ed (fokusda bir qeder tund: #c8d2de).

   Bu blok QLOBALDIR - butun formalara tetbiq olunur. Yeni forma yazanda
   elave bir sey etmek lazim deyil.
   Xeta (is-invalid) stilleri TOXUNULMUR - qirmizi oldugu kimi qalir.
   ============================================================================ */
.form-control.is-valid,
.was-validated .form-control:valid,
.custom-select.is-valid,
.was-validated .custom-select:valid,
select.form-control.is-valid,
textarea.form-control.is-valid {
    border-color: #e0e6ed !important;
    background-image: none !important;   /* Bootstrap-in yasil tik ikonu */
    padding-right: .75rem !important;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus,
.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus,
select.form-control.is-valid:focus,
textarea.form-control.is-valid:focus {
    border-color: #c8d2de !important;
    box-shadow: 0 0 0 .2rem rgba(224, 230, 237, .35) !important;
}

/* ugurlu validasiya mesaji da gizlenir - kontur onsuz da melumat verir */
.valid-feedback,
.valid-tooltip {
    display: none !important;
}

/* ==========================================================================
   2026-08-04 — PANEL ÜZRƏ VAHİD DÜYMƏ FORMASI  (radius 10px)
   ÖLÇÜ 09-08-2026-da 24px -> 32px QALDIRILDI (istifadəçi: "düymələr çox kiçikdir")
   --------------------------------------------------------------------------
   Panelin ~266 düyməsi (87 fayl) hələ xam Bootstrap `.btn` idi. main.css:451
   onlara min-height:40px + 1.25rem padding verir — "kərpic" görünüşün səbəbi
   məhz odur (bax: Items epizodu, §18.1). 87 faylı ayrı-ayrı redaktə etmək
   əvəzinə bura BİR qlobal qayda yazılır: bu fayl ƏN SONDA yüklənir (§4.1),
   ona görə heç bir view-a toxunmadan hamısını normallaşdırır.

   Ölçü mənbəyi: panelin öz standartı — .ro-cbtn / .it-abtn / .mdl-btn
   (height=line-height=32px, padding 0 18px, font 13px/600, kölgəsiz).
   Radius 12px → 10px istifadəçi qərarı ilə (04-08-2026).

   ƏHATƏ: yalnız #content (əsas iş sahəsi), modal və fancybox daxili.
   Sidebar və login formasına TOXUNMUR.
   ========================================================================== */
#content .btn,
.modal .btn,
.fancybox-content .btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    display: inline-block;
    height: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    text-shadow: none !important;
    vertical-align: middle;
    transition: filter .15s ease;
}

#content .btn:hover,
.modal .btn:hover,
.fancybox-content .btn:hover { filter: brightness(.93); }

/* --------------------------------------------------------------------------
   İSTİSNALAR — bunlar düymə deyil və ya pill forması onları sındırır:
   fayl yükləmə widget-i, modal bağlama (×), qruplaşdırılmış düymələr
   (ExportMenu dropdown-u), outline variantları və login forması.
   -------------------------------------------------------------------------- */
#content .btn-file,
#content .fileinput-cancel,
#content .btn-close,
#content .close,
#content .btn-group > .btn,
#content [class*="btn-outline"],
.modal .btn-file,
.modal .btn-close,
.modal .close,
.modal .btn-group > .btn,
.fancybox-content .btn-file,
.form-form .btn {
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.5 !important;
    padding: .375rem .75rem !important;
    border-width: 1px !important;
    border-radius: 6px !important;
    font-size: 12.5px !important;
    white-space: normal !important;
}


/* ==========================================================================
   2026-08-04 — TOTAL GÖSTƏRİCİ FORMASI (istifadəçi tələbi: "hər yerdə")
   --------------------------------------------------------------------------
   Ölçmə göstərdi ki, düymələr normallaşdırıldıqdan sonra da panelin
   **120 yerində / 29 faylda** hələ Bootstrap `.badge` göstəriciləri qalırdı
   (təkcə users/view.php-də 39 ədəd) — operator üçün "köhnə forma" məhz o idi.
   Onları view-lar üzrə bir-bir dəyişmək əvəzinə burada bir qayda ilə
   panelin 24px pill standartına salınır.

   ƏHATƏ: yalnız #content (iş sahəsi), modal və fancybox daxili.
   ⚠️ SIDEBAR-A TOXUNULMUR — sol menyudakı sayğac badge-ləri (Reports/Port)
   kiçik qalmalıdır, 24px onları menyu sətrindən daşırardı.
   ========================================================================== */
/* ⚠️ Selektorda HƏM `.badge`, HƏM `[class*="badge-"]` var: bəzi yerlərdə
   yalnız rəng sinfi yazılıb (məs. class="badge-danger", baza `badge` YOX) —
   CSS-in `.badge` seçicisi isə yalnız tam `badge` tokenini tutur, ona görə
   həmin elementlər qaydadan kənarda qalırdı. Ölçüldü: 1 yer
   (users-message/index.php "Send again"). */
#content .badge,
#content [class*="badge-"],
.modal .badge,
.modal [class*="badge-"],
.fancybox-content .badge,
.fancybox-content [class*="badge-"] {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 24px !important;
    min-height: 24px !important;
    line-height: 1 !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    vertical-align: middle;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Panelin bütün öz pill sinifləri — bir yerdə zəmanət altına alınır.
   (Hər view-un öz <style>-ı onsuz da 24px/10px yazır; bu, gələcəkdə
   əlavə olunacaq yeni pill-lərin də standartdan kənara çıxmamasıdır.) */
#content .status-pill,
#content [class$="-pill"],
#content [class*="-pill "],
.modal .status-pill {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 14px !important;      /* saquli padding OLMAMALIDIR - bax yuxaridaki izah */
    line-height: 1 !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

/* ==========================================================================
   TEST (05-08-2026): ORTADAN AÇILAN MODAL (zoom-in) — .modal.modal-center
   modal.js `data-modal="center"` olan linkdə `drawer right-align` siniflərini
   çıxarıb bunu qoyur, modal bağlananda geri qaytarır. Hazırda YALNIZ
   Items -> Transfer düyməsində sınanır; qalan 115 düymə dəyişməyib.
   ========================================================================== */
.modal.modal-center .modal-dialog{
    /* 05-08-2026: 460px -> 560px (istifadeci "biraz genislendir" dedi).
       Ekran dar olanda 92vw-e sixilir ki, mobilde kenara dayanmasin. */
    max-width: 560px;
    width: 92vw;
    margin: 1.75rem auto;
    min-height: calc(100% - 3.5rem);
    display: flex;
    align-items: center;
    /* 05-08-2026: "tam ortaya olmasin, biraz yuxari olsun".
       Usul: SEKILDE saxlanilir (align-items:center), amma asagidan
       `padding-bottom` verilir -> merkezlesme daha alcaq bir sahede gedir
       ve pencere yuxari surusur. Suruşme = padding / 2 = 6vh
       (1080px ekranda ~65px). vh oldugu ucun ekran hundurluyune
       uygunlasir - sabit px kimi kicik ekranda yuxari qacmir. */
    padding-bottom: 12vh;
    /* 05-08-2026 (son qerar): asagidan qalxan (slide-up) variant LEGV edildi.
       Istifadeci "ele ortadan cixan modal ola, altdan qalxan formada yox"
       dedi -> pencere MERKEZDEN boyuyerek acilir (zoom-in / fade-in),
       yerini deyismir, asagidan surusmur. */
    transform: scale(.94);
    opacity: 0;
    transition: transform .2s cubic-bezier(.2,.7,.4,1), opacity .18s ease;
}
.modal.modal-center.show .modal-dialog{
    transform: scale(1);
    opacity: 1;
}
.modal.modal-center .modal-content{
    width: 100%;
    border: none;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 18px 50px rgba(0,0,0,.28);
}
.modal.modal-center .modal-header{
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}
.modal.modal-center .modal-body{
    max-height: calc(100vh - 180px);
    overflow: auto;
    padding: 20px 22px;
}

/* ==========================================================================
   TEST (05-08-2026): AŞAĞIDAN QALXAN MODAL — .modal.modal-bottom
   Ekranın altından yuxarı sürüşür, tam en, yuxarı künclər yumru.
   Siyahının yuxarı hissəsi görünməyə davam edir.
   ========================================================================== */
.modal.modal-bottom{
    padding-right: 0 !important;
}
.modal.modal-bottom .modal-dialog{
    max-width: none;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(100%);
    transition: transform .3s cubic-bezier(.22,.61,.36,1);
}
.modal.modal-bottom.show .modal-dialog{
    transform: translateY(0);
}
.modal.modal-bottom .modal-content{
    border: none;
    border-radius: 14px 14px 0 0;
    box-shadow: 0 -14px 44px rgba(0,0,0,.26);
}
.modal.modal-bottom .modal-header{
    border-top-left-radius: 14px !important;
    border-top-right-radius: 14px !important;
}
.modal.modal-bottom .modal-body{
    max-height: calc(100vh - 240px);
    overflow: auto;
    padding-bottom: 18px;
}

/* ==========================================================================
   TEST (05-08-2026): GENİŞ variant — .modal.modal-center.modal-center-wide
   Mövqe və animasiya `modal-center` ilə EYNİDİR, yalnız en fərqlidir.
   Niyə lazım oldu: request-order/adding-packet forması 47 form-group və
   4 sütunlu blok saxlayır (`width:calc(25% - 11px); min-width:170px`).
   560px-də həmin sütunlar alt-alta düşüb formanı pozur. 800px = Bootstrap
   `modal-lg` eni, yəni indiki drawer ilə eyni → daxili quruluş dəyişmir.
   ========================================================================== */
.modal.modal-center.modal-center-wide .modal-dialog{
    max-width: 800px;
    width: 94vw;
    margin: 1rem auto;
    min-height: calc(100% - 2rem);
    /* Genis formalar hundur olur - onlari daha az qaldirmaq lazimdir,
       eks halda asagi kenar ekrandan cixir. Ona gore 12vh yerine 7vh. */
    padding-bottom: 7vh;
}
.modal.modal-center.modal-center-wide .modal-body{
    max-height: calc(100vh - 120px);
    padding: 18px 20px;
}

/* ==========================================================================
   MODAL BAŞLIĞI QALIN (05-08-2026)
   Başlıq mətni `modal.js` tərəfindən linkin `title` atributundan götürülür,
   yəni "nəyin göstəricisi" olduğunu deyən sətirdir:
     "Transfer Cisco ASR9001 between warehouses", "{customer} report form",
     "Adding service for {customer}" və s.
   Bootstrap `.modal-title` (h5) defolt olaraq `font-weight:500`-dir — yarı
   qalın. 700-ə qaldırılır.
   ƏHATƏ: başlıq çubuğu 53 səhifədə ORTAQ komponentdir, ona görə dəyişiklik
   bütün modallara şamil olunur (yalnız yeni 5 düyməyə yox) — əks halda eyni
   paneldə iki fərqli başlıq çəkisi olardı.
   ========================================================================== */
.modal .modal-header .modal-title,
.modal .modal-header h5 {
    font-weight: 700 !important;
}

/* ==========================================================================
   QLOBAL KEÇİD (05-08-2026): SAĞDAN ÇIXAN DRAWER -> ORTADAN AÇILAN MODAL
   İstifadəçi: "bu kombinasiyanı bütün yandan çıxan modallarla əvəzləşdir".

   NİYƏ CSS, NİYƏ 116 LİNK DEYİL: `.modal-d` düymələri 44 faylda, drawer
   qabı 27 faylda elan olunub. Hər birinə `data-modal` yazsaydım, hər
   səhifənin uyğun enini ayrıca araşdırmalı olardım. Burada isə EN-ə heç
   toxunulmur — hər səhifə öz enini saxlayır (`modal-lg`=800px, ya da
   active-reports-dakı kimi öz `#modal .modal-dialog{max-width:520px}`
   qaydası). Yalnız MÖVQE və ANİMASİYA dəyişir.

   main.css:1916-1959-dakı drawer qaydaları burada üstələnir — bu fayl ƏN
   SONDA yükləndiyi üçün eyni spesifiklikdə sonuncu qalib gəlir.

   `display:flex !important` -> `block !important` saxlanılır (silinmir):
   drawer HƏMİŞƏ görünən qutudur, gizlilik `.fade` opacity ilə olur; klik
   keçirmə isə `pointer-events`-lə. Həmin məntiq main.css-də qalır, ona
   görə burada yalnız yerləşdirmə dəyişdirilir.
   ========================================================================== */
.modal.drawer{
    display: block !important;
}
.modal.drawer .modal-dialog{
    margin: 1rem auto;
    min-height: calc(100% - 2rem);
    display: flex;
    align-items: center;
    flex: 0 1 auto;              /* drawer-dəki `flex:1 1 auto` ləğv olunur */
    padding-bottom: 7vh;         /* tam ortadan bir az yuxarı (3.5vh sürüşmə) */
    transform: scale(.94);
    opacity: 0;
    transition: transform .2s cubic-bezier(.2,.7,.4,1), opacity .18s ease;
}
.modal.drawer.show .modal-dialog{
    transform: scale(1);
    opacity: 1;
}
.modal.drawer .modal-dialog .modal-content{
    width: 100%;
    border: none;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 18px 50px rgba(0,0,0,.28);
}
.modal.drawer .modal-header{
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}
.modal.drawer .modal-dialog .modal-content .modal-body{
    max-height: calc(100vh - 120px);
    overflow: auto;
}
/* Köhnə istiqamət qaydaları artıq mənasızdır */
.modal.drawer.right-align{
    flex-direction: initial;
}
.modal.drawer.left-align:not(.show) .modal-dialog{
    transform: scale(.94);
}

/* ==========================================================================
   SIFARIS MODAL FORMASI (05-08-2026)
   Evvel bu qaydalar `views/request-order/_form_modal.php`-nin ICINDE
   <style> blokunda idi. `update_modal.php` de eyni gorkemi tələb etdiyi
   ucun bura kocuruldu - eks halda ~150 setir CSS iki faylda tekrarlanacaqdi.

   Selektorlar HER IKI forma id-sini ehate edir:
       #request-order-form  -> yeni sifaris (create)
       #order-update-form   -> sifaris redakte (update)
   ========================================================================== */
/* ------------------------------------------------------------------
   05-08-2026 — UC SECIM SAHESININ ENI (istifadeci: "lazim olan qeder kicilt")

   Bu uc sahe `col-sm-3` icinde tam eni tuturdu,
halbuki mezmunlari cox
   qisadir. Olculer EN UZUN varianta gore secildi (panel dili deyisende
   metn kesilmesin deye RUS dili de nezere alindi):

     message_lang    "Azərbaycan"          (10 simvol)  -> 150px
     paid_time_type  "Первый день месяца"  (18,
rusca)  -> 200px
                     ["Ayın ilk günü" azerbaycanca 13]
     paid_day        1..31                 (2 simvol)   -> 100px
                     [etiket "Ödəniş günü" bir setirde qalsin deye
                      90px yox,
100px verildi]

   Sutunun OZU (`col-sm-3`) toxunulmur - yalniz sahe qutusu daralir,
sagda bos yer qalir. Sutun sinifini deyisseydim qonsu sahelerin
   yerlesmesi de surusherdi.

   `#request-order-form` ile scope edilir: eyni `.field-requestorder-*`
   sinifleri panelin basqa sehifelerinde de var,
onlara toxunulmur.
   ------------------------------------------------------------------ */
#request-order-form .field-requestorder-message_lang { max-width: 150px; }
#request-order-form .field-requestorder-paid_time_type,
#order-update-form .field-requestorder-paid_time_type { max-width: 200px; }
#request-order-form .field-requestorder-paid_day,
#order-update-form .field-requestorder-paid_day { max-width: 100px; }
#request-order-form .field-requestorder-message_lang select,
#order-update-form .field-requestorder-message_lang select,
#request-order-form .field-requestorder-paid_time_type select,
#order-update-form .field-requestorder-paid_time_type select,
#request-order-form .field-requestorder-paid_day select,
#order-update-form .field-requestorder-paid_day select {
    width: 100%;
    min-width: 0;
}
` var -
   tek setirde duzur ve dar sutunda kenara dasirdi. Burada `wrap` verilir
   ki,
xidmet adlari sigmayanda alt-alta kecsin.
   Scope `#request-order-form` - panelin diger sehifelerine tesir etmir.
   ------------------------------------------------------------------ */
#request-order-form #requestorder-selected_service_form {
    flex-wrap: wrap;
    gap: 4px 16px;
}
/* ------------------------------------------------------------------
   05-08-2026 — ROW6 OLCU TENZIMI

   Sikayetler: (a) "Photos ... qirig-qirig xetlerden ibaret duzbucaqli
   yigilib bukulub uzun cubuq kimi",
(b) "Services gostericileri
   arasinda cox mesafe var,
VOIP dusub asagi".

   SEBEB (a): fileuploader-in daxili hissesi (metn + duyme) YAN-YANA
   duzulur; sutun daraldiqca hundurluk itir ve qutu nazik zolaga donur.
   HELL: daxili hisseni SUTUN istiqametinde yigiriq + minimum hundurluk.

   SEBEB (b): 4 xidmet (iNet 54px,
TV 44px,
Wi-Fi 62px,
VOIP 62px
   = 222px) + araliqlar; col-sm-4-un faktiki ic eni ~222px idi,
yeni
   deqiq sigmirdi -> VOIP asagi dusurdu.
   HELL: sutun col-sm-5 (~285px ic en) + araliq 16px -> 12px.

   Sutunlar: Description 4->3,
Photos 3->4,
Services 5 (deyismedi).
   ------------------------------------------------------------------ */
#request-order-form #requestorder-selected_service_form {
    gap: 2px 12px;
}
#request-order-form #requestorder-selected_service_form .n-chk,
#order-update-form #requestorder-selected_service_form .n-chk {
    flex: 0 0 auto;
    margin: 0;
}
#request-order-form #requestorder-selected_service_form .new-control,
#order-update-form #requestorder-selected_service_form .new-control {
    margin-right: 0;
    white-space: nowrap;
}
yeni yuxaridan 5px margin + 5px padding = 10px elave edir. Description
   textarea-si ise birbasa `.form-group`-un icindedir,
bele bosluqu yoxdur.
   Ona gore Photos qutusu 10px asagi dusurdu.

   HELL: hemin qabin bosluqlari sifirlanir. Indi her iki sahenin qutusu
   etiketden EYNI mesafede baslayir ve hundurluyu de 100px oldugu ucun
   eyni xetde bitir.
   ------------------------------------------------------------------ */
#request-order-form .fileuploader {
    padding: 0 !important;
    margin: 0 !important;
}
/* Widget-in sonundaki bos `help-block` altdan yer tutur - yigilir */
#request-order-form .fileuploader > .help-block:empty {
    display: none !important;
    margin: 0 !important;
}
#request-order-form .fileuploader-theme-thumbnails .fileuploader-thumbnails-input,
#order-update-form .fileuploader-theme-thumbnails .fileuploader-thumbnails-input {
    width: 100% !important;
    height: 100px !important;
    min-height: 100px !important;
    display: block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#request-order-form .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner,
#order-update-form .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner {
    width: 100%;
    height: 100%;
    line-height: 96px;
    display: block;
}
/* Description textarea: hundurluk qutu ile EYNI */
#request-order-form .field-requestorder-description textarea {
    height: 60px !important;      /* 100px -> 60px, istifadeci: "hundurluyunu azalt" */
    resize: vertical;
    min-height: 60px;
}
/* Yuklenmis sekil kucukleri qutunun ALTINDA,
kompakt */
#request-order-form .fileuploader-theme-thumbnails .fileuploader-item {
    width: 76px !important;
    height: 76px !important;
    display: inline-block !important;
    float: none !important;
    vertical-align: top;
    margin: 8px 8px 0 0 !important;
}
#request-order-form .fileuploader-items-list,
#order-update-form .fileuploader-items-list {
    display: block;
    padding: 0;
    margin: 0 !important;
}
/* ==================================================================
   VARIANT TEST BLOKU  —  hazirda: VARIANT 3
   (olculer DEYISMIR,
sekil zolagi UFUQI SURUSUR)

   Duzulus 6-ci cergede qalir:
     Description(3) | Photos(3) | Services(6)
     0-25%            25-50%      50-100%

   Photos sol/sag kenari Password ile DEQIQ ust-uste dusur,
Services ise
   Paid type-in basladigi 50% xettinden baslayir. Yeni hec bir hizalama
   pozulmur - bu,
variantin esas ustunluyudur.

   SEKIL ZOLAGI: `overflow-x: auto` + `flex-wrap: nowrap`.
   Yuvalar 76px; sutunun ic sahesi ~160px,
yeni ~2 yuva gorunur,
qalani
   ucun zolaq yana surusur. Konteyner hundurluyu SABIT 100px - sekil
   elave olunanda cerge ESLA boyumur,
asagi surusmur.

   Surusme oldugunu bildirmek ucun nazik zolaq gostericisi verilir.
   ================================================================== */

/* --- Photos: sabit hundurluk + ufuqi surusme --- */
#request-order-form .fileuploader {
    height: 100px !important;
    overflow: hidden !important;
}
#request-order-form .fileuploader-items,
#order-update-form .fileuploader-items {
    height: 100%;
}
#request-order-form .fileuploader-items-list,
#order-update-form .fileuploader-items-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 6px;
    margin: 0 !important;
    padding: 0 0 6px 0 !important;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}
#request-order-form .fileuploader-items-list::-webkit-scrollbar,
#order-update-form .fileuploader-items-list::-webkit-scrollbar {
    height: 6px;
}
#request-order-form .fileuploader-items-list::-webkit-scrollbar-thumb,
#order-update-form .fileuploader-items-list::-webkit-scrollbar-thumb {
    background: #c2cdda;
    border-radius: 3px;
}
#request-order-form .fileuploader-theme-thumbnails .fileuploader-thumbnails-input,
#order-update-form .fileuploader-theme-thumbnails .fileuploader-thumbnails-input {
    width: 80px !important;
    height: 80px !important;
    min-height: 80px !important;
    flex: 0 0 80px !important;
    display: block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#request-order-form .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner,
#order-update-form .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner {
    line-height: 76px;
    font-size: 28px;
}
#request-order-form .fileuploader-theme-thumbnails .fileuploader-item,
#order-update-form .fileuploader-theme-thumbnails .fileuploader-item {
    width: 80px !important;
    height: 80px !important;
    flex: 0 0 80px !important;
    display: block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
}
/* --- Services: 50%-den baslayan genis sutun,
bir setirde --- */
#request-order-form #requestorder-selected_service_form {
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px 20px;
}

/* ==========================================================================
   UPDATE MODALI - SERVICES DUZULUSU (05-08-2026)

   Problem: redakte modalinda xidmet onqutucuqlari ALT-ALTA dusurdu, create
   modalinda ise yan-yana idi.

   Sebeb: CSS-i ortaq fayla kocurenden sonra `display:flex` qaydasi yalniz
   `#request-order-form` ucun qalmisdi - `#order-update-form` cutu
   yaranmamisdi. Onqutucuqlar defolt blok axinina qayidib alt-alta duzulurdu.

   Burada qayda ACIQ sekilde HER IKI forma ucun yazilir - avtomatik
   cogaltmaya guvenmirik.
   ========================================================================== */
#request-order-form #requestorder-selected_service_form,
#order-update-form  #requestorder-selected_service_form{
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px 20px;
    align-items: center;
}
#request-order-form #requestorder-selected_service_form .n-chk,
#order-update-form  #requestorder-selected_service_form .n-chk{
    flex: 0 0 auto;
    margin: 0;
}
#request-order-form #requestorder-selected_service_form .new-control,
#order-update-form  #requestorder-selected_service_form .new-control{
    margin-right: 0;
    white-space: nowrap;
}

/* ============================================================================
   MODAL STANDARTI - "packet detail" modalindan goturuldu (2026-08-08)
   Menbe: views/request-order/detail-service-packet.php (2026-08-01)
   Istifadeci: "bu formani hamisina tetbiq et".
   Burada YALNIZ CSS var - hec bir view faylina toxunulmayib.
   Geri donus: bu blok silinir + cache-buster geri salinir.
   ============================================================================ */

/* --- 1. QUTU --------------------------------------------------------------- */
/* OLCU QESDEN VERILMIR: her modal oz enini ozu teyin edir.
   08-08 axsami burada width:380px vardi ve oz enini teyin etmeyen
   login-terminate / router-total-traffic modallarini zorla daraldirdi. */

/* --- 2. BASLIQ SETRI: ad solda, X sagda - ust-uste dusa bilmirler ---------- */
.check-connection .cc-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:12px;
}
.check-connection .cc-head h4{ margin:0; flex:1 1 auto; }

.check-connection h4{
    font-size:15px;
    font-weight:700;
    line-height:1.35;
    margin:0 0 10px;
    color:#1b2e4b;
}
body.theme-dark .check-connection h4{ color:#e0e6ed; }

/* --- 3. OZ X DUYMEMIZ ------------------------------------------------------ */
.check-connection .cc-close{
    flex:0 0 auto;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:26px;
    height:26px;
    padding:0;
    margin:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:transparent;
    border:1px solid var(--pnl-border);
    border-radius:6px;
    color:#1b2e4b;
    cursor:pointer;
    line-height:0;
    transition:color .15s ease, border-color .15s ease;
}
body.theme-dark .check-connection .cc-close{ color:#e0e6ed; }
.check-connection .cc-close:hover{ color:#ef4444; border-color:#ef4444; }

/* --- 4. CEDVEL ------------------------------------------------------------- */
/* Radiusun gorunmesi ucun border-collapse:separate MECBURIDIR (billing-update.md 14.1) */
.check-connection table.table{
    font-size:13px;
    border-collapse:separate;
    border-spacing:0;
    border:1px solid var(--pnl-border);
    border-radius:8px;
    overflow:hidden;
    margin-bottom:0;
}
.check-connection table.table > tbody > tr > td{
    padding:7px 10px;
    border:0;
    border-bottom:1px solid rgba(var(--pnl-border-rgb), .30);
    vertical-align:middle;
    /* DIQQET: burada "color:inherit" ISLEMIR - Bootstrap .table xanalara tund
       reng verir, qaranliq temada yazi qara qalir (billing-update.md 12.8a). */
    color:#1b2e4b;
    background-color:transparent;
}
body.theme-dark .check-connection table.table > tbody > tr > td{ color:#e0e6ed; }
.check-connection table.table > tbody > tr:last-child > td{ border-bottom:0; }
.check-connection table.table > tbody > tr:nth-of-type(odd) > td{ background-color:transparent; }

/* sol sutun = etiket (solgun), sag sutun = deyer (qalin) */
.check-connection table.table > tbody > tr > td:first-child{
    width:42%;
    font-size:12px;
    font-weight:600;
    color:#888ea8;
    white-space:nowrap;
}
body.theme-dark .check-connection table.table > tbody > tr > td:first-child{ color:#888ea8; }
.check-connection table.table > tbody > tr > td:last-child{ font-weight:600; }

/* --- 5. FANCYBOX-UN OZ X-i: gizletmirik, EYNI GORKEME saliriq --------------
   Qlobal gizletmek olmaz - oz basliq X-i olmayan modallar baglama duymesiz
   qalardi. Ona gore burada yalniz gorkem verilir; gizletme qaydasi ise
   modalin oz daxili style-inda qalir (yalniz cc-head olan modallarda).       */
.fancybox-content .fancybox-close-small{
    top:8px;
    right:8px;
    width:26px;
    height:26px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:transparent;
    border:1px solid var(--pnl-border);
    border-radius:6px;
    color:#1b2e4b;
    opacity:1;
    transition:color .15s ease, border-color .15s ease;
}
body.theme-dark .fancybox-content .fancybox-close-small{ color:#e0e6ed; }
.fancybox-content .fancybox-close-small:hover{ color:#ef4444; border-color:#ef4444; }
.fancybox-content .fancybox-close-small svg{
    width:16px;
    height:16px;
    fill:transparent;
    stroke:currentColor;
    stroke-width:2.2;
}

/* --- 6. BOOTSTRAP MODALLARININ BAGLA DUYMESI -------------------------------
   .modal-d ile acilan 124 modal (47 fayl) Bootstrap-in oz ".close" duymesini
   islenir: float:right, font-size:1.5rem, font-weight:700, opacity:.5,
   text-shadow. Onu fancybox X-i ile EYNI gorkeme saliriq ki, panel butov olsun.
   Markup DEYISMIR - yalniz gorkem.                                          */
.modal .close{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:26px;
    height:26px;
    padding:0;
    margin:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:transparent;
    border:1px solid var(--pnl-border);
    border-radius:6px;
    color:#1b2e4b;
    opacity:1;
    font-size:18px;
    font-weight:400;
    line-height:1;
    text-shadow:none;
    cursor:pointer;
    transition:color .15s ease, border-color .15s ease;
}
body.theme-dark .modal .close{ color:#e0e6ed; }
.modal .close:hover,
.modal .close:focus{
    color:#ef4444;
    border-color:#ef4444;
    opacity:1;
    outline:none;
}

/* MODAL STANDARTI BLOKUNUN SONU */


/* ==========================================================================
   2026-08-09 — SİLMƏ TƏSDİQ MODALI (alertify) SƏLİQƏYƏ SALINDI
   --------------------------------------------------------------------------
   "Are you sure want to delete this ?" pəncərəsi alertify.confirm-dir (bax
   web/js/alertify.js) — Bootstrap modalı DEYİL, ona görə §12-də qurulmuş
   .modal .close standartı ona təsir etmirdi. İki nöqsan var idi:

   (1) KONTURLAR: qutuya 1px göy çərçivə verilmişdi, amma İÇƏRİDƏ heç bir
       ayırıcı yox idi — başlıq, mətn və düymə sətri eyni ağ zəmində bir-birinə
       yapışırdı (alertify.css:87,94,102 hər üçünə background:#fff verir və
       heç birinə border qoymur). İndi başlığın altına və altlığın üstünə
       eyni yumşaq göy ayırıcı qoyulur — paket detalı modalındakı kimi.

   (2) X İŞARƏSİ: alertify öz bağlama düyməsini 10x10 base64 PNG şəkli kimi
       verir (alertify.css:79) — həmin şəkil bulanıq, boz və panelin heç bir
       yerindəki X-ə oxşamır. Şəkil söndürülür, əvəzinə ::before ilə real "×"
       simvolu yazılır və düymə 26x26 / göy kontur / 6px radius standartına
       salınır — yəni fancybox və Bootstrap modallarındakı X ilə eyni olur.
       display:inline-flex üçün !important lazımdır, çünki alertify-ın öz
       ".ajs-closable .ajs-commands button.ajs-close{display:block}" qaydası
       (alertify.css:175) daha yüksək xüsusiyyətə malikdir.

   Altlıq düymələri (OK / Cancel) da panel formasına salınır: onlar <button>
   olub .btn sinfi DAŞIMIR, ona görə §18-in qlobal .btn qaydası onlara
   dəymirdi və brauzerin boz default düyməsi kimi görünürdülər.
   ========================================================================== */

/* Qutu: mövcud radius/kontur saxlanılır, yalnız daxili boşluq nizamlanır */
.alertify .ajs-dialog {
    padding: 0 !important;
    min-height: 0 !important;
}

.alertify .ajs-header {
    margin: 0 !important;
    padding: 13px 46px 13px 18px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(var(--pnl-border-rgb), .30) !important;
}

.alertify .ajs-body { min-height: 0 !important; }

.alertify .ajs-body .ajs-content {
    padding: 16px 18px !important;
    font-size: 13.5px !important;
}

.alertify .ajs-footer {
    margin: 0 !important;
    padding: 10px 12px !important;
    min-height: 0 !important;
    background: transparent !important;
    border-top: 1px solid rgba(var(--pnl-border-rgb), .30) !important;
}

/* --- bağlama düyməsi (×) — panelin 26x26 standartı ---------------------- */
.alertify .ajs-commands {
    position: absolute !important;
    top: 12px !important;
    right: 14px !important;
    margin: 0 !important;
    z-index: 3;
}

.alertify .ajs-commands button.ajs-close {
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    background-image: none !important;
    background-color: transparent !important;
    border: 1px solid var(--pnl-border) !important;
    border-radius: 6px !important;
    color: #1b2e4b;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    transition: color .15s ease, border-color .15s ease;
}

.alertify .ajs-commands button.ajs-close::before { content: "\00d7"; display: block; }

.alertify .ajs-commands button.ajs-close:hover,
.alertify .ajs-commands button.ajs-close:focus {
    color: #ef4444;
    border-color: #ef4444;
    outline: none;
}

/* Böyütmə düyməsi bu pəncərələrdə mənasızdır — alertify onu onsuz da
   gizlədir, amma zəmin şəkli qalmasın deyə açıq söndürülür. */
.alertify .ajs-commands button.ajs-maximize { background-image: none !important; }

/* --- altlıq düymələri --------------------------------------------------- */
.alertify .ajs-footer .ajs-buttons .ajs-button {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    height: 32px !important;
    min-height: 32px !important;
    line-height: 30px !important;
    min-width: 92px;
    padding: 0 18px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: none;
    cursor: pointer;
    transition: filter .15s ease;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
    background: #1e3a8a !important;
    color: #fff !important;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
    background: transparent !important;
    color: #1b2e4b !important;
    border-color: var(--pnl-border) !important;
}

.alertify .ajs-footer .ajs-buttons .ajs-button:hover { filter: brightness(.93); }
.alertify .ajs-footer .ajs-buttons .ajs-button:focus { outline: none; }


/* ==========================================================================
   2026-08-09 — ÜST-QUTU DÜYMƏSİ (.it-topbtn) DA 32px-ə QALDIRILDI
   --------------------------------------------------------------------------
   Bu sinif views/items/index.php-nin ÖZ <style> blokunda 24px yazılıb.
   Həmin blok səhifənin gövdəsində, yəni bu fayldan SONRA yüklənir, ona görə
   sadə qayda ona çatmır — !important lazımdır. Faylı redaktə etmək əvəzinə
   burada saxlanılır ki, düymə ölçüsü panel üzrə TƏK yerdən idarə olunsun.
   ========================================================================== */
.it-topbtn {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 18px !important;
    font-size: 13px !important;
}


/* ==========================================================================
   TEMA SECICISI (ust panel) - 3 veziyyetli: Light / Dark / Jeans
   19-08-2026: evvelki checkbox acari yalniz light <-> dark edirdi, ucuncu
   temani secmek yalniz Profil sehifesinden mumkun idi.
   Ust panel her uc temada tund doymus rengdedir (dark #1e2746, light #6451dc,
   jeans #2e3d8f), ona gore secici her yerde "acig reng tund fonda" isleyir.
   Jeans-e mexsus narinci vurgu structure_jeans.css faylindadir.
   ========================================================================== */
.ts-switch {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    margin: 5px 8px 0 0;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 9px;
    background: rgba(0, 0, 0, .18);
    line-height: 0;
}
.ts-switch .ts-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: rgba(255, 255, 255, .72);
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}
.ts-switch .ts-btn svg { width: 16px; height: 16px; }
.ts-switch .ts-btn:hover { background: rgba(255, 255, 255, .14); color: #ffffff; }
.ts-switch .ts-btn:focus-visible { outline: 2px solid #ffffff; outline-offset: 1px; }
.ts-switch .ts-btn.active {
    background: rgba(255, 255, 255, .92);
    color: #1e2746;
    cursor: default;
}
.ts-switch.ts-busy { opacity: .5; pointer-events: none; }
@media (max-width: 575px) {
    .ts-switch .ts-btn { width: 26px; height: 24px; }
}


/* ==========================================================================
   UST PANEL - loqo cixarildiqdan sonra hundurluyun saxlanmasi
   19-08-2026: NETBOX loqosu (img/light.svg, 50px hundurluk) .theme-brand-den
   silindi. Hundurluyu HEC KIM teyin etmirdi - onu hemin sekil verirdi.
   Loqosuz basliq ~44px-e dusurdu, halbuki panelin qalan olculeri ~75px-lik
   basliga gore yazilib: .sidebar-wrapper {top:75px}, #content {margin-top:40px},
   #sidebar ul.menu-categories {height: calc(100vh - 127px)}. Netice: basliqla
   sol menyu arasinda bosluq. Ona gore hundurluk burada acig sekilde verilir.

   justify-content: .theme-brand strukturda "space-between" idi, cunki iki usagi
   var idi (menyu duymesi + loqo). Indi tek usaq qaldigi ucun space-between onu
   yuxari yapisdirir - merkeze alinir.
   ========================================================================== */
.navbar .theme-brand {
    min-height: 50px;
    justify-content: center !important;
}
.navbar .theme-brand li.side-menu-icon { align-self: center; }

/* Sirket adi: loqo yaninda otursun deye verilmis margin hack-leri view-larda
   cixarildi; burada yalniz suquli merkezlesme tesbit olunur. */
.header-container .navbar .navbar-item .nav-item.search-animated { justify-content: center; }


/* ==========================================================================
   BILDIRIS MENYUSU (zeng ikonu, profilin solunda) - yigcamlasdirma
   19-08-2026. Iki sikayet: (1) bolme basliqlari (Contract / Debts / Temporary
   service / Credits / Gifts) hedden hundur idi, (2) her setirde adin altinda
   uzun izah var idi ve siyahi oxunmaz uzunluga catirdi.

   Hamisi YALNIZ CSS-dir - view fayllarina toxunulmayib, cunki izah metnleri
   Yii::t() ile tercume olunur ve markup-dan silinse tercume acarlari da
   olu qalardi. Gizletmek geri qaytarilmasi asandir: bu bloku silmek kifayetdir.
   ========================================================================== */

/* (1) Bolme basliq zolaqlari: ilkin sagqi padding 0.75em idi (~12px alt+ust).
   Once 0.4em edildi - istifadeci "cox kicildi" dedi, 0.58em-e qaldirildi. */
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .accordion-tabs li.tab-head-cont a {
    padding-top: 0.58em !important;
    padding-bottom: 0.58em !important;
    line-height: 1.45 !important;
}

/* Basliqdaki sayğac nisani da kicilir ki, zolagi geri dartmasin. */
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .accordion-tabs li.tab-head-cont a .badge {
    font-size: 12px !important;
    padding: 3px 7px !important;
    vertical-align: middle;
}

/* Acilan bolmenin daxili bosluğu: 1.5em / 1.618em idi. */
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .accordion-tabs li.tab-head-cont section {
    padding: 0.7em 0.9em !important;
}

/* (2) Setirlerde yalniz ad qalir - altdaki izah gizlenir. */
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body p.msg-title {
    display: none !important;
}

/* Izah getdikden sonra setir hundurluyu de yigilir (8px -> 4px). */
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item,
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:first-child,
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:last-child {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body h5.usr-name {
    margin-bottom: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Bos veziyyet basliği ("No ... notification") da bir qeder yigcam. */
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .noti-detail-des {
    font-size: 13px !important;
    margin-bottom: 8px !important;
}


/* ==========================================================================
   KONTUR RENGI - VAHID MENBE (19-08-2026)
   --------------------------------------------------------------------------
   Evvel panelin goy konturu (#1e3a8a) 20+ view faylinda ve bu faylda SABIT
   yazilmisdi. Netice: yeni tema elave edilende butun hemin konturlar goy
   qalirdi. Indi reng bir yerde teyin olunur, temalar onu ovezleyir:
       :root              -> #1e3a8a  (dark + light)
       body.theme-jeans   -> #c2410c  (structure_jeans.css-de)
   rgba() ucun ayrica RGB uclusu saxlanilir: rgba(var(--pnl-border-rgb), .30).
   ========================================================================== */
:root {
    --pnl-border: #1e3a8a;
    --pnl-border-rgb: 30, 58, 138;
}

/* --------------------------------------------------------------------------
   BOOTSTRAP-IN BOZ KONTURU (#dee2e6) NEYTRALLASDIRILIR
   Bootstrap ".table th, .table td { border-top: 1px solid #dee2e6 }" verir.
   Ozel CSS-i olan cedveller bunu sifirlayirdi, LAKIN:
     - <th scope="row"> xanalari (setir nomresi) coxusunda "> td" selektoru
       ile tutulmurdu -> "#" sutununda BOZ xett qalirdi,
     - ozel CSS-i umumiyyetle olmayan cedveller (users/item_user_count.php,
       request-order/item_user_count.php, users/view.php Items tabi) tamamile
       boz kontur gosterirdi.
   Asagidaki qayda hamisini bir yerden hell edir. !important QESDEN yoxdur:
   bu fayl bootstrap.min.css ve structure*.css-den SONRA yuklendiyi ucun
   eyni spesifiklikde onsuz da ustelenir, amma daha spesifik movcud qaydalar
   (grid-ler, #user_logs ve s.) oz rengini saxlayir.
   -------------------------------------------------------------------------- */
.table th,
.table td,
.table thead th,
.table tbody + tbody,
.table-bordered,
.table-bordered th,
.table-bordered td {
    border-color: rgba(var(--pnl-border-rgb), .30);
}


/* ==========================================================================
   ALERTIFY BILDIRIS QUTUSU - sag yuxaridan cixan "toast"
   --------------------------------------------------------------------------
   19-08-2026. Fail process sehifesinde setir silinende (ve panelin 161 basqa
   yerinde: alertify.success 75, alertify.error 86 cagiris) sag yuxarida
   melumat qutusu cixir. alertify.css ona NE kontur, NE de radius verir -
   duz kunclu rengli dortbucaqdir ve panelin qalan elementlerinden secilir.

   Panelin standarti: 1px kontur + radius. Kontur rengi var(--pnl-border)
   dexisenindendir (19-08-2026 refaktorinqi), yeni dark/light temada goy,
   Jeans temasinda tund narinci olur - ayrica tema qaydasi lazim deyil.

   FON RENGLERINE TOXUNULMUR: yasil = ugur, qirmizi = xeta. Onlar melumat
   dasiyir, temaya gore deyismemelidir.
   ========================================================================== */
.alertify-notifier .ajs-message {
    border: 1px solid var(--pnl-border);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
    /* baglama duymesi (position:absolute; top:0; right:0) yuvarlaq kuncden
       cixmasin deye qutu oz sarhedinde kesilir */
    overflow: hidden;
}

/* Baglama duymesinin oz kunc radiusu 2px idi - qutunun 8px-ine uygunlasir. */
.alertify-notifier .ajs-message .ajs-close {
    border-top-right-radius: 7px;
}

/* alertify.warning hazirda islenmir, lakin oz metn rengi de yoxdur -
   acig sari fonda tund yazi teyin olunur ki, gelecekde islenirse oxunsun. */
.alertify-notifier .ajs-message.ajs-warning {
    color: #3b3f5c;
}

/* ======================================================================
   CONTENT FILTER NISANI  (20-08-2026)
   Musteri sehifesi -> Information -> "Service / Packets" setrinde paketin
   adindan sonra cixir. Bayraq users_inet.content_filter-dedir.
   RENG: kontur ve fon var(--pnl-border)-den gelir, yeni her temada oz
   rengindedir (dark/light goy, Jeans tund narinci). Metnin rengi ISE
   "inherit"-dir - qesden: --pnl-border tund oldugu ucun tund fonda
   oxunmurdu; inherit ile nisan her zaman qonsu metnle eyni kontrastdadir.
   ====================================================================== */
.cf-badge{
    display:inline-flex;
    align-items:center;
    height:18px;
    padding:0 7px;
    margin-left:5px;
    border:1px solid var(--pnl-border);
    border-radius:5px;
    background:rgba(var(--pnl-border-rgb), .18);
    color:inherit;
    font-size:11px;
    font-weight:600;
    line-height:1;
    letter-spacing:.2px;   /* 20-08-2026: metn "CF"-den tam ada kecdi - genis
                              herf araligi qisa qisaltmaya yarayirdi, tam sozde
                              nisani lazimsiz uzadirdi */
    white-space:nowrap;
    vertical-align:middle;
    cursor:default;
}