:root{--primary:#0d766e;--primary2:#119388;--ink:#173b38;--muted:#6f8582;--bg:#f4f8f7;--card:#fff;--line:#dfeae8;--danger:#bc3f48;--gold:#f5b441;--shadow:0 14px 40px rgba(27,74,69,.10);font-family:IRANSansWeb, "IRANSans", "IRANSansX", Tahoma, Arial, sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg)}body{overscroll-behavior:none}.app-shell{max-width:560px;min-height:100vh;margin:auto;background:var(--bg);position:relative;padding-bottom:82px}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:9px}.brand-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:13px;background:linear-gradient(145deg,var(--primary2),var(--primary));color:#fff;font-size:25px;font-weight:800;box-shadow:0 7px 18px rgba(13,118,110,.25)}.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{direction:ltr;font-size:9px;color:var(--muted);margin-top:3px}.icon-btn{width:40px;height:40px;border:0;border-radius:13px;background:#eaf5f3;color:var(--primary);font-size:25px;font-weight:bold}.hidden{visibility:hidden}.screen{padding:16px 15px 24px;min-height:calc(100vh - 150px)}h1,h2,h3,p{margin-top:0}.hero{background:linear-gradient(135deg,#0e7e75,#14a497);color:#fff;border-radius:26px;padding:22px 20px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.13);left:-35px;top:-65px}.eyebrow{font-size:12px;opacity:.85;margin-bottom:8px}.hero h1{font-size:25px;margin-bottom:10px}.hero p{font-size:13px;line-height:1.9;opacity:.91;margin-bottom:18px}.hero .btn{background:#fff;color:var(--primary);width:auto;padding:0 18px}.version-badge{position:absolute;left:16px;bottom:18px;background:rgba(0,0,0,.13);padding:5px 9px;border-radius:20px;font-size:10px}.search-box{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:4px 13px;margin:15px 0;box-shadow:0 8px 24px rgba(27,74,69,.05)}.search-box input{border:0;outline:0;flex:1;height:46px;font-family:inherit;font-size:13px;background:transparent;color:var(--ink)}.search-box span{font-size:22px;color:var(--primary)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 12px}.section-head h2{font-size:16px;margin:0}.text-btn{border:0;background:transparent;color:var(--primary);font-family:inherit;font-size:12px}.topics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.topic{border:0;border-radius:19px;padding:15px;text-align:right;font-family:inherit;color:var(--ink);min-height:104px}.topic span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.65);font-size:18px;margin-bottom:11px}.topic strong,.topic small{display:block}.topic strong{font-size:13px}.topic small{color:var(--muted);font-size:10px;margin-top:5px;line-height:1.6}.topic.a{background:#fff0ed}.topic.b{background:#e9f7f3}.topic.c{background:#fff6df}.topic.d{background:#eaf3fb}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;box-shadow:0 8px 26px rgba(27,74,69,.055)}.specialist-card{display:flex;align-items:center;gap:12px;margin-bottom:10px}.avatar{flex:0 0 52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#d9f1ec;color:var(--primary);font-weight:bold;position:relative}.avatar.blue{background:#e4effb;color:#3974a7}.avatar i{position:absolute;bottom:-2px;left:-2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:10px;font-style:normal;border:2px solid #fff}.specialist-info{flex:1;min-width:0}.specialist-info h3{font-size:14px;margin:0 0 5px}.specialist-info p,.specialist-info small{font-size:10px;color:var(--muted);margin:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;gap:12px;margin-top:7px;font-size:10px;color:#55706d}.rating{color:#9b6a00}.mini-btn{border:0;border-radius:12px;background:#e8f5f2;color:var(--primary);font-family:inherit;font-weight:bold;padding:10px 12px}.btn{height:48px;width:100%;border:0;border-radius:15px;background:linear-gradient(135deg,var(--primary2),var(--primary));color:#fff;font-family:inherit;font-weight:bold;font-size:14px;box-shadow:0 8px 18px rgba(13,118,110,.18)}.btn:disabled{opacity:.45;box-shadow:none}.btn.secondary{background:#e9f4f2;color:var(--primary);box-shadow:none}.stepper{display:flex;justify-content:space-between;align-items:center;margin:3px 4px 18px}.stepper span{width:29px;height:29px;border-radius:50%;background:#dce8e6;color:#68827f;display:grid;place-items:center;font-size:11px;font-weight:bold;position:relative}.stepper span.active,.stepper span.done{background:var(--primary);color:#fff}.stepper span:not(:last-child):after{content:"";position:absolute;height:2px;width:calc((100vw - 115px)/5);max-width:72px;background:#dce8e6;right:29px;top:14px}.stepper span.done:not(:last-child):after{background:var(--primary)}.page-title{font-size:20px;margin:0 0 7px}.page-subtitle{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:16px}.choice-grid{display:grid;gap:10px}.choice{display:flex;align-items:center;gap:12px;text-align:right;border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px;font-family:inherit;color:var(--ink)}.choice.selected{border:2px solid var(--primary);background:#f1faf8;padding:13px}.choice-icon{width:42px;height:42px;border-radius:14px;background:#e9f5f2;color:var(--primary);display:grid;place-items:center;font-size:20px}.choice div{flex:1}.choice strong,.choice small{display:block}.choice small{font-size:10px;color:var(--muted);margin-top:5px}.price{font-weight:bold;font-size:11px;color:var(--primary)}.booking-footer{position:sticky;bottom:78px;background:linear-gradient(to top,var(--bg) 75%,transparent);padding-top:18px;margin-top:14px}.date-row{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.date-card{min-width:72px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:10px 7px;text-align:center;font-family:inherit;color:var(--ink)}.date-card strong,.date-card small{display:block}.date-card strong{font-size:16px;margin:5px}.date-card small{font-size:10px;color:var(--muted)}.date-card.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.date-card.selected small{color:#d8f6f2}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.time-btn{height:43px;border:1px solid var(--line);border-radius:13px;background:#fff;font-family:inherit;color:var(--ink)}.time-btn.selected{background:#e7f5f2;color:var(--primary);border:2px solid var(--primary);font-weight:bold}.field{margin-bottom:13px}.field label{display:block;font-size:11px;font-weight:bold;margin:0 3px 7px}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:13px;font-family:inherit;font-size:13px;outline:none;color:var(--ink)}.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(13,118,110,.08)}.field textarea{min-height:86px;resize:none}.error{font-size:10px;color:var(--danger);margin:6px 3px 0}.summary{background:#eaf6f3;border:1px solid #cce8e2}.summary-row{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px dashed #c6dfda;font-size:11px}.summary-row:last-child{border:0}.summary-row span{color:var(--muted)}.payment-option{margin-bottom:10px}.radio{width:20px;height:20px;border:2px solid #a9beb9;border-radius:50%;display:grid;place-items:center}.selected .radio:after{content:"";width:10px;height:10px;background:var(--primary);border-radius:50%}.bank-box{background:#fff8e8;border:1px solid #f2d899;border-radius:16px;padding:13px;margin:10px 0;font-size:11px;line-height:2}.copy-btn{border:0;background:#fff;border-radius:10px;padding:7px 10px;color:#8b6500;font-family:inherit}.terms{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.8;margin:15px 2px}.terms input{width:20px;height:20px;accent-color:var(--primary);flex:0 0 auto}.success{text-align:center;padding-top:20px}.success-icon{width:82px;height:82px;border-radius:50%;background:#dff3ee;color:var(--primary);font-size:43px;display:grid;place-items:center;margin:0 auto 17px}.tracking{font-size:18px;letter-spacing:1px;color:var(--primary);font-weight:bold;direction:ltr}.tabs{display:flex;background:#e8f0ef;border-radius:14px;padding:4px;margin-bottom:14px;overflow-x:auto}.tabs button{flex:1;min-width:82px;border:0;border-radius:11px;padding:10px 5px;background:transparent;font-family:inherit;font-size:10px;color:var(--muted)}.tabs button.active{background:#fff;color:var(--primary);font-weight:bold;box-shadow:0 3px 9px rgba(0,0,0,.06)}.appointment{margin-bottom:11px}.appointment-top{display:flex;justify-content:space-between;align-items:center}.status{padding:5px 8px;border-radius:20px;background:#e7f5f2;color:var(--primary);font-size:9px}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.empty span{display:block;font-size:45px;margin-bottom:14px}.profile-head{text-align:center;padding:20px}.profile-avatar{width:75px;height:75px;border-radius:26px;background:#d9f0eb;color:var(--primary);display:grid;place-items:center;font-size:24px;font-weight:bold;margin:auto}.menu-list{display:grid;gap:9px}.menu-item{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:14px;font-family:inherit;color:var(--ink);text-align:right}.menu-item span:first-child{width:32px;height:32px;border-radius:10px;background:#edf6f4;display:grid;place-items:center;color:var(--primary)}.menu-item b{flex:1}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:560px;height:76px;background:rgba(255,255,255,.98);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:25;padding-bottom:max(5px,env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:transparent;color:#78918d;font-family:inherit;padding:8px 2px 4px}.bottom-nav button span,.bottom-nav button small{display:block}.bottom-nav button span{font-size:20px;height:26px}.bottom-nav button small{font-size:9px}.bottom-nav button.active{color:var(--primary);font-weight:bold}.bottom-nav .nav-book span{width:45px;height:45px;border-radius:16px;background:linear-gradient(145deg,var(--primary2),var(--primary));color:#fff;display:grid;place-items:center;margin:-23px auto 2px;font-size:28px;box-shadow:0 8px 20px rgba(13,118,110,.3)}.toast{position:fixed;z-index:100;left:50%;bottom:94px;transform:translate(-50%,20px);background:#173b38;color:#fff;padding:10px 16px;border-radius:12px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;max-width:88%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.detail-box{font-size:11px;line-height:1.9;margin-top:10px}.ltr{direction:ltr;display:inline-block}@media(min-width:561px){body{padding:20px}.app-shell{min-height:calc(100vh - 40px);border-radius:30px;overflow:hidden;box-shadow:0 20px 70px rgba(27,74,69,.18)}.bottom-nav{bottom:20px;border-radius:0 0 30px 30px}.toast{bottom:115px}}

/* v1.2.0 — Joomla Mobile Specialists API */
.api-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 12px;margin:10px 0 16px;border-radius:14px;background:#f4f7f7;color:var(--muted);font-size:11px;border:1px solid var(--line)}
.api-status>span{width:9px;height:9px;border-radius:50%;background:#9aa7a5;box-shadow:0 0 0 4px rgba(154,167,165,.12)}
.api-status b{font-size:11px;color:var(--text)}
.api-status small{margin-right:auto;font-size:9px;color:var(--muted)}
.api-status.online{background:#ecfdf5;border-color:#bbf7d0}.api-status.online>span{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12)}
.api-status.loading{background:#eff6ff;border-color:#bfdbfe}.api-status.loading>span{background:#2563eb;animation:aloPulse 1.1s infinite}
.api-status.cache{background:#fffbeb;border-color:#fde68a}.api-status.cache>span{background:#d97706}
.api-status.error{background:#fff1f2;border-color:#fecdd3}.api-status.error>span{background:#e11d48}
@keyframes aloPulse{50%{opacity:.35;transform:scale(.75)}}
.connection-empty{display:flex;flex-direction:column;align-items:center;gap:8px}.connection-empty b{color:var(--text)}.connection-empty small{line-height:1.9;max-width:270px}.connection-empty .btn{margin-top:6px}
.specialist-card .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.specialist-card .avatar.image-error:before{content:'ا‌ک';display:grid;place-items:center;width:100%;height:100%}
.mini-btn:disabled{opacity:.55;cursor:not-allowed;white-space:nowrap}
.notice-card{padding:11px 13px;border-radius:13px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:11px;line-height:1.8;margin:12px 0}
.connection-card{padding:14px}.connection-card .field{margin-top:12px}.connection-card .btn+.btn{margin-top:8px}.field-hint{display:block;color:var(--muted);line-height:1.8;margin-top:6px}.endpoint-preview{direction:ltr;text-align:left;overflow-wrap:anywhere;background:#f7faf9;border:1px dashed var(--line);border-radius:10px;padding:9px;font-size:8px;color:var(--muted);margin:12px 0 0}
.loader-dot{animation:aloPulse 1.1s infinite}.hero .btn:disabled{opacity:.6}

/* Hosted-mode isolation inside Joomla tmpl=component. */
html,body{width:100%;min-height:100%;padding:0!important;margin:0!important;background:#f4f8f7!important}
body>div:not(#app):not(#toast){max-width:none}
.app-shell{width:100%;max-width:560px}
@media (min-width:561px){body{background:#e7f0ee!important}.app-shell{box-shadow:0 0 60px rgba(15,70,65,.12)}}


/* v1.3.1 — Joomla/Bootstrap collision and narrow-screen layout hotfix. */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;direction:rtl!important}
#app.app-shell{width:100%!important;max-width:560px!important;min-width:0!important;overflow-x:hidden!important;direction:rtl!important}
#app .screen{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
#app .card{display:block;flex-direction:initial;min-width:0;max-width:100%;overflow-wrap:anywhere}
#app .topics,#app .choice-grid,#app .menu-list,#app #specialistResults{min-width:0;max-width:100%}
#app .topics>*{min-width:0}
#app .specialist-card{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;grid-template-rows:auto!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;flex-direction:row!important}
#app .specialist-card .avatar{box-sizing:border-box!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important;flex:0 0 52px!important;overflow:hidden!important;align-self:center!important}
#app .specialist-card .avatar img{box-sizing:border-box!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important;object-fit:cover!important;object-position:center!important;border-radius:17px!important;display:block!important}
#app .specialist-card .specialist-info{width:auto!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
#app .specialist-card .specialist-info h3,#app .specialist-card .specialist-info p,#app .specialist-card .specialist-info small{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#app .specialist-card .meta{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}
#app .specialist-card .mini-btn{box-sizing:border-box!important;min-width:62px!important;max-width:78px!important;white-space:nowrap!important;padding:9px 8px!important;font-size:11px!important;overflow:hidden!important;text-overflow:ellipsis!important}
#app img,#app video,#app svg{max-width:100%}
#app .bottom-nav{right:auto!important;left:50%!important;width:min(100vw,560px)!important;max-width:100vw!important;min-width:0!important;overflow:visible!important;direction:rtl!important}
#app .bottom-nav button{min-width:0!important;max-width:100%!important;overflow:hidden!important}
#app .bottom-nav button small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#app .hero,#app .search-box,#app .api-status,#app .section-head,#app .topics,#app .card{max-width:100%}
@media (max-width:420px){
  #app .screen{padding-right:12px!important;padding-left:12px!important}
  #app .specialist-card{grid-template-columns:50px minmax(0,1fr) 66px!important;gap:8px!important;padding:12px!important}
  #app .specialist-card .avatar,#app .specialist-card .avatar img{width:50px!important;min-width:50px!important;max-width:50px!important;height:50px!important;min-height:50px!important;max-height:50px!important}
  #app .specialist-card .mini-btn{min-width:60px!important;max-width:66px!important;padding:9px 5px!important;font-size:10px!important}
  #app .specialist-card .meta{gap:7px!important;font-size:9px!important}
  #app .bottom-nav button{padding-right:1px!important;padding-left:1px!important}
  #app .bottom-nav button small{font-size:8px!important}
}
@media (max-width:330px){
  #app .specialist-card{grid-template-columns:48px minmax(0,1fr)!important}
  #app .specialist-card .mini-btn{grid-column:1/-1!important;width:100%!important;max-width:none!important}
}
/* RC19.1.2 — Android WebView vertical-scroll containment hotfix.
   The document itself remains fixed while the main application screen owns
   vertical scrolling. This avoids body-scroll failures in older Samsung and
   Android System WebView builds and keeps the top/bottom navigation stable. */
html,body{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body{position:relative!important;padding:0!important;margin:0!important}
#app.app-shell{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:560px!important;
  height:100vh!important;
  min-height:0!important;
  max-height:100vh!important;
  margin:0 auto!important;
  padding-bottom:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
@supports (height:100dvh){
  #app.app-shell{height:100dvh!important;max-height:100dvh!important}
}
#app .topbar{
  position:relative!important;
  top:auto!important;
  flex:0 0 68px!important;
  width:100%!important;
}
#app .screen{
  box-sizing:border-box!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  padding-bottom:28px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  scrollbar-width:none;
}
#app .screen::-webkit-scrollbar{width:0;height:0;display:none}
#app .bottom-nav{
  box-sizing:border-box!important;
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  flex:0 0 76px!important;
  width:100%!important;
  max-width:100%!important;
  height:76px!important;
  border-radius:0!important;
}
#toast.toast{bottom:90px!important}
@media (min-width:561px){
  body{padding:0!important}
  #app.app-shell{border-radius:0!important;min-height:0!important}
  #app .bottom-nav{bottom:auto!important;border-radius:0!important}
}

/* RC19.2.0 — mobile visual refresh phase 1 */
:root{--primary:#138a72;--primary2:#19a987;--accent:#2f84c6;--accent2:#4aa0df;--accent-soft:#eaf4ff;--ring:#2bb673;--heroMix:#117f77;--heroAccent:#2c85c8}
.brand-logo{background:linear-gradient(145deg,var(--primary2) 0%,var(--primary) 68%,var(--accent) 100%);font-size:26px;line-height:1}
.icon-btn{background:var(--accent-soft);color:var(--accent)}
.hero{background:linear-gradient(140deg,var(--primary2) 0%,var(--heroMix) 68%,var(--heroAccent) 100%)}
.search-box span,.text-btn{color:var(--accent)}
.section-head h2,.page-title{color:var(--ink)}
.specialist-card{position:relative;align-items:center}
.avatar{width:56px;height:56px;border-radius:20px;background:linear-gradient(145deg,#f1fbf7,#edf6ff);color:var(--primary);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ring),0 10px 22px rgba(19,138,114,.14);overflow:visible}
.avatar>span{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;background:linear-gradient(145deg,#effaf6,#eef6ff)}
.avatar img{border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.avatar i{left:auto;right:-2px;bottom:-3px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#3d8bff,#1f6fe5);color:#fff;font-size:11px;font-weight:900;font-style:normal;border:2px solid #fff;box-shadow:0 6px 16px rgba(31,111,229,.35)}
.specialist-card .mini-btn{background:#edf8f5;color:var(--primary);min-width:76px;white-space:nowrap}
.specialist-card .mini-btn:disabled{background:#eef2f1;color:#8aa09c}
.bottom-nav{overflow:visible;box-shadow:0 -8px 20px rgba(22,59,56,.05)}
.bottom-nav button{position:relative}
.bottom-nav button.active{color:var(--primary)}
.bottom-nav .nav-book{overflow:visible}
.bottom-nav .nav-book span{width:54px;height:54px;border-radius:19px;background:linear-gradient(160deg,var(--primary2) 0%,var(--primary) 70%,var(--accent) 100%);color:#fff;display:grid;place-items:center;margin:-30px auto 4px;font-size:34px;font-weight:900;line-height:1;box-shadow:0 12px 24px rgba(19,138,114,.35);border:3px solid #fff;position:relative;z-index:3}
.bottom-nav .nav-book small{color:var(--primary);font-weight:800}
.bottom-nav button span{display:grid;place-items:center}
.topic.b{background:#eaf8f5}.topic.d{background:#eef5ff}
.tabs button.active{color:var(--primary)}
.status{background:#e7f7f2;color:var(--primary)}
.profile-avatar{background:linear-gradient(145deg,#e7f7f1,#edf6ff);box-shadow:0 0 0 4px rgba(43,182,115,.16)}

/* RC19.3.0 — Mobile specialist profile experience */
#app .specialist-card{cursor:pointer}
#app .specialist-card:focus{outline:3px solid rgba(47,132,198,.22);outline-offset:2px}
#app .specialist-card .avatar{overflow:visible!important;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ring),0 10px 22px rgba(19,138,114,.14)!important}
#app .specialist-card .avatar img{border-radius:17px!important}
#app .specialist-card .avatar i{position:absolute!important;right:-4px!important;left:auto!important;bottom:-4px!important;z-index:4!important;overflow:visible!important}
.specialist-profile-page{display:grid;gap:13px;padding-bottom:6px}
.specialist-profile-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#ecfaf5 0%,#f7fbfa 60%,#edf6ff 100%);border:1px solid #dcece7;border-radius:26px;padding:24px 17px 17px;box-shadow:var(--shadow)}
.profile-cover-shape{position:absolute;width:180px;height:180px;border-radius:50%;background:linear-gradient(145deg,rgba(25,169,135,.18),rgba(47,132,198,.15));top:-95px;left:-45px}
.profile-specialist-avatar{position:relative;width:92px;height:92px;border-radius:28px;margin:0 auto 15px;background:linear-gradient(145deg,#edf9f5,#eef6ff);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ring),0 16px 34px rgba(19,138,114,.18);display:grid;place-items:center;color:var(--primary);font-size:28px;font-weight:800;z-index:2}
.profile-specialist-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.profile-specialist-avatar>span{display:grid;place-items:center;width:100%;height:100%}
.profile-specialist-avatar i{position:absolute;right:-7px;bottom:-7px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#418fff,#216edc);color:#fff;font-size:14px;font-style:normal;font-weight:900;border:3px solid #fff;box-shadow:0 8px 18px rgba(33,110,220,.32)}
.profile-identity{text-align:center;position:relative;z-index:2}
.profile-name-row{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.profile-name-row h1{font-size:20px;margin:0;color:var(--ink)}
.profile-verified-pill{display:inline-flex;align-items:center;gap:4px;background:#e8f2ff;color:#246fc3;border:1px solid #cfe3fb;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800}
.profile-identity>p{font-size:12px;color:#41635f;margin:7px 0 5px}
.profile-identity>small{font-size:10px;color:var(--muted)}
.profile-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:17px}
.profile-stat-grid>div{background:rgba(255,255,255,.82);border:1px solid #deebe8;border-radius:14px;padding:10px 4px;text-align:center;min-width:0}
.profile-stat-grid b,.profile-stat-grid span{display:block}
.profile-stat-grid b{font-size:14px;color:var(--primary)}
.profile-stat-grid span{font-size:8px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-section{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;box-shadow:0 8px 25px rgba(27,74,69,.05)}
.profile-section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.profile-section-title>span{width:32px;height:32px;border-radius:11px;background:linear-gradient(145deg,#e8f7f2,#eaf4ff);color:var(--primary);display:grid;place-items:center;font-weight:900}
.profile-section-title h2{font-size:15px;margin:0;color:var(--ink)}
.profile-lead{font-size:12px;line-height:1.95;color:#355b56;background:#f2faf7;border-right:3px solid var(--primary);padding:10px 11px;border-radius:10px;margin:0 0 10px}
.profile-about{border:1px solid #e6efed;border-radius:14px;padding:0 11px;background:#fbfdfc}
.profile-about summary{cursor:pointer;padding:11px 0;font-size:11px;font-weight:800;color:var(--primary)}
.profile-about p,.profile-body{white-space:pre-line;font-size:11px;line-height:2;color:#526c68;margin:0 0 12px}
.profile-chips{display:flex;flex-wrap:wrap;gap:7px}
.profile-chips span{background:#edf8f5;color:#197861;border:1px solid #d5eee6;border-radius:999px;padding:7px 10px;font-size:10px;line-height:1.2}
.profile-mini-title{font-size:11px;color:#405f5b;margin:13px 0 8px}
.profile-services{display:grid;gap:9px}
.profile-service-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dfecea;border-radius:16px;padding:11px;background:linear-gradient(145deg,#fff,#fbfefd)}
.profile-service-icon{width:38px;height:38px;border-radius:12px;background:#eaf7f3;color:var(--primary);display:grid;place-items:center;font-size:18px}
.profile-service-copy{min-width:0}
.profile-service-copy strong,.profile-service-copy small{display:block}
.profile-service-copy strong{font-size:11px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-service-copy small{font-size:9px;color:var(--muted);margin-top:5px}
.profile-service-copy p{font-size:9px;line-height:1.7;color:var(--muted);margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.profile-service-price{text-align:left;white-space:nowrap}
.profile-service-price b{display:block;font-size:10px;color:var(--primary);margin-bottom:7px}
.profile-service-price button{border:0;background:linear-gradient(145deg,var(--primary2),var(--primary));color:#fff;border-radius:10px;padding:8px 9px;font-family:inherit;font-size:9px;font-weight:800}
.profile-empty-box{border:1px dashed #cadeda;background:#f8fbfa;border-radius:14px;padding:14px;text-align:center;font-size:10px;line-height:1.8;color:var(--muted)}
.profile-reviews{display:grid;gap:9px}
.profile-review{border:1px solid #e2ecea;border-radius:15px;padding:12px;background:#fcfefd}
.profile-review>div{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.profile-review strong{font-size:11px}
.profile-review p{font-size:10px;line-height:1.9;color:#526c68;margin:8px 0 0;white-space:pre-line}
.verified-client{font-size:8px;color:#246fc3;background:#edf5ff;border-radius:999px;padding:4px 7px}
.review-stars{display:block;color:#e6a526;font-size:12px;direction:ltr;text-align:right;margin-top:7px;letter-spacing:1px}
.profile-info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px dashed #dce8e5;padding:9px 0;font-size:10px}
.profile-info-row span{color:var(--muted)}
.profile-info-row b{color:#355b56;text-align:left;line-height:1.7}
.profile-bullet-list{margin-top:12px;border-radius:13px;background:#f8fbfa;padding:10px 12px}
.profile-bullet-list strong{font-size:10px;color:var(--ink)}
.profile-bullet-list p{font-size:10px;line-height:1.8;color:#526c68;margin:5px 0}
.opening-hours{display:grid;gap:6px;margin-top:10px}
.opening-hours>div{display:flex;justify-content:space-between;align-items:center;background:#f4faf8;border-radius:10px;padding:8px 10px;font-size:10px}
.opening-hours span{color:#4f6965}.opening-hours b{font-size:9px;color:var(--primary)}
.privacy-note{font-size:9px;line-height:1.8;color:#728783;background:#fff9e9;border:1px solid #f3dfa5;border-radius:11px;padding:9px;margin:11px 0 0}
.profile-faqs{display:grid;gap:8px}
.profile-faqs details{border:1px solid #e1ece9;border-radius:13px;padding:0 11px;background:#fbfdfc}
.profile-faqs summary{font-size:10px;font-weight:800;padding:11px 0;cursor:pointer}
.profile-faqs p{font-size:10px;line-height:1.9;color:#526c68;margin:0 0 11px;white-space:pre-line}
.profile-sticky-cta{position:sticky;bottom:-1px;z-index:12;padding:12px 0 2px;background:linear-gradient(to top,var(--bg) 74%,rgba(244,248,247,0));margin-top:0}
.profile-sticky-cta .btn{box-shadow:0 12px 28px rgba(19,138,114,.26)}
@media(max-width:390px){
  .profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-service-card{grid-template-columns:34px minmax(0,1fr)}
  .profile-service-icon{width:34px;height:34px}
  .profile-service-price{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;text-align:right;padding-right:44px}
  .profile-service-price b{margin:0}
}


/* RC19.3.1 — green-theme enforcement and specialist videos hotfix */
:root{--primary:#087f68;--primary2:#14a57f;--accent:#159777;--accent2:#31b58e;--accent-soft:#e9f8f2;--heroMix:#0b7967;--heroAccent:#159777}
#app .brand-logo{background:linear-gradient(145deg,#19aa82 0%,#087f68 100%)!important;color:#fff!important}
#app .hero{background:linear-gradient(140deg,#18a681 0%,#0a806b 72%,#0b6f64 100%)!important}
#app .btn,#app .profile-service-price button{background:linear-gradient(145deg,#18a681,#087f68)!important;color:#fff!important;box-shadow:0 9px 22px rgba(8,127,104,.24)!important}
#app .bottom-nav .nav-book span,#app .bottom-nav .nav-book.active span,#app .bottom-nav .nav-book:focus span,#app .bottom-nav .nav-book:active span{background:linear-gradient(155deg,#1ab086 0%,#087f68 100%)!important;background-color:#087f68!important;color:#fff!important;box-shadow:0 12px 24px rgba(8,127,104,.34)!important}
#app .bottom-nav .nav-book small,#app .bottom-nav .nav-book.active small{color:#087f68!important}
#app .bottom-nav button.active{color:#087f68!important;background:transparent!important}
#app .bottom-nav button:focus,#app .bottom-nav button:active{background:transparent!important}
#app .stepper span.active,#app .stepper span.done{background:#087f68!important;background-color:#087f68!important;color:#fff!important}
#app .stepper span.done:not(:last-child):after{background:#087f68!important;background-color:#087f68!important}
#app .date-card.selected{background:#087f68!important;border-color:#087f68!important}
#app .time-btn.selected,#app .choice.selected{border-color:#087f68!important;color:#087f68!important;background:#ecf9f5!important}
#app .choice-icon,#app .search-box span,#app .text-btn,#app .tabs button.active{color:#087f68!important}
#app .icon-btn{background:#eaf8f3!important;color:#087f68!important}
#app .profile-cover-shape{background:linear-gradient(145deg,rgba(20,165,127,.20),rgba(8,127,104,.10))!important}
#app .profile-section-title>span{background:#e9f8f2!important;color:#087f68!important}
.profile-videos{display:grid;gap:12px}
.profile-video-card{overflow:hidden;border:1px solid #dcebe6;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(18,75,65,.06)}
.profile-video-frame{position:relative;aspect-ratio:16/9;background:#0f2723;overflow:hidden}
.profile-video-frame iframe{display:block;width:100%;height:100%;border:0;background:#0f2723}
.profile-video-duration{position:absolute;left:8px;bottom:8px;direction:ltr;background:rgba(0,0,0,.72);color:#fff;border-radius:7px;padding:3px 6px;font-size:8px;pointer-events:none}
.profile-video-copy{padding:11px 12px}
.profile-video-copy strong{display:block;font-size:11px;color:var(--ink);line-height:1.7}
.profile-video-copy p{font-size:9px;line-height:1.8;color:#526c68;margin:6px 0;white-space:pre-line}
.profile-video-copy small{font-size:8px;color:var(--muted)}

/* RC19.4.0 — account membership, brand logo and booking CTA refinement */
#app .hero{padding-top:48px!important}
#app .version-badge{top:13px!important;left:14px!important;bottom:auto!important;direction:ltr!important;background:rgba(0,73,59,.36)!important;z-index:3!important}
#app .hero .btn{margin-top:4px!important;max-width:190px!important}
#app .bottom-nav button,#app .bottom-nav button:focus,#app .bottom-nav button:focus-visible,#app .bottom-nav button:active{outline:0!important;border:0!important;-webkit-tap-highlight-color:transparent!important;box-shadow:none!important}
#app .bottom-nav .nav-book{transform:translateY(-5px)!important}
#app .bottom-nav .nav-book span,#app .bottom-nav .nav-book.active span,#app .bottom-nav .nav-book:focus span,#app .bottom-nav .nav-book:active span{width:48px!important;height:48px!important;border-radius:17px!important;margin:-27px auto 5px!important;font-size:29px!important;border:3px solid #fff!important;background:linear-gradient(155deg,#74deb8 0%,#19aa82 46%,#087f68 100%)!important;box-shadow:0 9px 22px rgba(8,127,104,.30)!important;animation:aloBookingPulse 2.15s ease-in-out infinite!important;transform-origin:center!important}
#app .bottom-nav .nav-book small{font-size:9px!important;color:#087f68!important;font-weight:900!important}
@keyframes aloBookingPulse{0%,100%{filter:brightness(1);transform:translateY(0) scale(1);box-shadow:0 8px 18px rgba(8,127,104,.26)}50%{filter:brightness(1.16);transform:translateY(-3px) scale(1.055);box-shadow:0 12px 27px rgba(25,170,130,.48)}}
@media(prefers-reduced-motion:reduce){#app .bottom-nav .nav-book span{animation:none!important}}
.mobile-account-logo{width:112px;height:112px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid #2bb673;box-shadow:0 0 0 5px #e5f7ef,0 13px 30px rgba(8,127,104,.17);overflow:hidden;padding:10px}
.mobile-account-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
.profile-head>h2,.account-page>.page-title{text-align:center;margin:10px 0 7px}
.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.account-actions .btn{font-size:11px;padding:0 8px}
.account-page{padding-bottom:12px}
.account-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;margin:12px 0;background:#e8f3ef;border-radius:15px}
.account-tabs button{height:42px;border:0;border-radius:11px;background:transparent;color:#5d7772;font-family:inherit;font-size:12px;font-weight:800}
.account-tabs button.active{background:#fff;color:#087f68;box-shadow:0 5px 14px rgba(18,75,65,.08)}
.account-form{display:grid;gap:4px}
.account-form .field{margin-bottom:9px}
.account-form .field input{height:49px}
.account-note{font-size:9px;line-height:1.9;text-align:center;color:var(--muted);margin:10px 0 0}
.app-build-info{text-align:center;color:var(--muted);font-size:10px;line-height:1.8;margin-top:18px;direction:ltr}
.designer-credit{text-align:center;color:#55706d;font-size:9px;line-height:1.7;margin:11px 0 2px!important;direction:ltr}
.designer-credit strong{color:#087f68;font-weight:800}
@media(max-width:360px){.mobile-account-logo{width:96px;height:96px}.account-actions{grid-template-columns:1fr}.bottom-nav .nav-book span{width:44px!important;height:44px!important}}

/* RC19.5.0 — Macintosh-style dock and circular brand */
#app.app-shell{padding-bottom:126px!important}
#app .screen{padding-bottom:38px!important}
#app .brand-logo{width:42px!important;height:42px!important;border-radius:50%!important;background:#fff!important;padding:2px!important;overflow:hidden!important;box-shadow:0 0 0 2px #dff4ec,0 7px 18px rgba(8,127,104,.20)!important}
#app .brand-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
#app .bottom-nav{position:fixed!important;bottom:10px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:calc(100% - 22px)!important;max-width:538px!important;height:94px!important;z-index:45!important;border-radius:28px!important;border:1px solid rgba(199,225,216,.88)!important;background:rgba(255,255,255,.91)!important;backdrop-filter:blur(18px) saturate(1.15)!important;-webkit-backdrop-filter:blur(18px) saturate(1.15)!important;box-shadow:0 18px 42px rgba(20,70,61,.20),inset 0 1px 0 rgba(255,255,255,.95)!important;padding:13px 8px 10px!important;overflow:visible!important}
#app .bottom-nav button{border-radius:18px!important;min-width:0!important;padding:8px 2px 5px!important;transition:background .2s ease,color .2s ease,transform .2s ease!important}
#app .bottom-nav button.active:not(.nav-book){background:#e9f7f2!important;color:#087f68!important;transform:translateY(-2px)!important}
#app .bottom-nav button span{height:28px!important;font-size:21px!important}
#app .bottom-nav button small{font-size:9px!important;margin-top:2px!important}
#app .bottom-nav .nav-book{transform:translateY(-12px)!important;background:transparent!important}
#app .bottom-nav .nav-book span,#app .bottom-nav .nav-book.active span,#app .bottom-nav .nav-book:focus span,#app .bottom-nav .nav-book:active span{width:50px!important;height:50px!important;margin:0 auto 2px!important;border-radius:18px!important;font-size:30px!important;border:3px solid #fff!important;background:linear-gradient(155deg,#7ee1bd 0%,#22b488 45%,#087f68 100%)!important;box-shadow:0 11px 25px rgba(8,127,104,.34)!important;animation:aloBookingPulse 2.1s ease-in-out infinite!important}
#app .bottom-nav .nav-book small{font-size:10px!important;margin-top:1px!important}
#app .booking-footer{bottom:112px!important}
@media(max-width:360px){#app .bottom-nav{height:88px!important;width:calc(100% - 14px)!important;padding-inline:5px!important}#app .bottom-nav .nav-book{transform:translateY(-10px)!important}#app .bottom-nav .nav-book span{width:46px!important;height:46px!important;font-size:28px!important}}
.otp-actions{display:grid;gap:9px}.otp-code-input{text-align:center!important;direction:ltr!important;letter-spacing:8px!important;font-size:22px!important;font-weight:900!important}.otp-hint{font-size:10px;color:var(--muted);line-height:1.8;text-align:center}.account-tabs.three{grid-template-columns:repeat(3,minmax(0,1fr))}


/* RC19.5.1 — stable booking CTA label visibility hotfix */
@keyframes aloBookingPulse{
  0%,100%{filter:brightness(.90);opacity:.92;transform:none;box-shadow:0 8px 18px rgba(8,127,104,.25)}
  50%{filter:brightness(1.16);opacity:1;transform:none;box-shadow:0 11px 25px rgba(25,170,130,.42)}
}
#app .bottom-nav .nav-book,
#app .bottom-nav .nav-book:focus,
#app .bottom-nav .nav-book:active,
#app .bottom-nav .nav-book.active{
  transform:none!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px 2px 5px!important;
  overflow:visible!important;
}
#app .bottom-nav .nav-book span,
#app .bottom-nav .nav-book.active span,
#app .bottom-nav .nav-book:focus span,
#app .bottom-nav .nav-book:active span{
  width:46px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0 auto 3px!important;
  border-radius:17px!important;
  font-size:28px!important;
  line-height:1!important;
  transform:none!important;
  animation:aloBookingPulse 2.1s ease-in-out infinite!important;
}
#app .bottom-nav .nav-book small,
#app .bottom-nav .nav-book.active small,
#app .bottom-nav .nav-book:focus small,
#app .bottom-nav .nav-book:active small{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:4!important;
  min-height:16px!important;
  margin:0!important;
  padding:0!important;
  color:#087f68!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:16px!important;
  white-space:nowrap!important;
  transform:none!important;
}
@media(max-width:360px){
  #app .bottom-nav .nav-book{transform:none!important;padding-top:3px!important}
  #app .bottom-nav .nav-book span{width:43px!important;height:43px!important;min-height:43px!important;font-size:27px!important;margin-bottom:3px!important}
  #app .bottom-nav .nav-book small{font-size:9px!important;line-height:15px!important;min-height:15px!important}
}
@media(prefers-reduced-motion:reduce){
  #app .bottom-nav .nav-book span{animation:none!important;filter:none!important;opacity:1!important}
}

/* RC19.6.0 — seminar/workshop promotional carousel */
.home-events{margin:18px 0 8px}.home-events .section-head{margin:0 2px 11px}.event-live-label{font-size:9px;color:var(--primary);background:#e7f7f1;border:1px solid #c9eadf;border-radius:999px;padding:6px 9px;font-weight:700}.event-banner-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:3px;padding:2px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.event-banner-track::-webkit-scrollbar{display:none}.event-banner-card{position:relative;flex:0 0 calc(100% - 28px);aspect-ratio:16/9;min-height:178px;border-radius:23px;overflow:hidden;scroll-snap-align:center;background:linear-gradient(135deg,#0f7d68,#1ba987);box-shadow:0 14px 30px rgba(18,94,78,.16);border:1px solid rgba(19,138,114,.2);cursor:pointer}.event-banner-card img{width:100%;height:100%;display:block;object-fit:cover}.event-banner-card.image-error:before{content:'Alo Clinic Event';position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.72);font-size:24px;font-weight:800;direction:ltr}.event-banner-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,33,29,.9) 0%,rgba(5,48,41,.54) 42%,rgba(5,48,41,.08) 76%)}.event-banner-content{position:absolute;inset:auto 0 0 0;padding:15px 16px;color:#fff;text-shadow:0 2px 7px rgba(0,0,0,.28)}.event-banner-type{display:inline-flex;align-items:center;background:rgba(255,255,255,.92);color:#0d715e;border-radius:999px;padding:4px 9px;font-size:9px;font-weight:800;text-shadow:none;margin-bottom:7px}.event-banner-content h3{font-size:16px;line-height:1.55;margin:0 0 4px;color:#fff}.event-banner-content p{font-size:10px;line-height:1.65;margin:0 0 4px;opacity:.94;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-banner-content small{display:block;font-size:9px;opacity:.82;margin-top:4px}.event-banner-content b{display:inline-block;margin-top:8px;font-size:10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);border-radius:10px;padding:6px 9px}.event-banner-dots{display:flex;justify-content:center;gap:5px;margin-top:1px}.event-banner-dots button{width:6px;height:6px;border:0;border-radius:999px;background:#c6d8d4;padding:0;transition:width .2s,background .2s}.event-banner-dots button.active{width:20px;background:var(--primary)}@media(max-width:350px){.event-banner-card{flex-basis:calc(100% - 18px);min-height:162px}.event-banner-content{padding:12px}.event-banner-content h3{font-size:14px}}


/* RC19.7.0 — online tests and two-level specialist badges */
#app .avatar .verified-badge,#app .profile-specialist-avatar .verified-badge{background:#1d9bf0!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 4px 12px rgba(29,155,240,.38)!important}
.specialist-card.is-featured{border-color:#f3d38b!important;background:linear-gradient(135deg,#fff 0%,#fffbef 100%)!important;box-shadow:0 11px 28px rgba(166,119,22,.12)!important;padding-top:23px!important}
.featured-specialist-badge{position:absolute;top:6px;left:10px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,#fff2b8,#f5b441);color:#6b4800;font-size:8px;font-weight:900;box-shadow:0 4px 10px rgba(198,140,22,.18);z-index:3}
.profile-specialist-avatar.is-featured{box-shadow:0 0 0 3px #fff,0 0 0 6px #f2be4d,0 15px 30px rgba(156,109,11,.18)!important}.profile-featured-star{position:absolute;top:-9px;left:-8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff3b3,#e7a51e);color:#6a4700;border:2px solid #fff;box-shadow:0 5px 14px rgba(174,119,10,.3);font-size:15px}.profile-featured-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#fff3c8;color:#775000;font-size:9px;font-weight:900;border:1px solid #efd27f}
.home-tests{margin:19px 0 9px}.home-test-track,.online-test-list{display:grid;gap:10px}.home-test-track{grid-template-columns:1fr}.online-test-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;background:#fff;border:1px solid #dceae6;border-radius:19px;padding:13px;box-shadow:0 8px 23px rgba(23,75,66,.06);cursor:pointer;position:relative;overflow:hidden}.online-test-card:after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:linear-gradient(#29b784,#087f68)}.test-card-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#e2f7ef,#eef7ff);display:grid;place-items:center;color:#087f68;font-size:22px;font-weight:900}.test-card-copy{min-width:0}.test-card-copy>span{font-size:8px;color:#15836e;font-weight:900;direction:ltr;display:block}.test-card-copy h3{font-size:13px;margin:3px 0 4px}.test-card-copy p{font-size:9px;color:var(--muted);line-height:1.6;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.test-card-copy small{font-size:8px;color:#78908c;margin-top:5px;display:block}.test-card-price{text-align:left}.test-card-price b,.test-card-price em{display:block;white-space:nowrap}.test-card-price b{font-size:10px;color:#087f68}.test-card-price em{font-size:7px;color:var(--muted);font-style:normal;margin-top:4px}.test-home-note,.test-license-note{font-size:9px;line-height:1.8;color:#5e7772;background:#edf8f4;border:1px solid #d0ebe2;border-radius:13px;padding:9px 11px;margin:9px 0}.test-license-note{background:#fff9e9;border-color:#f2dda0;color:#7c5a0d;margin-bottom:14px}.test-attempt-list{display:grid;gap:8px}.test-attempt-row{width:100%;border:1px solid var(--line);background:#fff;border-radius:15px;padding:12px;display:flex;justify-content:space-between;align-items:center;text-align:right;font-family:inherit;color:var(--ink)}.test-attempt-row span b,.test-attempt-row span small{display:block}.test-attempt-row span small{font-size:8px;color:var(--muted);direction:ltr;margin-top:4px}.test-status{font-style:normal;border-radius:999px;padding:5px 7px;font-size:8px;background:#edf3f2;color:#617a75}.test-status.payment_required{background:#fff4d9;color:#875d00}.test-status.released{background:#e5f7ef;color:#087f68}.test-intro-hero{background:linear-gradient(140deg,#0f8b72,#075f55);border-radius:24px;color:#fff;padding:22px;box-shadow:var(--shadow)}.test-intro-hero span{display:inline-block;font-size:9px;background:rgba(255,255,255,.17);padding:5px 8px;border-radius:999px;direction:ltr}.test-intro-hero h1{font-size:22px;margin:11px 0 8px}.test-intro-hero p{font-size:11px;line-height:1.8;margin:0;opacity:.9}.test-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:11px;text-align:center}.test-facts div:not(:last-child){border-left:1px solid var(--line)}.test-facts b,.test-facts span{display:block}.test-facts b{font-size:12px;color:#087f68}.test-facts span{font-size:8px;color:var(--muted);margin-top:5px}.test-payment-disclosure{margin-top:10px;background:#fff9e6;border-color:#f2daa0}.test-payment-disclosure h2{font-size:14px;color:#795500}.test-payment-disclosure p{font-size:10px;line-height:1.9;color:#725d2b}.test-payment-disclosure strong{display:block;color:#684800;font-size:11px}.test-consent{background:#fff;border:1px solid var(--line);border-radius:15px;padding:11px;margin-top:11px}.test-runner-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:2px 3px 9px}.test-runner-head b{color:#087f68}.test-progress{height:7px;background:#dfece8;border-radius:999px;overflow:hidden;margin-bottom:16px}.test-progress i{height:100%;display:block;background:linear-gradient(90deg,#21b68b,#087f68);border-radius:inherit;transition:width .25s}.test-question h2{font-size:17px;line-height:1.9;margin-bottom:16px}.test-options{display:grid;gap:8px}.test-options button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px;text-align:right;font-family:inherit;color:var(--ink)}.test-options button span{width:19px;height:19px;border:2px solid #9db4af;border-radius:50%;flex:none}.test-options button.selected{border:2px solid #138a72;background:#eef9f5;padding:11px;color:#075f55;font-weight:bold}.test-options button.selected span{border:5px solid #138a72}.test-runner-actions{display:grid;grid-template-columns:1fr 2fr;gap:9px;margin-top:13px}.test-answer-count{display:block;text-align:center;color:var(--muted);font-size:8px;margin-top:8px}.test-paywall{text-align:center;padding-top:10px}.paywall-lock{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;background:#fff1ca;color:#896000;font-size:35px}.test-paywall h1{font-size:20px}.test-payment-form{margin:12px 0 9px}.test-result-page{text-align:center}.test-result-scales{display:grid;gap:10px;text-align:right}.test-scale>div{display:flex;justify-content:space-between;align-items:center}.test-scale>div b{font-size:20px;color:#087f68}.test-scale h3{font-size:13px;margin:10px 0 5px;color:#785600}.test-scale p{font-size:10px;line-height:1.9;color:#596f6b}.test-result-disclaimer{font-size:9px;line-height:1.9;background:#fff8e4;border:1px solid #efdda8;border-radius:14px;padding:10px;margin:12px 0;color:#715d28}@media(max-width:360px){.online-test-card{grid-template-columns:39px minmax(0,1fr);}.test-card-price{grid-column:2;text-align:right;display:flex;gap:6px;align-items:center}.test-card-icon{width:38px;height:38px}.test-facts{grid-template-columns:1fr}.test-facts div:not(:last-child){border-left:0;border-bottom:1px solid var(--line);padding-bottom:7px}}

/* RC19.8.0 green Instagram-style verification */
#app .avatar .verified-badge,#app .profile-specialist-avatar .verified-badge{background:transparent!important;color:#169b69!important;border:0!important;box-shadow:0 5px 14px rgba(22,155,105,.3)!important;width:22px!important;height:22px!important;overflow:visible!important}#app .profile-specialist-avatar .verified-badge{width:29px!important;height:29px!important}#app .verified-badge svg{display:block;width:100%;height:100%;overflow:visible}#app .verified-badge svg path:first-child{fill:currentColor;stroke:currentColor;stroke-width:.4}#app .verified-badge svg path:last-child{fill:none;stroke:#fff;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}


/* RC19.10.3 — isolate hosted mobile UI from Joomla template heading styles. */
#app.app-shell .hero h1,
#app.app-shell .hero p,
#app.app-shell .hero .eyebrow,
#app.app-shell .section-head h2,
#app.app-shell .event-banner-content h3,
#app.app-shell .event-banner-content p,
#app.app-shell .event-banner-content small,
#app.app-shell .online-test-card h3,
#app.app-shell .online-test-card p,
#app.app-shell .online-test-card small {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  text-decoration: none !important;
}
#app.app-shell .hero h1,
#app.app-shell .hero p,
#app.app-shell .hero .eyebrow {
  color: #fff !important;
}
#app.app-shell .hero h1 {
  display: block !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
  line-height: 1.65 !important;
}
#app.app-shell .hero p {
  padding: 0 !important;
  margin: 0 0 18px !important;
}
#app.app-shell .hero .eyebrow {
  padding: 0 !important;
  margin: 0 0 8px !important;
}
#app.app-shell .section-head h2 {
  color: var(--ink) !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}
#app.app-shell .event-banner-content h3,
#app.app-shell .event-banner-content p,
#app.app-shell .event-banner-content small {
  color: #fff !important;
}
#app.app-shell .event-banner-content h3 {
  padding: 0 !important;
  margin: 0 0 4px !important;
}
#app.app-shell .event-banner-content p {
  padding: 0 !important;
  margin: 0 0 4px !important;
}
#app.app-shell .online-test-card h3,
#app.app-shell .online-test-card p,
#app.app-shell .online-test-card small {
  padding: 0 !important;
}
#app.app-shell .online-test-card h3 { color: var(--ink) !important; }
#app.app-shell .online-test-card p,
#app.app-shell .online-test-card small { color: var(--muted) !important; }
/* RC19.11.0 — native notification settings */
.push-settings-card{text-align:center;padding:28px 20px}.push-bell{width:74px;height:74px;border-radius:26px;margin:0 auto 14px;display:grid;place-items:center;font-size:34px;background:linear-gradient(145deg,#e7faf4,#eaf6ff);box-shadow:0 12px 30px rgba(15,118,110,.14)}.push-settings-card .btn{width:100%;margin-top:10px}.push-settings-card h2{margin:0 0 8px;color:var(--ink)}


/* RC19.11.2 — Android RTL and desktop-inspired medical-green UX hotfix. */
#app.app-shell{
  --primary:#08745f;
  --primary2:#19a77f;
  --primary3:#52c7a0;
  --deep-green:#064e43;
  --ink:#173d37;
  --muted:#617c76;
  --bg:#f3faf7;
  --card:#ffffff;
  --line:#d1e7df;
  --shadow:0 14px 36px rgba(7,94,77,.10);
  direction:rtl!important;
  text-align:right!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(82,199,160,.10),transparent 28%),
    linear-gradient(180deg,#f8fcfa 0%,#f2f9f6 100%)!important;
  color:var(--ink)!important;
}
#app.app-shell .screen,
#app.app-shell .card,
#app.app-shell .hero,
#app.app-shell .page-title,
#app.app-shell .page-subtitle,
#app.app-shell .section-head,
#app.app-shell .specialist-info,
#app.app-shell .profile-content,
#app.app-shell .profile-section,
#app.app-shell .menu-list,
#app.app-shell .choice-grid,
#app.app-shell .field,
#app.app-shell .summary,
#app.app-shell .test-question,
#app.app-shell .test-card-copy,
#app.app-shell .event-banner-content{
  direction:rtl!important;
  text-align:right!important;
}
#app.app-shell input:not([type="checkbox"]):not([type="radio"]),
#app.app-shell textarea,
#app.app-shell select{
  direction:rtl!important;
  text-align:right!important;
}
#app.app-shell .ltr,
#app.app-shell [dir="ltr"],
#app.app-shell .brand small,
#app.app-shell .version-badge,
#app.app-shell .tracking,
#app.app-shell .app-build-info{
  direction:ltr!important;
  text-align:left!important;
}
#app.app-shell .topbar{
  direction:rtl!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #d6eae3!important;
  box-shadow:0 7px 24px rgba(8,116,95,.07)!important;
}
#app.app-shell .brand{direction:rtl!important}
#app.app-shell .brand strong{color:var(--deep-green)!important;font-weight:900!important}
#app.app-shell .brand-circle-logo{
  border-color:#72cdb0!important;
  box-shadow:0 0 0 5px #e8f7f1,0 9px 23px rgba(8,116,95,.16)!important;
}
#app.app-shell .hero{
  background:linear-gradient(138deg,#24b188 0%,#0b846b 57%,#06584d 100%)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 18px 38px rgba(6,88,77,.22)!important;
}
#app.app-shell .hero:after{left:auto!important;right:-36px!important;background:rgba(255,255,255,.11)!important}
#app.app-shell .hero h1,
#app.app-shell .hero p,
#app.app-shell .hero .eyebrow{text-align:right!important}
#app.app-shell .hero .btn{
  background:#fff!important;
  color:#08745f!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 9px 22px rgba(4,69,59,.16)!important;
}
#app.app-shell .page-title,
#app.app-shell .section-head h2{
  color:var(--deep-green)!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
#app.app-shell .page-title{
  position:relative!important;
  padding-right:12px!important;
}
#app.app-shell .page-title:before{
  content:"";
  position:absolute;
  right:0;
  top:.2em;
  bottom:.2em;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#49c69e,#08745f);
}
#app.app-shell .section-head{direction:rtl!important}
#app.app-shell .section-head h2{text-align:right!important}
#app.app-shell .section-head .text-btn{margin-right:auto!important;margin-left:0!important;color:#08745f!important;font-weight:800!important}
#app.app-shell .search-box{
  direction:rtl!important;
  border-color:#cfe6de!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(8,116,95,.07)!important;
}
#app.app-shell .search-box input{order:1!important}
#app.app-shell .search-box span{order:0!important;color:#08745f!important}
#app.app-shell .api-status{direction:rtl!important;text-align:right!important;background:#ecf9f4!important;border-color:#bde8d7!important}
#app.app-shell .api-status small{margin-right:auto!important;margin-left:0!important}
#app.app-shell .topics{direction:rtl!important}
#app.app-shell .topic{
  text-align:right!important;
  border:1px solid rgba(8,116,95,.08)!important;
  box-shadow:0 9px 22px rgba(8,116,95,.05)!important;
}
#app.app-shell .topic.a{background:linear-gradient(145deg,#fff7f5,#fff)!important}
#app.app-shell .topic.b{background:linear-gradient(145deg,#e7f8f1,#fff)!important}
#app.app-shell .topic.c{background:linear-gradient(145deg,#fff8e7,#fff)!important}
#app.app-shell .topic.d{background:linear-gradient(145deg,#eef8f5,#fff)!important}
#app.app-shell #specialistResults{direction:rtl!important}
#app.app-shell .specialist-card{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  direction:rtl!important;
  text-align:right!important;
  gap:13px!important;
  position:relative!important;
  overflow:visible!important;
  padding:15px!important;
  margin-bottom:12px!important;
  background:linear-gradient(148deg,#fff 0%,#fbfefc 100%)!important;
  border:1px solid #d3e8e0!important;
  border-right:4px solid #20ad84!important;
  border-left:1px solid #d3e8e0!important;
  border-radius:20px!important;
  box-shadow:0 12px 29px rgba(7,94,77,.08)!important;
}
#app.app-shell .specialist-card.is-featured{
  background:linear-gradient(145deg,#fffef8 0%,#fff 48%,#f5fcf9 100%)!important;
  border-color:#e6d292!important;
  border-right:4px solid #19a77f!important;
  padding-top:29px!important;
}
#app.app-shell .specialist-card .avatar{
  order:1!important;
  flex:0 0 64px!important;
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  border-radius:19px!important;
  box-shadow:0 0 0 2px #fff,0 0 0 4px #2ab486,0 10px 23px rgba(8,116,95,.18)!important;
  overflow:visible!important;
}
#app.app-shell .specialist-card .avatar img{
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  border-radius:17px!important;
}
#app.app-shell .specialist-card .specialist-info{
  order:2!important;
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:visible!important;
  direction:rtl!important;
  text-align:right!important;
}
#app.app-shell .specialist-card .specialist-info h3{
  color:#123f37!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.65!important;
  margin:0 0 4px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-align:right!important;
}
#app.app-shell .specialist-card .specialist-info p{
  color:#3f645d!important;
  font-size:11px!important;
  line-height:1.8!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-align:right!important;
}
#app.app-shell .specialist-card .specialist-info small{
  color:#6b827d!important;
  font-size:10px!important;
  line-height:1.75!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-align:right!important;
}
#app.app-shell .specialist-card .meta{
  direction:rtl!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:6px 12px!important;
  color:#57736d!important;
  font-size:9px!important;
  white-space:normal!important;
  overflow:visible!important;
}
#app.app-shell .specialist-card .mini-btn{
  order:3!important;
  flex:0 0 72px!important;
  min-width:72px!important;
  max-width:72px!important;
  min-height:43px!important;
  padding:10px 7px!important;
  border:1px solid #c9e4da!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#e8f8f2,#f7fcfa)!important;
  color:#08745f!important;
  font-weight:900!important;
  box-shadow:0 8px 17px rgba(8,116,95,.07)!important;
}
#app.app-shell .specialist-card .mini-btn:not(:disabled):active{background:#dff5ed!important}
#app.app-shell .featured-specialist-badge{
  right:auto!important;
  left:12px!important;
  top:7px!important;
  background:linear-gradient(135deg,#fff3bf,#efb83f)!important;
  color:#6c4a00!important;
  border:1px solid #efd16f!important;
  font-size:9px!important;
}
#app.app-shell .avatar .verified-badge{
  right:auto!important;
  left:-6px!important;
  bottom:-6px!important;
}
#app.app-shell .choice,
#app.app-shell .menu-item,
#app.app-shell .test-options button,
#app.app-shell .test-attempt-row{
  direction:rtl!important;
  text-align:right!important;
}
#app.app-shell .choice div,
#app.app-shell .menu-item b{direction:rtl!important;text-align:right!important}
#app.app-shell .summary-row,
#app.app-shell .profile-info-row,
#app.app-shell .opening-hours>div,
#app.app-shell .appointment-top{
  direction:rtl!important;
}
#app.app-shell .summary-row span,
#app.app-shell .summary-row b,
#app.app-shell .profile-info-row span,
#app.app-shell .profile-info-row b{text-align:right!important}
#app.app-shell .profile-service-card{
  direction:rtl!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
}
#app.app-shell .profile-service-copy,
#app.app-shell .profile-service-copy strong,
#app.app-shell .profile-service-copy p,
#app.app-shell .profile-service-copy small{text-align:right!important}
#app.app-shell .profile-service-price{text-align:left!important}
#app.app-shell .event-banner-card,
#app.app-shell .online-test-card{
  direction:rtl!important;
  text-align:right!important;
  border-color:#d1e7df!important;
  box-shadow:0 11px 28px rgba(7,94,77,.08)!important;
}
#app.app-shell .test-card-price{text-align:left!important}
#app.app-shell .bottom-nav{
  direction:rtl!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid #cfe5dd!important;
  box-shadow:0 15px 42px rgba(6,78,67,.16)!important;
}
#app.app-shell .bottom-nav button{text-align:center!important}
#app.app-shell .bottom-nav button.active{
  background:linear-gradient(145deg,#e1f6ee,#f5fcf9)!important;
  color:#08745f!important;
}
#app.app-shell .bottom-nav .nav-book.active{background:transparent!important}
#app.app-shell .bottom-nav .nav-book span{
  background:linear-gradient(155deg,#4fd0a3 0%,#18a77e 48%,#08745f 100%)!important;
}
@media(max-width:420px){
  #app.app-shell .screen{padding-right:14px!important;padding-left:14px!important}
  #app.app-shell .specialist-card{gap:10px!important;padding:13px!important}
  #app.app-shell .specialist-card.is-featured{padding-top:28px!important}
  #app.app-shell .specialist-card .avatar,
  #app.app-shell .specialist-card .avatar img{
    width:58px!important;min-width:58px!important;max-width:58px!important;
    height:58px!important;min-height:58px!important;max-height:58px!important;
  }
  #app.app-shell .specialist-card .avatar{flex-basis:58px!important}
  #app.app-shell .specialist-card .specialist-info h3{font-size:14px!important}
  #app.app-shell .specialist-card .specialist-info p{font-size:10px!important}
  #app.app-shell .specialist-card .mini-btn{flex-basis:66px!important;min-width:66px!important;max-width:66px!important;font-size:10px!important}
}
@media(max-width:350px){
  #app.app-shell .specialist-card{flex-wrap:wrap!important}
  #app.app-shell .specialist-card .specialist-info{flex:1 1 calc(100% - 72px)!important}
  #app.app-shell .specialist-card .mini-btn{margin-right:68px!important;flex:1 1 auto!important;max-width:none!important}
}

/* RC19.12.1 — specialist type/province/city directory filters and beige medical cards. */
#app.app-shell .specialist-filter-panel{
  direction:rtl!important;
  margin:13px 0 14px!important;
  padding:14px!important;
  border:1px solid #d5e8e1!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#f5fcf9 0%,#fffdf8 100%)!important;
  box-shadow:0 10px 28px rgba(7,94,77,.07)!important;
}
#app.app-shell .specialist-filter-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:11px!important;
}
#app.app-shell .specialist-filter-heading>div{min-width:0!important}
#app.app-shell .specialist-filter-heading strong,
#app.app-shell .specialist-filter-heading small{display:block!important;text-align:right!important}
#app.app-shell .specialist-filter-heading strong{font-size:14px!important;color:#123f37!important}
#app.app-shell .specialist-filter-heading small{font-size:9px!important;color:#6b827d!important;margin-top:3px!important}
#app.app-shell .specialist-filter-heading button{
  flex:none!important;
  border:1px solid #d8e8e2!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#08745f!important;
  padding:7px 9px!important;
  font-family:inherit!important;
  font-size:9px!important;
  font-weight:800!important;
}
#app.app-shell .specialist-filter-heading button:disabled{opacity:.42!important}
#app.app-shell .directory-search{margin:0 0 10px!important;background:#fff!important}
#app.app-shell .specialist-filter-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  direction:rtl!important;
}
#app.app-shell .specialist-filter-grid label{display:block!important;min-width:0!important}
#app.app-shell .specialist-filter-grid label>span{
  display:block!important;
  margin:0 3px 5px!important;
  color:#58736d!important;
  font-size:9px!important;
  font-weight:800!important;
  text-align:right!important;
}
#app.app-shell .specialist-filter-grid select{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:0 10px 0 28px!important;
  border:1px solid #cfe2dc!important;
  border-radius:12px!important;
  background-color:#fff!important;
  color:#173f37!important;
  font-family:inherit!important;
  font-size:10px!important;
  direction:rtl!important;
  text-align:right!important;
  outline:none!important;
}
#app.app-shell .specialist-filter-grid select:focus{border-color:#159574!important;box-shadow:0 0 0 3px rgba(21,149,116,.1)!important}
#app.app-shell .specialist-filter-grid select:disabled{background:#edf3f1!important;color:#96aaa5!important}
#app.app-shell .specialist-filter-toggles{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:10px!important;
}
#app.app-shell .specialist-filter-toggles label{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid #d7e8e2!important;
  border-radius:999px!important;
  background:#fff!important;
  padding:7px 10px!important;
  color:#365d55!important;
  font-size:9px!important;
  font-weight:800!important;
}
#app.app-shell .specialist-filter-toggles input{accent-color:#0b8065!important;width:15px!important;height:15px!important;margin:0!important}
#app.app-shell .directory-result-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  direction:rtl!important;
  margin:2px 3px 10px!important;
}
#app.app-shell .directory-result-head b{font-size:12px!important;color:#0b735c!important}
#app.app-shell .directory-result-head span{font-size:9px!important;color:#728681!important}
#app.app-shell .specialist-card{
  background:linear-gradient(145deg,#fffdf8 0%,#fffaf0 100%)!important;
  border:1px solid #ead9b4!important;
  border-right:0!important;
  padding-right:19px!important;
  overflow:hidden!important;
}
#app.app-shell .specialist-card.is-featured{
  background:linear-gradient(145deg,#fff9e7 0%,#fffdf7 52%,#f6fcf9 100%)!important;
  border-color:#e4c97e!important;
  border-right:0!important;
}
#app.app-shell .specialist-card .specialist-accent{
  display:block!important;
  position:absolute!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:6px!important;
  border-radius:0 20px 20px 0!important;
  background:linear-gradient(180deg,#0b8065 0%,#065746 100%)!important;
  box-shadow:-3px 0 12px rgba(6,87,70,.12)!important;
}
#app.app-shell .specialist-card.is-featured .specialist-accent{background:linear-gradient(180deg,#119171 0%,#075b49 100%)!important}
#app.app-shell .specialist-name-line{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:5px 7px!important;
  direction:rtl!important;
}
#app.app-shell .specialist-name-line h3{flex:0 1 auto!important;margin:0!important}
#app.app-shell .professional-type-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:3px 8px!important;
  border:1px solid #cce6dc!important;
  border-radius:999px!important;
  background:#ecf8f3!important;
  color:#08745f!important;
  font-size:8px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#app.app-shell .specialist-location{
  display:inline-flex!important;
  align-items:center!important;
  margin-top:6px!important;
  color:#6d6250!important;
  font-size:9px!important;
  font-weight:700!important;
}
#app.app-shell .specialist-card .mini-btn{
  background:linear-gradient(145deg,#e2f5ed,#f8fcfa)!important;
  border-color:#bcded1!important;
  color:#075f4d!important;
}
#app.app-shell #specialistResults .empty .btn{margin-top:12px!important;width:auto!important;display:inline-flex!important}
@media(max-width:520px){
  #app.app-shell .specialist-filter-grid{grid-template-columns:1fr 1fr!important}
  #app.app-shell .specialist-filter-grid label:first-child{grid-column:1/-1!important}
}
@media(max-width:360px){
  #app.app-shell .specialist-filter-grid{grid-template-columns:1fr!important}
  #app.app-shell .specialist-filter-grid label:first-child{grid-column:auto!important}
  #app.app-shell .specialist-filter-toggles{display:grid!important;grid-template-columns:1fr!important}
  #app.app-shell .specialist-card{padding-right:17px!important}
  #app.app-shell .specialist-name-line{display:block!important}
  #app.app-shell .professional-type-pill{margin-top:4px!important}
}

/* RC19.12.2 — keep the booking action in normal document flow.
   A sticky bottom offset inside the WebView scroller placed the button over
   session cards, dates and time slots on shorter Android screens. */
#app.app-shell .booking-footer{
  position:static!important;
  inset:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:auto!important;
  width:100%!important;
  margin:18px 0 0!important;
  padding:8px 0 12px!important;
  background:transparent!important;
}
#app.app-shell .booking-footer .btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px!important;
}
/* Gamma 1.2.1 Android WebView IranSans */
:root{--alo-font-family:IRANSansWeb, "IRANSans", "IRANSansX", Tahoma, Arial, sans-serif}
html,body,#app,.app-shell,#app *,button,input,textarea,select,option{font-family:var(--alo-font-family)!important;letter-spacing:0}


/* Alpha Wave 7.0 Phase 1 — Android/WebView touch-target hardening. */
:root{--alo-touch-target:44px}
#app.app-shell :where(button,.btn,.icon-btn,.mini-btn,.text-btn,.time-btn,.copy-btn,.menu-item,[role="button"],[role="tab"],[role="menuitem"]){
  min-block-size:var(--alo-touch-target)!important;
  min-inline-size:var(--alo-touch-target)!important;
  touch-action:manipulation;
}


/* Theta Wave 1.0 — Professional Video Explore */
:root{--theta:#7E57C2;--theta-dark:#5E35B1;--theta-soft:#F0EAFB}
.home-video-explore{margin:18px 0}.video-home-strip{display:grid;grid-auto-flow:column;grid-auto-columns:34%;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}.video-home-strip::-webkit-scrollbar{display:none}
.video-explore-card{position:relative;display:block;min-height:150px;border:0;padding:0;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#2d213b,#6b4b91);scroll-snap-align:start;aspect-ratio:3/4}.video-explore-card img{width:100%;height:100%;object-fit:cover;display:block}.video-cover-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 55%)}.video-cover-play{position:absolute;left:9px;bottom:8px;color:#fff;font-size:15px;text-shadow:0 2px 8px #000}.video-featured-mark{position:absolute;right:8px;top:8px;border-radius:999px;padding:4px 7px;background:rgba(126,87,194,.92);color:#fff;font-size:8px}.video-cover-fallback{display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:28px}.theta-explore-page{padding-bottom:18px}.theta-explore-head{display:flex;gap:12px;align-items:center;margin-bottom:14px;padding:12px;border-radius:18px;background:linear-gradient(135deg,#fff,var(--theta-soft));border:1px solid #ded2f2}.theta-explore-head img{width:118px;height:56px;object-fit:cover;border-radius:12px}.theta-explore-head span{font-size:9px;color:var(--theta);font-weight:900}.theta-explore-head h1{font-size:19px;margin:2px 0}.theta-explore-head p{font-size:9px;margin:0;color:var(--muted)}.video-tag-row{display:flex;gap:7px;overflow-x:auto;margin:0 0 12px;padding:2px 0;scrollbar-width:none}.video-tag{flex:none;border:1px solid #ddd2ef;background:#fff;color:#664d86;border-radius:999px;padding:7px 10px;font:700 9px inherit}.video-tag.active{background:var(--theta);border-color:var(--theta);color:#fff}.video-explore-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:150px;gap:3px;direction:rtl}.video-explore-grid .video-explore-card{border-radius:3px;min-height:0;aspect-ratio:auto}.video-explore-grid .video-explore-card.featured{grid-column:span 2;grid-row:span 2}.video-reels{height:calc(100vh - 150px);overflow-y:auto;scroll-snap-type:y mandatory;background:#070707;border-radius:18px;direction:ltr}.video-reel{position:relative;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#000;overflow:hidden;direction:rtl}.video-reel-media{position:absolute;inset:0}.video-reel-media iframe{width:100%;height:100%;border:0;background:#000}.video-reel-overlay{position:absolute;z-index:2;right:0;left:0;bottom:0;padding:70px 15px 18px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.36) 65%,transparent);pointer-events:none}.video-reel-overlay button,.video-reel-overlay details{pointer-events:auto}.video-specialist-line{display:flex;align-items:center;gap:9px}.video-specialist-line>img,.video-specialist-line>span{width:38px;height:38px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--theta);color:#fff;font-size:10px}.video-specialist-line>button{border:0;background:transparent;color:#fff;text-align:right;font-family:inherit;padding:0}.video-specialist-line b,.video-specialist-line small{display:block}.video-specialist-line b{font-size:12px}.video-specialist-line small{font-size:9px;opacity:.82;margin-top:2px}.video-reel-overlay h2{font-size:14px;margin:9px 0 6px}.video-caption{margin:0 0 6px}.video-caption summary{font-size:10px;font-weight:800;cursor:pointer;list-style:none}.video-caption p{font-size:10px;line-height:1.9;margin:6px 0;max-height:140px;overflow-y:auto;white-space:pre-line}.video-viewer-tags{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0}.video-viewer-tags button{border:0;background:transparent;color:#d9c8fa;font:800 9px inherit;padding:1px}.video-reel-actions{display:flex;gap:7px;align-items:center;margin-top:9px}.video-reel-actions button{min-height:38px!important;border-radius:11px;border:1px solid rgba(255,255,255,.35);font:800 9px inherit;padding:7px 10px}.video-profile-btn{background:rgba(255,255,255,.12);color:#fff}.video-reserve-btn{background:var(--theta);border-color:var(--theta)!important;color:#fff;flex:1}.video-share-btn{width:40px;background:rgba(255,255,255,.12);color:#fff;font-size:17px!important;padding:0!important}@media(max-width:390px){.video-explore-grid{grid-auto-rows:130px}.theta-explore-head img{width:92px}.video-home-strip{grid-auto-columns:40%}}

/* Theta Wave 1.0 — Phase 1.1 UI Refinement
   Instagram-inspired light viewer: white surface, charcoal typography,
   9:16 isolated embed stage and no duplicated specialist avatar in our chrome. */
:root{
  --theta-view-bg:#FFFFFF;
  --theta-view-text:#262626;
  --theta-view-muted:#737373;
  --theta-view-line:#EFEFEF;
  --theta-view-action:#0F8F78;
  --theta-view-action-dark:#087462;
}
#app.app-shell .video-reels{
  height:calc(100vh - 150px);
  overflow-y:auto;
  scroll-snap-type:y mandatory;
  background:var(--theta-view-bg)!important;
  border-radius:18px;
  direction:ltr;
}
#app.app-shell .video-reel{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  height:auto;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  background:var(--theta-view-bg)!important;
  color:var(--theta-view-text)!important;
  overflow:hidden;
  direction:rtl;
}
#app.app-shell .video-reel-media{
  position:relative!important;
  inset:auto!important;
  width:100%;
  aspect-ratio:9/16;
  max-height:62vh;
  min-height:320px;
  background:#F5F5F5!important;
  overflow:hidden;
  flex:0 0 auto;
}
#app.app-shell .video-reel-media iframe{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  border:0;
  background:#F5F5F5!important;
}
#app.app-shell .video-reel-content{
  position:relative;
  z-index:2;
  padding:13px 15px 18px;
  background:var(--theta-view-bg)!important;
  color:var(--theta-view-text)!important;
  border-top:1px solid var(--theta-view-line);
  flex:1 0 auto;
}
#app.app-shell .video-reel-overlay{display:none!important}
#app.app-shell .video-specialist-line{
  display:flex;
  align-items:center;
  min-height:42px;
  gap:0;
  margin:0 0 3px;
}
#app.app-shell .video-specialist-line>img,
#app.app-shell .video-specialist-line>span{display:none!important}
#app.app-shell .video-specialist-line>button{
  border:0;
  background:transparent;
  color:var(--theta-view-text)!important;
  text-align:right;
  font-family:inherit;
  padding:0;
  min-inline-size:0!important;
}
#app.app-shell .video-specialist-line b,
#app.app-shell .video-specialist-line small{display:block}
#app.app-shell .video-specialist-line b{font-size:12px;font-weight:900;color:var(--theta-view-text)}
#app.app-shell .video-specialist-line small{font-size:9px;color:var(--theta-view-muted);margin-top:2px;opacity:1}
#app.app-shell .video-reel-content h2{
  margin:5px 0 7px;
  font-size:12px;
  line-height:1.7;
  color:var(--theta-view-text);
  font-weight:900;
}
#app.app-shell .video-caption{margin:0 0 7px;color:var(--theta-view-text)}
#app.app-shell .video-caption summary{
  display:flex;
  align-items:flex-end;
  gap:5px;
  list-style:none;
  cursor:pointer;
  color:var(--theta-view-text);
  font-size:10px;
  line-height:1.9;
  font-weight:500;
}
#app.app-shell .video-caption summary::-webkit-details-marker{display:none}
#app.app-shell .video-caption-preview{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  flex:1;
  white-space:pre-line;
}
#app.app-shell .video-caption-more{flex:none;color:var(--theta-view-muted);font-weight:800}
#app.app-shell .video-caption-less{display:none;color:var(--theta-view-muted);font-weight:800}
#app.app-shell .video-caption[open] .video-caption-preview,
#app.app-shell .video-caption[open] .video-caption-more{display:none}
#app.app-shell .video-caption[open] .video-caption-less{display:inline}
#app.app-shell .video-caption p{
  margin:4px 0 0;
  max-height:none;
  overflow:visible;
  white-space:pre-line;
  font-size:10px;
  line-height:1.95;
  color:var(--theta-view-text);
}
#app.app-shell .video-viewer-tags{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin:5px 0 7px;
}
#app.app-shell .video-viewer-tags button{
  min-block-size:28px!important;
  min-inline-size:0!important;
  border:0;
  background:transparent;
  color:var(--theta-view-text)!important;
  font:800 9px inherit;
  padding:1px 0;
}
#app.app-shell .video-reel-actions{
  display:grid;
  grid-template-columns:42px auto 1fr;
  gap:8px;
  align-items:center;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--theta-view-line);
}
#app.app-shell .video-reel-actions button{
  min-height:42px!important;
  border-radius:11px;
  font:800 9px inherit;
  padding:8px 10px;
}
#app.app-shell .video-profile-btn{
  border:1px solid #DBDBDB!important;
  background:#FFF!important;
  color:var(--theta-view-text)!important;
  white-space:nowrap;
}
#app.app-shell .video-reserve-btn{
  border:1px solid var(--theta-view-action)!important;
  background:var(--theta-view-action)!important;
  color:#FFF!important;
  width:100%;
}
#app.app-shell .video-reserve-btn:active{background:var(--theta-view-action-dark)!important}
#app.app-shell .video-share-btn{
  width:42px;
  padding:0!important;
  border:1px solid #DBDBDB!important;
  background:#FFF!important;
  color:var(--theta-view-text)!important;
  font-size:17px!important;
}
@media(max-width:390px){
  #app.app-shell .video-reel-media{max-height:59vh;min-height:300px}
  #app.app-shell .video-reel-content{padding:11px 12px 16px}
}

/* Theta Wave 1.0 — Phase 1.2 Context-Aware Action Cleanup
   Keep the global bottom navigation as the single appointment entry point.
   Video actions are compact, content-specific and independent from caption expansion. */
#app.app-shell .profile-sticky-cta{display:none!important}
#app.app-shell .video-reel-content{
  padding-bottom:14px!important;
}
#app.app-shell .video-reel-actions{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  margin:8px 0 10px!important;
  padding:8px 0 10px!important;
  border-top:1px solid var(--theta-view-line)!important;
  border-bottom:1px solid var(--theta-view-line)!important;
}
#app.app-shell .video-reel-actions button{
  min-height:40px!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
#app.app-shell .video-profile-btn{
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#app.app-shell .video-save-btn{
  min-width:74px!important;
  border:1px solid #DBDBDB!important;
  background:#FFF!important;
  color:var(--theta-view-text)!important;
  white-space:nowrap!important;
  padding-inline:12px!important;
}
#app.app-shell .video-save-btn.is-saved{
  border-color:#B9DDD6!important;
  background:#ECF8F5!important;
  color:var(--theta-view-action)!important;
}
#app.app-shell .video-reserve-btn{display:none!important}
#app.app-shell .video-caption{margin-top:0!important}
@media(max-width:390px){
  #app.app-shell .video-reel-actions{grid-template-columns:40px minmax(0,1fr) auto!important;gap:6px!important}
  #app.app-shell .video-save-btn{min-width:68px!important;padding-inline:9px!important}
}

/* Theta Wave 1.0 — Phase 1.3 Video Frame + Navigation Refinement
   - Account lives in the top bar.
   - The bottom dock promotes specialist video Explore.
   - External players sit on a blurred cover stage so portrait videos never create a large dead black field. */
#app.app-shell .account-top-btn{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  background:#EAF7F4!important;
  color:var(--primary)!important;
}
#app.app-shell .account-top-btn svg{width:22px;height:22px;fill:currentColor;display:block}
#app.app-shell .bottom-nav .nav-video-icon{
  width:28px;height:28px;margin:0 auto 3px;border:1.8px solid currentColor;border-radius:8px;
  display:grid!important;place-items:center!important;font-size:18px;line-height:1;transform:none!important;
}
#app.app-shell .bottom-nav button[data-nav="videoExplore"].active .nav-video-icon{
  background:#E9F7F3;color:var(--primary);border-color:var(--primary);
}
#app.app-shell .video-reel-media{
  position:relative!important;
  width:100%!important;
  height:clamp(360px,55vh,620px)!important;
  min-height:360px!important;
  max-height:620px!important;
  aspect-ratio:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  isolation:isolate;
  overflow:hidden!important;
  background:#EDEDED!important;
  border-radius:18px 18px 0 0;
}
#app.app-shell .video-reel-backdrop{
  position:absolute!important;inset:-24px!important;width:calc(100% + 48px)!important;height:calc(100% + 48px)!important;
  object-fit:cover!important;filter:blur(24px) saturate(.9) brightness(.76);transform:scale(1.06);opacity:.96;z-index:0;
}
#app.app-shell .video-reel-backdrop-shade{
  position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.22));
}
#app.app-shell .video-reel-player{
  position:relative!important;z-index:2;width:min(100%,560px)!important;aspect-ratio:16/9!important;height:auto!important;
  max-height:100%!important;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.24);
}
#app.app-shell .video-reel-player iframe{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:#000!important;
}
#app.app-shell .video-reel-media>iframe{display:none!important}
@media(max-width:390px){
  #app.app-shell .video-reel-media{height:clamp(340px,52vh,540px)!important;min-height:340px!important}
  #app.app-shell .video-reel-player{width:100%!important;border-radius:12px}
}

/* Theta Wave 1.0 — Phase 1.4 Home & Explore Experience Refinement
   Content-first home, compact Theta identity, true Explore grid and a global dock-safe content area. */
#app.app-shell{
  padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
}
#app.app-shell .screen{
  padding-bottom:calc(118px + env(safe-area-inset-bottom))!important;
  scroll-padding-bottom:calc(118px + env(safe-area-inset-bottom))!important;
}
#app.app-shell .hero.hero-compact{
  min-height:0!important;
  padding:18px 18px 17px!important;
  border-radius:24px!important;
}
#app.app-shell .hero.hero-compact:after{
  width:118px!important;
  height:118px!important;
  top:-48px!important;
  right:-28px!important;
}
#app.app-shell .hero.hero-compact .eyebrow{
  margin:0 0 5px!important;
  font-size:10px!important;
}
#app.app-shell .hero.hero-compact h1{
  margin:0 0 7px!important;
  font-size:22px!important;
  line-height:1.55!important;
  max-width:78%!important;
}
#app.app-shell .hero.hero-compact>p:not(.eyebrow){
  margin:0 0 12px!important;
  max-width:88%!important;
  font-size:10.5px!important;
  line-height:1.85!important;
}
#app.app-shell .hero-wave-mark{
  position:absolute;
  left:14px;
  top:13px;
  width:66px;
  min-height:34px;
  padding:4px 7px;
  border-radius:13px;
  display:flex;
  align-items:center;
  gap:4px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.18);
  direction:ltr;
}
#app.app-shell .hero-wave-mark img{
  width:35px;
  height:20px;
  object-fit:cover;
  border-radius:6px;
  filter:saturate(.85) brightness(1.2);
}
#app.app-shell .hero-wave-mark b{
  font:800 8px/1 Arial,sans-serif;
  color:#fff;
}
#app.app-shell .hero-discovery-btn{
  width:auto!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.86)!important;
  background:#fff!important;
  color:var(--primary)!important;
  box-shadow:none!important;
  font-size:10px!important;
}
#app.app-shell .version-badge{display:none!important}

#app.app-shell .theta-explore-page{
  padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;
}
#app.app-shell .theta-explore-head.theta-explore-head-compact{
  display:block!important;
  margin:0 0 9px!important;
  padding:9px 11px!important;
  min-height:0!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#fff 0%,#fbf9ff 62%,var(--theta-soft) 100%)!important;
}
#app.app-shell .theta-explore-title{
  display:flex;
  align-items:center;
  gap:9px;
}
#app.app-shell .theta-explore-title img{
  width:62px!important;
  height:30px!important;
  border-radius:9px!important;
  object-fit:cover!important;
  flex:none;
}
#app.app-shell .theta-explore-title>div{
  min-width:0;
  flex:1;
}
#app.app-shell .theta-explore-head.theta-explore-head-compact span{
  display:block;
  font-size:7.5px!important;
  line-height:1.2;
  margin-bottom:1px;
}
#app.app-shell .theta-explore-head.theta-explore-head-compact h1{
  margin:0!important;
  font-size:16px!important;
  line-height:1.45!important;
}
#app.app-shell .theta-explore-head.theta-explore-head-compact>p{
  margin:4px 71px 0 0!important;
  font-size:8px!important;
  line-height:1.55!important;
  color:var(--muted)!important;
}
#app.app-shell .video-tag-row{
  margin-bottom:8px!important;
  padding:2px 0 4px!important;
}
#app.app-shell .video-tag{
  padding:6px 10px!important;
  min-height:31px!important;
  font-size:8.5px!important;
}
#app.app-shell .video-explore-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:clamp(116px,31vw,168px)!important;
  gap:2px!important;
  align-items:stretch!important;
  align-content:start!important;
}
#app.app-shell .video-explore-grid .video-explore-card{
  width:100%!important;
  height:100%!important;
  border-radius:2px!important;
  min-height:0!important;
  aspect-ratio:auto!important;
}
#app.app-shell .video-explore-grid .video-explore-card.featured{
  grid-column:span 2!important;
  grid-row:span 2!important;
}
#app.app-shell .video-explore-grid.compact-count .video-explore-card{
  grid-column:span 1!important;
  grid-row:span 1!important;
}
#app.app-shell .video-cover-play{
  left:7px!important;
  bottom:6px!important;
  font-size:13px!important;
}
#app.app-shell .video-featured-mark{
  right:6px!important;
  top:6px!important;
  padding:3px 6px!important;
  font-size:7px!important;
}

/* Keep home sections and the final card fully above the persistent dock. */
#app.app-shell .home-events,
#app.app-shell .home-video-explore,
#app.app-shell .home-tests,
#app.app-shell .specialist-profile-page,
#app.app-shell .theta-explore-page{
  scroll-margin-bottom:calc(118px + env(safe-area-inset-bottom))!important;
}
@media(max-width:390px){
  #app.app-shell .hero.hero-compact{padding:16px 15px 15px!important}
  #app.app-shell .hero.hero-compact h1{font-size:20px!important;max-width:76%!important}
  #app.app-shell .hero-wave-mark{left:11px;top:11px;width:61px}
  #app.app-shell .theta-explore-title img{width:56px!important;height:28px!important}
  #app.app-shell .theta-explore-head.theta-explore-head-compact>p{margin-right:65px!important}
  #app.app-shell .video-explore-grid{grid-auto-rows:clamp(110px,31vw,132px)!important}
}


/* Theta Wave 1.0 Phase 1.5 — Test Hub / Windows 8 inspired tile rail */
#app.app-shell .test-hub-preview{margin-top:20px}
#app.app-shell .test-hub-head{margin:6px 0 15px;padding:0 3px}
#app.app-shell .test-hub-head>span{display:block;color:#138a72;font-size:10px;font-weight:800;margin-bottom:5px}
#app.app-shell .test-hub-head h1{font-size:23px;margin:0 0 5px;color:#153e37}
#app.app-shell .test-hub-head p{font-size:10px;color:#708581;margin:0;line-height:1.8}
/* Theta Wave 1.0 — Phase 1.7 Test Cover Integration */
#app.app-shell .test-tile-rail{display:flex!important;grid-template-columns:none!important;gap:12px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 12px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#app.app-shell .test-tile-rail::-webkit-scrollbar{display:none}
#app.app-shell .online-test-tile{position:relative;flex:0 0 64%;min-width:186px;max-width:226px;height:auto;padding:0;border:1px solid #dbe9e5;border-radius:18px!important;color:var(--ink);box-shadow:0 9px 24px rgba(23,75,66,.10);scroll-snap-align:start;overflow:hidden;cursor:pointer;text-align:right;display:block;background:#fff}
#app.app-shell .online-test-tile.is-updating{background:#f7faf9;border-color:#dde7e4}
#app.app-shell .test-tile-media{position:relative;aspect-ratio:1/1;background:#eef7f4;overflow:hidden}
#app.app-shell .test-cover-image{display:block;width:100%;height:100%;object-fit:cover}
#app.app-shell .test-cover-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#eef8f5,#e5f0ed);color:#0a806b;font-size:42px;font-weight:800}
#app.app-shell .test-tile-status{position:absolute;right:8px;bottom:8px;z-index:2;font-size:7.5px;font-weight:900;padding:5px 8px;color:#fff;background:rgba(4,105,88,.92);border:1px solid rgba(255,255,255,.7);border-radius:999px;white-space:nowrap;box-shadow:0 3px 10px rgba(0,0,0,.12)}
#app.app-shell .online-test-tile.is-updating .test-tile-status{background:rgba(80,96,92,.9)}
#app.app-shell .test-tile-copy{padding:10px 11px 11px;background:#fff}
#app.app-shell .online-test-tile.is-updating .test-tile-copy{background:#f9fbfa}
#app.app-shell .test-tile-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}
#app.app-shell .test-tile-copy h3{font-size:11.5px;line-height:1.55;margin:0;color:#243330!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#app.app-shell .test-tile-code{direction:ltr;font-size:7px;font-weight:900;letter-spacing:.2px;color:#16816d;background:#edf7f4;border-radius:999px;padding:3px 5px;white-space:nowrap}
#app.app-shell .test-tile-copy small{display:block;font-size:7.5px;color:#758782!important;margin-top:7px}
#app.app-shell .test-tile-copy strong{display:block;font-size:8.5px;color:#087f68;margin-top:5px}
#app.app-shell .test-tile-rail-full .online-test-tile{flex-basis:68%;max-width:238px}
#app.app-shell .test-updating-cover{width:min(78vw,310px);margin:0 auto 12px;border-radius:24px;overflow:hidden;border:1px solid #dce9e6;box-shadow:0 12px 30px rgba(23,75,66,.08)}
#app.app-shell .test-updating-cover .test-cover-image,#app.app-shell .test-updating-cover .test-cover-fallback{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover}
@media(max-width:390px){#app.app-shell .online-test-tile{flex-basis:69%;min-width:184px}.test-tile-rail-full .online-test-tile{flex-basis:73%}}.test-tile-rail-full .online-test-tile{flex-basis:86%}


/* Theta Wave 1.0 — Phase 1.6 Home Content Hub & Smart Topic Navigation */
#app.app-shell .home-quick-access{margin:18px 0 8px}
#app.app-shell .quick-access-hint{font-size:9px;color:#78908c}
#app.app-shell .quick-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;direction:rtl}
#app.app-shell .quick-access-tile{min-height:102px;border:1px solid rgba(8,116,95,.11);border-radius:18px;background:#fff;padding:12px 7px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:inherit;color:#173b38;box-shadow:0 8px 22px rgba(8,116,95,.045)}
#app.app-shell .quick-access-tile strong{font-size:10px;line-height:1.65;text-align:center;font-weight:800}
#app.app-shell .quick-access-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:21px;font-weight:900;box-shadow:0 9px 18px rgba(29,66,62,.13)}
#app.app-shell .quick-access-tile.rose .quick-access-icon{background:linear-gradient(145deg,#ff5278,#dc3159)}
#app.app-shell .quick-access-tile.violet .quick-access-icon{background:linear-gradient(145deg,#9167ef,#6847d4)}
#app.app-shell .quick-access-tile.cyan .quick-access-icon{background:linear-gradient(145deg,#27c4ce,#15939d)}
#app.app-shell .quick-access-tile.green .quick-access-icon{background:linear-gradient(145deg,#38c98b,#129b68)}
#app.app-shell .quick-access-tile.gold .quick-access-icon{background:linear-gradient(145deg,#f6bf4a,#e49b1b)}
#app.app-shell .quick-access-tile.blue .quick-access-icon{background:linear-gradient(145deg,#42a9ef,#247bc5)}
#app.app-shell .topic-poster-rail{position:relative;display:block;overflow:hidden;padding:0;min-height:0;aspect-ratio:16/6.35;border-radius:28px;isolation:isolate;background:linear-gradient(145deg,#f8fcfb,#eef8f4);box-shadow:0 20px 40px rgba(22,83,68,.08)}
#app.app-shell .topic-poster-rail::-webkit-scrollbar{display:none}
#app.app-shell .topic-poster-slide{position:absolute;inset:0;padding:0;border:1px solid rgba(174,222,206,.68);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#ffffff,#f8fcfb);box-shadow:0 18px 34px rgba(26,90,75,.08),0 0 0 1px rgba(255,255,255,.72) inset;text-align:right;color:#173b38;font-family:inherit;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,22px,0) scale(1.02);transition:opacity .92s ease,transform 1.05s cubic-bezier(.22,.61,.36,1),box-shadow .7s ease,border-color .7s ease,filter .8s ease;filter:saturate(.94)}
#app.app-shell .topic-poster-slide:before{content:"";position:absolute;inset:0;border-radius:28px;padding:1px;background:linear-gradient(135deg,rgba(37,196,139,.18),rgba(37,196,139,.03) 42%,rgba(137,223,192,.12) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}
#app.app-shell .topic-poster-slide:after{content:"";position:absolute;inset:-24% auto auto -42%;width:42%;height:180%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0));transform:rotate(12deg) translateX(0);opacity:0;pointer-events:none;z-index:2}
#app.app-shell .topic-poster-slide.is-prev{transform:translate3d(-2.5%,0,0) scale(1.008)}
#app.app-shell .topic-poster-slide.is-next{transform:translate3d(2.5%,0,0) scale(1.008)}
#app.app-shell .topic-poster-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1);border-color:rgba(99,215,178,.84);box-shadow:0 28px 46px rgba(20,94,78,.15),0 14px 24px rgba(71,196,158,.10),0 0 0 1px rgba(255,255,255,.84) inset;filter:saturate(1)}
#app.app-shell .topic-poster-rail.is-animating .topic-poster-slide.is-active:after{opacity:1;animation:topicPosterSheen 1.65s ease both}
#app.app-shell .topic-poster-slide-media{display:block;position:absolute;inset:0;overflow:hidden;background:#f3f8f6}
#app.app-shell .topic-poster-slide-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,45,38,.08),rgba(9,45,38,0) 34%,rgba(255,255,255,.04) 72%,rgba(255,255,255,.0))}
#app.app-shell .topic-poster-slide-media img{display:block;width:100%;height:100%;object-fit:cover;will-change:transform,filter;transform-origin:18% 52%;transform:scale(1.18) translate3d(-3.2%,-1.1%,0) rotate(-.65deg);transition:filter 1.1s ease;filter:saturate(.985) contrast(1.01) brightness(.99)}
#app.app-shell .topic-poster-slide:nth-child(even) .topic-poster-slide-media img{transform-origin:82% 48%;transform:scale(1.18) translate3d(3.2%,-1.1%,0) rotate(.65deg)}
#app.app-shell .topic-poster-slide:nth-child(3n) .topic-poster-slide-media img{transform-origin:50% 38%;transform:scale(1.16) translate3d(0,-2.1%,0) rotate(.15deg)}
#app.app-shell .topic-poster-slide.is-active .topic-poster-slide-media img{filter:saturate(1.04) contrast(1.03) brightness(1.02);animation:topicPosterKenBurnsLeft 10.8s cubic-bezier(.22,.61,.36,1) both}
#app.app-shell .topic-poster-slide:nth-child(even).is-active .topic-poster-slide-media img{animation-name:topicPosterKenBurnsRight}
#app.app-shell .topic-poster-slide:nth-child(3n).is-active .topic-poster-slide-media img{animation-name:topicPosterKenBurnsCenter}
#app.app-shell .topic-poster-slide-overlay{position:absolute;inset:auto 12px 12px 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:15px 15px 13px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.92) 30%,rgba(255,255,255,.985) 100%);backdrop-filter:blur(10px);box-shadow:0 14px 28px rgba(22,71,60,.10);transition:transform .72s cubic-bezier(.22,.61,.36,1),box-shadow .7s ease,opacity .65s ease;transform:translate3d(0,10px,0);opacity:.9;z-index:3}
#app.app-shell .topic-poster-slide.is-active .topic-poster-slide-overlay{transform:translate3d(0,0,0);opacity:1;box-shadow:0 18px 32px rgba(22,71,60,.14)}
#app.app-shell .topic-poster-slide-overlay>span{transform:translate3d(0,8px,0);transition:transform .82s cubic-bezier(.22,.61,.36,1),opacity .72s ease;opacity:.86}
#app.app-shell .topic-poster-slide.is-active .topic-poster-slide-overlay>span{transform:translate3d(0,0,0);opacity:1}
#app.app-shell .topic-poster-slide-overlay b,#app.app-shell .topic-poster-slide-overlay small{display:block}
#app.app-shell .topic-poster-slide-overlay b{font-size:12.3px;color:#113c38;margin-bottom:3px}
#app.app-shell .topic-poster-slide-overlay small{font-size:8.45px;line-height:1.72;color:#728885}
#app.app-shell .topic-poster-slide-overlay i{font-style:normal;white-space:nowrap;font-size:8.8px;font-weight:800;color:#0d7d67;background:linear-gradient(135deg,#eefbf6,#dcf5eb);border:1px solid rgba(72,196,159,.18);border-radius:999px;padding:7px 10px;transition:transform .62s cubic-bezier(.22,.61,.36,1),box-shadow .62s ease,background .62s ease;box-shadow:0 8px 16px rgba(39,193,141,.08);transform:translate3d(0,8px,0)}
#app.app-shell .topic-poster-slide.is-active .topic-poster-slide-overlay i{transform:translate3d(0,0,0);background:linear-gradient(135deg,#f3fff9,#ddf8ed);box-shadow:0 12px 20px rgba(44,179,139,.18)}
#app.app-shell .topic-poster-dots{display:flex;justify-content:center;align-items:center;gap:7px;padding:10px 0 2px}
#app.app-shell .topic-poster-dot{width:7px;height:7px;border-radius:999px;border:0;background:rgba(33,128,105,.18);padding:0;transition:all .42s ease;box-shadow:inset 0 0 0 1px rgba(39,193,141,.08)}
#app.app-shell .topic-poster-dot.active{width:26px;background:linear-gradient(90deg,#1dbf86,#96e0c4);box-shadow:0 8px 16px rgba(39,193,141,.26)}
#app.app-shell .home-topic-hubs .section-head{align-items:center}
@keyframes topicPosterSheen{0%{transform:rotate(12deg) translateX(-28%);opacity:0}20%{opacity:1}100%{transform:rotate(12deg) translateX(325%);opacity:0}}
@keyframes topicPosterKenBurnsLeft{0%{transform:scale(1.18) translate3d(-3.3%,-1.4%,0) rotate(-.7deg)}35%{transform:scale(1.12) translate3d(-1.2%,-.3%,0) rotate(-.25deg)}100%{transform:scale(1.045) translate3d(1.1%,1.05%,0) rotate(.18deg)}}
@keyframes topicPosterKenBurnsRight{0%{transform:scale(1.18) translate3d(3.3%,-1.4%,0) rotate(.7deg)}35%{transform:scale(1.12) translate3d(1.2%,-.25%,0) rotate(.25deg)}100%{transform:scale(1.045) translate3d(-1.1%,1.05%,0) rotate(-.18deg)}}
@keyframes topicPosterKenBurnsCenter{0%{transform:scale(1.16) translate3d(0,-2.2%,0) rotate(.14deg)}38%{transform:scale(1.11) translate3d(.5%,-.6%,0) rotate(0deg)}100%{transform:scale(1.04) translate3d(-.5%,.95%,0) rotate(-.12deg)}}
#app.app-shell .content-hub-head{display:flex;gap:12px;align-items:center;border:1px solid #d8ebe6;background:linear-gradient(145deg,#fff,#eef9f5);border-radius:22px;padding:16px;margin-bottom:18px}
#app.app-shell .content-hub-head>span{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:#e1f5ef;color:#08745f;display:grid;place-items:center;font-size:24px}
#app.app-shell .content-hub-head h1{font-size:19px;margin:0 0 6px}
#app.app-shell .content-hub-head p{font-size:9px;line-height:1.85;color:#6f8582;margin:0}
#app.app-shell .service-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#app.app-shell .service-hub-grid>button{border:1px solid #dcebe7;background:#fff;border-radius:19px;padding:16px 13px;text-align:right;font-family:inherit;color:#173b38;min-height:132px}
#app.app-shell .service-hub-grid>button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf7f3;color:#08745f;font-size:18px;margin-bottom:12px}
#app.app-shell .service-hub-grid b,#app.app-shell .service-hub-grid small{display:block}
#app.app-shell .service-hub-grid b{font-size:12px;margin-bottom:6px}
#app.app-shell .service-hub-grid small{font-size:8.5px;line-height:1.8;color:#78908c}
#app.app-shell .topic-video-strip{margin-bottom:6px}
#app.app-shell .topic-test-list{display:grid;gap:8px}
#app.app-shell .topic-event-list{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
#app.app-shell .topic-event-card{scroll-snap-align:start;border:1px solid #dcebe7;background:#fff;border-radius:17px;padding:13px;text-align:right;font-family:inherit;color:#173b38}
#app.app-shell .topic-event-card b,#app.app-shell .topic-event-card small{display:block}
#app.app-shell .topic-event-card b{font-size:11px;margin-bottom:6px}.topic-event-card small{font-size:8px;color:#78908c}
#app.app-shell .topic-hub-empty{border:1px dashed #cbdeda;background:#f8fbfa;border-radius:17px;padding:15px;text-align:center;color:#607b77}
#app.app-shell .topic-hub-empty b{font-size:10px}.topic-hub-empty p{font-size:9px;line-height:1.8;margin:7px 0 11px}
#app.app-shell .events-hub-grid{display:grid;gap:10px}
#app.app-shell .events-hub-card{overflow:hidden;border:1px solid #dcebe7;background:#fff;border-radius:20px;box-shadow:0 8px 22px rgba(8,116,95,.05)}
#app.app-shell .events-hub-card img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover;background:#eef5f3}
#app.app-shell .events-hub-card>div{padding:13px}
#app.app-shell .events-hub-card span{font-size:8px;color:#08745f;font-weight:800}.events-hub-card h2{font-size:13px;margin:4px 0 6px}.events-hub-card p{font-size:9px;line-height:1.8;color:#6f8582;margin:0 0 5px}.events-hub-card small{font-size:8px;color:#78908c}
@media(max-width:360px){#app.app-shell .quick-access-grid{gap:7px}#app.app-shell .quick-access-tile{min-height:94px;padding:10px 5px}#app.app-shell .quick-access-icon{width:40px;height:40px}#app.app-shell .quick-access-tile strong{font-size:9px}}

/* Theta Test Hub updating state */
#app.app-shell .test-updating-page{text-align:center;padding:8px 0 22px}
#app.app-shell .test-updating-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:4px auto 9px;background:#eaf5f2;color:#0a806b;font-size:29px;font-weight:800}
#app.app-shell .test-updating-code{display:inline-block;direction:ltr;font-size:9px;font-weight:900;color:#0a806b;background:#edf7f4;border-radius:999px;padding:5px 9px}
#app.app-shell .test-updating-page h1{font-size:20px;margin:10px 0 3px;color:#253532}
#app.app-shell .test-updating-page h2{font-size:15px;color:#0a806b;margin:5px 0 8px}
#app.app-shell .test-updating-page p{font-size:10px;line-height:1.95;color:#657975;max-width:520px;margin:0 auto 14px}


/* Theta Wave 1.0 — Phase 1.8 Test Hub Visual Refinement */
#app.app-shell .home-test-mini-rail{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 9px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#app.app-shell .home-test-mini-rail::-webkit-scrollbar{display:none}
#app.app-shell .home-test-mini{flex:0 0 104px!important;min-width:104px!important;max-width:104px!important;border-radius:15px!important;box-shadow:0 6px 17px rgba(29,66,62,.08)!important;scroll-snap-align:start}
#app.app-shell .home-test-mini .test-tile-media{aspect-ratio:1/1.04!important}
#app.app-shell .home-test-mini .test-tile-copy{padding:7px 7px 8px!important;min-height:53px}
#app.app-shell .home-test-mini .test-tile-copy h3{font-size:8.2px!important;line-height:1.5!important;margin:4px 0 0!important;-webkit-line-clamp:2}
#app.app-shell .home-test-mini .test-tile-code{font-size:6.2px!important;padding:2px 4px!important;display:inline-block}
#app.app-shell .home-test-mini .test-tile-status{right:5px!important;bottom:5px!important;font-size:6.2px!important;padding:3px 5px!important}
#app.app-shell .test-tile-grid-full{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;overflow:visible!important;padding:2px 0 12px!important;scroll-snap-type:none!important}
#app.app-shell .test-tile-grid-full .online-test-tile{min-width:0!important;max-width:none!important;width:auto!important;flex:none!important;margin:0!important;border-radius:18px!important;box-shadow:0 8px 22px rgba(29,66,62,.08)!important}
#app.app-shell .test-grid-card .test-tile-media{aspect-ratio:1/1!important}
#app.app-shell .test-grid-card .test-tile-copy{padding:9px 9px 10px!important;min-height:96px}
#app.app-shell .test-grid-card .test-tile-copy h3{font-size:10.2px!important;line-height:1.55!important}
#app.app-shell .test-grid-card .test-tile-copy small{font-size:7px!important;margin-top:6px!important}
#app.app-shell .test-grid-card .test-tile-copy strong{font-size:8px!important;margin-top:5px!important}
#app.app-shell .online-test-tile{--test-accent:#0b8e78;--test-soft:#ecf9f5;border-color:color-mix(in srgb,var(--test-accent) 22%,#dce9e5)!important}
#app.app-shell .online-test-tile .test-tile-copy{background:linear-gradient(180deg,#fff 0%,var(--test-soft) 135%)!important;border-top:3px solid var(--test-accent)}
#app.app-shell .online-test-tile .test-tile-code{color:var(--test-accent)!important;background:var(--test-soft)!important}
#app.app-shell .online-test-tile .test-tile-status{background:color-mix(in srgb,var(--test-accent) 90%,#173b38)!important}
#app.app-shell .online-test-tile .test-tile-copy strong{color:var(--test-accent)!important}
#app.app-shell .online-test-tile.theme-teal{--test-accent:#009f9d;--test-soft:#e6fbf8}
#app.app-shell .online-test-tile.theme-navy{--test-accent:#263f96;--test-soft:#edf0ff}
#app.app-shell .online-test-tile.theme-cobalt{--test-accent:#3971dc;--test-soft:#edf4ff}
#app.app-shell .online-test-tile.theme-orange{--test-accent:#ed941b;--test-soft:#fff5e5}
#app.app-shell .online-test-tile.theme-violet{--test-accent:#7b4ed2;--test-soft:#f5edff}
#app.app-shell .online-test-tile.is-updating{filter:none!important;opacity:1!important}
#app.app-shell .online-test-tile.is-updating .test-cover-image{opacity:.9}
#app.app-shell .test-hub-head h1{font-size:22px!important}
#app.app-shell .test-hub-head p{max-width:38em}
@media(max-width:360px){#app.app-shell .home-test-mini{flex-basis:94px!important;min-width:94px!important;max-width:94px!important}#app.app-shell .test-tile-grid-full{gap:8px!important}#app.app-shell .test-grid-card .test-tile-copy{padding:8px!important;min-height:91px}#app.app-shell .test-grid-card .test-tile-copy h3{font-size:9.4px!important}}
/* Theta 1.9 — Live Care Chat header entry */
#app.app-shell .topbar-actions{display:flex;align-items:center;gap:7px}
#app.app-shell .chat-top-btn{position:relative;display:grid;place-items:center}
#app.app-shell .chat-top-btn svg{width:22px;height:22px;fill:currentColor;display:block}
#app.app-shell .chat-online-dot{position:absolute;inset-inline-start:4px;bottom:4px;width:9px;height:9px;border-radius:50%;background:#19a66f;border:2px solid #fff;box-shadow:0 0 0 2px rgba(25,166,111,.13)}
@media(max-width:390px){#app.app-shell .topbar-actions{gap:4px}#app.app-shell .topbar-actions .icon-btn{width:36px;height:36px;border-radius:12px}}


/* Theta 1.9.3 — in-app live chat wiring */
#app .screen.is-live-chat{padding:0!important;overflow:hidden!important;background:#f7fbfa!important}
#app .app-live-chat{height:100%;min-height:0;display:flex;flex-direction:column;background:#fff}
#app .app-live-chat-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #dfe9e7;background:#fff}
#app .app-live-chat-head strong,#app .app-live-chat-head small{display:block}
#app .app-live-chat-head strong{font-size:14px;color:#173b36}
#app .app-live-chat-head small{margin-top:3px;font-size:9px;color:#718783}
#app .app-live-chat-status{display:flex;align-items:center;gap:5px;font-size:9px;color:#087f68;background:#eaf8f3;padding:6px 9px;border-radius:999px;white-space:nowrap}
#app .app-live-chat-status i{width:7px;height:7px;border-radius:50%;background:#19a66f;box-shadow:0 0 0 3px rgba(25,166,111,.12)}
#app .app-live-chat-frame{display:block;flex:1 1 auto;min-height:0;width:100%;border:0;background:#fff}
#app .app-chat-login{max-width:430px;margin:44px auto 0;text-align:center;padding:28px 22px}
#app .app-chat-login-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 18px;border-radius:22px;background:#eaf8f3;color:#087f68;font-size:32px}
#app .app-chat-login h1{font-size:20px;color:#173b36;margin-bottom:10px}
#app .app-chat-login p{font-size:12px;line-height:2;color:#718783;margin-bottom:20px}

/* Theta Wave 1.0 — Phase 1.9.8 Floating Live Chat */
#app.app-shell .app-chat-sheet[hidden]{display:none!important}
#app.app-shell .app-chat-sheet{position:absolute;inset:0;z-index:70;pointer-events:none}
#app.app-shell .app-chat-sheet-backdrop{position:absolute;inset:68px 0 0;border:0;background:rgba(13,52,46,.08);opacity:0;transition:opacity .18s ease;pointer-events:auto}
#app.app-shell .app-chat-sheet-panel{position:fixed;z-index:71;left:50%;bottom:116px;width:calc(min(560px,100vw) - 28px);height:min(70dvh,610px);min-height:420px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(181,219,208,.96);border-radius:27px;background:#fff;box-shadow:0 24px 62px rgba(18,67,59,.27);transform:translate(-50%,18px) scale(.985);opacity:0;transition:transform .18s ease,opacity .18s ease;pointer-events:auto;direction:rtl}
#app.app-shell .app-chat-sheet.is-open .app-chat-sheet-backdrop{opacity:1}
#app.app-shell .app-chat-sheet.is-open .app-chat-sheet-panel{transform:translate(-50%,0) scale(1);opacity:1}
#app.app-shell .app-chat-sheet-head{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid #dcebe7;background:linear-gradient(145deg,#fff,#f2faf7)}
#app.app-shell .app-chat-sheet-head>div{min-width:0;text-align:right}
#app.app-shell .app-chat-sheet-head span{display:flex;align-items:center;gap:6px;margin-bottom:2px;color:#188a6d;font-size:8px;font-weight:900}
#app.app-shell .app-chat-sheet-head span i{width:7px;height:7px;border-radius:50%;background:#21b57f;box-shadow:0 0 0 4px rgba(33,181,127,.12)}
#app.app-shell .app-chat-sheet-head strong{display:block;color:#123f37;font-size:13px;line-height:1.45}
#app.app-shell .app-chat-sheet-head small{display:block;margin-top:2px;color:#708983;font-size:8px}
#app.app-shell .app-chat-sheet-close{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:13px;background:#e9f6f2;color:#0c7b64;font-family:inherit;font-size:25px;line-height:1;cursor:pointer}
#app.app-shell .app-chat-sheet-frame{display:block;flex:1 1 auto;min-height:0;width:100%;border:0;background:#f8fbfa}
#app.app-shell .chat-top-btn.is-chat-open{background:#dff5ed!important;color:#087f68!important;box-shadow:0 0 0 3px rgba(20,161,120,.13)!important}
@media(max-height:660px){#app.app-shell .app-chat-sheet-panel{bottom:104px;height:68dvh;min-height:350px;border-radius:22px}}
@media(max-width:360px){#app.app-shell .app-chat-sheet-panel{width:calc(100vw - 18px);bottom:106px;height:72dvh;min-height:370px}#app.app-shell .app-chat-sheet-head{min-height:64px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){#app.app-shell .app-chat-sheet-backdrop,#app.app-shell .app-chat-sheet-panel{transition:none!important}}

/* Theta Wave 1.0 — Phase 1.9.12 Android WebView keyboard-safe floating chat */
#app.app-shell .app-chat-sheet-panel.is-keyboard-open{transition:none!important;border-radius:20px!important}
#app.app-shell .app-chat-sheet-panel.is-keyboard-open .app-chat-sheet-head{min-height:58px!important;padding:8px 12px!important}
#app.app-shell .app-chat-sheet-panel.is-keyboard-open .app-chat-sheet-frame{min-height:0!important;height:100%!important}


/* Theta Wave 1.0 — Phase 1.9.23 / Mobile Dashboard Shell Phase 1
   Reference language: soft white dashboard, centered floating notch, right-side drawer,
   and a curved bottom dock with the existing Alo Clinic navigation semantics. */
#app.app-shell{
  --theta-shell-bg:#f4f6f5;
  --theta-shell-card:#ffffff;
  --theta-shell-green:#0b8069;
  --theta-shell-green-2:#18a681;
  --theta-shell-muted:#8b9794;
  background:var(--theta-shell-bg)!important;
  padding-bottom:122px!important;
  overflow:hidden!important;
}
#app.app-shell .theta-dashboard-topbar{
  position:sticky!important;top:0!important;z-index:42!important;
  height:78px!important;min-height:78px!important;
  display:grid!important;grid-template-columns:52px 1fr 52px!important;
  align-items:center!important;padding:8px 16px 13px!important;
  background:#fff!important;border:0!important;box-shadow:none!important;
}
#app.app-shell.is-home .theta-dashboard-topbar{height:104px!important;min-height:104px!important;padding-bottom:28px!important}
#app.app-shell .theta-topbar-brand{text-align:center!important;min-width:0;line-height:1.3}
#app.app-shell .theta-topbar-brand strong{display:block;color:#263b37;font-size:15px;font-weight:900}
#app.app-shell .theta-topbar-brand small{display:block;color:#94a09d;font-size:8px;direction:ltr;margin-top:3px;letter-spacing:.5px}
#app.app-shell .theta-hamburger,#app.app-shell .theta-back-btn{
  width:46px;height:46px;border:0;background:transparent;color:#263b37;border-radius:15px;
  display:grid;place-items:center;font-family:inherit;cursor:pointer;
}
#app.app-shell .theta-hamburger{justify-self:start;align-content:center;gap:5px;padding:11px 9px}
#app.app-shell .theta-hamburger span{display:block;width:27px;height:3px;border-radius:99px;background:#283a37}
#app.app-shell .theta-back-btn{justify-self:end;font-size:31px;line-height:1;color:#4e6963}
#app.app-shell .theta-shell-notch{display:none;position:absolute;z-index:44;left:50%;top:61px;transform:translateX(-50%);width:92px;height:92px;place-items:center;pointer-events:none}
#app.app-shell.is-home .theta-shell-notch{display:grid}
#app.app-shell .theta-shell-notch:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:#fff;box-shadow:0 1px 0 rgba(31,65,59,.05)}
#app.app-shell .theta-shell-notch button{position:relative;pointer-events:auto;width:72px;height:72px;border:0;border-radius:50%;background:linear-gradient(145deg,#f8fffc,#e8f7f1);padding:7px;box-shadow:0 0 0 1px #e1ece8,0 10px 24px rgba(26,85,74,.12);overflow:hidden}
#app.app-shell .theta-shell-notch img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
#app.app-shell .screen{background:var(--theta-shell-bg)!important;padding-top:17px!important}
#app.app-shell.is-home .screen{padding-top:49px!important}
#app.app-shell .theta-home-identity{text-align:center!important;margin:0 0 18px!important;min-height:58px;direction:rtl}
#app.app-shell .theta-home-identity strong{display:block;font-size:17px;line-height:1.65;color:#253b37;font-weight:900}
#app.app-shell .theta-home-identity small{display:block;margin-top:3px;font-size:10px;color:#778985;direction:auto}
#app.app-shell .theta-home-identity button{width:34px;height:26px;margin:5px auto 0;border:0;background:transparent;color:#16a17f;font-size:27px;line-height:20px;font-family:inherit}

/* Right drawer — only the hamburger is visible in the top bar; existing capabilities live here. */
#app.app-shell .theta-drawer[hidden]{display:none!important}
#app.app-shell .theta-drawer{position:fixed;inset:0;z-index:90;pointer-events:none}
#app.app-shell .theta-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(18,38,34,.42);opacity:0;transition:opacity .19s ease;pointer-events:auto}
#app.app-shell .theta-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(84vw,390px);background:#fff;box-shadow:-20px 0 48px rgba(19,51,45,.22);transform:translateX(102%);transition:transform .19s ease;pointer-events:auto;display:flex;flex-direction:column;overflow:hidden;direction:rtl}
#app.app-shell .theta-drawer.is-open .theta-drawer-backdrop{opacity:1}
#app.app-shell .theta-drawer.is-open .theta-drawer-panel{transform:translateX(0)}
#app.app-shell .theta-drawer-head{display:grid;grid-template-columns:58px 1fr 38px;align-items:center;gap:11px;padding:27px 18px 18px;background:linear-gradient(145deg,#f4fbf8,#fff);border-bottom:1px solid #e7efec}
#app.app-shell .theta-drawer-head img{width:54px;height:54px;border-radius:17px;background:#fff;object-fit:contain;padding:4px;box-shadow:0 7px 20px rgba(18,83,70,.10)}
#app.app-shell .theta-drawer-head strong,#app.app-shell .theta-drawer-head small{display:block;text-align:right}
#app.app-shell .theta-drawer-head strong{font-size:17px;color:#163f37;font-weight:900}
#app.app-shell .theta-drawer-head small{font-size:9px;color:#7b918c;margin-top:4px}
#app.app-shell .theta-drawer-head button{width:36px;height:36px;border:0;border-radius:12px;background:#edf6f3;color:#58716c;font-size:23px}
#app.app-shell .theta-drawer-menu{padding:13px 13px 30px;overflow:auto;display:grid;gap:4px}
#app.app-shell .theta-drawer-menu button{min-height:54px;border:0;border-radius:16px;background:transparent;color:#253b37;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;text-align:right;padding:7px 12px;font-family:inherit}
#app.app-shell .theta-drawer-menu button:active{background:#edf8f4}
#app.app-shell .theta-drawer-menu span{width:36px;height:36px;border-radius:12px;background:#eef8f4;color:#0b8069;display:grid;place-items:center;font-size:18px}
#app.app-shell .theta-drawer-menu b{font-size:13px;font-weight:800}

/* Curved / halo bottom navigation inspired by the approved reference. */
#app.app-shell .theta-bottom-nav{
  position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;
  width:100%!important;max-width:560px!important;height:91px!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:end!important;
  padding:12px 5px max(7px,env(safe-area-inset-bottom))!important;
  border:0!important;border-top:1px solid #e5ebe9!important;border-radius:25px 25px 0 0!important;
  background:rgba(255,255,255,.985)!important;box-shadow:0 -9px 28px rgba(34,60,55,.08)!important;backdrop-filter:none!important;
  overflow:visible!important;z-index:50!important;
}
#app.app-shell .theta-bottom-nav:before{content:"";position:absolute;left:50%;top:-37px;transform:translateX(-50%);width:90px;height:68px;border-radius:50%;background:#fff;border:1px solid #e5ebe9;box-shadow:0 -7px 18px rgba(30,62,56,.05);z-index:0}
#app.app-shell .theta-bottom-nav:after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:96px;height:35px;background:#fff;z-index:1}
#app.app-shell .theta-bottom-nav button{position:relative!important;z-index:3!important;height:64px!important;border:0!important;border-radius:16px!important;background:transparent!important;color:#9aa5a2!important;padding:6px 2px 3px!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;font-family:inherit!important}
#app.app-shell .theta-bottom-nav button.active:not(.nav-book){background:transparent!important;color:#0b8069!important;transform:none!important}
#app.app-shell .theta-bottom-nav .theta-nav-icon{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;margin:0 auto 3px!important}
#app.app-shell .theta-bottom-nav .theta-nav-icon svg{width:25px;height:25px;display:block;fill:currentColor}
#app.app-shell .theta-bottom-nav button small{font-size:9px!important;line-height:15px!important;margin:0!important;font-weight:700!important;color:inherit!important}
#app.app-shell .theta-bottom-nav .nav-book{align-self:start!important;height:82px!important;margin-top:-42px!important;justify-content:flex-start!important;overflow:visible!important;padding-top:0!important;background:transparent!important}
#app.app-shell .theta-bottom-nav .nav-book:before{content:"";position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:72px;height:72px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #e7eeeb;z-index:-1}
#app.app-shell .theta-bottom-nav .nav-book .theta-nav-primary,
#app.app-shell .theta-bottom-nav .nav-book span{width:62px!important;height:62px!important;min-height:62px!important;border-radius:50%!important;margin:3px auto 4px!important;border:0!important;background:linear-gradient(145deg,#39c79e,#0b8069)!important;color:#fff!important;font-size:37px!important;font-weight:300!important;display:grid!important;place-items:center!important;line-height:1!important;box-shadow:0 10px 25px rgba(11,128,105,.28)!important;animation:none!important;transform:none!important}
#app.app-shell .theta-bottom-nav .nav-book small{font-size:9px!important;color:#0b8069!important;font-weight:900!important;line-height:13px!important}
#app.app-shell .booking-footer{bottom:105px!important}
#toast.toast{bottom:108px!important}
@media(max-width:390px){
  #app.app-shell .theta-dashboard-topbar{padding-inline:12px!important}
  #app.app-shell .theta-topbar-brand strong{font-size:14px}
  #app.app-shell .theta-bottom-nav{height:88px!important}
  #app.app-shell .theta-bottom-nav .nav-book{margin-top:-39px!important}
  #app.app-shell .theta-bottom-nav .nav-book .theta-nav-primary,#app.app-shell .theta-bottom-nav .nav-book span{width:58px!important;height:58px!important;min-height:58px!important}
}
@media(prefers-reduced-motion:reduce){#app.app-shell .theta-drawer-backdrop,#app.app-shell .theta-drawer-panel{transition:none!important}}

/* Theta Wave 1.0 — Phase 1.9.24 / Pixel-Perfect Mobile Shell
   Locks the approved MyIrancell-inspired shell proportions without changing Home content.
   Scope: Home header + concave logo notch + compact identity + bottom dock only. */
#app.app-shell{
  --theta-shell-bg:#f7f8f7;
  padding-bottom:106px!important;
}

/* Home topbar: keep only the approved right hamburger. The brand remains available on inner screens. */
#app.app-shell.is-home .theta-dashboard-topbar{
  position:sticky!important;
  height:82px!important;
  min-height:82px!important;
  padding:7px 14px 14px!important;
  background:#fff!important;
  overflow:visible!important;
  isolation:isolate;
}
#app.app-shell.is-home .theta-topbar-brand{
  visibility:hidden!important;
  pointer-events:none!important;
}
#app.app-shell.is-home .theta-dashboard-topbar:before,
#app.app-shell.is-home .theta-dashboard-topbar:after{
  content:"";
  position:absolute;
  bottom:-38px;
  width:calc(50% - 49px);
  height:40px;
  background:#fff;
  z-index:-1;
  box-shadow:0 10px 23px rgba(38,61,57,.025);
}
#app.app-shell.is-home .theta-dashboard-topbar:before{
  left:0;
  border-bottom-right-radius:44px;
}
#app.app-shell.is-home .theta-dashboard-topbar:after{
  right:0;
  border-bottom-left-radius:44px;
}
#app.app-shell.is-home .theta-hamburger{
  width:43px!important;
  height:43px!important;
  padding:10px 8px!important;
  gap:4px!important;
  border-radius:13px!important;
}
#app.app-shell.is-home .theta-hamburger span{
  width:26px!important;
  height:3px!important;
  border-radius:99px!important;
  background:#263a36!important;
}

/* Real concave notch: smaller mark, lower visual weight, no duplicate branding above it. */
#app.app-shell.is-home .theta-shell-notch{
  display:grid!important;
  top:54px!important;
  width:82px!important;
  height:82px!important;
}
#app.app-shell.is-home .theta-shell-notch:before{
  inset:-8px!important;
  background:#fff!important;
  border:1px solid #edf1ef!important;
  box-shadow:0 7px 22px rgba(31,67,60,.07)!important;
}
#app.app-shell.is-home .theta-shell-notch button{
  width:62px!important;
  height:62px!important;
  padding:6px!important;
  background:#fff!important;
  border:1px solid #eaf0ed!important;
  box-shadow:0 6px 16px rgba(24,84,72,.08)!important;
}
#app.app-shell.is-home .theta-shell-notch img{
  border-radius:18px!important;
}

/* Compact identity immediately below the notch. */
#app.app-shell.is-home .screen{
  padding-top:54px!important;
}
#app.app-shell .theta-home-identity{
  min-height:67px!important;
  margin:0 0 10px!important;
  padding:0 12px!important;
}
#app.app-shell .theta-home-identity strong{
  font-size:16px!important;
  line-height:1.45!important;
  color:#263b37!important;
  font-weight:900!important;
}
#app.app-shell .theta-home-identity small{
  margin-top:2px!important;
  font-size:9.5px!important;
  line-height:1.6!important;
  color:#818e8b!important;
}
#app.app-shell .theta-home-identity button{
  width:30px!important;
  height:23px!important;
  margin:2px auto 0!important;
  color:#0ea17d!important;
  font-size:24px!important;
  line-height:18px!important;
}

/* Bottom dock: match the approved reference proportions and reduce vertical obstruction. */
#app.app-shell .theta-bottom-nav{
  height:80px!important;
  max-width:560px!important;
  padding:9px 4px max(5px,env(safe-area-inset-bottom))!important;
  border-radius:27px 27px 0 0!important;
  border-top:1px solid #e8ecea!important;
  box-shadow:0 -7px 24px rgba(34,60,55,.065)!important;
}
#app.app-shell .theta-bottom-nav:before{
  top:-30px!important;
  width:78px!important;
  height:58px!important;
  border:1px solid #e8ecea!important;
  box-shadow:0 -6px 17px rgba(30,62,56,.045)!important;
}
#app.app-shell .theta-bottom-nav:after{
  top:0!important;
  width:84px!important;
  height:29px!important;
}
#app.app-shell .theta-bottom-nav button{
  height:56px!important;
  padding:4px 2px 2px!important;
  border-radius:14px!important;
}
#app.app-shell .theta-bottom-nav .theta-nav-icon{
  width:25px!important;
  height:25px!important;
  margin:0 auto 2px!important;
}
#app.app-shell .theta-bottom-nav .theta-nav-icon svg{
  width:23px!important;
  height:23px!important;
}
#app.app-shell .theta-bottom-nav button small{
  font-size:8.4px!important;
  line-height:13px!important;
}
#app.app-shell .theta-bottom-nav .nav-book{
  height:70px!important;
  margin-top:-33px!important;
  padding-top:0!important;
}
#app.app-shell .theta-bottom-nav .nav-book:before{
  top:-1px!important;
  width:62px!important;
  height:62px!important;
}
#app.app-shell .theta-bottom-nav .nav-book .theta-nav-primary,
#app.app-shell .theta-bottom-nav .nav-book span{
  width:54px!important;
  height:54px!important;
  min-height:54px!important;
  margin:3px auto 2px!important;
  font-size:32px!important;
  box-shadow:0 8px 21px rgba(11,128,105,.24)!important;
}
#app.app-shell .theta-bottom-nav .nav-book small{
  font-size:8.5px!important;
  line-height:12px!important;
}
#app.app-shell .booking-footer{bottom:91px!important}
#toast.toast{bottom:92px!important}
#app.app-shell .app-chat-sheet-panel{bottom:94px!important}

@media(max-width:390px){
  #app.app-shell.is-home .theta-dashboard-topbar{height:79px!important;min-height:79px!important;padding-inline:11px!important}
  #app.app-shell.is-home .theta-dashboard-topbar:before,#app.app-shell.is-home .theta-dashboard-topbar:after{bottom:-36px;height:38px;width:calc(50% - 47px)}
  #app.app-shell.is-home .theta-shell-notch{top:52px!important;width:78px!important;height:78px!important}
  #app.app-shell.is-home .theta-shell-notch button{width:59px!important;height:59px!important}
  #app.app-shell.is-home .screen{padding-top:52px!important}
  #app.app-shell .theta-home-identity{min-height:64px!important;margin-bottom:8px!important}
  #app.app-shell .theta-bottom-nav{height:78px!important}
  #app.app-shell .theta-bottom-nav .nav-book{margin-top:-31px!important}
  #app.app-shell .theta-bottom-nav .nav-book .theta-nav-primary,#app.app-shell .theta-bottom-nav .nav-book span{width:52px!important;height:52px!important;min-height:52px!important}
}

/* Theta Wave 1.0 — Phase 1.9.25 / Next Appointment + Home Hero
   Scope: real upcoming appointment card + compact wellbeing hero. Shell 1.9.24 remains locked. */
#app.app-shell.is-home .screen{padding-top:52px!important}
#app.app-shell .theta-home-identity{margin-bottom:6px!important}

#app.app-shell .theta-next-appointment{
  direction:rtl;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(118px,.8fr);
  align-items:center;
  gap:0;
  margin:0 0 12px!important;
  padding:14px 15px!important;
  min-height:112px;
  border:1px solid #e7ecea;
  border-radius:23px;
  background:#fff;
  box-shadow:0 9px 25px rgba(31,65,59,.065);
  overflow:hidden;
}
#app.app-shell .theta-next-appointment-copy{
  min-width:0;
  padding:2px 5px 2px 15px;
  border-left:1px solid #edf0ef;
  text-align:right;
}
#app.app-shell .theta-next-appointment-copy span,
#app.app-shell .theta-next-appointment-copy strong,
#app.app-shell .theta-next-appointment-copy small{display:block}
#app.app-shell .theta-next-appointment-copy span{
  margin-bottom:6px;
  color:#263a36;
  font-size:14px;
  font-weight:900;
}
#app.app-shell .theta-next-appointment-copy strong{
  color:#7a8582;
  font-size:12px;
  line-height:1.75;
  font-weight:700;
}
#app.app-shell .theta-next-appointment.has-appointment .theta-next-appointment-copy strong{color:#176f5e;font-size:12.5px}
#app.app-shell .theta-next-appointment-copy small{
  margin-top:3px;
  color:#88938f;
  font-size:8.8px;
  line-height:1.65;
  white-space:normal;
}
#app.app-shell .theta-next-appointment-action{
  display:grid;
  justify-items:center;
  align-content:center;
  gap:9px;
  min-width:0;
  padding-right:12px;
}
#app.app-shell .theta-next-appointment-icon{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eaf8f3;
  color:#079675;
}
#app.app-shell .theta-next-appointment-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#app.app-shell .theta-next-appointment-action button{
  width:100%;
  min-height:37px;
  padding:8px 9px;
  border:0;
  border-radius:14px;
  background:linear-gradient(145deg,#18b58b,#078169);
  color:#fff;
  font-family:inherit;
  font-size:10.5px;
  line-height:1.4;
  font-weight:900;
  box-shadow:0 7px 17px rgba(8,127,104,.18);
}
#app.app-shell .theta-next-appointment-action button:disabled{opacity:.5;box-shadow:none}
#app.app-shell .theta-next-appointment.has-appointment .theta-next-appointment-action button{background:#eff8f5;color:#087f68;box-shadow:none;border:1px solid #d7eee7}

#app.app-shell .hero.theta-home-hero{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1.52fr) minmax(112px,.72fr)!important;
  align-items:stretch!important;
  gap:0!important;
  min-height:156px!important;
  margin:0 0 12px!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#20b18b 0%,#0b8b72 58%,#06705f 100%)!important;
  box-shadow:0 12px 28px rgba(6,112,95,.16)!important;
  color:#fff!important;
}
#app.app-shell .theta-home-hero:before{
  content:"";
  position:absolute;
  right:-34px;
  top:-68px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(255,255,255,.055);
  pointer-events:none;
}
#app.app-shell .theta-home-hero-copy{
  position:relative;
  z-index:2;
  min-width:0;
  padding:17px 17px 16px 10px;
  text-align:right;
  align-self:center;
}
#app.app-shell .theta-home-hero-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:20px;
  margin-bottom:5px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.18);
  color:#e8fff7;
  direction:ltr;
  font-size:8px;
  font-weight:800;
  letter-spacing:.2px;
}
#app.app-shell .theta-home-hero h1{
  max-width:none!important;
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1.65!important;
  font-weight:900!important;
  text-align:right!important;
}
#app.app-shell .theta-home-hero p{
  max-width:none!important;
  margin:0 0 10px!important;
  color:rgba(255,255,255,.86)!important;
  font-size:9.4px!important;
  line-height:1.85!important;
  text-align:right!important;
}
#app.app-shell .theta-home-hero-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  max-width:185px;
  padding:8px 13px;
  border:0;
  border-radius:13px;
  background:#fff;
  color:#087f68;
  font-family:inherit;
  font-size:9.6px;
  font-weight:900;
  box-shadow:0 5px 15px rgba(0,60,49,.12);
}
#app.app-shell .theta-home-hero-cta:disabled{opacity:.55}
#app.app-shell .theta-home-hero-art{
  position:relative;
  z-index:1;
  align-self:stretch;
  justify-self:stretch;
  width:100%;
  height:100%;
  min-height:156px;
  object-fit:cover;
  object-position:center left;
  display:block;
  mix-blend-mode:screen;
  opacity:.95;
}

/* Health diagnostics remain available in Account; intentionally not rendered in Home from 1.9.25. */
#app.app-shell.is-home .api-status{display:none!important}

@media(max-width:390px){
  #app.app-shell.is-home .screen{padding-top:50px!important}
  #app.app-shell .theta-home-identity{margin-bottom:5px!important}
  #app.app-shell .theta-next-appointment{grid-template-columns:minmax(0,1.12fr) minmax(108px,.88fr);min-height:106px;padding:12px 12px!important;border-radius:21px}
  #app.app-shell .theta-next-appointment-copy{padding-left:10px}
  #app.app-shell .theta-next-appointment-copy span{font-size:13px}
  #app.app-shell .theta-next-appointment-copy strong{font-size:10.8px}
  #app.app-shell .theta-next-appointment-copy small{font-size:8.2px}
  #app.app-shell .theta-next-appointment-action{padding-right:9px;gap:7px}
  #app.app-shell .theta-next-appointment-icon{width:39px;height:39px}
  #app.app-shell .theta-next-appointment-action button{font-size:9.4px;min-height:34px;padding-inline:7px}
  #app.app-shell .hero.theta-home-hero{grid-template-columns:minmax(0,1.46fr) minmax(102px,.74fr)!important;min-height:148px!important;border-radius:22px!important}
  #app.app-shell .theta-home-hero-copy{padding:14px 13px 13px 7px}
  #app.app-shell .theta-home-hero h1{font-size:17.2px!important;line-height:1.62!important}
  #app.app-shell .theta-home-hero p{font-size:8.7px!important;margin-bottom:8px!important}
  #app.app-shell .theta-home-hero-cta{min-height:33px;font-size:8.7px;padding:7px 9px;max-width:165px}
  #app.app-shell .theta-home-hero-art{min-height:148px}
}


/* Theta Wave 1.0 — Phase 1.9.26 / Core Home Actions
   Four primary real destinations matching the approved Home reference. */
#app.app-shell .theta-core-actions{margin:14px 0 20px!important;padding:0 1px;direction:rtl}
#app.app-shell .theta-core-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:stretch}
#app.app-shell .theta-core-action{position:relative;min-width:0;min-height:112px;border:1px solid rgba(18,129,104,.09);border-radius:20px;background:#fff;color:#163c36;padding:12px 5px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-family:inherit;box-shadow:0 8px 24px rgba(26,73,65,.065);transition:transform .14s ease,box-shadow .14s ease,background .14s ease;-webkit-tap-highlight-color:transparent}
#app.app-shell .theta-core-action:active{transform:scale(.975);background:#f7fbfa;box-shadow:0 4px 14px rgba(26,73,65,.06)}
#app.app-shell .theta-core-action-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#edf8f4;color:#128168;flex:0 0 auto}
#app.app-shell .theta-core-action-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#app.app-shell .theta-core-action strong{display:block;max-width:100%;font-size:10.2px;line-height:1.5;font-weight:900;text-align:center;white-space:nowrap;color:#173d37}
#app.app-shell .theta-core-action-appointment{border-color:rgba(22,161,127,.18)}
#app.app-shell .theta-core-action-appointment .theta-core-action-icon{background:linear-gradient(145deg,#e7f7f1,#f7fcfa);color:#0d9a78}
#app.app-shell .theta-core-action-badge{position:absolute;top:8px;left:8px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e9526c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:7.5px;font-weight:900;line-height:20px;box-shadow:0 4px 10px rgba(233,82,108,.22);direction:ltr}
#app.app-shell .theta-core-action-badge[hidden]{display:none!important}
@media(max-width:390px){#app.app-shell .theta-core-actions-grid{gap:6px}#app.app-shell .theta-core-action{min-height:103px;border-radius:18px;padding:10px 3px 9px;gap:7px}#app.app-shell .theta-core-action-icon{width:43px;height:43px}#app.app-shell .theta-core-action-icon svg{width:25px;height:25px}#app.app-shell .theta-core-action strong{font-size:9.1px}#app.app-shell .theta-core-action-badge{top:7px;left:6px;min-width:18px;height:18px;line-height:18px;font-size:7px}}
@media(max-width:350px){#app.app-shell .theta-core-actions-grid{gap:5px}#app.app-shell .theta-core-action{min-height:96px}#app.app-shell .theta-core-action-icon{width:40px;height:40px}#app.app-shell .theta-core-action strong{font-size:8.4px}}


/* Theta Wave 1.0 — Phase 1.9.27 / Online Specialists Home Strip
   Real chat presence projection, visually matched to the approved Home reference. */
#app.app-shell .theta-online-specialists{margin:4px 0 20px;padding:14px 13px 13px;border:1px solid rgba(18,129,104,.08);border-radius:23px;background:#fff;box-shadow:0 9px 26px rgba(26,73,65,.065);direction:rtl;overflow:hidden}
#app.app-shell .theta-online-specialists-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 12px}
#app.app-shell .theta-online-specialists-head>div{min-width:0;text-align:right}
#app.app-shell .theta-online-specialists-head h2{display:flex;align-items:center;gap:6px;margin:0;color:#163b36;font-size:14px;line-height:1.45;font-weight:900}
#app.app-shell .theta-online-specialists-head h2>span{width:8px;height:8px;border-radius:50%;background:#18a96f;box-shadow:0 0 0 4px rgba(24,169,111,.10);flex:0 0 auto}
#app.app-shell .theta-online-specialists-head small{display:block;margin-top:3px;color:#8a9a96;font-size:8.8px;line-height:1.6}
#app.app-shell .theta-online-specialists-head>button{flex:0 0 auto;border:0;border-radius:999px;background:#ecf8f4;color:#0b846c;padding:7px 10px;font:900 8.7px/1.2 inherit;white-space:nowrap}
#app.app-shell .theta-online-specialists-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;direction:rtl}
#app.app-shell .theta-online-specialist-card{min-width:0;border:1px solid rgba(20,116,95,.07);border-radius:17px;background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%);padding:9px 4px 8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;color:#163b36;font-family:inherit;box-shadow:0 5px 16px rgba(31,72,65,.045);-webkit-tap-highlight-color:transparent;transition:transform .14s ease,background .14s ease}
#app.app-shell .theta-online-specialist-card:active{transform:scale(.975);background:#f6fbf9}
#app.app-shell .theta-online-specialist-avatar{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#edf5f2;color:#147f69;font-size:15px;font-weight:900;overflow:visible;margin-bottom:2px}
#app.app-shell .theta-online-specialist-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:#eef4f2}
#app.app-shell .theta-online-specialist-avatar i{position:absolute;right:1px;bottom:2px;width:11px;height:11px;border-radius:50%;background:#13aa4b;border:2px solid #fff;box-shadow:0 0 0 2px rgba(19,170,75,.10)}
#app.app-shell .theta-online-specialist-card strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;width:100%;margin-top:2px;color:#173a35;font-size:8.8px;line-height:1.55;font-weight:900;text-align:center}
#app.app-shell .theta-online-specialist-card small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;width:100%;color:#8b9996;font-size:7.4px;line-height:1.55;text-align:center}
#app.app-shell .theta-online-specialists-empty{min-height:94px;border:1px dashed #d8e9e4;border-radius:17px;background:#fbfdfc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:13px 15px;color:#536c67}
#app.app-shell .theta-online-specialists-empty b{font-size:10px;color:#284d47}
#app.app-shell .theta-online-specialists-empty small{font-size:8.2px;line-height:1.8;margin-top:4px;max-width:290px}
#app.app-shell .theta-online-specialists-empty button{margin-top:8px;border:0;border-radius:999px;background:#ecf8f4;color:#0b846c;padding:7px 11px;font:900 8.5px/1.2 inherit}
@media(max-width:390px){#app.app-shell .theta-online-specialists{padding:12px 10px 11px;border-radius:21px;margin-bottom:17px}#app.app-shell .theta-online-specialists-head{margin-bottom:10px}#app.app-shell .theta-online-specialists-head h2{font-size:12.8px}#app.app-shell .theta-online-specialists-head small{font-size:8px}#app.app-shell .theta-online-specialists-head>button{font-size:7.9px;padding:6px 8px}#app.app-shell .theta-online-specialists-grid{gap:5px}#app.app-shell .theta-online-specialist-card{border-radius:15px;padding:8px 2px 7px}#app.app-shell .theta-online-specialist-avatar{width:52px;height:52px;font-size:13px}#app.app-shell .theta-online-specialist-avatar i{width:10px;height:10px}#app.app-shell .theta-online-specialist-card strong{font-size:8px}#app.app-shell .theta-online-specialist-card small{font-size:6.8px}}
@media(max-width:350px){#app.app-shell .theta-online-specialists-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}#app.app-shell .theta-online-specialist-avatar{width:46px;height:46px}#app.app-shell .theta-online-specialist-card strong{font-size:7.4px}#app.app-shell .theta-online-specialist-card small{display:none}}


/* Theta Wave 1.0 — Phase 1.9.27 HF1
   Approved mockup alignment + truthful online/offline fallback cards. */
#app.app-shell .theta-online-specialists{margin:7px 0 19px;padding:12px 10px 13px;border:1px solid rgba(18,129,104,.065);border-radius:21px;background:#fff;box-shadow:0 8px 24px rgba(26,73,65,.06);overflow:hidden}
#app.app-shell .theta-online-specialists-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:0 2px 10px;direction:rtl}
#app.app-shell .theta-online-specialists-head>div{text-align:right}
#app.app-shell .theta-online-specialists-head h2{gap:6px;font-size:13.4px;line-height:1.45;color:#162f2b}
#app.app-shell .theta-online-specialists-head h2>span{width:7px;height:7px;background:#bdcbc7;box-shadow:none}
#app.app-shell .theta-online-specialists-head h2>span.is-live{background:#13a94c;box-shadow:0 0 0 4px rgba(19,169,76,.09)}
#app.app-shell .theta-online-specialists-head small{margin-top:2px;font-size:8.2px;color:#8c9895}
#app.app-shell .theta-online-specialists-head>button{align-self:center;background:#edf8f4;color:#087d67;padding:7px 9px;font-size:8.2px;box-shadow:none}
#app.app-shell .theta-online-specialists-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;direction:rtl}
#app.app-shell .theta-online-specialist-card{min-height:124px;border:1px solid #eef3f1;border-radius:16px;background:#fff;padding:8px 2px 7px;gap:3px;box-shadow:0 4px 13px rgba(34,72,66,.045)}
#app.app-shell .theta-online-specialist-avatar{width:57px;height:57px;margin:0 auto 3px;background:#eef4f2;color:#147f69;font-size:14px;border:1px solid rgba(16,126,103,.05)}
#app.app-shell .theta-online-specialist-avatar i{right:0;bottom:1px;width:10px;height:10px;border:2px solid #fff;background:#bcc9c5;box-shadow:none}
#app.app-shell .theta-online-specialist-card.is-online .theta-online-specialist-avatar i{background:#12ad39;box-shadow:0 0 0 2px rgba(18,173,57,.09)}
#app.app-shell .theta-online-specialist-card strong{font-size:8.2px;line-height:1.55;margin-top:1px;color:#172f2b}
#app.app-shell .theta-online-specialist-card small{font-size:6.9px;line-height:1.5;color:#929d9a}
@media(max-width:390px){#app.app-shell .theta-online-specialists{margin-top:6px;padding:11px 8px 12px;border-radius:20px}#app.app-shell .theta-online-specialists-head{margin-bottom:9px}#app.app-shell .theta-online-specialists-head h2{font-size:12.7px}#app.app-shell .theta-online-specialists-grid{gap:4px}#app.app-shell .theta-online-specialist-card{min-height:116px;padding:7px 1px 6px;border-radius:15px}#app.app-shell .theta-online-specialist-avatar{width:52px;height:52px}#app.app-shell .theta-online-specialist-card strong{font-size:7.7px}#app.app-shell .theta-online-specialist-card small{font-size:6.5px}}
@media(max-width:350px){#app.app-shell .theta-online-specialist-card{min-height:108px}#app.app-shell .theta-online-specialist-avatar{width:47px;height:47px}#app.app-shell .theta-online-specialist-card strong{font-size:7.2px}#app.app-shell .theta-online-specialist-card small{display:block;font-size:6.1px}}

/* Theta Wave 1.0 — Phase 1.9.27 HF2
   Pixel correction: approved compact Home hero + centered booking label. */
#app.app-shell .hero.theta-home-hero{
  height:114px!important;
  min-height:114px!important;
  max-height:114px!important;
  aspect-ratio:auto!important;
  grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important;
  border-radius:22px!important;
  margin:0 0 10px!important;
  box-shadow:0 9px 23px rgba(6,112,95,.13)!important;
}
#app.app-shell .theta-home-hero-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:8px 14px 8px 7px!important;
}
#app.app-shell .theta-home-hero-badge{display:none!important}
#app.app-shell .theta-home-hero h1{
  margin:0 0 2px!important;
  font-size:14.6px!important;
  line-height:1.55!important;
  letter-spacing:-.1px!important;
}
#app.app-shell .theta-home-hero p{
  margin:0 0 5px!important;
  font-size:8.1px!important;
  line-height:1.55!important;
}
#app.app-shell .theta-home-hero-cta{
  min-height:29px!important;
  max-width:160px!important;
  padding:5px 10px!important;
  border-radius:10px!important;
  font-size:8.4px!important;
  line-height:1.35!important;
  box-shadow:0 4px 11px rgba(0,60,49,.10)!important;
}
#app.app-shell .theta-home-hero-art{
  height:114px!important;
  min-height:114px!important;
  max-height:114px!important;
  object-fit:cover!important;
  object-position:center left!important;
  mix-blend-mode:normal!important;
  opacity:.96!important;
}
#app.app-shell .theta-bottom-nav .nav-book{position:relative!important}
#app.app-shell .theta-bottom-nav .nav-book small{
  position:absolute!important;
  top:59px!important;
  left:50%!important;
  width:72px!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  text-align:center!important;
  line-height:12px!important;
  white-space:nowrap!important;
}
@supports (aspect-ratio:3.16 / 1){
  #app.app-shell .hero.theta-home-hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:3.16 / 1!important;
  }
  #app.app-shell .theta-home-hero-art{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
  }
}
@media(max-width:390px){
  #app.app-shell .hero.theta-home-hero{height:109px!important;min-height:109px!important;max-height:109px!important}
  #app.app-shell .theta-home-hero-art{height:109px!important;min-height:109px!important;max-height:109px!important}
  #app.app-shell .theta-home-hero-copy{padding:7px 12px 7px 6px!important}
  #app.app-shell .theta-home-hero h1{font-size:13.6px!important}
  #app.app-shell .theta-home-hero p{font-size:7.7px!important;margin-bottom:4px!important}
  #app.app-shell .theta-home-hero-cta{min-height:27px!important;max-width:151px!important;font-size:8px!important;padding:5px 8px!important}
  #app.app-shell .theta-bottom-nav .nav-book small{top:56px!important}
  @supports (aspect-ratio:3.16 / 1){
    #app.app-shell .hero.theta-home-hero{height:auto!important;min-height:0!important;max-height:none!important}
    #app.app-shell .theta-home-hero-art{height:100%!important;min-height:0!important;max-height:none!important}
  }
}
@media(max-width:350px){
  #app.app-shell .hero.theta-home-hero{height:102px!important;min-height:102px!important;max-height:102px!important}
  #app.app-shell .theta-home-hero-art{height:102px!important;min-height:102px!important;max-height:102px!important}
  #app.app-shell .theta-home-hero h1{font-size:12.8px!important}
  #app.app-shell .theta-home-hero-cta{max-width:142px!important;font-size:7.5px!important}
  #app.app-shell .theta-bottom-nav .nav-book small{top:54px!important}
  @supports (aspect-ratio:3.16 / 1){
    #app.app-shell .hero.theta-home-hero{height:auto!important;min-height:0!important;max-height:none!important}
    #app.app-shell .theta-home-hero-art{height:100%!important;min-height:0!important;max-height:none!important}
  }
}

/* Theta Wave 1.0 — Phase 1.9.28 / Responsive & Micro-UX Polish
   Final Home-density, tap ergonomics, safe-area and Android 8-friendly fallbacks. */
html,body,#app.app-shell{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
#app.app-shell button,#app.app-shell [role="button"]{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
#app.app-shell button:focus{outline:0}
#app.app-shell button:focus-visible{outline:2px solid rgba(11,128,105,.30);outline-offset:2px}
#app.app-shell .screen{
  scroll-padding-bottom:104px;
}
#app.app-shell{
  padding-bottom:104px!important;
}
@supports (padding-bottom:env(safe-area-inset-bottom)){
  #app.app-shell{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
  #app.app-shell .theta-bottom-nav{padding-bottom:calc(5px + env(safe-area-inset-bottom))!important}
}

/* Appointment card — compact reference density without changing live data/behavior. */
#app.app-shell .theta-next-appointment{
  min-height:98px!important;
  margin-bottom:10px!important;
  padding:11px 13px!important;
  border-radius:21px!important;
  box-shadow:0 7px 20px rgba(31,65,59,.055)!important;
}
#app.app-shell .theta-next-appointment-copy{padding:1px 4px 1px 12px!important}
#app.app-shell .theta-next-appointment-copy span{font-size:13px!important;margin-bottom:4px!important}
#app.app-shell .theta-next-appointment-copy strong{font-size:10.8px!important;line-height:1.65!important}
#app.app-shell .theta-next-appointment-copy small{font-size:8px!important;line-height:1.55!important}
#app.app-shell .theta-next-appointment-action{gap:7px!important;padding-right:10px!important}
#app.app-shell .theta-next-appointment-icon{width:38px!important;height:38px!important}
#app.app-shell .theta-next-appointment-icon svg{width:22px!important;height:22px!important}
#app.app-shell .theta-next-appointment-action button{min-height:33px!important;border-radius:12px!important;font-size:9.4px!important;padding:7px 8px!important}

/* Core four actions — match approved compact cards rather than tall legacy quick tiles. */
#app.app-shell .theta-core-actions{margin:9px 0 11px!important;padding:0!important}
#app.app-shell .theta-core-actions-grid{gap:7px!important}
#app.app-shell .theta-core-action{
  min-height:82px!important;
  border-radius:17px!important;
  padding:8px 3px 7px!important;
  gap:5px!important;
  box-shadow:0 6px 18px rgba(26,73,65,.055)!important;
}
#app.app-shell .theta-core-action-icon{width:35px!important;height:35px!important}
#app.app-shell .theta-core-action-icon svg{width:21px!important;height:21px!important}
#app.app-shell .theta-core-action strong{font-size:9.2px!important;line-height:1.45!important}
#app.app-shell .theta-core-action-badge{top:5px!important;left:5px!important;min-width:17px!important;height:17px!important;line-height:17px!important;font-size:6.8px!important}

/* Specialists strip — compact four-card presentation from the approved Home mockup. */
#app.app-shell .theta-online-specialists{
  margin:8px 0 14px!important;
  padding:10px 9px 10px!important;
  border-radius:19px!important;
  box-shadow:0 7px 20px rgba(26,73,65,.052)!important;
}
#app.app-shell .theta-online-specialists-head{margin:0 1px 8px!important}
#app.app-shell .theta-online-specialists-head h2{font-size:12.2px!important;line-height:1.4!important}
#app.app-shell .theta-online-specialists-head small{font-size:7.5px!important;line-height:1.5!important}
#app.app-shell .theta-online-specialists-head>button{padding:6px 8px!important;font-size:7.6px!important}
#app.app-shell .theta-online-specialists-grid{gap:4px!important}
#app.app-shell .theta-online-specialist-card{
  min-height:96px!important;
  border-radius:14px!important;
  padding:6px 1px 5px!important;
  gap:2px!important;
  box-shadow:0 3px 10px rgba(34,72,66,.04)!important;
}
#app.app-shell .theta-online-specialist-avatar{width:44px!important;height:44px!important;margin-bottom:2px!important}
#app.app-shell .theta-online-specialist-avatar i{width:9px!important;height:9px!important;border-width:2px!important}
#app.app-shell .theta-online-specialist-card strong{font-size:7.6px!important;line-height:1.45!important;margin-top:1px!important}
#app.app-shell .theta-online-specialist-card small{font-size:6.3px!important;line-height:1.4!important}

/* Bottom dock visual baseline and safe center label. */
#app.app-shell .theta-bottom-nav{
  box-shadow:0 -7px 21px rgba(34,60,55,.06)!important;
}
#app.app-shell .theta-bottom-nav button:not(.nav-book):active{transform:scale(.96)!important}
#app.app-shell .theta-bottom-nav .nav-book .theta-nav-primary:active{transform:scale(.96)!important}
#app.app-shell .theta-bottom-nav .nav-book small{top:59px!important}

/* Consistent pressed feedback for Home actions without animation-heavy motion. */
#app.app-shell .theta-core-action:active,
#app.app-shell .theta-online-specialist-card:active,
#app.app-shell .theta-next-appointment-action button:active,
#app.app-shell .theta-home-hero-cta:active{
  filter:brightness(.985);
}

@media(max-width:390px){
  #app.app-shell .theta-next-appointment{min-height:94px!important;padding:10px 11px!important}
  #app.app-shell .theta-next-appointment-copy span{font-size:12.4px!important}
  #app.app-shell .theta-next-appointment-copy strong{font-size:10.2px!important}
  #app.app-shell .theta-next-appointment-icon{width:36px!important;height:36px!important}
  #app.app-shell .theta-next-appointment-action button{min-height:31px!important;font-size:8.9px!important}
  #app.app-shell .theta-core-actions-grid{gap:6px!important}
  #app.app-shell .theta-core-action{min-height:78px!important;border-radius:16px!important;padding:7px 2px 6px!important}
  #app.app-shell .theta-core-action-icon{width:33px!important;height:33px!important}
  #app.app-shell .theta-core-action-icon svg{width:20px!important;height:20px!important}
  #app.app-shell .theta-core-action strong{font-size:8.6px!important}
  #app.app-shell .theta-online-specialists{padding:9px 7px 9px!important;border-radius:18px!important}
  #app.app-shell .theta-online-specialists-head h2{font-size:11.7px!important}
  #app.app-shell .theta-online-specialists-grid{gap:3px!important}
  #app.app-shell .theta-online-specialist-card{min-height:91px!important;border-radius:13px!important}
  #app.app-shell .theta-online-specialist-avatar{width:41px!important;height:41px!important}
  #app.app-shell .theta-online-specialist-card strong{font-size:7.1px!important}
  #app.app-shell .theta-online-specialist-card small{font-size:5.9px!important}
  #app.app-shell .theta-bottom-nav .nav-book small{top:56px!important}
}
@media(max-width:350px){
  #app.app-shell .theta-next-appointment{grid-template-columns:minmax(0,1.25fr) minmax(100px,.75fr)!important}
  #app.app-shell .theta-core-actions-grid{gap:4px!important}
  #app.app-shell .theta-core-action{min-height:74px!important}
  #app.app-shell .theta-core-action-icon{width:31px!important;height:31px!important}
  #app.app-shell .theta-core-action strong{font-size:8px!important}
  #app.app-shell .theta-online-specialist-card{min-height:86px!important}
  #app.app-shell .theta-online-specialist-avatar{width:38px!important;height:38px!important}
  #app.app-shell .theta-online-specialist-card strong{font-size:6.7px!important}
  #app.app-shell .theta-online-specialist-card small{font-size:5.6px!important}
  #app.app-shell .theta-bottom-nav .nav-book small{top:54px!important}
}
@media(prefers-reduced-motion:reduce){
  #app.app-shell *,#app.app-shell *:before,#app.app-shell *:after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}


/* Theta Wave 1.0 — Phase 1.9.28 HF1
   Header, Hero & Bottom Navigation cross-WebView alignment hotfix.
   Scope: visual only; Android 8 + current Android WebView parity. */

/* 1) Hero: remove the legacy decorative pseudo-element that leaked into the
      upper-left corner and lock the rounded clipping on both old/new WebView. */
#app.app-shell .hero.theta-home-hero{
  overflow:hidden!important;
  isolation:isolate!important;
  -webkit-mask-image:-webkit-radial-gradient(white,black);
}
#app.app-shell .hero.theta-home-hero:after,
#app.app-shell .hero.theta-home-hero:before{
  content:none!important;
  display:none!important;
}
#app.app-shell .theta-home-hero-art{
  overflow:hidden!important;
  border-radius:22px 0 0 22px!important;
  clip-path:inset(0 round 22px 0 0 22px)!important;
}
#app.app-shell .theta-home-hero-copy{
  position:relative!important;
  z-index:2!important;
  overflow:hidden!important;
}

/* 2) Header: closer to the approved reference — softer/deeper shoulders around
      the central brand mark without relying on unsupported modern-only APIs. */
#app.app-shell.is-home .theta-dashboard-topbar:before,
#app.app-shell.is-home .theta-dashboard-topbar:after{
  bottom:-45px!important;
  height:47px!important;
  width:calc(50% - 46px)!important;
}
#app.app-shell.is-home .theta-dashboard-topbar:before{border-bottom-right-radius:58px!important}
#app.app-shell.is-home .theta-dashboard-topbar:after{border-bottom-left-radius:58px!important}
#app.app-shell.is-home .theta-shell-notch{top:55px!important}
#app.app-shell.is-home .screen{padding-top:61px!important}
#app.app-shell .theta-home-identity{
  min-height:88px!important;
  margin-bottom:6px!important;
}
#app.app-shell .theta-home-identity strong{
  font-size:16.4px!important;
  line-height:1.45!important;
}
#app.app-shell .theta-home-identity small{
  margin-top:2px!important;
  font-size:9.6px!important;
  line-height:1.55!important;
}
#app.app-shell .theta-home-reception{
  display:block!important;
  margin-top:1px!important;
  color:#87928f!important;
  font-size:9px!important;
  line-height:1.55!important;
  direction:ltr!important;
  unicode-bidi:embed!important;
  letter-spacing:.15px!important;
}
#app.app-shell .theta-home-identity button{margin-top:1px!important}

/* 3) Bottom dock: one deterministic geometry for Android 8 and current Android.
      Explicit overflow/label baselines prevent old rules and text scaling from
      clipping or moving individual navigation items. */
#app.app-shell .theta-bottom-nav{
  height:84px!important;
  min-height:84px!important;
  padding:9px 5px 7px!important;
  padding-bottom:max(7px,env(safe-area-inset-bottom))!important;
  align-items:end!important;
  overflow:visible!important;
  contain:layout style!important;
}
#app.app-shell .theta-bottom-nav button{
  min-width:0!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  overflow:visible!important;
  padding:4px 1px 3px!important;
  justify-content:flex-end!important;
}
#app.app-shell .theta-bottom-nav button small{
  display:block!important;
  width:100%!important;
  min-height:14px!important;
  height:14px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-size:8.5px!important;
  line-height:14px!important;
  transform:none!important;
}
#app.app-shell .theta-bottom-nav .nav-book{
  position:relative!important;
  align-self:start!important;
  height:78px!important;
  min-height:78px!important;
  margin-top:-34px!important;
  padding:0!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
#app.app-shell .theta-bottom-nav .nav-book .theta-nav-primary,
#app.app-shell .theta-bottom-nav .nav-book>span{
  flex:0 0 54px!important;
  margin:3px auto 0!important;
}
#app.app-shell .theta-bottom-nav .nav-book small{
  position:absolute!important;
  top:75px!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:14px!important;
  min-height:14px!important;
  margin:0!important;
  transform:none!important;
  text-align:center!important;
  font-size:8.6px!important;
  line-height:14px!important;
  color:#0b8069!important;
  font-weight:900!important;
  pointer-events:none!important;
}
#app.app-shell .booking-footer{bottom:96px!important}
#toast.toast{bottom:98px!important}
#app.app-shell .app-chat-sheet-panel{bottom:98px!important}

@supports (padding-bottom:env(safe-area-inset-bottom)){
  #app.app-shell .theta-bottom-nav{
    height:calc(84px + env(safe-area-inset-bottom))!important;
    min-height:calc(84px + env(safe-area-inset-bottom))!important;
    padding-bottom:calc(7px + env(safe-area-inset-bottom))!important;
  }
  #app.app-shell{padding-bottom:calc(108px + env(safe-area-inset-bottom))!important}
}

@media(max-width:390px){
  #app.app-shell.is-home .theta-dashboard-topbar:before,
  #app.app-shell.is-home .theta-dashboard-topbar:after{bottom:-42px!important;height:44px!important;width:calc(50% - 44px)!important}
  #app.app-shell.is-home .theta-shell-notch{top:53px!important}
  #app.app-shell.is-home .screen{padding-top:58px!important}
  #app.app-shell .theta-home-identity{min-height:84px!important}
  #app.app-shell .theta-home-identity strong{font-size:15.8px!important}
  #app.app-shell .theta-home-reception{font-size:8.7px!important}
  #app.app-shell .theta-bottom-nav{height:82px!important;min-height:82px!important}
  #app.app-shell .theta-bottom-nav .nav-book{margin-top:-32px!important;height:76px!important;min-height:76px!important}
  #app.app-shell .theta-bottom-nav .nav-book small{top:72px!important}
  @supports (padding-bottom:env(safe-area-inset-bottom)){
    #app.app-shell .theta-bottom-nav{height:calc(82px + env(safe-area-inset-bottom))!important;min-height:calc(82px + env(safe-area-inset-bottom))!important}
  }
}

@media(max-width:350px){
  #app.app-shell .theta-bottom-nav button small{font-size:8px!important}
  #app.app-shell .theta-bottom-nav .nav-book small{top:70px!important;font-size:8.2px!important}
}


/* Theta 1.9.51 — luxury splash loading overlay */
.alo-app-splash{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle at 50% 38%,rgba(93,221,177,.12) 0%,rgba(255,255,255,.0) 34%),linear-gradient(180deg,#fbfefd 0%,#eef8f4 55%,#edf6f3 100%);opacity:1;visibility:visible;transition:opacity .32s ease,visibility .32s ease}
.alo-app-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.alo-app-splash-stage{position:relative;display:grid;place-items:center;width:164px;height:164px}
.alo-app-splash-glow{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,rgba(66,214,159,.22) 0%,rgba(49,197,150,.08) 42%,rgba(49,197,150,0) 72%);filter:blur(8px);opacity:.95}
.alo-app-splash-halo{position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle,rgba(31,196,135,.18) 0%,rgba(31,196,135,.07) 48%,rgba(31,196,135,0) 74%);animation:aloSplashPulse 2.2s ease-in-out infinite}
.alo-app-splash-ring{position:absolute;border-radius:50%;pointer-events:none}
.alo-app-splash-ring-primary{inset:8px;border:3px solid rgba(28,185,129,.12);border-top-color:rgba(28,185,129,.92);border-right-color:rgba(93,210,154,.88);box-shadow:0 0 0 1px rgba(17,147,136,.04) inset,0 14px 34px rgba(31,166,130,.08);animation:aloSplashSpin 1.8s linear infinite}
.alo-app-splash-ring-secondary{inset:0;border:1.5px dashed rgba(76,196,160,.34);opacity:.72;animation:aloSplashSpinReverse 7s linear infinite}
.alo-app-splash-orbit{position:absolute;inset:0;animation:aloSplashSpin 8.5s linear infinite}
.alo-app-splash-orbit i{position:absolute;display:block;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#1fc387,#7be6c0);box-shadow:0 0 0 4px rgba(52,203,150,.12),0 6px 12px rgba(20,120,94,.12)}
.alo-app-splash-orbit i:nth-child(1){top:13px;left:50%;transform:translateX(-50%)}
.alo-app-splash-orbit i:nth-child(2){right:20px;bottom:38px;width:7px;height:7px;opacity:.8}
.alo-app-splash-orbit i:nth-child(3){left:18px;bottom:44px;width:6px;height:6px;opacity:.72}
.alo-app-splash-core{position:relative;z-index:1;display:grid;place-items:center;width:100px;height:100px;padding:12px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(246,252,250,.97));box-shadow:0 22px 44px rgba(20,91,76,.15),0 0 0 1px rgba(38,164,123,.09) inset,0 10px 20px rgba(255,255,255,.7) inset}
.alo-app-splash-core:after{content:"";position:absolute;inset:1px;border-radius:29px;background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,255,255,0));pointer-events:none}
.alo-app-splash-core img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(11,125,101,.1))}
.alo-app-splash strong{color:#0d766e;font-size:20px;font-weight:900;letter-spacing:-.24px}
.alo-app-splash small{color:#6b8a84;font-size:11px;font-weight:700}
@keyframes aloSplashSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes aloSplashSpinReverse{from{transform:rotate(360deg)}to{transform:rotate(0)}}
@keyframes aloSplashPulse{0%,100%{transform:scale(.94);opacity:.74}50%{transform:scale(1.06);opacity:1}}
@media (prefers-reduced-motion:reduce){.alo-app-splash-halo,.alo-app-splash-ring-primary,.alo-app-splash-ring-secondary,.alo-app-splash-orbit{animation:none}}

/* Theta 1.9.51 — premium service poster hub */
#app.app-shell .service-hub-head{margin-bottom:16px}
#app.app-shell .service-hub-poster-list{display:flex;flex-direction:column;gap:14px}
#app.app-shell .service-hub-poster-card{padding:0;border:1px solid rgba(166,214,199,.7);border-radius:28px;background:linear-gradient(180deg,#ffffff,#f7fcfa);box-shadow:0 16px 34px rgba(25,89,74,.08),0 0 0 1px rgba(255,255,255,.7) inset;overflow:hidden;text-align:right;font-family:inherit;color:#173b38;position:relative}
#app.app-shell .service-hub-poster-card:before{content:"";position:absolute;inset:0;border-radius:28px;padding:1px;background:linear-gradient(135deg,rgba(39,194,138,.36),rgba(39,194,138,.06) 45%,rgba(126,217,186,.3) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
#app.app-shell .service-hub-poster-media{display:block;position:relative;background:#f3f8f6;aspect-ratio:16/6.2;overflow:hidden}
#app.app-shell .service-hub-poster-media img{display:block;width:100%;height:100%;object-fit:cover}
#app.app-shell .service-hub-poster-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px 14px}
#app.app-shell .service-hub-poster-meta>b{display:block;font-size:12.5px;color:#113c38}
#app.app-shell .service-hub-poster-meta>small{display:block;flex:1;font-size:8.8px;line-height:1.85;color:#6f8582}
#app.app-shell .service-hub-poster-meta>i{font-style:normal;white-space:nowrap;font-size:9px;font-weight:800;color:#0d7b66;background:rgba(223,247,239,.9);border:1px solid rgba(77,196,160,.28);border-radius:999px;padding:7px 10px;box-shadow:0 6px 12px rgba(24,127,102,.06)}
@media (max-width:370px){#app.app-shell .service-hub-poster-meta{flex-wrap:wrap}#app.app-shell .service-hub-poster-meta>i{margin-inline-start:auto}}



/* Theta 1.9.72 — passwordless OTP mobile login */
.otp-login-page .page-title{margin-top:8px}
.otp-auth-card{padding:18px 16px!important;border:1px solid rgba(13,148,136,.10);box-shadow:0 12px 32px rgba(15,118,110,.07)}
.otp-stage-badge{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:30px;padding:0 12px;margin:0 auto 14px;border-radius:999px;background:linear-gradient(135deg,#e8faf4,#eef8ff);color:#087f68;font-size:11px;font-weight:900}
.otp-stage-badge.is-code{background:linear-gradient(135deg,#eef8ff,#f4efff);color:#395f9a}
.otp-primary-form,.otp-verify-form{max-width:420px;margin-inline:auto}
.otp-main-btn{min-height:48px;border-radius:15px!important;font-size:14px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(15,118,110,.15)}
.otp-login-page .field input{min-height:48px;border-radius:14px!important;background:#fbfefd!important;border:1px solid #dcebe6!important}
.otp-login-page .field input:focus{border-color:#46b79e!important;box-shadow:0 0 0 3px rgba(70,183,158,.10)!important}
.otp-code-input{height:58px!important;font-size:25px!important;letter-spacing:11px!important;background:#f9fbff!important;border-color:#dbe4f2!important}
.otp-sent-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:0 0 14px;padding:11px 12px;border-radius:14px;background:#f6fbfa;color:#627975;font-size:11px;line-height:1.8}
.otp-sent-card strong{color:#0f766e;font-size:13px}
.otp-resend-row,.otp-secondary-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.otp-resend-btn,.otp-edit-btn,.otp-link-btn{border:0;background:transparent;font-family:inherit;font-size:11px;font-weight:900;cursor:pointer;padding:7px 9px;border-radius:9px}
.otp-resend-btn{color:#087f68;background:#edf9f5}.otp-resend-btn:disabled{opacity:.48;cursor:default}
.otp-edit-btn{color:#56716b;background:#f3f6f5}.otp-link-btn{color:#54736d;text-decoration:none}
.otp-hint{margin:9px 0 0!important;font-size:10.5px!important;line-height:1.9!important;color:#80928e!important;text-align:center}
.otp-runtime-marker{margin:10px 0 0!important;padding:7px 9px;border-radius:10px;text-align:center!important;font-size:8.5px!important;line-height:1.7!important;font-weight:800;direction:rtl}.otp-runtime-marker.is-ready{color:#55736d;background:#f2f8f6;border:1px solid #d9ebe5}.otp-runtime-marker.is-pending{color:#755500;background:#fff8dc;border:1px solid #f1dc91}.otp-runtime-marker.is-error{color:#8f1d1d;background:#fff0f0;border:1px solid #efb4b4}
@media(max-width:380px){.otp-auth-card{padding:15px 13px!important}.otp-code-input{letter-spacing:8px!important;font-size:23px!important}}

/* Theta 1.9.76 — event registration facts */
.event-banner-stats,.event-hub-facts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.event-banner-stats span,.event-hub-facts span{font-size:11px;font-weight:800;border-radius:999px;padding:5px 8px;background:rgba(15,118,110,.10);color:#0f766e}.event-banner-copy .event-banner-stats+ b{margin-top:8px}.event-hub-action{display:inline-flex;margin-top:10px;color:#0f766e;font-size:12px}.events-hub-card .event-hub-facts{margin-top:10px}

/* Theta 1.9.77 — event catalogue -> event detail flow */
#app.app-shell .event-list-link{border:0;font-family:inherit;cursor:pointer}#app.app-shell .events-page-head{margin-bottom:14px}#app.app-shell .event-card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}#app.app-shell .event-card-topline i{font-style:normal;font-size:8px;font-weight:800;color:#7a5c00;background:#fff7d6;border-radius:999px;padding:4px 7px}#app.app-shell .events-hub-card{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}#app.app-shell .events-hub-card:active{transform:scale(.992)}#app.app-shell .app-event-detail-page{padding-bottom:20px}#app.app-shell .event-back-to-list{border:0;background:transparent;color:#0f766e;font:800 10px inherit;padding:4px 0 12px;cursor:pointer}#app.app-shell .event-detail-hero{overflow:hidden;border:1px solid #dcebe7;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(16,91,76,.06)}#app.app-shell .event-detail-hero>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#edf6f3}#app.app-shell .event-detail-hero>div{padding:14px}#app.app-shell .event-detail-hero>div>span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eaf8f4;color:#0f766e;font-size:8px;font-weight:900}#app.app-shell .event-detail-hero h1{font-size:17px;line-height:1.75;margin:7px 0 4px;color:#173b38}#app.app-shell .event-detail-hero p{font-size:10px;line-height:1.9;color:#738783;margin:0}#app.app-shell .event-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0}#app.app-shell .event-detail-facts>div{padding:10px;border:1px solid #e3efec;border-radius:15px;background:#fff}#app.app-shell .event-detail-facts small,#app.app-shell .event-detail-facts b{display:block}#app.app-shell .event-detail-facts small{font-size:8px;color:#81938f;margin-bottom:4px}#app.app-shell .event-detail-facts b{font-size:10px;color:#173b38}#app.app-shell .event-detail-layout{display:grid;gap:10px}#app.app-shell .event-detail-card,#app.app-shell .event-detail-register{border:1px solid #dcebe7;border-radius:19px;background:#fff;padding:14px;margin-bottom:9px;box-shadow:0 8px 20px rgba(16,91,76,.04)}#app.app-shell .event-detail-card h2,#app.app-shell .event-detail-register h2{font-size:13px;margin:0 0 8px;color:#173b38}#app.app-shell .event-detail-card p{white-space:pre-line;font-size:10px;line-height:2;color:#667c78;margin:0}#app.app-shell .event-detail-info{display:grid;gap:8px}#app.app-shell .event-detail-info>div{padding:9px 10px;border-radius:13px;background:#f7fbfa}#app.app-shell .event-detail-info span,#app.app-shell .event-detail-info b{display:block}#app.app-shell .event-detail-info span{font-size:8px;color:#84938f;margin-bottom:3px}#app.app-shell .event-detail-info b{font-size:10px}#app.app-shell .event-detail-capacity{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border-radius:14px;background:#eaf8f4;color:#0f766e;margin-bottom:12px}#app.app-shell .event-detail-capacity span{font-size:9px}#app.app-shell .event-detail-capacity b{font-size:11px}#app.app-shell .app-event-register-form{display:grid;gap:9px}#app.app-shell .app-event-register-form>label>span{display:block;font-size:9px;font-weight:800;margin-bottom:5px;color:#405c57}#app.app-shell .app-event-register-form input[type=text],#app.app-shell .app-event-register-form input[type=tel],#app.app-shell .app-event-register-form input[type=email]{width:100%;box-sizing:border-box;min-height:43px;border:1px solid #d8e7e3;border-radius:12px;background:#fff;padding:8px 10px;font:11px inherit;color:#173b38;outline:none}#app.app-shell .app-event-register-form input:focus{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.08)}#app.app-shell .app-event-terms{display:flex!important;align-items:flex-start;gap:8px;padding:7px 2px}#app.app-shell .app-event-terms>span{font-size:8px!important;line-height:1.8;margin:0!important;font-weight:600!important}#app.app-shell .app-event-register-form>button{min-height:46px;border:0;border-radius:13px;background:#0f766e;color:#fff;font:900 11px inherit;cursor:pointer}#app.app-shell .event-detail-closed{padding:14px;border-radius:14px;background:#f4f7f6;text-align:center}#app.app-shell .event-detail-closed b,#app.app-shell .event-detail-closed small{display:block}#app.app-shell .event-detail-closed b{font-size:11px}#app.app-shell .event-detail-closed small{font-size:8px;color:#748781;margin-top:5px}#app.app-shell .alo-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Theta 1.9.80 OTP inline diagnostics */
.otp-inline-status{margin-top:14px;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.8;text-align:right}.otp-inline-status.is-error{background:#fff2f2;border:1px solid #f1b8b8;color:#8f1d1d}.otp-inline-status.is-success{background:#eefbf6;border:1px solid #b6e8d3;color:#0c6b50}

/* Theta 1.9.85 — AI Assistant app embedding */
.theta-ai-app-page{height:calc(100dvh - var(--theta-bottom-nav-space,84px));min-height:520px;margin:-4px -4px 0;overflow:hidden;background:#f6faf9}.theta-ai-app-page iframe{display:block;width:100%;height:100%;border:0;background:#f6faf9}@supports not (height:100dvh){.theta-ai-app-page{height:calc(100vh - 84px)}}

.theta-ai-home-card{margin:14px 0 18px;padding:16px;display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;border:1px solid rgba(15,118,110,.18);border-radius:22px;background:linear-gradient(135deg,#f9fffd,#eaf8f4);box-shadow:0 12px 30px rgba(15,118,110,.08)}.theta-ai-home-orb{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px;background:radial-gradient(circle,#fff 0 22%,#8dd9ca 24% 43%,#0f766e 45% 100%);box-shadow:0 0 0 5px rgba(15,118,110,.08),0 8px 18px rgba(15,118,110,.18)}.theta-ai-home-card small{display:block;font-size:9px;letter-spacing:1px;color:#258a80;font-weight:800}.theta-ai-home-card h2{font-size:15px;margin:3px 0 4px;color:#173b3a}.theta-ai-home-card p{font-size:10px;line-height:1.7;color:#617a78;margin:0}.theta-ai-home-card button{border:0;border-radius:14px;background:#0f766e;color:#fff;padding:10px 12px;font:inherit;font-size:10px;font-weight:800;white-space:nowrap;box-shadow:0 7px 16px rgba(15,118,110,.16)}@media(max-width:390px){.theta-ai-home-card{grid-template-columns:46px 1fr;padding:13px}.theta-ai-home-orb{width:44px;height:44px}.theta-ai-home-card button{grid-column:1/-1;width:100%}}

/* Theta 1.9.85.2.9 — website/mobile booking availability parity */
#app.app-shell .date-card{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}
#app.app-shell .date-card .date-capacity{margin-top:4px;font-size:8px;font-weight:800;color:#0f766e;white-space:nowrap}
#app.app-shell .date-card.is-full{background:#f5f7f6;border-color:#e0e8e6;color:#81908d}
#app.app-shell .date-card.is-full .date-capacity{color:#9a6b12}
#app.app-shell .date-card.is-full.selected{background:#fff7df;border:2px solid #d6a83d;color:#6d5a2c}
#app.app-shell .date-card.selected .date-capacity{color:#fff}
#app.app-shell .date-card.is-full.selected .date-capacity{color:#8a6410}
#app.app-shell .time-btn{min-height:48px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 4px}
#app.app-shell .time-btn span{display:block}
#app.app-shell .time-btn small{display:block;font-size:8px;font-weight:800}
#app.app-shell .time-btn.is-full,#app.app-shell .time-btn:disabled{opacity:1;background:#f3f5f4;border-color:#e0e6e4;color:#8b9693;box-shadow:none}
#app.app-shell .time-btn.is-full small{color:#9a6b12}


/* Theta 1.9.85.3 — Floating Live Chat Popup Foundation
   Approved direction: upper-left floating chat icon + compact reception popup. */
#app.app-shell .alo-floating-live-chat{
  position:fixed;
  top:78px;
  top:calc(78px + env(safe-area-inset-top));
  left:14px;
  z-index:58;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(16,139,111,.16);
  border-radius:50%;
  background:rgba(255,255,255,.98);
  color:#0b8e78;
  box-shadow:0 10px 28px rgba(21,83,72,.18);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease;
}
#app.app-shell .alo-floating-live-chat:active{transform:scale(.96)}
#app.app-shell .alo-floating-live-chat:focus-visible{outline:3px solid rgba(22,166,128,.20);outline-offset:3px}
#app.app-shell .alo-floating-live-chat-icon{width:29px;height:29px;display:grid;place-items:center}
#app.app-shell .alo-floating-live-chat-icon svg{width:29px;height:29px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#app.app-shell .alo-floating-live-chat-dot{position:absolute;left:3px;bottom:4px;width:11px;height:11px;border-radius:50%;background:#20b979;border:2px solid #fff;box-shadow:0 0 0 3px rgba(32,185,121,.14)}
#app.app-shell .alo-floating-live-chat.is-chat-open{background:#e7f8f2;color:#087a65;box-shadow:0 12px 30px rgba(13,116,93,.23)}
#app.app-shell .alo-floating-live-chat.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.94)}

/* Compact popup anchored visually below the floating chat control. */
#app.app-shell .app-chat-sheet-backdrop{inset:64px 0 84px;background:rgba(13,52,46,.10);backdrop-filter:blur(1px)}
#app.app-shell .app-chat-sheet-panel{
  left:14px;
  right:auto;
  top:140px;
  top:calc(140px + env(safe-area-inset-top));
  bottom:auto!important;
  width:calc(100vw - 28px);
  max-width:420px;
  height:56vh;
  max-height:500px;
  min-height:340px;
  border-radius:23px;
  transform:translateY(-10px) scale(.985);
  transform-origin:top left;
}
#app.app-shell .app-chat-sheet.is-open .app-chat-sheet-panel{transform:translateY(0) scale(1)}
#app.app-shell .app-chat-sheet-head{min-height:66px;padding:10px 13px;background:linear-gradient(145deg,#0d987e,#0b8069);border-bottom-color:rgba(255,255,255,.16)}
#app.app-shell .app-chat-sheet-head>div{text-align:right}
#app.app-shell .app-chat-sheet-head span{color:#dff8ef;font-size:9px}
#app.app-shell .app-chat-sheet-head span i{background:#79efb7;box-shadow:0 0 0 4px rgba(121,239,183,.15)}
#app.app-shell .app-chat-sheet-head strong{color:#fff;font-size:14px}
#app.app-shell .app-chat-sheet-head small{color:rgba(255,255,255,.82);font-size:9px}
#app.app-shell .app-chat-sheet-close{background:rgba(255,255,255,.16);color:#fff}
#app.app-shell .app-chat-sheet-frame{background:#f8fbfa}
@media(max-width:360px){
  #app.app-shell .alo-floating-live-chat{left:10px;width:48px;height:48px}
  #app.app-shell .app-chat-sheet-panel{left:9px;width:calc(100vw - 18px);top:132px;top:calc(132px + env(safe-area-inset-top));min-height:320px}
}
@media(max-height:600px){
  #app.app-shell .alo-floating-live-chat{top:68px;top:calc(68px + env(safe-area-inset-top))}
  #app.app-shell .app-chat-sheet-panel{top:124px;top:calc(124px + env(safe-area-inset-top));height:52vh;min-height:280px;max-height:390px}
}
@media(prefers-reduced-motion:reduce){#app.app-shell .alo-floating-live-chat{transition:none!important}}


/* Theta 1.9.85.3.1 — FINAL Live Chat UI
   User-approved direction: taller vertical popup, one integrated green header,
   larger conversation area, no duplicated outer/inner green header. */
#app.app-shell .app-chat-sheet-backdrop{
  inset:64px 0 82px!important;
  background:rgba(10,48,42,.15)!important;
  -webkit-backdrop-filter:blur(1.5px);
  backdrop-filter:blur(1.5px);
}
#app.app-shell .app-chat-sheet-panel.app-chat-sheet-panel-final{
  left:18px!important;
  right:18px!important;
  top:118px!important;
  top:calc(118px + env(safe-area-inset-top))!important;
  bottom:90px!important;
  width:auto!important;
  max-width:430px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 auto!important;
  border:1px solid rgba(198,229,221,.98)!important;
  border-radius:30px!important;
  background:#f8fbfa!important;
  overflow:hidden!important;
  box-shadow:0 26px 66px rgba(12,72,62,.30)!important;
  transform:translateY(-8px) scale(.99)!important;
  transform-origin:top center!important;
}
#app.app-shell .app-chat-sheet.is-open .app-chat-sheet-panel.app-chat-sheet-panel-final{
  transform:translateY(0) scale(1)!important;
}
#app.app-shell .app-chat-sheet-panel-final .app-chat-sheet-frame{
  position:relative;
  z-index:1;
  display:block;
  flex:1 1 auto;
  width:100%;
  height:100%;
  min-height:0;
  border:0;
  border-radius:inherit;
  background:#f7fbfa;
}
#app.app-shell .app-chat-sheet-close-overlay{
  position:absolute!important;
  z-index:6!important;
  top:15px!important;
  left:15px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  flex:0 0 46px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:300!important;
  line-height:1!important;
  box-shadow:0 6px 18px rgba(2,67,55,.10)!important;
  -webkit-tap-highlight-color:transparent;
}
#app.app-shell .app-chat-sheet-close-overlay:active{transform:scale(.95)}
#app.app-shell .app-chat-sheet-panel-final.is-keyboard-open{
  left:8px!important;
  right:8px!important;
  border-radius:22px!important;
}
#app.app-shell .app-chat-sheet-panel-final.is-keyboard-open .app-chat-sheet-close-overlay{
  top:9px!important;
  left:9px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  font-size:26px!important;
}
@media(max-width:390px){
  #app.app-shell .app-chat-sheet-panel.app-chat-sheet-panel-final{
    left:10px!important;
    right:10px!important;
    top:112px!important;
    top:calc(112px + env(safe-area-inset-top))!important;
    bottom:86px!important;
    border-radius:27px!important;
  }
}
@media(max-height:680px){
  #app.app-shell .app-chat-sheet-panel.app-chat-sheet-panel-final{
    top:98px!important;
    top:calc(98px + env(safe-area-inset-top))!important;
    bottom:82px!important;
    border-radius:24px!important;
  }
}
@media(max-height:560px){
  #app.app-shell .app-chat-sheet-panel.app-chat-sheet-panel-final{
    top:78px!important;
    top:calc(78px + env(safe-area-inset-top))!important;
    bottom:74px!important;
  }
}


/* Theta 1.9.85.3.2 — Live Chat UI Refinement
   User-approved proportions: compact tall popup, more breathing room around it,
   smaller close control and preserved Android WebView keyboard behavior. */
#app.app-shell .app-chat-sheet-backdrop{
  inset:72px 0 88px!important;
  background:rgba(10,48,42,.13)!important;
}
#app.app-shell .app-chat-sheet-panel.app-chat-sheet-panel-final{
  left:5vw!important;
  right:5vw!important;
  top:118px!important;
  top:calc(118px + env(safe-area-inset-top))!important;
  bottom:auto!important;
  width:90vw!important;
  max-width:420px!important;
  height:68vh!important;
  height:68dvh!important;
  min-height:420px!important;
  max-height:590px!important;
  margin:0 auto!important;
  border-radius:27px!important;
  box-shadow:0 22px 58px rgba(12,72,62,.26)!important;
}
#app.app-shell .app-chat-sheet-close-overlay{
  top:12px!important;
  left:12px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  flex-basis:42px!important;
  border-radius:14px!important;
  font-size:28px!important;
}
#app.app-shell .app-chat-sheet-panel-final.is-keyboard-open{
  left:8px!important;
  right:8px!important;
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
}
@media(max-width:390px){
  #app.app-shell .app-chat-sheet-panel.app-chat-sheet-panel-final{
    left:12px!important;
    right:12px!important;
    top:108px!important;
    top:calc(108px + env(safe-area-inset-top))!important;
    width:auto!important;
    height:69vh!important;
    height:69dvh!important;
    min-height:400px!important;
    max-height:570px!important;
    border-radius:25px!important;
  }
}
@media(max-height:680px){
  #app.app-shell .app-chat-sheet-panel.app-chat-sheet-panel-final{
    top:94px!important;
    top:calc(94px + env(safe-area-inset-top))!important;
    height:67vh!important;
    height:67dvh!important;
    min-height:350px!important;
    max-height:500px!important;
  }
}
@media(max-height:560px){
  #app.app-shell .app-chat-sheet-panel.app-chat-sheet-panel-final{
    top:76px!important;
    top:calc(76px + env(safe-area-inset-top))!important;
    height:65vh!important;
    height:65dvh!important;
    min-height:300px!important;
    max-height:420px!important;
  }
}

/* Theta 1.9.85.3.6 — live chat presence parity */
#app.app-shell .alo-floating-live-chat-dot{
  animation:alo-floating-live-chat-presence-pulse 1.7s ease-in-out infinite;
  transform-origin:center;
}
@keyframes alo-floating-live-chat-presence-pulse{
  0%,100%{transform:scale(.82);opacity:.68;box-shadow:0 0 0 2px rgba(32,185,121,.10)}
  50%{transform:scale(1.12);opacity:1;box-shadow:0 0 0 7px rgba(32,185,121,.16)}
}
@media(prefers-reduced-motion:reduce){
  #app.app-shell .alo-floating-live-chat-dot{animation:none!important;transform:none!important;opacity:1!important}
}

/* Final booking UX: scoped controls; no animation dependency. */
#app.app-shell #backBtn.booking-step-back{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:108px;min-height:44px;padding:6px 12px;border-radius:12px;font-size:14px;line-height:1.4;white-space:nowrap;direction:rtl;}
#app.app-shell #backBtn.booking-step-back:disabled{opacity:.4;cursor:default;}
#app.app-shell #backBtn.booking-step-back span:first-child{font-size:28px;line-height:1;}
.booking-step-context{margin:8px 0;text-align:center;font-size:13px;color:#52636c;direction:rtl;}
.specialist-card.booking-selected{outline:2px solid #197c69;outline-offset:-2px;background:#edf8f4;}

#app.app-shell.is-booking .theta-dashboard-topbar{grid-template-columns:46px minmax(0,1fr) 108px!important;gap:4px;}