/* responsive-overrides.css — loaded after user.css */

/* Keep nearly-white background for readability */
body { background: #f7f7f7; }

/* Ensure any legacy .nav that might still render doesn’t break layout */
.nav { position: static !important; height: auto !important; }

/* Tables get full-width and scroll horizontally on narrow screens */
.table-scroll > table, table { width: 100%; }

/* Bigger, easier-to-tap header links */
.nav .options a{
  display:inline-flex;           /* expands hit area vertically */
  align-items:center;
  font-size:15px;                /* was ~13px */
  padding:4px 10px;              /* subtle padding for touch */
  height:34px;                   /* keep header compact */
  line-height:34px;
  border-bottom:1px dashed rgba(255,255,255,.65);
}

/* Slightly larger on touch-centric small screens */
@media (max-width: 540px), (pointer:coarse){
  .nav .options a{
    font-size:16px;
    height:36px;
    line-height:36px;
    padding:6px 12px;
  }
}

/* === Compact header: title on the same line as selects === */

/* tighten header padding a touch */
.nav .inner { padding:4px 12px; }

/* compact controls (keeps good tap size but not tall) */
.nav select,
.nav input,
.nav button { height:30px; line-height:30px; padding:0 8px; }

/* title on the same row as selects; smaller and same height */
.nav .title{
  order:0;                  /* stays on the same line */
  flex:1 1 auto;            /* expands to fill leftover space */
  margin:0 8px;             /* small horizontal gap */
  font-size:15px;           /* smaller than before */
  line-height:30px;         /* same height as selects */
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* right-side links: keep them readable but not tall */
.nav .options a{
  font-size:14px;
  height:20px; line-height:20px;
  padding:2px 10px;
}

/* wrap ONLY on truly small screens */
@media (max-width: 640px){
  .nav .title{ order:-1; flex-basis:100%; line-height:22px; margin:2px 0 0; }
  .nav .options{ flex-basis:100%; justify-content:flex-end; }
}