.sfp-form{--sfp-blue:#047dd8;--sfp-navy:#013c91;--sfp-cyan:#00b0fe;--sfp-light:#eaf5fe;--sfp-line:#c3e4fd;
	max-width:720px;margin:0 auto;padding:22px;border:1px solid var(--sfp-line);border-radius:14px;background:#fff;box-sizing:border-box;position:relative;color:#1f2937}
.sfp-form *{box-sizing:border-box}
.sfp-progress{display:flex;gap:8px;margin-bottom:24px}
.sfp-pstep{flex:1;text-align:center;font-size:12px;color:#6b7280}
.sfp-bar{display:block;height:5px;border-radius:4px;background:var(--sfp-line);margin-bottom:6px;transition:background .2s}
.sfp-pstep.done .sfp-bar{background:var(--sfp-blue)}
.sfp-pstep.active .sfp-bar{background:var(--sfp-navy)}
.sfp-pstep.active .sfp-ptitle{color:var(--sfp-navy);font-weight:700}
.sfp-step[hidden],.sfp-form [hidden]{display:none!important}
.sfp-step-title{margin:0 0 16px;font-size:20px;color:var(--sfp-navy)}
.sfp-field{margin-bottom:16px}
.sfp-label{display:block;font-weight:600;margin-bottom:6px;color:var(--sfp-navy)}
.sfp-help{display:block;color:#6b7280;margin-bottom:8px}
.sfp-req{color:#d63638}
.sfp-field input[type=text],.sfp-field input[type=email],.sfp-field input[type=tel],.sfp-field input[type=number],.sfp-field input[type=date],.sfp-field select,.sfp-field textarea{width:100%;padding:11px 12px;border:1px solid #cfd8e3;border-radius:8px;font:inherit;color:#111827;background:#fff}
.sfp-field input:focus,.sfp-field select:focus,.sfp-field textarea:focus{outline:2px solid var(--sfp-cyan);outline-offset:0;border-color:var(--sfp-blue)}
.sfp-field input[type=file]{width:100%;padding:14px;border:1px dashed var(--sfp-blue);border-radius:8px;background:var(--sfp-light);color:var(--sfp-navy)}
.sfp-choice{display:flex;align-items:center;gap:10px;font-weight:400;margin:6px 0;padding:11px 12px;border:1px solid var(--sfp-line);border-radius:10px;cursor:pointer;color:#1f2937;background:#fff}
.sfp-choice:hover{border-color:var(--sfp-blue);background:var(--sfp-light)}
.sfp-choice:has(input:checked){border-color:var(--sfp-blue);background:var(--sfp-light)}
.sfp-choice input{accent-color:var(--sfp-blue);width:18px;height:18px;margin:0;flex:none}
.sfp-summary{margin-top:22px;padding:14px;background:var(--sfp-light);border:1px solid var(--sfp-line);border-radius:10px}
.sfp-summary h4{margin:0 0 6px;color:var(--sfp-navy)}
.sfp-summary dl{margin:0}.sfp-summary dt{font-weight:600;margin-top:8px;color:var(--sfp-navy)}.sfp-summary dd{margin:2px 0 0;color:#374151;white-space:pre-wrap}
.sfp-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.sfp-msg{margin:10px 0}.sfp-msg.ok{color:#0a7a3a;font-weight:600}.sfp-msg.err{color:#d63638}
.sfp-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--sfp-line)}

/* Buttons: explicit colors in every state so the theme can't hide the text */
.sfp-form .sfp-nav button{display:inline-block;padding:12px 30px;border-radius:10px;font:inherit;font-weight:700;line-height:1.2;cursor:pointer;text-transform:none;box-shadow:none;text-shadow:none;transition:background .15s,color .15s,border-color .15s}
.sfp-form .sfp-nav .sfp-prev,.sfp-form .sfp-nav .sfp-prev:visited{background:#fff!important;color:var(--sfp-navy)!important;-webkit-text-fill-color:var(--sfp-navy)!important;border:2px solid var(--sfp-navy)!important}
.sfp-form .sfp-nav .sfp-prev:hover,.sfp-form .sfp-nav .sfp-prev:focus,.sfp-form .sfp-nav .sfp-prev:active{background:var(--sfp-navy)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--sfp-navy)!important}
.sfp-form .sfp-nav .sfp-next,.sfp-form .sfp-nav .sfp-submit{background:var(--sfp-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:2px solid var(--sfp-blue)!important;margin-inline-start:auto}
.sfp-form .sfp-nav .sfp-next:hover,.sfp-form .sfp-nav .sfp-next:focus,.sfp-form .sfp-nav .sfp-next:active,.sfp-form .sfp-nav .sfp-submit:hover,.sfp-form .sfp-nav .sfp-submit:focus,.sfp-form .sfp-nav .sfp-submit:active{background:var(--sfp-navy)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--sfp-navy)!important}
.sfp-form .sfp-nav button:focus-visible{outline:3px solid var(--sfp-cyan);outline-offset:2px}
.sfp-form .sfp-nav .sfp-submit[disabled]{opacity:.6;cursor:wait}
.sfp-rtl{direction:rtl;text-align:right}
@media(max-width:480px){.sfp-form{padding:14px}.sfp-ptitle{font-size:10px}.sfp-form .sfp-nav button{padding:11px 20px}}
.sfp-ts{margin-top:14px}

/* ---- Account / consultations area ---- */
.sfp-after-link{display:inline-block;margin-top:10px;color:var(--sfp-blue)!important;font-weight:700;text-decoration:none}
.sfp-acct{--sfp-blue:#047dd8;--sfp-navy:#013c91;--sfp-cyan:#00b0fe;--sfp-light:#eaf5fe;--sfp-line:#c3e4fd;max-width:760px;margin:0 auto;color:#1f2937;box-sizing:border-box}
.sfp-acct *{box-sizing:border-box}
.sfp-rtl{direction:rtl;text-align:right}
.sfp-acct .sfp-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.sfp-flash{padding:11px 14px;border-radius:10px;margin-bottom:14px;font-weight:600}
.sfp-flash-ok{background:#e8f7ee;color:#0a7a3a;border:1px solid #b7e4c7}
.sfp-flash-err{background:#fdecec;color:#b32d2e;border:1px solid #f5c2c2}
.sfp-flash-warn{background:#fff7e0;color:#8a5a00;border:1px solid #f1d98a}
.sfp-tabs{display:flex;gap:8px;margin-bottom:14px}
.sfp-acct .sfp-tabs button{flex:1;padding:11px;border-radius:10px;border:2px solid var(--sfp-line)!important;background:#fff!important;color:var(--sfp-navy)!important;-webkit-text-fill-color:var(--sfp-navy)!important;font:inherit;font-weight:700;cursor:pointer}
.sfp-acct .sfp-tabs button.on{background:var(--sfp-navy)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--sfp-navy)!important}
.sfp-pane{background:#fff;border:1px solid var(--sfp-line);border-radius:14px;padding:20px}
.sfp-pane[hidden]{display:none!important}
.sfp-pane label{display:block;font-weight:600;color:var(--sfp-navy);margin-bottom:14px}
.sfp-pane label.sfp-inline{font-weight:400;color:#374151}
.sfp-pane input[type=text],.sfp-pane input[type=email],.sfp-pane input[type=tel],.sfp-pane input[type=password]{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cfd8e3;border-radius:8px;font:inherit}
.sfp-pane input:focus,.sfp-msgform textarea:focus{outline:2px solid var(--sfp-cyan);border-color:var(--sfp-blue)}
.sfp-acct .sfp-btn-a,.sfp-acct a.sfp-btn-a{display:inline-block;background:var(--sfp-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:2px solid var(--sfp-blue)!important;border-radius:10px;padding:11px 24px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.sfp-acct .sfp-btn-a:hover{background:var(--sfp-navy)!important;border-color:var(--sfp-navy)!important}
.sfp-acct .sfp-btn-o{display:inline-block;background:#fff!important;color:var(--sfp-navy)!important;-webkit-text-fill-color:var(--sfp-navy)!important;border:2px solid var(--sfp-navy)!important;border-radius:10px;padding:9px 20px;font:inherit;font-weight:700;cursor:pointer}
.sfp-acct .sfp-btn-o:hover{background:var(--sfp-navy)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.sfp-acct .sfp-link{color:var(--sfp-blue)!important;font-weight:600;text-decoration:none}
.sfp-note{color:#6b7280;font-size:13px;margin:10px 0 0}
.sfp-acct-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background:var(--sfp-light);border:1px solid var(--sfp-line);border-radius:12px}
.sfp-list-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 14px}
.sfp-list-head h3{margin:0;color:var(--sfp-navy)}
.sfp-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.sfp-filters a{padding:6px 14px;border-radius:999px;border:1px solid var(--sfp-line);color:var(--sfp-navy)!important;text-decoration:none;font-weight:600;background:#fff}
.sfp-filters a.on{background:var(--sfp-navy);color:#fff!important;border-color:var(--sfp-navy)}
.sfp-list{display:flex;flex-direction:column;gap:10px}
.sfp-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--sfp-line);border-radius:12px;text-decoration:none;color:#1f2937!important}
.sfp-item:hover{border-color:var(--sfp-blue);background:var(--sfp-light)}
.sfp-item-new{border-color:var(--sfp-cyan);box-shadow:0 0 0 2px rgba(0,176,254,.15)}
.sfp-item-no{font-weight:800;color:var(--sfp-navy)}
.sfp-item-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.sfp-item-main small{color:#6b7280}
.sfp-new-dot{background:var(--sfp-cyan);color:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.sfp-st{display:inline-block;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700;white-space:nowrap}
.sfp-st-open{background:#fff4d6;color:#8a5a00}
.sfp-st-answered{background:#e8f7ee;color:#0a7a3a}
.sfp-st-closed{background:#eceff2;color:#4b5563}
.sfp-empty{padding:30px;text-align:center;color:#6b7280;background:#fff;border:1px dashed var(--sfp-line);border-radius:12px}
.sfp-detail-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 14px}
.sfp-detail-head h3{margin:0;color:var(--sfp-navy)}
.sfp-sub{color:#6b7280;font-size:13px;margin-top:2px}
.sfp-actions-box{margin-top:16px;max-width:680px;margin-inline:auto}
.sfp-msgform textarea{display:block;width:100%;padding:11px 12px;border:1px solid #cfd8e3;border-radius:10px;font:inherit;margin-bottom:10px;line-height:1.8}
.sfp-inlineform{display:inline-block;margin:10px 0 0}
.sfp-card-box{background:#fff;border:1px solid var(--sfp-line);border-radius:12px;padding:18px}

/* ---- v4: sign-up gate, medical profile, patient block ---- */
.sfp-acct [hidden],.sfp-form [hidden]{display:none!important}
.sfp-gate{background:#fff;border:1px solid var(--sfp-line);border-radius:14px;padding:22px;text-align:center}
.sfp-gate h3{margin:0 0 8px;color:var(--sfp-navy)}
.sfp-gate p{color:#4b5563;margin:0 0 16px;line-height:1.9}
.sfp-gate .sfp-btn-a,.sfp-gate .sfp-btn-o{margin:4px}
.sfp-gate .sfp-btn-o{text-decoration:none}
.sfp-sec-title{margin:22px 0 12px;padding-bottom:6px;border-bottom:2px solid var(--sfp-line);color:var(--sfp-navy);font-size:16px}
.sfp-sec-title:first-child{margin-top:0}
.sfp-opts-inline{display:flex;gap:10px;flex-wrap:wrap}
.sfp-opts-inline .sfp-choice{flex:1 1 120px;margin:0}
.sfp-pane .sfp-field .sfp-label{font-weight:600;margin-bottom:6px}
.sfp-pane .sfp-field .sfp-choice{display:flex;font-weight:400;margin:0 0 0}
.sfp-pane .sfp-field input[type=password],.sfp-pane .sfp-field input[type=text],.sfp-pane .sfp-field input[type=email],.sfp-pane .sfp-field input[type=tel],.sfp-pane .sfp-field input[type=date],.sfp-pane .sfp-field select,.sfp-pane .sfp-field textarea{display:block;width:100%;margin-top:0;padding:11px 12px;border:1px solid #cfd8e3;border-radius:8px;font:inherit;background:#fff}
.sfp-pane .sfp-consent-line{display:flex;font-weight:400;margin:16px 0}
.sfp-yn textarea{display:block;margin-top:8px}
.sfp-yn textarea[hidden]{display:none!important}
fieldset.sfp-pother{border:0;padding:0;margin:0;min-width:0}
.sfp-pcard{background:var(--sfp-light);margin-bottom:8px}
.sfp-pcard-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.sfp-pdl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:4px 14px}
.sfp-pdl dt{font-weight:600;color:var(--sfp-navy)}
.sfp-pdl dd{margin:0;color:#374151;white-space:pre-wrap}
.sfp-tabnav{margin-bottom:14px}
.sfp-profileform .sfp-btn-a{margin-top:6px}
.sfp-acct details summary{cursor:pointer;font-weight:600}
@media(max-width:480px){.sfp-pdl{grid-template-columns:1fr}.sfp-opts-inline .sfp-choice{flex-basis:100%}}

/* =====================================================================
   v4.1 — colourful, interactive buttons & cards
   ===================================================================== */
/* choice buttons (radio / checkbox options): hover lift, solid colour when chosen */
.sfp-field .sfp-choice{transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;position:relative}
.sfp-field .sfp-choice:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(1,60,145,.12)}
.sfp-field .sfp-choice:has(input:checked){background:var(--sfp-blue);border-color:var(--sfp-blue);color:#fff;font-weight:700;box-shadow:0 6px 14px rgba(0,124,216,.3)}
.sfp-field .sfp-choice:has(input:checked):hover{background:var(--sfp-navy);border-color:var(--sfp-navy)}
.sfp-field .sfp-choice input[type=radio],.sfp-field .sfp-choice input[type=checkbox]{accent-color:#fff}
.sfp-field .sfp-choice:has(input:checked) input{filter:none}
/* consent lines stay calm (light highlight) */
.sfp-field .sfp-consent:has(input:checked),.sfp-consent-line:has(input:checked){background:#e8f7ee;border-color:#16a34a;color:#14532d;box-shadow:none;font-weight:600}
.sfp-consent-line,.sfp-pane .sfp-consent-line{transition:background .18s,border-color .18s}
/* yes / no questions: green = no problem, amber = needs attention */
.sfp-yn .sfp-choice:has(input[value="0"]:checked){background:#16a34a;border-color:#16a34a;box-shadow:0 6px 14px rgba(22,163,74,.3)}
.sfp-yn .sfp-choice:has(input[value="1"]:checked){background:#e29a00;border-color:#e29a00;box-shadow:0 6px 14px rgba(226,154,0,.35)}
.sfp-yn .sfp-choice:has(input[value="0"]:hover):not(:has(input:checked)){border-color:#16a34a;background:#e8f7ee}
.sfp-yn .sfp-choice:has(input[value="1"]:hover):not(:has(input:checked)){border-color:#e29a00;background:#fff7e0}
/* every button: lift on hover, press on click */
.sfp-form .sfp-nav button,.sfp-acct .sfp-btn-a,.sfp-acct .sfp-btn-o{transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s!important}
.sfp-form .sfp-nav button:hover,.sfp-acct .sfp-btn-a:hover,.sfp-acct .sfp-btn-o:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(1,60,145,.22)}
.sfp-form .sfp-nav button:active,.sfp-acct .sfp-btn-a:active,.sfp-acct .sfp-btn-o:active{transform:translateY(0);box-shadow:none}
.sfp-rtl .sfp-nav .sfp-next::after,.sfp-rtl .sfp-nav .sfp-submit::after{content:" ←"}
.sfp-rtl .sfp-nav .sfp-prev::before{content:"→ "}
.sfp-form .sfp-nav .sfp-submit{background:linear-gradient(120deg,var(--sfp-blue),var(--sfp-cyan))!important;border-color:transparent!important}
.sfp-form .sfp-nav .sfp-submit:hover{background:var(--sfp-navy)!important}
/* progress steps */
.sfp-bar{height:6px}
.sfp-pstep.done .sfp-bar{background:linear-gradient(90deg,var(--sfp-blue),var(--sfp-cyan))}
/* account header, tabs, list */
.sfp-acct .sfp-acct-head{background:linear-gradient(120deg,var(--sfp-navy),var(--sfp-blue));border:0;color:#fff;border-radius:16px;box-shadow:0 8px 20px rgba(1,60,145,.2)}
.sfp-hello{display:flex;align-items:center;gap:10px}
.sfp-avatar{width:38px;height:38px;border-radius:50%;background:#fff;color:var(--sfp-navy);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:17px}
.sfp-acct .sfp-acct-head .sfp-logout{color:#fff!important;border:2px solid rgba(255,255,255,.7);border-radius:999px;padding:4px 14px;transition:background .18s,color .18s}
.sfp-acct .sfp-acct-head .sfp-logout:hover{background:#fff;color:var(--sfp-navy)!important}
.sfp-tabnav a,.sfp-filters a{transition:background .18s,color .18s,transform .18s,box-shadow .18s,border-color .18s}
.sfp-tabnav a{flex:1;text-align:center;padding:10px 14px;font-size:15px}
.sfp-tabnav{display:flex}
.sfp-filters a:hover{background:var(--sfp-light);border-color:var(--sfp-blue);transform:translateY(-2px);box-shadow:0 5px 12px rgba(1,60,145,.12)}
.sfp-filters a.on:hover{background:var(--sfp-navy)}
.sfp-item{transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;border-inline-start:6px solid var(--sfp-line)}
.sfp-item:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(1,60,145,.13)}
.sfp-item:has(.sfp-st-open){border-inline-start-color:#e29a00}
.sfp-item:has(.sfp-st-answered){border-inline-start-color:#16a34a}
.sfp-item:has(.sfp-st-closed){border-inline-start-color:#9ca3af}
.sfp-st::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-inline-end:6px}
/* section headings & gate */
.sfp-sec-title{border-bottom:0;background:var(--sfp-light);border-inline-start:5px solid var(--sfp-cyan);padding:8px 12px;border-radius:8px}
.sfp-gate{background:linear-gradient(180deg,var(--sfp-light),#fff 60%);box-shadow:0 8px 24px rgba(1,60,145,.1)}
.sfp-gate::before{content:"🩺";display:flex;width:60px;height:60px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(120deg,var(--sfp-blue),var(--sfp-cyan));align-items:center;justify-content:center;font-size:28px;box-shadow:0 6px 16px rgba(0,124,216,.3)}
.sfp-pcard{border-inline-start:6px solid var(--sfp-cyan)}
.sfp-acct .sfp-acct-head .sfp-logout{white-space:nowrap;font-size:13px}
.sfp-acct .sfp-hello strong{display:inline}

/* =====================================================================
   v4.2 — account area: side menu + sections + profile picture
   ===================================================================== */
.sfp-acct.sfp-wide{max-width:1040px}
.sfp-layout{display:flex;gap:22px;align-items:flex-start}
.sfp-side{flex:0 0 270px;background:#fff;border:1px solid var(--sfp-line);border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(1,60,145,.08);position:sticky;top:20px}
.sfp-main{flex:1;min-width:0}
.sfp-side-user{text-align:center;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--sfp-line)}
.sfp-side-name{font-weight:800;color:var(--sfp-navy);margin-top:8px;font-size:17px}
.sfp-side-mail{color:#6b7280;font-size:12.5px;word-break:break-all;direction:ltr}
.sfp-side .sfp-side-cta{display:block;text-align:center;background:linear-gradient(120deg,var(--sfp-blue),var(--sfp-cyan));color:#fff!important;border-radius:12px;padding:11px;font-weight:700;text-decoration:none;margin-bottom:12px;transition:transform .18s,box-shadow .18s}
.sfp-side .sfp-side-cta:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,124,216,.35)}
.sfp-side-nav{display:flex;flex-direction:column;gap:4px}
.sfp-side-nav a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;color:var(--sfp-navy)!important;font-weight:600;text-decoration:none;transition:background .18s,color .18s,transform .18s}
.sfp-side-nav a:hover{background:var(--sfp-light);transform:translateX(-3px)}
.sfp-rtl .sfp-side-nav a:hover{transform:translateX(-3px)}
.sfp-side-nav a.on{background:var(--sfp-navy);color:#fff!important;box-shadow:0 6px 14px rgba(1,60,145,.25)}
.sfp-side-nav a.sfp-side-out{margin-top:8px;border-top:1px solid var(--sfp-line);border-radius:0 0 12px 12px;color:#b32d2e!important}
.sfp-side-nav a.sfp-side-out:hover{background:#fdecec}
.sfp-ico{width:24px;text-align:center}
/* avatars */
.sfp-avatar{object-fit:cover}
img.sfp-avatar-default{object-fit:contain;background:#fff;padding:4px;border:1px solid var(--sfp-line)}
img.sfp-avatar-own{border:2px solid var(--sfp-cyan)}
.sfp-avatar-lg{width:84px;height:84px;font-size:32px;box-shadow:0 6px 16px rgba(1,60,145,.2)}
.sfp-avatar-xl{width:110px;height:110px;font-size:42px;box-shadow:0 6px 18px rgba(1,60,145,.22)}
img.sfp-avatar,span.sfp-avatar{border-radius:50%;display:inline-flex}
.sfp-avatar-edit{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--sfp-line)}
.sfp-avatar-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.sfp-filebtn{position:relative;overflow:hidden;cursor:pointer}
.sfp-filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0}
.sfp-linkbtn{background:none!important;border:0!important;color:#b32d2e!important;-webkit-text-fill-color:#b32d2e!important;cursor:pointer;font:inherit;font-size:13px;padding:0;text-decoration:underline}
/* sections */
.sfp-section{padding:22px}
.sfp-section-title{margin:0 0 6px;color:var(--sfp-navy);font-size:20px}
.sfp-section .sfp-sec-title:first-of-type{margin-top:6px}
.sfp-curmail{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--sfp-light);padding:12px 14px;border-radius:10px}
.sfp-section .sfp-btn-a{margin-top:8px}
/* phones / tablets: menu becomes a scrollable strip above the content */
@media(max-width:820px){
  .sfp-layout{flex-direction:column;gap:14px}
  .sfp-side{flex:none;width:100%;position:static;padding:14px}
  .sfp-side-user{display:flex;align-items:center;gap:12px;text-align:start;border:0;padding:0;margin:0 0 12px}
  .sfp-side-user .sfp-avatar-lg{width:56px;height:56px;font-size:22px;flex:none}
  .sfp-side-name{margin:0}
  .sfp-side-nav{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .sfp-side-nav a{white-space:nowrap;border:2px solid var(--sfp-line);padding:8px 14px;flex:none}
  .sfp-side-nav a.sfp-side-out{margin:0;border-radius:12px}
  .sfp-side-nav a:hover{transform:none}
}
/* the default picture is usually a (wide) logo: rounded square + contain looks better than a circle */
img.sfp-avatar.sfp-avatar-default{border-radius:22%;padding:6px}
.sfp-sla{display:flex;align-items:center;gap:8px;margin:14px 0 0;padding:12px 14px;background:#fff7e0;border:1px solid #f1d98a;border-inline-start:5px solid #e29a00;border-radius:10px;color:#8a5a00;font-weight:700;line-height:1.7}

/* v4.3 doctor area */
.sfp-acct .sfp-side-spec{display:inline-block;margin:2px 0 4px;padding:2px 12px;border-radius:999px;background:var(--sfp-light);color:var(--sfp-navy);font-size:12.5px;font-weight:700}
.sfp-acct .sfp-statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0 14px}
.sfp-acct .sfp-stat{background:#fff;border:1px solid var(--sfp-line);border-radius:14px;padding:12px 8px;text-align:center;transition:transform .15s,box-shadow .15s}
.sfp-acct .sfp-stat:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(1,60,145,.12)}
.sfp-acct .sfp-stat b{display:block;font-size:24px;line-height:1.2;color:var(--sfp-navy)}
.sfp-acct .sfp-stat span{font-size:12.5px;color:#6b7280}
.sfp-acct .sfp-stat-new b{color:#7c3aed}
.sfp-acct .sfp-notifs{margin:14px 0 18px;padding:14px;border:1px solid var(--sfp-line);border-radius:14px;background:var(--sfp-light)}
.sfp-acct .sfp-notifs strong{display:block;margin-bottom:8px;color:var(--sfp-navy)}
.sfp-acct .sfp-switch{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer}
.sfp-acct .sfp-switch input{width:18px;height:18px;accent-color:var(--sfp-blue,#0a7bd8)}
.sfp-acct .sfp-field textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--sfp-line);border-radius:10px;font:inherit}
@media(max-width:560px){.sfp-acct .sfp-statrow{grid-template-columns:repeat(2,1fr)}}

/* v4.4 doctor tools: quick replies, notes, rating, search */
.sfp-acct .sfp-canned{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px}
.sfp-acct .sfp-chipbtn{border:1px solid var(--sfp-line);background:var(--sfp-light);color:var(--sfp-navy);border-radius:999px;padding:5px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.sfp-acct .sfp-chipbtn:hover{background:var(--sfp-navy);color:#fff;transform:translateY(-1px)}
.sfp-acct .sfp-canned-row{display:grid;gap:6px;margin-bottom:12px;padding:10px;border:1px solid var(--sfp-line);border-radius:12px;background:#fff}
.sfp-acct .sfp-canned-row input,.sfp-acct .sfp-canned-row textarea,.sfp-acct .sfp-notes textarea,.sfp-acct .sfp-rate textarea{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid var(--sfp-line);border-radius:10px;font:inherit}
.sfp-acct .sfp-notes{margin-top:16px;padding:14px;border:1px dashed #d4a017;border-radius:14px;background:#fffbea}
.sfp-acct .sfp-note-item{padding:8px 0;border-bottom:1px solid #f1e3a6}
.sfp-acct .sfp-note-item p{margin:2px 0}
.sfp-acct .sfp-notes .sfp-btn-o{margin-top:6px}
.sfp-acct .sfp-rate{display:grid;gap:8px;margin:0 0 14px;padding:14px;border:1px solid var(--sfp-line);border-radius:14px;background:var(--sfp-light)}
.sfp-acct .sfp-stars{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.sfp-acct .sfp-stars input{position:absolute;opacity:0;width:0;height:0}
.sfp-acct .sfp-stars label{font-size:30px;line-height:1;color:#cbd5e1;cursor:pointer;transition:color .12s,transform .12s}
.sfp-acct .sfp-stars label:hover,.sfp-acct .sfp-stars label:hover~label,.sfp-acct .sfp-stars input:checked~label{color:#f5a623}
.sfp-acct .sfp-stars label:hover{transform:scale(1.15)}
.sfp-acct .sfp-star-on{color:#f5a623;letter-spacing:2px}
.sfp-acct .sfp-rated{margin:10px 0;color:var(--sfp-navy);font-weight:700}
.sfp-acct .sfp-avg{display:inline-block;margin-inline-start:12px;padding:2px 12px;border-radius:999px;background:#fff7e0;color:#8a5a00;font-weight:700;font-size:13px}
.sfp-acct .sfp-search{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.sfp-acct .sfp-search input[type=search]{flex:1 1 200px}
.sfp-acct .sfp-search input{padding:8px 12px;border:1px solid var(--sfp-line);border-radius:10px;font:inherit;box-sizing:border-box}