/* Claims Explorer Page Styles */

/* Hero with green gradient theme restored */
.claims-hero { padding:3.5rem 1rem 1.5rem; text-align:center; background:var(--grad-hero); color:var(--color-text-inverse); position:relative; overflow:hidden; }
.claims-hero::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 35% 22%, rgba(255,255,255,.25), transparent 60%); mix-blend-mode:overlay; pointer-events:none; }
.claims-hero h1 { font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem); letter-spacing:.5px; margin:.25rem 0 .75rem; text-shadow:0 2px 6px rgba(0,0,0,.25); }
.claims-hero p { color:var(--color-text-inverse); opacity:.9; }

/* Filters redesigned */
.filters-row { position:relative; display:flex; flex-wrap:wrap; gap:.95rem .9rem; align-items:flex-end; margin:0 auto 2.2rem; background:#f8fffa; padding:1.15rem 1.15rem 1rem; border:1px solid #d8e7d9; border-radius:22px; box-shadow:0 6px 24px -12px rgba(0,0,0,.10), 0 2px 6px -2px rgba(0,0,0,.08); }
.filters-row::before { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.7)); mix-blend-mode:overlay; }
.filters-heading { flex-basis:100%; margin:0 0 .25rem; font-size:.72rem; letter-spacing:.15em; font-weight:700; color:#1f2f24; text-transform:uppercase; opacity:.85; }
.filters-row fieldset { border:0; padding:0; margin:0; display:flex; gap:.45rem; flex-wrap:wrap; }
.filters-row label { font-size:.62rem; letter-spacing:.42px; font-weight:600; color:#223428; display:flex; flex-direction:column; gap:.38rem; text-transform:uppercase; }
.filters-row input[type=search] { padding:.62rem .78rem; font-size:.8rem; border:1px solid #b6ccb8; border-radius:12px; min-width:250px; background:#ffffff; color:#142218; font-weight:500; line-height:1.2; box-shadow:0 1px 2px rgba(0,0,0,.06); transition:background .25s var(--easing-standard), box-shadow .25s var(--easing-standard), border-color .25s var(--easing-standard); }
.filters-row input[type=search]:hover { background:#f2f9f3; }
.filters-row input[type=search]:focus { border-color:var(--color-accent); box-shadow:0 0 0 3px rgba(45,90,39,.28); outline:none; }
.filters-row input[type=search]::placeholder { color:#5a6a60; font-weight:400; opacity:.9; letter-spacing:.25px; }
.filters-row select { padding:.56rem .72rem; font-size:.69rem; border:1px solid #b6ccb8; border-radius:12px; background:#ffffff; color:#142218; font-weight:600; letter-spacing:.4px; transition:background .25s var(--easing-standard), box-shadow .25s var(--easing-standard), border-color .25s var(--easing-standard); }
.filters-row select:hover { background:#f2f9f3; }
.filters-row select:focus { border-color:var(--color-accent); box-shadow:0 0 0 3px rgba(45,90,39,.28); outline:none; }
.filters-row select:focus-visible, .filters-row input[type=search]:focus-visible { outline:var(--focus-ring); outline-offset:2px; }
.filters-row .stat { font-size:.6rem; background:#ffffff; padding:.46rem .78rem .44rem; border-radius:999px; font-weight:650; letter-spacing:.55px; color:#142218; box-shadow:0 0 0 1px #d8e7d9; }

@media (prefers-color-scheme: dark){
  /* Keep filters panel light in dark mode for maximum contrast */
  .filters-row { background:#ffffff; border-color:var(--color-accent-soft-border); box-shadow:0 6px 24px -12px rgba(0,0,0,.45); }
  .filters-row .stat { background:#f4faf5; color:#1f3d1c; box-shadow:inset 0 0 0 1px var(--color-accent-soft-border); }
  .filters-row input[type=search], .filters-row select { background:#ffffff; border-color:var(--color-accent-soft-border); color:var(--color-text-primary); box-shadow:0 1px 2px rgba(0,0,0,.25); }
  .filters-row input[type=search]:hover, .filters-row select:hover { background:#f7faf8; }
  .filters-row input[type=search]::placeholder { color:#5a6a60; }
  .filters-row label { color:var(--color-text-primary); }
}

/* Grid */
.claims-grid { display:grid; gap:1.05rem; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); margin:0 auto 3.25rem; }

/* Card */
.claim-card { position:relative; padding:15px 16px 14px; display:flex; flex-direction:column; min-height:170px; }
.claim-card h3 { font-size:.83rem; line-height:1.28; margin:0 0 .55rem; font-weight:600; font-family:var(--font-family-sans); }

/* Strength chip */
.strength-chip { font-size:.56rem; letter-spacing:.55px; font-weight:650; border-radius:999px; padding:.28rem .55rem .26rem; display:inline-block; margin:0 .5rem .55rem 0; position:relative; top:-1px; }
.strength-chip[data-s=strong] { background:#f1f6ff; color:#1f2f45; box-shadow:0 0 0 1px #c6d3e3; }
.strength-chip[data-s=moderate] { background:#d8e6f3; color:#203343; box-shadow:0 0 0 1px #b9ccda; }
.strength-chip[data-s=weak] { background:#eacb76; color:#3a2d00; box-shadow:0 0 0 1px rgba(0,0,0,.08); }
.strength-chip[data-s=unsupported] { background:#dddddd; color:#444; box-shadow:0 0 0 1px rgba(0,0,0,.08); }

/* Reuse */
.reuse-badge { position:absolute; top:6px; right:6px; background:#eef3ff; color:#1e54b7; font-size:.55rem; padding:.32rem .6rem; border-radius:14px; font-weight:600; letter-spacing:.55px; box-shadow:0 1px 2px rgba(0,0,0,.12); }
@media (prefers-color-scheme: dark){ .reuse-badge { background:rgba(255,255,255,.08); color:var(--color-accent-soft); } }

.problem-pill { display:inline-block; background:#ffffff !important; border:1px solid #d1dae0; color:#243039; font-size:.5rem; padding:.25rem .55rem .24rem; border-radius:999px; margin:0 .35rem .35rem 0; font-weight:600; letter-spacing:.55px; box-shadow:0 1px 2px rgba(0,0,0,.05); transition:background .15s,border-color .15s,color .15s,box-shadow .15s; }
.problem-pill:hover { background:#ffffff !important; border-color:#b8c5cc; box-shadow:0 2px 4px rgba(0,0,0,.08); }
.problem-pill:active { background:#f5f7f8 !important; border-color:#afbcc3; box-shadow:0 1px 2px rgba(0,0,0,.06) inset; }
@media (prefers-color-scheme: dark){ .problem-pill { background:#ffffff !important; border-color:#c9d3d8; color:#1e2830; box-shadow:0 1px 3px rgba(0,0,0,.3); } .problem-pill:hover { border-color:#b5c0c6; } .problem-pill:active { background:#f1f3f4 !important; border-color:#aab5bb; } }

.evidence-types { font-size:.55rem; color:var(--muted); margin-top:.45rem; line-height:1.3; }

.claim-footer { display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding-top:.55rem; }
.claim-links a { font-size:.55rem; text-decoration:underline; margin-right:.55rem; color:var(--link-color, var(--color-accent)); }
.claim-links a:hover { text-decoration:none; }

.empty { font-size:.78rem; text-align:center; margin:2.25rem 0; color:var(--muted); }

/* Highlight */
.claim-card.highlight { outline:2px solid #2f6feb; outline-offset:2px; box-shadow:0 0 0 3px rgba(47,111,235,.25); }

/* Subtle card hover */
.claim-card:hover { box-shadow:0 4px 14px -6px rgba(0,0,0,.18); transform:translateY(-2px); transition:.3s var(--easing-standard); }
.claim-card { transition:box-shadow .3s var(--easing-standard), transform .3s var(--easing-standard); }

/* Strength toggle pills */
#strengthGroup { display:flex; gap:.45rem; flex-wrap:wrap; }
#strengthGroup input { display:none; }
#strengthGroup label.strength-toggle { background:#ffffff; padding:.42rem .7rem .4rem; border-radius:30px; flex-direction:row; align-items:center; gap:.5rem; font-size:.57rem; font-weight:600; letter-spacing:.55px; color:#1f2f24; text-transform:none; line-height:1; cursor:pointer; position:relative; box-shadow:0 0 0 1px #ccd9cf, 0 1px 2px rgba(0,0,0,.05); transition:background .25s var(--easing-standard), color .25s var(--easing-standard), box-shadow .25s var(--easing-standard); }
#strengthGroup label.strength-toggle span { pointer-events:none; position:relative; z-index:1; }
#strengthGroup label.strength-toggle:hover { background:#f2f9f3; }
#strengthGroup label.strength-toggle.is-active { background:#f1f6ff; color:#1f2f45; box-shadow:0 0 0 1px #c6d3e3, 0 1px 3px rgba(0,0,0,.08); }
#strengthGroup label.strength-toggle.is-active span { color:#1f2f45; }
#strengthGroup input:focus-visible + span, #strengthGroup label.strength-toggle:focus-visible { outline:2px solid #2d5a27; outline-offset:2px; border-radius:inherit; }

/* Responsive tweaks */
@media (max-width:760px){
  .claims-grid { grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); }
  .filters-row input[type=search] { min-width:180px; }
}
@media (max-width:520px){
  .filters-row { gap:.75rem .65rem; }
  .claims-hero { padding:3.25rem 1rem 1.2rem; }
}

/* Dark mode adjustments for redesigned filters */
@media (prefers-color-scheme: dark){
  .claims-hero { background:linear-gradient(135deg,#1f3d1c 0%, #2d5a27 55%, #3d7441 100%); }
  .filters-row { background:#f1f8f3; border-color:#c2d4c5; box-shadow:0 6px 24px -10px rgba(0,0,0,.5); }
  .filters-row label, .filters-row .stat, .filters-row input[type=search], .filters-row select, .filters-heading { color:#13241a; }
  .filters-row input[type=search], .filters-row select { background:#ffffff; border-color:#b6ccb8; }
  #strengthGroup label.strength-toggle { background:#ffffff; }
  #strengthGroup input:checked + span::before { background:#b6dcc6; }
  .filters-row .stat { box-shadow:0 0 0 1px #c2d4c5; }
}