/* CeCredential validation page - scoped to #cev-root so it can sit inside the Drury site theme. */

#cev-root {
  --cev-green: #3e8e41;
  --cev-green-dark: #2f6e32;
  --cev-gray: #666;
  --cev-rule: #999;
  --cev-stripe: #ffffb9;   /* Paradigm's highlight colour for result rows / message box */
  --cev-border: #ddd;
  max-width: 42rem;
  margin: 0 auto;
  padding: 1.5rem 1rem 3rem;
  font-family: "Open Sans", "Segoe UI", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #222;
}
#cev-root * { box-sizing: border-box; }
#cev-root h1 { font-size: 1.75rem; font-weight: 600; margin: 0 0 1rem; }
#cev-root h2 { font-size: 1.15rem; font-weight: 600; margin: 0 0 .5rem; }
#cev-root a { color: #1a5d9b; }

/* Entry row */
.cev-entry { display: flex; flex-wrap: wrap; gap: .75rem; align-items: flex-start; }
.cev-label {
  background: var(--cev-gray); color: #fff; border-radius: .3em;
  padding: .35em .75em; min-width: 11.5rem; line-height: 1.2;
}
.cev-label span { display: block; font-size: .9em; opacity: .9; }
.cev-inputwrap { display: flex; flex-direction: column; gap: .25rem; }
.cev-input {
  font-family: "Share Tech Mono", ui-monospace, Consolas, monospace;
  font-size: 1.6rem; letter-spacing: .04em;
  width: 15.5rem; max-width: 100%; padding: .2rem .5rem;
  border: 1px solid #555; border-radius: 2px; text-transform: uppercase;
}
.cev-input:focus { outline: 3px solid #8ab4f8; outline-offset: 1px; }
.cev-hint { color: #a00; font-size: .9rem; margin: 0; }

/* Buttons */
.cev-button {
  display: inline-block; margin-top: 1rem;
  background: var(--cev-green); color: #fff !important; text-decoration: none;
  border: 2px solid #222; border-radius: 4px;
  padding: .45rem 1.1rem; font-size: 1rem; cursor: pointer;
}
.cev-button:hover { background: var(--cev-green-dark); }
.cev-button:focus-visible { outline: 3px solid #8ab4f8; outline-offset: 2px; }
.cev-button:disabled { opacity: .7; cursor: progress; }

.cev-poweredby { margin: 1rem 0 1.5rem; }
.cev-poweredby img { height: 50px; width: auto; }

/* Results */
.cev-status { font-size: 1.1rem; margin: 0 0 .75rem; }
.cev-table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; }
.cev-table th, .cev-table td {
  border: 1px solid var(--cev-border); padding: .55rem .6rem; text-align: left; vertical-align: top;
}
.cev-table th { width: 30%; font-weight: 700; }
.cev-table tr:nth-child(odd) th, .cev-table tr:nth-child(odd) td { background: var(--cev-stripe); }
.cev-scholar small { display: block; margin-top: .4rem; }
.cev-neutral {
  background: var(--cev-stripe); border: 1px solid #e3e3a0; border-radius: 4px;
  padding: .75rem 1rem .75rem 0; margin-bottom: 1rem;
}
.cev-neutral ul { margin: 0; }

.cev-section { border-top: 1px solid var(--cev-rule); padding-top: .75rem; margin-top: 1.25rem; }
.cev-section p { text-align: justify; }
.cev-chea-logo { margin: 0 0 .5rem; }
.cev-more { margin-top: 1.5rem; }

@media print { .cev-form, .cev-poweredby { display: none; } }