/* ── Header selector labels ─────────────────────────────────────────────────── */
.sel-label{font-size:11px;font-weight:600;color:#777;white-space:nowrap;}
.hdr-sel{padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;}

/* ── Title row ──────────────────────────────────────────────────────────────── */
.starta-title-row{
  display:flex;align-items:baseline;gap:16px;
  margin-bottom:16px;padding-bottom:10px;
  border-bottom:2px solid #aa0101;
}
.starta-title{font-size:20px;font-weight:800;color:#111;}
.starta-meta{font-size:12px;color:#888;}

/* ── Table — override kpv.css global td/tr rules via higher specificity ──────── */
.starta-table{width:100%;border-collapse:collapse;font-size:14px;}
.starta-table thead tr{background:#111;color:#fff;}
.starta-table thead th{padding:10px 12px;text-align:left;font-weight:700;font-size:12px;letter-spacing:.4px;text-transform:uppercase;}

.starta-table tbody td{
  padding:9px 12px;border-bottom:1px solid #f0f0f0;
  text-align:left;vertical-align:middle;background:#fff;
}
.starta-table tbody tr:nth-child(even) td{background:#fafafa;}
.starta-table tbody tr:hover td{background:#f5f5f5;}

/* ── Class separator ─────────────────────────────────────────────────────────── */
/* Must beat tr:nth-child(even) (specificity 12) — using two selectors */
.starta-table .cls-sep td,
.starta-table .cls-sep:hover td,
.starta-table tbody tr:nth-child(even).cls-sep td{
  background:#aa0101;color:#fff;padding:0;
}
.cls-sep-inner{
  display:flex;justify-content:space-between;align-items:center;
  padding:6px 12px;
}
.cls-sep-name{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;}

/* ── Live status rows ────────────────────────────────────────────────────────── */
.starta-table tbody tr.st-done td,
.starta-table tbody tr:nth-child(even).st-done td,
.starta-table tbody tr:hover.st-done td{background:#e8f5e9;}
.starta-table tr.st-done .col-nr{color:#27ae60!important;}

.starta-table tbody tr.st-prep td,
.starta-table tbody tr:nth-child(even).st-prep td,
.starta-table tbody tr:hover.st-prep td{background:#fff9e6;}
.starta-table tr.st-prep .col-nr{color:#e67e00!important;}

/* ── Admin-only controls (hidden until body.admin-mode) ──────────────────────── */
.cls-ctrl{display:none;}
body.admin-mode .cls-ctrl{display:flex;}
.del-manual{display:none;}
body.admin-mode .del-manual{display:inline;}
.add-row{display:none!important;}
body.admin-mode .add-row{display:table-row!important;}

/* Driver reorder ↑↓ buttons (inside col-name cell) */
.drv-move{display:none;gap:2px;margin-right:8px;vertical-align:middle;}
body.admin-mode .drv-move{display:inline-flex;}
.drv-btn{
  background:#f0f0f0;border:1px solid #ccc;border-radius:3px;
  padding:1px 5px;font-size:10px;line-height:1.5;
  cursor:pointer;color:#555;font-weight:700;
}
.drv-btn:hover:not(:disabled){background:#ddd;color:#111;}
.drv-btn:disabled{opacity:.3;cursor:default;}

/* Excluded (DNF/DNS/DQ) driver rows — shown only in admin mode */
.drv-excluded{display:none;}
body.admin-mode .drv-excluded{display:table-row;}
.starta-table .drv-excluded td,
.starta-table tbody tr:nth-child(even).drv-excluded td,
.starta-table .drv-excluded:hover td{
  background:#fafafa!important;color:#bbb;font-style:italic;
}
.starta-table .drv-excluded .col-nr{color:#ccc!important;}
.starta-table .drv-excluded .run-special{color:#daa!important;}
.starta-table .drv-excluded .run-val{color:#aaa!important;}

/* Reinstate button on excluded rows */
.reinstate-btn{
  margin-left:10px;background:#fff3e0;
  border:1px solid #e67e00;color:#e67e00;
  border-radius:4px;padding:2px 9px;
  font-size:11px;font-weight:700;cursor:pointer;font-style:normal;
}
.reinstate-btn:hover{background:#e67e00;color:#fff;}

/* cls-ctrl styles */
.cls-ctrl{gap:4px;align-items:center;}
.cls-btn{
  background:rgba(255,255,255,.18);color:#fff;
  border:1px solid rgba(255,255,255,.35);border-radius:3px;
  padding:2px 7px;font-size:11px;font-weight:700;
  cursor:pointer;line-height:1.4;transition:background .12s;
}
.cls-btn:hover:not(:disabled){background:rgba(255,255,255,.32);}
.cls-btn:disabled{opacity:.3;cursor:default;}
.cls-add-btn{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.5);}
.cls-add-btn:hover{background:rgba(0,0,0,.42)!important;}
.cls-add-btn.active{background:rgba(0,0,0,.5)!important;border-color:#fff;}

/* ── Add driver row ──────────────────────────────────────────────────────────── */
.starta-table .add-row td,
.starta-table tbody tr:nth-child(even).add-row td,
.starta-table .add-row:hover td{background:#fff5f5!important;}
.add-nr-inp{
  width:58px;padding:4px 6px;
  border:1px solid #ccc;border-radius:4px;font-size:12px;text-align:center;
}
.add-name-inp{
  width:210px;padding:4px 8px;
  border:1px solid #ccc;border-radius:4px;font-size:12px;margin-right:6px;
}
.add-nr-inp:focus,.add-name-inp:focus{border-color:#aa0101;outline:none;}
.add-ok-btn{
  background:#27ae60;color:#fff;border:none;border-radius:4px;
  padding:4px 12px;font-size:12px;font-weight:700;cursor:pointer;margin-right:4px;
}
.add-ok-btn:hover{background:#219a52;}
.add-cancel-btn{
  background:#888;color:#fff;border:none;border-radius:4px;
  padding:4px 9px;font-size:12px;cursor:pointer;
}
.add-cancel-btn:hover{background:#666;}

/* ── Manual driver delete button ─────────────────────────────────────────────── */
.del-manual{
  background:none;border:none;color:#cc3333;cursor:pointer;
  font-size:13px;font-weight:700;padding:0 4px;
  line-height:1;vertical-align:middle;margin-left:4px;
}
.del-manual:hover{color:#aa0000;}

/* ── Column widths ───────────────────────────────────────────────────────────── */
.starta-table .col-nr{width:65px;text-align:center;font-weight:700;color:#aa0101;}
.starta-table .col-car{width:75px;text-align:center;font-weight:600;color:#555;}
.starta-table .col-name{padding:9px 12px;font-weight:600;}
.starta-table .col-cls{width:130px;text-align:center;}

/* ── Run time columns ────────────────────────────────────────────────────────── */
.starta-table .col-run{width:88px;text-align:center;font-size:12px;font-weight:600;color:#555;}
.starta-table thead .col-run{font-size:11px;color:#fff;letter-spacing:.3px;}
.starta-table thead .col-cur{background:#333;border-bottom:2px solid #aa0101;}
.starta-table td.col-cur{background:rgba(170,1,1,.04);}
.starta-table tr:nth-child(even) td.col-cur{background:rgba(170,1,1,.06);}
.run-val{color:#27ae60;font-weight:700;}
.run-special{color:#aa0101;font-weight:700;font-size:11px;letter-spacing:.5px;}
.pen{color:#999;font-size:10px;font-weight:400;}
.cls-pill{
  display:inline-block;padding:2px 8px;border-radius:10px;
  font-size:11px;font-weight:700;background:#f0f0f0;color:#444;
}

/* ── Mobile ──────────────────────────────────────────────────────────────────── */
@media(max-width:800px){
  #startaList{overflow-x:auto;}
  .starta-table{font-size:12px;min-width:560px;}
  .starta-table thead th,.starta-table tbody td{padding:7px 8px;}
  .starta-table .col-cls{display:none;}
  .starta-table .col-run{width:70px;}
  .starta-title{font-size:15px;}
  .add-name-inp{width:140px;}
}

/* ── Print ───────────────────────────────────────────────────────────────────── */
@media print{
  .no-print{display:none!important;}
  header>div:last-child>div:first-child{display:none!important;}
  header{padding:6px 16px;box-shadow:none;border-bottom:2px solid #000;}
  header img[alt="LR Events"]{height:50px!important;}
  .main{padding:0;}
  .starta-table{font-size:11px;}
  .starta-table thead th,.starta-table tbody td{padding:4px 8px;}
  /* Keep red separators when printing */
  .starta-table .cls-sep td,
  .starta-table .cls-sep:hover td,
  .starta-table tbody tr:nth-child(even).cls-sep td{
    background:#000!important;color:#fff!important;
    -webkit-print-color-adjust:exact;print-color-adjust:exact;
  }
  /* Remove status colours on print — clean list */
  .starta-table tbody tr.st-done td,
  .starta-table tbody tr.st-prep td{background:#fff!important;}
  .starta-table tr.st-done .col-nr,
  .starta-table tr.st-prep .col-nr{color:#000!important;}
  /* Keep run times readable on print */
  .run-val{color:#000!important;}
  .starta-table td.col-cur{background:#fff!important;}
  .starta-table thead .col-cur{background:#111!important;border-bottom:none;}
  body{margin:0;}
  .starta-title{font-size:14px;}
  /* Admin controls and add rows already hidden by .no-print + .add-row rules */
  .cls-ctrl,.del-manual,.add-row,.drv-move,.drv-excluded,.reinstate-btn{display:none!important;}
}