/* Zone C shared styles */

/* Runaway alerts */
.ra-wrap{display:block}
.ra-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.ra-row{display:grid;grid-template-columns:1fr 100px 90px;gap:10px;align-items:center;padding:10px 12px;background:var(--panel2,#171b24);border:1px solid var(--border,#262b38);border-radius:10px;cursor:pointer;transition:.15s}
.ra-row:hover{border-color:var(--accent,#d97757);transform:translateY(-1px)}
.ra-row:focus{outline:2px solid var(--accent,#d97757);outline-offset:2px}
.ra-title{font-size:13px;font-weight:500;color:var(--text,#e6e8ee);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ra-id{font-size:11px;color:var(--muted,#8a93a6);font-weight:400}
.ra-pills{margin-top:4px;display:flex;flex-wrap:wrap;gap:4px}
.ra-pill{display:inline-block;padding:2px 7px;border-radius:999px;font-size:10px;border:1px solid transparent;white-space:nowrap}
.ra-pill-loop{color:#eab308;border-color:#eab30844;background:#eab30811}
.ra-pill-depth{color:#a855f7;border-color:#a855f744;background:#a855f711}
.ra-pill-cost{color:#ef4444;border-color:#ef444444;background:#ef444411}
.ra-pill-elapsed{color:#6ea8ff;border-color:#6ea8ff44;background:#6ea8ff11}
.ra-mid{color:var(--accent,#d97757);display:flex;align-items:center}
.ra-spark{display:block}
.ra-right{text-align:right;font-size:13px;font-weight:600;color:var(--text,#e6e8ee);font-variant-numeric:tabular-nums}
.ra-empty{padding:20px 12px;text-align:center;color:var(--muted,#8a93a6);font-size:12px}

/* Anomaly feed */
.af-wrap{display:block}
.af-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;color:var(--muted,#8a93a6);flex-wrap:wrap;gap:8px}
.af-toolbar .af-clear{background:transparent;color:var(--muted,#8a93a6);border:1px solid var(--border,#262b38);border-radius:8px;padding:4px 10px;cursor:pointer;font-size:11px}
.af-toolbar .af-clear:hover{color:var(--accent,#d97757);border-color:var(--accent,#d97757)}
.af-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto}
.af-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 12px;background:var(--panel2,#171b24);border:1px solid var(--border,#262b38);border-radius:10px;transition:.15s}
.af-row:hover{border-color:var(--accent,#d97757)}
.af-main{cursor:pointer;min-width:0}
.af-main:focus{outline:2px solid var(--accent,#d97757);outline-offset:2px}
.af-title{font-size:13px;font-weight:500;color:var(--text,#e6e8ee);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.af-sub{font-size:11px;color:var(--muted,#8a93a6);margin-top:2px;display:flex;flex-wrap:wrap;gap:4px}
.af-badge{display:inline-block;padding:2px 7px;border-radius:999px;font-size:10px;border:1px solid transparent;white-space:nowrap}
.af-badge-sigma{color:#ef4444;border-color:#ef444444;background:#ef444411}
.af-badge-error{color:#f97316;border-color:#f9731644;background:#f9731611}
.af-badge-depth{color:#a855f7;border-color:#a855f744;background:#a855f711}
.af-badge-elapsed{color:#6ea8ff;border-color:#6ea8ff44;background:#6ea8ff11}
.af-badge-waste{color:#eab308;border-color:#eab30844;background:#eab30811}
.af-cost{font-size:13px;font-weight:600;color:var(--text,#e6e8ee);font-variant-numeric:tabular-nums}
.af-ignore{background:transparent;color:var(--muted,#8a93a6);border:1px solid var(--border,#262b38);border-radius:6px;padding:3px 8px;font-size:11px;cursor:pointer;transition:.15s}
.af-ignore:hover{color:var(--warn,#eab308);border-color:var(--warn,#eab308)}
.af-empty{padding:20px 12px;text-align:center;color:var(--muted,#8a93a6);font-size:12px}

@media (max-width:720px){
  .ra-row{grid-template-columns:1fr 80px}
  .ra-mid{display:none}
  .af-row{grid-template-columns:1fr auto}
  .af-ignore{display:none}
}