/* DBD Tracker v3 — Modular History page shell */
.history-page-shell{gap:18px;}
.history-page-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.history-page-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.history-page-status .small-note{margin:0;}
.history-page-error{border:1px solid rgba(255,80,80,.35);background:rgba(120,20,20,.22);color:#ffd6d6;border-radius:12px;padding:12px 14px;}
.history-page-footer{display:flex;justify-content:center;padding:8px 0 24px;}
.history-page-debug{font-size:12px;color:var(--dbd-muted, #aaa);}
.history-page-shell .history-controls-panel{margin-bottom:0;}
.history-page-shell [data-history-page-list] .match-list-component{margin-top:0;}
@media (max-width:720px){
  .history-page-status-row{align-items:flex-start;}
  .history-page-footer .button,.history-page-footer button{width:100%;}
}

/* v3.1.9 — Outcome/status color pass for the live History page. */
.history-page-shell .bhvr-cinematic-match .cinematic-survivor-status.good {
  color:#66d66e!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

.history-page-shell .bhvr-cinematic-match .cinematic-survivor-status.bad,
.history-page-shell .bhvr-cinematic-match .cinematic-player-meta .badge.bad {
  color:#ff6868!important;
}

.history-page-shell .bhvr-cinematic-match .cinematic-player-meta .badge.good,
.history-page-shell .bhvr-cinematic-match .cinematic-player-meta .badge.bad {
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

.history-page-shell .bhvr-cinematic-match .cinematic-player-meta .badge.good {
  color:#66d66e!important;
}


/* v3.2.24 — History page density/skin pass.
   Keep the live modular components, but remove the oversized hero/import stack
   so the match list is reachable immediately. */
.history-v2-page .site-header-shell,
.history-v2-page .site-shell,
.history-v2-page .dbd-page-shell{
  width:min(1600px, 100%);
  max-width:1600px;
}
.history-v2-page .dbd-page-shell{
  padding-inline:0;
}
.history-v2-page .site-shell{
  margin-bottom:12px!important;
}
.history-v2-page .history-page-shell{
  gap:12px;
}
.history-v2-page .history-controls-panel,
.history-v2-page .history-review-panel,
.history-v2-page .history-page-status-row,
.history-v2-page .match-list-header{
  border-color:rgba(126,72,255,.46);
  background:
    radial-gradient(circle at 8% 0%, rgba(139,92,246,.20), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.014)),
    rgba(5,8,14,.86);
  box-shadow:0 18px 54px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.035);
}
.history-v2-page .history-controls-panel,
.history-v2-page .history-review-panel{
  padding:12px;
}
.history-v2-page .history-controls-grid{
  display:grid;
  grid-template-columns:repeat(9, minmax(120px, 1fr));
  gap:8px;
}
.history-v2-page .history-controls-grid .field{
  margin:0;
}
.history-v2-page .history-controls-grid label{
  font-size:.70rem;
  color:rgba(204,185,255,.74);
  letter-spacing:.11em;
}
.history-v2-page .history-controls-grid input,
.history-v2-page .history-controls-grid select{
  min-height:34px;
  padding:6px 9px;
  border-color:rgba(126,72,255,.42);
  background:rgba(3,5,10,.68);
}
.history-v2-page .history-controls-actions-row,
.history-v2-page .history-review-actions,
.history-v2-page .history-review-summary{
  margin-top:8px;
}
.history-v2-page .history-page-status-row{
  padding:6px 10px;
  border-radius:14px;
}
.history-v2-page .match-list-header{
  padding:10px 12px;
  border-radius:16px;
}
.history-v2-page .match-list-header h3{
  font-size:28px;
  line-height:.95;
}
.history-v2-page .match-list-header p{
  margin-top:2px;
}
.history-v2-page .match-list-component,
.history-v2-page .match-list-stack{
  gap:12px;
}

.history-v2-page .bhvr-import-compact-module{
  border-color:rgba(126,72,255,.52);
  background:
    radial-gradient(circle at 0% 0%, rgba(139,92,246,.18), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.014)),
    rgba(5,8,14,.88);
}
.history-v2-page .bhvr-import-compact-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 16px;
  cursor:pointer;
  list-style:none;
}
.history-v2-page .bhvr-import-compact-summary::-webkit-details-marker{display:none;}
.history-v2-page .bhvr-import-compact-copy{
  display:grid;
  gap:3px;
  min-width:0;
}
.history-v2-page .bhvr-import-compact-copy strong{
  font-family:var(--font-heading);
  font-size:18px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#fff2df;
}
.history-v2-page .bhvr-import-compact-copy small{
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.history-v2-page .bhvr-import-compact-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.history-v2-page .bhvr-import-compact-module .panel-body{
  padding:10px 16px 14px;
  border-top:1px solid rgba(255,255,255,.08);
}
.history-v2-page .import-steps-list{
  margin:0 0 0 18px;
  color:var(--muted);
}

.history-v2-page .bhvr-cinematic-match{
  border-color:rgba(126,72,255,.26);
  background:
    radial-gradient(circle at 4% 0%, rgba(126,72,255,.14), transparent 36%),
    linear-gradient(135deg, rgba(12,16,24,.98), rgba(4,6,10,.98));
}
.history-v2-page .bhvr-cinematic-match:hover{
  border-color:rgba(155,92,255,.62);
  box-shadow:0 24px 76px rgba(0,0,0,.58),0 0 0 1px rgba(155,92,255,.20);
}
.history-v2-page .cinematic-backdrop::after{
  background:
    linear-gradient(90deg,rgba(4,6,11,.98) 0%,rgba(6,9,15,.90) 42%,rgba(7,9,13,.76) 66%,rgba(4,6,11,.97) 100%),
    radial-gradient(circle at 20% 10%,rgba(126,72,255,.18),transparent 42%);
}
.history-v2-page .cinematic-main{
  padding:16px;
}
.history-v2-page .cinematic-survivor-strip{
  padding:0 16px 14px;
}
.history-v2-page .cinematic-footer{
  padding:0 16px 16px;
}
.history-v2-page .cinematic-player-card.killer{
  background:
    radial-gradient(circle at 0% 0%, rgba(168,28,68,.30), transparent 38%),
    linear-gradient(135deg, rgba(44,8,22,.86), rgba(8,8,14,.96));
  border-color:rgba(168,85,247,.42);
}
.history-v2-page .cinematic-player-card{
  border-color:rgba(126,72,255,.22);
  background:linear-gradient(135deg, rgba(7,22,32,.66), rgba(6,8,13,.94));
}
.history-v2-page .cinematic-expanded-lobby{
  background:rgba(3,5,10,.62);
}
.history-v2-page .cinematic-title{
  font-size:32px;
}

@media (max-width:1320px){
  .history-v2-page .history-controls-grid{grid-template-columns:repeat(4, minmax(140px, 1fr));}
}
@media (max-width:720px){
  .history-v2-page .site-shell,
  .history-v2-page .dbd-page-shell{width:min(100% - 18px, 1600px);}
  .history-v2-page .history-controls-grid{grid-template-columns:1fr;}
  .history-v2-page .bhvr-import-compact-summary{align-items:flex-start;flex-direction:column;}
  .history-v2-page .bhvr-import-compact-copy small{white-space:normal;}
}