.usage-text{font-size:13px;color:var(--muted);white-space:nowrap}
.record-filters{display:flex;align-items:center;gap:8px;margin:22px 0 18px;flex-wrap:wrap}
.record-filters label{min-width:0;max-width:100%}
.record-filters input,.record-filters select{height:40px;border:1px solid var(--line);border-radius:5px;color:var(--text);background:#fff;padding:7px 10px;max-width:100%;min-width:0}
.record-filters select{max-width:195px}
.record-query{flex:1;min-width:160px!important}
.record-query input{width:100%}
.record-list{border-top:1px solid var(--line)}
.record-row{display:grid;grid-template-columns:100px minmax(0,1fr) 85px 20px;align-items:center;gap:14px;padding:17px 10px;border-bottom:1px solid var(--line)}
.record-row:hover{background:var(--surface)}
.record-row time{font-size:12px;color:var(--muted);text-align:right}
.record-row>.lucide{color:var(--muted);width:16px;height:16px}
.record-main{min-width:0;display:flex;flex-direction:column;gap:4px}
.record-main strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.record-main>span{font-size:12px}
.record-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.record-heading>div{min-width:0}
.record-heading h1{font-size:24px;overflow-wrap:anywhere}
.record-heading p{font-size:13px;margin-bottom:8px}
.record-parameters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-block:1px solid var(--line);padding:22px 0;margin:22px 0}
.record-parameters dt{font-size:12px;color:var(--muted);margin-bottom:5px}
.record-parameters dd{font-size:15px;font-weight:600;margin:0;overflow-wrap:anywhere}
.record-section{border-bottom:1px solid var(--line);padding:22px 0;margin:0}
.record-section h2{font-size:17px;margin-bottom:14px}
.record-detail summary{cursor:pointer;font-weight:600;font-size:14px;color:#455267;overflow-wrap:anywhere}
.record-detail details[open]>summary{margin-bottom:18px}
.record-detail .prompt-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85;margin-bottom:18px}
.record-json{margin-top:16px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 Consolas,monospace;max-height:480px;overflow-y:auto;padding:16px;background:var(--surface)}
.variable-list{display:flex;flex-direction:column;gap:16px;margin:0}
.variable-list>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;font-size:13px}
.variable-list dt{color:var(--green);font-weight:600;overflow-wrap:anywhere}
.variable-list dd{margin:0;display:flex;gap:8px;flex-wrap:wrap}
.variable-list dd span{background:var(--surface);padding:3px 7px;border-radius:3px;overflow-wrap:anywhere;max-width:100%}
.conversation-turn{border-left:2px solid #c5d5d0;padding-left:16px;margin:22px 0}
.conversation-turn .eyebrow{color:var(--green)}
@media(max-width:650px){
  .record-row{grid-template-columns:72px minmax(0,1fr) 16px;gap:10px;padding:15px 0}
  .record-row time{display:none}
  .record-row .badge{font-size:11px;padding:3px 5px}
  .record-filters select{max-width:170px;font-size:13px}
  .record-query{flex-basis:calc(100% - 100px)}
  .record-parameters{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .variable-list>div{grid-template-columns:minmax(0,1fr);gap:8px}
  .record-heading h1{font-size:22px}
}