:root { font-family: system-ui, sans-serif; }
.container { max-width: 760px; margin: 2rem auto; padding: 0 1rem; }
.card { padding: 1rem; border: 1px solid #ddd; border-radius: 8px; margin: 1rem 0; }
.flash { background: #f6ffed; border: 1px solid #b7eb8f; padding: .75rem 1rem; border-radius: 6px; }
label { display:block; margin-bottom:.5rem; }
input { padding:.5rem; width:100%; max-width: 20rem; margin-bottom: .75rem; }

/* Simple modern styles - light */
:root{
  /* Softer, eye-comfortable palette */
  --bg:#f6f8fb;           /* subtle blue-gray */
  --card:#ffffff;         /* cards remain white for contrast */
  --text:#1f2937;         /* comfortable dark slate */
  --muted:#64748b;        /* muted slate for secondary text */
  --accent:#60a5fa;       /* soft blue */
  --accent-strong:#3b82f6;/* stronger blue (hover/headers) */
  --ok:#16a34a;           /* green for positive */
  --err:#dc2626;          /* red for negative */
  --glass: rgba(37,99,235,0.06);
}
*{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
/* Header/navbar tweaks */
.navbar-brand{font-weight:600;color:#1e3a8a}
/* Softer light-blue navbar */
.navbar-blue{background:#eef2ff;border-bottom:1px solid #dbeafe}
.navbar-blue .navbar-brand{color:#1e3a8a}
.navbar-blue .nav-link{color:#1e3a8a}
.navbar-blue .nav-link:hover{color:#1d4ed8}
.navbar-blue .btn-outline-light{border-color:#1e40af;color:#1e40af}
.navbar-blue .btn-outline-light:hover{background:#1e40af;color:#fff}

/* Slightly wider default content spacing */
.container-xxl{padding-left:20px; padding-right:20px}

/* Filters alignment tweaks */
.filters .form-label{margin-bottom:4px}
.filters .form-control-sm, .filters .form-select-sm{min-height:32px}

/* Grouped history tables */
.history-group{margin-bottom:16px}
.history-group h6{margin:0 0 8px 0}
.mini-table{background:#fff}
.mini-table th,.mini-table td{padding:.25rem .5rem; font-size:.875rem}
.mini-table thead{background:#eef2ff}
/* Removed custom .table styling to defer to Bootstrap */
.payload pre{margin:0;color:var(--muted);font-size:12px;max-height:180px;overflow:auto}
/* Buttons use Bootstrap styles */
.notice{padding:10px;border-radius:6px;margin-bottom:12px}
.notice.ok{background:rgba(34,197,94,0.12);border:1px solid rgba(34,197,94,0.3);color:var(--ok)}
.notice.err{background:rgba(239,68,68,0.10);border:1px solid rgba(239,68,68,0.28);color:var(--err)}
/* Optional info notice */
.notice.info{background:rgba(37,99,235,0.10);border:1px solid rgba(37,99,235,0.28);color:#1d4ed8}

.nav-link.active{font-weight:600}

/* Utility: horizontal padding 20px */
.px-20{padding-left:20px !important; padding-right:20px !important;}

/* ...existing styles ... */

/* Remove legacy custom modal overrides to avoid breaking Bootstrap modals */

/* Pending Approvals table header color */
/* Make table headers a softer blue across the app */
.table-dark{
  --bs-table-bg: var(--accent);
  --bs-table-color: #ffffff;
  --bs-table-border-color: var(--accent);
}

/* Card borders with subtle blue tint */
.card{border:1px solid #dbeafe;background:var(--card); box-shadow:0 1px 2px rgba(15, 23, 42, 0.04)}

/* Table row hover and zebra striping for comfortable scanning */
.table tbody tr:hover{background-color:#f1f5ff}
.table-striped>tbody>tr:nth-of-type(odd)>*{background:rgba(99,102,241,0.03)}

/* Muted payload text color for long JSON blocks */
.payload pre{margin:0;color:var(--muted);font-size:12px;max-height:180px;overflow:auto}