/* ============================================================
   Tatka ERP — Website / Login theme
   Glossy premium login: warm gradient field + glassy card.
   ============================================================ */

:root { --primary: #EF6C2A; }

body {
  background: radial-gradient(1200px 620px at 50% -12%, #FFEBD3 0%, #F7F6F4 58%) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Login card — premium glass */
.page-card,
.login-content .page-card {
  border-radius: 18px !important;
  border: 1px solid rgba(20, 20, 20, 0.05) !important;
  box-shadow: 0 24px 70px -24px rgba(180, 60, 10, 0.32),
              0 2px 10px rgba(0, 0, 0, 0.05) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.page-card-head .indicator,
.page-card-head { font-weight: 700; }

/* Logo on login */
.app-logo,
.navbar-brand img,
.page-card-head img { height: 46px !important; width: auto !important; }

/* Glossy login button */
.btn-login,
.btn-primary,
.btn-modal-primary {
  background-image: linear-gradient(180deg, #F79542, #EF6C2A) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.30),
              0 2px 8px rgba(180, 60, 10, 0.28) !important;
  border-radius: 10px !important;
}
.btn-login:hover { filter: brightness(1.04); }

.form-control { border-radius: 9px !important; }
.form-control:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 2px rgba(239, 108, 42, 0.16) !important;
}

a { color: var(--primary); }