/**
 * BOREY - минимальная CSS-надстройка для КЛИЕНТСКОГО ПОРТАЛА Perfex
 * (customers area - вход клиента, личный кабинет), отдельно от
 * admin-theme.css (тот подключается только хуком app_admin_head, который
 * НЕ срабатывает на клиентских страницах - см. app_customers_head() в
 * application/helpers/themes_helper.php). Подключается через штатный хук
 * app_customers_head (security_objects.php,
 * security_objects_customer_theme_head()) - без единой правки core-файлов.
 *
 * 27.08.2026: "даже на входе удали выбрать язык" - на странице входа
 * клиентского портала (perfex.local/authentication/login, НЕ /admin/...)
 * core рисует селектор языка (id="language", onchange="change_contact_
 * language(this)") прямо на форме логина - лишний выбор при единственном
 * языке в системе. Прячем строку целиком (форму - не сам select, чтобы не
 * оставалось пустой строки), значение поля (russian по умолчанию) при этом
 * не трогаем - оно просто больше не показывается и не редактируется отсюда.
 */
.form-group:has(#language) {
    display: none !important;
}

/**
 * 27.08.2026: "вход страшный, приведи в общий вид системы" - страница
 * входа клиентского портала (perfex.local/authentication/login) резко
 * выделялась на фоне остального редизайна BOREY: тёмная (#353535 -
 * ровно старый --borey-ink) шапка и подвал вместо светлой темы (см.
 * комментарий "Светлый минималистичный chrome" в admin-theme.css - там
 * прямо указано, что клиентский портал и страница входа тоже должны
 * быть светлыми). Шапка/подвал клиентского портала - это общий core-
 * layout (application/views/themes/perfex/{head,footer}.php,
 * template_parts/navigation.php), используемый на ВСЕХ страницах
 * клиентского портала, не только на входе - поэтому правки ниже не
 * ограничены страницей логина, а приводят к единому виду весь портал,
 * что как раз и требуется.
 *
 * Токены/.panel_s/.btn - те же значения и тот же приём, что и в
 * admin-theme.css (см. пояснения цветов/радиусов там же). Дублируются
 * здесь, а не подключаются оттуда, потому что admin-theme.css висит на
 * хуке app_admin_head, которого в клиентском портале не бывает - два
 * файла подключаются РАЗНЫМИ хуками на РАЗНЫХ страницах.
 */
:root {
    --borey-brand: #52AF3B;
    --borey-brand-dark: #297E14;
    --borey-ink: #353535;
    --borey-ink-dark: #262626;
}

/* 27.08.2026: "нужно было поставить не спрашивая, мы же пилим систему в
   едином стиле" - Gilroy (фирменный шрифт, см. admin-theme.css) был
   только в админке, клиентский портал оставался на Inter - раз стиль
   уже принят и утверждён, распространяем без вопросов. @font-face
   дублируется (тот же приём, что и с токенами/.panel_s/.btn выше) -
   customer-theme.css и admin-theme.css два разных подключаемых файла,
   у CSS нет общей области видимости между ними; путь ../fonts/ тот же
   самый физический каталог (оба файла лежат в
   modules/security_objects/assets/css/). */
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-extrabold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
body,
.btn,
input,
select,
textarea,
.form-control,
.nav,
.navbar,
h1,
h2,
h3,
h4,
h5,
h6,
.panel,
.panel-body,
.panel-heading,
.panel-title,
table,
.dataTable,
.dropdown-menu,
.modal-content {
    font-family: 'Gilroy', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}

/* Шапка - была тёмной (см. .navbar-default в style.min.css/theme_style),
   делаем светлой, как шапку админки. */
.navbar.header {
    background: #fff !important;
    border-bottom: 1px solid #E6E8E4;
}
.navbar.header .nav > li > a {
    color: #1B1F27 !important;
}
.navbar.header .nav > li > a:hover,
.navbar.header .nav > li > a:focus {
    background: #F5F6FA !important;
    color: #1B1F27 !important;
}
.navbar.header .navbar-toggle .icon-bar {
    background-color: #1B1F27 !important;
}

/* Кнопка "Войти" в шапке (гостевое меню) - в ядре (style.min.css)
   жёстко зашита синим через !important на селекторе
   ".navbar-default .navbar-nav>li.customers-nav-item-login>a"
   (3 класса + 2 элемента = специфичность 0,3,2). Обычный
   ".customers-nav-item-login a" с !important это проигрывает ИМЕННО
   по специфичности (несмотря на !important с обеих сторон, при
   равной важности выигрывает более специфичный селектор, а не более
   поздний по порядку) - добавляем классы (.customers плюс
   .navbar-default явно), чтобы получить специфичность 0,4,2 и
   гарантированно перекрыть core-правило тем же приёмом (ink-пилюля),
   что и везде в системе.
   27.08.2026: текст/иконка кнопки были еле видны (тёмно-серый на
   тёмном фоне) - цвет явно не задавали, поэтому побеждало правило
   ".navbar.header .nav > li > a{color:#1B1F27}" выше по файлу (оно
   тоже матчит этот пункт меню, т.к. это обычный li>a в том же .nav) -
   у него специфичность 0,3,2, у этого правила 0,4,2, так что просто
   добавляем color:#fff сюда же и оно выигрывает.
   27.08.2026, следом: после того как текст побелел, стал виден
   "прямоугольник" перед "Войти" - это <i class="fa-regular fa-user">
   из core-разметки (application/views/themes/perfex/template_parts/
   navigation.php), у бесплатного Font Awesome 6 глифа "user" в начертании
   REGULAR нет (только в платном Pro) - вместо иконки рисуется квадрат-
   заглушка (тот же класс проблемы, что и с 9 иконками сайдбара админки,
   см. запись 26.08.2026 про SIDEBAR_ICON_SVGS). На тёмном фоне раньше
   было незаметно, побелевший текст его и обнажил. Просили просто убрать
   (не подрисовывать SVG, как в сайдбаре) - прячем иконку. */
.customers .navbar-default .navbar-nav > li.customers-nav-item-login > a {
    background: var(--borey-ink) !important;
    color: #fff !important;
    border-radius: 999px !important;
}
.customers .navbar-default .navbar-nav > li.customers-nav-item-login > a i {
    display: none !important;
}
.customers .navbar-default .navbar-nav > li.customers-nav-item-login > a:hover,
.customers .navbar-default .navbar-nav > li.customers-nav-item-login > a:focus,
.customers .navbar-default .navbar-nav > li.customers-nav-item-login > a:active {
    background: var(--borey-ink-dark) !important;
}

/* Подвал - тот же приём: светлый вместо тёмного. */
footer.footer {
    background: #fff !important;
    color: #6B7280;
    border-top: 1px solid #E6E8E4;
}
footer.footer a {
    color: #6B7280;
}

/* Карточки (.panel_s) - та же унификация, что в admin-theme.css:
   плоские белые карточки 20px без тени вместо стандартной core-
   карточки (8px, лёгкая тень). Используется на форме входа и в
   остальном клиентском портале (счета/сметы/файлы и т.п.). */
.panel_s {
    background: #fff;
    border: 1px solid #E6E8EF;
    border-radius: 20px;
    box-shadow: none !important;
    overflow: hidden;
}
.panel_s > .panel-body {
    padding: 24px 28px;
}

/* Кнопки - тёмная графитовая пилюля вместо стандартной прямоугольной
   (тот же приём, что в admin-theme.css). */
.btn.btn-primary {
    background-color: var(--borey-ink) !important;
    border-color: var(--borey-ink) !important;
    border-radius: 999px !important;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
    background-color: var(--borey-ink-dark) !important;
    border-color: var(--borey-ink-dark) !important;
}
.btn.btn-default {
    border-radius: 999px !important;
}

/* 27.08.2026: тот же фикс, что в admin-theme.css - bootstrap-select
   рендерит select как <button class="btn dropdown-toggle btn-default">,
   без этого правила поля-списки в клиентском портале превращались бы в
   пилюлю-999px, а обычные текстовые input оставались обычным полем -
   "часть плиток скруглённых, часть прямоугольных" на любой форме.
   Обёртка bootstrap-select не несёт класс .btn-group (проверено вживую
   в админке, разметка общая для всей системы), поэтому без него. */
.bootstrap-select > .btn.btn-default.dropdown-toggle {
    border-radius: 6px !important;
}

/* ===== 14.09.2026 borey-portal-cleanup =====
   1) Активный пункт меню: inline-тема ядра (theme_style) красит фон в
      #353535, а наше правило выше делает текст тёмным - получалась чёрная
      нечитаемая плашка. Светлая плашка с тёмным текстом, как в админке. */
.customers .navbar.header .navbar-nav > li.active > a,
.customers .navbar.header .navbar-nav > li.active > a:hover,
.customers .navbar.header .navbar-nav > li.active > a:focus {
    background: #F1F5F9 !important;
    color: #1B1F27 !important;
    border-radius: 6px;
}

/* 2) Системные настройки, бесполезные для RU-портала: переключатель языка
      в меню профиля, "Страна" и "Язык по умолчанию" в информации о
      компании, "Направление" (LTR/RTL) в профиле контакта. Значения в БД
      остаются (Russia / системный язык), просто не показываем. */
.customers .navbar.header li.customers-nav-item-languages,
.customers .form-group.contact-direction-option,
.customers .form-group:has(select#country),
.customers .form-group:has(select#default_language) {
    display: none !important;
}

/* 3) Профиль контакта: произвольное поле "Отчество" ядро рендерит последним
      (вложенный .row.custom-fields-form-row) - переставляем после "Фамилии"
      через flex-order, т.к. своего JS в портале нет. */
.customers .col-md-12:has(> .form-group.profile-lastname-group) {
    display: flex;
    flex-direction: column;
}
.customers .col-md-12:has(> .form-group.profile-lastname-group) > * { order: 10; }
.customers .col-md-12:has(> .form-group.profile-lastname-group) > .form-group:has(.profile-image-upload-group) { order: 1; }
.customers .col-md-12:has(> .form-group.profile-lastname-group) > .form-group:has(> #firstname) { order: 2; }
.customers .col-md-12:has(> .form-group.profile-lastname-group) > .form-group.profile-lastname-group { order: 3; }
.customers .col-md-12:has(> .form-group.profile-lastname-group) > .row.custom-fields-form-row { order: 4; }

/* 4) Проект в портале: почасовое (табели, общее рабочее время) и деньги
      (тип оплаты, общая сумма) клиенту не показываем - решения заказчика
      12.09 и 14.09.2026. */
.customers .project-billing-type,
.customers .project-cost,
.customers .project-total-logged-hours,
.customers li.project_tab_timesheets {
    display: none !important;
}

/* 5) borey-portal-wide: портал во всю ширину экрана, как админка, чтобы
      полоса вкладок проекта помещалась целиком (просьба заказчика 14.09.2026). */
.customers .container {
    width: auto !important;
    max-width: none !important;
    padding-left: 32px;
    padding-right: 32px;
}
@media (max-width: 767px) {
    .customers .container { padding-left: 16px; padding-right: 16px; }
}
.customers .horizontal-scrollable-tabs .horizontal-tabs .nav-tabs {
    white-space: nowrap;
}
.customers .borey-project-kpi-wrap .borey-project-kpi { margin-bottom: 16px; }
.customers .borey-project-kpi-wrap .borey-project-debt { margin-top: 0; }

/* 6) Вкладки проекта - переносом на вторую строку вместо горизонтального
      ползунка со стрелками; ссылка "← Проекты" над карточкой проекта. */
.customers .horizontal-scrollable-tabs .horizontal-tabs .nav-tabs {
    white-space: normal !important;
    display: flex;
    flex-wrap: wrap;
    overflow: visible !important;
    width: auto !important;
}
.customers .horizontal-scrollable-tabs .horizontal-tabs .nav-tabs > li { float: none; }
.customers .horizontal-scrollable-tabs .scroller,
.customers .horizontal-scrollable-tabs .scroller-left,
.customers .horizontal-scrollable-tabs .scroller-right { display: none !important; }
.customers .horizontal-scrollable-tabs .horizontal-tabs { overflow: visible !important; margin: 0 !important; }
.customers .borey-back-link {
    display: inline-block;
    margin-bottom: 10px;
    color: #6B7280;
    font-size: 13px;
}
.customers .borey-back-link:hover { color: #1B1F27; }
