/* Azzam Owner Header & Footer V83
   Visual alignment with the admin dashboard without changing owner sidebar/content. */
:root{
  --az-owner-gold:#c7a03d;
  --az-owner-gold-light:#e7c868;
  --az-owner-dark:#15120e;
  --az-owner-surface:#fffdf8;
  --az-owner-text:#241e18;
  --az-owner-line:rgba(173,132,32,.21);
}

/* Header */
.page-main-header.az-owner-header-v83{
  position:fixed!important;
  top:0!important;right:0!important;left:0!important;
  width:100%!important;
  height:72px!important;min-height:72px!important;
  margin:0!important;padding:0!important;
  z-index:1200!important;
  overflow:visible!important;
  font-family:'Almarai','Cairo','Tahoma',sans-serif!important;
  background:linear-gradient(105deg,#0f0d0a,#252016 52%,#15120e)!important;
  border-bottom:1px solid rgba(222,185,85,.62)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.22)!important;
}
.az-owner-header-inner{
  position:relative!important;
  width:100%;height:100%;
  padding:0 20px;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px;
  direction:rtl;
}
.az-owner-header-title,.az-owner-header-actions{
  position:relative;z-index:2;
  flex:1 1 0;max-width:44%;
}
.az-owner-header-title{
  min-width:0;
  display:flex!important;align-items:center;gap:13px;
  justify-content:flex-start!important;
}
.az-owner-sidebar-toggle,.az-owner-icon-btn{
  width:45px!important;height:45px!important;min-width:45px;
  padding:0!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(225,190,93,.42)!important;
  border-radius:13px!important;
  color:#e8ca72!important;
  background:rgba(255,255,255,.04)!important;
  box-shadow:none!important;cursor:pointer;
  transition:.2s ease;
}
.az-owner-sidebar-toggle:hover,.az-owner-icon-btn:hover{
  color:#fff!important;background:rgba(209,166,53,.17)!important;
  border-color:#dfbd62!important;transform:translateY(-1px);
}
.az-owner-sidebar-toggle svg,.az-owner-icon-btn svg{
  width:21px!important;height:21px!important;
  fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
.az-owner-title-link{
  display:flex!important;flex-direction:column;
  min-width:0;line-height:1.25;text-decoration:none!important;
}
.az-owner-title-link strong{
  color:#e7c868!important;font-size:17px!important;font-weight:800!important;
  white-space:nowrap;
}
.az-owner-title-link small{
  color:#c5b996!important;font-size:10px!important;font-weight:700!important;
  letter-spacing:.03em;direction:ltr;text-align:right;
}
.az-owner-logo-center{
  position:absolute!important;top:50%!important;left:50%!important;right:auto!important;
  width:62px!important;height:62px!important;
  margin:0!important;display:grid!important;place-items:center!important;
  transform:translate(-50%,-50%)!important;
  z-index:25!important;text-decoration:none!important;
}
.az-owner-logo-ring{
  width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;
  border:2px solid #d9b653!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  overflow:hidden!important;background:#17130f!important;
  box-shadow:0 0 0 4px rgba(218,181,79,.1),0 8px 20px rgba(0,0,0,.3)!important;
}
.az-owner-logo-img{
  display:block!important;width:49px!important;height:49px!important;
  max-width:49px!important;max-height:49px!important;
  margin:0!important;object-fit:contain!important;object-position:center!important;
}
.az-owner-header-actions{
  display:flex!important;align-items:center!important;gap:9px!important;
  justify-content:flex-start!important;direction:ltr;
}
.az-owner-logout-btn{
  min-height:45px;padding:0 18px!important;
  display:inline-flex!important;align-items:center;justify-content:center;gap:9px;
  border:1px solid #e5c875!important;border-radius:13px!important;
  color:#1a160f!important;background:linear-gradient(120deg,#efd77f,#bc8e25)!important;
  text-decoration:none!important;font-weight:800!important;
  box-shadow:0 8px 18px rgba(179,132,22,.18);transition:.2s ease;
}
.az-owner-logout-btn:hover{color:#111!important;transform:translateY(-1px);filter:brightness(1.05)}
.az-owner-logout-btn svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
.az-owner-notification-wrap{position:relative}
.az-owner-notification-dropdown{
  position:absolute!important;top:56px!important;left:0!important;right:auto!important;
  width:330px!important;max-height:420px;overflow:auto;
  margin:0!important;padding:9px!important;display:none!important;
  list-style:none!important;direction:rtl;text-align:right;
  border:1px solid var(--az-owner-line)!important;border-radius:17px!important;
  background:var(--az-owner-surface)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.22)!important;
}
.az-owner-notification-dropdown.is-open{display:block!important}
.az-owner-notification-head{
  display:flex!important;align-items:center;justify-content:space-between;
  padding:10px 12px!important;color:var(--az-owner-text)!important;font-weight:900!important;
}
.az-owner-notification-head b{
  min-width:27px;height:27px;padding:0 7px;border-radius:20px;
  display:grid;place-items:center;background:#c7a03d;color:#17130f;
}
.az-owner-notification-dropdown li a{
  display:flex!important;align-items:center;gap:10px;
  padding:10px 11px!important;margin-top:4px;
  border-radius:11px!important;color:var(--az-owner-text)!important;
  text-decoration:none!important;background:#fbf6e8;
}
.az-owner-notification-dropdown li a:hover{background:#f4e8c5}
.az-owner-notification-dropdown li a>span:last-child{display:flex;flex-direction:column}
.az-owner-notification-dropdown li a small{color:#71695f;font-weight:700}
.az-owner-noti-icon{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:#1c1711;color:#e4c872;font-weight:900;
}
.az-owner-notification-empty{
  padding:14px 12px;color:#51493e;font-weight:900;
}
.az-owner-notification-empty small{display:block;margin-top:3px;color:#857a69;font-weight:700}

/* Footer */
.footer.az-owner-footer-v83{
  position:relative!important;inset:auto!important;
  height:auto!important;min-height:0!important;
  margin-bottom:0!important;padding:24px 28px 30px!important;
  overflow:hidden!important;direction:rtl;
  font-family:'Almarai','Cairo','Tahoma',sans-serif!important;
  background:linear-gradient(145deg,#100e0b 0%,#1d1812 55%,#261d12 100%)!important;
  border-top:1px solid rgba(220,182,78,.52)!important;
  box-shadow:0 -14px 38px rgba(18,13,7,.16)!important;
}
.footer.az-owner-footer-v83>.container-fluid{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
}
.az-owner-footer-shell{
  position:relative;max-width:1560px;margin:auto;padding:1px;
  border-radius:22px;overflow:hidden!important;
  background:linear-gradient(115deg,rgba(231,198,105,.72),rgba(125,87,12,.28),rgba(231,198,105,.52))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.2)!important;
}
.az-owner-footer-inner{
  min-height:132px;padding:22px 26px!important;
  display:grid!important;grid-template-columns:1fr 1fr 1fr;
  align-items:center!important;gap:14px;
  border-radius:21px;
  background:radial-gradient(circle at 88% 10%,rgba(207,164,52,.12),transparent 28%),linear-gradient(130deg,#15110d,#211a13)!important;
}
.az-owner-footer-brand,.az-owner-footer-center,.az-owner-footer-developer{
  min-height:88px;display:flex!important;align-items:center!important;justify-content:center!important;
  padding-inline:18px;
}
.az-owner-footer-brand{justify-content:flex-start!important;gap:15px}
.az-owner-footer-mark-link{
  width:76px!important;height:76px!important;min-width:76px!important;flex:0 0 76px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(227,193,98,.32)!important;border-radius:18px!important;
  background:rgba(255,255,255,.035)!important;text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.2)!important;
}
.az-owner-footer-brand-mark{
  display:block!important;width:64px!important;height:64px!important;
  max-width:64px!important;max-height:64px!important;
  object-fit:contain!important;filter:brightness(1.08) contrast(1.08) drop-shadow(0 5px 9px rgba(0,0,0,.4))!important;
}
.az-owner-footer-brand-text{display:flex;flex-direction:column}
.az-owner-footer-eyebrow{color:#c8a346!important;font-size:9px;font-weight:900;letter-spacing:.14em}
.az-owner-footer-brand h5{margin:3px 0!important;color:#f3d87d!important;font-size:16px!important;font-weight:900!important}
.az-owner-footer-brand p{margin:0!important;color:#d7caa9!important;font-size:12px!important;font-weight:700!important}
.az-owner-footer-center{
  flex-direction:column!important;text-align:center!important;
  border-inline:1px solid rgba(219,181,79,.2)!important;
}
.az-owner-footer-status{color:#d9c993!important;font-size:12px;font-weight:900}
.az-owner-footer-status i{
  display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;
  background:#65a77c!important;box-shadow:0 0 0 4px rgba(101,167,124,.13)!important;
}
.az-owner-footer-copy{margin:8px 0 4px!important;color:#d8d0c1!important;font-size:11px!important;font-weight:700}
.az-owner-footer-home-link{color:#e2c266!important;font-size:11px;font-weight:900;text-decoration:none!important}
.az-owner-footer-home-link:hover{color:#fff0b2!important}
.az-owner-footer-developer{flex-direction:column!important;text-align:center!important}
.az-owner-developed-by{color:#bdb29f!important;font-size:10px;font-weight:700}
.az-owner-developer-name{margin:3px 0 7px;color:#f0d475!important;font-size:13px}
.az-owner-contact{
  display:inline-flex;align-items:center;gap:7px;padding:7px 12px!important;
  color:#f0d77e!important;border:1px solid rgba(220,182,78,.36)!important;
  border-radius:11px;background:rgba(255,255,255,.045)!important;text-decoration:none!important;
  font-size:11px;font-weight:800;
}
.az-owner-contact:hover{color:#fff2b6!important;background:rgba(207,164,52,.12)!important}
.az-owner-contact svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9}

/* Tablet */
@media(max-width:991.98px){
  .az-owner-title-link{display:none!important}
  .az-owner-header-inner{padding-inline:14px!important}
  .az-owner-logout-btn{
    width:45px!important;height:45px!important;min-width:45px!important;
    padding:0!important;
  }
  .az-owner-logout-btn span{display:none!important}
}

/* Mobile */
@media(max-width:767.98px){
  .page-main-header.az-owner-header-v83{height:68px!important;min-height:68px!important}
  .az-owner-header-inner{padding-inline:10px!important;gap:7px}
  .az-owner-header-title,.az-owner-header-actions{flex:0 0 auto;max-width:calc(50% - 31px)}
  .az-owner-sidebar-toggle,.az-owner-icon-btn,.az-owner-logout-btn{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    border-radius:12px!important;
  }
  .az-owner-header-actions{gap:5px!important}
  .az-owner-logo-center{width:52px!important;height:52px!important}
  .az-owner-logo-ring{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
  .az-owner-logo-img{width:41px!important;height:41px!important;max-width:41px!important;max-height:41px!important}
  .az-owner-notification-dropdown{
    position:fixed!important;top:72px!important;left:10px!important;right:10px!important;
    width:auto!important;max-width:none!important;
  }

  .footer.az-owner-footer-v83{padding:14px 10px 18px!important}
  .az-owner-footer-shell{border-radius:18px}
  .az-owner-footer-inner{
    display:flex!important;flex-direction:column!important;
    min-height:0!important;padding:12px 14px!important;border-radius:17px;text-align:center!important;
  }
  .az-owner-footer-brand,.az-owner-footer-center,.az-owner-footer-developer{
    width:100%;min-height:0!important;padding:16px 6px!important;
    justify-content:center!important;align-items:center!important;text-align:center!important;
  }
  .az-owner-footer-brand{order:1;justify-content:center!important}
  .az-owner-footer-developer{order:2;border-top:1px solid rgba(219,181,79,.18)}
  .az-owner-footer-center{order:3;border-inline:0!important;border-top:1px solid rgba(219,181,79,.18)!important}
  .az-owner-footer-mark-link{width:68px!important;height:68px!important;min-width:68px!important;flex-basis:68px!important}
  .az-owner-footer-brand-mark{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important}
}

/* =========================================================
   V84 — Owner dashboard final delivery polish
   Header / sidebar / responsive layout / footer / contact dock
   ========================================================= */

/* Header: deterministic 3-zone layout; prevents collisions. */
.page-main-header.az-owner-header-v83{
  height:72px!important;
  min-height:72px!important;
}
.az-owner-header-inner{
  display:grid!important;
  grid-template-columns:minmax(250px,1fr) 84px minmax(250px,1fr)!important;
  grid-template-areas:"title logo actions"!important;
  align-items:center!important;
  direction:rtl!important;
  padding:0 18px!important;
}
.az-owner-header-title{
  grid-area:title!important;
  max-width:none!important;
  min-width:0!important;
  justify-self:start!important;
}
.az-owner-logo-center{
  grid-area:logo!important;
  position:static!important;
  top:auto!important;left:auto!important;right:auto!important;
  transform:none!important;
  justify-self:center!important;
}
.az-owner-header-actions{
  grid-area:actions!important;
  max-width:none!important;
  min-width:0!important;
  justify-self:end!important;
  justify-content:flex-end!important;
  direction:ltr!important;
}

/* Sidebar touches the header directly; RTL layout uses the right edge. */
body .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.az-owner-sidebar{
  top:72px!important;
  right:0!important;
  left:auto!important;
  width:280px!important;
  height:calc(100vh - 72px)!important;
  margin:0!important;
  border-top:0!important;
}
body .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.az-owner-sidebar ~ .page-body{
  margin-right:280px!important;
  margin-left:0!important;
  width:calc(100% - 280px)!important;
  transition:margin .28s ease,width .28s ease!important;
}
body .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.az-owner-sidebar ~ footer{
  margin-right:280px!important;
  margin-left:0!important;
  width:calc(100% - 280px)!important;
  transition:margin .28s ease,width .28s ease!important;
}
body .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.az-owner-sidebar.close_icon ~ .page-body,
body .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.az-owner-sidebar.close_icon ~ footer{
  margin-right:0!important;
  margin-left:0!important;
  width:100%!important;
}
body .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.az-owner-sidebar.close_icon{
  right:-280px!important;
  opacity:0!important;
  visibility:hidden!important;
}

/* Footer: no white frame / square around it. */
.footer.az-owner-footer-v83{
  background:linear-gradient(145deg,#100e0b 0%,#1d1812 55%,#261d12 100%)!important;
  padding:24px 28px 30px!important;
  border:0!important;
  border-top:1px solid rgba(220,182,78,.52)!important;
}
.footer.az-owner-footer-v83>.container-fluid{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.az-owner-footer-shell{
  padding:0!important;
  background:transparent!important;
  border:1px solid rgba(231,198,105,.52)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.20)!important;
}

/* Floating contact dock, same visual language as the public homepage. */
.az-owner-contact-dock{
  position:fixed!important;
  left:18px!important;
  right:auto!important;
  top:58%!important;
  transform:translateY(-50%)!important;
  z-index:1050!important;
  width:58px!important;
  padding:7px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  border-radius:18px!important;
  background:#1b1813!important;
  border:1px solid rgba(218,181,79,.62)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}
.az-owner-dock-btn{
  width:42px!important;height:42px!important;
  padding:0!important;margin:0!important;
  display:grid!important;place-items:center!important;
  border-radius:12px!important;
  border:1px solid rgba(218,181,79,.28)!important;
  background:rgba(255,255,255,.045)!important;
  color:#e3c469!important;
  font-size:18px!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:.2s ease!important;
}
.az-owner-dock-btn:hover{
  background:linear-gradient(180deg,#e8c966,#c69a31)!important;
  color:#17130e!important;
  transform:translateY(-1px)!important;
}

@media(max-width:991.98px){
  .az-owner-header-inner{
    grid-template-columns:1fr 68px 1fr!important;
    padding:0 12px!important;
  }
  .az-owner-title-link{display:none!important}
  body .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.az-owner-sidebar ~ .page-body,
  body .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.az-owner-sidebar ~ footer{
    margin-right:0!important;
    width:100%!important;
  }
}

@media(max-width:767.98px){
  .page-main-header.az-owner-header-v83{height:68px!important;min-height:68px!important}
  .az-owner-header-inner{
    grid-template-columns:1fr 58px 1fr!important;
    grid-template-areas:"title logo actions"!important;
    padding:0 10px!important;
    gap:6px!important;
  }
  .az-owner-header-title{justify-self:start!important}
  .az-owner-header-actions{justify-self:end!important;gap:5px!important}
  .az-owner-header-actions .az-owner-logout-btn{display:none!important}
  .az-owner-sidebar-toggle,.az-owner-icon-btn{
    width:40px!important;height:40px!important;min-width:40px!important;
  }
  body .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.az-owner-sidebar{
    top:68px!important;height:calc(100vh - 68px)!important;
  }
  .az-owner-contact-dock{
    left:8px!important;top:auto!important;bottom:22px!important;
    transform:none!important;width:52px!important;padding:5px!important;border-radius:16px!important;
  }
  .az-owner-dock-btn{width:40px!important;height:40px!important}
  .footer.az-owner-footer-v83{padding:14px 10px 18px!important}
}
body.az-owner-sidebar-closed .page-wrapper.compact-wrapper .page-body-wrapper .page-body,
body.az-owner-sidebar-closed .page-wrapper.compact-wrapper .page-body-wrapper footer{
  margin-right:0!important;
  margin-left:0!important;
  width:100%!important;
  max-width:none!important;
}

/* =========================================================
   V85 — client-ready corrections based on V84 screenshots
   ========================================================= */

/* Contact dock: lower-left on desktop and mobile. */
.az-owner-contact-dock{
  top:auto!important;right:auto!important;
  left:18px!important;bottom:22px!important;
  transform:none!important;z-index:1300!important;
}

/* Appointments card always fills the complete row. */
.az-owner-dashboard .az-dashboard-stats-row > .col-sm-12{
  display:block!important;
  flex:0 0 100%!important;
  width:100%!important;
  max-width:100%!important;
  clear:both!important;
}
.az-owner-dashboard .az-main-card{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;margin-right:0!important;
}

/* Equal/readable examination dates. */
.stepwizard-row.setup-panel .stepwizard-step .btn{
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-weight:900!important;opacity:1!important;white-space:nowrap!important;
}
.stepwizard-row.setup-panel .stepwizard-step .btn.btn-light{
  color:#3a2c13!important;background:#fffaf0!important;
}
.stepwizard-row.setup-panel .stepwizard-step .btn.btn-primary{color:#f7df8b!important;}

/* Mobile: two polished cards per row with strict separation of icon and text. */
@media(max-width:767.98px){
  .az-dashboard-stats-row > [class*="col-"]{
    display:flex!important;padding-left:6px!important;padding-right:6px!important;
  }
  .az-dashboard-stats-row .az-stat-card,
  .az-dashboard-stats-row .az-stat-card .card,
  .az-dashboard-stats-row .az-stat-card .card-body{
    width:100%!important;height:100%!important;
  }
  .az-stat-card .card-body{
    min-height:126px!important;padding:14px 11px!important;
    display:flex!important;align-items:center!important;
  }
  .az-stat-card .static-top-widget{
    width:100%!important;min-height:92px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    grid-template-areas:"icon content"!important;
    align-items:center!important;column-gap:9px!important;
    direction:rtl!important;
  }
  .az-stat-card .az-icon-wrap{
    grid-area:icon!important;
    width:46px!important;height:46px!important;min-width:46px!important;
    margin:0!important;border-radius:14px!important;
  }
  .az-stat-card .az-icon-wrap svg,
  .az-stat-card .az-icon-wrap i{
    width:25px!important;height:25px!important;font-size:25px!important;
  }
  .az-stat-card .media-body{
    grid-area:content!important;
    width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;
    text-align:center!important;position:relative!important;z-index:2!important;
  }
  .az-stat-card .media-body span{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-height:40px!important;
    margin:0 0 5px!important;padding:0!important;
    font-size:12.5px!important;line-height:1.5!important;font-weight:900!important;
    white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;
  }
  .az-stat-card .counter{
    display:block!important;width:100%!important;
    margin:0!important;font-size:28px!important;line-height:1!important;text-align:center!important;
  }
  .az-stat-card .icon-bg{display:none!important;}

  .az-owner-contact-dock{
    left:10px!important;bottom:14px!important;top:auto!important;transform:none!important;
  }
}

@media(max-width:380px){
  .az-stat-card .card-body{padding:12px 8px!important;min-height:122px!important;}
  .az-stat-card .static-top-widget{
    grid-template-columns:40px minmax(0,1fr)!important;column-gap:6px!important;
  }
  .az-stat-card .az-icon-wrap{
    width:40px!important;height:40px!important;min-width:40px!important;
  }
  .az-stat-card .media-body span{font-size:11px!important;min-height:36px!important;}
  .az-stat-card .counter{font-size:25px!important;}
}


/* =========================================================
   V86 — stable sidebar + clean navigation + readable dates
   ========================================================= */

/* 1) Deterministic full-width layout whenever sidebar is hidden. */
body.az-owner-sidebar-collapsed .page-wrapper.compact-wrapper .page-body-wrapper .page-body,
#pageWrapper.az-owner-sidebar-collapsed .page-body-wrapper .page-body{
  margin-right:0!important;
  margin-left:0!important;
  width:100%!important;
  max-width:100%!important;
  transition:margin-right .25s ease,width .25s ease!important;
}
body.az-owner-sidebar-collapsed .page-wrapper.compact-wrapper .page-body-wrapper footer,
#pageWrapper.az-owner-sidebar-collapsed .page-body-wrapper footer{
  margin-right:0!important;
  margin-left:0!important;
  width:100%!important;
  max-width:100%!important;
  transition:margin-right .25s ease,width .25s ease!important;
}

/* Also support every sidebar class used by the original template. */
body .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.az-owner-sidebar.close_icon ~ .page-body,
body .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.az-owner-sidebar.close-icon ~ .page-body,
body .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.az-owner-sidebar.close_icon ~ footer,
body .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.az-owner-sidebar.close-icon ~ footer{
  margin-right:0!important;
  margin-left:0!important;
  width:100%!important;
  max-width:100%!important;
}

/* 2) No sidebar scroll indicator and no navigation arrows. */
.az-owner-sidebar .nav-menu.custom-scrollbar{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.az-owner-sidebar .nav-menu.custom-scrollbar::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.az-owner-sidebar .left-arrow,
.az-owner-sidebar .right-arrow,
.az-owner-sidebar .back-btn,
.az-owner-sidebar .nav-link.menu-title::before,
.az-owner-sidebar .nav-link.menu-title::after,
.az-owner-sidebar .nav-link.menu-title > .according-menu,
.az-owner-sidebar .nav-link.menu-title > .fa-angle-right,
.az-owner-sidebar .nav-link.menu-title > .fa-angle-left{
  display:none!important;
  content:none!important;
}

/* 3) Sidebar icons permanently use the attractive hover appearance. */
.az-owner-sidebar .nav-link.menu-title svg,
.az-owner-sidebar .nav-link.menu-title > i,
.az-owner-sidebar .nav-link.menu-title:hover svg,
.az-owner-sidebar .nav-link.menu-title.active svg,
.az-owner-sidebar .nav-link.menu-title:hover > i,
.az-owner-sidebar .nav-link.menu-title.active > i{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:10px!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#efd36f,#bd8d22)!important;
  color:#17130f!important;
  stroke:#17130f!important;
  border:1px solid #f2d77b!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 7px 16px rgba(0,0,0,.18)!important;
  transform:none!important;
}
.az-owner-sidebar .nav-link.menu-title:hover,
.az-owner-sidebar .nav-link.menu-title.active{
  transform:none!important;
}

/* 4) Examination dates: strong contrast and identical sizing. */
.stepwizard-row.setup-panel .stepwizard-step > a.btn,
.stepwizard-row.setup-panel .stepwizard-step > a.btn.btn-light,
.stepwizard-row.setup-panel .stepwizard-step > a.btn.btn-primary{
  width:100%!important;
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 8px!important;
  color:#f4d66f!important;
  -webkit-text-fill-color:#f4d66f!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  opacity:1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.55)!important;
  background:linear-gradient(135deg,#17130f,#292117)!important;
  border:2px solid #c9a039!important;
  border-radius:14px!important;
  box-shadow:inset -5px 0 0 #c9a039,0 9px 20px rgba(0,0,0,.14)!important;
}
.stepwizard-row.setup-panel .stepwizard-step > a.btn:hover,
.stepwizard-row.setup-panel .stepwizard-step > a.btn:focus{
  color:#fff0a8!important;
  -webkit-text-fill-color:#fff0a8!important;
  background:linear-gradient(135deg,#211a12,#342819)!important;
  border-color:#e0bd5a!important;
}
.stepwizard-row.setup-panel .stepwizard-step p{
  color:#211b14!important;
  font-weight:900!important;
}

@media(max-width:767.98px){
  .stepwizard-row.setup-panel .stepwizard-step > a.btn,
  .stepwizard-row.setup-panel .stepwizard-step > a.btn.btn-light,
  .stepwizard-row.setup-panel .stepwizard-step > a.btn.btn-primary{
    min-height:46px!important;
    padding:8px 3px!important;
    font-size:11.5px!important;
    letter-spacing:0!important;
  }
}


/* =========================================================
   V87 — direct sidebar visibility / full-width page
   ========================================================= */

/* Sidebar itself follows only the V87 state. */
body.az-owner-sidebar-hidden header.main-nav.az-owner-sidebar{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* When hidden, page content and footer immediately occupy all available width. */
body.az-owner-sidebar-hidden .page-wrapper.compact-wrapper .page-body-wrapper .page-body,
#pageWrapper.az-owner-sidebar-hidden .page-body-wrapper .page-body{
  margin-right:0!important;
  margin-left:0!important;
  width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
}
body.az-owner-sidebar-hidden .page-wrapper.compact-wrapper .page-body-wrapper footer,
#pageWrapper.az-owner-sidebar-hidden .page-body-wrapper footer{
  margin-right:0!important;
  margin-left:0!important;
  width:100%!important;
  max-width:100%!important;
}

/* Keep the header across the complete viewport in both states. */
.page-main-header.az-owner-header-v83{
  right:0!important;
  left:0!important;
  width:100%!important;
}

/* No animation race while toggling widths. */
body.az-owner-sidebar-hidden .page-body,
body.az-owner-sidebar-hidden footer{
  transition:none!important;
}

/* Mobile: sidebar becomes an overlay when opened, never steals content width. */
@media(max-width:991.98px){
  body:not(.az-owner-sidebar-hidden) header.main-nav.az-owner-sidebar{
    display:block!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:fixed!important;
    top:68px!important;
    right:0!important;
    bottom:0!important;
    z-index:1250!important;
  }

  body:not(.az-owner-sidebar-hidden) .page-wrapper.compact-wrapper .page-body-wrapper .page-body,
  body:not(.az-owner-sidebar-hidden) .page-wrapper.compact-wrapper .page-body-wrapper footer{
    margin-right:0!important;
    width:100%!important;
    max-width:100%!important;
  }
}


/* =========================================================
   V88 — dashboard-only full width + white sidebar glyphs
   ========================================================= */

/* Only the owner dashboard is expanded; other pages keep their existing layout. */
.page-body:has(.az-owner-dashboard){
  padding-left:0!important;
  padding-right:0!important;
}
.page-body:has(.az-owner-dashboard) .az-owner-dashboard{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:24px!important;
  padding-right:24px!important;
}
body.az-owner-sidebar-hidden .page-body:has(.az-owner-dashboard) .az-owner-dashboard,
#pageWrapper.az-owner-sidebar-hidden .page-body:has(.az-owner-dashboard) .az-owner-dashboard{
  width:100%!important;
  max-width:none!important;
}

/* White icon glyph, with the premium gold icon container preserved. */
.az-owner-sidebar .nav-link.menu-title svg,
.az-owner-sidebar .nav-link.menu-title > i,
.az-owner-sidebar .nav-link.menu-title:hover svg,
.az-owner-sidebar .nav-link.menu-title.active svg,
.az-owner-sidebar .nav-link.menu-title:hover > i,
.az-owner-sidebar .nav-link.menu-title.active > i{
  color:#fff!important;
  stroke:#fff!important;
}
.az-owner-sidebar .nav-link.menu-title svg *{
  stroke:#fff!important;
}

@media(max-width:767.98px){
  .page-body:has(.az-owner-dashboard) .az-owner-dashboard{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* =========================================================
   V90 — profile full width + global contact dock
   ========================================================= */

/* The profile page keeps its normal layout while the sidebar is open.
   When the sidebar is hidden, remove the inner 1240px cap as well. */
body.az-owner-sidebar-hidden .page-body .az-profile-page,
#pageWrapper.az-owner-sidebar-hidden .page-body .az-profile-page{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:24px!important;
  padding-right:24px!important;
}

/* Let the profile editing columns use the newly available width cleanly. */
body.az-owner-sidebar-hidden .az-profile-page .edit-profile,
body.az-owner-sidebar-hidden .az-profile-page .edit-profile > .row,
#pageWrapper.az-owner-sidebar-hidden .az-profile-page .edit-profile,
#pageWrapper.az-owner-sidebar-hidden .az-profile-page .edit-profile > .row{
  width:100%!important;
  max-width:none!important;
}

/* Profile section icons: strong contrast and guaranteed visibility. */
.az-profile-page .az-section-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.az-profile-page .az-section-icon .fa-user{
  display:inline-block!important;
  color:#f3d36b!important;
  font-size:20px!important;
  line-height:1!important;
}

/* Global floating contact control — available on every owner page. */
.az-owner-contact-dock{
  position:fixed!important;
  top:auto!important;
  right:auto!important;
  left:18px!important;
  bottom:20px!important;
  transform:none!important;
  z-index:1400!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}

/* Keep it visible even when the sidebar itself is hidden. */
body.az-owner-sidebar-hidden .az-owner-contact-dock,
#pageWrapper.az-owner-sidebar-hidden .az-owner-contact-dock{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

@media(max-width:767.98px){
  body.az-owner-sidebar-hidden .page-body .az-profile-page,
  #pageWrapper.az-owner-sidebar-hidden .page-body .az-profile-page{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .az-owner-contact-dock{
    left:10px!important;
    bottom:12px!important;
  }
}


/* =========================================================
   V91 — examination notification badge + bell attention
   ========================================================= */
.az-owner-notification-wrap{
  position:relative!important;
}

.az-owner-notification-btn{
  position:relative!important;
  overflow:visible!important;
}

/* Numeric badge shown only when today's examinations exist. */
.az-owner-notification-count{
  position:absolute!important;
  top:-8px!important;
  right:-8px!important;
  z-index:8!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#d8ad3d!important;
  color:#17130f!important;
  border:2px solid #17130f!important;
  box-shadow:0 4px 10px rgba(0,0,0,.28)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  font-family:'Almarai','Cairo',Tahoma,sans-serif!important;
  pointer-events:none!important;
}

/* Shake only when a real notification exists. */
.az-owner-notification-btn.has-notification svg{
  transform-origin:50% 8%!important;
  animation:azOwnerBellShake 1.8s ease-in-out infinite!important;
}

.az-owner-notification-btn.has-notification{
  border-color:#d8ad3d!important;
  box-shadow:0 0 0 1px rgba(216,173,61,.2),0 0 16px rgba(216,173,61,.16)!important;
}

@keyframes azOwnerBellShake{
  0%,70%,100%{transform:rotate(0deg)}
  74%{transform:rotate(13deg)}
  78%{transform:rotate(-11deg)}
  82%{transform:rotate(9deg)}
  86%{transform:rotate(-7deg)}
  90%{transform:rotate(4deg)}
  94%{transform:rotate(0deg)}
}

/* Respect accessibility preference while keeping the numeric badge visible. */
@media (prefers-reduced-motion:reduce){
  .az-owner-notification-btn.has-notification svg{
    animation:none!important;
  }
}

@media(max-width:767.98px){
  .az-owner-notification-count{
    top:-6px!important;
    right:-6px!important;
    min-width:19px!important;
    height:19px!important;
    padding:0 5px!important;
    font-size:10px!important;
  }
}


/* =========================================================
   V92 — compact mobile header
   - night-mode button removed from Blade
   - logout is visible on mobile as an icon
   - header controls are slightly smaller and balanced
   ========================================================= */
@media(max-width:767.98px){
  .az-owner-header-inner{
    min-height:64px!important;
    padding:6px 10px!important;
  }

  .az-owner-header-actions{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    overflow:visible!important;
  }

  .az-owner-sidebar-toggle,
  .az-owner-icon-btn,
  .az-owner-header-actions .az-owner-logout-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    padding:0!important;
    border-radius:11px!important;
  }

  .az-owner-sidebar-toggle svg,
  .az-owner-icon-btn svg,
  .az-owner-header-actions .az-owner-logout-btn svg{
    width:18px!important;
    height:18px!important;
    margin:0!important;
    flex:0 0 18px!important;
  }

  /* On mobile logout is intentionally icon-only. */
  .az-owner-header-actions .az-owner-logout-btn span{
    display:none!important;
  }

  .az-owner-header-actions .az-owner-logout-btn{
    background:linear-gradient(145deg,#e8c85f,#c99b2e)!important;
    color:#17130f!important;
    border:1px solid #efd77f!important;
    box-shadow:0 5px 12px rgba(0,0,0,.14)!important;
  }

  .az-owner-header-actions .az-owner-logout-btn svg{
    stroke:#17130f!important;
  }

  .az-owner-logo-ring{
    width:54px!important;
    height:54px!important;
  }

  .az-owner-notification-count{
    top:-5px!important;
    right:-5px!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 4px!important;
    font-size:9px!important;
    border-width:1.5px!important;
  }
}

@media(max-width:420px){
  .az-owner-header-inner{
    padding-inline:7px!important;
  }

  .az-owner-header-actions{
    gap:4px!important;
  }

  .az-owner-sidebar-toggle,
  .az-owner-icon-btn,
  .az-owner-header-actions .az-owner-logout-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    border-radius:10px!important;
  }

  .az-owner-sidebar-toggle svg,
  .az-owner-icon-btn svg,
  .az-owner-header-actions .az-owner-logout-btn svg{
    width:17px!important;
    height:17px!important;
    flex-basis:17px!important;
  }

  .az-owner-logo-ring{
    width:50px!important;
    height:50px!important;
  }
}