/* /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 */
/* Om oss — ljus design enligt grafiska profilen */

.background[b-8afhe7hgrr]{
    background: #ffffff;
    margin: 0;
    padding: clamp(2rem, 4vw, 3.5rem) 0 clamp(2.5rem, 5vw, 4rem);
}

.about-intro[b-8afhe7hgrr]{ margin-bottom: clamp(2rem, 4vw, 3rem); }

.title[b-8afhe7hgrr]{ font-size:clamp(1.9rem,1.4rem+1.6vw,2.6rem); margin:.25rem 0 .75rem; color:#0B0D10 }
.lead[b-8afhe7hgrr]{ color:#5B656D; margin:0 0 1rem }

/* Ledning */
.leadership[b-8afhe7hgrr]{ margin-bottom: clamp(2.5rem, 5vw, 4rem); }
.leader-grid[b-8afhe7hgrr]{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:1.25rem;
}
.leader-card[b-8afhe7hgrr]{
    background:#fff;
    border:1px solid #E7EAEC;
    border-radius:12px;
    padding:1.5rem;
    box-shadow:0 4px 20px rgba(11,13,16,.08);
}
.leader-avatar[b-8afhe7hgrr]{ width:88px; height:88px; border-radius:50%; object-fit:cover; border:1px solid #E7EAEC; margin-bottom:.85rem; background:#F9F9F9 }
.leader-card h3[b-8afhe7hgrr]{ margin:0 0 .15rem; font-size:1.15rem; color:#0B0D10 }
.leader-role[b-8afhe7hgrr]{ font-family:"IBM Plex Mono",Consolas,monospace; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:#0C5D66; margin-bottom:.6rem }
.leader-card p[b-8afhe7hgrr]{ color:#5B656D; font-size:.95rem; line-height:1.5; margin:0 }

/* AI-flottan */
.agent-section[b-8afhe7hgrr]{ padding-top: clamp(1rem, 2vw, 1.5rem); border-top: 1px solid #E7EAEC; }
.toolbar[b-8afhe7hgrr]{ display:flex; gap:.75rem; align-items:center; margin:0 0 1.25rem }
.search[b-8afhe7hgrr]{ flex:1; max-width:480px; padding:.6rem .8rem; border:1px solid #d5dadd; background:#fff; color:#0B0D10; border-radius:var(--bs-border-radius, 6px); font-size:1rem }
.search[b-8afhe7hgrr]::placeholder{ color:#AEB6BC }
.count[b-8afhe7hgrr]{ color:#5B656D; font-size:.95rem }
.grid[b-8afhe7hgrr] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
    gap: 1rem;
    padding: 0;
}
.card[b-8afhe7hgrr]{ position:relative; background:#fff; border:1px solid #E7EAEC; border-radius:12px; padding:1rem; box-shadow:0 4px 20px rgba(11,13,16,.06) }
.badge[b-8afhe7hgrr]{ position:absolute; top:.6rem; left:.6rem; font-size:.72rem; font-family:"IBM Plex Mono",Consolas,monospace; background:#E1F0F1; color:#094A52; padding:.2rem .5rem; border-radius:999px; border:none }
.avatar[b-8afhe7hgrr]{ width:64px; height:64px; border-radius:50%; object-fit:cover; border:1px solid #E7EAEC; margin:.25rem 0 .5rem }
h3[b-8afhe7hgrr]{ margin:.2rem 0 .2rem; font-size:1.05rem }
.meta[b-8afhe7hgrr]{ color:#2A3138; font-weight:600; margin-bottom:.4rem; font-size:.9rem }
.bio[b-8afhe7hgrr]{ color:#5B656D; font-size:.9rem; line-height:1.4 }