.elementor-210 .elementor-element.elementor-element-ff3b05f{--display:flex;}.elementor-210 .elementor-element.elementor-element-ff3b05f:not(.elementor-motion-effects-element-type-background), .elementor-210 .elementor-element.elementor-element-ff3b05f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-210 .elementor-element.elementor-element-ff3b05f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-210 .elementor-element.elementor-element-267bc2d{--display:flex;}.elementor-210 .elementor-element.elementor-element-03ed122{--display:flex;}.elementor-210 .elementor-element.elementor-element-c30f35e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px) and (min-width:768px){.elementor-210 .elementor-element.elementor-element-ff3b05f{--width:697.75px;}}selector .quick-card{
  background:linear-gradient(145deg,#fffaf0,#eadcc5);
  border:1px solid #d5bd93;
  border-radius:24px;
  padding:20px 14px;
  min-height:190px;
  text-align:center;
  box-shadow:0 10px 24px rgba(72,52,28,.08);
}

selector .quick-card h4{
  color:#4b341c;
  font-size:16px;
  font-weight:900;
}

selector .quick-card strong{
  color:#475569;
  font-size:15px;
  line-height:1.4;
}

selector .card-icon{
  font-size:34px;
  margin-bottom:12px;
}

selector .card-link{
  display:block;
  margin-top:14px;
  font-size:12px;
  font-weight:900;
  color:#0a2f6f;
}
/* ===== TABLET + DESKTOP FIX ===== */

@media (min-width: 768px){

  body{
    background:#eef3f9 !important;
  }

  .shell{
    max-width:1180px !important;
    width:100% !important;
    min-height:100vh;
    padding-bottom:120px;
    background:#f4f7fb;
  }

  .status-bar{
    display:none !important;
  }

  .header{
    border-radius:0 0 34px 34px;
    padding:22px 42px 36px;
  }

  .header::after{
    display:none;
  }

  .brand-logo{
    width:58px;
    height:58px;
  }

  .brand-logo img{
    width:46px;
    height:46px;
  }

  .brand-text h1{
    font-size:34px;
  }

  .brand-text p{
    font-size:13px;
  }

  .icon-btn{
    width:54px;
    height:54px;
    border-radius:18px;
  }

  .hero-card{
    margin:28px 42px 24px;
    padding:34px;
    border-radius:34px;
  }

  .hero-name{
    font-size:42px;
  }

  .hero-sub{
    font-size:17px;
  }

  .hero-stats{
    max-width:620px;
  }

  .trust-strip{
    padding:0 42px;
    margin-bottom:34px;
  }

  .sec-head{
    padding:0 42px;
  }

  .sec-title{
    font-size:30px;
  }

  .quick-cards-grid{
    grid-template-columns:repeat(4,1fr);
    padding:0 42px;
    gap:18px;
  }

  .qcard{
    min-height:170px;
    padding:22px;
    border-radius:26px;
  }

  .qcard-icon{
    width:58px;
    height:58px;
  }

  .qcard-label{
    font-size:16px;
  }

  .qcard-val{
    font-size:14px;
  }

  .services{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    padding:0 42px;
    gap:20px;
  }

  .svc-card{
    min-height:250px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    padding:26px;
    border-radius:30px;
  }

  .svc-icon{
    width:70px;
    height:70px;
  }

  .svc-body h3{
    font-size:24px;
  }

  .svc-body p{
    font-size:15px;
  }

  .svc-btn{
    width:100%;
    padding:13px;
    font-size:15px;
  }

  .billing-panel{
    margin:0 42px 30px;
    padding:30px;
    border-radius:32px;
  }

  .billing-panel h3{
    font-size:30px;
  }

  .billing-panel p{
    font-size:16px;
  }

  .activity-section{
    padding:0 42px;
  }

  .bottom-nav{
    max-width:720px;
    bottom:22px;
    padding:14px;
    border-radius:28px;
  }

  .nav-item{
    min-width:110px;
    padding:12px 18px;
  }

  .nav-item svg{
    width:24px;
    height:24px;
  }

  .nav-item span{
    font-size:13px;
  }

  .fab{
    right:44px !important;
    bottom:118px;
    width:68px;
    height:68px;
  }
}:root{
  --navy:#071d36;
  --navy-2:#102a4c;
  --navy-3:#16385e;

  --gold:#c89a4b;
  --gold-light:#e3c27a;
  --gold-bg:#dcc4a7;

  --surface:#eef1f5;
  --card:#ffffff;
  --soft:#e8edf5;

  --text:#102a4c;
  --sub:#64748b;

  --blue:#0b5ed7;
  --green:#179c63;
  --teal:#0d8ea0;
}

/* الخلفية العامة */
html,
body{
  background:var(--surface);
}

/* الهيدر القديم */
.header,
.status-bar{
  background:linear-gradient(135deg,var(--navy),var(--navy-2));
}

/* بطاقة الترحيب */
.hero-card{
  background:linear-gradient(135deg,#071d36,#0f2e52,#173e67);
  border:1px solid rgba(200,154,75,.25);
  box-shadow:0 18px 40px rgba(7,29,54,.22);
}

/* الشريط الصغير HIPAA */
.hero-badge{
  background:rgba(200,154,75,.12);
  border:1px solid rgba(200,154,75,.28);
}

.hero-badge span{
  color:var(--gold-light);
}

/* أرقام الإحصائيات */
.stat-val{
  color:var(--gold-light);
}

/* بطاقات المواعيد والملف والدواء والفواتير */
.qcard,
.quick-card{
  background:linear-gradient(145deg,#f2e8d8,#dcc4a7);
  border:1px solid #ceb58f;
  box-shadow:0 10px 24px rgba(90,70,40,.12);
}

/* النصوص */
.qcard-label,
.quick-card h4,
.sec-title,
.svc-body h3,
.billing-panel h3{
  color:var(--text);
}

.qcard-val,
.quick-card strong,
.svc-body p,
.billing-panel p{
  color:var(--sub);
}

/* الخدمات */
.svc-card{
  background:linear-gradient(145deg,#e2d3bf,#c4a07a);
  border:1px solid rgba(160,120,70,.18);
  box-shadow:0 12px 28px rgba(90,70,40,.12);
}

/* ايقونات الخدمات */
.si-blue,
.t-blue{
  background:#e7efff;
}

.si-gold,
.t-amber{
  background:#f8ecd7;
}

.si-teal,
.t-green{
  background:#e2f7f4;
}

/* ازرار الخدمات */
.sb-blue{
  background:var(--blue);
  color:#fff;
}

.sb-gold{
  background:#c58a00;
  color:#fff;
}

.sb-teal{
  background:#179c63;
  color:#fff;
}

/* الفواتير */
.billing-panel{
  background:linear-gradient(135deg,var(--navy),#123867);
  border:1px solid rgba(200,154,75,.22);
}

/* زر Open */
.billing-btn{
  background:linear-gradient(135deg,#d9a11f,#b88200);
  color:#fff;
}

/* النشاط */
.activity-card{
  background:#fff;
  border:1px solid #dfe5ee;
}

/* البوتوم ناف القديم */
.bottom-nav{
  background:linear-gradient(135deg,#04152b,#082448,#0c2f5d);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 18px 42px rgba(0,0,0,.28);
}

/* العنصر النشط */
.nav-item.active{
  background:linear-gradient(135deg,#0b5ed7,#1d72ff);
}

/* زر الشات */
.fab{
  background:linear-gradient(135deg,#0d8ea0,#1455c8);
}

/* روابط */
.sec-link,
.qcard-link{
  color:#0b5ed7;
  font-weight:700;
}
/* رجوع اللون القديم الذهبي للخدمات */
.svc-card,
.service-card{
  background:linear-gradient(145deg,#e2d3bf,#c4a07a) !important;
  border:1px solid #d6c5a7 !important;
}

/* كروت Today’s Care باللون القديم */
.qcard,
.quick-card{
  background:linear-gradient(145deg,#f3ede3,#e7dcc8) !important;
  border:1px solid #d6c5a7 !important;
}

/* أزرار الأسهم القديمة */
.svc-btn.sb-blue,
.blue-btn,
.service-card.blue span{
  background:#0b5ed7 !important;
  color:#fff !important;
}

.svc-btn.sb-gold,
.gold-btn,
.service-card.gold span{
  background:#178f5b !important;
  color:#fff !important;
}

.svc-btn.sb-teal,
.green-btn,
.service-card.green span{
  background:#c58a00 !important;
  color:#fff !important;
}

/* الأيقونات القديمة */
.svc-icon,
.service-icon,
.qcard-icon,
.card-icon{
  background:#e8edf5 !important;
}

/* Bottom nav القديم */
.bottom-nav{
  background:#061b33 !important;
}

.bottom-nav .active,
.nav-item.active{
  background:#0b5ed7 !important;
}

/* Billing القديم */
.billing-panel,
.billing-card{
  background:linear-gradient(135deg,#071d36,#102a4c,#1f3b57) !important;
}
/* =========================
   TABLET RESPONSIVE
========================= */

@media (min-width: 768px){

  body{
    background:#dde5ef;
  }

  .shell{
    max-width:100%;
    width:100%;
    padding:24px;
    padding-bottom:140px;
  }

  /* الهيدر */
  .header{
    border-radius:28px;
    margin-bottom:24px;
  }

  /* Hero */
  .hero-card{
    margin:0 0 24px;
    border-radius:34px;
    padding:34px;
  }

  .hero-name{
    font-size:42px;
  }

  .hero-sub{
    font-size:18px;
  }

  .hero-stats{
    margin-top:28px;
  }

  .stat{
    padding:20px;
  }

  .stat-val{
    font-size:28px;
  }

  .stat-label{
    font-size:14px;
  }

  /* trust strip */
  .trust-strip{
    padding:0;
    flex-wrap:wrap;
    overflow:visible;
    margin-bottom:34px;
  }

  .trust-pill{
    padding:14px 20px;
    font-size:15px;
  }

  /* sections */
  .sec-head{
    padding:0;
  }

  .sec-title{
    font-size:34px;
  }

  .sec-link{
    font-size:18px;
  }

  /* cards grid */
  .quick-cards-grid{
    grid-template-columns:repeat(2,1fr);
    gap:24px;
    padding:0;
    margin-bottom:34px;
  }

  .qcard{
    padding:28px;
    min-height:240px;
    border-radius:30px;
  }

  .qcard-icon{
    width:82px;
    height:82px;
    border-radius:24px;
  }

  .qcard-label{
    font-size:28px;
  }

  .qcard-val{
    font-size:22px;
    line-height:1.5;
  }

  .qcard-link{
    font-size:20px;
  }

  /* الخدمات */
  .services{
    gap:22px;
    padding:0;
  }

  .svc-card{
    padding:28px;
    border-radius:34px;
  }

  .svc-icon{
    width:92px;
    height:92px;
    border-radius:26px;
  }

  .svc-body h3{
    font-size:34px;
  }

  .svc-body p{
    font-size:22px;
    line-height:1.5;
  }

  .svc-btn{
    padding:16px 30px;
    font-size:22px;
    border-radius:20px;
  }

  /* billing */
  .billing-panel{
    margin:0 0 30px;
    padding:34px;
    border-radius:34px;
  }

  .billing-panel h3{
    font-size:36px;
  }

  .billing-panel p{
    font-size:20px;
  }

  .billing-btn{
    padding:18px 32px;
    font-size:22px;
  }

  /* recent activity */
  .activity-section{
    padding:0;
  }

  .activity-card{
    border-radius:30px;
    padding:30px;
  }

  /* bottom nav */
  .bottom-nav{
    max-width:720px;
    padding:16px 18px;
    border-radius:34px;
  }

  .nav-item{
    padding:14px 22px;
  }

  .nav-item span{
    font-size:16px;
  }

  .nav-item svg{
    width:28px;
    height:28px;
  }

  /* chat button */
  .fab{
    width:82px;
    height:82px;
    bottom:120px;
    right:34px;
  }

  .fab svg{
    width:34px;
    height:34px;
  }
}/* FORCE TABLET/WIDE VIEW */
@media (min-width:768px){

  .elementor-widget-html,
  .elementor-widget-container,
  .elementor-section,
  .elementor-container,
  .elementor-column,
  .elementor-widget-wrap{
    width:100% !important;
    max-width:100% !important;
  }

  .shell,
  .najm-shell,
  .najm-mobile-dashboard{
    width:100% !important;
    max-width:1180px !important;
    margin:0 auto !important;
    padding-left:32px !important;
    padding-right:32px !important;
  }

  .header,
  .najm-header{
    width:100% !important;
    max-width:1180px !important;
    margin:0 auto 24px !important;
    border-radius:28px !important;
  }

  .hero-card{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 24px !important;
  }

  .quick-cards-grid,
  .quick-grid,
  .quick-cards{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:20px !important;
    padding:0 !important;
  }

  .services,
  .services-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:22px !important;
    padding:0 !important;
  }

  .svc-card,
  .service-card{
    min-height:250px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
  }

  .bottom-nav{
    max-width:720px !important;
    width:90% !important;
  }/* FORCE WIDE PREVIEW INSIDE ELEMENTOR */
.elementor-editor-active .shell,
.elementor-editor-active .najm-shell{
  max-width:1180px !important;
  width:100% !important;
}
}
/* FORCE WIDE PREVIEW INSIDE ELEMENTOR */
.elementor-editor-active .shell,
.elementor-editor-active .najm-shell,
.elementor-editor-active .najm-mobile-dashboard{
  max-width:1180px !important;
  width:100% !important;
  margin:0 auto !important;
}
/* Hide floating chat button */
.fab,
.chat-widget,
.tawk-button,
.crisp-client,
#tidio-chat,
#hubspot-messages-iframe-container,
.intercom-lightweight-app{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
}
/* MAIN HEADER */
.najm-header,
.header-wrap,
.top-header{
background:#ffffff !important;
border-bottom:1px solid #e8edf5 !important;
box-shadow:0 4px 20px rgba(0,0,0,.04) !important;
}

/* LOGO BOX */
.najm-logo-box,
.logo-box{
background:#ffffff !important;
border:2px solid #d9b45c !important;
box-shadow:0 6px 18px rgba(212,175,55,.15) !important;
}

/* NAJM TITLE */
.najm-title,
.logo-text h1,
.logo-text strong{
color:#d4af37 !important;
}

/* SUBTITLE */
.najm-subtitle,
.logo-text span,
.logo-text p{
color:#0b2340 !important;
opacity:.9 !important;
}

/* ICON BUTTONS */
.header-icon,
.header-btn{
background:#f5f8fc !important;
border:1px solid #dbe4f0 !important;
color:#0b2340 !important;
box-shadow:none !important;
}

/* ICON HOVER */
.header-icon:hover,
.header-btn:hover{
background:#0b2340 !important;
color:#fff !important;
border-color:#0b2340 !important;
}

/* SVG ICONS */
.header-icon svg,
.header-btn svg{
stroke:currentColor !important;
}

/* MOBILE */
@media(max-width:767px){

.najm-header,
.header-wrap,
.top-header{
padding:14px !important;
border-radius:0 0 26px 26px !important;
}

.najm-title,
.logo-text h1,
.logo-text strong{
font-size:32px !important;
}

.najm-subtitle,
.logo-text span{
font-size:14px !important;
line-height:1.4 !important;
}

.header-icon,
.header-btn{
width:62px !important;
height:62px !important;
border-radius:20px !important;
}

}
/* ===== WHITE PREMIUM HEADER ===== */

.najm-header,
.header-wrap,
.top-header{
background:#ffffff !important;
border-bottom:1px solid #e8edf5 !important;
box-shadow:0 4px 20px rgba(0,0,0,.04) !important;
}

/* ===== LOGO BOX ===== */

.najm-logo-box,
.logo-box{
background:#ffffff !important;
border:2px solid #d4af37 !important;
border-radius:24px !important;
box-shadow:0 6px 18px rgba(212,175,55,.15) !important;
}

/* ===== NAJM TITLE ===== */

.najm-title,
.logo-text h1,
.logo-text strong{
color:#d4af37 !important;
font-weight:800 !important;
}

/* ===== SUBTITLE ===== */

.najm-subtitle,
.logo-text span,
.logo-text p{
color:#0b2340 !important;
opacity:.9 !important;
}

/* ===== ICON BUTTONS ===== */

.header-icon,
.header-btn{
background:#f7f9fc !important;
border:1px solid #dbe4f0 !important;
color:#0b2340 !important;
border-radius:22px !important;
box-shadow:none !important;
transition:.3s !important;
}

/* ===== ICON HOVER ===== */

.header-icon:hover,
.header-btn:hover{
background:#0b2340 !important;
color:#ffffff !important;
border-color:#0b2340 !important;
}

/* ===== SVG ICONS ===== */

.header-icon svg,
.header-btn svg{
stroke:currentColor !important;
}

/* ===== MOBILE ===== */

@media(max-width:767px){

.najm-header,
.header-wrap,
.top-header{
padding:14px !important;
border-radius:0 0 28px 28px !important;
}

.najm-title,
.logo-text h1,
.logo-text strong{
font-size:30px !important;
line-height:1 !important;
}

.najm-subtitle,
.logo-text span,
.logo-text p{
font-size:13px !important;
line-height:1.4 !important;
}

.header-icon,
.header-btn{
width:60px !important;
height:60px !important;
border-radius:18px !important;
}

}
/* WHITE PREMIUM HEADER */

.najm-topbar,
.najm-header,
.top-header,
.header-shell{
background:#ffffff !important;
border:none !important;
box-shadow:0 8px 30px rgba(15,23,42,.06) !important;
border-radius:28px !important;
padding:18px 22px !important;
}

/* LOGO AREA */

.logo-wrap,
.najm-logo-wrap{
display:flex !important;
align-items:center !important;
gap:16px !important;
}

/* LOGO IMAGE */

.logo-wrap img,
.najm-logo-wrap img{
background:#fff !important;
border:2px solid rgba(212,175,55,.35) !important;
border-radius:22px !important;
padding:8px !important;
box-shadow:0 8px 22px rgba(212,175,55,.18) !important;
}

/* NAJM TEXT */

.logo-text h1,
.najm-logo-text h1,
.logo-title{
color:#d4af37 !important;
font-weight:800 !important;
letter-spacing:.5px !important;
}

/* SUBTITLE */

.logo-text p,
.logo-text span,
.najm-logo-text p{
color:#0b2340 !important;
opacity:.75 !important;
font-weight:500 !important;
}

/* ICON BUTTONS */

.header-icon,
.header-btn,
.najm-icon-btn{
background:#f8fafc !important;
border:1px solid #e2e8f0 !important;
color:#0b2340 !important;
box-shadow:0 6px 18px rgba(15,23,42,.05) !important;
border-radius:22px !important;
}

/* ICON HOVER */

.header-icon:hover,
.header-btn:hover,
.najm-icon-btn:hover{
background:#0b2340 !important;
color:#fff !important;
transform:translateY(-2px);
}

/* SVG */

.header-icon svg,
.header-btn svg{
stroke:currentColor !important;
}

/* MOBILE */

@media(max-width:767px){

.najm-topbar,
.najm-header,
.top-header,
.header-shell{
padding:14px !important;
border-radius:0 0 28px 28px !important;
}

.logo-wrap img,
.najm-logo-wrap img{
width:58px !important;
height:58px !important;
border-radius:18px !important;
}

.logo-title,
.logo-text h1{
font-size:32px !important;
}

.logo-text p,
.logo-text span{
font-size:13px !important;
line-height:1.4 !important;
}

.header-icon,
.header-btn,
.najm-icon-btn{
width:58px !important;
height:58px !important;
border-radius:18px !important;
}

}
/* HEADER WHITE VERSION */
.header {
  background: #ffffff !important;
  padding: 14px 22px 24px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #e8eef6;
}

.header::after {
  background: var(--surface) !important;
}

.brand-logo {
  background: #ffffff !important;
  border: 1.5px solid #f2c94c !important;
  box-shadow: 0 8px 22px rgba(7,24,46,.08) !important;
}

.brand-logo img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain;
  filter: none !important;
}

.brand-text h1 {
  color: #f2c94c !important;
  text-shadow: 0 1px 0 rgba(7,24,46,.08);
}

.brand-text p {
  color: #07182e !important;
  opacity: .75 !important;
}

.icon-btn {
  background: #f3f4f6 !important;
  border: 1px solid #e1e8f0 !important;
  box-shadow: 0 8px 20px rgba(7,24,46,.07) !important;
}

.icon-btn svg {
  stroke: #07182e !important;
}

.badge {
  background: #f2c94c !important;
}