/* İT İnventar — Spark Admin üzərinə əlavələr (vendor main.css-i əvəz etmir, üstünə qurulur) */

/* main.css bu iki utility klasını yalnız CSS dəyişəni kimi tərif edir, .class forması əskikdir */
.text-muted-green { color: var(--text-muted-green) !important; }
.text-main { color: var(--text-main) !important; }

/* main.css-in .navbar-custom-u 3 sütunlu grid kimi tərif edib (1fr 480px 1fr, !important ilə) —
   orta sütun orijinal şablonda axtarış paneli üçün nəzərdə tutulub, bizdə yoxdur, ona görə orta
   sütuna səhifə başlığını (.page-header) yerləşdiririk ki, profil düyməsi ilə eyni sətirdə görünsün
   (bax aşağıda: "page-header artıq öz sətri deyil"). Problem: "1fr ... 1fr" hər iki kənar sütunu
   BƏRABƏR bölür — soldakı sütunda cəmi kiçik bir "yığ" düyməsi olsa belə sütun geniş qalır, nəticədə
   başlıq düyməyə bitişik yox, ekranın ortasına doğru "üzən" görünürdü. `auto 1fr auto`-ya keçirik:
   sol/sağ sütunlar məzmununa görə (düymə/avatar) daralır, orta sütun (başlıq) qalan bütün sahəni
   tutur — başlıq düymənin yanına bitişir, avatar isə yenə sağda qalır (!important vacibdir, əks
   halda main.css-dəki !important qalib gəlir). */
.navbar-custom {
    grid-template-columns: auto 1fr auto !important;
}
.navbar-custom .navbar-actions {
    grid-column: 3;
}
.navbar-custom .page-header {
    grid-column: 2;
}

/* İnventar yarat/redaktə forması: main.css-də content sahəsi üçün max-width yoxdur, ona görə
   geniş ekranda "Əsas məlumat" / "Şirkət və istifadəçi" / "Texniki göstəricilər" kartları
   kənardan-kənara uzanıb sahələri həddindən artıq enli göstərirdi. Sətri məhdudlaşdırıb
   ortalayırıq ki, kartlar bir az darlaşsın (dəfələrlə genişləndirilib: 700 -> 1100 -> 1300 ->
   1800px — sahələr indi 2 yox 4-lük sıra ilə düzüldüyü üçün hər sətrə daha çox üfüqi yer lazımdır). */
.form-row-narrow {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}

/* İnventar yarat/redaktə forması: qısa sahələr (İnventar nömrəsi/Ad/Kateqoriya/Seriya nömrəsi və s.)
   alt-alta tək sütunda yer israf edirdi — indi geniş ekranda DÖRD-lük qruplarla yan-yana düzülür
   (məs. "İnventar nömrəsi", "Məhsulun adı", "Kateqoriya", "Serial Number" bir sətirdə — əvvəllər
   2 sütun idi, rəhbərlik tələbi ilə 4-ə yüksəldilib). Ardıcıl 4-dən az qalan (məs. 2 maddəlik)
   qruplar üçün `.form-grid-span2` hər elementi 2 sütuna yayır ki, sətir köhnəki kimi tam enli,
   bərabər-yarıya bölünmüş görünsün (əks halda 4 sütunun yalnız yarısı dolub sağda boşluq qalardı).
   Tam-enli elementlər (mətn sahələri, xəbərdarlıq qutuları) `.form-grid-full` ilə bütün sütunları
   tutur (1 / -1 sütun sayından asılı olmayaraq həmişə sona qədər uzanır). Ekran daraldıqca əvvəlcə
   2, sonra (768px altı) 1 sütuna qatlanır. */
.form-grid-2col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 1.5rem;
}
.form-grid-2col > .form-grid-full {
    grid-column: 1 / -1;
}
.form-grid-2col > .form-grid-span2 {
    grid-column: span 2;
}
@media (max-width: 1200px) {
    .form-grid-2col {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .form-grid-2col {
        grid-template-columns: 1fr;
    }
    .form-grid-2col > .form-grid-span2 {
        grid-column: auto;
    }
}

/* İnventar yarat/redaktə forması: "Əsas məlumat" / "Şirkət və istifadəçi" / "Texniki göstəricilər"
   kartları alt-alta düzülür (bax: form.html, #inventory-form-sections — d-flex flex-column).
   Defolt olaraq "Texniki göstəricilər" boşdur (kateqoriya seçilməyib), ona görə ən sonda görünür;
   kateqoriya seçiləndə (bax: js/dynamic_attrs.js) "category-selected" sinfi əlavə olunur və bu iki
   kart yer dəyişir ki, təzə görünən texniki sahələr dərhal "Şirkət və istifadəçi"ni axtarıb aşağı
   sürüşdürmədən görünsün. */
#inventory-form-sections #section-basic {
    order: 1;
}
#inventory-form-sections #section-company {
    order: 2;
}
#inventory-form-sections #section-technical {
    order: 3;
}
#inventory-form-sections.category-selected #section-technical {
    order: 2;
}
#inventory-form-sections.category-selected #section-company {
    order: 3;
}

/* main.css-də yalnız success/pending/failed var; bizim status dəstimiz daha genişdir */
.badge-table.neutral {
    background-color: rgba(108, 126, 117, 0.12);
    color: var(--text-muted-green);
}
.badge-table.neutral::before {
    background-color: var(--text-muted-green);
}

.badge-table.info {
    background-color: rgba(59, 130, 246, 0.1);
    color: #3B82F6;
}
.badge-table.info::before {
    background-color: #3B82F6;
}

/* Dinamik (EAV) texniki sahələr üçün "Digər" sərbəst mətn inputu */
.other-input {
    margin-top: 6px;
}

/* Login səhifəsində Django-nun server-side xəta mesajları üçün */
.login-form-error {
    color: var(--sys-red);
    font-size: 0.85rem;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
}

/* Django messages framework-ü alert-custom görünüşünə uyğunlaşdırmaq üçün */
.messages {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
}

/* Detal səhifəsindəki sahə/dəyər siyahıları — hər dt+dd cütü öz `<div>`-inə bükülüb (HTML5-də
   `<dl>` bunu icazə verir: dt/dd cütlərini div-lərə bölmək) ki, CSS Grid-də ayrıca xana kimi yan-yana
   düzülə bilsinlər (əvvəllər hamısı tək sütunda alt-alta idi). Uzun/sərbəst mətnli sahələr (Qeyd,
   Nasazlığın təsviri, texniki göstərici olmadıqda göstərilən mesaj) `.detail-field-full` ilə bütün
   sütunları tutur. Ekran daraldıqca tədricən 2, sonra 1 sütuna qatlanır (bax: form-grid-2col-dakı
   eyni naxış, form.html). */
.detail-dl {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 1.5rem;
    row-gap: 1rem;
}
.detail-dl > .detail-field-full {
    grid-column: 1 / -1;
}
.detail-dl dt {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--text-muted-green);
    margin-top: 0;
}
.detail-dl dd {
    margin: 0.15rem 0 0;
    font-size: 0.95rem;
    color: var(--brand-forest-dark);
}
@media (max-width: 1200px) {
    .detail-dl {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .detail-dl {
        grid-template-columns: 1fr;
    }
}

/* İnventar siyahısında sətri tutub-sürüşdürərək kopyalama (bax: js/list_drag_copy.js) */
.draggable-row {
    transition: opacity 0.15s ease-in-out;
}
.draggable-row.dragging-row {
    opacity: 0.4;
}
.table-custom tbody.drop-target-active {
    outline: 2px dashed var(--brand-lime);
    outline-offset: -2px;
    background-color: var(--brand-lime-translucent);
}

/* Silinmiş (status: Silinib) inventar sətirləri — açıq boz, siyahının sonunda göstərilir
   (sıralama: views.inventory_list) */
.table-custom tbody tr.row-deleted {
    background-color: #ECECEC;
}
.table-custom tbody tr.row-deleted:hover {
    background-color: #E2E2E2;
}
.table-custom tbody tr.row-deleted td {
    color: var(--text-muted-green);
}

/* Enor Group loqosu — sidebar (tünd fon) və login kartı (açıq fon) üçün ayrı versiyalar */
.sidebar-brand-logo {
    height: 28px;
    width: auto;
}
.login-brand-logo {
    height: 40px;
    width: auto;
}

/* Sidebar-ın altında, əvvəllər avatar/ad/email kartının (.sidebar-profile, ləğv edilib)
   olduğu yerdə indi "Parolu dəyişdir" keçidi var (yalnız Django superuser olmayanlara,
   bax: base.html). .flex-grow-1 (bootstrap flex-grow:1) yuxarıda qalan boş sahəni artıq
   tutduğu üçün bu bölmə avtomatik ən alta düşür — ayırıcı xətt üçün yalnız üst haşiyə lazımdır. */
.sidebar-bottom-section {
    border-top: 1px solid var(--border-dark-green);
    padding-top: 1rem;
    margin-top: 1rem;
}

/* Sidebar-ın Menu/İdarəetmə siyahısı üçün scroll çubuğunu gizlədirik — siçan təkəri ilə
   scroll etmək hələ də işləyir (overflow-y: auto saxlanılıb), sadəcə vizual çubuq yoxdur */
.sidebar-wrapper .flex-grow-1.overflow-y-auto {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.sidebar-wrapper .flex-grow-1.overflow-y-auto::-webkit-scrollbar {
    display: none;
}

/* main.css-də navbar/page-header arasındakı boşluqlar həddindən artıq idi — azaldılıb.
   navbar-custom-un mənfi margin-top-u main-wrapper-in padding-top-una bərabər olmalıdır
   ki, sticky navbar yenə səhifənin yuxarı kənarına bitişik qalsın. */
.main-wrapper {
    padding-top: 1rem;
}
/* .main-wrapper flex sütunudur (main.css) — flex elementlərinin defolt min-width-i "auto"dur,
   yəni məzmununun (burada: geniş cədvəlin) təbii enindən kiçilmir. Nəticədə uzun şirkət/əməkdaş/
   məhsul adları olan sətirlər .table-responsive-in öz daxili scroll-unu işə salmaq əvəzinə bütün
   səhifəni sağa itələyirdi (görünüşdə sağ sütunlar "yoxa çıxırdı" — 2026-09-22, məhsuldakı uzun
   adlarla üzə çıxdı, qısa test data ilə lokalda görünmürdü). min-width:0 flex-in bunu düzəldir,
   overflow isə .table-card-custom-un görünüşünü (girinti/kölgə) qorumaq üçün saxlanılır.
   Cədvəldən başqa géniş məzmun (uzun form, s.) yaransa, eyni problem üçün eyni fix lazım olacaq. */
.main-wrapper > * {
    min-width: 0;
}

/* İnventar siyahısında (list.html, DataTables) uzun şirkət/əməkdaş/məhsul adları cədvəli
   lazımsız genişləndirməsin deyə kəsilir — tam mətn hover-də (title atributu, brauzerin öz
   tooltip-i) görünür. */
.table-cell-truncate {
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.navbar-custom {
    margin-top: -1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
}

/* page-header (başlıq/alt-başlıq/breadcrumb) artıq öz sətri deyil — navbar-custom-un orta
   grid sütununa (bax: main.css, "1fr 480px 1fr") köçürülüb ki, profil düyməsi ilə eyni
   xəttdə görünsün. Sətir kimi (space-between) yox, sütun kimi yığcam düzülür. */
.navbar-custom .page-header {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    margin-bottom: 0;
    gap: 0.1rem;
    overflow: hidden;
}
.navbar-custom .page-title,
.navbar-custom .page-subtitle {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.navbar-custom .page-title {
    font-size: 1.15rem;
    line-height: 1.25;
    margin-bottom: 0;
}
.navbar-custom .page-subtitle {
    font-size: 0.75rem;
    line-height: 1.2;
}
.navbar-custom .page-header .breadcrumb {
    font-size: 0.75rem;
}
@media (max-width: 1200px) {
    .navbar-custom .page-header {
        order: 3;
        width: 100%;
        margin-top: 0.5rem;
    }
}

/* Dashboard statistika kartları: dəyərin altında və kartın içində artıq boş yer qalmasın */
.card-stat .stat-label {
    margin-bottom: 0.3rem;
}
.card-stat .stat-value {
    margin-bottom: 0;
}

/* Dashboard inventar cədvəli — DataTables (vendor/datatables) mövcud dizayna uyğunlaşdırılıb.
   Vendor CSS-in üstünə .dt-card ilə scope olunub ki, başqa səhifələrə təsir etməsin. */
.dt-card {
    --dt-column-ordering: 5, 28, 18;
    /* Seçilmiş sətir: tünd yaşıl fon, ağ mətn, lime keçid — sayt rəngləri ilə */
    --dt-row_background-selected: 5, 28, 18;
    --dt-row-text_color-selected: 255, 255, 255;
    --dt-row-link_color-selected: 180, 241, 5;
}
.dt-card .dt-container {
    font-size: 0.875rem;
    color: var(--text-main);
}
.dt-card .dt-layout-row {
    margin: 0;
    padding: 1rem 1.25rem;
    align-items: center;
}
.dt-card .dt-layout-row.dt-layout-table {
    padding: 0;
}
.dt-card .dt-layout-table .dt-layout-cell {
    width: 100%;
    overflow-x: auto;
}
/* .table-card-custom-un overflow:hidden-i (main.css, künc/kölgə üçün) az sətirli (məs. süzülmüş
   1-2 nəticə) cədvəllərdə başlıqdakı ColumnControl açılan panelini (Sıralama/Axtarış/Şirkət-Status-
   Kateqoriya "searchList" checkbox siyahısı) kəsib yarımçıq göstərirdi — panel kartın hündürlüyündən
   uzağa çıxanda kartın aşağı sərhədi onu kəsirdi ("boz səhifə örtür" kimi görünürdü). Üfüqi kəsmə
   (künc/kölgə görünüşü üçün) .dt-layout-cell-də yuxarıda saxlanılır, ona görə bunu visible etmək
   üfüqi scroll-a təsir etmir. */
.dt-card.table-card-custom {
    overflow: visible;
}
.dt-card .dt-layout-row:last-child {
    border-top: 1px solid rgba(11, 19, 15, 0.06);
}

/* Axtarış və "qeyd göstər" sahələri */
.dt-card .dt-search input,
.dt-card .dt-length select {
    padding: 0.5rem 0.85rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-main);
    background-color: #FFFFFF;
    border: 1px solid rgba(11, 19, 15, 0.12);
    border-radius: var(--radius-lg);
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.dt-card .dt-search input {
    min-width: 220px;
    margin-left: 0.5rem;
}
.dt-card .dt-length select {
    margin-right: 0.5rem;
}
.dt-card .dt-search input:focus,
.dt-card .dt-length select:focus {
    border-color: var(--brand-forest-medium);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(7, 47, 31, 0.08);
}
.dt-card .dt-search input::placeholder {
    color: var(--text-muted-green);
    opacity: 0.6;
}
.dt-card .dt-search label,
.dt-card .dt-length label {
    color: var(--text-muted-green);
    font-weight: 600;
}

/* Cədvəl — .table-custom ilə eyni görünüş */
.dt-card table.dataTable {
    margin: 0 !important;
    border-collapse: collapse;
}
.dt-card table.dataTable > thead > tr > th,
.dt-card table.dataTable > thead > tr > td {
    padding: 0.7rem 0.3rem 0.7rem 0.7rem;
    background-color: #F8FAF9;
    color: var(--text-muted-green);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
    border-top: 1px solid rgba(11, 19, 15, 0.06);
    border-bottom: 1px solid rgba(11, 19, 15, 0.08);
}
.dt-card table.dataTable > tbody > tr > td {
    padding: 0.7rem 0.7rem;
    border-bottom: 1px solid rgba(11, 19, 15, 0.05);
    white-space: nowrap;
    vertical-align: middle;
}
.dt-card table.dataTable > tbody > tr:last-child > td {
    border-bottom: none;
}
.dt-card table.dataTable > tbody > tr {
    background-color: transparent;
    transition: background-color 0.2s ease-in-out;
}
.dt-card table.dataTable > tbody > tr:not(.selected):hover > * {
    box-shadow: none;
    background-color: rgba(180, 241, 5, 0.06);
}
.dt-card table.dataTable > tbody > tr.selected > * {
    color: #FFFFFF;
}
.dt-card table.dataTable > tbody > tr.selected a,
.dt-card table.dataTable > tbody > tr.selected td.table-order-id a {
    color: var(--brand-lime) !important;
}
/* Responsive açma oxu və seçim sütunu dar olsun ki, məlumat sütunlarına yer qalsın */
.dt-card table.dataTable td.dtr-control,
.dt-card table.dataTable th:first-child {
    padding-left: 0.6rem;
    padding-right: 0.2rem;
    width: 1%;
}
.dt-card table.dataTable td.dt-select,
.dt-card table.dataTable th.dt-select {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    width: 1%;
}
.dt-card table.dataTable > tbody > tr.row-deleted > * {
    background-color: #ECECEC;
    color: var(--text-muted-green);
}
/* Silinmiş və ya redaktə icazəsi olmayan (paylaşılan, yalnız baxış) sətirlərin checkbox-ı JS
   tərəfindən onsuz da seçilə bilməz (bax: select.selectable in inventory_table.js) — burada
   sadəcə vizual olaraq gizlədilir ki, "işləyən" checkbox təsiri yaratmasın. */
.dt-card table.dataTable > tbody > tr.row-deleted td.dt-select input,
.dt-card table.dataTable > tbody > tr[data-editable="false"] td.dt-select input {
    visibility: hidden;
}
.dt-card table.dataTable > tbody > tr.row-deleted:hover > * {
    background-color: #E2E2E2;
}
/* Təsdiq statusu 'Gözləmədə' olan sətirlər (bax: models.InventoryItem.confirmation_status) —
   superuser təsdiqləyənə qədər digər sətirlərdən vizual fərqlənsin deyə açıq narıncı fon. Silinmiş
   sətirlə eyni anda ola bilməz (silinmiş .row-deleted sinfini götürür, .row-pending-i yox — bax:
   _inventory_row.html), ona görə seçici toqquşması yoxdur. */
.dt-card table.dataTable > tbody > tr.row-pending > * {
    background-color: rgba(249, 115, 22, 0.08);
}
.dt-card table.dataTable > tbody > tr.row-pending:hover > * {
    background-color: rgba(249, 115, 22, 0.16);
}
/* İnventar siyahısında sətrə klikləmək redaktə səhifəsinə keçirir (js/inventory_table.js) — yalnız
   həqiqətən klikə reaksiya verən (silinməyib, redaktə icazəsi olan) sətirlərdə əl işarəsi göstərilir. */
#inventory-table > tbody > tr:not(.row-deleted)[data-editable="true"] {
    cursor: pointer;
}
/* Əməkdaş sütunu: adın yanında baş hərfli dairəvi avatar (hərf CSS-dən gəlir — axtarış/export
   mətninə düşmür). */
.dt-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-right: 0.5rem;
    border-radius: 50%;
    background-color: var(--brand-forest-medium);
    color: var(--brand-lime);
    font-size: 0.72rem;
    font-weight: 700;
    vertical-align: middle;
}
.dt-avatar::before {
    content: attr(data-initial);
}
.dt-card table.dataTable > tbody > tr.selected .dt-avatar {
    background-color: var(--brand-lime);
    color: var(--brand-forest-dark);
}
/* Pul/rəqəm sütunlarının XANALARINI sağa düzür (bax: js/inventory_table.js-dəki "dt-col-amount"). */
.dt-card table.dataTable td.dt-col-amount {
    text-align: right;
}
/* Rəqəm/status kimi qısa dəyərli sütunların XANALARINI öz sütununun ortasına düzür (məs. Kateqoriyalar
   siyahısındakı "Sıra"/"Atributlar"/"Status") — DataTables rəqəm sütunlarını avtomatik sağa düzdüyü
   üçün (bax: yuxarıdakı dt-type-numeric qeydi), bu sinif olmasa dəyər öz sütununun sağ kənarına,
   demək olar qonşu sütuna "yapışmış" görünür. */
.dt-card table.dataTable td.dt-col-center {
    text-align: center;
}
/* DataTables rəqəm dəyərli sütunları avtomatik "dt-type-numeric" sinfi ilə işarələyir (düzgün ədəd
   sıralaması üçün lazımdır, saxlanılır) — AMMA bu sinif başlığı da (təkcə xananı yox) sağa düzür və
   ikonu əks tərəfə keçirir, nəticədə həm mətn, həm ikon vizual olaraq qonşu (əvvəlki) sütuna
   "yapışıb" qopuq/səhv yerdə görünür. Başlığın özünü (mətn solda, ikon sağda — digər bütün
   sütunlarla eyni) bərpa edirik; xananın (td) özü yenə də yuxarıdakı .dt-col-amount ilə sağa
   düzülür. */
.dt-card table.dataTable th.dt-type-numeric {
    text-align: left;
}
.dt-card table.dataTable th.dt-type-numeric div.dt-column-header {
    flex-direction: row;
}
/* Sütun enləri thead-dəki data-width ilə sabitlənən cədvəllər (bax: js/management_table.js,
   Kateqoriyalar siyahısı) — table-layout:fixed olmasa brauzer yenə də uzun mətnli xananın təbii
   enini almasına icazə verə bilər, .table-cell-truncate-un öz max-width-i ilə birlikdə sütunları
   həqiqətən bərabər/nisbətlərinə uyğun saxlayır. */
.dt-card table.dataTable.dt-fixed-layout {
    table-layout: fixed;
}

/* "X-Y arası göstərilir" sətri */
.dt-card .dt-info {
    font-size: 0.85rem;
    color: var(--text-muted-green);
    padding-top: 0;
}

/* Səhifələmə düymələri — .table-footer-control pagination ilə eyni rənglər */
.dt-card .dt-paging .dt-paging-button {
    min-width: 2.25rem;
    padding: 0.4rem 0.7rem;
    margin: 0 0.1rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--brand-forest-dark) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: var(--radius-md);
    transition: all 0.25s ease-in-out;
}
.dt-card .dt-paging .dt-paging-button:hover:not(.disabled):not(.current) {
    color: var(--brand-forest-medium) !important;
    background: #F8FAF9 !important;
    border-color: transparent !important;
}
.dt-card .dt-paging .dt-paging-button.current,
.dt-card .dt-paging .dt-paging-button.current:hover {
    color: #FFFFFF !important;
    background: var(--brand-forest-medium) !important;
    border-color: var(--brand-forest-medium) !important;
}
.dt-card .dt-paging .dt-paging-button.disabled,
.dt-card .dt-paging .dt-paging-button.disabled:hover {
    opacity: 0.45;
    color: var(--text-muted-green) !important;
    cursor: default;
}
/* ColumnControl düymələri daha yığcam olsun ki, sütunlara yer qalsın */
.dt-card {
    --dtcc-button_padding: 1px;
    --dtcc-button-icon_margin: 0.15em;
}

/* İdarəetmə siyahılarında (Kateqoriyalar, Şirkətlər, Əməkdaşlar, İstifadəçilər, Ofislər) sətrə
   klikləmək redaktə səhifəsinə keçirir (bax: js/management_table.js) — 2026-09-28-dən Ofislər də
   daxildir (əvvəllər burada xanada redaktə/"bubble" var idi, tam redaktə səhifəsi (`office-update`)
   əlavə edildiyi üçün ləğv edilib, digər 4 səhifə ilə eyni qərar). */
.dt-card table.dt-simple > tbody > tr[data-edit-url] {
    cursor: pointer;
}

/* Uzun istifadəçi adı (məs. bir sözlük, boşluqsuz uzun mətn) navbar-ın profil düyməsini və
   dropdown-un "Xoş gəldin, ..." başlığını ekrandan kənara itələyirdi — hər ikisi kəsilib
   "..." ilə göstərilir, tam ad hover-də (title atributu) görünür. .navbar-profile-btn
   flex konteynerindəki defolt min-width:auto adı kiçiltmədiyi üçün ora da min-width:0 lazımdır. */
.navbar-profile-btn {
    min-width: 0;
}
.navbar-profile-name {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dropdown-menu-profile .dropdown-header {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}