.admin-test-area { color:#e0e7ff; max-width:1160px; margin:0 auto; padding:0 0 3rem; }
.ata-header { padding:1.6rem 1.8rem; border:1px solid rgba(126,181,255,.25); border-radius:16px; background:linear-gradient(120deg,#112c46,#09192d); margin-bottom:1.4rem; }
.ata-kicker { font-size:.71rem; font-weight:800; color:#ffcf73; letter-spacing:.13em; }
.ata-header h1 { margin:.3rem 0 .45rem; font-size:clamp(1.8rem,4vw,2.5rem); }
.ata-header p,.ata-section-heading p { color:#abbdd1; line-height:1.55; margin:.35rem 0 0; }
.ata-section { background:rgba(9,25,44,.78); border:1px solid rgba(126,181,255,.19); border-radius:16px; padding:1.5rem; margin-bottom:1.3rem; }
.ata-section-heading { display:flex; gap:1rem; align-items:flex-start; margin-bottom:1.2rem; }
.ata-section-heading h2 { margin:0; font-size:1.3rem; }
.ata-step { flex:none; background:rgba(126,181,255,.12); color:#7eb5ff; border-radius:9px; font-weight:800; padding:.5rem; }
.ata-empty { padding:.85rem 1rem; border-radius:9px; border:1px dashed rgba(255,207,115,.35); color:#ffe1a0; line-height:1.5; }
.ata-cases { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.ata-case { border:1px solid rgba(126,181,255,.25); background:#10243b; border-radius:12px; padding:1.15rem; min-width:0; }
.ata-case-image { display:block; width:100%; height:180px; object-fit:cover; border-radius:8px; margin-bottom:1rem; background:#09192d; }
.ata-case-tag { font-size:.68rem; color:#ffd166; font-weight:800; letter-spacing:.08em; }
.ata-case h3 { font-size:1.14rem; margin:.65rem 0 .12rem; color:#e0e7ff; }
.ata-case-type { color:#9eb8d4; margin:0 0 1rem; font-size:.82rem; }
.ata-facts { margin:0 0 1rem; display:grid; gap:.55rem; }
.ata-facts div { display:grid; grid-template-columns:70px minmax(0,1fr); gap:.6rem; font-size:.8rem; }
.ata-facts dt { color:#9eb8d4; }
.ata-facts dd { margin:0; overflow-wrap:anywhere; }
.ata-outline,.ata-live-row button,.ata-role-tabs button { width:auto; cursor:pointer; border-radius:8px; font-weight:700; padding:.55rem .8rem; }
.ata-outline,.ata-live-row button { background:rgba(126,181,255,.1); border:1px solid rgba(126,181,255,.4); color:#b4d1ff; }
.ata-outline:hover,.ata-live-row button:hover { background:rgba(126,181,255,.2); }
.ata-case-detail { margin-top:1rem; border-top:1px solid rgba(126,181,255,.2); padding-top:.5rem; font-size:.83rem; line-height:1.55; color:#cfdded; }
.ata-case-detail h4 { color:#9cc4f7; margin:.85rem 0 .2rem; }
.ata-case-detail p,.ata-case-detail ul { margin:.15rem 0 .6rem; }
.ata-case-detail ul { padding-left:1.25rem; }
.ata-live-list { border:1px solid rgba(0,200,83,.32); background:rgba(0,200,83,.045); border-radius:10px; padding:1rem; margin-bottom:1.2rem; }
.ata-live-list h3 { margin:0 0 .75rem; font-size:.95rem; }
.ata-live-row { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.6rem; padding:.55rem 0; border-top:1px solid rgba(126,181,255,.15); }
.ata-live-row small { display:block; color:#9eb8d4; margin-top:.2rem; }
.ata-caption { font-size:.76rem; color:#afc0d2; line-height:1.5; margin:1rem 0 0; }
.ata-role-tabs { display:flex; flex-wrap:wrap; gap:.55rem; margin-bottom:1rem; }
.ata-role-tabs button { background:#132942; color:#afc0d2; border:1px solid #3c5978; }
.ata-role-tabs button[aria-selected=true] { border-color:#7eb5ff; color:#0a1929; background:#7eb5ff; }
.ata-mini-preview .smd-shelf { margin:0; }
@media (max-width:700px) { .ata-header,.ata-section { padding:1rem; } .ata-cases { grid-template-columns:1fr; } }
@media (max-width:700px) {
  .sop-test-area .sop-top-stats { flex-wrap:wrap; gap:.7rem; padding:.7rem 1rem !important; }
  .sop-test-area .sop-top-stats > div { min-width:0; flex-wrap:wrap; }
  .sop-test-area .sop-top-stats > div:last-child { gap:.75rem !important; }
  .sop-test-area .sop-top-stats > div:last-child > div:first-child { flex-wrap:wrap; gap:.75rem !important; }
}