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

:root {
  --pf-bg: #f1f5fb;
  --pf-card: #ffffff;
  --pf-muted: #475569;
  --pf-border: #d7deea;
  --pf-shadow: 0 12px 26px rgba(15, 23, 42, 0.09);
  --pf-radius: 14px;
  --pf-accent: #1d4ed8;
  --pf-accent-dark: #1e3a8a;
  --pf-accent-soft: #dde7ff;
}

html, body,
button, input, select, textarea,
.nav, .navbar, .btn, .table, .panel_s, .panel-body,
.text-muted, .label, .badge {
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.bold, strong {
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
}

body.admin .content,
body.customers .content {
  background: var(--pf-bg);
}

body.admin .panel_s,
body.customers .panel_s,
body.admin .card,
body.customers .card {
  background: var(--pf-card);
  border-radius: var(--pf-radius);
  border: 1px solid var(--pf-border);
  box-shadow: var(--pf-shadow);
  overflow: hidden;
  box-sizing: border-box;
  background-clip: padding-box;
}

body.admin .panel-body,
body.customers .panel-body,
body.admin .card-body,
body.customers .card-body {
  padding: 22px;
  border-bottom-left-radius: var(--pf-radius);
  border-bottom-right-radius: var(--pf-radius);
  background-clip: padding-box;
}

body.admin .panel-heading,
body.customers .panel-heading {
  background: #eef2ff;
  border-bottom: 1px solid var(--pf-border);
  padding: 14px 22px;
  font-weight: 700;
  color: #0f172a;
  border-top-left-radius: var(--pf-radius);
  border-top-right-radius: var(--pf-radius);
  background-clip: padding-box;
}

body.admin .hr-panel-heading,
body.customers .hr-panel-heading {
  margin: 16px 0 22px;
  border-top: 1px solid var(--pf-border);
}

body.admin .btn,
body.customers .btn {
  border-radius: 10px;
  padding: 8px 14px;
  font-weight: 700;
}

body.admin .btn-primary,
body.customers .btn-primary {
  background: var(--pf-accent);
  border-color: var(--pf-accent);
  color: #fff;
  box-shadow: 0 8px 16px rgba(29, 78, 216, 0.25);
}

body.admin .btn-primary:hover,
body.admin .btn-primary:focus,
body.customers .btn-primary:hover,
body.customers .btn-primary:focus {
  background: var(--pf-accent-dark);
  border-color: var(--pf-accent-dark);
}

body.admin .btn-default,
body.customers .btn-default {
  border-color: var(--pf-border);
  color: #0f172a;
  background: #fff;
}

body.admin .form-control,
body.customers .form-control,
body.admin select.form-control,
body.customers select.form-control,
body.admin textarea.form-control,
body.customers textarea.form-control {
  border-radius: 10px;
  border-color: var(--pf-border);
  background: #eef2ff;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

body.admin .form-control:focus,
body.customers .form-control:focus {
  border-color: var(--pf-accent);
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.18);
  background: #fff;
}

body.admin label,
body.customers label {
  font-weight: 700;
  color: #0f172a;
}

body.admin .table > thead > tr > th,
body.customers .table > thead > tr > th {
  border-bottom: 2px solid var(--pf-border);
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #334155;
  background: #eef2ff;
}

body.admin .table > tbody > tr > td,
body.customers .table > tbody > tr > td {
  border-top: 2px solid var(--pf-border);
  vertical-align: middle;
}

body.admin .table-striped > tbody > tr:nth-of-type(odd),
body.customers .table-striped > tbody > tr:nth-of-type(odd) {
  background: #f8faff;
}

/* Smooth rounded borders for common blocks */
body.admin .panel,
body.admin .panel-default,
body.admin .alert,
body.admin .well,
body.admin .modal-content,
body.admin .top_stats_wrapper,
body.admin .widget canvas {
  border-radius: var(--pf-radius);
  overflow: hidden;
  box-sizing: border-box;
  background-clip: padding-box;
}

body.admin .table-responsive {
  border-radius: var(--pf-radius);
  overflow-x: auto;
  overflow-y: hidden;
  box-sizing: border-box;
  background-clip: padding-box;
}

/* Strong bordered tables for all modules */
body.admin table.table,
body.customers table.table {
  border: 2px solid var(--pf-border);
  border-radius: var(--pf-radius);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  background-clip: padding-box;
}

body.admin table.table > thead > tr > th:first-child,
body.customers table.table > thead > tr > th:first-child {
  border-top-left-radius: var(--pf-radius);
}

body.admin table.table > thead > tr > th:last-child,
body.customers table.table > thead > tr > th:last-child {
  border-top-right-radius: var(--pf-radius);
}

body.admin table.table > tbody > tr:last-child > td:first-child,
body.customers table.table > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: var(--pf-radius);
}

body.admin table.table > tbody > tr:last-child > td:last-child,
body.customers table.table > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: var(--pf-radius);
}

body.admin .table-responsive,
body.customers .table-responsive {
  border: 2px solid var(--pf-border);
}

body.admin .nav-tabs,
body.customers .nav-tabs {
  border-bottom: 1px solid var(--pf-border);
  background: var(--pf-accent-soft);
  border-radius: 12px;
  padding: 6px;
}

body.admin .nav-tabs > li > a,
body.customers .nav-tabs > li > a {
  border: 0;
  border-radius: 10px;
  padding: 8px 14px;
  font-weight: 700;
  color: #1f2937;
}

body.admin .nav-tabs > li.active > a,
body.admin .nav-tabs > li.active > a:focus,
body.admin .nav-tabs > li.active > a:hover,
body.customers .nav-tabs > li.active > a,
body.customers .nav-tabs > li.active > a:focus,
body.customers .nav-tabs > li.active > a:hover {
  background: #ffffff;
  color: #1e3a8a;
  box-shadow: 0 6px 14px rgba(30, 64, 175, 0.18);
}

body.admin .label,
body.customers .label {
  border-radius: 999px;
  font-weight: 700;
  padding: 4px 10px;
}

body.admin .alert,
body.customers .alert {
  border-radius: 10px;
}

body.admin .text-muted,
body.customers .text-muted {
  color: var(--pf-muted);
}

body.admin #side-menu li a,
body.admin #setup-menu li a {
  font-size: 16px;
}

/* Hide header quick items: share/ideas/notes/timesheets */
body.admin .header-newsfeed,
body.admin .header-todo,
body.admin .header-timers,
body.admin .header-my-timesheets {
  display: none !important;
}

/* Actions columns: keep buttons on one line, consistent spacing */
body.admin table.table tbody td:last-child {
  white-space: nowrap;
}

body.admin table.table tbody td:last-child .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 4px 10px;
  border-radius: 10px;
  font-weight: 700;
}

body.admin table.table tbody td:last-child .btn + .btn {
  margin-left: 6px;
}

[dir=rtl] body.admin table.table tbody td:last-child .btn + .btn {
  margin-left: 0;
  margin-right: 6px;
}

body.admin table.table tbody td:last-child .btn i {
  margin-right: 4px;
}

[dir=rtl] body.admin table.table tbody td:last-child .btn i {
  margin-right: 0;
  margin-left: 4px;
}

/* Center all table headers in admin lists */
body.admin table.table thead th {
  text-align: center;
}

@media (max-width: 768px) {
  body.admin .panel-body,
  body.customers .panel-body {
    padding: 16px;
  }
}

/* Dashboard widgets styling */
body.admin .widget .panel_s {
  border-radius: 16px;
  overflow: hidden;
}

body.admin .widget .panel-body {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

body.admin .widget .panel-body > .tw-flex {
  background: #eef2ff;
  border-radius: 12px;
  padding: 10px 12px;
}

body.admin .widget canvas {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 8px;
}

body.admin .top_stats_wrapper {
  background: linear-gradient(135deg, #ffffff 0%, #eef2ff 100%);
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 14px;
}

body.admin .progress {
  height: 10px;
  border-radius: 999px;
  background: #e2e8f0;
}

body.admin .progress-bar-success {
  background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%);
}

body.admin .progress-bar-danger {
  background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%);
}

body.admin .progress-bar-info {
  background: linear-gradient(90deg, #38bdf8 0%, #0284c7 100%);
}

body.admin .progress-bar-warning {
  background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
}

/* Admin sidebar refinements */
body.admin #menu.sidebar {
  background: #f8fafc;
}

body.admin #menu.sidebar .nav > li > a {
  border-radius: 10px;
  padding: 8px 12px;
  margin: 2px 8px;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.admin #menu.sidebar .nav > li > a:hover,
body.admin #menu.sidebar .nav > li > a:focus {
  background: #eef2ff;
  border-color: #e2e8f0;
}

body.admin #menu.sidebar .nav > li.active > a,
body.admin #menu.sidebar .nav > li > a.active {
  background: #c7d2fe;
  border-color: #a5b4fc;
  color: #0f172a;
  box-shadow: 0 2px 6px 0 rgba(30, 64, 175, 0.18);
}

body.admin #menu.sidebar .nav > li.active > a .menu-icon,
body.admin #menu.sidebar .nav > li > a.active .menu-icon {
  color: #1d4ed8;
}

body.admin #menu.sidebar .nav .nav-second-level > li > a {
  border-radius: 8px;
  padding: 6px 14px 6px 46px;
  margin: 1px 10px 1px 6px;
}

body.admin #menu.sidebar .nav .nav-second-level > li > a:hover,
body.admin #menu.sidebar .nav .nav-second-level > li > a:focus {
  background: #f1f5f9;
}

body.admin #menu.sidebar .nav .nav-second-level > li.active > a {
  background: #bfdbfe !important;
  color: #0f172a;
  font-weight: 700;
}

body.admin #menu.sidebar .nav .nav-second-level > li > a.active {
  background: #bfdbfe !important;
  color: #0f172a;
  font-weight: 700;
}

/* Sidebar menu: prevent text overlap on long labels */
body.admin #menu.sidebar .nav > li > a,
body.admin #menu.sidebar .nav .nav-second-level > li > a,
body.admin #setup-menu > li > a,
body.admin #setup-menu .nav-second-level > li > a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.4;
  white-space: normal;
  word-break: break-word;
}

body.admin #menu.sidebar .nav > li > a .menu-icon,
body.admin #menu.sidebar .nav .nav-second-level > li > a .menu-icon,
body.admin #setup-menu > li > a .menu-icon,
body.admin #setup-menu .nav-second-level > li > a .menu-icon {
  float: none;
  margin-right: 0;
  flex: 0 0 18px;
  width: 18px;
  text-align: center;
  margin-top: 2px;
}

body.admin #menu.sidebar .nav > li > a .arrow,
body.admin #setup-menu > li > a .arrow {
  float: none;
  margin-left: auto;
  padding-top: 3px;
}

/* KPI overview highlight boxes */
body.admin .kpi-overview-card {
  border: 2px solid #0066ff;
  background: #f8fafc;
  box-shadow: 0 4px 12px rgba(0, 102, 255, 0.18);
}

/* Money words preview for custom modules */
body.admin.custom-module .money-words-preview {
  display: inline-block;
  margin: 6px 0 0 8px;
  padding: 2px 8px;
  border: 1px solid #c7d2fe;
  border-radius: 6px;
  background: #eef2ff;
  color: #1f2937;
  font-size: 12px;
  font-style: italic;
  line-height: 1.4;
  white-space: nowrap;
}

body.admin.custom-module .money-words-preview.is-empty {
  display: none;
}

body.admin.custom-module .money-words-inline {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  border: 1px solid #c7d2fe;
  border-radius: 6px;
  background: #eef2ff;
  color: #1f2937;
  font-size: 12px;
  font-style: normal;
  line-height: 1.4;
  white-space: nowrap;
}

body.admin.custom-module .cfp-info-table .cfp-info-value {
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.admin.custom-module .cfp-info-table .money-words-inline {
  display: block;
  margin: 4px 0 0;
  white-space: normal;
  max-width: 100%;
}

@media (max-width: 767px) {
  body.admin.custom-module .money-words-preview {
    display: block;
    margin-left: 0;
  }
}

body.admin.custom-module-corefintech_prospects .money-words-preview {
  display: block;
  margin: 4px 0 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Custom modules: bolder borders to match CoreFinTech prospects style */
body.admin.custom-module:not(.corefintech_prospects) {
  --pf-border-strong: #3b82f6;
}

body.admin.custom-module:not(.corefintech_prospects) .panel_s,
body.admin.custom-module:not(.corefintech_prospects) .panel,
body.admin.custom-module:not(.corefintech_prospects) .panel-default,
body.admin.custom-module:not(.corefintech_prospects) .card,
body.admin.custom-module:not(.corefintech_prospects) .table-responsive,
body.admin.custom-module:not(.corefintech_prospects) .alert,
body.admin.custom-module:not(.corefintech_prospects) .well,
body.admin.custom-module:not(.corefintech_prospects) .modal-content,
body.admin.custom-module:not(.corefintech_prospects) .nav-tabs,
body.admin.custom-module:not(.corefintech_prospects) .top_stats_wrapper,
body.admin.custom-module:not(.corefintech_prospects) .widget canvas {
  border-width: 3px;
  border-color: var(--pf-border-strong);
}

body.admin.custom-module:not(.corefintech_prospects) .panel-heading {
  border-bottom-width: 3px;
}

/* Dashboard widgets: add visible borders (non-black) */
body.admin .widget .panel_s,
body.admin .top_stats_wrapper,
body.admin .widget canvas {
  border-width: 3px;
  border-style: solid;
  border-color: #3b82f6;
}

/* Warmer and bolder dashboard tones */
body.admin .widget .panel-body {
  background: linear-gradient(180deg, #fff7ed 0%, #fff1e6 100%);
}

body.admin .widget .panel-body > .tw-flex {
  background: #ffe4cc;
}

body.admin .widget canvas {
  border-color: #f59e0b;
}

body.admin .top_stats_wrapper {
  background: linear-gradient(135deg, #fff7ed 0%, #fde68a 100%);
  border-color: #f59e0b;
}

body.admin .progress {
  background: #fde3c1;
}

body.admin .progress-bar-success {
  background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%);
}

body.admin .progress-bar-danger {
  background: linear-gradient(90deg, #fb7185 0%, #e11d48 100%);
}

body.admin .progress-bar-info {
  background: linear-gradient(90deg, #f97316 0%, #ea580c 100%);
}

body.admin .progress-bar-warning {
  background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
}

/* Green + Orange elegant dashboard tone */
body.admin .widget .panel-body {
  background: linear-gradient(180deg, #ffffff 0%, #f5fbf7 100%);
}

body.admin .widget .panel-body > .tw-flex {
  background: linear-gradient(90deg, #ecfdf3 0%, #fff7ed 100%);
}

/* Corefintech HR workforce filters */
body.admin.custom-module-corefintech_hr .hr-section-block {
  background: #f8fafc;
  border: 2px solid #3b82f6;
  border-radius: 14px;
  padding: 16px 18px;
  margin-bottom: 16px;
}

body.admin.custom-module-corefintech_hr .hr-section-title {
  font-weight: 800;
  color: #1e3a8a;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin: 0 0 12px;
}

body.admin.custom-module-corefintech_hr .hr-section-group {
  border: 3px solid #0ea5e9;
  border-radius: 16px;
  background: #f0f9ff;
  padding: 18px 20px;
  margin-bottom: 20px;
}

body.admin.custom-module-corefintech_hr .hr-section-group--offboarding {
  border-color: #f97316;
  background: #fff7ed;
}

body.admin.custom-module-corefintech_hr .hr-section-group__title {
  font-weight: 800;
  color: #0f172a;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 14px;
}

body.admin .widget canvas {
  border-color: #22c55e;
}

body.admin .top_stats_wrapper {
  background: linear-gradient(135deg, #f0fdf4 0%, #fff7ed 100%);
  border-color: #34d399;
}

body.admin .progress {
  background: #e7f7ec;
}

body.admin .progress-bar-success {
  background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%);
}

body.admin .progress-bar-danger {
  background: linear-gradient(90deg, #f97316 0%, #ea580c 100%);
}

body.admin .progress-bar-info {
  background: linear-gradient(90deg, #34d399 0%, #22c55e 100%);
}

body.admin .progress-bar-warning {
  background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
}