/* Mediflow Premium Portal Theme (Blue/White) */
:root{
  --mf-primary:#2563eb;
  --mf-primary2:#0ea5e9;
  --mf-bg:#f6f8fc;
  --mf-card:#ffffff;
  --mf-border:rgba(15,23,42,.10);
  --mf-text:#0f172a;
  --mf-muted:#64748b;
  --mf-radius:18px;
}
html,body{height:100%;}
body.mf-portal{
  min-height:100vh;
  margin:0;
  font-family:"Cairo",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--mf-text);
  background:
    radial-gradient(900px 500px at 85% -10%, rgba(37,99,235,.18), transparent 60%),
    radial-gradient(800px 400px at -10% 105%, rgba(14,165,233,.14), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, var(--mf-bg) 70%);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 12px;
}
.mf-auth-shell{width:100%; max-width:980px;}
.mf-auth-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:22px; align-items:stretch;}
@media (max-width: 992px){.mf-auth-grid{grid-template-columns:1fr;}}
.mf-auth-hero{
  border-radius:var(--mf-radius);
  background:linear-gradient(135deg, rgba(37,99,235,.10), rgba(14,165,233,.06));
  border:1px solid var(--mf-border);
  padding:28px;
}
.mf-auth-card{
  border-radius:var(--mf-radius);
  background:var(--mf-card);
  border:1px solid var(--mf-border);
  box-shadow:0 18px 40px rgba(15,23,42,.08);
  padding:28px;
}
.mf-brand{display:flex; align-items:center; gap:12px; margin-bottom:18px;}
.mf-logo{
  width:46px; height:46px; border-radius:14px;
  background:linear-gradient(135deg, var(--mf-primary), var(--mf-primary2));
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:22px;
}
.mf-title{font-weight:700; font-size:22px; line-height:1.2; margin:0;}
.mf-sub{color:var(--mf-muted); font-size:13px; margin-top:4px;}
.mf-help{color:var(--mf-muted); font-size:12px;}
.mf-auth-card label{color:var(--mf-muted); font-size:13px;}
.mf-auth-card .form-control{
  border-radius:12px;
  border-color:rgba(148,163,184,.55);
  padding:10px 12px;
}
.mf-auth-card .form-control:focus{
  border-color:rgba(37,99,235,.85);
  box-shadow:0 0 0 .2rem rgba(37,99,235,.12);
}
.mf-btn{
  border:none;
  border-radius:999px;
  padding:10px 16px;
  background:linear-gradient(135deg, var(--mf-primary), var(--mf-primary2));
  color:#fff;
  font-weight:600;
}
.mf-btn:hover{filter:brightness(.95);}
.mf-link{color:var(--mf-primary); text-decoration:none; font-weight:600;}
.mf-link:hover{text-decoration:underline;}

/* === Surgery portal tweaks === */
.mf-auth-hero-title{
  font-size: 30px;
  line-height: 1.5;
  font-weight: 800;
  color: var(--mf-text);
  margin-top: 2px;
}
@media (max-width: 992px){
  .mf-auth-hero-title{font-size: 26px;}
}
.mf-auth-hero-sub{color: var(--mf-muted); font-size: 14px; line-height: 1.8;}




/* Surgery Landing (Derma-like split) */
.mf-landing{
  /* Touch screen edges on landing */
  border-radius: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(15,23,42,.10);
}
.mf-landing-form{
  background: transparent;
  padding: 0;
}
.mf-landing-hero{
  /* Lighter baby-blue (لبني فاتح) for the hero side */
  background: linear-gradient(135deg, #EAF6FF, #DDF0FF);
  padding: 34px 34px;
  display:flex;
  align-items:stretch;
  position: relative;
}
.mf-landing-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background: url('../img/surgery-line-bg.svg') no-repeat left center;
  background-size: 520px;
  opacity: .08;
  pointer-events:none;
}
.mf-landing-hero-inner{
  position: relative;
  z-index: 1;
  width: 100%;
  color: rgba(15,23,42,.92);
}
.mf-landing-hero-inner .mf-auth-hero-title{
  font-size: 32px;
  line-height: 1.4;
  font-weight: 800;
  margin-bottom: 8px;
}
.mf-landing-hero-inner .mf-auth-hero-sub{
  color: rgba(30,41,59,.88);
  line-height: 2.15;
}
.mf-landing-hero-inner .mf-quick-tips-title{
  color: rgba(15,23,42,.86);
}
.mf-landing-hero-inner .mf-quick-tips li{
  color: rgba(30,41,59,.86);
  line-height: 2.05;
}
.mf-landing-hero-inner .mf-bullet{
  background: rgba(37,99,235,.65);
}
.mf-book-card{
  border: 0;
  box-shadow: none;
  border-radius: 0;
  overflow: hidden;
  background: rgba(255,255,255,.96);
  height: 100%;
}
.mf-book-card .card-header{
  background: linear-gradient(90deg, rgba(37,99,235,1), rgba(14,165,233,1));
  color:#fff;
  border:0;
}
.mf-book-card .card-header .hdr{
  padding: 14px 16px;
}
.mf-landing .form-control, .mf-landing select, .mf-landing textarea{
  border-radius: 14px;
}
@media (max-width: 992px){
  .mf-landing-hero{padding: 26px 18px;}
  .mf-landing-form{padding: 22px 16px;}
  .mf-landing-hero::after{background-position: center; background-size: 420px; opacity:.08;}
  .mf-landing-hero-inner .mf-auth-hero-title{font-size: 26px;}
}