/* =========================================================================
   PRO.SUV — плоска тема (стиль base44, без градієнтів)
   Перекриває AdminLTE 2 / skin-blue. Підключати ОСТАННІМ.
   Палітра: чистий білий, нейтральні сірі межі, один зелений акцент.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --accent:      #1DAD65;   /* брендовий зелений */
  --accent-600:  #169257;   /* hover / темніший */
  --accent-700:  #117a48;   /* active */
  --accent-50:   #e9f9f0;   /* світлий тінт (active bg) */
  --bg:          #f5f7f6;   /* фон контенту */
  --surface:     #ffffff;   /* картки, хедер сайдбару */
  --sidebar:     #ffffff;   /* світлий сайдбар */
  --border:      #e6e8eb;   /* нейтральні межі */
  --border-2:    #d1d5db;   /* межі інпутів */
  --text:        #1f2a37;   /* основний текст */
  --muted:       #6b7280;   /* приглушений текст */
  --radius:      10px;
  --radius-sm:   8px;
  --shadow:      0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06);
}

/* ---- Базова типографіка / фон --------------------------------------- */
body,
body.skin-blue {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}
.content-wrapper,
.right-side {
  background: var(--bg);
}
a { color: var(--accent-600); }
a:hover, a:focus { color: var(--accent-700); }

/* Прибрати будь-які градієнти всюди */
.skin-blue .main-header .navbar,
.skin-blue .main-header .logo,
.btn, .box, .box-header, .nav-tabs-custom,
.bg-aqua, .bg-green, .bg-blue, .small-box,
.progress-bar, .info-box-icon {
  background-image: none !important;
}

/* ---- Хедер ----------------------------------------------------------- */
.main-header { box-shadow: var(--shadow); }
.skin-blue .main-header .navbar {
  background-color: var(--accent) !important;
}
.skin-blue .main-header .logo {
  background-color: var(--accent) !important;
  color: #fff;
  font-weight: 600;
  letter-spacing: .2px;
  border-bottom: 0 solid transparent;
}
.skin-blue .main-header .logo:hover {
  background-color: var(--accent-600) !important;
}
.skin-blue .main-header .navbar .nav > li > a,
.skin-blue .main-header > .navbar .navbar-custom-menu p,
.skin-blue .main-header .navbar .sidebar-toggle { color: #fff; }
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: var(--accent-600) !important;
  color: #fff;
}

/* ---- Сайдбар (світлий) ---------------------------------------------- */
.skin-blue .main-sidebar,
.skin-blue .left-side,
.skin-blue .wrapper { background-color: var(--sidebar); }
.main-sidebar { box-shadow: inset -1px 0 0 var(--border); }

.skin-blue .sidebar a { color: #374151; }
.skin-blue .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 500;
}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a {
  background: var(--accent-50);
  color: var(--accent-700);
  border-left-color: var(--accent);
}
.skin-blue .sidebar-menu .treeview-menu > li > a { color: #4b5563; }
.skin-blue .sidebar-menu .treeview-menu > li.active > a,
.skin-blue .sidebar-menu .treeview-menu > li > a:hover {
  color: var(--accent-700);
}
.skin-blue .sidebar-menu .treeview-menu { background: #fafbfb; }
.skin-blue .sidebar-form {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  margin: 10px;
}
.skin-blue .sidebar-form .form-control { border: 0; background: transparent; }
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a { color: var(--text); }
.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion { width: 20px; }

/* ---- Картки / box ---------------------------------------------------- */
.box {
  border: 1px solid var(--border);
  border-top: 1px solid var(--border);   /* прибрати кольорову верхню смугу */
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.box.box-primary, .box.box-success, .box.box-info,
.box.box-warning, .box.box-danger { border-top-width: 1px; }
.box-header {
  color: var(--text);
  border-bottom: 1px solid var(--border);
  border-radius: var(--radius) var(--radius) 0 0;
  padding: 14px 18px;
}
.box-header .box-title { font-weight: 600; font-size: 16px; }
.box-body { padding: 18px; }
.box-footer {
  border-top: 1px solid var(--border);
  border-radius: 0 0 var(--radius) var(--radius);
}

/* ---- Кнопки (плоскі) ------------------------------------------------- */
.btn {
  border-radius: var(--radius-sm);
  font-weight: 500;
  border: 1px solid transparent;
  box-shadow: none !important;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.btn:active { box-shadow: none !important; }
.btn-primary, .btn-success {
  background-color: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.btn-primary:hover, .btn-primary:focus,
.btn-success:hover, .btn-success:focus {
  background-color: var(--accent-600);
  border-color: var(--accent-600);
  color: #fff;
}
.btn-primary:active, .btn-success:active {
  background-color: var(--accent-700);
  border-color: var(--accent-700);
}
.btn-default {
  background-color: #fff;
  border-color: var(--border-2);
  color: var(--text);
}
.btn-default:hover, .btn-default:focus {
  background-color: #f3f4f6;
  border-color: var(--border-2);
}
.btn-link { color: var(--accent-600); }
.btn-flat { border-radius: var(--radius-sm); }

/* ---- Форми ----------------------------------------------------------- */
.form-control {
  border: 1px solid var(--border-2);
  border-radius: var(--radius-sm);
  box-shadow: none;
  color: var(--text);
}
.form-control:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(29,173,101,.15);
}
.input-group-addon {
  background: #f3f4f6;
  border: 1px solid var(--border-2);
  border-radius: var(--radius-sm);
}
label { color: #374151; font-weight: 500; }
.has-error .form-control { border-color: #dc2626; }
.has-error .help-block { color: #dc2626; }

/* select2 узгодити з темою */
.select2-container--default .select2-selection--single,
.select2-selection {
  border: 1px solid var(--border-2) !important;
  border-radius: var(--radius-sm) !important;
}

/* ---- Таблиці --------------------------------------------------------- */
.table { color: var(--text); }
.table > thead > tr > th {
  border-bottom: 1px solid var(--border);
  background: #fafbfc;
  color: #374151;
  font-weight: 600;
}
.table > tbody > tr > td,
.table > tbody > tr > th { border-top: 1px solid var(--border); }
.table-hover > tbody > tr:hover { background-color: #f6f8f7; }
.table-bordered, .table-bordered > tbody > tr > td,
.table-bordered > thead > tr > th { border-color: var(--border); }

/* ---- Вкладки --------------------------------------------------------- */
.nav-tabs { border-bottom: 1px solid var(--border); }
.nav-tabs > li > a { border-radius: var(--radius-sm) var(--radius-sm) 0 0; color: var(--muted); }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: var(--accent-700);
  border-color: var(--border) var(--border) transparent;
}
.nav-tabs-custom > .nav-tabs > li.active { border-top-color: var(--accent); }
.nav-tabs-custom > .nav-tabs > li.active > a { border-top: 0; }

/* ---- Бейджі / лейбли / прогрес -------------------------------------- */
.label, .badge { border-radius: 6px; font-weight: 600; }
.label-primary, .label-success, .badge { background-color: var(--accent); }
.progress { border-radius: 6px; background: #eef0f2; box-shadow: none; }
.progress-bar { background-color: var(--accent); }
.count_gt_doc { background-color: var(--accent) !important; }

/* ---- Пагінація ------------------------------------------------------- */
.pagination > li > a, .pagination > li > span {
  color: var(--accent-600);
  border-color: var(--border);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover {
  background-color: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

/* ---- Алерти ---------------------------------------------------------- */
.alert {
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
}
.alert-success { background: var(--accent-50); border-color: #bfead2; color: var(--accent-700); }

/* ---- Футер ----------------------------------------------------------- */
.main-footer {
  border-top: 1px solid var(--border);
  color: var(--muted);
  background: var(--surface);
}
.main-footer a { color: var(--accent-600); }

/* ---- Дрібниці -------------------------------------------------------- */
.dropdown-menu {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  box-shadow: 0 8px 24px rgba(16,24,40,.08);
}
.dropdown-menu > li > a:hover { background: var(--accent-50); color: var(--accent-700); }
.fixed_buttons { border-top: 1px solid var(--border); }
.small-box { border-radius: var(--radius); box-shadow: var(--shadow); }

/* ---- Сторінка входу -------------------------------------------------- */
body.login-page,
body.register-page {
  background: var(--bg) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.login-box, .register-box { width: 380px; margin-top: 8vh; }
.login-box-body, .register-box-body {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 4px 16px rgba(16,24,40,.06);
  padding: 28px;
}
.login-logo a { color: var(--accent); font-weight: 700; }
.login-box-msg { color: var(--text); }