/* =========================================================
   VGRM VIT ACADEMY — CORPORATE ADMISSION PORTAL
   Shared styles: Login, Admin, Employee, Forms, Reports
   Responsive: Desktop / Tablet / Mobile
   Header: white logo area + gradient identity area
   ========================================================= */

:root {
  color-scheme: light;
  --brand: #243b64;
  --brand-dark: #172b49;
  --brand-soft: #edf2f8;
  --accent: #8e2340;
  --accent-dark: #721b33;
  --accent-soft: #f8edf0;
  --page: #f5f7fa;
  --surface: #fff;
  --surface-alt: #f8f9fc;
  --text: #273548;
  --muted: #687588;
  --border: #e1e6ee;
  --success-bg: #e8f6ed;
  --success-text: #176b40;
  --warning-bg: #fff4d9;
  --warning-text: #80580b;
  --danger-bg: #ffebed;
  --danger-text: #a12636;
  --radius-sm: 7px;
  --radius-md: 11px;
  --radius-lg: 16px;
  --shadow-sm: 0 2px 8px rgba(23,43,73,.035);
  --shadow-md: 0 8px 22px rgba(23,43,73,.07);
  --shadow-lg: 0 18px 48px rgba(23,43,73,.11);
  --content-width: 1440px;
  --header-height: 96px;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  color: var(--text);
  background: var(--page);
}

*,*::before,*::after { box-sizing: border-box; }
html { min-height:100%; -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body {
  min-height:100vh; margin:0; color:var(--text); background:var(--page);
  font:14px/1.6 "Inter","Segoe UI",Arial,sans-serif; -webkit-font-smoothing:antialiased;
}
img { max-width:100%; }
a { color:var(--brand); text-decoration:none; transition:color .2s ease; }
a:hover { color:var(--accent); }
h1,h2,h3,h4 { margin-top:0; color:var(--brand-dark); line-height:1.3; }
h1 { margin-bottom:12px; font-size:clamp(25px,3vw,33px); font-weight:750; letter-spacing:-.5px; }
h2 { margin-bottom:14px; font-size:22px; }
h3 { font-size:17px; }
p { margin-top:0; }
button,input,select,textarea { font:inherit; }
button,input[type=submit] { cursor:pointer; }
:focus-visible { outline:3px solid rgba(38,59,112,.23); outline-offset:3px; }
::selection { color:#fff; background:var(--brand); }

/* Smooth entrance animations */
@keyframes fadeUp { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes softFloat { from { transform:translateY(0); } to { transform:translateY(-12px); } }
@keyframes gradientShift { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; } }
@keyframes shine { 0% { transform:translateX(-150%) skewX(-18deg); } 100% { transform:translateX(250%) skewX(-18deg); } }
@keyframes cardIn { from { opacity:0; transform:translateY(18px) scale(.99); } to { opacity:1; transform:translateY(0) scale(1); } }

/* LOGIN PAGE */
body.auth-page {
  position:relative; isolation:isolate; min-height:100vh; min-height:100dvh;
  overflow-x:hidden;
  background:
    radial-gradient(ellipse at 12% 18%,rgba(38,59,112,.12),transparent 34%),
    radial-gradient(ellipse at 88% 78%,rgba(165,31,66,.085),transparent 32%),
    linear-gradient(135deg,#f9faff,#edf1f8);
}
body.auth-page::before,body.auth-page::after {
  content:""; position:fixed; z-index:-1; pointer-events:none; border-radius:50%;
}
body.auth-page::before {
  top:-150px; left:-120px; width:390px; height:390px;
  background:radial-gradient(circle,rgba(38,59,112,.13),transparent 70%);
  animation:softFloat 8s ease-in-out infinite alternate;
}
body.auth-page::after {
  right:-160px; bottom:-180px; width:480px; height:480px;
  background:radial-gradient(circle,rgba(165,31,66,.11),transparent 70%);
  animation:softFloat 10s ease-in-out infinite alternate-reverse;
}

/* Supports both the split login layout and the simpler .auth card layout */
body.auth-page .auth-layout {
  position:relative; z-index:1; display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,.85fr);
  width:100%; min-height:100vh; min-height:100dvh;
  animation:fadeIn .55s ease both;
}
body.auth-page .auth-brand-panel {
  display:flex; flex-direction:column; justify-content:center;
  padding:56px clamp(28px,5vw,80px); color:#fff;
  background:linear-gradient(145deg,#172b49 0%,#243b64 62%,#314b76 100%);
}
body.auth-page .brand-content { width:100%; max-width:560px; margin:auto; }
body.auth-page .brand-tag {
  display:inline-block; margin-bottom:22px; padding:7px 13px;
  border:1px solid rgba(255,255,255,.35); border-radius:30px;
  color:#fff; font-size:12px; font-weight:700; letter-spacing:1.4px;
}
body.auth-page .auth-brand-panel h2 {
  margin:0 0 20px; color:#fff; font-size:clamp(30px,3.2vw,46px);
  line-height:1.2; letter-spacing:-.6px;
}
body.auth-page .auth-brand-panel h2 span { color:#f4d9a5; }
body.auth-page .auth-brand-panel p { max-width:500px; color:rgba(255,255,255,.84); font-size:15px; line-height:1.8; }
body.auth-page .brand-highlights { display:grid; gap:14px; margin-top:28px; }
body.auth-page .highlight-item { display:flex; align-items:center; gap:11px; color:#fff; font-size:14px; }
body.auth-page .highlight-icon {
  display:inline-grid; place-items:center; flex:0 0 25px; width:25px; height:25px;
  border-radius:50%; background:rgba(255,255,255,.15); color:#f4d9a5;
}
body.auth-page .brand-footer { margin-top:36px; color:rgba(255,255,255,.75); font-size:13px; }
body.auth-page .auth-form-panel {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  min-width:0; padding:36px clamp(20px,4vw,60px) 20px; background:#f7f9fc;
}
body.auth-page .auth,body.auth-page .auth-card {
  position:relative; width:100%; max-width:450px; min-width:0; margin:auto;
  padding:32px; background:rgba(255,255,255,.98);
  border:1px solid rgba(222,228,239,.95); border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg); animation:cardIn .65s cubic-bezier(.2,.75,.25,1) both;
}
body.auth-page .auth img.logo,body.auth-page .auth-card img.logo {
  display:block; width:100%; max-width:340px; max-height:135px; height:auto;
  margin:0 auto 25px; padding:0; object-fit:contain; object-position:center;
  background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important;
}
body.auth-page .auth h1,body.auth-page .auth-card h1 {
  margin:0 0 10px; color:var(--brand-dark); font-size:clamp(27px,4vw,32px);
  font-weight:750; letter-spacing:-.6px; text-align:center;
}
body.auth-page .auth > p,body.auth-page .auth-card > p {
  margin:9px 0 25px; color:var(--muted); font-size:14px; text-align:center;
}
body.auth-page .auth-heading .eyebrow { display:block; margin-bottom:9px; color:var(--accent); font-size:12px; font-weight:700; letter-spacing:1.4px; }
body.auth-page .auth-heading h1 { margin:0 0 10px; text-align:left; }
body.auth-page .auth-heading p { margin:0 0 24px; color:var(--muted); font-size:14px; line-height:1.7; }

/* Login forms: handles both label-wrapped inputs and .login-field markup */
body.auth-page .auth form,body.auth-page .auth-card form {
  display:flex; flex-direction:column; align-items:stretch; gap:16px; width:100%; margin:0;
}
body.auth-page .auth form label,body.auth-page .auth-card form label {
  display:block; width:100%; margin:0; color:#344057; font-size:13px; font-weight:700;
}
body.auth-page .auth form input:not([type=checkbox]):not([type=radio]),
body.auth-page .auth-card form input:not([type=checkbox]):not([type=radio]) {
  display:block; width:100%; min-width:0; height:48px; margin:7px 0 0; padding:0 13px;
  color:var(--text); background:#fbfcff; border:1px solid #d9dfeb; border-radius:9px;
  font-family:inherit; font-size:15px; transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
body.auth-page .auth form input:focus,body.auth-page .auth-card form input:focus {
  outline:none; border-color:var(--brand); background:#fff; box-shadow:0 0 0 4px rgba(38,59,112,.1);
}
body.auth-page .auth form button,body.auth-page .auth-card form button,
body.auth-page .auth-card button.login-submit {
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; min-height:49px; margin:3px 0 0; padding:12px 18px;
  color:#fff; background:var(--accent); border:1px solid var(--accent); border-radius:9px;
  font-size:15px; font-weight:700; transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
body.auth-page .auth form button:hover,body.auth-page .auth-card form button:hover,
body.auth-page .auth-card button.login-submit:hover {
  background:var(--accent-dark); box-shadow:0 5px 14px rgba(142,35,64,.16); transform:translateY(-1px);
}
body.auth-page .auth .error,body.auth-page .auth-card .error { margin:0 0 15px; }
body.auth-page .auth-security { display:flex; justify-content:center; gap:8px; margin-top:20px; color:var(--muted); font-size:12px; }
body.auth-page .auth-form-panel footer.auth-footer { width:100%; margin-top:22px; padding:12px 0; color:var(--muted); font-size:12px; text-align:center; }

/* ADMIN / EMPLOYEE HEADER
   Logo section stays white; the right identity section uses a gradient.
   Existing markup can be: <header class="topbar"><a><img ...></a><div>...</div></header> */
.topbar {
  position:relative; z-index:5; display:flex; align-items:stretch; justify-content:space-between;
  gap:0; width:100%; min-height:var(--header-height); padding:0;
  overflow:hidden; background:#fff; border-bottom:3px solid var(--brand); box-shadow:var(--shadow-md);
}
.topbar > a:first-child {
  display:flex; align-items:center; justify-content:flex-start; flex:0 0 auto;
  min-width:220px; max-width:44%; padding:12px clamp(18px,3vw,42px); background:#fff;
}
.topbar img {
  display:block; width:min(400px,38vw); height:auto; max-height:72px;
  object-fit:contain; object-position:left center;
  background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important;
}
.topbar > div {
  position:relative; display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap;
  gap:5px 14px; flex:1 1 auto; min-width:0; margin:0; padding:16px clamp(18px,3vw,42px);
  color:#fff; text-align:right;
  background:linear-gradient(110deg,#1d3153 0%,#263f68 100%);
}
.topbar > div::before {
  content:""; position:absolute; top:0; bottom:0; left:0; width:3px;
  background:var(--accent);
}
.topbar strong { color:#fff; font-size:14px; font-weight:750; }
.topbar small { display:block; color:rgba(255,255,255,.78); font-size:12px; }
.topbar .logout {
  position:relative; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
  min-height:40px; margin-left:8px; padding:8px 16px; color:#fff;
  background:var(--accent); border:1px solid var(--accent);
  border-radius:var(--radius-sm); font-size:13px; font-weight:700;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
  transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.topbar .logout:hover {
  color:#fff; background:var(--accent-dark); border-color:var(--accent-dark);
  transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.18);
}

/* DASHBOARD CONTENT */
.container,.employee-dashboard { width:min(var(--content-width),calc(100% - 48px)); min-width:0; margin:30px auto 42px; animation:fadeUp .45s ease both; }
.container > h1,.employee-dashboard > h1 { margin-bottom:8px; }
.container > h1 + p,.employee-dashboard > h1 + p { margin-bottom:20px; color:var(--muted); }
.container > p,.employee-dashboard > p { color:var(--muted); }
.panel { min-width:0; margin:22px 0; padding:24px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md); box-shadow:var(--shadow-sm); transition:box-shadow .22s ease,transform .22s ease; }
.panel:hover { box-shadow:var(--shadow-md); }
.panel h2,.panel h3 { margin-bottom:15px; }

/* STAT CARDS */
.stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:24px 0; }
.stats > div {
  position:relative; min-width:0; padding:22px 20px; overflow:hidden;
  background:#fff; border:1px solid var(--border); border-radius:var(--radius-md);
  box-shadow:var(--shadow-sm); transition:transform .22s ease,box-shadow .22s ease;
  animation:fadeUp .5s ease both;
}
.stats > div:nth-child(2) { animation-delay:.06s; }
.stats > div:nth-child(3) { animation-delay:.12s; }
.stats > div:nth-child(4) { animation-delay:.18s; }
.stats > div::before { content:""; position:absolute; top:0; left:18px; right:18px; height:3px; background:var(--brand); border-radius:0 0 4px 4px; }
.stats > div::after { content:""; position:absolute; top:0; bottom:0; left:-80%; width:45%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent); transform:skewX(-18deg); transition:none; }
.stats > div:hover { transform:translateY(-2px); box-shadow:var(--shadow-md); }
.stats > div:hover::after { animation:shine .8s ease; }
.stats > div:nth-child(2)::before { background:#d49a24; }
.stats > div:nth-child(3)::before { background:#239563; }
.stats > div:nth-child(4)::before { background:var(--accent); }
.stats span { display:block; color:var(--muted); font-size:13px; font-weight:600; }
.stats b { display:block; margin-top:10px; color:var(--brand-dark); font-size:clamp(24px,2.3vw,32px); font-weight:750; line-height:1.25; overflow-wrap:anywhere; }

/* BUTTONS */
.actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:20px 0 26px; }
.button,button.primary,button.secondary,button.danger,.actions button,.actions .button {
  display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:41px; padding:10px 16px;
  border:1px solid transparent; border-radius:var(--radius-sm); font-family:inherit; font-size:13px;
  font-weight:700; line-height:1.35; text-align:center; text-decoration:none;
  transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.button,button.primary,.actions button,.actions .button { color:#fff; background:var(--brand); border-color:var(--brand); }
.button:hover,button.primary:hover,.actions button:hover,.actions .button:hover { color:#fff; background:var(--brand-dark); border-color:var(--brand-dark); box-shadow:0 4px 12px rgba(38,59,112,.14); transform:translateY(-1px); }
.button.secondary,button.secondary { color:var(--brand); background:#fff; border-color:#d8dfeb; }
.button.secondary:hover,button.secondary:hover { color:var(--brand-dark); background:var(--brand-soft); border-color:#bdc9df; }
button.danger,.button.danger { color:#fff; background:var(--accent); border-color:var(--accent); }
button.danger:hover,.button.danger:hover { background:var(--accent-dark); }

/* FORMS */
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 22px; min-width:0; padding:24px; background:#fff; border:1px solid var(--border); border-radius:var(--radius-md); box-shadow:var(--shadow-sm); }
.form-grid .full { grid-column:1/-1; }
.form-grid label,.panel label { display:block; min-width:0; margin:7px 0; color:#344057; font-size:13px; font-weight:650; }
.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid select,.form-grid textarea,
.panel input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),.panel select,.panel textarea {
  display:block; width:100%; min-width:0; min-height:43px; margin:7px 0 13px; padding:10px 12px;
  color:var(--text); background:#fff; border:1px solid #d9dfeb; border-radius:var(--radius-sm);
  font-family:inherit; font-size:14px; transition:border-color .18s ease,box-shadow .18s ease;
}
.form-grid textarea,.panel textarea { min-height:105px; resize:vertical; }
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.panel input:focus,.panel select:focus,.panel textarea:focus { outline:none; border-color:var(--brand); box-shadow:0 0 0 3px rgba(38,59,112,.09); }
input[type=checkbox],input[type=radio] { width:auto; min-height:auto; margin-right:6px; accent-color:var(--brand); }

/* FILTERS */
.filters { display:flex; align-items:end; flex-wrap:wrap; gap:14px; margin:20px 0; padding:18px; background:#fff; border:1px solid var(--border); border-radius:var(--radius-md); box-shadow:var(--shadow-sm); }
.filters label { flex:1 1 165px; min-width:0; color:var(--text); font-size:12px; font-weight:700; }
.filters input,.filters select { display:block; width:100%; min-width:0; min-height:42px; margin:6px 0 0; padding:9px 11px; background:#fff; border:1px solid #d9dfeb; border-radius:var(--radius-sm); }
.filters input:focus,.filters select:focus { outline:none; border-color:var(--brand); box-shadow:0 0 0 3px rgba(38,59,112,.08); }

/* TABLES */
.table-wrap { width:100%; min-width:0; margin:22px 0; overflow-x:auto; background:#fff; border:1px solid var(--border); border-radius:var(--radius-md); box-shadow:var(--shadow-sm); -webkit-overflow-scrolling:touch; }
.table-wrap table { width:100%; min-width:600px; border-collapse:separate; border-spacing:0; font-size:13px; }
.table-wrap th,.table-wrap td { padding:13px 15px; text-align:left; vertical-align:middle; border-bottom:1px solid #e9edf3; }
.table-wrap th { color:var(--brand-dark); background:#eef2f9; font-size:12px; font-weight:750; white-space:nowrap; }
.table-wrap tbody tr { transition:background .15s ease; }
.table-wrap tbody tr:hover { background:#f7f9fd; }
.table-wrap tbody tr:last-child td { border-bottom:0; }
.table-wrap td a { font-weight:650; }

/* STATUS / ALERTS / FOOTER */
.status { display:inline-flex; align-items:center; justify-content:center; padding:5px 10px; border-radius:20px; font-size:11px; font-weight:750; white-space:nowrap; }
.pending { color:var(--warning-text); background:var(--warning-bg); }
.approved { color:var(--success-text); background:var(--success-bg); }
.rejected { color:var(--danger-text); background:var(--danger-bg); }
.notice,.error { margin:15px 0; padding:13px 15px; border-radius:var(--radius-sm); overflow-wrap:anywhere; }
.notice { color:var(--success-text); background:var(--success-bg); border:1px solid #ccebd8; }
.error { color:var(--danger-text); background:var(--danger-bg); border:1px solid #f3ccd2; }
footer { padding:22px 16px; color:var(--muted); font-size:12px; text-align:center; }

/* TABLET */
@media(max-width:1024px) {
  :root { --header-height:82px; }
  .topbar > a:first-child { min-width:190px; padding:10px 22px; }
  .topbar img { width:min(330px,36vw); max-height:62px; }
  .topbar > div { padding:12px 22px; }
  .container,.employee-dashboard { width:calc(100% - 36px); margin-top:24px; }
  .stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .stats > div { padding:19px; }
  .panel { padding:20px; }
}
@media(max-width:850px) {
  body.auth-page .auth-layout { grid-template-columns:minmax(0,1fr); }
  body.auth-page .auth-brand-panel { padding:30px 24px; }
  body.auth-page .auth-brand-panel h2 { font-size:30px; }
  body.auth-page .brand-highlights { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
  body.auth-page .brand-footer { margin-top:20px; }
  body.auth-page .auth-form-panel { padding:30px 18px 20px; }
  body.auth-page .auth { max-width:480px; }
  .topbar { flex-wrap:wrap; }
  .topbar > a:first-child { max-width:none; width:100%; justify-content:center; }
  .topbar img { width:min(100%,340px); max-height:62px; object-position:center; }
  .topbar > div { justify-content:center; width:100%; text-align:center; }
}
@media(max-width:600px) {
  body.auth-page .auth-brand-panel { padding:25px 20px; }
  body.auth-page .auth-brand-panel h2 { font-size:27px; }
  body.auth-page .auth-brand-panel p { font-size:14px; }
  body.auth-page .auth,body.auth-page .auth-card { padding:24px 20px; border-radius:15px; }
  body.auth-page .auth img.logo,body.auth-page .auth-card img.logo { max-width:280px; max-height:100px; margin-bottom:22px; }
  body.auth-page .auth h1,body.auth-page .auth-card h1 { font-size:27px; }
  body.auth-page .auth form input,body.auth-page .auth-card form input { font-size:16px; }
  .topbar { gap:0; padding:0; }
  .topbar > a:first-child { padding:12px 15px; }
  .topbar > div { gap:8px 12px; padding:13px 15px; }
  .topbar .logout { min-height:37px; margin-left:0; padding:7px 12px; }
  .container,.employee-dashboard { width:calc(100% - 24px); margin:20px auto 28px; }
  h1 { font-size:26px; } h2 { font-size:20px; }
  .stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:19px 0; }
  .stats > div { padding:16px 13px; border-radius:11px; }
  .stats > div::before { left:12px; right:12px; }
  .stats span { font-size:12px; } .stats b { margin-top:7px; font-size:24px; }
  .panel { margin:16px 0; padding:15px; }
  .form-grid { grid-template-columns:minmax(0,1fr); gap:5px; padding:16px; }
  .form-grid .full { grid-column:1; }
  .form-grid input,.form-grid select,.form-grid textarea,.panel input,.panel select,.panel textarea { font-size:16px; }
  .actions { gap:8px; margin:17px 0 22px; }
  .actions .button,.actions button { flex:1 1 calc(50% - 8px); padding:10px 11px; }
  .filters { align-items:stretch; flex-direction:column; gap:9px; padding:14px; }
  .filters label { flex:1 1 auto; width:100%; }
  .table-wrap { margin:17px 0; border-radius:10px; }
  .table-wrap table { min-width:600px; }
  .table-wrap th,.table-wrap td { padding:10px 11px; }
  footer { padding:18px 12px; }
}
@media(max-width:360px) {
  body.auth-page .auth,body.auth-page .auth-card { padding:22px 16px; }
  .stats { grid-template-columns:minmax(0,1fr); }
  .actions .button,.actions button { flex-basis:100%; }
}

/* CORPORATE FINISHING DETAILS */
:root { font-synthesis:none; text-rendering:optimizeLegibility; }
.container,.employee-dashboard { max-width:var(--content-width); }
.panel h2,.panel h3 { letter-spacing:-.2px; }
.panel, .form-grid, .filters, .table-wrap, .stats > div { border-color:var(--border); }
.button:focus-visible, button:focus-visible, .topbar .logout:focus-visible { outline:3px solid rgba(36,59,100,.24); outline-offset:2px; }
button:disabled, input[type=submit]:disabled, .button[aria-disabled="true"] { opacity:.58; cursor:not-allowed; transform:none; box-shadow:none; }
.table-wrap th { border-bottom:1px solid #dce3ed; }
.table-wrap tbody tr:nth-child(even) { background:#fcfdff; }
.table-wrap tbody tr:nth-child(even):hover, .table-wrap tbody tr:hover { background:#f2f6fb; }
.notice, .error { border-radius:8px; }

/* PRINT */
@page { size:A4; margin:12mm; }
@media print {
  body { min-height:0; color:#000; background:#fff; font-size:11pt; }
  .topbar,footer,.actions,.filters,button,.button,.logout,.no-print { display:none!important; }
  .container,.employee-dashboard { width:100%; margin:0; }
  .stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .stats > div,.panel,.table-wrap { break-inside:avoid; box-shadow:none; }
  .panel,.table-wrap { overflow:visible; border:1px solid #ddd; }
  .table-wrap table { min-width:0; font-size:9pt; }
  .table-wrap th,.table-wrap td { padding:7px; }
  .table-wrap th { color:#000; background:#eee!important; print-color-adjust:exact; -webkit-print-color-adjust:exact; }
  a { color:#000; text-decoration:none; }
}

/* Respect accessibility preferences */
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}