.ai-records{color:var(--text-primary,#242632);min-width:0}.ai-records button{cursor:pointer;border:1px solid #ddddeb;background:#fff;color:var(--primary,#625bff);border-radius:9px;padding:9px 14px;font:inherit;font-size:13px}.ai-records button:disabled{opacity:.5;cursor:default}.ai-records button:focus-visible,.ai-records input:focus-visible,.ai-records select:focus-visible{outline:2px solid #6960ff;outline-offset:2px}.air-heading,.air-section-heading,.air-detail-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.air-heading h2{margin:0;font-size:24px}.air-heading p,.air-muted,.air-footer{color:#858897;font-size:13px}.air-counts{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:24px 0 16px}.air-counts button{text-align:left;color:#7b7e8d;padding:16px;background:#fff}.air-counts strong{display:block;font-size:25px;color:#292b36;margin-top:8px}.ai-records .selected{background:#f4f2ff;border-color:#b8b2ff;color:#635bff}.air-filters{background:white;border:1px solid #ececf2;border-radius:14px;padding:20px;display:flex;gap:12px;align-items:end;flex-wrap:wrap}.air-filters label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#777b8b}.air-keyword{flex:1;min-width:230px}.air-filters input,.air-filters select{border:1px solid #dddfe8;border-radius:8px;padding:10px;background:white;color:#292b36;font:inherit;min-width:0}.air-extra{display:flex;gap:16px;flex-wrap:wrap;width:100%;border-top:1px solid #eee;padding-top:16px}.ai-records .air-primary{background:#665dff;color:white;border-color:#665dff}.air-table-wrap{overflow-x:auto;margin-top:20px;border:1px solid #ececf2;border-radius:14px;background:#fff}.air-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.air-table th{background:#f9f9fc;color:#777b8b;font-weight:500;padding:16px;white-space:nowrap}.air-table td{padding:18px 16px;border-top:1px solid #eeeef4;vertical-align:middle}.air-title{display:block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.ai-records .air-id{display:block;padding:5px 0;border:0;font-size:11px;color:#9294a4;background:none}.ai-records small{display:block;color:#9395a1;font-size:12px;margin-top:6px}.air-nowrap{white-space:nowrap}.air-badge{display:inline-block;padding:5px 9px;border-radius:6px;font-size:12px;white-space:nowrap;background:#f0f1f5;color:#7c808d}.air-badge.succeeded,.air-badge.delivered{background:#eefaf3;color:#339267}.air-badge.failed{background:#fff0f2;color:#d64e65}.air-badge.partial_failed{background:#fff6e6;color:#b18026}.air-badge.running{background:#f0eeff;color:#675ae1}.air-empty{text-align:center;padding:60px!important;color:#9193a0}.air-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:16px}.air-footer>div{display:flex;gap:12px;align-items:center}.air-error{color:#cc435b;background:#fff5f6;padding:12px;border-radius:8px;overflow-wrap:anywhere}.air-notice{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#292b38;color:white;padding:12px 22px;border-radius:10px;z-index:99999}.air-drawer{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(820px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-radius:18px 0 0 18px;padding:0;color:#292b36;box-shadow:-12px 0 50px #0002;overflow:auto}.air-drawer::backdrop{background:#171b304a}.air-detail-header{padding:24px 28px;border-bottom:1px solid #eee}.air-detail-header h3{margin:0}.air-detail-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px 28px;font-size:13px}.air-tabs{display:flex;gap:12px;padding:0 28px 16px;border-bottom:1px solid #eee}.air-detail-body{padding:24px 28px}.air-detail-body h4{margin:16px 0}.air-detail-body pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f7fa;border:1px solid #ebedf2;border-radius:10px;padding:16px;font-size:12px;line-height:1.7;max-height:480px;overflow:auto}.air-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:14px}.air-tags{display:flex;gap:10px;flex-wrap:wrap;color:#6760c7;font-size:13px;margin:20px 0 32px}.air-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.air-images a{display:block;text-decoration:none;color:#817aab;font-size:12px}.air-images img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#f5f5f8;border:1px solid #eee;border-radius:10px}.air-images span{display:block;margin:8px 0}.air-step{border:1px solid #ebebf2;border-radius:12px;padding:16px;margin-bottom:12px}.air-step>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.air-callback{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:13px}.air-callback dt{color:#878a97}.air-callback dd{margin:0;overflow-wrap:anywhere}.air-detail-body details{margin-top:24px}.air-detail-body summary{cursor:pointer;color:#756bae;font-size:13px}@media(max-width:760px){.air-counts{grid-template-columns:repeat(3,1fr)}.air-heading{align-items:start}.air-heading h2{font-size:20px}.air-filters label{flex:1}.air-filters input{width:100%;box-sizing:border-box}.air-footer{flex-wrap:wrap}.air-drawer{border-radius:0}.air-detail-header,.air-detail-body{padding:20px}.air-images{grid-template-columns:repeat(2,minmax(0,1fr))}}

.air-bulk{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0;font-size:13px}.air-bulk small{width:100%;margin:0}.ai-records input[type="checkbox"]{accent-color:#665dff;width:16px;height:16px;cursor:pointer}.ai-records input[type="checkbox"]:disabled{cursor:not-allowed}

/* Detail navigation is visually distinct from badges and action buttons. */
.ai-records .air-tabs { gap:24px; padding:0 28px; border-bottom:1px solid var(--border,#eeeef4); }
.ai-records .air-tabs button { position:relative; min-height:48px; padding:0 4px; border:0; border-radius:0; background:transparent; color:var(--text-secondary,#777b8b); font-size:14px; font-weight:500; transition:color .15s; }
.ai-records .air-tabs button:hover { color:var(--primary,#665dff); }
.ai-records .air-tabs button.selected { color:var(--primary,#665dff); font-weight:600; background:transparent; }
.ai-records .air-tabs button::after { content:''; position:absolute; left:4px; right:4px; bottom:-1px; height:3px; border-radius:3px 3px 0 0; background:transparent; }
.ai-records .air-tabs button.selected::after { background:var(--primary,#665dff); }
.ai-records .air-tabs button:focus-visible { outline-offset:-3px; border-radius:4px; }
@media(max-width:760px) { .ai-records .air-tabs { gap:0; padding:0 20px; } .ai-records .air-tabs button { flex:1; } .ai-records .air-tabs button::after { left:24%; right:24%; } }

/* Match the console overview cards while retaining status filtering. */
.ai-records .air-counts { grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.ai-records .air-counts .stat-card { min-width:0; min-height:150px; padding:22px 20px; border:1px solid #edf0f2; border-radius:14px; background:var(--bg-white,#fff); box-shadow:0 8px 24px rgba(31,35,48,.045); }
.ai-records .air-counts .stat-card .value,.ai-records .air-counts .stat-card .meta { display:block; }
.ai-records .air-counts .stat-card .label { white-space:nowrap; }
.ai-records .air-counts .stat-card.selected { border-color:var(--primary,#665dff); box-shadow:0 0 0 1px var(--primary,#665dff),0 8px 24px rgba(31,35,48,.045); }
.ai-records .air-counts .stat-card.selected .label { color:var(--primary,#665dff); }
.ai-records .air-counts .stat-icon { flex-shrink:0; }
@media(max-width:1400px) { .ai-records .air-counts { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .ai-records .air-counts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .ai-records .air-counts .stat-card { padding:16px; min-height:140px; } .ai-records .air-counts .stat-card-head { gap:6px; } }