/* SICS-inspired theme: burgundy + gold */
:root{
  --brand:#800020;
  --brand-600:#6b001a;
  --accent:#e3c24d;
}
html, body { width:100%; height:100%; }
.app-nav{ background: linear-gradient(90deg, var(--brand), var(--brand-600)); }
.app-nav .navbar-brand{ color:#fff; font-weight:700; letter-spacing:.2px; }
.app-nav .navbar-brand:hover{ color:#fff; opacity:.95; }

/* Make primary buttons gold */
.btn-primary{ background-color:var(--accent); border-color:var(--accent); color:#222; font-weight:600; }
.btn-primary:hover{ background-color:#d8b538; border-color:#d8b538; color:#111; }

/* Full-width table without side scroll */
.table-fixed { table-layout: fixed; }
.table thead th{ position:sticky; top:0; z-index:2; }
.table td, .table th { white-space: normal; word-wrap: break-word; word-break: break-word; }

/* 2-line clamp for long notes; expand on hover via title tooltip */
.clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Cards & footers */
.card{ border:0; border-radius:1rem; }
.card .card-footer{ background:#fafafa; border-top:1px solid #eee; }
.badge{ font-weight:600; }

/* On very wide screens, slightly increase table font for readability */
@media (min-width: 1600px) {
  .table { font-size: 1.02rem; }
}