/* Shared design-token surface for app shell + landing surface */ /* NOTE: design-tokens.css is loaded separately in HTML to avoid render-blocking @import */ /* AVE-388 ProMax semantic launch token layer */ :root{ --pm-surface-page:var(--gray-50); --pm-surface-elevated:var(--white); --pm-surface-hero:var(--shell-hero-bg); --pm-surface-clinician:linear-gradient(160deg,var(--blue-900) 0%,#0a3d52 100%); --pm-surface-trust:var(--teal-50); --pm-surface-trust-pill:var(--white); --pm-surface-crisis:#EAF9FF; --pm-text-primary:var(--gray-900); --pm-text-secondary:var(--gray-700); --pm-text-muted:var(--gray-500); --pm-text-inverse:var(--white); --pm-text-trust:var(--teal-600); --pm-text-crisis:#155A83; --pm-border-soft:var(--gray-100); --pm-border-trust:var(--teal-100); --pm-border-crisis:#BEE2F6; --pm-border-inverse-soft:rgba(255,255,255,0.24); --pm-cta-primary-bg:var(--blue-600); --pm-cta-primary-text:var(--white); --pm-cta-secondary-bg:rgba(255,255,255,0.14); --pm-cta-secondary-text:rgba(255,255,255,0.88); --pm-cta-tertiary-bg:rgba(255,255,255,0.03); --pm-cta-tertiary-text:rgba(255,255,255,0.78); --pm-role-patient-bg:var(--blue-900); --pm-role-clinician-bg:var(--teal-600); --pm-role-clinician-icon:#9FE1CB; --pm-shadow-card:var(--shadow-sm); --pm-shadow-card-hover:var(--shadow-md); --pm-shadow-cta-primary:0 8px 22px rgba(24,95,165,0.34); } @media (prefers-color-scheme: dark) { :root { --pm-surface-page:#0D1117; --pm-surface-elevated:#1E1C1A; --pm-surface-hero:#060D16; --pm-surface-clinician:#0A0D10; --pm-surface-trust:#0A2018; --pm-surface-trust-pill:#123126; --pm-surface-crisis:#0D2A3F; --pm-text-primary:#E6EDF3; --pm-text-secondary:#B7C6D8; --pm-text-muted:#8FA1B5; --pm-text-inverse:#FFFFFF; --pm-text-trust:#B7E8D8; --pm-text-crisis:#D7ECFA; --pm-border-soft:#2E2C29; --pm-border-trust:#1A4033; --pm-border-crisis:#2F6E93; --pm-border-inverse-soft:rgba(255,255,255,0.3); } .hero-human{color:#CCFBF1!important;opacity:1!important;transform:none!important;} .hero-sub{color:#DBEAFE!important;opacity:1!important;transform:none!important;} .hero h1{color:#FFFFFF!important;opacity:1!important;transform:none!important;} .hero h1 em{color:#85B7EB!important;} .pm-load-hero-heading,.pm-load-hero-subcopy,.pm-load-hero-cta{opacity:1!important;transform:none!important;} } /* ============================================= Dark Mode — gap fixes (C3) ============================================= */ /* -- Compare providers panel -- */ .compare-bar{position:fixed;bottom:0;left:0;right:0;z-index:120;background:var(--blue-900);color:var(--white);padding:0.75rem 1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.3s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 20px rgba(4,44,83,0.2);} .compare-bar.visible{transform:translateY(0);} @media(max-width:640px){.compare-bar{bottom:60px;}} .compare-bar-label{font-size:13px;font-weight:600;white-space:nowrap;} .compare-bar-slots{display:flex;gap:8px;flex:1;flex-wrap:wrap;} .compare-slot{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.1);border:1px dashed rgba(255,255,255,0.25);border-radius:var(--radius-md);padding:5px 10px;min-width:100px;font-size:12px;color:rgba(255,255,255,0.8);} .compare-slot.filled{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.6);color:var(--white);} .compare-slot-remove{background:none;border:none;color:rgba(255,255,255,0.5);cursor:pointer;font-size:14px;padding:0;line-height:1;margin-left:2px;} .compare-slot-remove:hover{color:var(--white);} .compare-bar-btn{padding:8px 18px;border-radius:var(--radius-md);background:var(--teal-400);color:var(--white);border:none;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity 0.15s;} .compare-bar-btn:hover{opacity:0.88;} .compare-bar-clear{background:none;border:none;color:rgba(255,255,255,0.5);font-size:12px;cursor:pointer;white-space:nowrap;} .compare-bar-clear:hover{color:var(--white);} /* Compare modal */ .compare-modal{display:none;position:fixed;inset:0;z-index:200;background:rgba(4,44,83,0.55);backdrop-filter:blur(4px);overflow-y:auto;padding:2rem 1rem;} .compare-modal.open{display:flex;align-items:flex-start;justify-content:center;} .compare-modal-box{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:900px;overflow:hidden;} .compare-modal-header{background:var(--blue-900);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;} .compare-modal-title{font-family:'DM Serif Display',serif;font-size:1.15rem;color:var(--white);} .compare-modal-close{background:none;border:none;color:rgba(255,255,255,0.6);font-size:22px;cursor:pointer;line-height:1;} .compare-modal-close:hover{color:var(--white);} .compare-grid{display:grid;overflow-x:auto;} .compare-row{display:grid;border-bottom:1px solid var(--gray-100);align-items:start;} .compare-row-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--gray-400);padding:0.75rem 1rem;background:var(--gray-50);border-right:1px solid var(--gray-100);} .compare-cell{padding:0.75rem 1rem;font-size:13px;color:var(--gray-700);border-right:1px solid var(--gray-100);} .compare-cell:last-child{border-right:none;} .compare-cell-head{background:var(--blue-50);padding:1rem;border-right:1px solid var(--gray-100);} /* -- Landing skeleton shimmer on first load -- */ @keyframes landingSkel{0%{background-position:-800px 0}100%{background-position:800px 0}} .feature-card.skel-land{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:800px 100%;animation:landingSkel 1.5s infinite linear;border-color:transparent;pointer-events:none;} .feature-card.skel-land *{opacity:0;} /* Dark mode toggle button */ .dm-toggle{width:32px;height:32px;border-radius:var(--radius-md);border:1.5px solid var(--gray-100);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:all 0.15s;flex-shrink:0;} .dm-toggle:hover{border-color:var(--gray-300);color:var(--gray-900);} .dm-toggle.active{background:var(--blue-50);border-color:var(--blue-200);color:var(--blue-700);box-shadow:0 0 0 1px rgba(55,138,221,0.08);} /* -- Global focus states (WCAG 2.1 AA) -- Master unified :focus-visible rule */ :focus-visible{outline:3px solid var(--blue-400);outline-offset:2px;border-radius:4px;} .wiz-input:focus,.wiz-select:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px rgba(55,138,221,0.18);outline:none;} .form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px rgba(55,138,221,0.18);outline:none;} input:focus,select:focus,textarea:focus{outline:none;} /* Skip to main content link */ .skip-link{position:absolute;top:-50px;left:1rem;background:var(--blue-900);color:var(--white);padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;z-index:9999;transition:top 0.15s;text-decoration:none;} .skip-link:focus{top:8px;} /* -- Button :active press states -- */ .btn-primary:active{transform:scale(0.97)!important;box-shadow:0 2px 8px rgba(15,110,86,0.25)!important;} .btn-outline:active{transform:scale(0.97)!important;} .wiz-btn-next:active{transform:scale(0.97)!important;box-shadow:0 2px 8px rgba(15,110,86,0.2)!important;} .nav-cta:active{transform:scale(0.96);} .mp-request-btn:active{transform:scale(0.97);} .ob-next-btn:active{transform:scale(0.97);} .cl-view-btn:active{transform:scale(0.96);} .compare-bar-btn:active{transform:scale(0.97);} .chip:active,.ob-chip:active{transform:scale(0.95);} /* -- Match score tooltip -- */ .score-tooltip-wrap{position:relative;display:inline-flex;align-items:center;gap:3px;} .score-tooltip-btn{width:14px;height:14px;border-radius:50%;background:rgba(55,138,221,0.15);border:1px solid rgba(55,138,221,0.3);color:var(--blue-600);font-size:9px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;flex-shrink:0;transition:background 0.15s;font-family:'Plus Jakarta Sans',sans-serif;} .score-tooltip-btn:hover{background:rgba(55,138,221,0.25);} .score-tooltip-pop{position:absolute;bottom:calc(100% + 8px);left:50%;width:230px;background:var(--blue-900);color:var(--white);border-radius:var(--radius-lg);padding:0.9rem 1rem;box-shadow:var(--shadow-lg);z-index:300;font-size:12px;line-height:1.55;pointer-events:none;opacity:0;transition:opacity 0.15s,transform 0.15s;transform:translateX(-50%) translateY(4px);} .score-tooltip-pop.visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;} .score-tooltip-pop::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--blue-900);} .score-tooltip-title{font-weight:600;font-size:12px;color:var(--white);margin-bottom:7px;} .score-tooltip-dim{display:flex;align-items:center;gap:8px;margin-bottom:5px;} .score-tooltip-dim:last-child{margin-bottom:0;} .score-tooltip-bar{flex:1;height:3px;background:rgba(255,255,255,0.12);border-radius:2px;overflow:hidden;} .score-tooltip-bar-fill{height:100%;border-radius:2px;background:var(--teal-400);} .score-tooltip-label{font-size:10.5px;color:rgba(255,255,255,0.8);width:80px;flex-shrink:0;} .score-tooltip-val{font-size:10.5px;font-weight:600;color:rgba(255,255,255,0.85);width:24px;text-align:right;flex-shrink:0;} /* -- Gray text contrast fixes (WCAG AA) -- */ .testimonial-role{font-size:11px;color:var(--gray-500)!important;margin-top:1px;} .cl-rate-sub{font-size:11px;color:var(--gray-500)!important;margin-top:-4px;} .search-sug-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--gray-500)!important;margin-left:auto;flex-shrink:0;} .compare-row-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--gray-600,var(--gray-500))!important;padding:0.75rem 1rem;background:var(--gray-50);border-right:1px solid var(--gray-100);} .section-sub{font-size:16px;color:var(--gray-700)!important;max-width:500px;line-height:1.65;} .wiz-q-sub{font-size:14px;color:var(--gray-700)!important;margin-bottom:1.75rem;line-height:1.55;} .prof-edu-year{font-size:13px;color:var(--gray-500)!important;} .cd-empty-requests{text-align:center;padding:2rem 1rem;color:var(--gray-500)!important;font-size:13px;} input::placeholder,textarea::placeholder,select::placeholder{color:var(--gray-500);} /* -- How-it-works enhanced connector -- */ .how-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center;} .how-steps::before{content:'';position:absolute;top:28px;left:calc(16.666% + 21px);right:calc(16.666% + 21px);height:2px;background:linear-gradient(90deg,var(--teal-400),var(--blue-400));opacity:0.25;pointer-events:none;} .how-steps::after{content:'?';position:absolute;top:19px;left:calc(50% + 12px);font-size:18px;color:var(--blue-200);opacity:0.4;pointer-events:none;letter-spacing:-2px;} .step-num{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--blue-600),var(--teal-600));color:var(--white);display:flex;align-items:center;justify-content:center;font-family:'DM Serif Display',serif;font-size:18px;margin:0 auto 1rem;box-shadow:0 3px 12px rgba(24,95,165,0.25);position:relative;z-index:1;} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} html{scroll-behavior:smooth;} ::selection{background:rgba(13,148,136,0.16);color:#0A1628;} body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--gray-50);color:var(--gray-900);font-size:16px;line-height:1.6;transition:background 0.2s,color 0.2s;-webkit-font-smoothing:antialiased;} /* -- prefers-reduced-motion -- */ @media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important;} .scroll-reveal{opacity:0;transform:translateY(14px);transition:opacity 0.3s ease, transform 0.3s ease;} .pm-load-nav{animation:pmRevealIn 0.16s ease-out 0.02s forwards!important;} .pm-load-hero-heading{animation:pmRevealIn 0.19s ease-out 0.1s forwards!important;} .pm-load-hero-subcopy{animation:pmRevealIn 0.2s ease-out 0.2s forwards!important;} .pm-load-hero-cta{animation:pmRevealIn 0.22s ease-out 0.3s forwards!important;} .pm-load-trust{animation:pmRevealIn 0.24s ease-out 0.44s forwards!important;} .hero-mock-slide{animation:none!important;opacity:0;} .hero-mock-slide:first-child{opacity:1;} .page.active{animation:pageFadeIn 0.25s ease-out both;} .wiz-step-wrap{animation:none;} .opt-card:hover{transform:none;} .btn-primary:hover,.wiz-btn-next:hover,.feature-card:hover,.testimonial-card:hover{transform:none;} } /* -- HIPAA banner -- */ .hipaa-banner{background:var(--teal-600);color:var(--white);font-size:12.5px;padding:9px 1.5rem;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:101;} .hipaa-banner a{color:rgba(255,255,255,0.85);text-decoration:underline;} .hipaa-banner a:hover{color:var(--white);} .hipaa-banner-dismiss{background:none;border:none;color:rgba(255,255,255,0.7);cursor:pointer;font-size:18px;line-height:1;padding:0 0 0 8px;flex-shrink:0;transition:color 0.15s;} .hipaa-banner-dismiss:hover{color:var(--white);} body.member-workspace-active #hipaaBanner, body.member-workspace-active .pm-load-nav{display:none !important;} body.member-workspace-active #page-member{min-height:100vh;} .nav{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#D7E7F7 0%,#C5DBF1 100%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #AFC6DE;box-shadow:0 1px 0 rgba(15,23,42,0.08),0 2px 12px rgba(15,23,42,0.06);display:flex;align-items:center;justify-content:space-between;padding:0 var(--shell-nav-pad-inline);height:var(--shell-nav-height);transition:box-shadow 0.2s,background 0.2s;} .nav-brand{display:flex;align-items:center;gap:12px;cursor:pointer;} .nav-logo{width:30px;height:30px;background:var(--teal-600);border-radius:7px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 0 rgba(0,0,0,0.12),inset 0 1px 0 rgba(255,255,255,0.15);} .nav-logo svg{width:16px;height:16px;} .nav-logo-img{height:54px;width:auto;object-fit:contain;display:block;object-position:left center;} .nav-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:600;color:var(--blue-900);letter-spacing:-0.01em;} .nav-links{display:flex;gap:2px;} .nav-link{padding:7px 13px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--gray-600);cursor:pointer;border:none;background:none;transition:all 0.15s;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;} .nav-link:hover{color:var(--gray-900);background:var(--gray-100);} .nav-link.active{background:transparent;color:var(--gray-900);font-weight:500;position:relative;} .nav-link.active::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:60%;height:2px;background:var(--teal-600);border-radius:2px;} .nav-cta{padding:9px 17px;border-radius:6px;background:#0C8577;color:var(--white);border:none;font-size:13px;font-weight:600;cursor:pointer;transition:background 0.15s,transform 0.15s,box-shadow 0.2s;display:inline-flex;align-items:center;gap:6px;box-shadow:0 1px 0 rgba(0,0,0,0.14),0 4px 12px rgba(12,133,119,0.2);} .nav-cta:hover{background:#0A7469;transform:translateY(-1px);box-shadow:0 1px 0 rgba(0,0,0,0.1),0 8px 22px rgba(12,133,119,0.28);} .pm-load-nav,.pm-load-hero-heading,.pm-load-hero-subcopy,.pm-load-hero-cta,.pm-load-trust{opacity:0;transform:translateY(8px);} .pm-load-nav{animation:pmRevealIn 0.16s ease-out 0.02s forwards;} .pm-load-hero-heading{animation:pmRevealIn 0.19s ease-out 0.1s forwards;} .pm-load-hero-subcopy{animation:pmRevealIn 0.2s ease-out 0.2s forwards;} .pm-load-hero-cta{animation:pmRevealIn 0.22s ease-out 0.3s forwards;} .pm-load-trust{animation:pmRevealIn 0.24s ease-out 0.44s forwards;} @keyframes pmRevealIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}} .page{display:none;min-height:calc(100vh - 60px);content-visibility:auto;} .page.active{display:block;animation:pageFadeIn 0.25s cubic-bezier(.4,0,.2,1) both;} body:not(.member-workspace-active):not(:has(.page.active)):not(:has(.public-fallback-page:target)) #page-marketing{display:block!important;visibility:visible!important;opacity:1!important;} body:not(.member-workspace-active) .public-fallback-page:target{display:block!important;visibility:visible!important;opacity:1!important;} body:not(.member-workspace-active):has(.public-fallback-page:target) #page-marketing:not(:target){display:none!important;} #page-marketing:target,#page-browse:target,#page-for-clinicians:target,#page-billing:target{display:block!important;visibility:visible!important;opacity:1!important;} @keyframes pageFadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}} .hero{background:var(--shell-hero-bg);position:relative;overflow:hidden;} .hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(13,148,136,0.12) 0%,transparent 70%);pointer-events:none;} .hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;} .hero-accent-svg{position:absolute;right:-40px;bottom:-10px;opacity:0.07;pointer-events:none;} .hero-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);border-radius:var(--radius-sm);padding:4px 12px;font-size:11px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;color:var(--blue-100);margin-bottom:1.25rem;position:relative;} .hero-human{font-size:14px;color:var(--teal-100);letter-spacing:0.04em;margin-bottom:0.75rem;position:relative;font-style:italic;} .hero-returning{display:none;background:rgba(29,158,117,0.12);border:1px solid rgba(29,158,117,0.25);border-radius:var(--radius-lg);padding:0.75rem 1.25rem;margin-bottom:1.5rem;position:relative;max-width:520px;margin-left:auto;margin-right:auto;} .hero-returning-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.07em;color:var(--teal-100);margin-bottom:3px;} .hero-returning-text{font-size:14px;color:rgba(255,255,255,0.88);line-height:1.5;} .hero-returning-text strong{color:var(--white);} .hero-returning-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;} .hero-returning-btn{padding:7px 16px;border-radius:var(--radius-md);background:var(--teal-400);color:var(--white);border:none;font-size:13px;font-weight:500;cursor:pointer;transition:opacity 0.15s;font-family:'Plus Jakarta Sans',sans-serif;} .hero-returning-btn:hover{opacity:0.88;} .hero-returning-btn.ghost{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);} .hero-resume-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:24px;padding:7px 16px;font-size:13px;color:rgba(255,255,255,0.9);position:relative;} .hero-resume-btn{background:none;border:none;color:var(--teal-100);font-weight:600;text-decoration:underline;cursor:pointer;font-size:13px;padding:0;font-family:inherit;} .hero h1{font-family:'DM Serif Display',serif;font-size:clamp(2.6rem,5.5vw,4.2rem);color:var(--white);line-height:1.08;margin-bottom:1.3rem;position:relative;letter-spacing:-0.025em;} .hero h1 em{font-style:italic;color:var(--blue-200);} .hero-sub{font-size:18px;color:var(--blue-100);max-width:560px;margin-bottom:2rem;line-height:1.72;position:relative;} .hero-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;} .hero .hero-actions .pm-cta-patient-primary{box-shadow:var(--pm-shadow-cta-primary);} .hero .hero-actions .pm-cta-role-secondary{padding:10px 20px;font-size:14px;box-shadow:none;} .hero-cta-caption{font-size:12px;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.78);margin-bottom:0.5rem;position:relative;} .cta-entry-primary{padding:10px 20px;border-radius:var(--radius-lg);background:var(--blue-600);color:var(--white);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity 0.15s;border:1px solid transparent;} .cta-entry-primary:hover{opacity:0.88;} .btn-primary{padding:12px 28px;border-radius:6px;background:#0C8577;color:var(--white);border:none;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,0.12),0 6px 20px rgba(12,133,119,0.22);transition:background 0.2s,transform 0.15s,box-shadow 0.2s;letter-spacing:0.01em;display:inline-flex;align-items:center;gap:7px;} .btn-primary:hover{background:#0A7469;transform:translateY(-1px);box-shadow:0 2px 0 rgba(0,0,0,0.1),0 10px 24px rgba(12,133,119,0.3);} .btn-outline{padding:12px 22px;border-radius:6px;background:transparent;color:rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.28);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.15s;} .btn-outline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);color:var(--white);} .search-bar-outer{max-width:680px;margin:3rem auto 0;position:relative;} .search-bar-wrap{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-100);padding:6px 6px 6px 20px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm);position:relative;} .search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;display:none;} .search-sug-item{padding:10px 16px;font-size:13px;color:var(--gray-700);cursor:pointer;display:flex;align-items:center;gap:10px;transition:background 0.1s;} .search-sug-item:hover,.search-sug-item.focused{background:var(--blue-50);color:var(--blue-800);} .search-sug-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--gray-400);margin-left:auto;flex-shrink:0;} .search-sug-divider{height:1px;background:var(--gray-100);margin:3px 0;} .hero-paths-label{font-size:11px;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.5);margin-top:0.65rem;position:relative;} .hero-entry-paths{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:0.4rem;position:relative;} .hero-path-btn{padding:5px 10px;border-radius:var(--radius-sm);background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.14);color:rgba(255,255,255,0.72);font-size:11.5px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all 0.15s;font-family:'Plus Jakarta Sans',sans-serif;} .hero-path-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.24);color:rgba(255,255,255,0.86);} .pm-cta-patient-primary{padding:10px 20px;border-radius:var(--radius-lg);background:var(--pm-cta-primary-bg);color:var(--pm-cta-primary-text);border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;} .pm-cta-patient-primary:hover{background:var(--blue-700);} .pm-cta-role-secondary{padding:10px 20px;border-radius:var(--radius-md);background:var(--pm-cta-secondary-bg);color:var(--pm-cta-secondary-text);border:1px solid var(--pm-border-inverse-soft);font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;} .pm-cta-role-secondary:hover{background:rgba(255,255,255,0.22);color:var(--pm-text-inverse);} .pm-cta-path{background:var(--pm-cta-tertiary-bg);color:var(--pm-cta-tertiary-text);border:1px solid var(--pm-border-inverse-soft);} .pm-cta-path:hover{background:rgba(255,255,255,0.1);color:var(--pm-text-inverse);} .search-bar-wrap input{flex:1;border:none;outline:none;font-size:14px;color:var(--gray-900);font-family:'Plus Jakarta Sans',sans-serif;background:transparent;} .search-bar-wrap input::placeholder{color:var(--gray-500);} .search-bar-wrap select{border:none;border-left:1px solid var(--gray-100);padding:0 12px;font-size:13px;color:var(--gray-500);background:transparent;outline:none;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;} .search-go{flex-shrink:0;} .query-prompt-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0 0;} .query-prompt-chip{padding:5px 11px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.85);font-size:12px;font-weight:500;cursor:pointer;transition:all 0.15s;font-family:'Plus Jakarta Sans',sans-serif;} .query-prompt-chip:hover{background:var(--blue-50);border-color:var(--blue-200);} .trust-bar{background:var(--pm-surface-trust);border-bottom:1px solid var(--pm-border-trust);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;padding:0.8rem 1.4rem;} .trust-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--pm-text-trust);padding:0.33rem 0.78rem;background:rgba(255,255,255,0.85);border:1px solid rgba(13,148,136,0.18);border-radius:999px;backdrop-filter:blur(4px);} .trust-sep{display:none;} .trust-crisis{background:var(--pm-surface-crisis);border-color:var(--pm-border-crisis);color:var(--pm-text-crisis);font-weight:600;margin-left:4px;} .trust-crisis a{color:var(--pm-text-crisis);font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;} .pm-trust-icon{color:currentColor;} .pm-trust-icon *{stroke:currentColor!important;} @media(max-width:640px){.trust-crisis-sep{display:none;}.trust-bar{justify-content:flex-start;padding:0.8rem 0.85rem;gap:8px 10px;}.trust-item{font-size:11.5px;}.trust-crisis{margin-left:0;}} .nav-cta:focus-visible,.nav-mobile-cta:focus-visible,.cta-entry-primary:focus-visible,.pm-cta-patient-primary:focus-visible,.pm-cta-role-secondary:focus-visible,.pm-cta-path:focus-visible,.split-cta-btn:focus-visible,.hero-path-btn:focus-visible{outline:3px solid var(--blue-300);outline-offset:2px;} .stats-strip{background:#0A1628;display:grid;grid-template-columns:repeat(3,1fr);} .stat-item{padding:1.75rem 1rem;text-align:center;border-right:1px solid rgba(255,255,255,0.1);} .stat-item:last-child{border-right:none;} .stat-num{font-family:'DM Serif Display',serif;font-size:2.8rem;color:var(--white);line-height:1;margin-bottom:4px;letter-spacing:-0.03em;} .stat-desc{font-size:12px;color:rgba(255,255,255,0.55);letter-spacing:0.02em;} .stat-desc{font-size:12px;color:var(--gray-500);margin-top:2px;} .stat-sub{font-size:10.5px;color:rgba(255,255,255,0.6);margin-top:3px;letter-spacing:0.01em;} .section{padding:4.75rem 2.25rem;max-width:1120px;margin:0 auto;} .section-label{font-size:10.5px;font-weight:700;color:var(--teal-600);text-transform:uppercase;letter-spacing:0.14em;margin-bottom:0.6rem;} .section-title{font-family:'DM Serif Display',serif;font-size:clamp(1.75rem,3.5vw,2.6rem);color:var(--blue-900);margin-bottom:0.75rem;line-height:1.12;letter-spacing:-0.02em;} .section-sub{font-size:16px;color:var(--gray-700);max-width:500px;line-height:1.7;letter-spacing:-0.005em;} .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-top:2.5rem;} .feature-card{background:var(--pm-surface-elevated);border:1px solid rgba(15,23,42,0.07);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 1px 2px rgba(10,22,40,0.05),0 4px 16px rgba(10,22,40,0.07);transition:box-shadow 0.25s cubic-bezier(0.2,0,0,1),transform 0.25s cubic-bezier(0.2,0,0,1),border-color 0.2s;} .feature-card:hover{box-shadow:0 2px 4px rgba(10,22,40,0.06),0 12px 28px rgba(10,22,40,0.12);transform:translateY(-3px);border-color:rgba(13,148,136,0.2);} .feature-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;} .feature-card h3{font-size:14px;font-weight:500;color:var(--blue-900);margin-bottom:6px;} .feature-card p{font-size:13px;color:var(--gray-500);line-height:1.55;} .pm-card-value{background:var(--pm-surface-elevated);border-color:var(--pm-border-soft);box-shadow:var(--pm-shadow-card);} .pm-card-value:hover{box-shadow:var(--pm-shadow-card-hover);} .pm-card-trust{background:var(--pm-surface-elevated);border-color:var(--pm-border-trust);box-shadow:0 0 0 1px rgba(29,158,117,0.06),var(--pm-shadow-card);} .pm-icon-blue{background:var(--blue-50);color:var(--blue-600);} .pm-icon-teal{background:var(--teal-50);color:var(--teal-600);} .pm-icon-value-alt{background:#CECBF6;color:#3C3489;} .pm-icon-clinician{background:rgba(255,255,255,0.08);color:var(--pm-role-clinician-icon);} .pm-icon-blue *,.pm-icon-teal *,.pm-icon-value-alt *,.pm-icon-clinician *{stroke:currentColor!important;} .pm-inline-right{margin-left:auto;} .pm-inline-meta{font-size:12px;font-weight:600;color:rgba(255,255,255,0.9);} .how-steps{margin-top:2.5rem;} .step{text-align:center;padding:2rem 1.5rem;} .step-num{width:42px;height:42px;border-radius:50%;background:var(--blue-600);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:'DM Serif Display',serif;font-size:18px;margin:0 auto 1rem;} .step h3{font-size:15px;font-weight:500;color:var(--blue-900);margin-bottom:8px;} .step p{font-size:13px;color:var(--gray-500);line-height:1.6;} .cta-band{background:linear-gradient(165deg,var(--blue-900) 0%,#11355D 100%);border-radius:var(--radius-xl);padding:3.75rem 2.75rem;text-align:center;margin:0 2rem 4rem;box-shadow:0 18px 44px rgba(10,22,40,0.22);} .cta-band h2{font-family:'DM Serif Display',serif;font-size:2rem;color:var(--white);margin-bottom:0.75rem;} .cta-band p{color:var(--blue-100);font-size:15px;margin-bottom:1.8rem;} .cta-band-btns{display:flex;gap:12px;justify-content:center;} #page-directory{background:var(--gray-50);min-height:calc(100vh - 60px);display:none;} #page-directory.active{display:block;} .wiz-shell{min-height:calc(100vh - 68px);display:flex;flex-direction:column;background:linear-gradient(180deg,#F8FAFF 0%,var(--gray-50) 20%,var(--gray-50) 100%);} .wiz-progress-bar{background:rgba(255,255,255,0.95);border-bottom:1px solid var(--gray-100);padding:0 2.25rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);} .wiz-progress-inner{max-width:760px;margin:0 auto;padding:1rem 0 0.9rem;} .wiz-progress-track{height:4px;background:var(--gray-100);border-radius:2px;overflow:hidden;margin-bottom:8px;} .wiz-progress-fill{height:100%;background:var(--blue-600);border-radius:2px;transition:width 0.4s cubic-bezier(.4,0,.2,1);} .wiz-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-500);} .wiz-progress-label span:last-child{color:var(--blue-600);font-weight:500;} .wiz-step-name{font-size:13px;font-weight:500;color:var(--blue-900);margin-top:3px;} .wiz-step-next{font-size:11px;color:var(--gray-400);margin-top:1px;text-align:right;} .wiz-progress-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-top:4px;} .wiz-body{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1.75rem 3.25rem;} .wiz-step-wrap{width:100%;max-width:760px;animation:stepIn 0.3s cubic-bezier(.4,0,.2,1);} @keyframes stepIn{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}} .wiz-q-label{font-size:11px;font-weight:500;color:var(--blue-600);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.6rem;} .wiz-q-title{font-family:'DM Serif Display',serif;font-size:clamp(1.4rem,3.5vw,1.85rem);color:var(--blue-900);line-height:1.25;margin-bottom:0.4rem;} .wiz-quick-path{background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;} .wiz-quick-path-label{font-size:13px;color:var(--blue-800);} .wiz-quick-path-label strong{font-weight:600;} .wiz-quick-path-btn{padding:8px 18px;border-radius:var(--radius-md);background:var(--white);border:1.5px solid var(--blue-200);color:var(--blue-700);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all 0.15s;font-family:'Plus Jakarta Sans',sans-serif;} .wiz-quick-path-btn:hover{background:var(--blue-100);border-color:var(--blue-300);} .wiz-quick-form{display:none;background:var(--white);border:1.5px solid var(--blue-100);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;} .wiz-quick-form.open{display:block;} .wiz-quick-form-title{font-size:13px;font-weight:600;color:var(--blue-900);margin-bottom:1rem;} .wiz-quick-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;} .wiz-quick-submit{width:100%;padding:11px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--teal-400),var(--blue-600));color:var(--white);border:none;font-size:14px;font-weight:500;cursor:pointer;margin-top:4px;transition:opacity 0.15s;} .wiz-quick-submit:hover{opacity:0.9;} @media(max-width:640px){.wiz-quick-row{grid-template-columns:1fr;}} .wiz-q-sub{font-size:14px;color:var(--gray-500);margin-bottom:1.75rem;line-height:1.55;} .wiz-options{display:grid;gap:10px;} .wiz-options.cols-2{grid-template-columns:1fr 1fr;} .wiz-options.cols-3{grid-template-columns:repeat(3,1fr);} .wiz-options.cols-auto{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));} .opt-card{background:var(--white);border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);padding:1rem 1.1rem;cursor:pointer;transition:all 0.18s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px;text-align:left;position:relative;user-select:none;} .opt-card:hover{border-color:var(--blue-200);background:var(--blue-50);transform:translateY(-2px);box-shadow:var(--shadow-md);} .opt-card.selected{border-color:var(--blue-600);background:linear-gradient(135deg,var(--blue-50) 0%,rgba(29,158,117,0.04) 100%);box-shadow:0 0 0 3px rgba(24,95,165,0.14),var(--shadow-sm);} .opt-card .opt-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--gray-50);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:19px;transition:all 0.18s;} .opt-card:hover .opt-icon{background:var(--blue-50);transform:scale(1.06);} .opt-card.selected .opt-icon{background:var(--blue-100);transform:scale(1.08);} .opt-card .opt-text{flex:1;} .opt-card .opt-title{font-size:14px;font-weight:500;color:var(--blue-900);line-height:1.3;} .opt-card.selected .opt-title{color:var(--blue-800);font-weight:600;} .opt-card .opt-desc{font-size:12px;color:var(--gray-500);margin-top:2px;line-height:1.4;} .opt-card .opt-check{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--gray-200);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all 0.18s;} .opt-card.selected .opt-check{background:var(--blue-600);border-color:var(--blue-600);box-shadow:0 2px 8px rgba(24,95,165,0.35);} .opt-card.selected .opt-check::after{content:'';width:5px;height:8px;border:2px solid white;border-top:none;border-left:none;transform:rotate(40deg) translate(-1px,-1px);display:block;} @keyframes checkPop{0%{transform:scale(0.6);}65%{transform:scale(1.18);}100%{transform:scale(1);}} .opt-card.selected .opt-check{animation:checkPop 0.28s cubic-bezier(.4,0,.2,1);} @keyframes cardSelect{0%{transform:translateY(0);}40%{transform:translateY(-3px);}100%{transform:translateY(0);}} .opt-card.selected{animation:cardSelect 0.22s ease-out;} .wiz-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0.5rem;} .chip{padding:6px 14px;border-radius:20px;border:1px solid var(--gray-100);background:var(--white);font-size:13px;color:var(--gray-700);cursor:pointer;transition:all 0.15s;user-select:none;} .chip:hover{border-color:var(--blue-200);background:var(--blue-50);color:var(--blue-800);} .chip.selected{border-color:var(--blue-600);background:var(--blue-50);color:var(--blue-800);font-weight:500;} .wiz-format-loc{margin-top:1.5rem;padding:1.25rem;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-lg);} .wiz-format-loc .wiz-input-label{color:var(--blue-800);} .wiz-location-form{display:flex;flex-direction:column;gap:14px;} .wiz-input-group{display:flex;flex-direction:column;gap:5px;} .wiz-input-label{font-size:12px;font-weight:500;color:var(--gray-700);} .wiz-input,.wiz-select{padding:11px 14px;border-radius:var(--radius-md);border:1.5px solid var(--gray-100);font-size:14px;font-family:'Plus Jakarta Sans',sans-serif;color:var(--gray-900);background:var(--white);outline:none;transition:border-color 0.15s;} .wiz-input:focus,.wiz-select:focus{border-color:var(--blue-400);} .wiz-input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;} .identity-group{margin-bottom:1.25rem;} .identity-group-label{font-size:11px;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px;} .wiz-footer{background:rgba(255,255,255,0.96);border-top:1px solid var(--gray-100);padding:1.1rem 2.25rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);} .wiz-footer-inner{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;} .wiz-btn-back{display:flex;align-items:center;gap:6px;padding:11px 19px;border-radius:8px;border:1.5px solid var(--gray-100);background:transparent;font-size:14px;color:var(--gray-500);cursor:pointer;transition:all 0.15s;} .wiz-btn-back:hover{border-color:var(--gray-300);color:var(--gray-900);} .wiz-btn-next{display:flex;align-items:center;gap:6px;padding:12px 25px;border-radius:8px;background:linear-gradient(135deg,var(--teal-400) 0%,var(--blue-600) 100%);color:var(--white);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.15s;margin-left:auto;box-shadow:0 4px 14px rgba(15,110,86,0.3);} .wiz-btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,110,86,0.36);} .wiz-btn-next:disabled{opacity:0.4;cursor:not-allowed;transform:none;} .wiz-btn-skip{padding:10px 16px;border-radius:var(--radius-md);border:none;background:transparent;font-size:13px;color:var(--gray-500);cursor:pointer;transition:color 0.15s;} .wiz-btn-skip:hover{color:var(--gray-600);} /* -- Crisis escalation interstitial -- */ .crisis-screen{position:fixed;inset:0;z-index:600;background:rgba(4,44,83,0.96);backdrop-filter:blur(6px);display:none;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;} .crisis-screen.active{display:flex;} .crisis-card{background:var(--white);border-radius:var(--radius-xl);padding:2.25rem 2rem;max-width:480px;width:100%;box-shadow:var(--shadow-lg);} .crisis-icon{width:56px;height:56px;background:#FFF3F3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;} .crisis-title{font-family:'DM Serif Display',serif;font-size:1.35rem;color:var(--blue-900);margin-bottom:0.5rem;} .crisis-sub{font-size:14px;color:var(--gray-600,var(--gray-500));line-height:1.65;margin-bottom:1.5rem;} .crisis-lines{display:flex;flex-direction:column;gap:10px;margin-bottom:1.5rem;} .crisis-line{display:flex;align-items:center;gap:12px;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:0.85rem 1rem;text-decoration:none;transition:background 0.15s;} .crisis-line:hover{background:var(--blue-50);} .crisis-line-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .crisis-line-text{text-align:left;} .crisis-line-name{font-size:14px;font-weight:600;color:var(--blue-900);} .crisis-line-desc{font-size:12px;color:var(--gray-500);margin-top:1px;} .crisis-continue{width:100%;padding:11px;border-radius:var(--radius-md);background:transparent;border:1.5px solid var(--gray-100);color:var(--gray-500);font-size:13px;cursor:pointer;transition:all 0.15s;font-family:'Plus Jakarta Sans',sans-serif;} .crisis-continue:hover{border-color:var(--gray-300);color:var(--gray-700);} /* -- Matching in progress screen -- */ .matching-screen{position:fixed;inset:0;z-index:500;background:var(--blue-900);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;opacity:0;pointer-events:none;transition:opacity 0.3s ease;} .matching-screen.active{opacity:1;pointer-events:auto;} .matching-logo-pulse{width:64px;height:64px;background:linear-gradient(135deg,var(--teal-400),var(--blue-600));border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.75rem;animation:matchPulse 1.5s ease-in-out infinite;} @keyframes matchPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(29,158,117,0.4);}50%{transform:scale(1.06);box-shadow:0 0 0 14px rgba(29,158,117,0);}} .matching-title{font-family:'DM Serif Display',serif;font-size:1.75rem;color:var(--white);margin-bottom:0.6rem;line-height:1.2;} .matching-sub{font-size:15px;color:var(--blue-100);margin-bottom:2rem;line-height:1.6;max-width:380px;} .matching-progress-track{width:260px;height:4px;background:rgba(255,255,255,0.12);border-radius:2px;overflow:hidden;margin:0 auto 1rem;} .matching-progress-fill{height:100%;background:linear-gradient(90deg,var(--teal-400),var(--blue-400));border-radius:2px;width:0%;transition:width 0.4s ease;} .matching-status{font-size:13px;color:rgba(255,255,255,0.5);min-height:20px;transition:opacity 0.3s;} @media(prefers-reduced-motion:reduce){.matching-logo-pulse{animation:none;}.matching-progress-fill{transition:none;}} .review-wrap{max-width:680px;margin:0 auto;} .review-summary-box{background:var(--blue-900);border-radius:var(--radius-xl);padding:2rem 1.75rem;margin-bottom:1.5rem;color:var(--white);} .review-summary-box .review-eyebrow{font-size:11px;color:var(--blue-200);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.75rem;} .review-summary-text{font-family:'DM Serif Display',serif;font-size:1.2rem;line-height:1.5;color:var(--white);} .review-answers{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem;} .review-row{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:0.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:12px;} .review-row-label{font-size:12px;color:var(--gray-500);} .review-row-val{font-size:13px;font-weight:500;color:var(--blue-900);text-align:right;flex:1;} .review-edit-btn{font-size:12px;color:var(--blue-600);background:none;border:none;cursor:pointer;text-decoration:underline;white-space:nowrap;} .results-wrap{max-width:960px;margin:0 auto;} .results-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 0 0.85rem;gap:12px;flex-wrap:wrap;} .results-header-title{font-family:'DM Serif Display',serif;font-size:1.35rem;color:var(--blue-900);line-height:1.15;} .results-header-sub{font-size:13px;color:var(--gray-500);margin-top:3px;max-width:58ch;line-height:1.5;} .results-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;} .results-restart{padding:8px 16px;border-radius:var(--radius-md);border:1.5px solid var(--gray-100);background:transparent;font-size:13px;color:var(--gray-500);cursor:pointer;transition:all 0.15s;} .results-restart:hover{border-color:var(--blue-200);color:var(--blue-800);} .results-restart.cta-entry-primary{border-color:transparent;color:var(--white);background:var(--blue-600);} .results-restart.cta-entry-primary:hover{border-color:transparent;color:var(--white);} .results-query-shell{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:0 1px 0 rgba(12,32,58,0.02);padding:0.95rem 1rem;margin-bottom:1rem;} .results-primary-row{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;} .results-primary-row .rf-count{margin-left:auto;} .results-refine-btn{padding:8px 14px;border-radius:999px;border:1.5px solid var(--blue-100);background:var(--blue-50);color:var(--blue-800);font-size:13px;font-weight:600;cursor:pointer;transition:all 0.15s;white-space:nowrap;} .results-refine-btn:hover,.results-refine-btn.active{border-color:var(--blue-300);background:var(--white);color:var(--blue-900);box-shadow:0 4px 14px rgba(24,95,165,0.08);} .results-active-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:0.85rem;padding-top:0.85rem;border-top:1px solid var(--gray-100);} .results-active-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--gray-400);white-space:nowrap;} .results-active-empty{font-size:13px;color:var(--gray-400);} .results-advanced-panel{display:none;margin-top:0.9rem;padding-top:0.9rem;border-top:1px solid var(--gray-100);} .results-advanced-panel.open{display:block;} .results-advanced-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0.85rem;} .results-advanced-row{display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap;} .results-advanced-row .rf-label{margin-right:0.15rem;} .results-advanced-row .rf-select{min-width:120px;} .results-advanced-row .results-restart{padding:7px 12px;font-size:12px;} .results-advanced-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;} /* Fit-tier grouping headers */ .fit-tier-header{display:flex;align-items:center;gap:10px;padding:0.6rem 0;margin:1.1rem 0 0.5rem;border-bottom:1.5px solid var(--gray-100);font-size:13px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--gray-500);} .fit-tier-header[data-tier="strong"]{color:var(--teal-600);border-color:var(--teal-100);} .fit-tier-header[data-tier="good"]{color:var(--blue-600);border-color:var(--blue-100);} .fit-tier-header[data-tier="possible"]{color:var(--gray-500);border-color:var(--gray-100);} .fit-tier-count{font-size:11px;font-weight:500;opacity:0.7;margin-left:auto;text-transform:none;letter-spacing:0;} /* Wizard narrative step */ .rw-narrative-shell{display:flex;flex-direction:column;gap:0;} .wiz-narrative-ta{width:100%;min-height:96px;resize:vertical;padding:10px 12px;border:1.5px solid var(--gray-300);border-radius:var(--radius-md);font-size:14px;font-family:inherit;color:var(--gray-900);background:var(--white);line-height:1.55;transition:border-color var(--transition-base);} .wiz-narrative-ta:focus{outline:none;border-color:var(--blue-400);} /* Wizard license level picker */ .wiz-license-level{display:flex;flex-direction:column;gap:8px;margin-top:4px;} .wiz-ll-option{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);} .wiz-ll-option:hover{border-color:var(--blue-400);background:var(--blue-50);} .wiz-ll-option.selected{border-color:var(--blue-600);background:var(--blue-50);} .wiz-ll-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--gray-300);margin-top:2px;flex-shrink:0;transition:border-color var(--transition-fast),background var(--transition-fast);} .wiz-ll-option.selected .wiz-ll-dot{border-color:var(--blue-600);background:var(--blue-600);} .results-fallback-banner{background:var(--amber-50);border:1px solid #E8C07A;border-radius:var(--radius-lg);padding:0.9rem 1.1rem;margin-bottom:1rem;display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--amber-600);line-height:1.55;} .results-toomany-banner{background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-md);padding:0.6rem 1rem;margin-bottom:0.75rem;font-size:13px;color:var(--blue-800);line-height:1.45;} .results-fallback-link{background:none;border:none;color:inherit;font-weight:600;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0;font-family:inherit;} .results-guidance{display:flex;align-items:flex-start;gap:10px;padding:0.5rem 0 0.95rem;color:var(--gray-500);font-size:13px;line-height:1.55;max-width:68ch;} .results-guidance strong{color:var(--blue-900);} .results-context-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--blue-50);border:1px solid var(--blue-100);color:var(--blue-800);font-size:12px;font-weight:500;white-space:nowrap;} .results-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:1rem;padding-top:0.85rem;border-top:1px solid var(--gray-100);flex-wrap:wrap;} .results-pagination-meta{font-size:12px;color:var(--gray-500);} .results-pagination-controls{display:flex;align-items:center;gap:6px;} .results-page-btn{padding:7px 11px;border-radius:var(--radius-md);border:1px solid var(--gray-100);background:var(--white);font-size:12px;color:var(--gray-600);cursor:pointer;transition:all 0.15s;} .results-page-btn:hover:not(:disabled){border-color:var(--blue-200);color:var(--blue-800);} .results-page-btn:disabled{opacity:0.45;cursor:not-allowed;} .cl-why{font-size:12px;line-height:1.45;display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px;margin-top:0.1rem;} .cl-why-label{font-weight:700;color:var(--gray-500);font-size:11px;text-transform:uppercase;letter-spacing:0.04em;margin-right:1px;white-space:nowrap;flex-shrink:0;} .cl-section{padding-top:0.75rem;margin-top:0.75rem;border-top:1px solid var(--gray-100);} .cl-section:first-of-type{border-top:none;padding-top:0;margin-top:0;} .cl-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--gray-400);margin-bottom:0.35rem;} .cl-section-copy{font-size:13px;color:var(--gray-700);line-height:1.55;} .cl-identity-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:0.55rem;} .cl-access-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;} .cl-access-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--gray-50);border:1px solid var(--gray-100);font-size:12px;color:var(--gray-700);} .cl-access-pill strong{color:var(--blue-900);font-weight:600;} .cl-action-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-top:0.85rem;} .cl-action-row .save-btn,.cl-action-row .compare-btn{width:30px;height:30px;} .cl-action-row .cl-view-btn{padding:9px 16px;} .cl-quiet{font-size:12px;color:var(--gray-400);} /* -- Avatar score ring -- */ .avatar-ring-wrap{position:relative;display:inline-flex;flex-shrink:0;} .avatar-ring-svg{position:absolute;pointer-events:none;top:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);} /* -- Scroll-entrance reveals -- */ .scroll-reveal{opacity:0;transform:translateY(14px);transition:opacity 0.55s cubic-bezier(0.16,1,0.3,1),transform 0.55s cubic-bezier(0.16,1,0.3,1);} .scroll-reveal.revealed{opacity:1;transform:translateY(0);} .scroll-reveal.delay-1{transition-delay:0.08s;}.scroll-reveal.delay-2{transition-delay:0.16s;}.scroll-reveal.delay-3{transition-delay:0.24s;}.scroll-reveal.delay-4{transition-delay:0.32s;}.scroll-reveal.delay-5{transition-delay:0.40s;}.scroll-reveal.delay-6{transition-delay:0.48s;} /* -- Dimensional score bars -- */ .dim-bar-section{margin-top:0.75rem;} .dim-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:7px;} .dim-bar-label{font-size:12px;color:var(--gray-500);width:100px;flex-shrink:0;text-transform:capitalize;} .dim-bar-track{flex:1;height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden;} .dim-bar-fill{height:100%;border-radius:3px;transition:width 0.7s cubic-bezier(.4,0,.2,1);} .dim-bar-val{font-size:12px;font-weight:600;color:var(--blue-800);width:30px;text-align:right;flex-shrink:0;} /* -- Hero social proof -- */ .hero-proof{display:flex;align-items:center;gap:11px;margin-top:1.5rem;position:relative;} .hero-proof-avs{display:flex;align-items:center;} .hero-proof-av{width:26px;height:26px;border-radius:50%;border:2px solid rgba(4,44,83,0.6);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:-7px;flex-shrink:0;} .hero-proof-av:first-child{margin-left:0;} .hero-proof-text{font-size:12.5px;color:rgba(255,255,255,0.8);line-height:1.4;} .hero-proof-text strong{color:var(--white);} /* ── Hero 2-column layout ───────────────────────────────── */ .hero-inner{max-width:1220px;margin:0 auto;padding:5rem 2.25rem 3.5rem;display:flex;align-items:center;gap:3.5rem;} .hero-col-left{flex:1;min-width:0;text-align:left;} .hero-col-right{flex:0 0 390px;} .hero-col-left .hero-sub{max-width:520px;margin-left:0;} .hero-col-left .hero-returning{margin-left:0;margin-right:0;} /* Search zone below the 2-col grid */ .hero-search-zone{max-width:720px;margin:0 auto;padding:0 2.25rem 3rem;} /* Trust row chips below CTAs */ .hero-trust-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:14px;} .hero-trust-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:rgba(255,255,255,0.52);font-weight:500;} .hero-trust-chip::before{content:'✓';color:var(--teal-400);font-weight:700;font-size:11px;margin-right:2px;} /* ── Hero system card (right column) ───────────────────── */ .hero-system-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.11);border-radius:18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,0.04),0 28px 60px rgba(0,0,0,0.35),0 0 100px rgba(13,148,136,0.07);} .hero-sc-header{padding:15px 18px 14px;border-bottom:1px solid rgba(255,255,255,0.08);} .hero-sc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:rgba(255,255,255,0.6);margin-bottom:9px;} .hero-sc-criteria{display:flex;gap:6px;flex-wrap:wrap;} .hero-sc-criterion{padding:3px 10px;border-radius:999px;background:rgba(45,212,191,0.13);border:1px solid rgba(45,212,191,0.24);font-size:11.5px;font-weight:500;color:#6EE7C3;} .hero-sc-result{padding:13px 18px;border-bottom:1px solid rgba(255,255,255,0.06);display:flex;align-items:flex-start;gap:11px;} .hero-sc-result:last-child{border-bottom:none;} .hero-sc-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0;margin-top:1px;} .hero-sc-info{flex:1;min-width:0;} .hero-sc-name{font-size:13px;font-weight:600;color:var(--white);margin-bottom:2px;} .hero-sc-meta{font-size:11px;color:rgba(255,255,255,0.6);margin-bottom:4px;} .hero-sc-why{font-size:11px;color:rgba(110,231,195,0.75);line-height:1.4;} .hero-sc-tier{flex-shrink:0;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:600;background:rgba(45,212,191,0.13);color:#6EE7C3;border:1px solid rgba(45,212,191,0.2);white-space:nowrap;margin-top:2px;} .hero-sc-tier-good{background:rgba(59,130,246,0.13);color:#93C5FD;border-color:rgba(59,130,246,0.22);} .hero-sc-footer{padding:11px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.12);} .hero-sc-count{font-size:11px;color:rgba(255,255,255,0.6);} .hero-sc-cta{padding:7px 14px;border-radius:6px;background:var(--blue-600);color:var(--white);border:none;font-size:12px;font-weight:600;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:background 0.15s;} .hero-sc-cta:hover{background:#1155A0;} @media(max-width:1024px){ .hero-inner{flex-direction:column;padding:4rem 1.75rem 2.5rem;gap:2.75rem;} .hero-col-left{text-align:center;} .hero-col-left .hero-sub{max-width:100%;margin-left:auto;margin-right:auto;} .hero-col-left .hero-actions{justify-content:center;} .hero-col-left .hero-proof{justify-content:center;} .hero-col-left .hero-trust-row{justify-content:center;} .hero-col-left .hero-cta-caption{text-align:center;} .hero-col-right{flex:none;width:100%;max-width:460px;align-self:center;} .hero-search-zone{padding:0 1.75rem 2.5rem;} } @media(max-width:640px){ .hero-inner{padding:3rem 1.25rem 2rem;gap:2rem;} .hero-col-right{max-width:100%;} } /* -- Testimonials -- */ .testimonials-section{padding:4rem 2rem;background:var(--white);border-top:1px solid var(--gray-100);} .testimonials-inner{max-width:960px;margin:0 auto;} .testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:2rem;} .testimonial-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:1.75rem 1.5rem 1.25rem;display:flex;flex-direction:column;position:relative;transition:box-shadow 0.2s,transform 0.2s;} .testimonial-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);} .testimonial-card::before{content:'\\201C';position:absolute;top:14px;left:18px;font-family:'DM Serif Display',serif;font-size:3.5rem;color:var(--blue-100);line-height:1;pointer-events:none;} .testimonial-stars{color:#C2855A;font-size:13px;letter-spacing:3px;margin-bottom:0.9rem;display:block;} .testimonial-text{font-size:14px;color:var(--gray-700);line-height:1.8;margin-bottom:1.25rem;flex:1;padding-left:0.5rem;} .testimonial-author{display:flex;align-items:center;gap:10px;padding-top:1rem;border-top:1px solid var(--gray-100);} .testimonial-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;border:2px solid var(--white);box-shadow:0 0 0 2px var(--gray-100);} .testimonial-name{font-size:13px;font-weight:600;color:var(--blue-900);} .testimonial-role{font-size:11px;color:var(--gray-400);margin-top:1px;} /* -- Sticky results controls -- */ .results-sticky-controls{position:sticky;top:60px;z-index:9;background:var(--gray-50);padding:0.35rem 0 0;margin-bottom:0.25rem;} /* -- Match preset bar -- */ .mp-preset-bar{display:flex;align-items:center;gap:0.75rem;padding:0.55rem 0 0.45rem;flex-wrap:wrap;border-bottom:1px solid var(--gray-100);margin-bottom:0.75rem;} .mp-presets{display:flex;gap:5px;flex-wrap:wrap;} .mp-preset-btn{padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;border:1px solid var(--gray-100);background:var(--white);color:var(--gray-600);cursor:pointer;transition:all 0.15s;white-space:nowrap;line-height:1.5;} .mp-preset-btn:hover{border-color:var(--blue-300);color:var(--blue-700);background:var(--blue-50);} .mp-preset-btn.active{border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-800);font-weight:600;} /* -- Match profile detail page - PT/TherapyDen style -- */ .profile-hero{background:var(--blue-900);padding:2.5rem 2rem 1.5rem;} .profile-inner{max-width:1040px;margin:0 auto;} .profile-top{display:flex;gap:2rem;align-items:flex-end;} .profile-avatar-lg{width:160px;height:160px;border-radius:50%;background:var(--blue-100);color:var(--blue-800);display:flex;align-items:center;justify-content:center;font-family:'DM Serif Display',serif;font-size:54px;border:3px solid var(--teal-500);box-shadow:0 0 0 4px rgba(20,184,166,0.25);flex-shrink:0;} .profile-hero-info{padding-bottom:0.5rem;flex:1;} .profile-name{font-family:'DM Serif Display',serif;font-size:2.1rem;color:var(--white);margin-bottom:6px;line-height:1.2;} .profile-cred{font-size:14px;color:var(--blue-200);margin-bottom:14px;} .profile-badges{display:flex;gap:6px;flex-wrap:wrap;} .profile-badge{font-size:11px;font-weight:500;padding:4px 10px;border-radius:var(--radius-sm);background:rgba(255,255,255,0.1);color:var(--blue-100);border:1px solid rgba(255,255,255,0.15);display:inline-flex;align-items:center;gap:4px;} .profile-badge.verified{background:rgba(29,158,117,0.22);border-color:rgba(29,158,117,0.4);color:#7ee8c8;} .profile-badge.open{background:rgba(29,158,117,0.22);border-color:rgba(29,158,117,0.4);color:#7ee8c8;} .profile-tabs{background:var(--blue-900);border-top:1px solid rgba(255,255,255,0.08);} .profile-tabs-inner{max-width:1040px;margin:0 auto;display:flex;} .profile-tab{padding:13px 22px;font-size:13px;color:var(--blue-200);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all 0.15s;font-weight:500;min-height:44px;display:inline-flex;align-items:center;} .profile-tab.active{color:var(--white);border-bottom-color:var(--white);} .profile-tab:hover{color:var(--white);} .profile-tab:focus-visible{outline:2px solid rgba(126,232,200,0.95);outline-offset:-1px;border-bottom-color:rgba(126,232,200,0.95);} .profile-body{max-width:1040px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;align-items:start;} .profile-main-col{display:flex;flex-direction:column;gap:0;} .profile-side-col{display:flex;flex-direction:column;gap:1rem;position:sticky;top:76px;} /* Profile sections */ .prof-section{padding:1.5rem 0;border-bottom:1px solid var(--gray-100);} .prof-section:first-child{padding-top:0;} .prof-section:last-child{border-bottom:none;padding-bottom:0;} .prof-section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;} .prof-section-title{font-size:16px;font-weight:600;color:var(--blue-900);} .prof-edit-btn{font-size:12px;color:var(--blue-600);background:none;border:1px solid var(--blue-200);cursor:pointer;padding:4px 10px;border-radius:var(--radius-sm);transition:background 0.15s;} .prof-edit-btn:hover{background:var(--blue-50);} .prof-bio{font-size:15px;color:var(--gray-700);line-height:1.8;max-width:680px;} .prof-tag-group{margin-bottom:1.1rem;} .prof-tag-group:last-child{margin-bottom:0;} .prof-tag-label{font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px;} .prof-tag-grid{display:flex;flex-wrap:wrap;gap:6px;} .prof-tag{font-size:13px;padding:5px 13px;border-radius:var(--radius-sm);background:var(--blue-50);color:var(--blue-800);border:1px solid var(--blue-100);} .prof-tag.modality{background:var(--teal-50);color:var(--teal-700);border-color:var(--teal-100);} .prof-tag.population{background:var(--gray-50);color:var(--gray-700);border-color:var(--gray-200);} .prof-license-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);margin-bottom:8px;} .prof-license-check{width:18px;height:18px;border-radius:50%;background:var(--teal-500);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;} .prof-license-body{font-size:13px;color:var(--gray-800);line-height:1.5;} .prof-license-body strong{color:var(--gray-900);} .prof-edu-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--gray-50);} .prof-edu-item:last-child{border-bottom:none;padding-bottom:0;} .prof-edu-degree{font-size:13px;font-weight:500;color:var(--gray-900);} .prof-edu-school{font-size:12px;color:var(--gray-500);margin-top:2px;} .prof-edu-year{font-size:13px;color:var(--gray-400);} /* Sidebar & shared */ .info-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:1.25rem;} .info-card-title{font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.9rem;padding-bottom:0.7rem;border-bottom:1px solid var(--gray-100);} .info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--gray-50);font-size:13px;} .info-row:last-child{border-bottom:none;} .info-row-label{color:var(--gray-500);} .info-row-val{color:var(--gray-900);text-align:right;max-width:60%;} .tag-grid{display:flex;flex-wrap:wrap;gap:6px;} .specialty-tag{font-size:12px;padding:4px 11px;border-radius:var(--radius-sm);background:var(--blue-50);color:var(--blue-800);} .contact-btn{width:100%;padding:13px;border-radius:var(--radius-md);background:var(--blue-600);color:var(--white);border:none;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:8px;transition:opacity 0.15s;} .contact-btn:hover{opacity:0.88;} .contact-btn-outline{width:100%;padding:10px;border-radius:var(--radius-md);background:transparent;color:var(--blue-600);border:1px solid var(--blue-200);font-size:14px;cursor:pointer;transition:background 0.15s;} .contact-btn-outline:hover{background:var(--blue-50);} .avail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;} .avail-slot{background:var(--teal-50);color:var(--teal-700);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px;text-align:center;border:1px solid var(--teal-100);} .avail-slot.full{background:var(--gray-50);color:var(--gray-400);border-color:var(--gray-100);} .bio-text{font-size:14px;color:var(--gray-700);line-height:1.75;} .license-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--teal-50);border-radius:var(--radius-md);margin-bottom:6px;} .license-check{width:16px;height:16px;border-radius:50%;background:var(--teal-400);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .license-text{font-size:12px;color:var(--teal-600);} @media(max-width:768px){.profile-body{grid-template-columns:1fr;}.profile-side-col{position:static;}.profile-top{gap:1.25rem;align-items:center;flex-direction:column;text-align:center;}.profile-avatar-lg{width:96px;height:96px;font-size:32px;}.profile-name{font-size:1.5rem;}.avail-grid{grid-template-columns:1fr 1fr;}.profile-badges{justify-content:center;}} /* ============================================= Profile — Animations & Visual Polish (C1) ============================================= */ @keyframes avatarPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.02);}} @keyframes fadeSlideUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}} @keyframes badgePop{0%{transform:scale(0.85);opacity:0;}70%{transform:scale(1.05);}100%{transform:scale(1);opacity:1;}} @keyframes heroDrift{0%{background-position:50% 0%;}100%{background-position:52% 1%;}} @keyframes tabFadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}} @media(prefers-reduced-motion:no-preference){ .profile-hero{animation:heroDrift 8s ease-in-out alternate infinite;background-size:200% 200%;} .profile-avatar-lg:not(.editable){animation:avatarPulse 3s ease-in-out infinite;} } .profile-name{animation:fadeSlideUp 0.45s ease both;} .profile-cred{animation:fadeSlideUp 0.45s 0.12s ease both;} .profile-badges{animation:fadeSlideUp 0.45s 0.24s ease both;} .profile-badge.verified{animation:badgePop 0.35s 0.3s ease both;} .profile-badge.verified+.profile-badge.verified{animation-delay:0.4s;} .profile-badge.open{animation:badgePop 0.35s 0.5s ease both;} .profile-badge.open+.profile-badge.open{animation-delay:0.6s;} .profile-badge.verified:hover,.profile-badge.open:hover{transform:translateY(-2px);border-color:rgba(29,158,117,0.7);transition:all 0.2s ease;} .info-card{transition:box-shadow 0.2s ease,transform 0.2s ease;} .info-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);} #ptab-content-profile:not([hidden]),#ptab-content-availability:not([hidden]),#ptab-content-dashboard:not([hidden]){animation:tabFadeIn 0.22s ease both;} .hub-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.25rem;padding:1.25rem 2rem;max-width:1100px;margin:0 auto;} .hub-sidebar{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:1rem;height:fit-content;position:sticky;top:76px;} .hub-nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;color:var(--gray-700);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:all 0.15s;margin-bottom:3px;} .hub-nav-item:hover{background:var(--gray-50);} .hub-nav-item.active{background:var(--blue-50);color:var(--blue-800);font-weight:500;} .hub-nav-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;} .hub-count{margin-left:auto;background:var(--blue-600);color:var(--white);border-radius:10px;font-size:10px;padding:1px 7px;font-weight:500;} .post-ref-btn{width:100%;padding:10px;border-radius:var(--radius-md);background:var(--blue-600);color:var(--white);border:none;font-size:13px;font-weight:500;cursor:pointer;margin-bottom:0.75rem;transition:opacity 0.15s;} .post-ref-btn:hover{opacity:0.88;} .hipaa-notice{background:var(--amber-50);border-radius:var(--radius-md);padding:10px;font-size:11px;color:var(--amber-600);line-height:1.5;display:flex;gap:7px;} .ref-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;margin-bottom:0.8rem;cursor:pointer;transition:box-shadow 0.2s,border-color 0.2s;} .ref-card:hover{box-shadow:var(--shadow-sm);border-color:var(--blue-100);} .ref-card.top-match{border-left:3px solid var(--blue-600);border-radius:0 var(--radius-lg) var(--radius-lg) 0;} .ref-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:7px;} .ref-card-title{font-size:14px;font-weight:500;color:var(--blue-900);margin-bottom:4px;} .ref-card-desc{font-size:12px;color:var(--gray-500);line-height:1.5;margin-bottom:10px;} .ref-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:9px;border-top:1px solid var(--gray-50);} .poster{display:flex;align-items:center;gap:7px;} .poster-av{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:500;} .poster-name{font-size:12px;color:var(--gray-500);} .poster-cred{font-size:11px;color:var(--gray-300);} .match-indicator{display:flex;align-items:center;gap:6px;} .match-bar-bg{width:56px;height:4px;background:var(--gray-100);border-radius:2px;overflow:hidden;} .match-bar-fill{height:100%;border-radius:2px;background:var(--blue-600);} .match-pct-txt{font-size:11px;font-weight:500;color:var(--blue-800);} .ref-actions{display:flex;gap:6px;margin-top:10px;} .ref-act-btn{flex:1;padding:7px;border-radius:var(--radius-md);border:1px solid var(--gray-100);background:transparent;font-size:12px;color:var(--gray-700);cursor:pointer;transition:background 0.15s;text-align:center;} .ref-act-btn:hover{background:var(--gray-50);} .ref-act-btn.primary{background:var(--blue-600);color:var(--white);border-color:var(--blue-600);} .ref-act-btn.primary:hover{opacity:0.88;} .ai-match-box{background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1rem;display:flex;gap:12px;align-items:flex-start;} .ai-badge{background:var(--blue-600);color:var(--white);border-radius:var(--radius-sm);padding:3px 8px;font-size:10px;font-weight:500;white-space:nowrap;flex-shrink:0;margin-top:2px;} .ai-match-text{font-size:13px;color:var(--blue-800);line-height:1.55;} .hub-tabs{display:flex;gap:4px;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:5px;margin-bottom:1rem;} .hub-tab{flex:1;padding:7px;border-radius:var(--radius-md);border:none;background:transparent;font-size:13px;color:var(--gray-500);cursor:pointer;transition:all 0.15s;} .hub-tab.active{background:var(--blue-50);color:var(--blue-800);font-weight:500;} /* -------------------------------------------------- REFERRAL SYSTEM - Full Lifecycle -------------------------------------------------- */ /* -- Referral creation wizard -- */ .ref-wiz-steps{display:flex;gap:0;margin-bottom:1.5rem;counter-reset:rwiz;} .ref-wiz-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;} .ref-wiz-step::after{content:'';position:absolute;top:13px;left:50%;width:100%;height:2px;background:var(--gray-100);z-index:0;} .ref-wiz-step:last-child::after{display:none;} .ref-wiz-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;z-index:1;transition:all var(--transition-base);} .ref-wiz-dot.done{background:var(--teal-600);color:var(--white);} .ref-wiz-dot.active{background:var(--blue-600);color:var(--white);box-shadow:0 0 0 3px var(--blue-100);} .ref-wiz-dot.future{background:var(--gray-100);color:var(--gray-400);} .ref-wiz-label{font-size:10px;color:var(--gray-400);text-align:center;line-height:1.3;} .ref-wiz-label.active{color:var(--blue-700);font-weight:500;} .ref-wiz-pane{display:none;} .ref-wiz-pane.active{display:block;} .ref-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;} @media(max-width:480px){.ref-field-row{grid-template-columns:1fr;}} .ref-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px;} .ref-chip{padding:5px 12px;border-radius:var(--radius-sm);border:1px solid var(--gray-100);background:var(--white);font-size:12.5px;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);user-select:none;} .ref-chip:hover{border-color:var(--blue-300);color:var(--blue-700);} .ref-chip.selected{background:var(--blue-50);border-color:var(--blue-500);color:var(--blue-800);font-weight:500;} .ref-urgency-row{display:flex;gap:8px;margin-top:6px;} .ref-urgency-btn{flex:1;padding:8px 6px;border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--white);font-size:12px;cursor:pointer;text-align:center;transition:all var(--transition-fast);} .ref-urgency-btn.active{font-weight:600;} .ref-urgency-btn[data-urgency="routine"].active{background:#EEF6FF;border-color:#185FA5;color:#185FA5;} .ref-urgency-btn[data-urgency="soon"].active{background:#FFF8EB;border-color:#D97706;color:#92400E;} .ref-urgency-btn[data-urgency="urgent"].active{background:#FEF2F2;border-color:#DC2626;color:#991B1B;} .ref-board-toggle{display:flex;align-items:center;justify-content:space-between;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:12px 14px;margin-top:1rem;cursor:pointer;} .ref-board-toggle-label{font-size:13px;font-weight:500;color:var(--blue-900);} .ref-board-toggle-sub{font-size:11.5px;color:var(--gray-500);margin-top:2px;} .ref-toggle-switch{width:36px;height:20px;border-radius:10px;background:var(--gray-200);position:relative;transition:background var(--transition-fast);flex-shrink:0;} .ref-toggle-switch.on{background:var(--teal-500);} .ref-toggle-switch::after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--white);transition:transform var(--transition-fast);box-shadow:0 1px 3px rgba(0,0,0,0.2);} .ref-toggle-switch.on::after{transform:translateX(16px);} /* -- Structured wizard inputs (multi-select with primary, radio rows, radio cards) -- */ .ref-multichip-group{display:flex;flex-wrap:wrap;gap:7px;} .ref-multichip{position:relative;padding:6px 12px 6px 10px;border-radius:var(--radius-sm);border:1px solid var(--gray-100);background:var(--white);font-size:12.5px;color:var(--gray-700);cursor:pointer;transition:all 0.15s;user-select:none;display:inline-flex;align-items:center;gap:6px;} .ref-multichip:hover{border-color:var(--blue-300);color:var(--blue-700);} .ref-multichip.selected{background:var(--blue-50);border-color:var(--blue-500);color:var(--blue-800);font-weight:500;} .ref-multichip-star{display:none;font-size:13px;line-height:1;color:var(--gray-300);cursor:pointer;padding:2px 4px;border-radius:50%;transition:color 0.15s,background 0.15s;} .ref-multichip.selected .ref-multichip-star{display:inline-flex;} .ref-multichip-star:hover{color:#F59E0B;background:#FEF3C7;} .ref-multichip.primary{background:var(--teal-50);border-color:var(--teal-600);color:var(--teal-800);} .ref-multichip.primary .ref-multichip-star{color:#F59E0B;} .ref-radio-row{display:flex;flex-wrap:wrap;gap:6px;} .ref-radio-row .ref-radio-btn{flex:1 1 110px;min-width:90px;padding:9px 10px;border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--white);font-size:12.5px;font-family:inherit;color:var(--gray-700);cursor:pointer;text-align:center;transition:all 0.15s;line-height:1.3;} .ref-radio-btn:hover{border-color:var(--blue-300);color:var(--blue-700);} .ref-radio-btn.active{background:var(--teal-50);border-color:var(--teal-600);color:var(--teal-800);font-weight:600;} .ref-radio-sub{display:block;font-size:10.5px;font-weight:400;color:var(--gray-500);margin-top:2px;} .ref-radio-btn.active .ref-radio-sub{color:var(--teal-700);} .ref-radio-stack{display:flex;flex-direction:column;gap:6px;} .ref-radio-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 14px;border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--white);font-family:inherit;font-size:13px;color:var(--gray-700);cursor:pointer;text-align:left;transition:all 0.15s;} .ref-radio-card strong{font-weight:600;color:var(--blue-900);} .ref-radio-card:hover{border-color:var(--blue-300);} .ref-radio-card.active{background:var(--teal-50);border-color:var(--teal-600);} .ref-radio-card.active strong{color:var(--teal-800);} .ref-radio-card-danger.active{background:#FEF2F2;border-color:#DC2626;} .ref-radio-card-danger.active strong{color:#991B1B;} .ref-checkbox-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--gray-100);border-radius:var(--radius-md);font-size:12.5px;color:var(--gray-700);cursor:pointer;} .ref-checkbox-row input[type="checkbox"]{margin-top:3px;} .ref-checkbox-row strong{display:block;color:var(--blue-900);font-weight:600;font-size:13px;} /* -- Curated list builder -- */ .list-builder-header{background:var(--blue-50);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:10px;} .list-builder-count{font-size:13px;font-weight:600;color:var(--blue-800);} .list-builder-sub{font-size:12px;color:var(--blue-600);margin-top:2px;} .list-match-card{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1.5px solid var(--gray-100);border-radius:var(--radius-md);margin-bottom:8px;transition:border-color var(--transition-fast),background var(--transition-fast);cursor:pointer;} .list-match-card.selected{border-color:var(--blue-400);background:var(--blue-50);} .list-match-card:hover{border-color:var(--blue-200);} .list-match-check{width:20px;height:20px;border-radius:5px;border:2px solid var(--gray-300);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:all var(--transition-fast);} .list-match-card.selected .list-match-check{background:var(--blue-600);border-color:var(--blue-600);} .list-match-score{font-size:12px;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);flex-shrink:0;} .score-strong{background:#E1F5EE;color:#085041;} .score-good{background:#EEF6FF;color:#0C447C;} .score-possible{background:var(--gray-50);color:var(--gray-600);} .list-match-name{font-size:13.5px;font-weight:600;color:var(--blue-900);} .list-match-meta{font-size:12px;color:var(--gray-500);margin-top:2px;line-height:1.4;} .list-finalize-bar{position:sticky;bottom:0;background:var(--white);border-top:1px solid var(--gray-100);padding:12px 0 4px;margin-top:8px;display:flex;gap:8px;align-items:center;} .list-finalize-btn{flex:1;padding:10px;background:var(--blue-600);color:var(--white);border:none;border-radius:var(--radius-md);font-size:13.5px;font-weight:600;cursor:pointer;transition:background var(--transition-fast);} .list-finalize-btn:hover{background:var(--blue-700);} .list-finalize-btn:disabled{background:var(--gray-200);color:var(--gray-400);cursor:default;} /* -- Patient share list page -- */ .plist-shell{max-width:680px;margin:0 auto;padding:2rem 1.5rem;} .plist-header{text-align:center;margin-bottom:2rem;} .plist-badge{display:inline-flex;align-items:center;gap:6px;background:var(--teal-50);color:var(--teal-700);border:1px solid var(--teal-100);border-radius:var(--radius-sm);padding:3px 10px;font-size:11px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:1rem;} .plist-title{font-family:'DM Serif Display',serif;font-size:1.8rem;color:var(--blue-900);margin-bottom:0.5rem;} .plist-sub{font-size:14px;color:var(--gray-500);line-height:1.6;max-width:480px;margin:0 auto;} .plist-provider-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-xs);} .plist-provider-card:hover{box-shadow:var(--shadow-sm);border-color:var(--blue-100);} .plist-provider-name{font-size:1rem;font-weight:700;color:var(--blue-900);margin-bottom:2px;} .plist-provider-title{font-size:13px;color:var(--gray-500);margin-bottom:10px;} .plist-provider-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px;} .plist-provider-chip{font-size:11.5px;padding:3px 9px;border-radius:var(--radius-sm);background:var(--gray-50);color:var(--gray-600);border:1px solid var(--gray-100);} .plist-contact-row{display:flex;flex-wrap:wrap;gap:8px;} .plist-contact-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;border:none;transition:all var(--transition-fast);} .plist-contact-phone{background:var(--teal-600);color:var(--white);} .plist-contact-phone:hover{background:var(--teal-700);} .plist-contact-email{background:var(--white);color:var(--blue-700);border:1.5px solid var(--blue-200);} .plist-contact-email:hover{background:var(--blue-50);} .plist-contact-web{background:var(--white);color:var(--gray-600);border:1.5px solid var(--gray-200);} .plist-contact-web:hover{background:var(--gray-50);} .plist-privacy-footer{background:var(--teal-50);border:1px solid var(--teal-100);border-radius:var(--radius-md);padding:14px 16px;margin-top:1.5rem;font-size:12.5px;color:var(--teal-700);line-height:1.6;display:flex;gap:10px;align-items:flex-start;} .plist-expires{text-align:center;font-size:12px;color:var(--gray-400);margin-top:1rem;} /* -- Referral Selection (revamped design) -- */ .rsel-shell{max-width:1100px;margin:0 auto;padding:1.5rem 1.5rem 2rem;} .rsel-header{margin-bottom:1.25rem;} .rsel-badge{display:inline-flex;align-items:center;gap:6px;background:var(--teal-50);color:var(--teal-700);border:1px solid var(--teal-100);border-radius:var(--radius-sm);padding:4px 10px;font-size:10.5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:0.75rem;} .rsel-title-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;} .rsel-title{font-family:'DM Serif Display',serif;font-size:1.85rem;color:var(--blue-900);margin:0;letter-spacing:-0.01em;} .rsel-sub-strong{font-size:14px;font-weight:600;color:var(--blue-900);margin-bottom:2px;} .rsel-sub{font-size:13px;color:var(--gray-500);line-height:1.55;} .rsel-privacy-banner{background:linear-gradient(135deg,#F0FDF9 0%,#ECFDF5 100%);border:1px solid var(--teal-100);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.25rem;display:flex;gap:14px;align-items:flex-start;position:relative;} .rsel-privacy-icon{flex-shrink:0;width:36px;height:36px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--teal-100);} .rsel-privacy-title{font-size:13.5px;font-weight:700;color:var(--blue-900);margin-bottom:3px;} .rsel-privacy-text{font-size:12.5px;color:var(--gray-600);line-height:1.55;} .rsel-tabs-row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:flex-end;margin-bottom:1rem;flex-wrap:wrap;} .rsel-tabs{display:flex;gap:4px;border-bottom:1px solid var(--gray-100);} .rsel-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:var(--gray-500);cursor:pointer;font-family:inherit;transition:all 0.15s;} .rsel-tab:hover{color:var(--blue-700);} .rsel-tab.active{color:var(--teal-700);border-bottom-color:var(--teal-600);font-weight:600;} .rsel-stats{display:flex;gap:8px;} .rsel-stat-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:8px 16px;min-width:90px;text-align:center;} .rsel-stat-value{font-size:18px;font-weight:700;color:var(--blue-900);line-height:1.2;display:flex;align-items:center;justify-content:center;gap:4px;} .rsel-stat-accent{color:var(--teal-700);} .rsel-stat-label{font-size:10.5px;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.04em;font-weight:500;margin-top:2px;} .rsel-filter-bar{display:flex;gap:8px;align-items:center;margin-bottom:1rem;flex-wrap:wrap;} .rsel-search{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-md);} .rsel-search input{flex:1;border:none;outline:none;font-size:13px;font-family:inherit;background:transparent;color:var(--blue-900);} .rsel-search input::placeholder{color:var(--gray-400);} .rsel-filter-select,.rsel-filter-sort{padding:8px 12px;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-md);font-size:12.5px;font-family:inherit;color:var(--gray-700);cursor:pointer;} .rsel-filter-more{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-md);font-size:12.5px;font-family:inherit;color:var(--gray-700);cursor:pointer;} .rsel-filter-more:hover{border-color:var(--gray-300);} .rsel-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:0.75rem;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:flex-start;box-shadow:var(--shadow-xs);transition:box-shadow 0.15s,border-color 0.15s;position:relative;} .rsel-card:hover{box-shadow:var(--shadow-sm);border-color:var(--blue-100);} .rsel-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--white);flex-shrink:0;} .rsel-card-body{min-width:0;} .rsel-card-name{font-size:15px;font-weight:700;color:var(--blue-900);margin-bottom:1px;} .rsel-card-title{font-size:12.5px;color:var(--gray-500);margin-bottom:8px;} .rsel-match-row{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;margin-bottom:4px;} .rsel-match-strong{color:var(--teal-700);} .rsel-match-good{color:var(--blue-700);} .rsel-match-possible{color:#7C4A00;} .rsel-match-note{font-size:12.5px;color:var(--gray-600);margin-bottom:4px;} .rsel-card-desc{font-size:12.5px;color:var(--gray-600);margin-bottom:8px;} .rsel-card-chips{display:flex;flex-wrap:wrap;gap:5px;} .rsel-card-chip{font-size:11px;padding:3px 9px;border-radius:var(--radius-sm);background:var(--gray-50);color:var(--gray-700);border:1px solid var(--gray-100);} .rsel-card-meta{display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-size:12px;color:var(--gray-600);min-width:170px;} .rsel-card-meta-row{display:flex;align-items:center;gap:6px;} .rsel-card-side{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:160px;} .rsel-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;align-self:flex-end;} .rsel-status-accepting{background:#DCFCE7;color:#166534;} .rsel-status-limited{background:#FEF3C7;color:#92400E;} .rsel-status-not{background:var(--gray-100);color:var(--gray-500);} .rsel-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;} .rsel-btn-phone{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--teal-700);color:var(--white);border:none;border-radius:var(--radius-md);font-size:12.5px;font-weight:600;cursor:pointer;text-decoration:none;font-family:inherit;} .rsel-btn-phone:hover{background:var(--teal-800,#0F5249);} .rsel-btn-phone.rsel-disabled{background:var(--gray-100);color:var(--gray-400);cursor:not-allowed;} .rsel-btn-email{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--white);color:var(--blue-700);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:12.5px;font-weight:500;cursor:pointer;text-decoration:none;font-family:inherit;} .rsel-btn-email:hover{background:var(--blue-50);} .rsel-view-profile{font-size:12px;color:var(--blue-700);text-decoration:none;text-align:center;font-weight:500;padding:4px;cursor:pointer;background:none;border:none;font-family:inherit;} .rsel-view-profile:hover{text-decoration:underline;} .rsel-bookmark{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--gray-300);padding:4px;} .rsel-bookmark:hover{color:var(--teal-600);} .rsel-footer-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:14px 18px;margin-top:1rem;} .rsel-footer-title{font-size:13px;font-weight:600;color:var(--blue-900);display:flex;align-items:center;gap:6px;} .rsel-footer-title::before{content:"";display:inline-block;width:14px;height:14px;background:var(--gray-300);border-radius:50%;} .rsel-footer-sub{font-size:12px;color:var(--gray-500);margin-top:2px;} .rsel-refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--white);color:var(--blue-700);border:1px solid var(--blue-200);border-radius:var(--radius-md);font-size:12.5px;font-weight:500;cursor:pointer;font-family:inherit;} .rsel-refresh-btn:hover{background:var(--blue-50);} @media(max-width:768px){.rsel-card{grid-template-columns:auto 1fr;}.rsel-card-side{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;}.rsel-tabs-row{grid-template-columns:1fr;}.rsel-stats{justify-content:space-between;}} /* -- My Referrals list in hub -- */ .my-ref-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:0.75rem;} .my-ref-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;} .my-ref-title{font-size:14px;font-weight:600;color:var(--blue-900);} .my-ref-meta{font-size:12px;color:var(--gray-500);margin-top:2px;} .ref-status-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;white-space:nowrap;} .ref-status-draft{background:var(--gray-100);color:var(--gray-600);} .ref-status-submitted{background:#EFF6FF;color:#1D4ED8;} .ref-status-matching{background:#F5F3FF;color:#5B21B6;} .ref-status-curating{background:#FFF8EB;color:#92400E;} .ref-status-in-progress{background:#FFF8EB;color:#92400E;} .ref-status-finalized{background:#E1F5EE;color:#0F6E56;} .ref-status-shortlisted{background:#E1F5EE;color:#0F6E56;} .ref-status-sent{background:#EEF6FF;color:#0C447C;} .ref-status-closed{background:var(--gray-50);color:var(--gray-400);} .ref-status-expired{background:#FEF2F2;color:#B91C1C;} /* -- Referral lifecycle progress track -- */ .ref-lifecycle{display:flex;align-items:center;gap:0;margin:10px 0 3px;} .ref-lc-dot{width:9px;height:9px;border-radius:50%;background:var(--gray-200);flex-shrink:0;} .ref-lc-dot.done{background:var(--teal-400);} .ref-lc-dot.active{background:var(--blue-600);box-shadow:0 0 0 3px rgba(22,85,184,0.13);} .ref-lc-dot.lc-expired{background:#EF4444;box-shadow:0 0 0 3px rgba(239,68,68,0.13);} .ref-lc-line{flex:1;height:2px;background:var(--gray-200);} .ref-lc-line.done{background:var(--teal-400);} .my-ref-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;} .my-ref-btn{padding:6px 14px;border-radius:var(--radius-md);font-size:12.5px;cursor:pointer;border:1px solid var(--gray-200);background:var(--white);color:var(--gray-700);transition:all var(--transition-fast);} .my-ref-btn:hover{background:var(--gray-50);} .my-ref-btn.primary{background:var(--blue-600);color:var(--white);border-color:var(--blue-600);} .my-ref-btn.primary:hover{background:var(--blue-700);} /* -- Structured messages in dashboard -- */ .msg-card{border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:10px;background:var(--gray-50);} .msg-card.unread{background:var(--blue-50);border-color:var(--blue-100);} .msg-card-hdr{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;} .msg-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;} .msg-from-name{font-weight:600;color:var(--blue-900);font-size:14px;line-height:1.3;} .msg-time{font-size:11.5px;color:var(--gray-400);margin-left:auto;white-space:nowrap;} .msg-fields{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;} .msg-field{font-size:11.5px;padding:3px 9px;border-radius:12px;background:var(--white);border:1px solid var(--gray-100);color:var(--gray-700);} .msg-body{font-size:13px;color:var(--gray-600);line-height:1.6;margin-bottom:10px;border-left:3px solid var(--blue-200);padding-left:10px;} .msg-actions{display:flex;gap:8px;} .msg-btn{padding:6px 14px;border-radius:var(--radius-md);font-size:12.5px;cursor:pointer;border:1px solid var(--gray-200);background:var(--white);color:var(--gray-700);transition:all var(--transition-fast);font-family:'Plus Jakarta Sans',sans-serif;} .msg-btn:hover{background:var(--gray-50);} .msg-btn.primary{background:var(--blue-600);color:var(--white);border-color:var(--blue-600);} .msg-btn.primary:hover{background:var(--blue-700);} /* -- Provider notification in dashboard -- */ .cd-notif-card{border:1px solid var(--blue-100);background:var(--blue-50);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:8px;display:flex;gap:12px;align-items:flex-start;} .cd-notif-card.read{background:var(--gray-50);border-color:var(--gray-100);} .cd-notif-icon{width:32px;height:32px;border-radius:50%;background:var(--blue-600);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .cd-notif-card.read .cd-notif-icon{background:var(--gray-200);color:var(--gray-500);} .cd-notif-title{font-size:13px;font-weight:600;color:var(--blue-900);margin-bottom:2px;} .cd-notif-card.read .cd-notif-title{color:var(--gray-600);font-weight:500;} .cd-notif-body{font-size:12px;color:var(--gray-600);line-height:1.5;} .cd-notif-time{font-size:11px;color:var(--gray-400);margin-top:4px;} .cd-notif-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--blue-600);flex-shrink:0;margin-top:5px;} /* -- Board application card -- */ .board-applicant-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--gray-100);border-radius:var(--radius-md);margin-bottom:6px;background:var(--white);} .board-applicant-av{width:32px;height:32px;border-radius:50%;background:var(--blue-100);color:var(--blue-700);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;} .board-applicant-name{font-size:13px;font-weight:500;color:var(--blue-900);} .board-applicant-meta{font-size:11.5px;color:var(--gray-500);} .board-add-btn{margin-left:auto;padding:5px 12px;background:var(--teal-50);color:var(--teal-700);border:1px solid var(--teal-200);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;} .board-add-btn:hover{background:var(--teal-100);} .board-add-btn.added{background:var(--teal-600);color:var(--white);border-color:var(--teal-600);} .modal-overlay{display:none;position:fixed;inset:0;background:rgba(4,44,83,0.5);z-index:200;align-items:center;justify-content:center;} /* PHI Preview Modal */ .phi-preview-icon{width:52px;height:52px;border-radius:50%;background:var(--teal-50);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;} .phi-preview-title{font-size:1.1rem;font-weight:700;color:var(--gray-900);text-align:center;margin:0 0 0.4rem;} .phi-preview-sub{font-size:13px;color:var(--gray-500);text-align:center;margin:0 0 1rem;line-height:1.55;} .phi-preview-text-wrap{background:var(--teal-50);border:1px solid var(--teal-100);border-radius:var(--radius-md);padding:0.85rem 1rem;margin-bottom:0.75rem;} .phi-preview-text{font-size:14px;color:var(--gray-900);line-height:1.6;font-style:italic;} .phi-preview-details{font-size:12px;color:var(--gray-500);margin-bottom:1.1rem;} .phi-preview-details summary{cursor:pointer;user-select:none;font-weight:500;} .phi-preview-changes{margin:0.5rem 0 0 1rem;padding:0;list-style:disc;color:var(--gray-500);} .phi-preview-changes li{margin-bottom:2px;} .phi-preview-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:0.25rem;} .btn-ghost{background:none;border:1px solid var(--gray-200);color:var(--gray-600);border-radius:var(--radius-md);padding:9px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:background var(--transition-fast);} .btn-ghost:hover{background:var(--gray-50);} .modal-overlay.open{display:flex;} .modal-box{background:var(--white);border-radius:var(--radius-xl);padding:1.75rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);margin:1rem;} .posting-type-btn{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-md);padding:0.75rem 0.5rem;cursor:pointer;text-align:center;transition:border-color 0.15s,background 0.15s;width:100%;} .posting-type-btn:hover{border-color:var(--teal-400);background:var(--teal-50);} .posting-type-btn.active{border-color:var(--teal-600);background:#f0faf7;} .modal-title{font-family:'DM Serif Display',serif;font-size:1.3rem;color:var(--blue-900);margin-bottom:4px;} .modal-sub{font-size:13px;color:var(--gray-500);margin-bottom:1.25rem;} .form-group{margin-bottom:1rem;} .form-label{display:block;font-size:13px;font-weight:500;color:var(--gray-700);margin-bottom:5px;} .form-input,.form-select,.form-textarea{width:100%;padding:9px 12px;border-radius:var(--radius-md);border:1px solid var(--gray-100);font-size:13px;font-family:'Plus Jakarta Sans',sans-serif;color:var(--gray-900);background:var(--gray-50);outline:none;transition:border-color 0.15s;} .form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--blue-400);background:var(--white);} .form-textarea{resize:vertical;min-height:80px;line-height:1.5;} .phi-guard{background:var(--red-50);border-radius:var(--radius-md);padding:10px 12px;font-size:12px;color:var(--red-600);line-height:1.5;margin-bottom:1rem;display:flex;gap:8px;} .phi-warn{display:none;font-size:11px;color:var(--red-600);margin-top:4px;} .modal-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:1.25rem;} .modal-cancel{padding:9px 18px;border-radius:var(--radius-md);border:1px solid var(--gray-100);background:transparent;font-size:13px;cursor:pointer;color:var(--gray-500);} .modal-submit{padding:9px 20px;border-radius:var(--radius-md);background:var(--blue-600);color:var(--white);border:none;font-size:13px;font-weight:500;cursor:pointer;} .phone-reveal-modal .modal-box{max-width:420px;} .phone-reveal-title{font-family:'DM Serif Display',serif;font-size:1.2rem;color:var(--blue-900);margin-bottom:4px;} .phone-reveal-sub{font-size:13px;color:var(--gray-600);margin-bottom:1.5rem;line-height:1.5;} .phone-reveal-notice{background:var(--amber-50);border:1px solid var(--amber-200);border-radius:var(--radius-md);padding:10px 12px;font-size:12px;color:var(--amber-900);margin-bottom:1.25rem;line-height:1.5;} .phone-captcha-container{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:12px;margin-bottom:1.25rem;min-height:78px;display:flex;align-items:center;justify-content:center;} .phone-display-box{background:var(--blue-50);border:2px solid var(--blue-200);border-radius:var(--radius-md);padding:1.25rem;text-align:center;margin-bottom:1rem;} .phone-display-label{font-size:12px;color:var(--gray-600);margin-bottom:6px;} .phone-display-number{font-family:monospace;font-size:1.5rem;font-weight:600;color:var(--blue-900);letter-spacing:2px;} .phone-display-copy{font-size:12px;color:var(--teal-600);margin-top:8px;cursor:pointer;} .phone-call-link{display:inline-block;margin-top:8px;color:var(--teal-600);text-decoration:none;font-weight:500;} .match-page{padding:2rem;max-width:900px;margin:0 auto;} .match-hero{background:var(--blue-900);border-radius:var(--radius-xl);padding:2.5rem 2rem;margin-bottom:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;} .match-hero-title{font-family:'DM Serif Display',serif;font-size:1.6rem;color:var(--white);margin-bottom:0.6rem;} .match-hero-sub{font-size:14px;color:var(--blue-100);line-height:1.6;} .match-demo{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:1.25rem;} .match-demo-label{font-size:11px;color:rgba(255,255,255,0.6);margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.06em;} .signal-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;} .signal-name{font-size:12px;color:var(--blue-100);width:110px;flex-shrink:0;} .signal-bar-bg{flex:1;height:5px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden;} .signal-bar{height:100%;border-radius:3px;background:var(--blue-400);} .signal-val{font-size:12px;color:var(--white);font-weight:500;width:30px;text-align:right;} .match-how{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;} .match-factor{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:1.25rem;} .mf-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin-bottom:0.75rem;} .mf-title{font-size:13px;font-weight:500;color:var(--blue-900);margin-bottom:5px;} .mf-desc{font-size:12px;color:var(--gray-500);line-height:1.55;} .match-simulator{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:1.5rem;} .sim-title{font-family:'DM Serif Display',serif;font-size:1.1rem;color:var(--blue-900);margin-bottom:0.3rem;} .sim-sub{font-size:13px;color:var(--gray-500);margin-bottom:1.25rem;} .sim-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;} .sim-results{display:flex;flex-direction:column;gap:8px;} .sim-result{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);background:var(--gray-50);} .sim-result-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;flex-shrink:0;} .sim-result-name{font-size:13px;font-weight:500;color:var(--blue-900);} .sim-result-sub{font-size:11px;color:var(--gray-500);} .sim-bar-bg{flex:1;height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden;} .sim-bar-fill{height:100%;border-radius:3px;transition:width 0.5s ease;} .sim-pct{font-size:12px;font-weight:500;min-width:36px;text-align:right;} .admin-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 60px);} .admin-sidebar{background:var(--blue-900);padding:1.5rem 1rem;} .admin-sidebar-title{font-size:10px;font-weight:500;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.5rem;padding:0 8px;margin-top:1.25rem;} .admin-sidebar-title:first-child{margin-top:0;} .admin-nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;color:rgba(255,255,255,0.6);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:all 0.15s;margin-bottom:2px;} .admin-nav-item:hover{background:rgba(255,255,255,0.07);color:var(--white);} .admin-nav-item.active{background:rgba(255,255,255,0.12);color:var(--white);} .admin-badge{margin-left:auto;background:#E24B4A;color:var(--white);border-radius:10px;font-size:10px;padding:1px 6px;} .admin-main{padding:1.75rem;background:var(--gray-50);} .admin-page{display:none;} .admin-page.active{display:block;} .admin-hd{font-family:'DM Serif Display',serif;font-size:1.4rem;color:var(--blue-900);margin-bottom:0.25rem;} .admin-sub{font-size:13px;color:var(--gray-500);margin-bottom:1.5rem;} .admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:1.5rem;} .admin-stat{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:1rem;} .admin-stat-num{font-size:24px;font-weight:500;color:var(--blue-900);} .admin-stat-label{font-size:12px;color:var(--gray-500);margin-top:3px;} .admin-stat-trend{font-size:11px;color:var(--teal-600);margin-top:4px;} .admin-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem;} .admin-card-title{font-size:13px;font-weight:500;color:var(--blue-900);margin-bottom:0.9rem;} .flag-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--gray-50);} .flag-row:last-child{border-bottom:none;} .flag-sev{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px;} .flag-sev.high{background:var(--red-600);} .flag-sev.med{background:#BA7517;} .flag-sev.low{background:var(--gray-300);} .flag-body{flex:1;} .flag-title{font-size:13px;color:var(--gray-900);margin-bottom:2px;} .flag-meta{font-size:11px;color:var(--gray-500);} .flag-actions{display:flex;gap:5px;flex-shrink:0;} .flag-btn{padding:5px 11px;border-radius:var(--radius-sm);font-size:11px;cursor:pointer;border:1px solid var(--gray-100);background:transparent;color:var(--gray-700);transition:background 0.15s;} .flag-btn:hover{background:var(--gray-50);} .flag-btn.approve{border-color:var(--teal-100);color:var(--teal-600);} .flag-btn.remove{border-color:#F09595;color:var(--red-600);} .license-table{width:100%;border-collapse:collapse;font-size:13px;} .license-table th{font-size:11px;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.04em;padding:8px 10px;border-bottom:1px solid var(--gray-100);text-align:left;} .license-table td{padding:10px 10px;border-bottom:1px solid var(--gray-50);color:var(--gray-700);vertical-align:middle;} .license-table tr:last-child td{border-bottom:none;} .lic-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:2px 7px;border-radius:var(--radius-sm);} .lic-active{background:var(--teal-50);color:var(--teal-600);} .lic-expiring{background:var(--amber-50);color:var(--amber-600);} .lic-expired{background:var(--red-50);color:var(--red-600);} .role-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:0.9rem;display:flex;align-items:center;gap:12px;} .role-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .role-name{font-size:14px;font-weight:500;color:var(--blue-900);margin-bottom:3px;} .role-desc{font-size:12px;color:var(--gray-500);line-height:1.5;} .role-perms{margin-left:auto;text-align:right;} .perm-pill{display:inline-block;font-size:10px;padding:2px 8px;border-radius:10px;background:var(--blue-50);color:var(--blue-800);margin:2px;} .divider{border:none;border-top:1px solid var(--gray-100);margin:1rem 0;} /* -- Mobile bottom navigation -- */ .mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:110;background:var(--white);border-top:1px solid var(--gray-100);box-shadow:0 -4px 20px rgba(4,44,83,0.08);} .mobile-bottom-nav-inner{display:grid;grid-template-columns:repeat(4,1fr);height:60px;} .mbn-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:none;cursor:pointer;color:var(--gray-400);font-size:10px;font-weight:500;transition:color 0.15s;padding:0;position:relative;} .mbn-tab svg{width:22px;height:22px;stroke:currentColor;fill:none;transition:stroke 0.15s;} .mbn-tab.active{color:var(--blue-700);} .mbn-tab.active svg{stroke:var(--blue-700);} .mbn-tab-badge{position:absolute;top:6px;right:calc(50% - 16px);background:var(--teal-600);color:white;font-size:9px;font-weight:700;border-radius:10px;padding:1px 5px;min-width:16px;text-align:center;display:none;} .mbn-tab-badge.visible{display:block;} @media(max-width:640px){ .mobile-bottom-nav{display:block;} body{padding-bottom:60px;} .nav-mobile-menu{z-index:120;} .nav-mobile-menu.open ~ .mobile-bottom-nav{display:none;} } /* Mobile nav */ .nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-md);} .nav-hamburger span{display:block;height:2px;width:22px;background:var(--gray-700);border-radius:2px;transition:all 0.25s;} .nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);} .nav-hamburger.open span:nth-child(2){opacity:0;} .nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} .nav-mobile-menu{display:none;position:fixed;inset:60px 0 0 0;background:var(--white);z-index:99;padding:1rem;overflow-y:auto;border-top:1px solid var(--gray-100);} .nav-mobile-menu.open{display:flex;flex-direction:column;gap:4px;} .nav-mobile-link{padding:11px 14px;border-radius:var(--radius-md);font-size:15px;color:var(--gray-700);background:none;border:none;cursor:pointer;text-align:left;width:100%;font-family:'Plus Jakarta Sans',sans-serif;transition:background 0.15s;} .nav-mobile-link:hover{background:var(--gray-50);} .nav-mobile-cta{margin-top:8px;padding:13px;border-radius:var(--radius-md);background:var(--blue-600);color:var(--white);border:none;font-size:15px;font-weight:500;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;} .nav-mobile-crisis{margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--gray-100);text-align:center;font-size:13px;color:var(--gray-500);} .nav-mobile-crisis a{color:var(--teal-600);font-weight:500;text-decoration:none;} /* -- Results filter/sort bar -- */ .rf-bar{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:0.75rem 1rem;margin-bottom:1rem;display:flex;gap:0.6rem;flex-wrap:wrap;align-items:center;} .rf-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--gray-400);white-space:nowrap;} .rf-select{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);padding:5px 10px;font-size:13px;color:var(--gray-700);background:var(--white);cursor:pointer;font-family:inherit;} .rf-select:focus{outline:none;border-color:var(--blue-400);} .rf-divider{width:1px;height:20px;background:var(--gray-100);flex-shrink:0;} .rf-count{margin-left:auto;font-size:13px;font-weight:500;color:var(--gray-500);white-space:nowrap;} /* -- Save / heart button -- */ .save-btn{background:none;border:none;cursor:pointer;padding:4px;line-height:1;flex-shrink:0;color:var(--gray-300);transition:color 0.15s,transform 0.15s;} .save-btn:hover{color:#e05674;transform:scale(1.15);} .save-btn.saved{color:#e05674;} /* -- Saved drawer -- */ .saved-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:150;background:var(--blue-900);color:var(--white);border:none;border-radius:50px;padding:0.65rem 1.1rem;font-size:14px;font-weight:500;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;gap:7px;transition:opacity 0.15s;} .saved-fab.visible{display:flex;} .saved-fab:hover{opacity:0.88;} .saved-drawer{position:fixed;inset:0;z-index:300;display:none;} .saved-drawer.open{display:block;} .saved-drawer-bg{position:absolute;inset:0;background:rgba(4,44,83,0.4);} .saved-drawer-panel{position:absolute;right:0;top:0;bottom:0;width:360px;max-width:95vw;background:var(--white);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;} .saved-drawer-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between;} .saved-drawer-title{font-family:'DM Serif Display',serif;font-size:1.1rem;color:var(--blue-900);} .saved-drawer-close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--gray-400);line-height:1;padding:4px;} .saved-drawer-body{flex:1;overflow-y:auto;padding:1rem;} .saved-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;border:1px solid var(--gray-100);border-radius:var(--radius-md);margin-bottom:0.5rem;cursor:pointer;transition:border-color 0.15s;} .saved-item:hover{border-color:var(--blue-200);} /* -- Split CTA section -- */ .split-cta{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--radius-xl);overflow:hidden;margin:2.5rem 0;} .split-cta-panel{padding:2.5rem 2rem;} .split-cta-panel.patient{background:var(--blue-900);color:var(--white);} .split-cta-panel.clinician{background:var(--teal-600);color:var(--white);} .split-cta-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;opacity:0.7;margin-bottom:0.5rem;} .split-cta-title{font-family:'DM Serif Display',serif;font-size:1.4rem;margin-bottom:0.5rem;color:var(--white);} .split-cta-sub{font-size:14px;opacity:0.85;line-height:1.55;margin-bottom:1.25rem;} .split-cta-btn{background:var(--pm-cta-secondary-bg);border:1.5px solid var(--pm-border-inverse-soft);color:var(--pm-text-inverse);border-radius:var(--radius-md);padding:0.65rem 1.25rem;font-size:14px;font-weight:500;cursor:pointer;transition:background 0.15s;font-family:inherit;} .split-cta-btn:hover{background:rgba(255,255,255,0.25);} .split-cta-btn.solid{background:var(--white);color:var(--blue-900);border-color:var(--white);} .split-cta-btn.solid:hover{background:var(--gray-50);} .split-cta-btn.solid.pm-cta-patient-primary{background:var(--pm-cta-primary-bg);color:var(--pm-cta-primary-text);border-color:transparent;box-shadow:var(--pm-shadow-cta-primary);} .split-cta-btn.solid.pm-cta-patient-primary:hover{background:var(--blue-700);} /* -- Profile edit modal -- */ .profile-edit-overlay{display:none;position:fixed;inset:0;background:rgba(4,44,83,0.5);z-index:250;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto;} .profile-edit-overlay.open{display:flex;} .profile-edit-box{background:var(--white);border-radius:var(--radius-xl);padding:2rem;width:100%;max-width:580px;box-shadow:var(--shadow-lg);margin:auto;} /* -- Admin/demo gating (legacy pattern preserved for future use) -- */ .admin-demo-only{display:none !important;} body.is-admin .admin-demo-only{display:inline-flex !important;} /* -- Nav unification: hide public top nav inside dashboard / admin shells -- */ body.in-dashboard > nav.pm-load-nav, body.in-dashboard #nav-mobile-menu, body.in-admin > nav.pm-load-nav, body.in-admin #nav-mobile-menu{display:none !important;} /* -- Hero mock card -- */ .hero-mock-card{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);border-radius:16px;padding:1rem 1.25rem;max-width:360px;margin:0 auto 0.5rem;backdrop-filter:blur(6px);position:relative;overflow:hidden;} @keyframes mockCardFade{0%{opacity:0;transform:translateY(8px);}15%{opacity:1;transform:translateY(0);}85%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(-6px);}} .hero-mock-slide{position:absolute;inset:0;padding:1rem 1.25rem;animation:mockCardFade 5s ease-in-out infinite;opacity:0;} .hero-mock-slide:nth-child(1){animation-delay:0s;} .hero-mock-slide:nth-child(2){animation-delay:5s;} .hero-mock-slide:nth-child(3){animation-delay:10s;} .hero-mock-card-height{height:112px;} .hero-mock-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:rgba(255,255,255,0.6);margin-bottom:0.65rem;} .hero-mock-row{display:flex;align-items:center;gap:10px;margin-bottom:0.65rem;} .hero-mock-av{width:40px;height:40px;border-radius:50%;background:#B5D4F4;color:#0C447C;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0;} .hero-mock-name{font-size:13px;font-weight:600;color:var(--white);} .hero-mock-cred{font-size:11px;color:rgba(255,255,255,0.55);} .hero-mock-why{font-size:11px;color:rgba(110,231,195,0.85);margin-bottom:0.65rem;line-height:1.5;} .hero-mock-foot{display:flex;align-items:center;justify-content:space-between;} .hero-mock-match{background:rgba(24,95,165,0.5);color:#B5D4F4;border-radius:10px;padding:3px 9px;font-size:11px;font-weight:600;} .hero-mock-avail{font-size:11px;color:#6ee7c3;font-weight:500;} /* -- Clinician features dark section -- */ .clinician-section{background:var(--pm-surface-clinician);padding:3.5rem 2rem;} .clinician-section .section-inner,.clinician-section-inner{max-width:900px;margin:0 auto;} .clinician-section .section-label{color:rgba(255,255,255,0.6);} .clinician-section .section-title{color:var(--white);} .clinician-section .section-sub{color:rgba(255,255,255,0.65);} .clinician-section .pm-card-clinician{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.1);} .clinician-section .pm-card-clinician h3{color:var(--white);} .clinician-section .pm-card-clinician p{color:rgba(255,255,255,0.65);} .pm-clinician-grid{margin-top:2rem;} .pm-clinician-join-wrap{text-align:center;margin-top:2.5rem;} .pm-cta-clinician{font-size:15px;padding:0.8rem 2rem;} /* -- Skeleton loaders -- */ @keyframes shimmer{0%{background-position:-600px 0}100%{background-position:600px 0}} .skel{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite linear;border-radius:4px;} .skel-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:grid;grid-template-columns:54px 1fr auto;gap:1rem;align-items:start;margin-bottom:0.9rem;} .skel-avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite linear;} .skel-line{height:12px;margin-bottom:8px;} .skel-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:90px;} /* -- Results empty state -- */ .results-empty{text-align:center;padding:3.5rem 1.5rem;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);margin-top:0.5rem;} .results-empty-icon{width:56px;height:56px;background:var(--blue-50);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;} .results-empty-title{font-family:'DM Serif Display',serif;font-size:1.25rem;color:var(--blue-900);margin-bottom:0.4rem;} .results-empty-sub{font-size:14px;color:var(--gray-500);max-width:340px;margin:0 auto 1.5rem;line-height:1.6;} .results-empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;} /* -- Saved drawer quick actions -- */ .saved-item-actions{display:flex;gap:6px;margin-top:7px;} .saved-item-act{flex:1;padding:6px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all 0.15s;text-align:center;font-family:inherit;} .saved-item-act.view{background:var(--blue-50);color:var(--blue-800);border:1px solid var(--blue-100);} .saved-item-act.view:hover{background:var(--blue-100);} .saved-item-act.req{background:var(--teal-50);color:var(--teal-600);border:1px solid var(--teal-100);} .saved-item-act.req:hover{background:var(--teal-100);} /* -- Request modal confirmation -- */ .req-success{display:none;text-align:center;padding:1.5rem 1rem 0.5rem;} .req-success-icon{width:52px;height:52px;background:var(--teal-50);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;} .req-success-title{font-family:'DM Serif Display',serif;font-size:1.3rem;color:var(--blue-900);margin-bottom:0.4rem;} .req-success-sub{font-size:14px;color:var(--gray-500);line-height:1.6;margin-bottom:0.5rem;} /* old req-next-steps removed - replaced by .req-next-item layout at mp-request-btn block */ /* -- Avatar ring polish -- */ .cl-avatar{box-shadow:0 0 0 2px rgba(255,255,255,0.9),0 0 0 3px rgba(4,44,83,0.08);} /* -- Site footer -- */ .site-footer{background:var(--blue-900);color:rgba(255,255,255,0.7);padding:3rem 2rem 0;} .footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:3rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,0.1);} .footer-logo-wrap{display:flex;align-items:center;gap:8px;margin-bottom:0.75rem;} .footer-logo-icon{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;} .footer-tagline{font-size:13px;color:rgba(255,255,255,0.6);line-height:1.6;margin:0;} .footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;} .footer-col-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:rgba(255,255,255,0.6);margin-bottom:0.75rem;} .footer-col a{display:block;font-size:13px;color:rgba(255,255,255,0.6);text-decoration:none;margin-bottom:0.5rem;transition:color 0.15s;cursor:pointer;} .footer-col a:hover{color:var(--white);} .footer-bottom{max-width:1100px;margin:0 auto;padding:1.25rem 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,0.6);flex-wrap:wrap;gap:0.5rem;} .footer-bottom a{color:#6ee7c3;text-decoration:none;} @media(max-width:640px){ .nav{padding:0 1rem;height:60px;} .hero{padding:4.5rem 1.1rem 3.1rem;} .hero h1{font-size:clamp(2rem,7.8vw,2.6rem);} .hero-sub{font-size:16px;max-width:34ch;margin-bottom:2rem;} .hero-actions{gap:10px;} .section{padding:3.6rem 1.1rem;} .cta-band{margin:0 1rem 3rem;padding:2.6rem 1.2rem;} .nav-links{display:none;} .nav-cta{display:none;} .nav-hamburger{display:flex;} .wiz-options.cols-2,.wiz-options.cols-3,.wiz-options.cols-auto{grid-template-columns:1fr 1fr;} .wiz-options.cols-auto .opt-card{padding:0.75rem 0.5rem;} .wiz-input-row{grid-template-columns:1fr;} .profile-body{grid-template-columns:1fr;} .hub-layout{grid-template-columns:1fr;} .hub-sidebar{position:static;margin-bottom:0;} .admin-layout{grid-template-columns:1fr;} .admin-sidebar{display:none;} .match-hero{grid-template-columns:1fr;} .how-steps{grid-template-columns:1fr;} .match-how{grid-template-columns:1fr;} .split-cta{grid-template-columns:1fr;} .rf-bar{gap:0.4rem;} .rf-select{font-size:12px;padding:4px 8px;} .results-header{flex-wrap:wrap;gap:8px;} .wiz-shell{padding:0;} .wiz-body{padding:1.15rem 1rem 1.35rem;} .wiz-progress-bar,.wiz-footer{padding:0 1rem;} .saved-drawer-panel{width:100%;right:auto;left:0;} .stats-strip{grid-template-columns:1fr;} .stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,0.1);padding:1.25rem;} .stat-item:last-child{border-bottom:none;} .how-steps{grid-template-columns:1fr;}.how-steps::before{display:none;} .footer-inner{grid-template-columns:1fr;gap:1.5rem;} .footer-links{grid-template-columns:1fr 1fr;} .clinician-section{padding:2.5rem 1.25rem;} } /* ===== AUTH AND ROLES SYSTEM ===== */ #auth-overlay{position:fixed;inset:0;z-index:9999;background:var(--gray-50);display:flex;align-items:center;justify-content:center;padding:1rem;} #auth-overlay.hidden{display:none;} .auth-card{position:relative;background:var(--white);border-radius:var(--radius-lg);padding:2rem 2rem;width:100%;max-width:400px;box-shadow:0 0 0 1px var(--gray-100),var(--shadow-md);} .auth-overlay-close{position:absolute;top:10px;right:12px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--gray-500);font-size:25px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;} .auth-overlay-close:hover,.auth-overlay-close:focus-visible{background:var(--gray-100);color:var(--blue-900);} /* -- Onboarding flow -- */ .onboard-shell{max-width:620px;margin:0 auto;padding:2rem 1.25rem 4rem;} .onboard-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;} .onboard-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;} .onboard-progress-wrap{flex:1;min-width:180px;} .onboard-step-label{font-size:12px;font-weight:500;color:var(--gray-500);margin-bottom:6px;} .onboard-progress-bar{height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden;} .onboard-progress-fill{height:100%;background:var(--teal-600);border-radius:3px;transition:width 0.4s ease;} .onboard-card{background:var(--white);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md);margin-bottom:1.25rem;} .ob-step-title{font-family:'DM Serif Display',serif;font-size:1.4rem;color:var(--blue-900);margin-bottom:6px;} .ob-step-sub{font-size:14px;color:var(--gray-500);margin-bottom:1.5rem;line-height:1.5;} .ob-chips{display:flex;flex-wrap:wrap;gap:0.4rem;} .ob-chip{border:1px solid var(--gray-100);background:var(--white);border-radius:var(--radius-sm);padding:5px 12px;font-size:13px;cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s;color:var(--gray-700);} .ob-chip:hover{border-color:var(--teal-400);} .ob-chip.active{border-color:var(--teal-600);background:#f0faf7;color:var(--teal-700);font-weight:500;} .ob-format-btn{border:2px solid var(--gray-200);background:var(--white);border-radius:var(--radius-md);padding:0.75rem 0.5rem;cursor:pointer;font-size:13px;line-height:1.6;transition:border-color 0.15s,background 0.15s;} .ob-format-btn:hover{border-color:var(--teal-400);} .ob-format-btn.active{border-color:var(--teal-600);background:#f0faf7;font-weight:500;} .ob-avail-btn{border:2px solid var(--gray-200);background:var(--white);border-radius:var(--radius-md);padding:0.6rem 0.75rem;cursor:pointer;font-size:13px;text-align:left;transition:border-color 0.15s,background 0.15s;} .ob-avail-btn:hover{border-color:var(--blue-300);} .ob-avail-btn.active{border-color:var(--blue-600);background:var(--blue-50);font-weight:500;} .ob-golive-box{background:linear-gradient(135deg,var(--teal-50) 0%,var(--blue-50) 100%);border:1px solid var(--teal-100);border-radius:var(--radius-lg);padding:1.25rem;text-align:center;margin-top:1.5rem;} .onboard-actions{display:flex;justify-content:space-between;align-items:center;} .ob-back-btn{background:none;border:none;color:var(--gray-500);font-size:14px;cursor:pointer;padding:0.5rem 0;} .ob-back-btn:hover{color:var(--gray-700);} .ob-next-btn{background:var(--blue-900);color:var(--white);border:none;border-radius:var(--radius-md);padding:0.7rem 1.75rem;font-size:15px;font-weight:500;cursor:pointer;transition:opacity 0.15s;} .ob-next-btn:hover{opacity:0.88;} .ob-next-btn.finish{background:var(--teal-600);} .ob-validation-msg{display:none;margin-top:0.75rem;font-size:12.5px;line-height:1.5;padding:10px 12px;border-radius:8px;border:1px solid #f4c7c7;background:#fef2f2;color:#b91c1c;} .ob-validation-msg.show{display:block;} .ob-invalid{border-color:#ef4444 !important;box-shadow:0 0 0 2px rgba(239,68,68,0.12);} .ob-step-error-shake{animation:obShake 180ms ease-in-out 0s 2;} @keyframes obShake{0%{transform:translateX(0);}25%{transform:translateX(-3px);}50%{transform:translateX(3px);}100%{transform:translateX(0);}} /* -- Onboarding payment step -- */ .ob-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:1.5rem;} .ob-plan-card{border:2px solid var(--gray-100);border-radius:var(--radius-lg);padding:1.25rem 1rem;cursor:pointer;transition:border-color 0.15s,background 0.15s;position:relative;} .ob-plan-card:hover{border-color:var(--blue-300);} .ob-plan-card.selected{border-color:var(--blue-600);background:var(--blue-50);} .ob-plan-card.selected .ob-plan-check{opacity:1;} .ob-plan-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;background:var(--teal-600);color:#fff;padding:2px 7px;border-radius:var(--radius-sm);margin-bottom:8px;} .ob-plan-name{font-weight:600;font-size:15px;color:var(--blue-900);margin-bottom:2px;} .ob-plan-price{font-size:1.25rem;font-weight:700;color:var(--blue-900);line-height:1.2;} .ob-plan-price span{font-size:13px;font-weight:400;color:var(--gray-500);} .ob-plan-desc{font-size:12px;color:var(--gray-500);margin-top:6px;line-height:1.4;} .ob-plan-check{position:absolute;top:10px;right:10px;width:18px;height:18px;background:var(--blue-600);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.15s;} .ob-trial-note{background:linear-gradient(135deg,var(--teal-50) 0%,var(--blue-50) 100%);border:1px solid var(--teal-100);border-radius:var(--radius-md);padding:0.75rem 1rem;font-size:12.5px;color:var(--gray-600);margin-bottom:1.25rem;display:flex;align-items:center;gap:8px;} .ob-stripe-wrap{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:1rem;margin-bottom:0.75rem;} .ob-stripe-label{font-size:12.5px;font-weight:500;color:var(--gray-700);margin-bottom:8px;} #ob-card-element{min-height:38px;} .ob-stripe-error{color:#d32f2f;font-size:12px;margin-top:6px;min-height:16px;} .ob-pay-note{font-size:11.5px;color:var(--gray-400);text-align:center;margin-top:0.5rem;display:flex;align-items:center;justify-content:center;gap:5px;} .ob-processing{display:none;text-align:center;padding:1.75rem 0;} .ob-processing-spinner{width:34px;height:34px;border:3px solid var(--gray-100);border-top-color:var(--blue-600);border-radius:50%;animation:spin 0.75s linear infinite;margin:0 auto 0.875rem;} .auth-logo{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:1.75rem;} .auth-logo-icon{width:36px;height:36px;border-radius:10px;background:var(--blue-900);display:flex;align-items:center;justify-content:center;} .auth-logo-name{font-family:'DM Serif Display',serif;font-size:1.4rem;color:var(--blue-900);} .auth-tabs{display:flex;border-bottom:1px solid var(--gray-100);margin-bottom:1.5rem;} .auth-tab{flex:1;padding:10px;border:none;background:transparent;font-size:14px;font-weight:500;color:var(--gray-500);cursor:pointer;border-bottom:2px solid transparent;transition:all 0.15s;font-family:'Plus Jakarta Sans',sans-serif;} .auth-tab.active{color:var(--blue-600);border-bottom-color:var(--blue-600);} .auth-field{margin-bottom:1rem;} .auth-field label{display:block;font-size:12px;font-weight:500;color:var(--gray-700);margin-bottom:5px;} .auth-field input,.auth-field select{width:100%;padding:11px 14px;border:1.5px solid var(--gray-100);border-radius:var(--radius-md);font-size:14px;font-family:'Plus Jakarta Sans',sans-serif;color:var(--gray-900);outline:none;transition:border-color 0.15s;background:var(--white);} .auth-field input:focus,.auth-field select:focus{border-color:var(--blue-400);} .auth-btn{width:100%;padding:14px;border-radius:var(--radius-md);background:var(--blue-600);color:var(--white);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:opacity 0.15s;font-family:'Plus Jakarta Sans',sans-serif;margin-top:0.5rem;} .auth-btn:hover{opacity:0.88;} .auth-btn:disabled{opacity:0.5;cursor:not-allowed;} .auth-divider{text-align:center;color:var(--gray-300);font-size:12px;margin:1rem 0;position:relative;} .auth-divider::before,.auth-divider::after{content:'';position:absolute;top:50%;width:42%;height:1px;background:var(--gray-100);} .auth-divider::before{left:0;}.auth-divider::after{right:0;} .auth-google-btn{width:100%;padding:11px;border-radius:var(--radius-md);background:var(--white);color:var(--gray-900);border:1.5px solid var(--gray-100);font-size:14px;font-weight:500;cursor:pointer;transition:background 0.15s;font-family:'Plus Jakarta Sans',sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;} .auth-google-btn:hover{background:var(--gray-50);} .auth-error{background:var(--red-50);color:var(--red-600);border-radius:var(--radius-md);padding:10px 14px;font-size:13px;margin-top:0.75rem;display:none;} .auth-error.visible{display:block;} .auth-success-msg{background:var(--teal-50);color:var(--teal-600);border-radius:var(--radius-md);padding:10px 14px;font-size:13px;margin-top:0.75rem;display:none;} .auth-success-msg.visible{display:block;} .auth-demo-hint{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:10px 14px;font-size:12px;color:var(--gray-700);margin-bottom:1.25rem;line-height:1.9;} .auth-demo-hint strong{font-weight:600;display:block;margin-bottom:6px;font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--gray-500);} .auth-demo-account{padding:2px 0;cursor:pointer;color:var(--gray-700);font-family:'Plus Jakarta Sans',monospace;font-size:12px;display:flex;align-items:center;gap:8px;} .auth-demo-account:hover{color:var(--blue-600);} .auth-demo-role{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--gray-500);background:var(--gray-100);padding:1px 6px;border-radius:var(--radius-sm);} #nav-user-area{display:none;align-items:center;gap:6px;margin-left:4px;} .nav-user-wrap{position:relative;display:flex;align-items:center;gap:2px;} .nav-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--blue-600);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:opacity 0.15s;} .nav-user-avatar:hover{opacity:0.85;} .nav-user-chevron{width:20px;height:20px;border-radius:var(--radius-sm);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:background 0.15s,color 0.15s;padding:0;flex-shrink:0;} .nav-user-chevron:hover{background:var(--gray-50);color:var(--gray-700);} .nav-user-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:0.5rem;box-shadow:var(--shadow-lg);min-width:210px;z-index:200;display:none;} .nav-user-dropdown.open{display:block;} .nav-user-info{padding:8px 12px 10px;border-bottom:1px solid var(--gray-100);margin-bottom:4px;} .nav-user-name-d{font-size:13px;font-weight:600;color:var(--blue-900);} .nav-user-email-d{font-size:11px;color:var(--gray-500);word-break:break-all;} .nav-role-badge{display:inline-block;margin-top:5px;font-size:10px;font-weight:600;padding:2px 7px;border-radius:var(--radius-sm);background:var(--gray-100);color:var(--gray-700);text-transform:uppercase;letter-spacing:0.05em;} .nav-role-badge.admin{background:var(--amber-50);color:var(--amber-600);} .nav-role-badge.moderator{background:var(--teal-50);color:var(--teal-600);} .nav-dropdown-item{display:block;width:100%;padding:8px 12px;text-align:left;background:transparent;border:none;font-size:13px;color:var(--gray-700);cursor:pointer;border-radius:var(--radius-sm);transition:background 0.1s;font-family:'Plus Jakarta Sans',sans-serif;} .nav-dropdown-item:hover{background:var(--gray-50);} .nav-dropdown-item.danger{color:var(--red-600);} #auth-loading{position:fixed;inset:0;z-index:10000;background:var(--gray-50);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;} #auth-loading.hidden{display:none;} .spinner{width:36px;height:36px;border:3px solid var(--gray-100);border-top-color:var(--blue-600);border-radius:50%;animation:spin 0.7s linear infinite;} @keyframes spin{to{transform:rotate(360deg);}} .auth-forgot{font-size:12px;color:var(--blue-600);cursor:pointer;display:block;text-align:right;margin-top:-6px;margin-bottom:8px;background:none;border:none;font-family:'Plus Jakarta Sans',sans-serif;} .auth-forgot:hover{text-decoration:underline;} #toast{position:fixed;bottom:24px;right:24px;background:var(--blue-900);color:var(--white);padding:12px 20px;border-radius:var(--radius-lg);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);z-index:9998;transform:translateY(80px);opacity:0;transition:all 0.3s cubic-bezier(.4,0,.2,1);max-width:320px;} #toast.show{transform:translateY(0);opacity:1;} #toast.success{background:var(--teal-600);} #toast.error{background:var(--red-600);} #toast.info{background:var(--blue-800);} .auth-role-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:1rem;} .auth-role-option{padding:10px;border:1.5px solid var(--gray-100);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:all 0.15s;} .auth-role-option:hover{border-color:var(--blue-200);background:var(--blue-50);} .auth-role-option.selected{border-color:var(--blue-600);background:var(--blue-50);} .auth-role-option .r-icon{font-size:20px;margin-bottom:4px;} .auth-role-option .r-label{font-size:12px;font-weight:500;color:var(--blue-900);} .auth-role-option .r-desc{font-size:10px;color:var(--gray-500);} #nav-login-btn{padding:8px 18px;border-radius:var(--radius-lg);background:var(--blue-600);color:var(--white);border:none;font-size:13px;font-weight:500;cursor:pointer;transition:opacity 0.15s;font-family:'Plus Jakarta Sans',sans-serif;margin-left:8px;} #nav-login-btn:hover{opacity:0.88;} .roles-tbl{width:100%;border-collapse:collapse;} .roles-tbl th{text-align:left;padding:10px 14px;font-size:11px;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid var(--gray-100);background:var(--gray-50);} .roles-tbl td{padding:10px 14px;border-bottom:1px solid var(--gray-50);font-size:13px;vertical-align:middle;} .roles-tbl tr:last-child td{border-bottom:none;} .roles-tbl tr:hover td{background:var(--blue-50);} .role-sel{padding:5px 10px;border-radius:6px;border:1px solid var(--gray-100);font-size:12px;font-family:'Plus Jakarta Sans',sans-serif;background:var(--white);} .status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:middle;} .status-dot.active{background:var(--teal-400);} .status-dot.suspended{background:var(--red-600);} /* ============================================= Global Consistency & Tablet Polish (C5) ============================================= */ /* Tablet breakpoint (1024px) */ @media(max-width:1024px){ .profile-side-col{position:static;} .how-steps::before,.how-steps::after{display:none;} .how-steps{grid-template-columns:1fr;gap:1.5rem;} .profile-body{grid-template-columns:1fr;} .admin-layout{grid-template-columns:1fr;} .admin-sidebar{display:none;} .section{padding:3rem 1.5rem;} } /* Input/select/textarea font consistency */ input,select,textarea{font-family:'Plus Jakarta Sans',system-ui,sans-serif;} /* Cursor pointer on interactive cards */ .clinician-card{cursor:pointer;} .opt-card{cursor:pointer;} /* Admin dark mode */ /* CEU card dark mode */ /* CD chip dark mode */ /* Mobile: cd-save-bar clears bottom nav */ @media(max-width:640px){ .cd-save-bar{margin-bottom:60px;} } /* Mobile: hero-mock-card no overflow */ @media(max-width:480px){ .hero-mock-card{max-width:100%;box-sizing:border-box;} } /* ========================================= ACCESSIBILITY & UTILITY IMPROVEMENTS Added 2026-06-07 ========================================= */ /* Focus-visible system for keyboard navigation */ :focus-visible { outline: 2px solid var(--blue-400); outline-offset: 2px; } /* Remove default outline when focus-visible is supported */ :focus:not(:focus-visible) { outline: none; } /* Buttons and interactive elements */ button:focus-visible, [role="button"]:focus-visible, .nav-link:focus-visible, .nav-cta:focus-visible, .nav-dropdown-item:focus-visible, .nav-mobile-link:focus-visible, .nav-mobile-cta:focus-visible, .ref-radio-card:focus-visible, .ref-checkbox-row:focus-visible, .c2c-radio-option:focus-visible, .c2c-cli-card:focus-visible, .c2c-dist-card:focus-visible, .c2c-hub-card:focus-visible, .c2c-status-card:focus-visible, .c2c-manage-panel:focus-visible, .manage-panel:focus-visible, .manage-curated-card:focus-visible, .referral-card:focus-visible, .lp-specialty-chip:focus-visible, .lp-testimonial-card:focus-visible, .lp-two-ways-card:focus-visible { outline: 2px solid var(--blue-400); outline-offset: 2px; border-radius: var(--radius-md); } /* Skip link focus enhancement */ .skip-link:focus-visible { top: 1rem; outline: 2px solid var(--white); outline-offset: 2px; } /* ========================================= UTILITY CLASSES (reduce inline styles) ========================================= */ .u-hidden { display: none; } [hidden] { display: none !important; } .creator-overlay[hidden] { display: none !important; } .u-w-full { width: 100%; box-sizing: border-box; } .u-mb-4 { margin-bottom: 1rem; } .u-mb-2 { margin-bottom: 8px; } .u-text-xs { font-size: var(--text-xs); } /* Collapsed referral filter bar */ .referral-filter-bar.collapsed .referral-filter-group, .referral-filter-bar.collapsed .referral-filter-actions { display: none; } .referral-filter-bar.collapsed .referral-filter-label { display: none; } .referral-filter-toggle { background: none; border: none; padding: 4px 8px; font-size: 12px; font-weight: 500; color: var(--blue-600); cursor: pointer; text-decoration: underline; } .u-text-sm { font-size: var(--text-sm); } .u-text-muted { font-weight: 400; color: var(--gray-400); } .u-text-secondary { color: var(--gray-500); } .u-text-error { color: var(--red-500); } .u-flex-shrink-0 { flex-shrink: 0; } .u-mt-px { margin-top: 1px; } /* Additional utilities for inline style replacement */ .u-mt-1 { margin-top: 4px; } .u-mt-2 { margin-top: 8px; } .u-mb-2-5 { margin-bottom: 10px; } .u-card-base { background: var(--white); border: 1px solid var(--gray-100); border-radius: var(--radius-lg); padding: 1.25rem; } .u-text-10 { font-size: 10px; } .u-text-12 { font-size: 12px; } .u-text-teal { color: var(--teal-600); } .u-icon-16 { width: 16px; height: 16px; cursor: pointer; } .u-heading-sm { font-size: 13px; font-weight: 600; color: var(--blue-900); margin-bottom: 6px; } .u-body-xs { font-size: 12.5px; color: var(--gray-500); line-height: 1.65; margin: 0; } .u-body-sm { font-size: 14px; color: var(--gray-700); line-height: 1.75; } .u-text-10-muted { font-size: 10px; color: #94A3B8; } .u-flex-start { display: flex; align-items: flex-start; gap: 8px; } .u-flex-center-sm { display: flex; align-items: center; gap: 6px; font-size: 13px; cursor: pointer; } .u-mt-3-5 { margin-top: 14px; } .u-mb-6 { margin-bottom: 1.5rem; } .u-flex-1 { flex: 1; } .u-mb-0 { margin-bottom: 0; } .u-padding-sm { padding: 6px 12px; } .u-padding-lg { padding: 36px 18px; } .u-mt-1-5 { margin-top: 6px; } .u-mt-2-5 { margin-top: 10px; } .u-mb-4 { margin-bottom: 16px; } .u-flex-between { display: flex; justify-content: space-between; } .u-text-inverse-soft { color: rgba(255,255,255,0.6); } .u-block { display: block; } .u-text-center { text-align: center; } .u-accent-teal { accent-color: #2DD4BF; } .u-bg-white-border { background: var(--white); border-color: var(--gray-200); } .u-flex-1-min { flex: 1; min-width: 0; } .u-text-right { text-align: right; } .u-text-700 { font-weight: 700; } .u-text-500 { font-weight: 500; } .u-mt-5 { margin-top: 1.25rem; } .u-mb-1 { margin-bottom: 4px; } .u-text-13-700 { font-size: 13px; font-weight: 700; color: var(--gray-900); } .u-text-13-700-blue { font-size: 13px; font-weight: 700; color: var(--blue-800); } .u-text-teal-300 { color: var(--teal-300); } .u-text-red { color: #DC2626; } .u-flex-center { display: flex; align-items: center; } .u-flex-1-200 { flex: 1; min-width: 200px; } .u-padding-16 { padding: 16px; } .u-mt-6 { margin-top: 1.5rem; } .u-mb-3 { margin-bottom: 12px; } .u-serif-heading { font-family: 'DM Serif Display', serif; font-size: 1.35rem; color: var(--blue-900); margin-bottom: 0.5rem; } .u-flex-center-gap-10 { display: flex; align-items: center; gap: 10px; } .u-label-upper { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gray-400); margin-bottom: 8px; } .u-text-11-gray { font-size: 11px; color: #64748B; } .u-serif-subheading { font-family: 'DM Serif Display', serif; font-size: 1.15rem; color: var(--blue-900); margin-bottom: 0.5rem; } .u-flex-wrap-gap-6 { display: flex; flex-wrap: wrap; gap: 6px; } .u-flex-col-gap-8 { display: flex; flex-direction: column; gap: 8px; } .u-flex-between-center { display: flex; align-items: center; justify-content: space-between; } .u-block-mt-1-5 { display: block; margin-top: 6px; } .u-input-base { width: 100%; padding: 7px 10px; border: 1px solid var(--gray-200); border-radius: var(--radius-md); font-family: 'Plus Jakarta Sans', sans-serif; font-size: 13px; } .u-width-full-text-12 { width: 100%; font-size: 12px; box-sizing: border-box; } .u-padding-1 { padding: 1rem; } .u-bg-gray-50 { background: var(--gray-50); border-radius: var(--radius-md); } .u-text-green-600 { color: var(--green-600); } .u-mb-3-5 { margin-bottom: 14px; } .u-justify-start { justify-content: flex-start; text-align: left; } .u-grid-full { grid-column: 1 / -1; } .u-text-13-600-dark { font-weight: 600; font-size: 13px; color: #0A1628; } .u-text-13-600-blue { font-size: 13px; font-weight: 600; color: var(--blue-900); } .u-text-sm-muted-mb { font-size: 13px; color: var(--gray-500); margin-bottom: 1rem; } .u-text-11-muted { font-size: 11px; color: var(--gray-400); } .u-text-11-5-gray { font-size: 11.5px; color: #64748B; margin-top: 2px; } .u-label-small { font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--gray-400); margin-bottom: 6px; } .u-flex-gap-8 { display: flex; gap: 8px; } .u-flex-gap-8-mt { display: flex; gap: 8px; margin-top: 5px; flex-wrap: wrap; } .u-flex-col-end { display: flex; flex-direction: column; gap: 4px; align-items: flex-end; flex-shrink: 0; } .u-block-label { display: block; font-size: 11px; font-weight: 600; color: var(--gray-600); margin-bottom: 4px; } .u-dot-teal { width: 6px; height: 6px; border-radius: 50%; background: var(--teal-400); flex-shrink: 0; display: inline-block; } .u-icon-32-teal { width: 32px; height: 32px; background: rgba(45,212,191,0.15); border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-bottom: 0.85rem; } .u-input-dark { width: 100%; padding: 11px 14px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15); background: rgba(255,255,255,0.07); color: var(--white); font-size: 15px; font-family: inherit; box-sizing: border-box; } .u-text-center { text-align: center; } .u-relative { position: relative; } .u-padding-sm-text { padding: 10px 12px; color: var(--gray-900); } .u-mt-4 { margin-top: 1rem; } .u-mt-0-5 { margin-top: 0.25rem; } .u-text-15 { font-size: 15px; } .u-text-14-600-blue { font-size: 14px; font-weight: 600; color: var(--blue-900); } .u-text-13-600-white { font-size: 13px; font-weight: 600; color: var(--white); } .u-text-sm-center { font-size: 13px; color: var(--gray-500); text-align: center; padding: 1rem 0; } .u-padding-8 { padding: 8px; } .u-text-12-body { font-size: 12px; color: var(--gray-500); line-height: 1.5; } .u-text-12-block { font-size: 12px; color: var(--gray-500); display: block; margin-bottom: 4px; } .u-body-xs-inverse { font-size: 12.5px; color: rgba(255,255,255,0.5); line-height: 1.65; margin: 0; } .u-label-upper-sm { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gray-400); margin-bottom: 4px; } .u-label-upper-xs { font-size: 11px; font-weight: 600; color: var(--gray-600); text-transform: uppercase; margin-bottom: 4px; } .u-badge-green { font-size: 10px; background: #ECFDF5; color: #065F46; padding: 2px 7px; border-radius: 4px; font-weight: 600; } .u-min-width-0 { min-width: 0; } .u-text-14-600 { font-size: 14px; font-weight: 600; color: var(--gray-900); } .u-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; } .u-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; font-size: 12px; color: var(--gray-700); } .u-flex-col-gap-12 { display: flex; flex-direction: column; gap: 12px; } .u-flex-center-gap-8 { display: flex; align-items: center; gap: 8px; } .u-flex-center-gap-12 { display: flex; align-items: center; gap: 12px; } .u-padding-y-8 { padding: 8px 0; } .u-padding-y-12 { padding: 12px 0; } .u-border-bottom-light { border-bottom: 1px solid #F1F5F9; } .u-cursor-pointer { cursor: pointer; } .u-text-teal-600 { color: var(--teal-600); font-weight: 600; } .u-text-red-dark { color: #B91C1C; } .u-card-interactive { background: var(--white); border: 1px solid var(--gray-100); border-radius: var(--radius-xl); padding: 1.25rem; cursor: pointer; transition: box-shadow 0.15s; } .u-card-bordered { background: var(--white); border: 1.5px solid var(--blue-100); border-radius: var(--radius-lg); padding: 14px 16px; text-align: left; cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s; font-family: inherit; } .u-card-dark { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.09); border-radius: var(--radius-lg); padding: 1.5rem; } .u-btn-icon { background: none; border: none; cursor: pointer; color: var(--gray-400); font-size: 20px; line-height: 1; } .u-input-outline { width: 100%; padding: 7px 10px; border: 1px solid var(--gray-200); border-radius: var(--radius-md); font-size: 13px; outline: none; box-sizing: border-box; } .u-width-full-text-sm { width: 100%; box-sizing: border-box; font-size: 13px; } .u-padding-left-sm { padding: 9px 12px; text-align: left; font-weight: 600; color: var(--gray-700); } .u-padding-y-1-5 { padding: 6px 0; } .u-btn-outline-inverse { padding: 11px 28px; border-radius: 8px; background: transparent; border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.7); font-size: 14px; font-weight: 500; cursor: pointer; font-family: inherit; touch-action: manipulation; min-height: 44px; } .u-overflow-x-auto { overflow-x: auto; } .u-viewport-center { min-height: 100vh; display: flex; align-items: center; justify-content: center; } .u-mt-3 { margin-top: 12px; } .u-mb-6-hidden { margin-bottom: 1.5rem; display: none; } .u-height-38 { height: 38px; margin-bottom: 2rem; filter: brightness(1.1); } .u-text-700-dark { font-weight: 700; color: var(--gray-900); } .u-text-600 { font-weight: 600; } .u-text-14-700-white { font-size: 14px; font-weight: 700; color: var(--white); } .u-text-14-500-blue { font-size: 14px; font-weight: 500; color: var(--blue-900); } .u-text-sm-dark { font-size: 13px; color: var(--gray-900); } .u-text-sm-gray-mt { font-size: 13px; color: var(--gray-600); margin-top: 4px; } .u-text-sm-blue-light { font-size: 13px; color: var(--blue-100); } .u-body-xs-inverse-simple { font-size: 12.5px; color: rgba(255,255,255,0.5); margin: 0; line-height: 1.65; } .u-text-11-block { font-size: 11px; color: var(--gray-500); display: block; margin-bottom: 4px; } .u-text-11-blue { font-size: 11px; color: var(--blue-300); } .u-text-11-gray-mt { font-size: 11px; color: #64748B; margin-top: 1px; } .u-text-11-5-gray-pad { font-size: 11.5px; color: #64748B; padding: 0 4px; margin-bottom: 8px; } .u-label-10 { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #94A3B8; margin-bottom: 8px; } .u-serif-large { font-family: 'DM Serif Display', serif; font-size: 1.8rem; font-weight: 400; margin: 0 0 0.75rem; } .u-grid-2-gap-16 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; } .u-grid-2-gap-14 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; } .u-flex-gap-6 { display: flex; gap: 6px; } .u-flex-wrap-gap-5 { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 4px; } .u-flex-col-gap-6 { display: flex; flex-direction: column; gap: 6px; } .u-block-display { display: block !important; } .u-text-red-600 { color: var(--red-600); } .u-text-blue { color: var(--blue-600); } .u-text-inverse-body { color: rgba(255,255,255,0.65); font-size: 15px; line-height: 1.65; margin-bottom: 1.5rem; } .u-border-bottom-soft { border-bottom: 1px solid var(--gray-100); } .u-dot-teal-solid { width: 6px; height: 6px; min-width: 6px; border-radius: 50%; background: #0D9488; margin-top: 8px; display: inline-block; flex-shrink: 0; } .u-dot-blue { width: 6px; height: 6px; border-radius: 50%; background: var(--blue-400); flex-shrink: 0; display: inline-block; } .u-icon-36-teal { width: 36px; height: 36px; background: var(--teal-50); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; margin-bottom: 0.75rem; } .u-padding-sm-2 { padding: 9px 12px; } .u-btn-teal-outline { padding: 5px 12px; border-radius: 6px; border: 1.5px solid #0D9488; background: #fff; color: #0D9488; font-size: 12px; font-weight: 600; cursor: pointer; white-space: nowrap; } .u-grid-bg { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px); background-size: 48px 48px; pointer-events: none; } .u-padding-12 { padding: 12px; } .u-alert-primary { padding: 0.75rem; text-align: left; margin-top: 0.5rem; color: var(--primary-600); background: var(--primary-50); border: 1px solid var(--primary-200); } .u-padding-bottom-border { padding-bottom: 1rem; border-bottom: 1px solid var(--gray-100); } .u-min-width-180 { min-width: 180px; } .u-max-width-560 { max-width: 560px; } .u-container-sm { max-width: 520px; margin: 0 auto; padding: 3rem 1.5rem; text-align: center; } .u-max-width-500 { max-width: 500px; } .u-text-15-dark { margin: 0 0 14px; color: #334155; font-size: 15px; line-height: 1.6; }