.evidence-view { max-width: 1040px; padding: 65px max(7vw, 42px) 90px; }
.evidence-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.evidence-head>div>h2 { font: 600 clamp(40px, 5vw, 56px)/1.02 var(--serif); letter-spacing: -2px; margin: 0; }
.evidence-head p:last-child { color: var(--muted); line-height: 1.5; max-width: 570px; }
.evidence-head button, .evidence-empty button { border: 0; background: var(--ink); color: white; border-radius: 7px; padding: 13px 18px; min-height: 44px; white-space: nowrap; font: 500 12px var(--sans); }
.evidence-controls { display: flex; gap: 12px; margin: 28px 0 22px; }
.evidence-controls label { display: grid; gap: 6px; color: #79766f; font: 500 10px var(--mono); letter-spacing: .7px; }
.evidence-controls select, .evidence-controls input { min-height: 43px; border: 1px solid #d9d2c8; border-radius: 7px; background: #fffdf9; color: var(--ink); padding: 8px 12px; font: 500 13px var(--sans); }
.evidence-controls label:last-child { flex: 1; }
.evidence-controls input { width: 100%; }
.evidence-count { color: #777b6d; font: 500 11px var(--mono); margin-bottom: 14px; }
.evidence-list { display: grid; gap: 11px; }
.evidence-entry { display: grid; grid-template-columns: 72px 1fr auto; gap: 18px; align-items: start; background: #f3eee5; border: 1px solid #e4ddd2; border-radius: 10px; padding: 21px; }
.evidence-entry time { color: #8d765f; font: 500 10px/1.4 var(--mono); letter-spacing: .5px; text-transform: uppercase; }
.evidence-entry h2 { margin: 0 0 10px; color: #30392e; font: 500 23px/1.25 var(--serif); overflow-wrap: anywhere; }
.evidence-entry p { margin: 0; color: #78766e; font: 500 11px var(--sans); }
.evidence-entry button { min-height: 40px; border: 1px solid #c8c6b8; background: #fffdf9; color: #475744; border-radius: 6px; padding: 8px 12px; font: 500 11px var(--sans); }
.evidence-empty { padding: 48px 22px; text-align: center; border: 1px dashed #cfc7b9; border-radius: 10px; background: #f4f0e8; }
.evidence-empty h2 { font: 500 26px var(--serif); margin: 0 0 8px; }
.evidence-empty p { color: var(--muted); line-height: 1.5; }
@media (max-width:850px) { .evidence-view { padding: 42px 20px 100px; } .evidence-head { align-items: start; flex-direction: column; } .evidence-controls { flex-direction: column; } .evidence-entry { grid-template-columns: 1fr auto; } .evidence-entry time { grid-column: 1 / -1; } }
@media (max-width: 380px) { .evidence-view { padding: 35px 14px 100px; } .evidence-entry { padding: 16px; gap: 10px; } .evidence-entry h2 { font-size: 21px; } }