:root {
  --upa-ink: #17211c;
  --upa-muted: #65716a;
  --upa-paper: #f6f4ed;
  --upa-white: #ffffff;
  --upa-green: #123f31;
  --upa-green-2: #1f654d;
  --upa-red: #c92d37;
  --upa-gold: #f0b429;
  --upa-sky: #dceff3;
  --upa-line: #dce2de;
  --upa-shadow: 0 18px 45px rgba(23, 33, 28, 0.12);
  --upa-shadow-soft: 0 8px 24px rgba(23, 33, 28, 0.08);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--upa-ink) !important;
  background: var(--upa-paper) !important;
  font-family: Poppins, "Noto Sans Devanagari", Hind, Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

a {
  color: inherit;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
.btn,
input[type="submit"],
input[type="button"] {
  border-radius: 6px !important;
}

input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
select,
textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid #cbd5cf !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: var(--upa-ink) !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--upa-green-2) !important;
  outline: 3px solid rgba(31, 101, 77, 0.13) !important;
}

table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden;
  background: #fff !important;
  color: var(--upa-ink) !important;
  border: 1px solid var(--upa-line) !important;
  border-radius: 6px;
  box-shadow: var(--upa-shadow-soft);
}

th {
  background: var(--upa-green) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

td,
th {
  border: 0 !important;
  border-bottom: 1px solid var(--upa-line) !important;
  padding: 12px 14px !important;
  text-align: left;
}

tr:last-child td {
  border-bottom: 0 !important;
}

tbody tr:nth-child(even),
table tr:nth-child(even) {
  background: #f7faf8 !important;
}

tbody tr:hover,
table tr:hover {
  background: #edf6f1 !important;
}

.pdf-container {
  margin: 16px 0 28px !important;
  padding: 16px !important;
  border: 1px solid var(--upa-line) !important;
  border-top: 4px solid var(--upa-red) !important;
  border-radius: 6px;
  background: #fff;
  box-shadow: var(--upa-shadow-soft);
}

.pdf-container iframe {
  min-height: 640px;
  border: 1px solid var(--upa-line) !important;
  border-radius: 4px;
}

@media (max-width: 700px) {
  body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  td,
  th {
    padding: 10px 12px !important;
  }

  .pdf-container iframe {
    min-height: 520px;
  }
}
