body {
    height: 100vh;
    background: #f5f6fa;
}

/* login */
.login-card {
    max-width: 420px;
    width: 100%;
}

/* dashboard */
.responsive-title{
  font-size: clamp(0.9rem, 2vw, 1.3rem);
  line-height: 1.2;
  word-break: break-word;
}

.header-logo{
  height:80px;
  width:auto;
  object-fit:contain;
}

.taken{
    background-color: red;
    color: #fff;
}

.available{
    background-color: green;
    color: #fff;
}

.pending{
    background-color: yellow;
}

.btn-create-account{
    cursor: pointer;
}

/* loading */
.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(4px);
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 1;
    transition: opacity 0.3s ease;
}

.loader-overlay.show {
    opacity: 1;
}

.loader-content {
    color: #fff;
}

.input-error {
    border: 1px solid red !important;
}

.brochure-item{
  cursor:pointer;
}

.brochure-item:hover{
  background:#f8f9fa;
}

#brochureList{
  max-height:200px;
  overflow-y:auto;
}

#modalOverlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(255,255,255,0.9);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1055;
}

.overlay-content{
  text-align:center;
}

.overlay-icon{
  font-size:60px;
}

.overlay-success{
  color:green;
}

.overlay-error{
  color:red;
}