/* Buttons */
body .btn { border-radius: var(--ilk-radius-sm); font-weight: 650; box-shadow: none; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
body .btn:focus { box-shadow: var(--ilk-focus) !important; }
body .btn-primary { color: #fff; border-color: var(--ilk-blue-600); background: var(--ilk-blue-600); }
body .btn-primary:hover, body .btn-primary:focus { border-color: #0867de; background: #0867de; box-shadow: 0 8px 20px rgba(22,119,255,.2); }
body .btn-default { color: #354761; border-color: var(--ilk-border-strong); background: #fff; }
body .btn-default:hover { color: var(--ilk-blue-600); border-color: #b9d3fa; background: #f6f9ff; }
body .btn-danger { border-color: var(--ilk-red-500); background: var(--ilk-red-500); }

/* Forms */
body .form-control, body .select2-container .select2-selection, body .bootstrap-select > .dropdown-toggle {
  min-height: 40px; color: var(--ilk-text); border: 1px solid var(--ilk-border-strong) !important;
  border-radius: var(--ilk-radius-sm) !important; background: #fff; box-shadow: none !important;
}
body textarea.form-control { min-height: 110px; }
body .form-control:focus, body .select2-container--focus .select2-selection, body .bootstrap-select.open > .dropdown-toggle {
  border-color: var(--ilk-blue-500) !important; box-shadow: var(--ilk-focus) !important;
}
body label, body .control-label { color: #34445d; font-weight: 600; }
body .input-group-addon { border-color: var(--ilk-border-strong); background: #f7f9fc; }

/* Tables */
body .table-responsive { width: 100%; overflow-x: auto; border-radius: var(--ilk-radius); -webkit-overflow-scrolling: touch; }
body .dataTables_wrapper { width: 100%; border-radius: var(--ilk-radius); }
body table.dataTable, body .table { color: #32435c; }
body table.dataTable thead > tr > th, body .table > thead > tr > th {
  padding-top: 13px; padding-bottom: 13px; color: #62728a !important; font-size: 11.5px;
  font-weight: 750; letter-spacing: .045em; text-transform: uppercase; border-bottom: 1px solid var(--ilk-border) !important;
  background: #f8fafc;
}
body table.dataTable tbody > tr > td, body .table > tbody > tr > td { padding-top: 13px; padding-bottom: 13px; border-top-color: #edf1f6; vertical-align: middle; }
body table.dataTable tbody tr:hover, body .table-hover > tbody > tr:hover { background: #f7faff; }
body .dataTables_filter input { border-radius: 8px !important; }
body .dataTables_paginate .pagination > li > a { margin: 0 2px; border: 0; border-radius: 7px; color: #5c6d85; }
body .dataTables_paginate .pagination > .active > a { color: #fff; background: var(--ilk-blue-600); }
body .dataTables_wrapper .row:last-child { display: flex; align-items: center; margin-top: 12px; }
body .dataTables_wrapper .dataTables_info { color: var(--ilk-muted); font-weight: 500; }
body .dataTables_wrapper .dataTables_filter label { display: flex; align-items: center; gap: 7px; }
body .dataTables_wrapper .dataTables_filter input { min-width: 190px; }

/* Badges and labels */
body .label { padding: 5px 9px; border-radius: 999px; font-size: 11px; font-weight: 700; }
body .label-success { color: #087248; background: #dcf7e9; }
body .label-info { color: #0867ad; background: #dff3ff; }
body .label-warning { color: #9b5705; background: #fff0d8; }
body .label-danger { color: #ad2e42; background: #ffe2e7; }
body .label-default { color: #56667e; background: #eaf0f6; }

/* Dropdowns, modals and alerts */
body .dropdown-menu { padding: 7px; border: 1px solid var(--ilk-border); border-radius: 10px; box-shadow: var(--ilk-shadow); }
body .dropdown-menu > li > a { padding: 9px 11px; border-radius: 7px; }
body .dropdown-menu > li > a:hover { color: var(--ilk-blue-600); background: #f1f6ff; }
body .modal-content { overflow: hidden; border: 0; border-radius: var(--ilk-radius-lg); box-shadow: 0 24px 70px rgba(7,23,47,.18); }
body .modal-header, body .modal-footer { border-color: var(--ilk-border); }
body .alert { border: 0; border-radius: var(--ilk-radius); }

/* Links and progress */
body a { color: var(--ilk-blue-600); }
body a:hover, body a:focus { color: #075fca; }
body .progress { height: 7px; border-radius: 999px; background: #eaf0f6; box-shadow: none; }
body .progress-bar { border-radius: 999px; background: linear-gradient(90deg, var(--ilk-blue-600), var(--ilk-cyan-500)); box-shadow: none; }