/* ========== PDF Login Viewer — Frontend Styles ========== */
:root{
  --plv-primary:#6E4E2E;   /* brand brown */
  --plv-accent:#2D1E16;    /* deep brown */
  --plv-cream:#F5EFEA;     /* soft beige/cream */
  --plv-border:#e7e2dc;
  --plv-text:#2D1E16;
  --plv-muted:#7a6a5e;
  --plv-white:#fff;
}
.plv-container{    }
/* Common */
.plv-error{color:#c0392b;text-align:center;margin:0 0 14px;}
.plv-btn{
  display:inline-flex;align-items:center;gap:.4rem;
  font-weight:600;text-decoration:none;cursor:pointer;
  border:0;border-radius:10px;padding:.55rem 1rem;
  transition:background .25s ease,color .25s ease,transform .2s ease;
}
.plv-btn-primary{background:var(--plv-primary);color:var(--plv-white);}
.plv-btn-primary:hover{background:#5a3f24;transform:translateY(-1px);}
.plv-btn-logout{background:var(--plv-primary);color:var(--plv-white);}
.plv-btn-logout:hover{background:#5a3f24;}
.plv-btn-open{background:var(--plv-primary);color:var(--plv-white);}
.plv-btn-open:hover{background:#5a3f24;}
.plv-btn-download{background:var(--plv-accent);color:var(--plv-white);}
.plv-btn-download:hover{background:#23170f;}
.plv-muted{color:var(--plv-muted);font-size:.95rem}

/* Logout bar */
.plv-logout{margin:0 0 18px;text-align:right;}

/* ===== Login form ===== */
.plv-login-form{
  max-width:420px;margin:48px auto;padding:28px;
  background:var(--plv-white);border:1px solid var(--plv-border);
  border-radius:14px;
}
.plv-login-title{
  margin:0 0 14px;color:#005379;font-size:1.4rem;font-weight:700;text-align:center;
  font-family:"Georgia","Times New Roman",serif;
}
.plv-login-form input{
  width:100%;padding:.85rem 1rem;border:1px solid var(--plv-border);
  border-radius:10px;background:#fff;color:var(--plv-text);
  transition:border-color .2s ease;
}
.plv-login-form input:focus{
  border-color:var(--plv-primary);outline:0;
}

/* ===== Grid layout ===== */
.plv-grid{
  display:grid;gap:22px;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
@media (min-width:720px){
  .plv-grid{gap:26px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
}

/* ===== Card ===== */
.plv-card{
  background:var(--plv-cream);
  border:1px solid var(--plv-border);
  border-radius:4px;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
  box-shadow:none; /* no default shadow */
}
.plv-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.12);} /* shadow only on hover */
.plv-thumb-wrap{background:var(--plv-white); padding:30px;}
.plv-thumb-wrap img{max-width:90% !important;}
.plv-thumb{width:100%;height:190px;object-fit:cover;display:block;}
@media (min-width:720px){ .plv-thumb{height:210px;} }
.plv-card-body{
	    display: flex;
    justify-content: space-between;
    align-items: center;
	padding:16px;text-align:center;}
.plv-title{
  margin:0 0 12px;color:var(--plv-text);
  font-size:1.12rem;font-weight:700;line-height:1.3;
  font-family:"Georgia","Times New Roman",serif;
}
.plv-actions{display:flex;justify-content:center;gap:10px;}

/* ===== Modal viewer ===== */
.plv-modal{
  position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;z-index:9999;
}
.plv-modal.show{display:flex;}
.plv-modal-box{
  width:90%;height:90vh;background:#fff;border-radius:14px;
  position:relative;overflow:hidden;
}
.plv-modal-close{
  position:absolute;top:10px;right:12px;border:0;border-radius:8px;cursor:pointer;
  padding:.4rem .6rem;background:#b9352b;color:#fff;font-weight:700;
}
#plvFrame{width:100%;height:100%;border:0;}

/* ===== Pagination (right corner, elegant) ===== */
.plv-pagination{
  margin:22px 0 8px;
  display:flex;
  justify-content:flex-end; /* right corner */
  gap:8px;
}
.plv-page-btn{
  min-width:38px;height:38px;padding:0 .8rem;
  border-radius:10px;border:1px solid var(--plv-border);
  background:var(--plv-white);color:var(--plv-text);
  font-weight:600;cursor:pointer;
  transition:all .2s ease;
}
.plv-page-btn:hover{background:var(--plv-primary);color:#fff;}
.plv-page-btn.active{
  background:linear-gradient(135deg,var(--plv-primary),var(--plv-accent));
  color:#fff;border-color:transparent;
}

/* Optional wrapper background if desired */
.plv-section-bg{background:linear-gradient(180deg,#faf8f6,transparent);padding:8px;border-radius:18px;}










/* ===== PDF Login Viewer – Login Box Only ===== */
.plv-login-form{
  max-width: 420px;
  margin: 48px auto;
  padding: 38px 26px 28px 26px;
  background: #fff;
  border: 1px solid #e7e2dc;          /* soft border */
  border-radius: 5px;
	min-height:300px;
	
}

.plv-login-title{
  margin: 0 0 20px;
  color: #005379;                      /* deep brown */
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  font-family: "Georgia","Times New Roman",serif;
}

/* fields */
.plv-login-form .plv-field{ margin-bottom: 14px; }

.plv-login-form input{
  width: 100%;
  padding: .85rem 1rem;
  border: 0px solid #e7e2dc !important;
  border-radius: 5px;
  background: #eaf2ff;                 /* light blue fill like your screenshot */
  color: #2D1E16;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.plv-login-form input::placeholder{ color:#7a6a5e; opacity:.9; }

.plv-login-form input:focus{
  background: #fff;
  border-color: #6E4E2E;               /* brand brown */
  box-shadow: 0 0 0 3px rgba(110,78,46,.15);
  outline: 0;
}

/* login button */
.plv-login-form .plv-btn{
  display: inline-flex;
  align-items: center;
	justify-content:center;
	width:70%;
  gap: .4rem;
  border: 1px solid #005379;           /* soft pink border as in screenshot */
  background: #005379;
  color: #fff;                       /* rose/pink text */
  border-radius: 2px;
  padding: .55rem 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .25s ease, color .25s ease, border-color .25s ease, transform .2s ease;
}

.plv-login-form .plv-btn:hover{
  background: #FFD35C;
  color: #fff;
  border-color: #FFD35C;
  transform: translateY(-1px);
}

/* optional: align the whole login form nicely when used on narrow screens */
@media (max-width: 480px){
  .plv-login-form{ margin: 32px 16px; padding: 22px; }
}