/* =============================================================================
   SECURECRT-MOBA.CSS — stili specifici per il tool SecureCRT -> MobaXterm.
   Riusa i design token globali di style.css (colori, radius, font, spacing).
   ========================================================================== */

.scm-privacy {
  display: inline-flex; align-items: center; gap: .5rem;
  font-size: .88rem; color: var(--muted); margin: .3rem 0 0;
}
.scm-dot { width: 8px; height: 8px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 4px rgba(52,211,153,.18); flex: none; }

.scm-step { max-width: 820px; margin: 0 auto 26px; }
.scm-step__title { display: flex; align-items: center; gap: 12px; font-size: 1.05rem; margin: 0 0 14px; }
.scm-step__n {
  display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px;
  background: var(--grad); color: #04211d; font-family: var(--mono); font-weight: 800; font-size: .85rem; flex: none;
}

/* ------------------------------------------------------------------ dropzone */
.scm-drop {
  border: 2px dashed var(--line-2); border-radius: var(--radius);
  background: var(--bg-soft); padding: 40px 24px; text-align: center;
  transition: border-color .2s, background .2s; cursor: pointer;
}
.scm-drop:hover, .scm-drop.drag-over { border-color: var(--accent); background: var(--bg-soft-2); }
.scm-drop__icon { width: 46px; height: 46px; margin: 0 auto 14px; color: var(--accent); }
.scm-drop__icon svg { width: 100%; height: 100%; }
.scm-drop__text { font-weight: 600; margin: 0 0 6px; }
.scm-drop__sub { color: var(--muted); font-size: .88rem; margin: 0; }
.scm-drop input[type="file"] { display: none; }

/* --------------------------------------------------------------------- output */
.scm-out { max-width: 820px; margin: 0 auto; }
.scm-summary { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.scm-chip {
  display: inline-flex; align-items: center; gap: .45rem; font-size: .84rem;
  padding: .4rem .8rem; border-radius: 999px; border: 1px solid var(--line-2);
  background: var(--bg-soft); color: var(--text);
}
.scm-chip .dot { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.scm-chip--ok .dot { background: #34d399; }
.scm-chip--info .dot { background: #60a5fa; }
.scm-chip--warn .dot { background: #fb923c; }
.scm-chip--skip .dot { background: #94a3b8; }
.scm-chip--folder .dot { background: var(--accent); }
.scm-chip b { font-weight: 800; }

.scm-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }

.scm-group { margin-bottom: 22px; }
.scm-group__title { font-size: .95rem; font-weight: 700; margin: 0 0 10px; display: flex; align-items: center; gap: 8px; }
.scm-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.scm-item {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem;
  padding: 10px 14px; border-radius: var(--radius-sm); background: var(--bg-soft);
  border: 1px solid var(--line); font-size: .88rem;
}
.scm-item__name { font-weight: 700; font-family: var(--mono); }
.scm-item__folder { font-family: var(--mono); font-size: .74rem; color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line));
  border-radius: 99px; padding: 1px 9px; white-space: nowrap; }
.scm-item__meta { color: var(--muted); }
.scm-item__note { color: var(--accent-2); font-size: .82rem; width: 100%; }
.scm-item--skip .scm-item__name { color: var(--muted-2); }
.scm-item--warn { border-color: color-mix(in srgb, #fb923c 35%, var(--line)); }

.scm-error { color: #f43f5e; padding: 14px 0; }

.scm-priv-note {
  margin-top: 30px; padding: 16px 18px; border-radius: var(--radius-sm);
  background: var(--bg-soft); border: 1px solid var(--line); color: var(--muted); font-size: .88rem;
}
.scm-priv-note strong { color: var(--text); }

.scm-disclaimer { max-width: 820px; margin: 26px auto 0; font-size: .78rem; color: var(--muted-2); text-align: center; }