/* DualSide custom CSS — extends Tailwind's utility classes.
   Tailwind CDN injects utilities; this file adds component-level shortcuts
   and tiny tweaks that don't translate cleanly into class soup.

   Keep this file small. Real component CSS belongs in Tailwind's
   @layer components once we move off the Play CDN in production. */

/* svside-style input-group border-tightening (used by file picker rows) */
.input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group > .btn:not(:first-child)         { border-top-left-radius: 0;  border-bottom-left-radius: 0;  margin-left: -1px; }

/* Spinner (for scan in progress) — Tailwind doesn't ship one. */
.ds-spinner {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: ds-spin .75s linear infinite;
    vertical-align: -0.125em;
}
@keyframes ds-spin {
    to { transform: rotate(360deg); }
}

/* Status badge tones (color + border + soft background)
   — used for matched/total address health and similar binary states. */
.ds-badge {
    display: inline-block;
    padding: .15rem .55rem;
    border-radius: 9999px;
    font-size: .8rem;
    font-weight: 600;
    border: 1px solid transparent;
    line-height: 1.2;
}
.ds-badge-ok     { background: #e6f6ec; color: #1a7f37; border-color: #a8d8b9; }
.ds-badge-warn   { background: #fff8e1; color: #9a6700; border-color: #f4d27a; }
.ds-badge-danger { background: #ffebee; color: #b3261e; border-color: #f5b8b8; }
.ds-badge-muted  { background: #f6f8fa; color: #6a737d; border-color: #e1e4e8; }
.ds-badge-info   { background: #e8f1ff; color: #0a58ca; border-color: #b6d4fe; }

/* svside-style "Do not close" warning line (orange) */
.ds-warn-line { color: #d97706; font-weight: 500; }