/* /Components/Layout/MailFlightOverlay.razor.rz.scp.css */
.mail-flight[b-q8tk7tyivg]{position:fixed;inset:0;pointer-events:none;z-index:3000}
.mail-flight.active[b-q8tk7tyivg]{pointer-events:auto}
.mail-flight .mf-veil[b-q8tk7tyivg]{position:fixed;inset:0;background:rgba(8,10,14,.55);opacity:0;transition:opacity .18s ease;pointer-events:none}
.mail-flight.active .mf-veil[b-q8tk7tyivg]{opacity:1;pointer-events:auto;cursor:wait}
.mail-flight .mf-item[b-q8tk7tyivg]{position:fixed;top:0;left:0;z-index:1;transform:translate(calc(var(--start-x) * 1px), calc(var(--start-y) * 1px)) translate(-50%, -50%) scale(.8) rotate(0deg);filter:drop-shadow(0 0 16px rgba(0,0,0,.35))}
.mail-flight .mf-logo[b-q8tk7tyivg],.mail-flight .mf-plane[b-q8tk7tyivg]{position:absolute;inset:0;display:block}
.mail-flight .mf-logo[b-q8tk7tyivg]{width:40px;height:40px;opacity:0}
.mail-flight .mf-plane[b-q8tk7tyivg]{width:34px;height:34px;color:#5fd6ff;opacity:0}

/* Sending: spin logo in place */
.mail-flight.sending .mf-logo[b-q8tk7tyivg]{opacity:1;animation:mf-spin-b-q8tk7tyivg 1.1s linear infinite}
@keyframes mf-spin-b-q8tk7tyivg{from{transform:rotate(0)} to{transform:rotate(360deg)}}

/* Success: fade logo, show plane, fly out */
.mail-flight.success .mf-logo[b-q8tk7tyivg]{opacity:0;animation:none}
.mail-flight.success .mf-plane[b-q8tk7tyivg]{opacity:1}
.mail-flight.success .mf-item[b-q8tk7tyivg]{animation:mf-send-b-q8tk7tyivg 1.2s cubic-bezier(.7,.05,.3,1) .05s 1 both}
@keyframes mf-send-b-q8tk7tyivg{
  0%{transform:translate(calc(var(--start-x) * 1px), calc(var(--start-y) * 1px)) translate(-50%, -50%) scale(.9) rotate(0deg)}
  20%{transform:translate(calc(var(--start-x) * 1px), calc(var(--start-y) * 1px)) translate(-50%, -50%) scale(1) rotate(360deg)}
  100%{transform:translate(130vw, -20vh) translate(-50%, -50%) scale(1) rotate(1080deg)}
}

/* Error: shake and hide */
.mail-flight.error .mf-logo[b-q8tk7tyivg]{opacity:1;animation:mf-shake-b-q8tk7tyivg .55s ease both}
.mail-flight.error .mf-plane[b-q8tk7tyivg]{opacity:0}
@keyframes mf-shake-b-q8tk7tyivg{
  0%,100%{transform:translate(0,0)}
  20%{transform:translate(-4px,0)}
  40%{transform:translate(4px,0)}
  60%{transform:translate(-2px,0)}
  80%{transform:translate(2px,0)}
}

@media (prefers-reduced-motion: reduce){
  .mail-flight.sending .mf-logo[b-q8tk7tyivg],.mail-flight.success .mf-item[b-q8tk7tyivg],.mail-flight.error .mf-logo[b-q8tk7tyivg]{animation:none !important}
}

/* /Components/Pages/Agents.razor.rz.scp.css */
.background[b-8afhe7hgrr]{
    /* Restore dark navy background previously used */
    background: linear-gradient(180deg, #050a16 0%, #0a121f 100%);
    margin: 0;
    padding: clamp(1rem, 2.4vw, 2rem) 0;
}

/* Use Bootstrap radius tokens to avoid undefined custom vars */
.title[b-8afhe7hgrr]{ font-size:clamp(1.5rem,1.2rem+1.2vw,2.2rem); margin:.25rem 0 .25rem; color:#fff }
.lead[b-8afhe7hgrr]{ color:rgba(247,247,250,.9); margin:0 0 1rem }
.toolbar[b-8afhe7hgrr]{ display:flex; gap:.75rem; align-items:center; margin:0 0 1rem }
.search[b-8afhe7hgrr]{ flex:1; padding:.6rem .8rem; border:1px solid rgba(255,255,255,.15); background:rgba(15,23,38,.65); color:#e8eef6; border-radius:var(--bs-border-radius-lg, 12px); font-size:1rem }
.count[b-8afhe7hgrr]{ color:#c8d2de; font-size:.95rem }
.grid[b-8afhe7hgrr] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
    gap: 1rem;
    padding:0 1rem;
}
.card[b-8afhe7hgrr]{ position:relative; background:#fff; border:1px solid #eee; border-radius:var(--bs-border-radius-xl, 14px); padding:1rem; box-shadow:0 2px 10px rgba(0,0,0,.04) }
.card.core[b-8afhe7hgrr]{ outline:2px solid #0b5fff15 }
.badge[b-8afhe7hgrr]{ position:absolute; top:.6rem; left:.6rem; font-size:.75rem; background:#f4f6ff; color:#2746d1; padding:.2rem .5rem; border-radius:999px; border:1px solid #e2e7ff }
.avatar[b-8afhe7hgrr]{ width:64px; height:64px; border-radius:50%; object-fit:cover; border:1px solid #eee; margin:.25rem 0 .5rem }
h3[b-8afhe7hgrr]{ margin:.2rem 0 .2rem; font-size:1.05rem }
.meta[b-8afhe7hgrr]{ color:#555; font-weight:600; margin-bottom:.4rem }
.bio[b-8afhe7hgrr]{ color:#666; font-size:.95rem; line-height:1.3 }

@media (prefers-color-scheme: dark){
  /* When OS is in dark mode, cards switch to dark while the background stays navy */
  .search[b-8afhe7hgrr]{ background:#0f1318; color:#e8eef6; border-color:#1e2630 }
  .card[b-8afhe7hgrr]{ background:#0f1318; border-color:#1e2630; box-shadow:0 2px 10px rgba(0,0,0,.25) }
  .badge[b-8afhe7hgrr]{ background:#0f1b37; color:#a7c4ff; border-color:#0f244e }
  .meta[b-8afhe7hgrr]{ color:#c9d3dd }
  .bio[b-8afhe7hgrr]{ color:#aeb7c1 }
}