/* Shared interface foundation. Brand artwork retains its original colors. */
:root{--primary:#b91c1c;--secondary:#166534;--dark:#202124;--gray:#565b63;--light:#f5f5f7;--white:#fff;--body-bg:#f5f5f7;--bg-color:#f5f5f7;--card-bg:#fff;--text-main:#202124;--text-muted:#565b63;--border-color:#d9dce1;--bg:#f5f5f7;--surface:#fff;--ink:#202124;--muted:#565b63;--line:#d9dce1;--brand:#b91c1c;--brand-dark:#991b1b;--soft:#fdf2f2;--shadow:none;--ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color-scheme:light}
html{font-size:16px;scroll-padding-top:90px}body{font-family:var(--ui-font)!important;line-height:1.5;background:var(--body-bg);color:var(--dark)}body *{box-sizing:border-box}button,input,select,textarea{font-family:var(--ui-font)!important;font-size:inherit}h1,h2,h3,h4,h5,p,li,label,a,span,div{font-family:inherit}h1,h2,h3,h4{font-family:var(--ui-font)!important;letter-spacing:-.025em;font-weight:600;line-height:1.25}h1{font-size:clamp(1.65rem,3vw,2.25rem)}p{line-height:1.6}img{max-width:100%}a,button,[role=button],summary{touch-action:manipulation}button,[role=button],.button,.nav-item,.tab-item,.p-nav-item{min-height:44px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid #2563eb;outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #2563eb;outline-offset:2px}input,select,textarea{min-height:44px;max-width:100%}button{transition:background-color .15s,border-color .15s}button:disabled{cursor:not-allowed}a{text-underline-offset:3px}.brand,.brand *{font-family:Poppins,var(--ui-font)!important}.brand-med{color:#ef4444}.brand-life{color:#22c55e}.sidebar,.rail{box-shadow:none!important}.sidebar .brand,.rail .brand{margin-bottom:32px}.nav-item.active{color:var(--primary);background:var(--soft);box-shadow:none}.mini-avatar{border:1px solid var(--border-color)}.main-content{max-width:1600px}.main-content header{gap:16px;flex-wrap:wrap}.welcome-text h1{animation:none}.dashboard-tabs{gap:8px;overflow:auto;border-bottom-width:1px;margin-bottom:28px}.tab-item{border-radius:0;padding:12px 16px;white-space:nowrap;font-size:15px}.tab-item.active{background:transparent;border-bottom-width:2px}.action-section{animation:none}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.action-card{border:1px solid var(--border-color);border-radius:12px;box-shadow:none;text-align:left;padding:24px;animation:none}.action-card i{font-size:24px;color:var(--gray);margin-bottom:16px}.action-card h4{font-size:17px;margin:0 0 6px}.action-card p{font-size:14px;color:var(--gray)}.action-card:hover{background:var(--white);border-color:#999;box-shadow:0 2px 8px #00000008;transform:none}.dashboard-modal,.modal-content,.login-container,.card,.post-card,.create-post-card{box-shadow:none;border-radius:12px}.modal-overlay{backdrop-filter:none;background:#0006;padding:16px}.dashboard-modal{width:min(600px,100%);max-height:calc(100dvh - 32px)}.list-item{gap:12px;flex-wrap:wrap}.list-btn,.btn-view{min-height:44px}.btn-view{background:#f0f1f3;color:var(--dark);border:1px solid var(--border-color)}.btn-accept{background:#166534}.btn-book,.btn-primary{background:var(--primary)}.modern-search-bar{box-shadow:none;border:1px solid var(--border-color);border-radius:10px}.search-btn-modern,.search-input-field{border-radius:8px}.reveal{opacity:1!important;transform:none!important}.bg-shape,.hero-art{display:none!important}.login-body{min-height:100dvh;padding:32px 16px;display:flex;justify-content:center;align-items:flex-start;background:#f5f5f7;overflow-x:clip}.login-container{width:min(480px,100%);margin:24px auto;padding:36px;border:1px solid var(--border-color);background:#fff;backdrop-filter:none;animation:none}.login-container .input-group label{font-size:14px;font-weight:600}.login-container .input-group input,.login-container select{background:#fff;border-radius:8px;border:1px solid var(--border-color);font-size:16px}.login-container .btn-primary,.login-container .btn-secondary{width:100%;min-height:46px;border-radius:8px;font-size:16px}.form-header h2{font-size:28px}.form-header p,.form-footer{font-size:14px}.toggle-password{border:0;background:transparent;min-width:44px;color:var(--gray)}.auth-error{background:#fdf2f2;border:1px solid #fecaca;color:#991b1b;padding:12px;border-radius:8px;font-size:14px;margin:16px 0}.close-btn,.close-modal{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.hero{background:var(--surface);border-color:var(--line);border-radius:12px}.hero h1{font-size:28px}.hero p,.page-heading p,.post-content,.field textarea,.bubble{font-size:16px}.button,.tabs button,.author-name,.composer-prompt,.conversation-list strong,.field>span{font-size:14px;min-height:44px}.post-meta,.quiet,.post-actions button,.aside p,.field small,.feed-tools,.settings-row p,.conversation-list small,.footer-note{font-size:13px}.post-meta{flex-wrap:wrap}.post-actions{gap:14px;flex-wrap:wrap}.post-actions button{min-height:44px}.type-label,.tag,.nav-caption,.mini-user small,.bubble small{font-size:12px}.icon-button{min-width:44px;min-height:44px}.rail nav a,.rail nav button{min-height:44px;font-size:15px}.settings-row{padding-block:20px}.check-row{font-size:15px;min-height:44px}.check-row input{min-height:20px;width:20px;height:20px}.settings-row select{font-size:15px}.toast{font-size:14px}.hero,.profile-cover{background-image:none!important}.ai-fab,.floating-ai-btn{background:var(--surface)!important;color:var(--dark)!important;border:1px solid var(--line)!important;box-shadow:none!important;animation:none!important}.ui-skip{position:fixed;left:16px;top:-100px;z-index:10000;padding:12px 16px;border-radius:8px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}.ui-skip:focus{top:12px}.ui-nav-link{display:flex;gap:12px;align-items:center;color:var(--gray);padding:12px 15px;border-radius:8px;font-size:15px;text-decoration:none}.ui-nav-link:hover,.ui-nav-link[aria-current=page]{background:var(--soft);color:var(--primary)}.ui-menu-toggle{display:none}.ui-note{padding:16px 20px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:14px;line-height:1.6;margin:0 0 24px}
body.dark-mode{--body-bg:#161618;--bg-color:#161618;--bg:#161618;--white:#222225;--card-bg:#222225;--surface:#222225;--dark:#f5f5f7;--ink:#f5f5f7;--text-main:#f5f5f7;--gray:#b8bbc3;--muted:#b8bbc3;--text-muted:#b8bbc3;--border-color:#414146;--line:#414146;--primary:#fca5a5;--brand:#fca5a5;--brand-dark:#fecaca;--soft:#352526;color-scheme:dark}.dark-mode .button.primary{color:#450a0a}.dark-mode .login-container,.dark-mode .login-container input{background:var(--surface);color:var(--ink)}
@media(max-width:768px){.main-content{margin-left:0!important;width:100%!important;padding:24px 16px!important;min-width:0}.main-content header>div{min-width:0}.quick-actions{grid-template-columns:1fr}.action-card{padding:20px}.dashboard-tabs{gap:0}.tab-item{padding-inline:12px}.sidebar{max-width:85vw}.login-container{margin:0 auto;padding:28px 20px}.layout,.layout.wide{padding:24px 16px}.hero{padding:20px}.hero h1{font-size:26px}.post-content{font-size:16px}.composer{flex-wrap:wrap}.composer-prompt{min-width:120px}.settings-row{flex-wrap:wrap}.settings-row select{max-width:100%}.header-actions{flex-wrap:wrap}.dashboard-wrapper{display:block}.dashboard-wrapper>.sidebar{position:fixed;inset:0 auto 0 0;width:260px;max-width:85vw;height:100dvh;z-index:100;transform:translateX(-100%);overflow:auto}.dashboard-wrapper>.sidebar.ui-open{transform:translateX(0)}.ui-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-right:12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.post-actions{gap:12px}.post-actions button:last-child{margin-left:0}table{font-size:14px}.table-container,.table-wrapper{overflow-x:auto}.topbar{height:auto;min-height:70px}.global-search{min-width:0}.message-layout{min-width:0}.chat-pane{min-height:420px}.bubble{max-width:95%}}
.hero-guide{width:390px;max-width:100%;padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-left:48px}.hero-guide h2{font-size:24px;margin-bottom:24px}.hero-guide ul{list-style:none;padding:0;margin:0}.hero-guide li{display:flex;gap:16px;padding:20px 0;border-top:1px solid var(--line)}.hero-guide li>span{color:var(--muted);font-size:13px}.hero-guide strong{font-size:16px;font-weight:600}.hero-guide p{font-size:14px;color:var(--muted);margin:6px 0 0}.hero-content{animation:none!important}.hero-content h1{font-size:clamp(36px,4vw,56px);letter-spacing:-.045em}.hero-content p{max-width:540px}.cta-buttons{flex-wrap:wrap}.cta-buttons button{border-radius:8px;box-shadow:none;transform:none}.hero-content+.hero-guide{flex-shrink:0}.stats-bar{box-shadow:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}.feature-grid .card{box-shadow:none;border:1px solid var(--line);transform:none}.feature-grid .card i{color:var(--muted)}.registration-note{font-size:14px;color:var(--muted);margin:0 0 20px}.consent-checkbox{flex-shrink:0;display:flex;align-items:center;min-height:44px}.consent-checkbox input{width:20px;height:20px;min-height:20px;accent-color:var(--primary)}.consent-text{font-size:14px!important;line-height:1.6}.login-box{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important;margin:24px;padding:32px!important}.login-box .input-group input{background:var(--surface);color:var(--ink);border-color:var(--line)}.login-box .input-group label{color:var(--ink)}.login-box .btn-submit{background:var(--primary)}.login-box .error-msg{color:#991b1b}.top-bar h1{font-size:28px}.kpi-card{box-shadow:none!important;border:1px solid var(--line)!important;border-radius:12px!important}.kpi-card h3{font-size:14px!important;color:var(--muted)}.kpi-value{font-size:32px!important}.mobile-chat-back{display:none}.message-layout.chat-open .chat-pane{min-width:0}.appointment-overview p{margin:10px 0}.appointment-overview button{margin-top:8px}.btn-success{background:var(--primary)!important}.ai-fab i,.floating-ai-btn i{color:var(--muted)!important}
@media(max-width:768px){header.hero{flex-direction:column;text-align:left;align-items:stretch;gap:36px;padding:120px 24px 48px;min-height:0;margin:0;border:0}.hero-guide{width:100%;margin-left:0;padding:24px}.hero-content h1{font-size:38px}.cta-buttons{align-items:stretch}.stats-bar{margin:0;padding:24px;gap:16px;flex-direction:column}.hero-content+.hero-guide{flex-shrink:1}.message-layout:not(.chat-open) .chat-pane{display:none}.message-layout.chat-open .conversation-list{display:none}.message-layout.chat-open .chat-pane{display:flex;min-height:calc(100dvh - 220px)}.mobile-chat-back{display:inline-flex;align-self:flex-start;margin-bottom:16px}.conversation-list{max-height:none!important;min-height:180px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.kpi-card{padding:16px!important}.top-bar{gap:12px!important}.dashboard-wrapper .sidebar .brand{margin-bottom:24px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ai-fab{position:static;width:auto;height:auto;border-radius:8px;font-size:14px;gap:8px;padding:12px 16px;margin:0 0 24px 24px;transform:none!important}.ai-card{border:1px solid var(--line);border-radius:12px;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:none}.ai-card h3{background:none;color:var(--ink);-webkit-text-fill-color:var(--ink);font-size:22px;padding-right:32px}.ai-content{color:var(--ink);font-size:16px}.ai-content p{margin-block:12px}.ai-content ul{padding-left:22px}.ai-content li{margin-bottom:12px}.ai-modal-overlay{backdrop-filter:none;padding:16px}.profile-header,.form-section{box-shadow:none;border-radius:12px}.profile-big-img{border:1px solid var(--line)}.profile-nav{overflow:auto;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:20px}.profile-nav .p-nav-item{white-space:nowrap;font-size:14px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.form-group label{color:var(--ink)}.day-circle{width:auto!important;min-width:44px;min-height:44px;border-radius:8px;padding:10px;font-size:14px!important}.ui-skip{font-family:var(--ui-font)}body :is(p,li,label,a,span,div){font-family:var(--ui-font)}.brand,.brand *,.logo-container,.logo-container *{font-family:Poppins,var(--ui-font)!important}.navbar .btn-primary{border-radius:8px;box-shadow:none}.how-it-works{background:#f5f5f7}.stats-bar{background:var(--surface);color:var(--ink)}.stats-bar .stat-label{color:var(--muted)}.feature-grid .card i{background:var(--bg)!important;border-radius:8px}.hero .eyebrow{display:none}.ai-fab{margin-left:calc(var(--sidebar-width,260px) + 48px)}.report-nav{overflow:auto;white-space:nowrap}.report-tab{min-height:44px;font-size:15px}.record-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.record-filters label{display:flex;flex-direction:column;gap:6px;font-size:14px;flex:1;min-width:160px}.record-filters input,.record-filters select{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.dark-mode .ai-card h3{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)}.dark-mode .ai-content{color:var(--ink)!important}.dark-mode .btn-book,.dark-mode .btn-primary{background:#b91c1c!important;color:#fff!important}.dark-mode .btn-view{color:var(--ink)!important;background:var(--surface)!important}.dark-mode .form-group label{color:var(--ink)!important}.dark-mode .hero-guide{background:var(--surface)}
@media(max-width:768px){.ai-fab{margin:0 16px 24px}.profile-header{padding:24px;gap:20px}.profile-img-container{width:88px;height:88px}.form-section{padding:20px}.form-grid{gap:16px}.form-group{margin-bottom:0}.camera-btn{min-width:44px;min-height:44px}.record-filters{gap:12px}.record-filters label{min-width:100%}.hero-guide li{padding-block:16px}.navbar{backdrop-filter:none}.report-nav{gap:12px}}
.account-actions summary{padding:10px 12px;border:1px solid var(--line);border-radius:8px;cursor:pointer;min-height:44px;white-space:nowrap;color:var(--ink);font-size:14px}.account-actions .table-actions-group{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:8px}.toggle-password{bottom:0;right:4px;font-size:13px;padding:10px;min-height:46px}.login-container input[type=password],.login-container input[autocomplete=new-password],.login-container input[autocomplete=current-password]{padding-right:64px}.settings-row input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:var(--brand)}.form-input:disabled{color:var(--ink);opacity:1}.dark-mode .form-input:disabled{color:var(--ink)!important}.book-btn{border-radius:8px!important;box-shadow:none!important}.dark-mode .book-btn{background:#b91c1c!important;color:white!important}.collapsible-content.expanded{max-height:none}.collapsible-header{min-height:44px}.doc-card{box-shadow:none!important;border-radius:10px!important;animation:none}.doc-info{min-width:0}.doc-details{min-width:0}.doc-details h4,.doc-details p{overflow-wrap:anywhere}.doc-actions{flex-shrink:0}.doc-card{gap:16px;flex-wrap:wrap}.doc-category-title{font-size:18px}.navbar{background:var(--surface);border-bottom:1px solid var(--line)}
.fade-in-card,.doctor-card,.animate-fade-in{opacity:1!important;transform:none!important;animation:none!important}tbody tr{opacity:1!important;animation:none!important;transform:none!important}.custom-modal{display:none;padding:16px;backdrop-filter:none}.custom-modal.active{display:flex}.custom-modal .modal-content{width:min(500px,100%);max-height:calc(100dvh - 32px);overflow:auto;transform:none;box-shadow:none;background:var(--surface);color:var(--ink)}#toast-container .toast{opacity:1!important}.doctor-card:hover,.doc-card:hover{transform:none;box-shadow:none}.doc-icon{background:var(--bg);color:var(--muted)}
.login-container{opacity:1!important;transform:none!important}.success-overlay{display:none}.success-overlay.active{display:flex}.checkmark-circle{box-shadow:none}.toggle-btn-container,.toggle-btn-container .slider{border-radius:8px}.consent-group{background:var(--bg);border-color:var(--line)}
.toggle-password::before{content:none!important}