
/* SERPIFAI A68 Support Depth V1.1.0 - route scoped */
.a68-support-depth-v1-1-0 .a68-router {
  border:1px solid rgba(107,208,255,.34); background:linear-gradient(180deg,rgba(9,35,54,.96),rgba(5,21,34,.96));
  border-radius:18px; padding:clamp(1rem,2.5vw,1.55rem); box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.a68-support-depth-v1-1-0 .a68-router__head {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(16rem,.75fr); gap:1rem; align-items:start;
}
.a68-support-depth-v1-1-0 .a68-router__grid {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin:1rem 0;
}
.a68-support-depth-v1-1-0 .a68-router label { display:grid; gap:.35rem; color:#bfd0dc; font-weight:750; }
.a68-support-depth-v1-1-0 .a68-router select,
.a68-support-depth-v1-1-0 .a68-handoff textarea {
  width:100%; box-sizing:border-box; background:#061c2c; color:#f4f8fb;
  border:1px solid rgba(124,213,255,.4); border-radius:10px; padding:.72rem .78rem; font:inherit;
}
.a68-support-depth-v1-1-0 .a68-presets,
.a68-support-depth-v1-1-0 .a68-handoff__actions { display:flex; flex-wrap:wrap; gap:.65rem; margin:1rem 0; }
.a68-support-depth-v1-1-0 .a68-presets button,
.a68-support-depth-v1-1-0 .a68-handoff button,
.a68-support-depth-v1-1-0 .a68-handoff a {
  appearance:none; border:1px solid rgba(116,212,255,.48); background:#0a283c; color:#f3fbff;
  border-radius:999px; padding:.68rem .9rem; font:inherit; font-weight:750; text-decoration:none; cursor:pointer;
}
.a68-support-depth-v1-1-0 .a68-router select:focus-visible,
.a68-support-depth-v1-1-0 .a68-presets button:focus-visible,
.a68-support-depth-v1-1-0 .a68-handoff button:focus-visible,
.a68-support-depth-v1-1-0 .a68-handoff a:focus-visible,
.a68-support-depth-v1-1-0 .a68-handoff textarea:focus-visible { outline:3px solid #9fe6ff; outline-offset:3px; }
.a68-support-depth-v1-1-0 .a68-result { border-top:1px solid rgba(255,255,255,.12); padding-top:1rem; min-height:9rem; }
.a68-support-depth-v1-1-0 .a68-result-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; }
.a68-support-depth-v1-1-0 .a68-result-grid > div { background:rgba(255,255,255,.045); border-radius:12px; padding:.85rem; }
.a68-support-depth-v1-1-0 .a68-result-grid b { display:block; color:#9fe6ff; margin-bottom:.3rem; }
.a68-support-depth-v1-1-0 .a68-result-state { color:#fff; font-weight:850; }
.a68-support-depth-v1-1-0 .a68-handoff { margin-top:1rem; border-top:1px solid rgba(255,255,255,.12); padding-top:1rem; }
.a68-support-depth-v1-1-0 .a68-handoff textarea { min-height:12rem; resize:vertical; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.88rem; }
.a68-support-depth-v1-1-0 .a68-worked-escalation {
  margin:1.1rem 0; padding:1rem 1.05rem; border:1px solid rgba(126,214,163,.3);
  border-radius:14px; background:rgba(16,52,38,.27);
}
.a68-support-depth-v1-1-0 .a68-worked-escalation h3 { margin-top:.2rem; }
.a68-support-depth-v1-1-0 .a68-doctrine {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin:1rem 0 1.2rem;
}
.a68-support-depth-v1-1-0 .a68-doctrine > div {
  padding:.9rem; border:1px solid rgba(112,211,255,.25); border-radius:13px; background:rgba(9,35,54,.5);
}
.a68-support-depth-v1-1-0 .a68-doctrine span { display:block; color:#9fe6ff; font-size:.8rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.a68-support-depth-v1-1-0 .a68-doctrine strong { display:block; margin:.3rem 0; color:#fff; }
.a68-support-depth-v1-1-0 .a68-doctrine p { margin:0; color:#bfd0dc; }
.a68-support-depth-v1-1-0 .a68-doctrine__rule { border-color:rgba(242,203,109,.38)!important; background:rgba(54,44,13,.28)!important; }
.a68-support-depth-v1-1-0 .a68-signal-review-state {
  margin:.55rem 0 .8rem; padding:.65rem .75rem; border-left:3px solid #9fe6ff; background:rgba(10,38,58,.52);
  color:#dbeaf2; font-size:.92rem;
}
@media (max-width:980px){
  .a68-support-depth-v1-1-0 .a68-router__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .a68-support-depth-v1-1-0 .a68-result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .a68-support-depth-v1-1-0 .a68-doctrine { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px){
  .a68-support-depth-v1-1-0 .a68-router__head,
  .a68-support-depth-v1-1-0 .a68-router__grid,
  .a68-support-depth-v1-1-0 .a68-result-grid,
  .a68-support-depth-v1-1-0 .a68-doctrine { grid-template-columns:1fr; }
  .a68-support-depth-v1-1-0 .a68-presets button,
  .a68-support-depth-v1-1-0 .a68-handoff button,
  .a68-support-depth-v1-1-0 .a68-handoff a { width:100%; text-align:left; box-sizing:border-box; }
}
@media print {
  .a68-support-depth-v1-1-0 .a68-presets,
  .a68-support-depth-v1-1-0 .a68-handoff__actions { display:none!important; }
}
@media (prefers-reduced-motion:reduce){
  .a68-support-depth-v1-1-0 * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
