/*
 * Точечные стили для классов вида .table-action / .table-action-delete —
 * это де-факто конвенция иконок действий в таблицах, используемая в ~50
 * blade-шаблонах по всему проекту, но её CSS был только в legacy Argon
 * (public/user/assets/css/argon.css), а этот файл нигде не подключается
 * с переезда на Tabler. Выдернуто отсюда точечно, без остального Argon,
 * чтобы не конфликтовать с классами Tabler (.card, .btn, .table и т.д.).
 */
.table-action {
    font-size: .875rem;
    margin: 0 .25rem;
    color: #adb5bd;
}
.table-action:hover {
    color: #919ca6;
}
.table-action-delete:hover {
    color: #f5365c;
}
.table-dark .table-action {
    color: #4d7bca;
}

/*
 * "3D"-бейджи под иконками sidebar/topbar — тот же приём, что у плиток
 * модулей (projects/project/modules.blade.php) и крупных акцентов на
 * /new (public/new/css/style.css): цветной кружок + врезанная подсветка
 * + глянцевый блик + внешняя тень, вместо плоского значка. По прямой
 * просьбе "везде должен быть 1 стандарт" — единый акцентный цвет на все
 * пункты (не по цвету на пункт, иначе получится та же путаница "почему
 * синие почему зелёные", что была у project_modules до правки).
 * Иконки sidebar — inline SVG с stroke="currentColor" (Tabler Icons),
 * поэтому даже цвет самого рисунка иконки берётся из `color` этого блока,
 * менять сам SVG не нужно.
 */
.navbar-vertical .nav-link-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 8px;
    background: rgba(94, 168, 255, .16);
    color: #7db4ff;
    position: relative;
    overflow: hidden;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .2),
        inset 0 -2px 5px rgba(0, 0, 0, .3),
        0 3px 8px -3px rgba(0, 0, 0, .55);
}
.navbar-vertical .nav-link-icon::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 55%);
    pointer-events: none;
}
.navbar-vertical .nav-link-icon svg {
    width: 16px;
    height: 16px;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .35));
}
.navbar-vertical .nav-item.active > .nav-link .nav-link-icon,
.navbar-vertical .nav-link:hover .nav-link-icon {
    background: rgba(94, 168, 255, .30);
}

/* Topbar — те же 4-5 иконок-кнопок (тема/уведомления/юзер/настройки),
   отдельный селектор т.к. это горизонтальный .navbar, не .navbar-vertical,
   и там нет обёртки .nav-link-icon — бейдж накладывается прямо на .nav-link. */
header.navbar.navbar-expand-md .nav-link.px-0 {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: rgba(32, 107, 196, .08);
    position: relative;
    overflow: hidden;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .5),
        inset 0 -2px 5px rgba(0, 0, 0, .06),
        0 3px 8px -4px rgba(0, 0, 0, .25);
}
header.navbar.navbar-expand-md .nav-link.px-0::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 55%);
    pointer-events: none;
}
header.navbar.navbar-expand-md .nav-link.px-0 svg,
header.navbar.navbar-expand-md .nav-link.px-0 i {
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .12));
}
header.navbar.navbar-expand-md .nav-link.px-0:hover {
    background: rgba(32, 107, 196, .16);
}