*{box-sizing:border-box}body{margin:0;background:#081827;color:#e9f5fa;font:16px Tahoma,Arial,sans-serif}main{max-width:900px;margin:auto;padding:18px}header,section,.case{background:#112b40;border:1px solid #31536b;border-radius:16px;padding:20px;margin:16px 0}h1{color:#89e4d4}a{color:#89e4d4}.notice{color:#ffda88;font-weight:bold}label{display:block;margin:14px 0}input:not([type=checkbox]),textarea{display:block;width:100%;padding:12px;background:#071726;color:white;border:1px solid #557588;border-radius:9px;font:inherit}button{padding:10px 15px;margin:5px;background:#86ddc8;border:0;border-radius:9px;color:#062a30;cursor:pointer}button:disabled{opacity:.5}.case{background:#0c2235}.answer{border-right:3px solid #86ddc8;padding:12px;margin:10px 0;background:#1a3749}small{color:#b4c8d4}#status{color:#ffda88}
[hidden]{display:none!important}.clinic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clinic-grid button{min-height:112px;background:#173c50;color:#e9f5fa;border:1px solid #3b6675;text-align:right;font-size:1.05rem;padding:18px}.clinic-grid button small{display:block;margin-top:12px;font-size:.78rem}#clinicNav{display:flex;flex-wrap:wrap;gap:6px;background:#102b40;border:1px solid #31536b;border-radius:12px;padding:8px}#clinicNav button{flex:1 1 auto;background:#21475a;color:#e9f5fa}#clinicNav button[aria-current=page]{background:#86ddc8;color:#062a30}#adminShortcut{display:block;margin:18px auto;background:#21475a;color:#e9f5fa}#accountSection #logout{float:left}@media(max-width:520px){.clinic-grid{gap:9px}.clinic-grid button{padding:12px;font-size:.95rem;min-height:105px}main{padding:12px}header,section,.case{padding:15px}}

/* Verified administrator identity: only shown after Firebase admin claim is checked. */
.admin-identity{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:13px 16px;margin:12px 0;border:1px solid #bd9443;border-radius:14px;background:linear-gradient(110deg,#251d38,#192a3e 65%,#44351f);box-shadow:0 0 22px #b58b3824}
.admin-crown{color:#f9d77e;font-size:1.6rem}.admin-gold-name{color:#f6d57a!important;font-weight:800;text-shadow:0 0 10px #c49b4545}.developer-title{display:inline-flex;align-items:center;padding:5px 12px;border:1px solid #b987ff;border-radius:999px;background:linear-gradient(115deg,#5e319a,#7d42bb);color:#fff2ff;font-size:.84rem;font-weight:800;box-shadow:0 0 12px #a768d144}.admin-identity small{width:100%;color:#e1cda3;margin-right:30px}

/* Founder recognition is visual only; technical reputation points remain unchanged. */
.founder-stars{display:inline-flex;color:#ffd36d;font-size:1.1rem;letter-spacing:2px;text-shadow:0 0 12px #f6c45a77;white-space:nowrap}

/* Compact question cards: answers and reply form expand only on demand. */
.clinic-answer-details[hidden]{display:none!important}
.clinic-answer-toggle{margin-top:10px;width:100%;text-align:center}
.clinic-answer-list{display:grid;gap:10px;margin:12px 0}
.clinic-answer-list .answer{margin:0;min-width:0;overflow-wrap:anywhere}
.clinic-answer-details textarea{width:100%;box-sizing:border-box}

/* Professional member directory and profile cards */
.clinic-member-card{margin:10px 0;padding:14px;overflow-wrap:anywhere}
.clinic-member-card button{margin:5px 4px}
.clinic-uid{font-family:monospace;direction:ltr;text-align:left;overflow-wrap:anywhere}
#memberProfileContent{padding:12px 0;overflow-wrap:anywhere}
#memberProfileContent button{margin:5px}

/* Private professional network */
.clinic-social-card{border:1px solid #34576b;border-radius:12px;padding:12px;margin:10px 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;overflow-wrap:anywhere}
.clinic-social-card strong{min-width:100%;color:#d7f8f2}
.clinic-social-card small{color:#b8cbd5}
.clinic-social-card button{margin:2px}
#chatPanel{margin-top:18px;padding:14px;border:1px solid #416778;border-radius:12px}
#chatMessages{display:flex;flex-direction:column;gap:9px;max-height:380px;overflow:auto;padding:10px;background:#0a1b2b;border-radius:10px;margin:10px 0}
.clinic-chat-message{max-width:88%;align-self:flex-start;background:#233f52;border-radius:12px;padding:10px;overflow-wrap:anywhere}
.clinic-chat-message.mine{align-self:flex-end;background:#205f62}
.clinic-chat-message p{margin:6px 0 0;white-space:pre-wrap}
#socialSection textarea{box-sizing:border-box;width:100%}

.clinic-unread-badge:not([hidden]){display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;margin-inline-start:6px;border-radius:999px;background:#e44454;color:white;font-size:12px;font-weight:800;line-height:1;vertical-align:middle;box-sizing:border-box}

/* Clinic social app polish and installation notice */
.clinic-push-setup{display:flex;align-items:flex-start;gap:14px;padding:18px;margin:14px 0 22px;border-radius:18px;background:linear-gradient(130deg,#183d50,#10283c);border:1px solid #487987;box-shadow:0 10px 24px #0002}
.clinic-push-symbol{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:#245e65;font-size:27px}
.clinic-push-setup strong{color:#a7f4df;font-size:1.08rem}.clinic-push-setup p{font-size:.89rem;line-height:1.8;color:#c6d8df;margin:7px 0}.clinic-push-setup small{display:block;margin-top:8px}
.clinic-social-card{background:linear-gradient(145deg,#18364b,#122d40);border-color:#456e7b;border-radius:16px;box-shadow:0 6px 18px #0002}
.clinic-social-card strong::before{content:'👤';display:inline-grid;place-items:center;width:36px;height:36px;margin-inline-end:9px;background:#2a5762;border-radius:50%;font-size:19px}
#chatPanel{background:linear-gradient(155deg,#16394d,#102739);box-shadow:0 10px 28px #0003}
.clinic-chat-message{box-shadow:0 4px 12px #0002;line-height:1.6}
@media(max-width:520px){.clinic-push-setup{padding:12px;gap:10px}.clinic-push-symbol{width:42px;height:42px;flex-basis:42px}}

/* Compact discovery, premium social card presentation */
#socialDiscovery{margin:18px 0;border:1px solid #426a79;border-radius:16px;background:linear-gradient(145deg,#17384b,#10283b);overflow:hidden}
#socialDiscovery summary{cursor:pointer;list-style:none;padding:16px;font-weight:700;color:#b0f0df;display:flex;justify-content:space-between;align-items:center;gap:8px}
#socialDiscovery summary::-webkit-details-marker{display:none}
#socialDiscovery summary::after{content:'⌄';font-size:22px;transition:transform .2s}
#socialDiscovery[open] summary::after{transform:rotate(180deg)}
#socialDiscovery .discovery-hint{font-size:.75rem;color:#a8c2cd;font-weight:400}
#socialDiscovery .discovery-content{padding:4px 14px 16px;border-top:1px solid #365769}
#friendList .clinic-social-card{position:relative;min-height:70px;padding:16px;background:linear-gradient(125deg,#1b4554,#142f44);border:1px solid #497d83}
#friendList .clinic-social-card strong{font-size:1rem;letter-spacing:.1px}
#friendList .clinic-social-card strong::before{content:'👨‍🔧';width:44px;height:44px;background:#2d6970;border:2px solid #4fa6a4}
#chatPanel{border:1px solid #4c8085;border-radius:18px}
#chatMessages{min-height:140px;scroll-behavior:smooth}
#chatPanel #chatTitle{font-size:1.08rem;color:#a8f4df}

/* 2026 clinic UX refresh — mobile-first, accessible, preview-only */
:root{color-scheme:dark;--clinic-accent:#86ddc8;--clinic-line:#365c70;--clinic-surface:#112b40}
html{scroll-behavior:smooth}
body{background:radial-gradient(ellipse at 50% -10%,#164059 0,transparent 50%),#081827;line-height:1.65}
main{max-width:1040px;padding-bottom:32px}
header{background:linear-gradient(130deg,#173d51,#10283b 70%);border-color:#3b6574;position:relative;overflow:hidden}
header::before{content:'';position:absolute;width:180px;height:180px;left:-75px;top:-90px;border-radius:50%;background:#79dbc51a;pointer-events:none}
header h1{margin:8px 0;font-size:clamp(1.5rem,4vw,2rem)}
header p{margin:10px 0}
header .notice{display:inline-block;font-size:.8rem;font-weight:600;background:#c9952020;border:1px solid #b58d4759;border-radius:999px;padding:5px 12px}
section,.case{box-shadow:0 10px 30px #0000001c}
button{font:inherit;font-weight:600;transition:background-color .15s,border-color .15s,transform .15s}
button:hover:not(:disabled){filter:brightness(1.1)}
button:active:not(:disabled){transform:translateY(1px)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b2ffed;outline-offset:3px}
input:not([type=checkbox]):focus,textarea:focus{border-color:#83e5d0}
.clinic-grid button{border-radius:15px;background:linear-gradient(145deg,#1b4859,#16374c);transition:transform .15s,border-color .15s,background .15s}
.clinic-grid button:hover{border-color:#83ddc9;transform:translateY(-2px)}
.clinic-grid button small{line-height:1.5;color:#c3d6de}
#clinicNav{position:sticky;top:8px;z-index:15;box-shadow:0 12px 25px #0005;backdrop-filter:blur(12px);background:#102b40ee}
#clinicNav button{min-height:42px}
.clinic-home-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.clinic-home-heading h2{font-size:1.25rem;margin:0}
#homePushBell{border:1px solid #64bcb2;background:#1d5260;color:#e8fffa;border-radius:999px}
#homePushBellStatus{display:block;margin:8px 0;color:#b9d6d9}
.clinic-push-prompt{margin:14px 0;padding:18px;border:1px solid #4eaa9e;border-radius:16px;background:linear-gradient(120deg,#1b4c53,#153247);box-shadow:0 10px 25px #0003}
.clinic-push-prompt strong{font-size:1.1rem;color:#d5fff3}
.clinic-push-prompt p{line-height:1.75;color:#d7e9ed}
#promptLaterPush{background:transparent;border:1px solid #7597a4;color:#e4f3f5}
#pushSettings{padding:12px;border:1px solid #386375;border-radius:12px;margin:12px 0;background:#153549}
#pushSettings small{display:block;margin-top:8px}
#chatMessages{overscroll-behavior:contain}
#status:empty{display:none}
@media(max-width:600px){
 main{padding:10px 10px 25px}
 header,section,.case{margin:10px 0;padding:16px}
 #clinicNav{top:0;gap:5px;padding:7px}
 #clinicNav button{flex:1 1 calc(33.333% - 8px);margin:0;padding:10px 5px;font-size:.81rem;line-height:1.35}
 .clinic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .clinic-grid button{min-height:118px;padding:13px;font-size:.93rem;margin:0}
 .clinic-home-heading h2{font-size:1.13rem}
 #homePushBell{padding:8px 12px}
 .clinic-push-prompt button{margin:4px 3px}
 #chatPanel{padding:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.clinic-grid button{transition:none}}

/* Personal question archive and private message receipts */
.clinic-my-question{border-color:#416b78;background:linear-gradient(135deg,#15374a,#102b3e)}
.clinic-my-question h3{color:#b8f4e4;margin:0 0 9px}
.clinic-my-question>p{white-space:pre-wrap;overflow-wrap:anywhere}
.clinic-my-answers{border-top:1px solid #3b6373;margin-top:15px;padding-top:12px}
.clinic-my-answers summary{cursor:pointer;font-weight:700;color:#9debd7;padding:9px 0}
.clinic-my-answers .answer{border-radius:9px}
.clinic-message-meta{display:block;margin-top:7px;text-align:left;font-size:.72rem;color:#b4d4dc}
.clinic-chat-message.mine .clinic-message-meta{color:#b5f1dd}
#myQuestionsList{min-height:70px}