/* Kort / spacing */
.aw-agent-card { box-shadow: 0 1px 2px rgba(0,0,0,.04); }

/* Segmentert kontroll – responsiv */
.ld-status-ctrl{
  display:flex;
  flex-wrap:wrap;               /* la knappene bryte linje på små skjermer */
  width:100%;                   /* fyll kortets bredde */
  max-width:100%;               /* aldri stikk utenfor */
  box-sizing:border-box;        /* inkluder padding/border i bredden */
  background:#e6e8ea;
  padding:3px;
  border-radius:14px;
  border:2px solid #9aa2a8;
  gap:0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 2px 4px rgba(0,0,0,.06);
  overflow:hidden;              /* skjul ev. sub-pixel overflow */
}
.ld-status-btn{
  appearance:none;
  background:#f3f4f6;
  color:#111827;
  font-weight:700;
  font-size:13px;
  flex:1 1 0%;                  /* jevn fordeling, kan krympe */
  min-width:0;                  /* nødvendig for at flex-barn kan krympe */
  padding:6px 10px;
  border:none; outline:0; cursor:pointer;
  text-align:center;
  white-space:nowrap;           /* hold teksten på én linje */
  transition:background .15s ease,color .15s ease,transform .1s ease;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6), inset 0 -1px 0 rgba(0,0,0,.06);
}
.ld-status-btn + .ld-status-btn{ border-left:1px solid #d1d5db; }
.ld-status-btn:first-child { border-radius:10px 0 0 10px; }
.ld-status-btn:last-child  { border-radius:0 10px 10px 0; }

.ld-status-btn:hover{ transform:translateY(-1px) }
.ld-status-btn:active{ transform:translateY(0) }

/* Valgt tilstand – farger (Reset blir ikke liggende valgt i JS) */
.ld-status-btn.selected[data-action="active"]   { background:#22c55e; color:#fff; }
.ld-status-btn.selected[data-action="inactive"] { background:#ef4444; color:#fff; }
.ld-status-btn.selected[data-action="reset"]    { background:#fbbf24; color:#111827; }

/* Små skjermer: litt mindre typografi/padding */
@media (max-width: 420px){
  .ld-status-btn{ font-size:12px; padding:6px 8px; }
}

/* Refresh nederst, midtstilt */
.aw-refresh-wrap{
  display:flex;
  justify-content:center;
  margin-top:16px;
}
.aw-refresh-btn{
  background:#fff;
  border:1px solid #cbd5e1;
  border-radius:9999px;
  padding:10px 18px;
  font-weight:600;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.aw-refresh-btn:hover{ background:#f8fafc; }
.aw-refresh-btn:disabled{ opacity:.6; cursor:not-allowed; }