/* Subtle icon patterns using inline SVG data URIs */


html, body {
    font-family: 'Roboto', sans-serif;
}    
  
  body {
  min-height: 100vh; /* ensure it covers full viewport height */
  background-color: #eeddc25e;
  /* Or for a radial gradient: */
  /* background: radial-gradient(circle, #f5f7fa, #c3cfe2); */
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.ist-date {
    font-family: "Courier New", monospace;
    display: inline-block;
    min-width: 230px; /* enough for full string */
    text-align: right;
}
.bg-custom1{
  background-color: #eeddc25e;
}

table.custom-head thead th {
  background-color: #00f;  /* your desired color */
  color: #fff;
}


      /* Oval card and compact spacing */
      .oval-card {
        border-radius: 2rem; /* large radius for an oval look */
        overflow: hidden;
      }
      .compact-card .card-body { padding: 1.25rem; }
      @media (min-width: 576px) { .compact-card .card-body { padding: 1.5rem; } }

      /* CTA buttons with distinct colors, subtle hover, and motion safeguards */
      .btn-cta {
        transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
        will-change: transform;
      }
      .btn-register {
        background: linear-gradient(135deg, #0d6efd, #0b5ed7);
        color: #fff;
        border: 1px solid #0b5ed7;
      }
      .btn-register:hover,
      .btn-register:focus-visible {
        background: linear-gradient(135deg, #0c62f2, #0a58ca);
        box-shadow: 0 .5rem 1rem rgba(13,110,253,.15);
        transform: translateY(-1px);
        color: #fff;
      }

      .btn-login {
        background: #e9f0ff;
        color: #0a58ca;
        border: 1px solid #cfe0ff;
      }
      .btn-login:hover,
      .btn-login:focus-visible {
        background: #deebff;
        color: #0a58ca;
        box-shadow: 0 .5rem 1rem rgba(10,88,202,.12);
        transform: translateY(-1px);
      }

      /* Respect reduced motion preferences */
      @media (prefers-reduced-motion: reduce) {
        .btn-cta { transition: none; }
      }
      /* Replace your .oval-card rule with this stronger pill radius */
.oval-card {
  border-radius: 99px;           /* ultra-oval pill corners */
  overflow: hidden;                /* clip inner content to shape */
}

/* Optional: soften the top accent strip to match the oval shape */
.oval-card > .border-top {
  border-top-left-radius: 99px;
  border-top-right-radius: 99px;
}

/* Optional: add a subtle inner highlight for depth */
.oval-card .card-body {
  position: relative;
}
.oval-card .card-body::before {
  content: "";
  position: absolute;
  inset: 0.35rem;
  border-radius: 99px;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(13,110,253,.06);
}

/* Subtle hover motion on CTAs */
.btn-cta:hover,
.btn-cta:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 .6rem 1.2rem rgba(0,0,0,.12);
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .btn-cta { transition: none !important; }
}

 /* Password toggle button */
      .password-toggle {
        cursor: pointer;
        transition: color .2s ease;
      }
      .password-toggle:hover {
        color: #0d6efd;
      }