/* Shared Mameada identity for standalone authentication screens. */
.logo a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.auth-brand-logo {
  display: block;
  object-fit: contain;
}

.auth-brand-logo--full {
  width: 148px;
  height: 44px;
}

.auth-brand-logo--mark {
  display: none;
  width: 40px;
  height: 40px;
}

@media (max-width: 900px) {
  .auth-brand-logo--full { display: none; }
  .auth-brand-logo--mark { display: block; }
}

/* =========================
   ALERTS
========================= */
.alert { padding: 15px; border-radius: 4px; }
.alert-success { background:#d4edda; color:#155724; }
.alert-danger { background:#f8d7da; color:#721c24; }

/* =========================
   ERROR VALIDATION
========================= */
.error,
.cat-field-error {
  color: #c62828;
  font-size: 12px;
}

/* =========================
   TOAST SYSTEM
========================= */
.cat-toast-container {
  position: fixed;
  top: 20px;
  right: 20px;
}

.cat-toast {
  padding: 12px;
  border-radius: 8px;
  color: #fff;
}

.cat-toast-success { background:#2e7d32; }
.cat-toast-error { background:#c62828; }

/* =========================
   MODAL
========================= */
.cat-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
}

.cat-modal {
  background: #fff;
  border-radius: 10px;
}

/* =========================
   DRAG & DROP
========================= */
.drop-zone {
  border: 2px dashed #999;
  padding: 30px;
  text-align: center;
  border-radius: 12px;
}