/* Evidence Page Specific Styles */

}

/* Add form */
.addcard{background:var(--panel); border:1px solid var(--rule); border-radius:10px; box-shadow:var(--shadow); padding:16px 18px; margin-bottom:18px}
.addcard .p-eyebrow{font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--meta); font-weight:700; margin-bottom:10px; display:flex; align-items:center; gap:7px}
.addcard .p-eyebrow svg {
  width: 14px;
  height: 14px;
  display: block;
  flex-shrink: 0;
}
.form-grid{display:grid; grid-template-columns:110px 1.6fr 1fr 2fr auto; gap:10px; align-items:end}
@media (max-width:860px){.form-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.form-grid{grid-template-columns:1fr}}
.field label{display:block; font-size:11px; color:var(--meta); font-weight:600; margin-bottom:4px; letter-spacing:.02em}
.field input, .field select{width:100%; padding:8px 10px; border:1px solid var(--rule); border-radius:7px; background:var(--ground); color:var(--ink); font:inherit; font-size:13.5px}
.field input:focus, .field select:focus{outline:2px solid var(--focus); outline-offset:-1px; border-color:var(--focus)}
.btn{font:inherit; font-size:13px; font-weight:600; padding:9px 15px; border-radius:8px; border:1px solid var(--rule); background:var(--panel); color:var(--ink-2); cursor:pointer; display:inline-flex; align-items:center; gap:7px; white-space:nowrap; transition:background .12s}
.btn:hover{background:var(--panel-2); color:var(--ink)}
.btn.primary{background:var(--warn); color:#241a08; border-color:var(--warn)}
.btn.primary:hover{filter:brightness(1.05)}
.btn svg{
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: block;
}

/* Toolbar */
.toolbar{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:16px}
.search{flex:1 1 220px; min-width:180px; display:flex; align-items:center; gap:8px; background:var(--panel); border:1px solid var(--rule); border-radius:999px; padding:8px 14px}
.search input{flex:1; background:none; border:0; outline:none; color:var(--ink); font:inherit; font-size:14px}
.search svg{
  color:var(--meta);
  flex-shrink:0;
  width: 18px;
  height: 18px;
  display: block;
}
.chips{display:flex; gap:6px; flex-wrap:wrap}
.chip{font:inherit; font-size:12.5px; font-weight:600; padding:6px 12px; border-radius:999px; background:var(--panel); color:var(--ink-2); border:1px solid var(--rule); cursor:pointer}
.chip[aria-pressed="true"]{background:var(--rule-2); border-color:var(--ink-2); color:var(--ink)}
.chip[data-m="1"][aria-pressed="true"]{background:var(--m1-soft); border-color:var(--m1); color:var(--m1)}
.chip[data-m="2"][aria-pressed="true"]{background:var(--m2-soft); border-color:var(--m2); color:var(--m2)}
.chip[data-m="3"][aria-pressed="true"]{background:var(--m3-soft); border-color:var(--m3); color:var(--m3)}
.count{font-size:12.5px; color:var(--meta); font-variant-numeric:tabular-nums}

/* Groups */
.group{margin-bottom:22px}
.group-head{display:flex; align-items:baseline; gap:10px; padding:6px 2px 10px; border-bottom:1px solid var(--rule); margin-bottom:12px}
.group-id{font-size:14px; font-weight:700; color:var(--gc, var(--ink-2)); font-variant-numeric:tabular-nums}
.group-title{font-size:14.5px; font-weight:600}
.group-owner{font-size:12px; color:var(--ink-3); margin-left:auto}

.ev-list{display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:12px}
.ev{position:relative; background:var(--panel); border:1px solid var(--rule); border-radius:10px; padding:14px 16px 14px 18px; display:flex; flex-direction:column; gap:8px; transition:box-shadow .14s, border-color .14s}
.ev:hover{box-shadow:var(--shadow)}
.ev::before{content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--gc, var(--rule)); border-radius:10px 0 0 10px}
.ev-top{display:flex; align-items:flex-start; justify-content:space-between; gap:10px}
.ev-type{font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; font-weight:700; padding:2px 8px; border-radius:4px; background:var(--warn-soft); color:var(--warn); white-space:nowrap}
.ev-title{font-size:14.5px; font-weight:600; line-height:1.35; margin:0}
.ev-meta{font-size:11.5px; color:var(--ink-3); display:flex; gap:8px 12px; flex-wrap:wrap}
.ev-actions{display:flex; align-items:center; gap:8px; margin-top:auto; padding-top:6px}
.ev-open{flex:1; display:inline-flex; align-items:center; justify-content:center; gap:7px; font-size:13px; font-weight:700; text-decoration:none;
  padding:8px 12px; border-radius:7px; background:var(--m2); color:#fff; transition:filter .12s}
.ev-open:hover{filter:brightness(1.06)}
.ev-open.disabled{background:var(--rule-2); color:var(--ink-3); pointer-events:none}
.ev-del{border:1px solid var(--rule); background:var(--panel); color:var(--ink-3); border-radius:7px; padding:8px 10px; cursor:pointer; font:inherit; display:inline-flex}
.ev-del:hover{border-color:var(--m1); color:var(--m1); background:var(--m1-soft)}
.gdrive{display:inline-flex; align-items:center; gap:6px}

.empty{padding:44px; text-align:center; color:var(--meta); border:1px dashed var(--rule); border-radius:10px}
.foot{margin-top:30px; font-size:12px; color:var(--meta); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-top:14px; border-top:1px solid var(--rule)}
input[type=file]{display:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}