/* JOAS Draft Rooms — front-end styles.
 * Brand dark theme (navy + burnt-orange) matching the original Draft Room.
 *   bg #0a1626 · navy panel #0B2340 · accent #c16324 · borders #1f3a5c/#14253d
 */
.joas-dr-app{font-family:Inter,Helvetica,Arial,sans-serif;color:#fff;background:#0a1626;border-radius:10px;padding:18px;max-width:960px;margin:0 auto;line-height:1.4}
.joas-dr-app.jdr-board-mode{max-width:1500px}
.joas-dr-app *{box-sizing:border-box}
.joas-dr-app h3{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}

/* Headings / chrome */
.jdr-h{font-size:22px;font-weight:800;margin:0 0 2px}
.jdr-sub{font-size:13px;color:#9fb3c8;margin:0 0 16px}
.jdr-pill{display:inline-block;background:#0B2340;color:#c16324;font-size:12px;padding:2px 8px;border-radius:999px;margin-left:6px;font-weight:700}
.jdr-muted{color:#7a8b9c;font-size:13px}

/* Layout helpers */
.jdr-row{display:flex;flex-wrap:wrap;gap:14px}
.jdr-col{flex:1 1 280px}
.jdr-card{background:#0B2340;border:1px solid #1f3a5c;border-radius:8px;padding:16px}
.jdr-card h3{margin:0 0 10px;font-size:15px;color:#fff;text-transform:none;letter-spacing:0}

/* Form fields */
.jdr-field{margin:0 0 10px}
.jdr-field label{display:block;font-size:11px;color:#9fb3c8;margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em}
.jdr-input,.jdr-select{width:100%;background:#0a1626;border:1px solid #1f3a5c;color:#fff;border-radius:5px;padding:9px 10px;font-size:14px}
.jdr-input:focus,.jdr-select:focus{outline:none;border-color:#c16324}

/* Buttons */
.jdr-btn{background:#c16324;border:none;color:#fff;font-weight:700;border-radius:5px;padding:9px 16px;font-size:13px;cursor:pointer;text-transform:uppercase;letter-spacing:.04em}
.jdr-btn:hover{filter:brightness(1.1)}
.jdr-btn:disabled{opacity:.5;cursor:not-allowed;filter:none}
.jdr-btn.ghost{background:transparent;border:1px solid #1f3a5c;color:#fff}
.jdr-btn.ghost:hover{background:#142d4d;filter:none}
.jdr-btn.warn{background:#7a1f1f}
.jdr-btn.warn:hover{background:#8f2626;filter:none}

.jdr-divider{display:flex;align-items:center;gap:10px;color:#6b7f97;font-size:12px;margin:14px 0}
.jdr-divider:before,.jdr-divider:after{content:"";flex:1;height:1px;background:#1f3a5c}
.jdr-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:26px;font-weight:800;letter-spacing:.18em;color:#fff;background:#0a1626;border:1px dashed #c16324;border-radius:8px;padding:8px 14px;display:inline-block}

/* Lobby seats */
.jdr-seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:8px 0 0}
.jdr-seat{background:#0a1626;border:1px solid #1f3a5c;border-radius:8px;padding:10px;font-size:13px;display:flex;flex-direction:column;gap:6px}
.jdr-seat .nm{font-weight:700;color:#fff}
.jdr-seat.mine{border-color:#c16324;box-shadow:0 0 0 1px #c16324 inset}
.jdr-seat.open .nm{color:#7a8b9c;font-style:italic;font-weight:500}

.jdr-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding-top:14px;border-top:1px solid #1f3a5c}
.jdr-flash{background:#3a2a12;border:1px solid #c16324;color:#ffd9a3;border-radius:8px;padding:9px 12px;font-size:13px;margin:0 0 12px}

/* Keepers */
.jdr-keepers{display:flex;flex-direction:column;gap:6px}
.jdr-keeper{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#0a1626;border:1px solid #1f3a5c;border-radius:7px;padding:7px 10px;font-size:13px}
.jdr-keeper .jdr-btn{padding:5px 10px;font-size:12px}

/* ===================== LIVE BOARD ===================== */

/* Big clock */
.jdr-clock2{background:linear-gradient(180deg,#0B2340,#091a30);border:2px solid #c16324;border-radius:10px;padding:16px 24px;text-align:center;margin:0 0 14px}
.jdr-clock2 .meta{font-size:13px;color:#9fb3c8;letter-spacing:.08em;text-transform:uppercase}
.jdr-clock2 .team{font-size:42px;font-weight:800;letter-spacing:.02em;margin:4px 0;color:#fff;line-height:1.05}
.jdr-clock2 .timer{font-size:60px;font-weight:800;color:#c16324;font-variant-numeric:tabular-nums;line-height:1}
.jdr-clock2.warn .timer{color:#ffd166}
.jdr-clock2.danger .timer{color:#ff5a5a;animation:jdrpulse .6s ease-in-out infinite alternate}
@keyframes jdrpulse{from{transform:scale(1)}to{transform:scale(1.06)}}

/* 3-column grid: search | board | on-the-clock roster */
.jdr-grid3{display:grid;grid-template-columns:360px 1fr 280px;gap:14px}
.jdr-left,.jdr-center,.jdr-right{background:#0B2340;border-radius:8px;padding:12px}
@media (max-width:1200px){.jdr-grid3{grid-template-columns:340px 1fr}.jdr-right{grid-column:1/-1}}
@media (max-width:820px){.jdr-grid3{grid-template-columns:1fr}.jdr-clock2 .team{font-size:32px}.jdr-clock2 .timer{font-size:46px}}

/* Left: search + filters + player list */
.jdr-left .turn{font-size:12px;color:#9fb3c8;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}
.jdr-left .turn.you{color:#c16324;font-weight:800}
.jdr-posfilters{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}
.jdr-posfilters button{background:transparent;color:#fff;border:1px solid #1f3a5c;border-radius:4px;padding:4px 9px;font-size:12px;cursor:pointer;font-weight:700}
.jdr-posfilters button.active{background:#c16324;border-color:#c16324}
.jdr-playerlist{max-height:calc(100vh - 260px);min-height:480px;overflow-y:auto;border-top:1px solid #1f3a5c}
.jdr-prow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 6px;border-bottom:1px solid #14253d}
.jdr-prow.pick{cursor:pointer}
.jdr-prow.pick:hover{background:#142d4d}
.jdr-prow .left{display:flex;align-items:center;min-width:0}
.jdr-prow-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jdr-prow-meta{font-size:11px;color:#9fb3c8;white-space:nowrap}

/* Position chips */
.jdr-pos{display:inline-block;min-width:28px;text-align:center;font-size:10px;font-weight:700;padding:2px 4px;border-radius:3px;margin-right:6px;color:#fff}
.jdr-pos-QB{background:#7a3b1f}
.jdr-pos-RB{background:#1f5f2f}
.jdr-pos-WR{background:#1f4a7a}
.jdr-pos-TE{background:#5a1f7a}
.jdr-pos-K{background:#7a6a1f}
.jdr-pos-DST{background:#444}
.jdr-pos-FLEX,.jdr-pos-DEF{background:#444}

/* Center: the all-teams board grid */
.jdr-board{display:grid;gap:6px}
.jdr-board-round{display:grid;gap:6px}
.jdr-board-roundlabel{font-size:11px;color:#9fb3c8;letter-spacing:.06em;text-transform:uppercase;margin-top:8px}
.jdr-cell{background:#0a1626;border:1px solid #14253d;border-radius:5px;padding:6px 8px;font-size:12px;min-height:40px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.jdr-cell.current{border-color:#c16324;box-shadow:0 0 0 2px rgba(193,99,36,.35)}
.jdr-cell.empty{color:#456}
.jdr-cell.onclock{background:#10203a}
.jdr-cell-pickno{font-size:10px;color:#7a8b9c}
.jdr-cell-name{font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jdr-cell-teamhdr{text-align:center;background:#091a30;font-weight:700;font-size:11px;color:#cfe0f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Right: on-the-clock team roster */
.jdr-now-team{font-size:18px;font-weight:800;color:#fff}
.jdr-now-meta{font-size:11px;color:#9fb3c8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.jdr-now-counts{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:10px}
.jdr-now-count{background:#0a1626;border:1px solid #1f3a5c;border-radius:5px;padding:4px 2px;text-align:center;font-size:10px;color:#9fb3c8}
.jdr-now-count strong{display:block;color:#c16324;font-size:14px;font-weight:800;margin-bottom:1px}
.jdr-now-roster{font-size:12px;max-height:calc(100vh - 400px);min-height:200px;overflow-y:auto;border-top:1px solid #1f3a5c;padding-top:6px}
.jdr-rrow{display:flex;align-items:center;gap:6px;padding:5px 4px;border-bottom:1px solid #14253d}
.jdr-rrow:last-child{border-bottom:0}
.jdr-rname{font-weight:600;color:#fff;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jdr-rmeta{font-size:10px;color:#9fb3c8;white-space:nowrap}
.jdr-now-empty{color:#7a8b9c;font-style:italic;text-align:center;padding:14px 6px;font-size:12px}

/* Footer toolbar */
.jdr-foot{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.jdr-foot .right{display:flex;gap:8px;flex-wrap:wrap}

/* Fullscreen */
.joas-dr-app:fullscreen{max-width:100%;height:100vh;border-radius:0;padding:14px 18px;overflow:auto;background:#0a1626}
.joas-dr-app:-webkit-full-screen{max-width:100%;height:100vh;border-radius:0;padding:14px 18px;overflow:auto;background:#0a1626}