/* Global results styling for MU Result Portal */
:root{
  --primary:#0d6efd;
  --accent:#ffd54d;
  --muted:#6c757d;
  --bg:#f7fbff;
  --card-border:rgba(13,110,253,0.12);
}

body{background:linear-gradient(180deg,var(--bg),#fff);color:#0b2540;font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;}

/* Container polish */
.container{max-width:1100px}

/* Result card */
.result-card{border-radius:8px;padding:1rem;border:1px solid var(--card-border);background:linear-gradient(180deg,#ffffff,#fbfdff);box-shadow:0 6px 18px rgba(11,23,50,0.04)}
.student-info{display:flex;gap:1rem;align-items:center;justify-content:space-between}
.student-name{font-weight:700;color:#07204a;margin:0;font-size:1.1rem}
.meta{color:var(--muted);font-size:.92rem}
.badge-inst{background:#071428;color:var(--accent);padding:.35rem .6rem;border-radius:6px;font-weight:700}

/* Tables */
.result-table{width:100%;border-collapse:collapse}
.result-table thead th{background:#f8f9fa;color:#071a3a;font-weight:700;padding:.6rem;border-bottom:2px solid #e9ecef;text-align:left}
.result-table tbody td,.result-table tbody th{padding:.55rem .6rem;border-bottom:1px dashed #eef6ff;vertical-align:middle}
.result-table tbody tr:nth-child(even){background:rgba(13,110,253,0.02)}

/* Small helper badges */
.result-meta{display:flex;gap:.6rem;flex-wrap:wrap}
.small-badge{background:#eef6ff;color:var(--primary);padding:.25rem .5rem;border-radius:4px;font-weight:600;font-size:.85rem}

/* Scroll wrapper for tables */
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Mobile stacking: convert table rows to labeled blocks */
@media (max-width:767.98px){
  .student-info{flex-direction:column;align-items:flex-start}
  .badge-inst{align-self:flex-end}

  .result-table,.result-table thead,.result-table tbody,.result-table tr,.result-table th,.result-table td{display:block;width:100%}
  .result-table thead{display:none}
  .result-table tr{margin-bottom:.6rem;padding:.6rem;border:1px solid #eef6ff;border-radius:8px;background:#fff}
  .result-table td{display:flex;justify-content:space-between;padding:.45rem 0;border:0}
  .result-table td::before{content:attr(data-label);color:var(--muted);font-weight:700;margin-right:.6rem;flex:0 0 48%}
}

/* Tiny screens visual tune */
@media (max-width:420px){
  .student-name{font-size:1rem}
  .meta{font-size:.85rem}
}

/* Alerts and messages */
.alert-success{background:linear-gradient(90deg,#e6f4ea,#f3fff7);border:1px solid #d1efd3;color:#0b5a34}

/* Form tweaks */
.input-group .bg-primary{background:var(--primary);color:#fff;border-radius:6px;padding:.45rem .6rem}

/* Image area */
.image-area{border:2px dashed rgba(13,110,253,0.12);padding:1rem;border-radius:8px}

/* Accessibility: focus-visible */
:focus{outline:2px dashed rgba(13,110,253,0.12);outline-offset:2px}