/* PSG UNIFIED THEME 143C START
   Scope: management/admin/ops/hr/event pages using base.html.
   Staff mobile pages are not rebuilt here.
*/

:root {
  --psg143-blue: #087bff;
  --psg143-blue-dark: #005fd1;
  --psg143-blue-soft: #eaf4ff;
  --psg143-navy: #061a2f;
  --psg143-text: #102033;
  --psg143-muted: #64748b;
  --psg143-border: #dbe7f5;
  --psg143-bg: #f4f8ff;
  --psg143-card: #ffffff;
  --psg143-radius: 18px;
  --psg143-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

/* Page surface */
body.c247-ops-area,
body.c247-admin-area,
body.c247-hr-area,
body.psg-admin-area,
body.psg-hr-area,
body:not(.psg-staff-mobile):not(.staff-mobile) {
  background: var(--psg143-bg);
}

/* Standard cards */
.c247-hero,
.c247-rag-card,
.c247-drill-card,
.c247-readiness-panel,
.c247-timeline-panel,
.c247-panel,
.card,
.ewm-card,
.hrdb-card,
.hrdb-panel {
  border-radius: var(--psg143-radius) !important;
  border: 1px solid var(--psg143-border) !important;
  box-shadow: var(--psg143-shadow) !important;
  background: var(--psg143-card) !important;
}

/* Standard button shape */
.btn,
.c247-action,
.c247-timeline-action,
.c247-event-actions a,
.c247-timeline-quick-actions a,
.c247-filter-tab,
.c247-pill,
.ewm-menu-link,
button,
input[type="submit"] {
  border-radius: 999px !important;
  font-weight: 800 !important;
}

/* Primary action */
.btn-primary,
.c247-action.primary,
.c247-timeline-action.primary,
.c247-timeline-quick-actions a.primary,
button.btn-primary,
input[type="submit"].btn-primary {
  background: linear-gradient(90deg, var(--psg143-blue), var(--psg143-blue-dark)) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(8, 123, 255, .22) !important;
}

/* Secondary action */
.btn-outline-primary,
.btn-outline-secondary,
.c247-action,
.c247-timeline-action,
.c247-event-actions a,
.c247-pill,
.c247-filter-tab {
  background: #fff !important;
  border: 1px solid var(--psg143-border) !important;
  color: var(--psg143-navy) !important;
}

/* Hover */
.btn:hover,
.c247-action:hover,
.c247-timeline-action:hover,
.c247-event-actions a:hover,
.c247-timeline-quick-actions a:hover,
.c247-filter-tab:hover,
.c247-pill:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(8, 123, 255, .14) !important;
}

/* Keep red/amber only for risk/status, not main buttons */
.btn-danger,
.btn-warning,
.btn-outline-danger,
.btn-outline-warning {
  border-radius: 999px !important;
}

/* Headings */
.c247-title,
.page-title,
h1,
h2.h4,
.card-title {
  color: var(--psg143-navy);
  letter-spacing: -.03em;
}

/* Tables */
.table,
table {
  border-color: var(--psg143-border) !important;
}

.table thead th,
table thead th {
  background: var(--psg143-blue-soft) !important;
  color: var(--psg143-navy) !important;
  border-bottom: 1px solid var(--psg143-border) !important;
}

/* Forms */
.form-control,
.form-select,
input,
select,
textarea {
  border-radius: 14px !important;
  border-color: var(--psg143-border) !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--psg143-blue) !important;
  box-shadow: 0 0 0 .2rem rgba(8, 123, 255, .12) !important;
}

/* Mobile compact alignment */
@media (max-width: 991.98px) {
  body.c247-ops-area main,
  body.c247-admin-area main,
  body.c247-hr-area main {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .c247-hero,
  .c247-rag-card,
  .c247-drill-card,
  .c247-readiness-panel,
  .c247-timeline-panel,
  .c247-panel,
  .card,
  .ewm-card {
    border-radius: 16px !important;
  }

  .btn,
  .c247-action,
  .c247-timeline-action,
  .c247-event-actions a,
  .c247-timeline-quick-actions a,
  .c247-filter-tab {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}
/* PSG UNIFIED THEME 143C END */