.recordings-screen{max-width:1200px;margin:auto;padding:34px 28px 90px}.archive-head{display:flex;align-items:center;gap:15px}.archive-head>button:first-child{width:43px;height:43px;border-radius:50%;background:#ffffff0e;font-size:28px}.archive-head h1{font:700 34px Space Grotesk;margin:2px 0}.archive-head p{margin:0;color:var(--muted)}.archive-head .eyebrow{color:#83dce6}.archive-head>button:last-child{margin-left:auto;background:#ffffff0b;border:1px solid var(--line);padding:11px 14px;border-radius:12px}.archive-alert{display:flex;gap:15px;margin:24px 0;padding:17px;border:1px solid #52dbe54a;border-radius:16px;background:linear-gradient(90deg,#12303a77,#121724)}.archive-alert>span{font-size:30px}.archive-alert b{color:#83ebf0}.archive-alert p{margin:2px 0;color:#c5ccd5}.archive-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.archive-stats article{padding:17px;background:#15111d;border:1px solid var(--line);border-radius:16px}.archive-stats small,.archive-stats b,.archive-stats span{display:block}.archive-stats small{font-size:10px;color:#8ca4b2;letter-spacing:.08em}.archive-stats b{font-size:25px}.archive-stats b.red{color:#ff667f}.archive-stats span{color:var(--muted);font-size:11px}.archive-toolbar{display:grid;grid-template-columns:1.5fr .7fr .6fr auto;gap:8px;margin:18px 0}.archive-toolbar input,.archive-toolbar select,.archive-toolbar button{background:#15111d;color:#fff;border:1px solid var(--line);border-radius:11px;padding:10px}.archive-toolbar select option{color:#111}.archive-table{border:1px solid var(--line);border-radius:18px;background:#110e17;overflow:auto}.archive-row{min-width:900px;display:grid;grid-template-columns:1.5fr 1fr .8fr .8fr .8fr .8fr;align-items:center;gap:10px;padding:13px 15px;border-top:1px solid var(--line)}.archive-row.headings{border:0;color:var(--muted);font-size:11px}.archive-row span:first-child{display:grid}.archive-row small{color:var(--muted)}.archive-row button{padding:7px;border-radius:8px;background:#ffffff0c}.archive-row .review-btn{background:#633cc4}.archive-status{font-style:normal;font-size:10px;padding:5px 7px;border-radius:7px;width:max-content}.archive-status.reported{color:#ff8b9c;background:#e83d5920}.archive-status.hold{color:#efcf75;background:#d3a32b20}.archive-status.clean{color:#5cdda0;background:#20b96d20}.retention-count{font-size:12px}.retention-count.urgent{color:#ffbd63}.audit-note{margin-top:14px;padding:14px 18px;border-left:3px solid #5bd5df;background:#ffffff06}.audit-note p{margin:2px 0;color:var(--muted)}.recording-review{width:min(94%,850px);padding:0;overflow:hidden;text-align:left}.review-video{height:340px;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#623c8a,#090711 70%);position:relative}.review-video>span{font-size:60px}.review-video b,.review-video small{display:block}.review-video small{color:#c7bdcc}.review-meta{padding:22px}.review-meta h2{font:700 25px Space Grotesk;margin:3px 0}.review-meta>p:not(.eyebrow){color:var(--muted)}.review-timeline{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px}.review-timeline i{flex:1;height:5px;background:#ffffff12;border-radius:5px}.review-timeline em{display:block;width:34%;height:100%;background:#8052df}.review-meta label{display:grid;gap:5px;margin:15px 0}.review-meta textarea{min-height:80px;background:#ffffff09;color:#fff;border:1px solid var(--line);border-radius:11px;padding:10px}.review-actions{display:flex;gap:7px;flex-wrap:wrap}.review-actions button{padding:9px 11px;background:#ffffff0b;border-radius:10px}.review-actions button:first-child{background:#1a9e62}.review-actions .danger{color:#ff8a9b}.retention-badge{display:inline-flex;gap:5px;align-items:center}.retention-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#55db98}.retention-badge.reported:before{background:#ff536d}
@media(max-width:800px){.archive-stats{grid-template-columns:1fr 1fr}.archive-toolbar{grid-template-columns:1fr 1fr}.recordings-screen{padding:24px 12px 90px}.archive-head{align-items:flex-start;flex-wrap:wrap}.archive-head>button:last-child{margin-left:58px}.review-video{height:240px}}
@media(max-width:540px){.archive-stats{grid-template-columns:1fr 1fr}.archive-toolbar{grid-template-columns:1fr}.archive-alert{align-items:flex-start}.archive-head h1{font-size:27px}}