/* ==========================================================================
   SRT UI - panelin ÖZ element qatı (30.09.2026)
   Bu fayl yalnız srt-* siniflərini təyin edir. Bootstrap-ın .btn / .form-control və
   custom-overrides.css-in qlobal qaydaları bu elementlərə TOXUNMUR, çünki onların sinifləri
   fərqlidir. Rənglər tema tokenləri ilə: dark (defolt), light (body:not(.theme-dark)),
   jeans (body.theme-jeans). PHP tərəfi: app\components\SrtUi, app\widgets\SrtPageSize.
   Bütün asset dəstlərində ƏN SONDA yüklənir.
   ========================================================================== */
:root {
    --srt-radius: 8px;
    --srt-font: "Nunito", -apple-system, "Segoe UI", Roboto, sans-serif;
    --srt-text: #e0e6ed;
    --srt-border: #1e3a8a;
    --srt-line: #1e3a8a;        /* cədvəl konturları */
    --srt-input-bg: #1b2141;
    --srt-input-text: #e0e6ed;
    --srt-primary-1: #6852ec;  --srt-primary-2: #4361ee;
    --srt-success-1: #2fd077;  --srt-success-2: #16a34a;
    --srt-danger-1:  #f0575d;  --srt-danger-2:  #dc2626;
    --srt-ghost-bg:  rgba(255,255,255,.08);
    --srt-title-1:   #6852ec;  --srt-title-2:   #4361ee;
}
body:not(.theme-dark) {
    --srt-text: #0e1726;
    --srt-line: #dfe3ee;
    --srt-input-bg: #ffffff;
    --srt-input-text: #0e1726;
    --srt-ghost-bg: rgba(0,0,0,.06);
}
body.theme-jeans {
    --srt-border: #c2410c;
    --srt-line: #2d3a74;
    --srt-input-bg: #151d42;
    --srt-primary-1: #c2410c;  --srt-primary-2: #9a3412;
    --srt-title-1:   #c2410c;  --srt-title-2:   #f59e0b;
}

/* --- Düymə --------------------------------------------------------------- */
.srt-btn,
.srt-btn:link, .srt-btn:visited {
    display: inline-flex; align-items: center; justify-content: center;
    box-sizing: border-box;
    height: 30px; padding: 0 14px; /* 12.10.2026: 40px/16px -> 30px/13px (istifadəçi: nişanlar ölçüsünə yaxın) */
    border: 1px solid rgba(255,255,255,.14); border-radius: var(--srt-radius);
    font-family: var(--srt-font); font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: .3px;
    color: #ffffff; text-decoration: none; white-space: nowrap;
    cursor: pointer; user-select: none;
    background: linear-gradient(180deg, var(--srt-primary-1) 0%, var(--srt-primary-2) 100%);
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
    transition: filter .15s ease, transform .05s ease;
}
.srt-btn:hover, .srt-btn:focus { color: #ffffff; text-decoration: none; filter: brightness(1.08); outline: none; }
.srt-btn:active { transform: translateY(1px); }
/* variantlar - :link/:visited ilə eyni spesifiklikdə (.srt-btn.srt-btn--x) və ondan sonra gəlir */
.srt-btn.srt-btn--success, .srt-btn.srt-btn--success:link, .srt-btn.srt-btn--success:visited { background: linear-gradient(180deg, var(--srt-success-1) 0%, var(--srt-success-2) 100%); }
.srt-btn.srt-btn--danger,  .srt-btn.srt-btn--danger:link,  .srt-btn.srt-btn--danger:visited  { background: linear-gradient(180deg, var(--srt-danger-1) 0%, var(--srt-danger-2) 100%); }
.srt-btn.srt-btn--ghost,   .srt-btn.srt-btn--ghost:link,   .srt-btn.srt-btn--ghost:visited   { background: var(--srt-ghost-bg); color: var(--srt-text); box-shadow: none; border-color: var(--srt-border); }
.srt-btn.srt-btn--ghost:hover { color: var(--srt-text); }
.srt-btn.srt-btn--lg { height: 36px; padding: 0 18px; font-size: 14px; }
.srt-btn.srt-btn--sm { height: 26px; padding: 0 10px; font-size: 12px; border-radius: 6px; }
.srt-label, .srt-btn { letter-spacing: .3px; }
/* düymə içində ikon (svg / font ikon) - yazıdan 6px aralı, eyni rəng */
.srt-btn svg, .srt-btn i { width: 14px; height: 14px; margin-right: 6px; flex: 0 0 auto; color: inherit; }
.srt-btn svg:only-child, .srt-btn i:only-child { margin-right: 0; }
/* .srt-secondary - köhnə Bootstrap "btn-secondary" markerinin adı dəyişdirilmiş halı (30.09):
   9 view-da $(".srt-secondary") bağlama düymələrini tapır; görünüşə təsiri yoxdur, çünki
   main.css-in .btn-secondary {color:#fff !important} qaydası artıq bu elementlərə düşmür. */

/* <button class="srt-btn"> - brauzerin öz düymə görünüşü sıfırlanır (30.09, 2-ci mərhələ) */
button.srt-btn, input.srt-btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
.srt-btn.srt-btn--block { display: flex; width: 100%; }
.srt-btn:disabled, .srt-btn.disabled { opacity: .55; pointer-events: none; filter: none; }
/* düymə içində Bootstrap spinner-i (Accept order, Transfer, Start integration) ölçüyə sığsın */
.srt-btn .spinner-border { width: 16px; height: 16px; border-width: 2px; margin-right: 6px; }
/* forma düymələri yan-yana gələndə (Create/Update + Close) aralıq */
.srt-btn + .srt-btn { margin-left: 8px; }

/* --- Nişan (status badge) - Bootstrap .badge əvəzi ------------------------
   Ölçü panelin 24px pill standartıdır (custom-overrides §2026-08-04 ilə eyni),
   rənglər Cork şablonunun palitrası (main.css .badge-*) ilə uyğunlaşdırılıb. */
.srt-badge {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
    height: 24px; min-height: 24px; padding: 0 14px; border: 0; border-radius: 10px;
    font-family: var(--srt-font); font-size: 12px; font-weight: 600; line-height: 1;
    color: #ffffff; background: #888ea8; white-space: nowrap; vertical-align: middle;
}
.srt-badge.srt-badge--primary   { background: #4361ee; }
.srt-badge.srt-badge--info      { background: #2196f3; }
.srt-badge.srt-badge--success   { background: #1abc9c; }
.srt-badge.srt-badge--danger    { background: #e7515a; }
.srt-badge.srt-badge--warning   { background: #e2a03f; }
.srt-badge.srt-badge--dark      { background: #3b3f5c; }
.srt-badge.srt-badge--secondary { background: #805dca; }
.srt-badge.srt-badge--neutral   { background: #795548; }
.srt-badge.srt-badge--pill      { border-radius: 30px; }
.srt-badge i, .srt-badge svg { font-size: 11px; width: 11px; height: 11px; line-height: 1; }
a.srt-badge, a.srt-badge:hover { color: #ffffff; text-decoration: none; }

/* --- Select (səhifə ölçüsü və s.) ---------------------------------------- */
.srt-select { position: relative; display: inline-block; vertical-align: middle; }
.srt-select .srt-select__el {
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    box-sizing: border-box;
    height: 36px; min-width: 64px; padding: 0 24px 0 10px; margin: 0;
    border: 1px solid var(--srt-border); border-radius: 6px;
    background: var(--srt-input-bg); background-image: none;
    color: var(--srt-input-text);
    font-family: var(--srt-font); font-size: 14px; font-weight: 700; line-height: 34px; letter-spacing: 0;
    cursor: pointer; outline: none;
}
.srt-select .srt-select__el:focus { border-color: var(--srt-primary-1); }
.srt-select::after {
    content: ''; position: absolute; right: 10px; top: 50%;
    width: 7px; height: 7px; border-right: 2px solid var(--srt-input-text); border-bottom: 2px solid var(--srt-input-text);
    transform: translateY(-70%) rotate(45deg); pointer-events: none; opacity: .85;
}
.srt-select--num .srt-select__el { width: 66px; min-width: 66px; text-align: center; text-align-last: center; padding: 0 22px 0 8px; }

/* ==========================================================================
   SAHƏLƏR - BÜTÜN PANEL (01.10.2026, istifadəçi: "Bootstrap görünüşü heç yerdə qalmasın")
   Bootstrap .form-control, kartik Select2, daterangepicker, input-group, custom-select - hamısı
   bir standartda: 38px, var(--srt-border) kontur, 8px radius, var(--srt-input-bg) fon.
   Əhatə: #content, modal, fancybox. Sidebar/başlıq/login toxunulmur.
   ========================================================================== */
#content .form-control, .modal .form-control, .fancybox-content .form-control,
#content .custom-select, .modal .custom-select, .fancybox-content .custom-select,
#content .input-group-text, .modal .input-group-text, .fancybox-content .input-group-text,
#content .select2-container .select2-selection, .modal .select2-container .select2-selection, .fancybox-content .select2-container .select2-selection,
#content .select2-container--krajee-bs4 .select2-selection, .modal .select2-container--krajee-bs4 .select2-selection {
    height: 38px !important; min-height: 38px !important; line-height: 36px !important;
    border: 1px solid var(--srt-border) !important; border-radius: 8px !important;
    background-color: var(--srt-input-bg) !important; color: var(--srt-input-text) !important;
    box-shadow: none !important; font-family: var(--srt-font); font-size: 14px;
}
#content .form-control, .modal .form-control, .fancybox-content .form-control { padding: 0 10px !important; }
#content textarea.form-control, .modal textarea.form-control, .fancybox-content textarea.form-control {
    height: auto !important; min-height: 90px !important; line-height: 1.5 !important; padding: 8px 10px !important;
}
#content select.form-control, .modal select.form-control, .fancybox-content select.form-control,
#content .custom-select, .modal .custom-select, .fancybox-content .custom-select {
    -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 28px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path d='M1 3l4 4 4-4' fill='none' stroke='%23888ea8' stroke-width='1.6'/></svg>") !important;
    background-repeat: no-repeat !important; background-position: right 10px center !important;
}
#content select[multiple].form-control, .modal select[multiple].form-control { height: auto !important; line-height: 1.5 !important; background-image: none !important; padding: 6px 10px !important; }
#content .form-control:focus, .modal .form-control:focus, .fancybox-content .form-control:focus,
#content .select2-container--krajee-bs4.select2-container--focus .select2-selection, .modal .select2-container--krajee-bs4.select2-container--focus .select2-selection,
#content .select2-container--krajee-bs4.select2-container--open .select2-selection, .modal .select2-container--krajee-bs4.select2-container--open .select2-selection { border-color: var(--srt-primary-1) !important; }
#content .form-control::placeholder, .modal .form-control::placeholder { color: #888ea8; opacity: 1; }
#content .form-control:disabled, #content .form-control[readonly], .modal .form-control:disabled, .modal .form-control[readonly] { opacity: .7; }
/* xəta vəziyyəti (Yii validasiyası) - qırmızı kontur qalır */
#content .is-invalid.form-control, .modal .is-invalid.form-control, #content .has-error .form-control, .modal .has-error .form-control { border-color: var(--srt-danger-2) !important; }
/* Select2 */
#content .select2-container .select2-selection--single .select2-selection__rendered, .modal .select2-container .select2-selection--single .select2-selection__rendered { line-height: 36px !important; padding-left: 10px !important; padding-right: 28px !important; color: var(--srt-input-text) !important; }
#content .select2-container .select2-selection--single .select2-selection__arrow, .modal .select2-container .select2-selection--single .select2-selection__arrow { height: 36px !important; right: 6px !important; }
#content .select2-container .select2-selection--multiple, .modal .select2-container .select2-selection--multiple, .fancybox-content .select2-container .select2-selection--multiple { padding: 0 6px !important; overflow: hidden; }
#content .select2-container .select2-selection--multiple .select2-selection__rendered, .modal .select2-container .select2-selection--multiple .select2-selection__rendered { display: flex; flex-wrap: nowrap; align-items: center; gap: 4px; padding: 0 !important; line-height: 36px; }
#content .select2-container .select2-selection--multiple .select2-selection__choice, .modal .select2-container .select2-selection--multiple .select2-selection__choice { margin: 0 !important; line-height: 22px; padding: 0 6px; border-radius: 6px; font-size: 12px; background: var(--srt-ghost-bg) !important; border: 1px solid var(--srt-border) !important; color: var(--srt-input-text) !important; }
#content .select2-container .select2-search--inline .select2-search__field, .modal .select2-container .select2-search--inline .select2-search__field { margin: 0 !important; height: 34px !important; line-height: 34px; color: var(--srt-input-text); }
#content .select2-container .select2-selection__placeholder, .modal .select2-container .select2-selection__placeholder { color: #888ea8 !important; }
.select2-container--krajee-bs4 .select2-dropdown { border: 1px solid var(--srt-border) !important; border-radius: 8px !important; background: var(--srt-input-bg) !important; color: var(--srt-input-text); overflow: hidden; }
.select2-container--krajee-bs4 .select2-search--dropdown .select2-search__field { border: 1px solid var(--srt-border) !important; border-radius: 6px !important; background: var(--srt-input-bg) !important; color: var(--srt-input-text) !important; height: 32px; }
.select2-container--krajee-bs4 .select2-results__option--highlighted[aria-selected] { background: var(--srt-primary-2) !important; color: #fff !important; }
/* input-group (tarix + ikon) */
#content .input-group, .modal .input-group { flex-wrap: nowrap; }
#content .input-group > .form-control:not(:last-child), .modal .input-group > .form-control:not(:last-child) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 0 !important; }
#content .input-group > .input-group-append > .input-group-text, .modal .input-group > .input-group-append > .input-group-text,
#content .input-group > .form-control + .input-group-text, .modal .input-group > .form-control + .input-group-text { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; padding: 0 10px; color: #888ea8 !important; }
#content .input-group > .input-group-prepend > .input-group-text, .modal .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 0 !important; padding: 0 10px; color: #888ea8 !important; }
#content .input-group > .input-group-prepend + .form-control, .modal .input-group > .input-group-prepend + .form-control { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
/* etiketlər */
#content .form-group > label, .modal .form-group > label, #content label.control-label, .modal label.control-label { font-family: var(--srt-font); font-size: 12px; font-weight: 700; margin-bottom: 4px; }
#content .help-block, .modal .help-block, #content .invalid-feedback, .modal .invalid-feedback { font-size: 11px; }

/* ==========================================================================
   FORMA - SRT sinifləri (02.10.2026, Bootstrap çıxarılması mərhələ 2). SrtActiveForm/SrtActiveField bunları yazır;
   view-lardakı form-control/form-group/... tokenləri də bunlara keçirilib. Ölçü standartı yuxarıdakı ilə eynidir.
   ========================================================================== */
.srt-form-group { margin-bottom: 14px; }
.srt-form-row { display: flex; flex-wrap: wrap; gap: 0 12px; }
.srt-form-row > .srt-form-group { flex: 1 1 200px; }
.srt-form-inline, .srt-form--inline { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 12px; }
.srt-form-inline .srt-form-group, .srt-form--inline .srt-form-group { margin-bottom: 0; }
.srt-label-f, .srt-form-group > label { display: block; font-family: var(--srt-font); font-size: 12px; font-weight: 700; margin-bottom: 4px; color: var(--srt-text); }
.srt-form-group.srt-required > label:after, .srt-form-group.srt-required > .srt-label-f:after { content: ' *'; color: var(--srt-danger-1); }
.srt-input {
    display: block; width: 100%; box-sizing: border-box;
    height: 38px; min-height: 38px; line-height: 36px; padding: 0 10px;
    border: 1px solid var(--srt-border); border-radius: 8px;
    background-color: var(--srt-input-bg); color: var(--srt-input-text);
    font-family: var(--srt-font); font-size: 14px; box-shadow: none; outline: none;
    transition: border-color .15s ease;
}
.srt-input:focus { border-color: var(--srt-primary-1); }
.srt-input::placeholder { color: #888ea8; opacity: 1; }
.srt-input:disabled, .srt-input[readonly] { opacity: .7; }
textarea.srt-input { height: auto; min-height: 90px; line-height: 1.5; padding: 8px 10px; resize: vertical; }
select.srt-input, .srt-input--select {
    -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 28px; cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path d='M1 3l4 4 4-4' fill='none' stroke='%23888ea8' stroke-width='1.6'/></svg>");
    background-repeat: no-repeat; background-position: right 10px center;
}
select[multiple].srt-input { height: auto; line-height: 1.5; background-image: none; padding: 6px 10px; }
input[type="file"].srt-input { line-height: 1.5; padding: 6px 10px; }
.srt-input--sm { height: 32px; min-height: 32px; line-height: 30px; font-size: 13px; border-radius: 6px; }
.srt-input--lg { height: 44px; min-height: 44px; line-height: 42px; font-size: 15px; }
.srt-input--static { border-color: transparent; background: transparent; padding-left: 0; }
.srt-input-group { display: flex; flex-wrap: nowrap; align-items: stretch; width: 100%; }
.srt-input-group > .srt-input { flex: 1 1 auto; width: 1%; min-width: 0; }
.srt-input-group > .srt-input:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.srt-input-group > .srt-input:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.srt-input-group__before, .srt-input-group__after { display: flex; }
.srt-input-group__before > .srt-input-addon { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; }
.srt-input-group__after > .srt-input-addon, .srt-input-group > .srt-input + .srt-input-addon { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; }
.srt-input-group > .srt-input-group__after ~ .srt-input, .srt-input-group > .srt-input-group__before + .srt-input { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.srt-input-addon { display: inline-flex; align-items: center; height: 38px; padding: 0 10px; border: 1px solid var(--srt-border); border-radius: 8px; background: var(--srt-input-bg); color: #888ea8; font-size: 13px; white-space: nowrap; }
.srt-hint { display: block; font-size: 11px; opacity: .75; margin-top: 4px; }
.srt-error, .srt-ok { display: block; font-size: 11px; margin-top: 4px; color: var(--srt-danger-1); }
.srt-error:empty { display: none; }
.srt-ok { color: var(--srt-success-2); }
.srt-has-error > .srt-input, .srt-has-error .srt-input, .srt-input.srt-has-error, .srt-has-error .select2-container .select2-selection { border-color: var(--srt-danger-2) !important; }
.srt-has-error > .srt-label-f { color: var(--srt-danger-1); }
.srt-error-summary { border: 1px solid var(--srt-danger-2); border-radius: 8px; padding: 10px 14px; margin-bottom: 14px; font-size: 13px; color: var(--srt-danger-1); background: rgba(220,38,38,.06); }
.srt-error-summary ul { margin: 0; padding-left: 18px; }
/* checkbox / radio */
.srt-check { display: inline-flex; align-items: center; gap: 8px; font-family: var(--srt-font); font-size: 14px; font-weight: 500; cursor: pointer; margin: 0; line-height: 1.3; color: var(--srt-text); }
.srt-check--inline { margin-right: 14px; }
.srt-check__input { width: 18px; height: 18px; margin: 0; accent-color: var(--srt-primary-2); cursor: pointer; flex: 0 0 auto; }
.srt-check__label { margin: 0; cursor: pointer; }
.srt-check-list { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.srt-form-group--check { padding-top: 4px; }
/* horizontal düzülüş (köhnə 'layout' => 'horizontal'): etiket solda, sahə sağda */
.srt-form--horizontal .srt-form-group { display: grid; grid-template-columns: minmax(120px, 3fr) 9fr; gap: 6px 14px; align-items: center; }
.srt-form--horizontal .srt-form-group > label, .srt-form--horizontal .srt-form-group > .srt-label-f { margin: 0; text-align: right; }
.srt-form--horizontal .srt-form-group > .srt-hint, .srt-form--horizontal .srt-form-group > .srt-error { grid-column: 2; margin-top: 0; }
.srt-form--horizontal .srt-form-group--check { grid-template-columns: minmax(120px, 3fr) 9fr; }
.srt-form--horizontal .srt-form-group--check > .srt-check { grid-column: 2; }
@media (max-width: 575px) { .srt-form--horizontal .srt-form-group { grid-template-columns: 1fr; } .srt-form--horizontal .srt-form-group > label { text-align: left; } .srt-form--horizontal .srt-form-group > .srt-hint, .srt-form--horizontal .srt-form-group > .srt-error, .srt-form--horizontal .srt-form-group--check > .srt-check { grid-column: 1; } }

/* ==========================================================================
   SƏHİFƏLƏMƏ (Bootstrap .pagination markup-ı, SRT görünüşü) - 01.10.2026
   ========================================================================== */
#content .pagination, .modal .pagination { display: inline-flex; gap: 4px; margin: 0; padding: 0; list-style: none; flex-wrap: wrap; }
#content .pagination .page-link, .modal .pagination .page-link {
    display: inline-flex; align-items: center; justify-content: center;
    height: 34px; min-width: 34px; padding: 0 10px !important; margin: 0 !important;
    border: 1px solid var(--srt-border) !important; border-radius: 8px !important;
    background: var(--srt-input-bg) !important; color: var(--srt-text) !important;
    font-family: var(--srt-font); font-size: 13px; font-weight: 700; line-height: 1; box-shadow: none !important; text-decoration: none;
}
#content .pagination .page-link:hover, .modal .pagination .page-link:hover { border-color: var(--srt-primary-1) !important; }
#content .pagination .page-item.active .page-link, .modal .pagination .page-item.active .page-link { background: linear-gradient(180deg, var(--srt-primary-1) 0%, var(--srt-primary-2) 100%) !important; color: #fff !important; border-color: transparent !important; }
#content .pagination .page-item.disabled .page-link, .modal .pagination .page-item.disabled .page-link { opacity: .45; pointer-events: none; }
#content .summary, .modal .summary { font-family: var(--srt-font); font-size: 13px; }

/* ==========================================================================
   CƏDVƏL KONTURLARI (01.10.2026) - istifadəçi: "göy kontur qəhvəyi ilə qarışır".
   Səbəb: thead/th konturu Bootstrap .table-bordered-dən (#dee2e6, tünd fonda boz-qəhvəyi), tbody/td konturu
   tema qaydasından (göy) gəlirdi. Hamısı bir tokenlə: --srt-line (dark göy, light açıq boz, jeans tünd göy).
   ========================================================================== */
#content .srt-table, .modal .srt-table, .fancybox-content .srt-table,
#content .srt-table th, #content .srt-table td, .modal .srt-table th, .modal .srt-table td, .fancybox-content .srt-table th, .fancybox-content .srt-table td,
#content .srt-table thead th, .modal .srt-table thead th,
#content .srt-table--bordered, #content .srt-table--bordered th, #content .srt-table--bordered td, .modal .srt-table--bordered th, .modal .srt-table--bordered td { border-color: var(--srt-line) !important; }
/* 01.10.2026 (mərhələ 1): cədvəl sinifləri Bootstrap-dan çıxarıldı - .table* -> .srt-table*. Baza/tema qaydaları
   web/css/srt-table*.css fayllarındadır (bootstrap/main/structure-dən avtomatik çıxarılıb, scratchpad/tl/tbl_extract.php). */
.srt-table-wrap { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* --- Səhifələmə (SrtPager markup-ı: ul.srt-pager > li.srt-pager__item > a.srt-pager__link) --- */
.srt-pager { display: inline-flex; gap: 4px; margin: 0; padding: 0; list-style: none; flex-wrap: wrap; }
.srt-pager .srt-pager__link, .srt-pager .srt-pager__link:link, .srt-pager .srt-pager__link:visited {
    display: inline-flex; align-items: center; justify-content: center;
    height: 34px; min-width: 34px; padding: 0 10px; margin: 0;
    border: 1px solid var(--srt-border); border-radius: 8px;
    background: var(--srt-input-bg); color: var(--srt-text);
    font-family: var(--srt-font); font-size: 13px; font-weight: 700; line-height: 1; text-decoration: none; cursor: pointer;
}
.srt-pager .srt-pager__link:hover { border-color: var(--srt-primary-1); color: var(--srt-text); text-decoration: none; }
.srt-pager .is-active .srt-pager__link { background: linear-gradient(180deg, var(--srt-primary-1) 0%, var(--srt-primary-2) 100%); color: #fff; border-color: transparent; }
.srt-pager .is-disabled .srt-pager__link { opacity: .45; pointer-events: none; }

/* ==========================================================================
   DAVRANIŞ KOMPONENTLƏRİNİN BAZA CSS-i (02.10.2026, mərhələ 3) - web/js/srt-ui.js ilə işləyir.
   Bootstrap JS çıxarılıb; sinif adları (modal, collapse, dropdown-menu, tab-pane, fade, show) saxlanılıb ki,
   custom-overrides.css və tema qaydaları dəyişməsin. Bu qaydalar Bootstrap CSS silinəndə də kifayətdir.
   ========================================================================== */
.fade { transition: opacity .15s linear; }
.fade:not(.show) { opacity: 0; }
.collapse:not(.show) { display: none; }
.collapsing { position: relative; height: 0; overflow: hidden; transition: height .3s ease; }
.modal-open { overflow: hidden; }
.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; }
.modal.show { display: block; }
.modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; }
.modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -50px); }
.modal.show .modal-dialog { transform: none; }
.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); }
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; outline: 0; }
.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show { opacity: .5; }
.modal-header { display: flex; align-items: flex-start; justify-content: space-between; }
.modal-header .close { padding: 0; margin: -4px -4px -4px auto; background: transparent; border: 0; font-size: 24px; line-height: 1; cursor: pointer; opacity: .6; color: inherit; }
.modal-header .close:hover { opacity: 1; }
.modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
@media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-sm { max-width: 300px; } }
@media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } }
@media (min-width: 1200px) { .modal-xl { max-width: 1140px; } }
.dropdown, .dropup, .btn-group { position: relative; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 10rem; margin: .125rem 0 0; }
.dropdown-menu.show { display: block; }
.dropdown-menu-right { right: 0; left: auto; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.srt-popover { position: absolute; z-index: 1070; max-width: 276px; border: 1px solid var(--srt-border); border-radius: 8px; background: var(--srt-input-bg); color: var(--srt-input-text); font-size: 13px; box-shadow: 0 6px 20px rgba(0,0,0,.25); }
.srt-popover .popover-header { margin: 0; padding: 8px 12px; font-size: 13px; font-weight: 700; border-bottom: 1px solid var(--srt-border); }
.srt-popover .popover-body { padding: 8px 12px; }

/* ==========================================================================
   KİTABXANA VİDJETLƏRİ - SRT görünüşü (02.10.2026, mərhələ 5: kartik əvəzinə birbaşa select2 / daterangepicker / flatpickr)
   ========================================================================== */
/* Select2 (default tema) - sahə standartı ilə eyni */
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    height: 38px !important; min-height: 38px !important; border: 1px solid var(--srt-border) !important; border-radius: 8px !important;
    background-color: var(--srt-input-bg) !important; color: var(--srt-input-text) !important; box-shadow: none !important; outline: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px !important; padding-left: 10px !important; padding-right: 28px !important; color: var(--srt-input-text) !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px !important; right: 6px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888ea8 transparent transparent transparent; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888ea8 transparent; }
.select2-container--default .select2-selection--single .select2-selection__placeholder, .select2-container--default .select2-search--inline .select2-search__field::placeholder { color: #888ea8 !important; }
.select2-container--default .select2-selection--single .select2-selection__clear { color: #888ea8; margin-right: 18px; font-weight: 700; }
.select2-container--default .select2-selection--multiple { padding: 0 6px !important; overflow: hidden; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { display: flex; flex-wrap: nowrap; align-items: center; gap: 4px; padding: 0 !important; line-height: 36px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { margin: 0 !important; line-height: 22px; padding: 0 6px 0 22px; border-radius: 6px; font-size: 12px; background: var(--srt-ghost-bg) !important; border: 1px solid var(--srt-border) !important; color: var(--srt-input-text) !important; position: relative; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { position: absolute; left: 6px; top: 0; color: #888ea8 !important; border: 0 !important; background: transparent !important; font-weight: 700; }
.select2-container--default .select2-search--inline .select2-search__field { margin: 0 !important; height: 34px !important; line-height: 34px; color: var(--srt-input-text); font-family: var(--srt-font); font-size: 14px; }
.select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection { border-color: var(--srt-primary-1) !important; }
.select2-container--default .select2-dropdown { border: 1px solid var(--srt-border) !important; border-radius: 8px !important; background: var(--srt-input-bg) !important; color: var(--srt-input-text); overflow: hidden; z-index: 1060; }
.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--srt-border) !important; border-radius: 6px !important; background: var(--srt-input-bg) !important; color: var(--srt-input-text) !important; height: 32px; outline: 0; }
.select2-container--default .select2-results__option { font-family: var(--srt-font); font-size: 14px; }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: var(--srt-primary-2) !important; color: #fff !important; }
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option--selected { background: var(--srt-ghost-bg); }
.select2-container--default .select2-results__option--disabled, .select2-container--default .select2-results__message { color: #888ea8; }
.select2-container--default.select2-container--disabled .select2-selection { opacity: .7; }
/* daterangepicker */
.daterangepicker { font-family: var(--srt-font); font-size: 13px; border: 1px solid var(--srt-border); border-radius: 10px; background: var(--srt-input-bg); color: var(--srt-input-text); box-shadow: 0 8px 24px rgba(0,0,0,.3); z-index: 1060; }
.daterangepicker:before, .daterangepicker:after { display: none; }
.daterangepicker .calendar-table { background: transparent; border: 0; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { color: var(--srt-input-text); border-radius: 6px; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background: var(--srt-ghost-bg); }
.daterangepicker td.in-range { background: rgba(104,82,236,.18); color: var(--srt-input-text); }
.daterangepicker td.active, .daterangepicker td.active:hover { background: var(--srt-primary-2); color: #fff; }
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background: transparent; color: #888ea8; }
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border-color: var(--srt-input-text); }
.daterangepicker .ranges li { color: var(--srt-input-text); border-radius: 6px; }
.daterangepicker .ranges li:hover { background: var(--srt-ghost-bg); }
.daterangepicker .ranges li.active { background: var(--srt-primary-2); color: #fff; }
.daterangepicker .drp-buttons { border-top: 1px solid var(--srt-border); }
.daterangepicker .drp-buttons .btn { height: 32px; padding: 0 14px; border-radius: 6px; border: 1px solid var(--srt-border); background: var(--srt-ghost-bg); color: var(--srt-input-text); font-family: var(--srt-font); font-size: 13px; font-weight: 700; cursor: pointer; margin-left: 8px; }
.daterangepicker .drp-buttons .btn.applyBtn { background: linear-gradient(180deg, var(--srt-primary-1) 0%, var(--srt-primary-2) 100%); color: #fff; border-color: transparent; }
.daterangepicker .drp-selected { font-size: 12px; opacity: .8; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect { background: var(--srt-input-bg); color: var(--srt-input-text); border: 1px solid var(--srt-border); border-radius: 6px; }
.daterangepicker.show-calendar .ranges { margin-top: 8px; }
/* flatpickr */
.flatpickr-calendar { font-family: var(--srt-font); background: var(--srt-input-bg); color: var(--srt-input-text); border: 1px solid var(--srt-border); border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.3); }
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { display: none; }
.flatpickr-months .flatpickr-month, .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-weekdays, span.flatpickr-weekday { background: transparent; color: var(--srt-input-text); fill: var(--srt-input-text); }
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { color: var(--srt-input-text); fill: var(--srt-input-text); }
.flatpickr-day { color: var(--srt-input-text); border-radius: 6px; }
.flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover { background: var(--srt-ghost-bg); border-color: transparent; }
.flatpickr-day.today { border-color: var(--srt-primary-1); }
.flatpickr-day.selected, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.endRange { background: var(--srt-primary-2); border-color: var(--srt-primary-2); color: #fff; }
.flatpickr-day.flatpickr-disabled, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { color: #888ea8; }
.flatpickr-time, .flatpickr-time input, .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { background: transparent; color: var(--srt-input-text); border-top-color: var(--srt-border); }
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: var(--srt-ghost-bg); }
.numInputWrapper span.arrowUp:after { border-bottom-color: var(--srt-input-text); } .numInputWrapper span.arrowDown:after { border-top-color: var(--srt-input-text); }

/* DataTables (kalkulyator) - Bootstrap inteqrasiya skripti çıxarıldı, defolt siniflər SRT görünüşündə */
.dataTables_wrapper { font-family: var(--srt-font); }
.dataTables_wrapper .dataTables_filter { text-align: right; margin-bottom: 10px; }
.dataTables_wrapper .dataTables_filter label { font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; gap: 8px; }
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select { height: 34px; padding: 0 10px; border: 1px solid var(--srt-border); border-radius: 8px; background: var(--srt-input-bg); color: var(--srt-input-text); font-size: 13px; outline: 0; }
.dataTables_wrapper .dataTables_paginate { display: flex; justify-content: flex-end; gap: 4px; margin-top: 12px; flex-wrap: wrap; }
.dataTables_wrapper .dataTables_paginate .paginate_button { display: inline-flex; align-items: center; justify-content: center; height: 34px; min-width: 34px; padding: 0 10px; border: 1px solid var(--srt-border) !important; border-radius: 8px; background: var(--srt-input-bg) !important; color: var(--srt-text) !important; font-size: 13px; font-weight: 700; cursor: pointer; margin: 0; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { border-color: var(--srt-primary-1) !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background: linear-gradient(180deg, var(--srt-primary-1) 0%, var(--srt-primary-2) 100%) !important; color: #fff !important; border-color: transparent !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled { opacity: .45; pointer-events: none; }
.dataTables_wrapper .dataTables_info { font-size: 13px; opacity: .8; padding-top: 12px; }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after { opacity: .5; }

/* --- Etiket / başlıq / sətir ---------------------------------------------- */
.srt-label { font-family: var(--srt-font); font-size: 13px; font-weight: 700; color: var(--srt-text); margin-right: 8px; white-space: nowrap; }
.srt-pagesize { display: inline-flex; align-items: center; }
.srt-title {
    display: inline-flex; align-items: center; height: 40px; padding: 0 22px;
    border-radius: var(--srt-radius);
    font-family: var(--srt-font); font-size: 16px; font-weight: 700; letter-spacing: .3px; color: #ffffff;
    background: linear-gradient(180deg, var(--srt-title-1) 0%, var(--srt-title-2) 100%);
    box-shadow: 0 2px 6px rgba(0,0,0,.25); white-space: nowrap;
}
.srt-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 6px 0 10px; flex-wrap: wrap; }
.srt-row__left, .srt-row__right { display: flex; align-items: center; gap: 10px; }

/* ==========================================================================
   02.10.2026 - SEÇİM SİYAHILARI VƏ BİLDİRİŞ PANELİ SƏLİQƏSİ (istifadəçi tələbi)
   1) Bildiriş (zəng) paneli: 5 tab bir sətirdə ("Geri alınmalı cihazlar" aşağı düşürdü).
   2) Select2 çox seçimli sahə: seçilən adlar bölünmür/kəsilmir, sahə lazım olanda hündürləşir.
   3) Açılan siyahıların (Select2 + srt-dd) scrollbar-ı nazik, tema rəngində.
   4) srt-dd: native <select>-in boz, künclü OS siyahısı əvəzinə radiuslu siyahı (srt-ui.js).
   ========================================================================== */

/* --- 1) Bildiriş paneli --- */
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu { width: 660px !important; min-width: 0 !important; max-width: calc(100vw - 24px) !important; }
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .accordion-tabs { white-space: nowrap; font-size: 0; padding: 0 6px; max-width: none !important; }
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .accordion-tabs li.tab-head-cont > a { font-size: 13px; padding-left: 10px !important; padding-right: 10px !important; margin-right: 4px; }
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .accordion-tabs li.tab-head-cont > a .badge { margin-left: 5px; }
.navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .accordion-tabs li.tab-head-cont section { white-space: normal; font-size: 13px; }

/* --- 2) Select2 çox seçimli sahə --- */
#content .select2-container .select2-selection--multiple, .modal .select2-container .select2-selection--multiple, .fancybox-content .select2-container .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
    height: auto !important; min-height: 38px !important; line-height: normal !important; padding: 0 30px 0 6px !important; overflow: visible;
    display: flex; align-items: center;
}
#content .select2-container .select2-selection--multiple .select2-selection__rendered, .modal .select2-container .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex !important; flex-wrap: wrap !important; align-items: center; gap: 4px; padding: 5px 0 !important; margin: 0; line-height: normal !important; min-height: 36px; box-sizing: border-box; width: 100%;
}
#content .select2-container .select2-selection--multiple .select2-selection__choice, .modal .select2-container .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    position: relative; display: inline-flex; align-items: center; max-width: 100%; height: 24px; padding: 0 8px 0 20px !important;
    line-height: 22px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { left: 5px !important; padding: 0 !important; top: 50% !important; transform: translateY(-50%); line-height: 1; }
#content .select2-container .select2-selection--multiple, .modal .select2-container .select2-selection--multiple, .fancybox-content .select2-container .select2-selection--multiple,
.select2-container--default .select2-selection--multiple { padding-right: 24px !important; }
/* axtarış sahəsi (select2 4.0: ul-un içində son li) - seçim varsa en 0, fokusda 40px; yoxsa ad bölünmədən boş sətir yaradırdı */
.select2-container .select2-selection--multiple .select2-search--inline { flex: 1 1 0; min-width: 0; height: 24px; }
.select2-container .select2-selection--multiple .select2-search--inline:first-child,
.select2-container .select2-selection--multiple .select2-search--inline:focus-within { min-width: 40px; }
#content .select2-container .select2-search--inline .select2-search__field, .modal .select2-container .select2-search--inline .select2-search__field,
.select2-container--default .select2-search--inline .select2-search__field { height: 24px !important; line-height: 24px !important; width: 100% !important; min-width: 0; }
.select2-container--default .select2-selection--multiple .select2-selection__clear { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); margin: 0; color: #888ea8; font-weight: 700; cursor: pointer; }

/* --- 3) Açılan siyahı: daxili boşluq, radiuslu sətirlər, nazik scrollbar --- */
.select2-container--default .select2-dropdown, .select2-container--krajee-bs4 .select2-dropdown { box-shadow: 0 10px 28px rgba(0,0,0,.35); }
.select2-container--default .select2-dropdown--below { margin-top: 4px; }
.select2-container--default .select2-dropdown--above { margin-top: -4px; }
.select2-container .select2-results > .select2-results__options { padding: 4px; max-height: 240px; }
.select2-container .select2-results__option { border-radius: 6px; padding: 7px 10px; margin: 1px 0; }
.select2-container .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted),
.select2-container .select2-results__option--selected:not(.select2-results__option--highlighted) { background: rgba(67,97,238,.16) !important; }
/* standart xassələr yalnız ::-webkit-scrollbar olmayan brauzerdə (Firefox) - Chrome-da onlar webkit üslubunu ləğv edib ox düymələri çıxarır */
@supports not selector(::-webkit-scrollbar) {
    .select2-results__options, .srt-dd { scrollbar-width: thin; scrollbar-color: var(--srt-primary-2) transparent; }
}
.select2-results__options::-webkit-scrollbar, .srt-dd::-webkit-scrollbar { width: 6px; height: 6px; }
.select2-results__options::-webkit-scrollbar-button, .srt-dd::-webkit-scrollbar-button { display: none; height: 0; }
.select2-results__options::-webkit-scrollbar-track, .srt-dd::-webkit-scrollbar-track { background: transparent; margin: 6px 0; }
.select2-results__options::-webkit-scrollbar-thumb, .srt-dd::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--srt-primary-1), var(--srt-primary-2)); border-radius: 6px; }
.select2-results__options::-webkit-scrollbar-thumb:hover, .srt-dd::-webkit-scrollbar-thumb:hover { filter: brightness(1.15); }

/* --- 4) srt-dd: native select üçün radiuslu açılan siyahı --- */
.srt-dd {
    position: absolute; z-index: 100000; /* 03.10: #modal z-index 9999-dur - əvvəlki 2050 siyahını modalın arxasında qoyurdu */ box-sizing: border-box; min-width: 64px; max-height: 260px; overflow-y: auto;
    margin: 0; padding: 4px; list-style: none;
    background: var(--srt-input-bg); color: var(--srt-input-text);
    border: 1px solid var(--srt-border); border-radius: 8px; box-shadow: 0 10px 28px rgba(0,0,0,.35);
    font-family: var(--srt-font); font-size: 14px;
}
.srt-dd__opt { padding: 7px 12px; border-radius: 6px; cursor: pointer; white-space: nowrap; margin: 1px 0; }
.srt-dd__opt:hover, .srt-dd__opt.is-focus { background: var(--srt-primary-2); color: #fff; }
.srt-dd__opt.is-selected { background: rgba(67,97,238,.16); font-weight: 700; }
.srt-dd__opt.is-selected:hover, .srt-dd__opt.is-selected.is-focus { background: var(--srt-primary-2); color: #fff; }
.srt-dd__opt.is-disabled { opacity: .45; pointer-events: none; }
.srt-dd__grp { padding: 6px 12px 2px; font-size: 11px; font-weight: 700; text-transform: uppercase; opacity: .6; }
.srt-dd--num .srt-dd__opt { text-align: center; font-weight: 700; }
.srt-select.is-open::after { transform: translateY(-20%) rotate(-135deg); }
/* 03.10: Select2 siyahısı da body-yə əlavə olunur - modalın (9999) üstündə qalsın */
.select2-container.select2-container--open { z-index: 100000; }

/* ==========================================================================
   03.10.2026 - MÜŞTƏRİ KARTI ƏMƏLİYYAT MENYUSU (users/view .user-view-nav)
   İstifadəçi (03.10): soldan sağa ARDICIL düzülsün, sona qədər dartılmasın, aralar bərabər,
   ikon-söz məsafəsi səliqəli. Hər bənd öz mətni qədər (nowrap), bəndlər arası 4px, ikon 16px
   (markup-da 18/20/24 qarışıq idi), ikon-söz 6px, şrift 14px. Sığmayan bənd növbəti sətrin
   əvvəlindən başlayır. Tək sətir üçün lazım olan en (14px): EN ~1760px, AZ ~1890px, RU ~2200px
   ekran - uzun adlar qısaldılsa bu azalır (istifadəçi sözlərə baxacaq).
   ========================================================================== */
.user-view .user-view-nav { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-items: center; gap: 2px 4px; margin: 0 0 10px !important; padding: 0; }
.user-view .user-view-nav > li { flex: 0 0 auto; min-width: 0; margin: 0; }
.user-view .user-view-nav > li > .nav-link {
    display: inline-flex !important; align-items: center; gap: 6px; box-sizing: border-box;
    height: 36px; padding: 0 10px !important; line-height: 1; white-space: nowrap; font-size: 14px !important;
    border-radius: 8px; border: 1px solid transparent;
}
.user-view .user-view-nav > li > .nav-link:hover { background: var(--srt-ghost-bg); border-color: var(--srt-border); }
.user-view .user-view-nav > li > .nav-link svg, .user-view .user-view-nav > li > .nav-link i { width: 16px; height: 16px; flex: 0 0 16px; margin: 0; font-size: 15px; text-align: center; }