/*
 * Componentes base do design system (ViewComponents).
 * Classes derivadas dos estilos inline do design de referência (LIA.dc.html).
 */

/* ---- Button ---- */
.lia-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:48px;padding:0 18px;border-radius:12px;border:1px solid transparent;
  font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;
  transition:filter .15s ease,opacity .15s ease;line-height:1;
}
.lia-btn:disabled{opacity:.5;cursor:not-allowed;}
.lia-btn:hover:not(:disabled){filter:brightness(1.03);}
.lia-btn--primary{background:var(--primary);color:#fff;box-shadow:0 6px 18px var(--primary-soft);}
.lia-btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border-2);font-weight:600;}
.lia-btn--ghost{background:transparent;color:var(--text-2);font-weight:600;}
.lia-btn--danger{background:var(--rose);color:#fff;}
.lia-btn--sm{height:40px;font-size:13px;border-radius:10px;}
.lia-btn--lg{height:48px;}
.lia-btn--block{width:100%;}

/* ---- Input ---- */
.lia-input{
  width:100%;height:46px;padding:0 14px;border:1px solid var(--border-2);
  background:var(--surface-2);border-radius:11px;color:var(--text);
  font-size:14px;font-family:inherit;outline:none;
  transition:border-color .15s ease;
}
.lia-input::placeholder{color:var(--text-3);}
.lia-input:focus{border-color:var(--primary);}
.lia-field{display:block;margin-bottom:18px;}
.lia-field__label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:7px;}
.lia-field__error{display:block;font-size:12px;color:var(--rose);margin-top:6px;}

/* ---- Card ---- */
.lia-card{
  background:var(--surface);border:1px solid var(--border);border-radius:16px;
  padding:18px;box-shadow:var(--shadow);
}
.lia-card--flush{padding:0;overflow:hidden;}

/* ---- Badge ---- */
.lia-badge{
  display:inline-flex;align-items:center;gap:5px;
  font-size:11px;font-weight:700;padding:3px 9px;border-radius:7px;
  color:var(--primary-ink);background:var(--primary-soft);
}
.lia-badge--blue{color:var(--blue);background:var(--blue-soft);}
.lia-badge--amber{color:var(--amber);background:var(--amber-soft);}
.lia-badge--violet{color:var(--violet);background:var(--violet-soft);}
.lia-badge--rose{color:var(--rose);background:var(--rose-soft);}
.lia-badge--neutral{color:var(--text-2);background:var(--chip);}

/* ---- Chip ---- */
.lia-chip{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:600;padding:5px 11px;border-radius:9px;
  color:var(--text-2);background:var(--chip);
}

/* ---- Avatar ---- */
.lia-avatar{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:38px;height:38px;border-radius:50%;overflow:hidden;
  font-size:13px;font-weight:700;color:#fff;background:var(--primary);
  object-fit:cover;
}
.lia-avatar--sm{width:30px;height:30px;font-size:11px;}
.lia-avatar--lg{width:52px;height:52px;font-size:17px;}

/* ---- Toggle (switch) ---- */
.lia-toggle{display:inline-flex;align-items:center;cursor:pointer;}
.lia-toggle input{position:absolute;opacity:0;width:0;height:0;}
.lia-toggle__track{
  position:relative;width:42px;height:24px;border-radius:24px;
  background:var(--track);transition:background .18s ease;
}
.lia-toggle__track::after{
  content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;
  border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);
  transition:transform .18s ease;
}
.lia-toggle input:checked + .lia-toggle__track{background:var(--primary);}
.lia-toggle input:checked + .lia-toggle__track::after{transform:translateX(18px);}

/* ---- Progress bar ---- */
.lia-progress{height:5px;background:var(--track);border-radius:5px;overflow:hidden;}
.lia-progress__bar{height:100%;background:var(--primary);border-radius:5px;transition:width .3s ease;}
.lia-progress__bar--warn{background:var(--amber);}
.lia-progress__bar--danger{background:var(--rose);}