.request-usage{margin:20px 0;padding:24px;background:var(--surface,#fff);border:1px solid var(--line,#e2e7ed);border-radius:16px;color:var(--text,#172431)}
.request-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.request-heading h2{margin:4px 0 8px;font-size:23px}.request-subtitle,.request-retention,.request-notice{font-size:12px;line-height:1.7;color:var(--muted,#718096)}.request-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.request-stats article{padding:15px 18px;background:var(--surface-2,#f5f7fa);border-radius:10px;display:flex;flex-direction:column;gap:8px}.request-stats span,.request-stats small{font-size:12px;color:var(--muted,#718096)}.request-stats strong{font-size:23px;font-variant-numeric:tabular-nums}.request-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.request-filter{display:flex;flex-direction:column;gap:5px;min-width:110px}.request-filter span{font-size:12px;color:var(--muted,#718096)}.request-filters select,.request-filters input{height:38px;border:1px solid var(--line,#dbe2e9);background:var(--surface-2,#f5f7fa);color:inherit;border-radius:7px;padding:6px 10px;max-width:200px}.request-filters input{flex:1;min-width:150px;max-width:260px}.request-table-scroll{overflow-x:auto;margin-top:8px}.request-table{border-collapse:collapse;width:100%;font-size:12px;min-width:940px}.request-table th{font-weight:500;text-align:left;padding:14px 10px;background:var(--surface-2,#f5f7fa);color:var(--muted,#718096);white-space:nowrap}.request-table td{padding:15px 10px;border-bottom:1px solid var(--line,#e2e7ed);vertical-align:middle;max-width:205px;overflow-wrap:anywhere}.request-table td:first-child{min-width:180px}.request-table small{display:block;margin-top:6px;color:var(--muted,#718096);font-size:11px}.request-id{font-family:ui-monospace,monospace;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-table td strong{font-weight:500}.request-status{padding:4px 9px;border-radius:6px;white-space:nowrap;background:var(--surface-2,#eef1f5)}.request-status.succeeded{color:#16805f;background:#16805f18}.request-status.failed{color:#d66359;background:#d6635918}.request-status.running,.request-status.queued,.request-status.submitted{color:#b88020;background:#b8802018}.request-failure{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:180px;color:var(--muted,#718096);line-height:1.6}.request-thumbnails{display:inline-flex;gap:4px;vertical-align:middle;margin-right:7px}.request-thumbnail{border:0;padding:0;background:var(--surface-2,#edf0f3);width:39px;height:39px;border-radius:5px;overflow:hidden;cursor:pointer}.request-thumbnail img{width:100%;height:100%;object-fit:cover}.request-download{color:var(--accent,#567bd6);font-size:12px;display:inline-block;margin:5px 7px 5px 0;white-space:nowrap}.request-expired{color:var(--muted,#718096);font-size:12px}.request-table .ghost-btn{padding:5px 8px;font-size:12px;min-height:30px;white-space:nowrap}.request-pagination{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:18px}.request-pagination span{margin-right:auto;font-size:12px;color:var(--muted,#718096)}.request-retention{margin:18px 0 0}.request-empty{height:150px;text-align:center!important}.usage-ledger-details{margin:20px 0}.usage-ledger-details>summary{cursor:pointer;padding:14px 4px;font-size:14px;color:var(--muted,#718096)}.usage-ledger-details .table-panel{margin-top:10px}.request-dialog{width:min(880px,92vw);max-height:90vh;border:1px solid var(--line,#dbe2e9);border-radius:15px;padding:0;background:var(--surface,#fff);color:var(--text,#172431)}.request-dialog::backdrop{background:#09121dcc}.request-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line,#e2e7ed)}.request-dialog header h2{margin:0;font-size:18px}.request-dialog-body{padding:20px;overflow:auto}.request-preview-media{display:flex;align-items:center;justify-content:center;min-height:130px;background:var(--surface-2,#f5f7fa);border-radius:9px;overflow:hidden}.request-preview-media img,.request-preview-media video{max-width:100%;max-height:60vh;object-fit:contain}.request-preview-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding:16px 0}.request-preview-actions span{font-size:12px;color:var(--muted,#718096)}.request-prompt{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:13px;max-height:220px;overflow:auto}.request-facts{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:13px}.request-facts dt{color:var(--muted,#718096)}.request-facts dd{margin:0;overflow-wrap:anywhere}.request-error{padding:15px;background:#d6635915;color:#d66359;border-radius:8px;margin-top:20px;line-height:1.7}
@media(max-width:760px){.request-usage{padding:16px 12px;border-radius:12px}.request-heading h2{font-size:21px}.request-heading>.ghost-btn{font-size:12px;padding:8px}.request-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.request-stats article{padding:13px}.request-stats strong{font-size:21px}.request-filter{flex:1;min-width:calc(50% - 10px)}.request-filters select{max-width:100%;width:100%}.request-filters input{max-width:none}.request-table{min-width:0}.request-table thead{display:none}.request-table,.request-table tbody{display:block}.request-table tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;border:1px solid var(--line,#e2e7ed)!important;border-radius:10px;margin:12px 0!important;padding:14px!important;background:transparent!important}.request-table td{display:block!important;max-width:none;min-width:0!important;border:0!important;padding:0!important;text-align:left!important}.request-table td::before{content:attr(data-label)!important;display:block!important;font-size:10px!important;color:var(--muted,#718096)!important;margin-bottom:7px!important;font-weight:400!important}.request-table td:first-child{grid-column:1/-1}.request-table td:first-child time{display:block}.request-table .request-id{max-width:100%;font-size:11px}.request-table td:nth-child(7){grid-column:1/-1}.request-table td:last-child{grid-column:1/-1;justify-self:end}.request-table td:last-child::before{display:none!important}.request-table td.request-empty{grid-column:1/-1;height:auto!important;min-height:80px!important}.request-dialog{width:96vw;max-height:94vh}.request-dialog-body{padding:14px}.request-dialog header{padding:15px}.request-facts{grid-template-columns:75px 1fr;gap:11px}.request-pagination{gap:6px}.request-pagination button{padding:8px;font-size:12px}.request-failure{max-width:100%}}

.request-id{display:block;background:none;border:0;padding:0;cursor:pointer;color:var(--muted);font-size:11px;text-align:left;margin-top:6px}.request-id:hover{color:var(--accent)}.request-heading>.ghost-btn{white-space:nowrap;flex-shrink:0}