.fac-page-root{
  min-width:0;
}

.fac-stack{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.fac-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.fac-card{
  border:1px solid var(--owge-border);
  border-radius:16px;
  background:rgba(7,15,29,.56);
  padding:14px;
  min-width:0;
}

.fac-card h2,
.fac-card h3{
  margin:0 0 10px;
}

.fac-empty{
  border:1px dashed var(--owge-border);
  border-radius:14px;
  padding:14px;
  color:var(--owge-text-muted);
  background:rgba(7,15,29,.35);
}

.fac-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.fac-selectable-card{
  border:1px solid var(--owge-border);
  border-radius:14px;
  padding:12px;
  background:rgba(7,15,29,.5);
  display:flex;
  flex-direction:column;
  gap:8px;
  cursor:pointer;
}

.fac-selectable-card:hover{
  border-color:var(--owge-border-strong);
  background:rgba(10,22,41,.62);
}

.fac-selectable-card.is-selected{
  outline:2px solid rgba(77,163,255,.55);
  background:rgba(16,34,61,.78);
}

.fac-selectable-card__title{
  font-weight:800;
  color:#fff;
}

.fac-selectable-card__meta{
  color:var(--owge-text-soft);
  font-size:14px;
}

.fac-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.fac-detail-row{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.fac-detail-label{
  color:var(--owge-text-muted);
  font-size:12px;
}

.fac-detail-value{
  color:#fff;
  font-size:15px;
  font-weight:700;
  word-break:break-word;
}

.fac-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.fac-status-box{
  margin-top:12px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--owge-border);
  background:rgba(9,17,31,.48);
  color:var(--owge-text-soft);
}

.fac-waypoints{
  white-space:pre-wrap;
  color:var(--owge-text-soft);
  font-size:14px;
  line-height:1.45;
  min-height:60px;
}

.fac-scroll{
  max-height:calc(100vh - 240px);
  overflow:auto;
  padding-right:4px;
}

.fac-scroll::-webkit-scrollbar{
  width:10px;
}

.fac-scroll::-webkit-scrollbar-thumb{
  background:rgba(121,184,255,.2);
  border-radius:999px;
}

@media (max-width:1100px){
  .fac-grid-2{
    grid-template-columns:1fr;
  }

  .fac-scroll{
    max-height:none;
    overflow:visible;
    padding-right:0;
  }
}

@media (max-width:720px){
  .fac-detail-grid{
    grid-template-columns:1fr;
  }
}