:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--color-primary:#0e7490;--color-primary-soft:#0891b2;--color-primary-muted:#e0f7fa;--color-secondary:#67e8f9;--color-cta:#059669;--color-cta-hover:#047857;--color-bg:#f3f8f8;--color-surface:#fff;--color-text:#0f2f2c;--color-text-muted:#3f6864;--color-border:#d5e3e1;--color-danger:#b91c1c;--color-warning:#b45309;--color-featured:#ca8a04;--color-disabled-bg:#e5e7eb;--color-disabled-text:#9ca3af;--color-warning-bg:#fffbeb;--color-cta-soft-bg:#ecfdf5;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius:18px;--radius-sm:12px;--radius-lg:24px;--radius-pill:999px;--touch-min:48px;--font-size-min:16px;--shadow-sm:0 2px 8px #0f2f2c0f;--shadow-card:0 8px 28px #0e74901f;--shadow-float:0 12px 32px #0e749038;--focus-ring:0 0 0 3px #0e749066;--motion-fast:.15s;--motion-normal:.22s;--motion-slow:.3s;--ease:cubic-bezier(.22, 1, .36, 1);--header-grad:linear-gradient(165deg, #0e7490 0%, #0891b2 55%, #5eead4 130%)}[lang=ar],[dir=rtl]{font-family:Noto Sans Arabic,Noto Sans,sans-serif}[lang=en],[dir=ltr]{font-family:Noto Sans,Figtree,sans-serif}[lang=en] h1,[lang=en] h2,[lang=en] .heading{font-family:Figtree,Noto Sans,sans-serif}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--color-primary:#0e7490;--color-primary-soft:#0891b2;--color-primary-muted:#e0f7fa;--color-secondary:#67e8f9;--color-cta:#059669;--color-cta-hover:#047857;--color-bg:#f3f8f8;--color-surface:#fff;--color-text:#0f2f2c;--color-text-muted:#3f6864;--color-border:#d5e3e1;--color-danger:#b91c1c;--color-warning:#b45309;--color-featured:#ca8a04;--color-disabled-bg:#e5e7eb;--color-disabled-text:#9ca3af;--color-warning-bg:#fffbeb;--color-cta-soft-bg:#ecfdf5;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius:18px;--radius-sm:12px;--radius-lg:24px;--radius-pill:999px;--touch-min:48px;--font-size-min:16px;--shadow-sm:0 2px 8px #0f2f2c0f;--shadow-card:0 8px 28px #0e74901f;--shadow-float:0 12px 32px #0e749038;--focus-ring:0 0 0 3px #0e749066;--motion-fast:.15s;--motion-normal:.22s;--motion-slow:.3s;--ease:cubic-bezier(.22, 1, .36, 1);--header-grad:linear-gradient(165deg, #0e7490 0%, #0891b2 55%, #5eead4 130%)}*,:before,:after{box-sizing:border-box}img{object-fit:cover;max-width:100%;height:auto;display:block}body{color:var(--color-text);font-size:var(--font-size-min);background:#cfd9db;margin:0;line-height:1.55}button,a.btn,.btn,.choice,.slot,.chip-btn,.day-pill,.doc-card,.place-card,.seg-btn,.lang,.app-btm button,.icon-btn{cursor:pointer;font:inherit;transition:background-color var(--motion-normal) var(--ease), border-color var(--motion-normal) var(--ease), color var(--motion-normal) var(--ease), box-shadow var(--motion-normal) var(--ease), transform var(--motion-fast) var(--ease)}button:focus-visible,.btn:focus-visible,.field:focus-visible,input:focus-visible,select:focus-visible,.icon-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.ico{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.ico-sm{width:18px;height:18px}.ui-app{grid-template-columns:minmax(220px,280px) 1fr;min-height:100vh;display:grid}@media (width<=900px){.ui-app{grid-template-columns:1fr}.ui-side .screen-list{display:none}.ui-side .jump-wrap{display:block}}.ui-side{background:var(--color-surface);border-inline-end:1px solid var(--color-border);padding:var(--space-md);overscroll-behavior:contain;overflow:auto}.ui-side h1{margin:0 0 var(--space-xs);color:var(--color-primary);font-size:1.05rem}.ui-side .sub{margin:0 0 var(--space-md);color:var(--color-text-muted);font-size:.78rem}.ui-side .group{color:var(--color-text-muted);margin:var(--space-md) 0 var(--space-xs);font-size:.68rem;font-weight:700}.ui-side .screen-list button{text-align:start;border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--color-text);background:0 0;border:0;padding:.5rem .65rem;font-size:.82rem;font-weight:600;display:block}.ui-side .screen-list button.on{background:var(--color-primary);color:#fff}.ui-side .jump-wrap{margin-bottom:var(--space-md);display:none}.ui-side .jump-wrap label{margin-bottom:var(--space-xs);color:var(--color-text-muted);font-size:.75rem;font-weight:700;display:block}.ui-side #jump{width:100%;min-height:var(--touch-min);font:inherit;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:.4rem .55rem}.ui-main{align-items:center;gap:var(--space-sm);padding:var(--space-md);flex-direction:column;display:flex}.ui-meta{color:var(--color-text-muted);text-align:center;font-size:.75rem}.sizes{gap:var(--space-sm);display:flex}.sizes button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-pill);min-height:36px;padding:.35rem .85rem;font-size:.78rem;font-weight:700}.sizes button.on{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.phone{--pw:390px;--ph:780px;width:var(--pw);height:var(--ph);background:var(--color-bg);border:1px solid var(--color-border);border-radius:32px;max-width:100%;position:relative;overflow:hidden;box-shadow:0 24px 56px #0f2f2c2e}.phone.m{--pw:390px;--ph:780px}.phone.t{--pw:760px;--ph:900px}.phone.d{--pw:1000px;--ph:900px}.screen{background:var(--color-bg);position:absolute;inset:0;overflow:hidden;display:none!important}.screen.show{flex-direction:column;display:flex!important}.screen.has-btm .pad,.screen.has-btm .scroll-body{padding-bottom:96px}.bar{height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}.pad,.scroll-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:.9rem;min-height:0;padding:1rem 1.1rem;display:flex;overflow-y:auto}.hero-head{background:linear-gradient(165deg,#0e7490 0%,#0891b2 55%,#5eead4 130%);background:var(--header-grad);color:#fff;border-radius:0 0 28px 28px;flex:none;padding:1.15rem 1.15rem 1.5rem;position:relative}.hero-head .row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.greet{opacity:.92;margin:0;font-size:.82rem;font-weight:500}.greet .name{letter-spacing:-.01em;margin-top:.2rem;font-size:1.22rem;font-weight:800;display:block}.avatar-sm{border:2px solid #ffffffd9;border-radius:50%;flex-shrink:0;object-fit:cover!important;width:44px!important;max-width:44px!important;height:44px!important}.icon-btn{color:#fff;background:#fff3;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:relative}.icon-btn .dot{top:10px;background:#f87171;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-end:10px}.page-head{justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1rem .35rem;display:flex}.page-head h2{margin:0;font-size:1.05rem;font-weight:800}.back-btn{background:var(--color-surface);width:44px;height:44px;box-shadow:var(--shadow-sm);color:var(--color-text);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.lang-switch{gap:4px;display:flex}.lang-switch .lang{border-radius:var(--radius-pill);color:#fff;background:#ffffff38;border:0;min-width:40px;min-height:36px;font-size:.75rem;font-weight:700}.lang-switch .lang.on{color:var(--color-primary);background:#fff}.top-chrome-light{background:var(--color-surface);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.brand-mini{color:var(--color-primary);font-size:.95rem;font-weight:800}.logo{object-fit:contain;width:auto;max-width:100%;height:auto;display:block}.logo--sm{width:auto;height:32px}.logo--md{width:auto;height:44px}.logo--lg{width:auto;max-width:220px;height:52px}.logo--mark{width:56px;height:56px}.hub .logo--lg{max-width:280px;height:64px;margin:0 auto 1rem}.top-chrome-light .lang{background:var(--color-primary-muted);color:var(--color-primary)}.top-chrome-light .lang.on{background:var(--color-primary);color:#fff}.splash{color:#fff;background:#0e7490;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.splash-photo{background-position:top;background-size:cover;position:absolute;inset:0 0 38%}.splash-photo:after{content:"";background:linear-gradient(#0e749059 0%,#0e749026 35%,#0e74908c 70%,#0e7490 100%);position:absolute;inset:0}.splash-brand{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:1.35rem;left:1rem;right:1rem}.splash-brand .logo{filter:drop-shadow(0 4px 12px #00000059);width:auto;max-width:min(240px,72%);height:48px}.splash-body{z-index:1;text-align:center;background:0 0;flex-direction:column;flex:none;align-items:stretch;gap:.7rem;margin-top:auto;padding:1.5rem 1.35rem 1.85rem;display:flex;position:relative}.splash .brand{letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.splash .logo--lg{max-width:240px;height:56px;margin-bottom:.15rem}.splash-body h1{margin:0;font-size:1.55rem;font-weight:800;line-height:1.35}.splash-body p{opacity:.92;max-width:22rem;margin:0 auto;font-size:.9rem}.btn{min-height:var(--touch-min);border-radius:var(--radius-pill);border:0;justify-content:center;align-items:center;gap:.4rem;padding:0 1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.btn.cta{background:var(--color-cta);color:#fff;box-shadow:0 4px 14px #05966938}.btn.cta:hover{background:var(--color-cta-hover)}.btn.primary{color:var(--color-primary);background:#fff}.btn.primary-solid{background:var(--color-primary);color:#fff;box-shadow:0 8px 20px #0e749047}.btn.ghost{color:inherit;background:0 0;border:1.5px solid #ffffff73}.btn.outline{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-border)}.btn.danger{color:var(--color-danger);background:#fef2f2;border:1.5px solid #fecaca}.btn.block{width:100%}.btn.sm{min-height:40px;padding:0 1rem;font-size:.84rem}.row-nav{gap:var(--space-sm);display:flex}.row-nav .btn{flex:1}.field{width:100%;min-height:var(--touch-min);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);padding:.7rem 1.1rem;font-size:1rem}.lbl{font-size:.82rem;font-weight:700}.mu{color:var(--color-text-muted);margin:0;font-size:.88rem}.step-hint{color:var(--color-primary);margin:0;font-size:.8rem;font-weight:700}.crumb{color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);align-self:flex-start;padding:.4rem .85rem;font-size:.78rem}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);border:0;padding:1rem}.appt-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:visible}.appt-lift{margin-top:-.15rem}.appt-card .appt-top{align-items:center;gap:.85rem;padding:1rem 1rem .85rem;display:flex}.appt-card .appt-top img{border-radius:50%;flex-shrink:0;object-fit:cover!important;width:56px!important;max-width:56px!important;height:56px!important}.appt-card .appt-meta{flex:1;min-width:0}.appt-card .appt-meta strong{font-size:1rem;display:block}.appt-card .appt-foot{background:color-mix(in srgb, var(--color-primary) 12%, white);color:var(--color-primary);border-radius:0 0 var(--radius) var(--radius);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.82rem;font-weight:700;display:flex}.section-title{justify-content:space-between;align-items:center;margin:.25rem 0 0;font-size:1rem;font-weight:800;display:flex}.section-title .link{color:var(--color-primary);background:0;border:0;font-size:.82rem;font-weight:700}.chips-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;align-items:center;gap:.5rem;min-height:48px;padding:.15rem 0 .45rem;display:flex;overflow:auto hidden}.chips-scroll::-webkit-scrollbar{width:0;height:0;display:none}.chip-btn{border-radius:var(--radius-pill);background:var(--color-surface);height:44px;min-height:44px;color:var(--color-text);box-shadow:var(--shadow-sm);white-space:nowrap;border:0;flex:none;padding:0 1.05rem;font-size:.84rem;font-weight:700;line-height:1}.chip-btn.on{background:var(--color-primary);color:#fff;box-shadow:0 6px 16px #0e74904d}.choice{text-align:start;width:100%;min-height:var(--touch-min);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card);border:0;padding:.9rem 1.1rem;font-weight:700}.choice:hover{box-shadow:var(--shadow-float)}.doc-card{text-align:start;border-radius:var(--radius);background:var(--color-surface);width:100%;box-shadow:var(--shadow-card);border:0;align-items:center;gap:.9rem;padding:.9rem;display:flex}.doc-card img{border-radius:18px;flex-shrink:0;object-fit:cover!important;width:64px!important;max-width:64px!important;height:64px!important}.doc-body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.doc-name{flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.98rem;font-weight:800;display:flex}.doc-line{font-size:.84rem;font-weight:600}.doc-meta-line{color:var(--color-text-muted);font-size:.78rem}.star{color:var(--color-featured);font-size:.8rem;font-weight:800}.badge-feat{border-radius:var(--radius-pill);color:#a16207;background:#fef9c3;align-items:center;padding:.15rem .55rem;font-size:.7rem;font-weight:800;display:inline-flex}.chev{color:var(--color-text-muted)}.docs-h{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;align-items:stretch;gap:.75rem;min-height:168px;padding:.15rem 0 .65rem;display:flex;overflow:auto visible}.docs-h::-webkit-scrollbar{width:0;height:0;display:none}.doc-mini{border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-card);text-align:center;border:0;flex-direction:column;flex:0 0 140px;align-items:center;padding:.85rem .75rem;display:flex}.doc-mini img{border-radius:50%;margin:0 auto .45rem;object-fit:cover!important;width:72px!important;max-width:72px!important;height:72px!important}.doc-mini strong{font-size:.85rem;display:block}.doc-mini span{color:var(--color-text-muted);font-size:.75rem}.profile-hero{text-align:center;flex-direction:column;align-items:center;gap:.55rem;padding:.5rem 0 .25rem;display:flex}.profile-hero img{box-shadow:var(--shadow-card);border:3px solid #fff;border-radius:50%;flex-shrink:0;object-fit:cover!important;width:96px!important;max-width:96px!important;height:96px!important}.stats{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.stat{background:var(--color-surface);border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow-sm);padding:.7rem .4rem}.stat strong{color:var(--color-primary);font-size:.95rem;display:block}.stat span{color:var(--color-text-muted);font-size:.68rem;font-weight:600}.chips{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.chip{border-radius:var(--radius-pill);background:var(--color-primary-muted);color:var(--color-primary);padding:.3rem .75rem;font-size:.75rem;font-weight:700}.place-card{text-align:start;border-radius:var(--radius);background:var(--color-surface);width:100%;box-shadow:var(--shadow-card);border:0;flex-direction:column;gap:.55rem;padding:1rem;display:flex}.place-card.on{outline:2px solid var(--color-cta)}.place-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.place-facts{color:var(--color-text-muted);flex-wrap:wrap;gap:.5rem 1rem;margin:.35rem 0 .65rem;font-size:.82rem;font-weight:700;display:flex}.place-facts span{background:var(--color-primary-muted);color:var(--color-primary);border-radius:var(--radius-pill);align-items:center;gap:.25rem;padding:.3rem .7rem;display:inline-flex}.map-ph{border-radius:var(--radius-sm);border:1.5px dashed color-mix(in srgb, var(--color-primary) 40%, transparent);height:110px;color:var(--color-primary);background:linear-gradient(135deg,#ccfbf1f2,#a5f3fce6),repeating-linear-gradient(0deg,#0000,#0000 11px,#0e749012 11px 12px),repeating-linear-gradient(90deg,#0000,#0000 11px,#0e749012 11px 12px);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.map-ph.has-preview{border-style:solid;border-color:var(--color-border);background:#e2e8f0}.map-ph-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.map-ph-label{z-index:1;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);color:var(--color-primary);background:#ffffffeb;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex;position:relative}.map-ph-label .ico{width:18px;height:18px}.days-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex-shrink:0;align-items:stretch;gap:.45rem;min-height:68px;padding-bottom:.35rem;display:flex;overflow:auto hidden}.days-scroll::-webkit-scrollbar{width:0;height:0;display:none}.day-pill{border-radius:var(--radius-sm);background:var(--color-surface);width:56px;height:68px;min-height:68px;box-shadow:var(--shadow-sm);color:var(--color-text-muted);border:0;flex-direction:column;flex:0 0 56px;justify-content:center;align-items:center;gap:.15rem;font-size:.72rem;font-weight:700;display:flex}.day-pill strong{color:var(--color-text);font-size:1.05rem}.day-pill.on{background:var(--color-primary);color:#fff;box-shadow:0 6px 16px #0e74904d}.day-pill.on strong{color:#fff}.slots{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.slot{border-radius:var(--radius-sm);background:var(--color-surface);min-height:48px;color:var(--color-text);box-shadow:var(--shadow-sm);border:0;font-weight:700}.slot.on{background:var(--color-cta);color:#fff;box-shadow:0 6px 16px #05966947}.scope-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-shrink:0;padding:.9rem 1rem}.badge,.status{border-radius:var(--radius-pill);align-items:center;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-confirmed{background:var(--color-cta-soft-bg);color:var(--color-cta)}.status-pending{background:var(--color-warning-bg);color:var(--color-warning)}.status-needs{background:var(--color-primary-muted);color:var(--color-primary)}.status-cancelled{color:var(--color-danger);background:#fef2f2}.status-done{color:var(--color-text-muted);background:#eef2f1}.booking-row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.banner{background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:start;border:0;width:100%;padding:.85rem 1rem;font-size:.86rem;font-weight:600}.banner.tap:active{transform:scale(.99)}.center{text-align:center;gap:var(--space-sm);flex-direction:column;align-items:center;padding:1rem 0;display:flex}.brand{color:#fff;font-size:1.75rem;font-weight:800}.ok{background:var(--color-cta-soft-bg);width:72px;height:72px;color:var(--color-cta);box-shadow:var(--shadow-card);border:0;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;font-weight:800;display:flex}.seg{background:var(--color-surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);gap:.35rem;padding:.3rem;display:flex}.seg-btn{border-radius:var(--radius-pill);min-height:40px;color:var(--color-text-muted);background:0 0;border:0;flex:1;font-size:.82rem;font-weight:700}.seg-btn.on{background:var(--color-primary);color:#fff}.hidden{display:none!important}.progress{background:var(--color-cta-soft-bg);flex-wrap:wrap;flex:none;align-items:center;gap:5px;padding:8px 14px;display:flex}.progress .dot{background:var(--color-border);border-radius:50%;width:8px;height:8px}.progress .dot.done{background:var(--color-primary)}.progress .dot.on{background:var(--color-cta);box-shadow:0 0 0 3px #05966940}.prog-lbl{color:var(--color-text-muted);margin-inline-start:auto;font-size:.65rem;font-weight:600}.cal-block{border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .9rem;font-size:.84rem;font-weight:600;display:flex}.cal-block.avail{background:var(--color-cta-soft-bg);color:var(--color-cta)}.cal-block.booked{background:var(--color-primary-muted);color:var(--color-primary)}.cal-block.unavail{color:var(--color-text-muted);background:#f1f5f4}.cal-legend{color:var(--color-text-muted);flex-wrap:wrap;gap:.5rem 1rem;font-size:.74rem;font-weight:600;display:flex}.cal-legend i{vertical-align:middle;border-radius:3px;width:10px;height:10px;margin-inline-end:4px;display:inline-block}.cal-legend .lg-a{background:var(--color-cta)}.cal-legend .lg-b{background:var(--color-primary)}.cal-legend .lg-u{background:#94a3b8}.week-bar{flex-wrap:wrap;gap:.35rem;display:flex}.week-bar .chip{cursor:pointer;font:inherit;border:0}.week-bar .chip.on{background:var(--color-primary);color:#fff}.app-btm{left:14px;right:14px;bottom:max(14px, env(safe-area-inset-bottom,0px));background:var(--color-surface);border-radius:var(--radius-pill);height:64px;box-shadow:var(--shadow-float);z-index:50;pointer-events:auto;border:0;padding:0 .35rem;display:flex;position:absolute}.app-btm.hidden{display:none!important}.app-btm button{color:var(--color-text-muted);border-radius:var(--radius-pill);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;font-size:.62rem;font-weight:700;display:flex}.app-btm button.on{color:var(--color-primary)}.app-btm button.on .ico{stroke:var(--color-primary)}.app-btm.clinic-nav button.on{color:var(--color-cta)}.hub{max-width:28rem;padding:var(--space-2xl) var(--space-md);text-align:center;margin:0 auto}.hub h1{color:var(--color-primary);margin:0 0 var(--space-sm);font-size:clamp(2rem,6vw,2.75rem)}.hub .lead{color:var(--color-text-muted);margin:0 0 var(--space-xl)}.hub .actions{gap:var(--space-sm);display:grid}.hub a.btn{text-decoration:none}.otp-boxes{justify-content:center;gap:.5rem;display:flex}.otp-boxes .field{text-align:center;letter-spacing:0;border-radius:var(--radius-sm);width:52px;padding:0;font-size:1.25rem}.big{color:var(--color-primary);font-size:1.15rem;font-weight:800}.stack{flex-direction:column;gap:.95rem;display:flex}.stack>.stack{gap:.85rem}.page-title{margin:0;font-size:1.4rem;font-weight:800}.greet-wrap{flex:1;min-width:0}.lang-pill{color:var(--color-primary);background:var(--color-primary-muted);border-radius:var(--radius-pill);padding:.35rem .75rem;font-size:.78rem;font-weight:700}.field.search{background-image:none;padding-inline-start:1.1rem}.card.soft{background:var(--color-primary-muted);box-shadow:none}.card.booking-card,.pending-card{flex-direction:column;gap:.55rem;display:flex}.tap-card{font:inherit;color:inherit;cursor:pointer;border:0}.home-body{margin-top:0}.icon-btn.light{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.badge-count{top:6px;border-radius:var(--radius-pill);color:#fff;background:#ef4444;border:2px solid #fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;inset-inline-end:6px}.badge-count.static{border:0;margin-inline-start:auto;position:static}.icon-btn .dot{display:none}.notif-item{text-align:start;background:var(--color-surface);width:100%;box-shadow:var(--shadow-card);border-radius:var(--radius);color:inherit;font:inherit;border:0;gap:.75rem;padding:.95rem 1rem;display:flex}.notif-item.unread{outline:2px solid color-mix(in srgb, var(--color-primary) 35%, transparent)}.notif-ico{background:var(--color-primary-muted);width:40px;height:40px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.notif-body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.notif-time{color:var(--color-text-muted);font-size:.72rem;font-weight:600}.month-nav{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .55rem;display:flex}.month-label{text-align:center;flex:1;min-width:0}.month-label strong{font-size:.98rem;display:block}.day-pill.far{border:1.5px dashed var(--color-border);background:color-mix(in srgb, var(--color-primary-muted) 50%, white)}.day-pill{min-width:58px}.clinic-switch{flex-direction:column;gap:.4rem;display:flex}.postpone-box{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-direction:column;gap:.35rem;padding:1rem;display:flex}.toast{border-radius:var(--radius);box-shadow:var(--shadow-float);padding:.85rem 1rem}.toast.warn{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #fcd34d}.toast[hidden]{display:none!important}.toast.show{animation:toast-in .22s var(--ease);display:block!important}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}html,body,#patient-app{height:100%;min-height:100%}body{background:var(--color-bg);margin:0}.phone.app-live{--pw:100%;--ph:100dvh;--app-content-max:100%;--app-inline-pad:1.1rem;width:100%;max-width:none;height:100dvh;min-height:100dvh;box-shadow:none;background:var(--color-bg);border:0;border-radius:0;margin:0;position:relative;overflow:hidden}@media (width>=768px){.phone.app-live{--app-content-max:42rem;--app-inline-pad:1.5rem}.phone.app-live .hero-head{padding-inline:max(var(--app-inline-pad), calc((100% - var(--app-content-max)) / 2 + var(--app-inline-pad)));border-radius:0}.phone.app-live .scroll-body,.phone.app-live .pad,.phone.app-live .splash-body{width:100%;max-width:var(--app-content-max);padding-inline:var(--app-inline-pad);box-sizing:border-box;margin-inline:auto}.phone.app-live .app-btm{left:max(14px, calc((100% - var(--app-content-max)) / 2));right:max(14px, calc((100% - var(--app-content-max)) / 2));width:auto;max-width:var(--app-content-max)}.phone.app-live .toast{inset-inline:max(1rem, calc((100% - var(--app-content-max)) / 2 + 1rem))}}@media (width>=1024px){.phone.app-live{--app-content-max:52rem;--app-inline-pad:1.75rem}}@media (width>=1440px){.phone.app-live{--app-content-max:60rem}}.phone.app-live .router-screen.screen{background:var(--color-bg);z-index:1;flex-direction:column;position:absolute;inset:0;overflow:hidden;display:flex!important}.phone.app-live .app-btm{z-index:50}.phone.app-live .app-btm a,.phone.app-live .app-btm button{color:var(--color-text-muted);border-radius:var(--radius-pill);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;font-size:.62rem;font-weight:700;text-decoration:none;display:flex}.phone.app-live .app-btm a.on,.phone.app-live .app-btm button.on{color:var(--color-primary)}.phone.app-live .app-btm a.on .ico,.phone.app-live .app-btm button.on .ico{stroke:var(--color-primary)}.toast{inset-inline:1rem;z-index:40;background:var(--color-text);color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-float);text-align:center;padding:.75rem 1rem;font-weight:600;position:absolute;bottom:92px}.err{color:var(--color-danger);margin:0;font-size:.85rem;font-weight:600}.loading-block{opacity:.65;pointer-events:none}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.phone.app-live .screen.has-btm .splash{padding-bottom:72px}.phone.app-live .screen.has-btm .splash-body{padding-bottom:1rem}.empty-state{text-align:center;color:var(--color-text-muted);padding:1.5rem .5rem}.doc-card .avatar-fallback,.appt-card .avatar-fallback,.doc-mini .avatar-fallback,.profile-hero .avatar-fallback{background:var(--color-primary-muted);width:56px;height:56px;color:var(--color-primary);border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid}.profile-hero .avatar-fallback{width:88px;height:88px;margin:0 auto;font-size:1.6rem}.doc-mini .avatar-fallback{width:64px;height:64px;margin:0 auto .35rem}
