.doctor-app { background:#f7f5fa; }
.doctor-app .office-header { background:#fff; padding:18px max(24px,calc((100vw - 1320px)/2)); }
.doctor-app .office-brand { font-size:20px; letter-spacing:-.5px; }
.doctor-app .office-brand span { margin-top:3px; }
.doctor-app .office-container { max-width:1320px; padding-top:34px; }
.doctor-app .page-heading { margin-bottom:24px; }
.doctor-app .page-heading h1 { font-size:34px; font-weight:750; }
.doctor-app .page-heading .eyebrow { display:none; }
.doctor-app .page-heading p { max-width:620px; font-size:14px; }
.doctor-app .stats { display:flex; flex-wrap:wrap; gap:12px 32px; padding:0 0 26px; border-bottom:1px solid var(--line); }
.doctor-app .stat { display:flex; align-items:baseline; gap:9px; padding:0; background:none; border:0; border-radius:0; }
.doctor-app .stat strong { font-size:25px; font-weight:750; }
.doctor-app .stat span { font-size:12px; font-weight:600; }
.doctor-app .stat.is-alert strong { color:#a34e3c; }
.inbox-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:26px; align-items:start; }
.inbox-sidebar { position:sticky; top:20px; }
.sidebar-label { display:block; font-size:10px; font-weight:800; color:var(--muted); letter-spacing:1.2px; padding:9px 13px 13px; }
#folder-list { display:grid; gap:5px; }
#folder-list button { width:100%; display:flex; align-items:center; gap:11px; min-height:47px; padding:11px 13px; border:1px solid transparent; background:transparent; text-align:left; border-radius:13px; color:#51465f; font-size:13px; font-weight:650; transition:background .15s,transform .15s; }
#folder-list button[aria-current] { background:#eae1f4; color:#67468e; }
#folder-list button:hover { background:#eee8f4; }
#folder-list button:active { transform:scale(.98); }
.folder-dot { width:9px; height:9px; border-radius:3px; background:#ad9abd; flex:none; }
.folder-dot[data-kind=new] { background:#9980c1; }
.folder-dot[data-kind=urgent] { background:#c47a5e; }
.folder-dot[data-kind=working] { background:#7c9d92; }
.folder-dot[data-kind=payment] { background:#b79c63; }
.folder-dot[data-kind=archive] { background:#b5afb9; }
.folder-count { margin-left:auto; font-size:12px; font-variant-numeric:tabular-nums; opacity:.8; }
.sidebar-form-link { display:block; margin:24px 13px 10px; font-size:12px; font-weight:700; text-decoration:none; }
.sidebar-help { font-size:11px; line-height:1.7; margin:0 13px; color:#8a8194; }
.inbox-main { min-width:0; }
.doctor-app .list-toolbar { gap:9px; }
.doctor-app .list-toolbar input,.doctor-app .list-toolbar select { min-height:44px; font-size:13px; background:#fff; border-color:#e2dbe9; border-radius:12px; }
.doctor-app .filter-label { width:170px; }
.doctor-app .list-toolbar .button { min-height:44px; padding:9px 15px; font-size:12px; }
.doctor-app .request-grid { display:grid; grid-template-columns:1fr; gap:9px; }
.doctor-app .request-card { display:grid; grid-template-columns:42px minmax(150px,1fr) minmax(120px,.75fr) 95px; gap:16px; min-height:125px; align-items:center; padding:21px; border:1px solid #e8e1ee; border-radius:18px; box-shadow:0 2px 8px #36244403; }
.doctor-app .request-card:hover { border-color:#b5a0cb; box-shadow:0 5px 18px #36244409; }
.doctor-app .request-card:active { transform:scale(.995); }
.doctor-app .request-card.is-urgent { border-left:3px solid #cf947a; padding-left:19px; }
.client-avatar { display:grid; place-items:center; width:42px; height:46px; border-radius:15px; background:#eee8f6; color:#7d5da1; font-size:19px; font-weight:700; }
.is-urgent .client-avatar { background:#f9e9df; color:#a86d50; }
.request-identity,.request-state,.request-payment { display:flex; flex-direction:column; align-items:flex-start; gap:5px; min-width:0; }
.request-identity strong { font-size:15px; color:#342c43; overflow-wrap:anywhere; }
.request-identity>span { color:var(--muted); font-size:12px; }
.request-identity .request-origin { font-size:10px; color:#908697; }
.request-state { gap:7px; }
.request-deadline,.request-state .deadline-warning { font-size:10px; line-height:1.5; }
.request-deadline { color:#82768d; }
.urgent-label { color:#a45e42; font-size:10px; font-weight:700; }
.request-payment { text-align:right; align-items:flex-end; }
.request-payment strong { font-size:16px; font-weight:700; white-space:nowrap; }
.request-payment>span { font-size:11px; color:var(--muted); }
.request-payment .payment-paid { color:#4a7f69; }
.doctor-app #list-summary { font-size:11px; padding:2px 1px; margin-bottom:11px; }
.doctor-app .empty-state { background:#fff; border:1px dashed #dcd1e6; border-radius:20px; }
.doctor-app dialog { box-shadow:0 24px 80px #29203430; }
.doctor-app dialog::backdrop { background:#28213055; backdrop-filter:blur(3px); }
@media(max-width:1000px) {
  .inbox-layout { grid-template-columns:180px minmax(0,1fr); gap:17px; }
  .doctor-app .request-card { grid-template-columns:36px minmax(0,1fr) 95px; gap:12px; }
  .request-state { grid-column:2; grid-row:2; flex-direction:row; flex-wrap:wrap; align-items:center; }
  .request-payment { grid-column:3; grid-row:1 / 3; }
  .client-avatar { width:36px; height:40px; font-size:16px; }
}
@media(max-width:680px) {
  .doctor-app .office-header { padding:16px 18px; }
  .doctor-app .office-container { padding:25px 16px 45px; }
  .doctor-app .page-heading h1 { font-size:29px; }
  .doctor-app .page-heading { display:flex; flex-direction:row; align-items:center; gap:12px; margin-bottom:20px; }
  .doctor-app .page-heading h1 { font-size:25px; }
  .doctor-app .page-heading p { display:none; }
  .doctor-app .page-heading>.button { width:auto; padding:9px 12px; min-height:41px; font-size:11px; margin:0; flex-shrink:0; }
  .doctor-app .stats { display:none; }
  .doctor-app .stat strong { font-size:22px; }
  .doctor-app .stat span { font-size:10px; }
  .inbox-layout { display:block; }
  .inbox-sidebar { position:static; margin-bottom:22px; }
  .sidebar-label,.sidebar-help,.sidebar-form-link { display:none; }
  #folder-list { display:flex; flex-wrap:wrap; gap:7px; }
  #folder-list button { width:auto; min-height:40px; padding:8px 12px; font-size:12px; background:#fff; border-color:#e8e1ee; border-radius:12px; gap:8px; }
  .folder-dot { display:none; }
  .folder-count { font-size:10px; }
  .doctor-app .filter-label { width:auto; }
  .doctor-app .request-card { padding:16px; gap:10px; border-radius:17px; grid-template-columns:32px minmax(0,1fr) 76px; }
  .doctor-app .request-card.is-urgent { padding-left:14px; }
  .client-avatar { width:32px; height:36px; border-radius:12px; }
  .request-identity strong { font-size:14px; }
  .request-identity>span { font-size:12px; }
  .request-identity .request-origin { font-size:10px; }
  .request-payment strong { font-size:14px; }
  .request-payment>span { font-size:10px; }
  .request-state { grid-column:2 / -1; }
  .request-payment { grid-row:1; }
  .request-state .badge { font-size:10px; }
}

/* Scrollbars stay inside the rounded card. Background does not scroll. */
body:has(dialog[open]) { overflow:hidden; }
.doctor-app dialog { scrollbar-width:thin; scrollbar-color:#b8a8c9 transparent; clip-path:inset(0 round 24px); overscroll-behavior:contain; }
.doctor-app dialog::-webkit-scrollbar { width:6px; }
.doctor-app dialog::-webkit-scrollbar-track { background:transparent; margin:22px 0; }
.doctor-app dialog::-webkit-scrollbar-thumb { background:#b8a8c9; border-radius:10px; }
.doctor-app dialog::-webkit-scrollbar-button { display:none; }
#folder-form { display:flex; gap:6px; margin-top:16px; }
#folder-form input { min-width:0; width:100%; font-size:12px; }
#folder-form button { padding:8px 12px; font-size:12px; }
.demo-messages { display:grid; gap:12px; margin:20px 0; }
.demo-bubble { max-width:90%; padding:14px 16px; border-radius:18px 18px 18px 4px; background:#f1ecf6; }
.demo-bubble.from-doctor { justify-self:end; background:#eaf1ed; border-radius:18px 18px 4px 18px; }
.demo-bubble strong,.demo-bubble small { font-size:11px; color:var(--muted); }
.demo-bubble p { margin:5px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
#demo-reply textarea { width:100%; padding:12px; border:1px solid var(--line); border-radius:14px; resize:vertical; }
#demo-incoming { margin-top:18px; }
/* Messenger-first demo: folders, conversations, active thread. */
.chat-preview .office-container { max-width:1600px; padding:22px 20px; }
.chat-preview .page-heading { margin-bottom:18px; }
.chat-preview .page-heading h1 { font-size:26px; }
.chat-preview .page-heading p,.chat-preview #stats,.chat-preview .sidebar-help { display:none; }
.chat-preview .inbox-layout { grid-template-columns:185px 320px minmax(0,1fr); gap:16px; height:calc(100dvh - 225px); min-height:460px; }
.chat-preview .inbox-sidebar,.chat-preview .inbox-main { overflow:auto; height:100%; scrollbar-width:thin; }
.chat-preview .list-toolbar { flex-wrap:wrap; }
.chat-preview .search-label { flex-basis:100%; }
.chat-preview .filter-label { flex:1; }
.chat-preview .request-card { grid-template-columns:34px minmax(0,1fr); padding:14px; gap:10px; min-height:110px; border-radius:14px; }
.chat-preview .request-state { grid-column:2; grid-row:auto; flex-direction:row; flex-wrap:wrap; }
.chat-preview .request-payment { display:none; }
.chat-preview .request-identity strong { font-size:14px; }
.chat-preview .request-origin { font-size:10px; }
.chat-preview .chat-selected { background:#eee6f7; border-color:#a58bbb; }
.conversation-panel { display:flex; flex-direction:column; min-height:0; overflow:hidden; background:#fff; border:1px solid #e5dced; border-radius:22px; }
.conversation-empty { margin:auto; padding:30px; text-align:center; color:#80738e; }
.conversation-empty p { font-size:14px; }
.conversation-empty small { font-size:11px; }
.conversation-header { display:flex; align-items:center; gap:12px; padding:20px; border-bottom:1px solid #eee8f2; }
.conversation-header>div { flex:1; min-width:0; }
.conversation-header h2 { font-size:19px; margin:0 0 4px; overflow-wrap:anywhere; }
.conversation-header span { color:#81748d; font-size:11px; }
.conversation-header .button { min-height:38px; padding:8px 14px; font-size:12px; }
#chat-back { display:none; }
.conversation-demo { background:#faf7fc; color:#887591; padding:9px 18px; font-size:11px; }
.conversation-messages { flex:1; min-height:0; overflow:auto; padding:22px; display:flex; flex-direction:column; gap:16px; scrollbar-width:thin; }
.conversation-messages .demo-bubble { align-self:flex-start; }
.conversation-messages .from-doctor { align-self:flex-end; }
.conversation-compose { padding:14px 18px; border-top:1px solid #eee8f2; }
.conversation-compose #demo-incoming { margin:0 0 12px; font-size:11px; }
#chat-reply { display:flex; align-items:flex-end; gap:10px; }
#chat-text { flex:1; min-width:0; resize:none; border:1px solid #e5dced; background:#faf8fc; border-radius:16px; padding:12px; font-size:14px; }
#chat-reply .button { padding:10px 16px; font-size:12px; }
@media(max-width:1100px) and (min-width:761px){.chat-preview .inbox-layout{grid-template-columns:155px 260px minmax(0,1fr);gap:10px}.conversation-header{padding:14px}.chat-preview .office-container{padding:16px 10px}}
@media(max-width:760px){
 .chat-preview .inbox-layout{display:block;height:auto;min-height:0}
 .chat-preview .inbox-sidebar,.chat-preview .inbox-main{height:auto;overflow:visible}
 .chat-preview .conversation-panel{display:none}
 .chat-preview.conversation-open .conversation-panel{display:flex;position:fixed;inset:0;z-index:12;border:0;border-radius:0;height:100dvh}
 .conversation-open{overflow:hidden}
 .conversation-header{padding:16px 12px}.conversation-header h2{font-size:17px}
 #chat-back{display:block;font-size:12px;white-space:nowrap}
 .conversation-messages{padding:16px}.conversation-compose{padding-bottom:max(14px,env(safe-area-inset-bottom))}
}

.review-moderation{max-width:800px;margin:0 0 20px}.review-body{white-space:pre-wrap;overflow-wrap:anywhere}
.conversation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 18px;border-bottom:1px solid #eee8f2}
.conversation-actions>.small-text{margin:0}.conversation-actions .button{min-height:38px;padding:8px 14px;font-size:12px}
.chat-folder-label{display:flex;align-items:center;gap:8px;font-size:12px}.chat-folder-label select{max-width:170px;padding:8px;border:1px solid #e5dced;border-radius:12px;background:#faf8fc;font:inherit}
.conversation-actions>[role=status]:empty{display:none}.conversation-actions>[role=status]{flex-basis:100%}
#journey-dialog{max-width:540px;width:calc(100% - 32px)}
.private-chat-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;min-height:520px;height:calc(100dvh - 240px)}
.private-chat-list,.private-thread{border:1px solid var(--line);border-radius:22px;background:white;min-height:0;overflow:auto;scrollbar-width:thin}
.private-chat-list{padding:18px}.private-thread{display:flex;flex-direction:column;overflow:hidden}
.private-chat-row{display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:14px;background:white;padding:16px;margin:8px 0;color:inherit}
.private-chat-row span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.private-chat-row[aria-current]{background:var(--lavender);border-color:#baa5d0}
.private-chat-tools{padding:12px 20px;border-bottom:1px solid var(--line);max-height:40vh;overflow:auto}.private-chat-tools summary{cursor:pointer;font-size:14px;font-weight:650}.private-chat-tools label{margin-top:16px}
.private-messages{flex:1;min-height:0;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin}
.private-bubble{align-self:flex-start;max-width:85%;padding:14px 18px;border-radius:18px;background:#f6f3f8;overflow-wrap:anywhere}.private-bubble.outgoing{align-self:flex-end;background:var(--lavender)}.private-bubble p{margin:0;white-space:pre-wrap}.private-bubble small{display:block;font-size:11px;color:var(--muted);margin-top:10px}
.private-compose{padding:16px;border-top:1px solid var(--line)}.private-compose textarea{resize:none;max-height:180px}.private-compose .button{margin-top:10px}#pc-back{display:none}#pc-error{color:#a24235}#pc-error:empty{display:none}
@media(max-width:760px){.private-chat-layout{display:block;height:auto}.private-thread{display:none}.has-private-thread .private-thread{display:flex;position:fixed;inset:0;height:100dvh;border:0;border-radius:0;z-index:12;background:white}.private-compose{padding-bottom:max(16px,env(safe-area-inset-bottom))}#pc-back{display:block}.private-chat-list{padding:14px}}
#pc-chat-search{margin-bottom:18px}.reply-templates{margin-bottom:12px}.reply-templates summary{cursor:pointer;color:var(--purple);font-size:13px;font-weight:650}#pc-templates{display:flex;gap:10px 18px;flex-wrap:wrap;padding:12px 0}#pc-templates button{font-size:12px}
.private-attachment{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.private-attachment button{font-size:13px}.private-attachment span{font-size:11px}.private-bubble a{display:block;margin-top:8px;overflow-wrap:anywhere}
.voice-recorder{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 14px}.voice-recorder audio,.private-bubble audio{width:100%;max-width:340px;min-width:0}.voice-recorder audio{flex-basis:100%}.voice-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.voice-recorder [role=status]{font-size:12px}.voice-actions .button{margin:0}.private-bubble:has(audio){width:min(340px,85%)}
@media(max-width:600px){.office-header nav{flex-wrap:wrap}.office-header nav button:last-child{margin-left:0}.office-header{max-width:100%}}
/* Compact messenger composer: icon row, optional controls above it. */
.private-thread .conversation-header,.private-chat-tools,.private-compose{flex-shrink:0}.private-chat-tools:not([open]){overflow:visible;max-height:none}.private-chat-layout{height:calc(100dvh - 225px);min-height:420px}.private-messages{flex:1 1 0;min-height:160px}
.compact-compose{position:relative;padding:8px 10px;background:#fff}.composer-bar{display:flex;align-items:flex-end;gap:3px;min-height:46px}
.compact-compose .composer-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:44px;min-height:0;padding:0;border:0;border-radius:12px;background:transparent;color:#84748f;cursor:pointer;margin:0}
.compact-compose .composer-icon:hover{background:#f2ecf7;color:#76549b}.composer-icon svg{width:22px;height:22px;flex-shrink:0}.composer-icon:disabled{opacity:.45;cursor:default}.compact-compose .composer-send{color:#76549b}
.compact-compose #pc-text{flex:1;min-width:0;min-height:44px;height:44px;max-height:120px;resize:none;border:0;border-radius:0;background:transparent;padding:12px 6px;font-size:15px;line-height:20px;box-shadow:none;margin:0;overflow-y:auto;font-family:inherit}
.compact-compose #pc-text:focus{outline:none}.compact-compose:focus-within{box-shadow:inset 0 -2px #c7b1da}.compact-compose #pc-status{font-size:11px;margin:4px 10px 0}.compact-compose #pc-status:empty{display:none}
.composer-popover{position:absolute;bottom:100%;left:10px;z-index:3;background:white;border:1px solid var(--line);box-shadow:0 8px 35px #342c4318;border-radius:18px;padding:16px;max-width:calc(100% - 20px);width:300px;display:grid;gap:12px}.composer-popover>button{border:0;background:var(--lavender);border-radius:10px;padding:12px;text-align:left;color:inherit}.composer-popover strong{font-size:12px}.composer-popover #pc-templates{display:grid;padding:0;gap:12px}.composer-popover #pc-templates button{text-align:left}.emoji-popover{left:auto;right:10px;display:flex;width:auto;gap:4px;flex-wrap:wrap}.emoji-popover button{font-size:23px;background:transparent;padding:7px}
.record-stop{display:none;width:14px;height:14px;background:#b0525c;border-radius:3px}#pc-record[data-recording=true] svg{display:none}#pc-record[data-recording=true] .record-stop{display:block}.compact-compose .voice-recorder{padding:10px 8px;margin:0;border-bottom:1px solid var(--line)}
@media(max-width:760px){.private-chat-layout{height:auto;min-height:0}.private-messages{min-height:90px}.compact-compose{padding-bottom:max(8px,env(safe-area-inset-bottom))}.compact-compose .composer-icon{flex-basis:36px;width:36px}.composer-bar{gap:0}}
.composer-popover#pc-attach-menu{width:220px;padding:7px;gap:2px;border-radius:14px}
.composer-popover#pc-attach-menu>button{display:flex;align-items:center;gap:13px;background:transparent;padding:12px;border-radius:9px;font-size:14px;font-weight:500}
.composer-popover#pc-attach-menu>button:hover,.composer-popover#pc-attach-menu>button:focus-visible{background:var(--lavender)}
.composer-popover#pc-attach-menu svg{flex:none;width:21px;height:21px}

.composer-popover #pc-templates{gap:2px}.composer-popover #pc-templates .template-choice{display:flex;align-items:center;gap:13px;padding:12px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;font-size:14px;text-decoration:none}.composer-popover #pc-templates .template-choice:hover,.composer-popover #pc-templates .template-choice:focus-visible{background:var(--lavender)}.template-choice svg{width:21px;height:21px;flex:none}#pc-template-menu{padding:7px;gap:3px}#pc-template-back{background:transparent;font-size:12px;color:var(--muted);padding:8px 12px}
#pc-new-folder{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:16px 0 20px}#pc-new-folder input{width:100%;min-width:0;margin:0;height:46px;padding:10px 12px;border-radius:13px}#pc-new-folder .button{height:46px;min-height:46px;margin:0;padding:0 14px;border-radius:13px;font-size:13px;line-height:1}#pc-new-folder .sr-only{position:absolute}

.chat-image{display:block;max-width:100%;width:260px;max-height:320px;object-fit:contain;border-radius:12px;margin:8px 0}

.attachment-preview{width:min(440px,calc(100vw - 32px));max-height:90dvh;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--paper,#fff);color:var(--ink);box-shadow:0 24px 80px #30223d30}
.attachment-preview::backdrop{background:#30223d66;backdrop-filter:blur(3px)}
.attachment-preview header,.attachment-preview footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.attachment-preview h2{font-size:20px;margin:0}.attachment-preview header{margin-bottom:20px}.attachment-preview footer{justify-content:flex-end;margin-top:20px}
.attachment-preview-media{display:grid;place-items:center;min-height:100px;border-radius:16px;background:#f4eff8;overflow:hidden}.attachment-preview-media img{display:block;max-width:100%;max-height:340px;object-fit:contain}.attachment-preview-media p{padding:16px;overflow-wrap:anywhere}
.attachment-preview .attachment-file-toggle{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:14px}.attachment-preview input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--purple,#7955a0)}.attachment-preview .attachment-caption{display:grid;gap:8px;margin-top:18px;font-size:13px}.attachment-preview textarea{resize:none;min-height:66px;width:100%;border-radius:12px;padding:12px;font:inherit}

/* Messenger layout: folder rail, conversations, thread. */
#chats-panel .page-heading{display:none}.doctor-app .office-container:has(#chats-panel:not([hidden])){max-width:1480px;padding:16px 20px}
#chats-panel .private-chat-layout{grid-template-columns:78px 290px minmax(0,1fr);gap:0;height:calc(100dvh - 128px);min-height:420px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:white}
.chat-folder-rail{display:flex;flex-direction:column;gap:6px;align-items:stretch;padding:12px 5px;overflow-y:auto;background:#f1ecf7;scrollbar-width:thin;border-right:1px solid var(--line)}
.chat-folder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;border-radius:13px;min-height:68px;padding:9px 3px;color:#81758e;font:inherit;font-size:10px;font-weight:650;cursor:pointer;transition:background .15s,color .15s}
.chat-folder>span:last-child{max-width:100%;overflow-wrap:anywhere;line-height:1.25}.chat-folder svg{width:25px;height:25px;flex:none}.chat-folder[aria-current],.chat-folder:hover,.chat-folder.drop-target{background:#e1d5ee;color:#704b96}.chat-folder:focus-visible{outline:2px solid #7955a0;outline-offset:-2px}.chat-folder-symbol{position:relative;display:block}.unread-badge{position:absolute;right:-11px;top:-6px;min-width:18px;padding:2px 4px;border:2px solid #f1ecf7;border-radius:12px;background:#7855a1;color:#fff;font-size:10px;line-height:1.1}
#chats-panel .private-chat-list{border:0;border-right:1px solid var(--line);border-radius:0;padding:16px 8px;overflow:auto}#pc-chat-search{margin-bottom:16px;border-radius:20px;background:#f7f4fa}#chats-panel .private-thread{border:0;border-radius:0;position:relative}
.private-chat-row{position:relative;padding-right:36px;cursor:pointer}.private-chat-row:active{transform:scale(.99)}.chat-row-unread{position:absolute;right:10px;top:19px;min-width:21px;border-radius:12px;background:#7955a0;color:white;padding:2px 5px;text-align:center;font-size:11px}.nav-unread{font-size:10px;background:#7955a0;color:white;border-radius:12px;padding:2px 5px;margin-left:6px}
#chats-panel .conversation-header{position:relative;padding:14px 20px;min-height:74px;gap:8px;background:#fff}#chats-panel .conversation-header h2{font-size:17px}.conversation-header .composer-icon{width:38px;height:38px;flex:none;border-radius:50%;color:#82728e}.conversation-header .composer-icon:hover{background:#f1ecf7}
.thread-settings-popover{position:absolute;right:12px;top:72px;z-index:8;width:min(340px,calc(100% - 24px));background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #30223d22;padding:0!important}.thread-settings-popover:not([open]){display:none}.thread-settings-popover[open]{padding:16px!important;max-height:65vh;overflow:auto}.thread-settings-popover>summary{display:none}.thread-settings-popover>label:first-of-type{display:none}
.chat-move-menu{position:absolute;right:54px;top:62px;z-index:9;background:white;border:1px solid var(--line);box-shadow:0 12px 35px #30223d22;padding:6px;border-radius:14px;min-width:190px;max-width:280px;max-height:50vh;overflow:auto}.chat-move-menu button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:9px;padding:12px;background:none;text-align:left;font:inherit;font-size:13px;color:var(--ink)}.chat-move-menu button:hover{background:#f1ecf7}.chat-move-menu svg{width:20px;height:20px;flex:none}
.folder-create-dialog{width:min(420px,calc(100vw - 32px));border:1px solid var(--line);border-radius:22px;padding:24px}.folder-create-dialog h2{margin-top:0;font-size:22px}.folder-create-dialog>button{position:absolute;right:14px;top:14px}
.office-settings-button{display:grid!important;place-items:center;width:40px;height:40px;padding:8px!important;border:1px solid var(--line)!important;border-radius:50%!important;margin-left:12px}.office-settings-button svg{width:22px;height:22px}.settings-advanced{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.settings-advanced summary{cursor:pointer;font-size:13px;font-weight:600;color:#7955a0}.settings-advanced form{margin-top:18px}.settings-grid .eyebrow{display:none}.settings-grid h2{font-size:20px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#settings-panel>#logout{margin-top:24px}
@media(max-width:1000px) and (min-width:761px){#chats-panel .private-chat-layout{grid-template-columns:70px 240px minmax(0,1fr)}}
@media(max-width:760px){.doctor-app .office-container:has(#chats-panel:not([hidden])){padding:8px}.doctor-app .office-header{padding:12px 16px}#chats-panel .private-chat-layout{display:flex;flex-direction:column;height:calc(100dvh - 165px);min-height:360px;border-radius:18px}.chat-folder-rail{flex-direction:row;flex:none;overflow-x:auto;overflow-y:hidden;padding:6px;border-right:0;border-bottom:1px solid var(--line)}.chat-folder{min-width:66px;max-width:90px;min-height:62px;flex-shrink:0;padding:8px 6px}.chat-folder>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#chats-panel .private-chat-list{flex:1;border-right:0}.has-private-thread .private-thread{position:fixed!important;inset:0!important;z-index:12!important;height:100dvh!important}.settings-grid{grid-template-columns:1fr}.office-settings-button{margin-left:0;width:36px;height:36px}}

.conversation-header .composer-icon{border:0;background:transparent;display:grid;place-items:center}.conversation-header .composer-icon:focus-visible{outline:2px solid #7955a0;outline-offset:2px}

/* Clear, quiet feedback for pointer, touch and keyboard. */
.doctor-app button{transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease,border-color .16s ease; -webkit-tap-highlight-color:transparent}
.doctor-app button:active:not(:disabled){transform:scale(.96)}
.doctor-app button:focus-visible{outline:3px solid #b394d2;outline-offset:3px}
@media(hover:hover){.chat-folder:hover{background:#e7ddf1;box-shadow:inset 0 0 0 1px #d8c6e8}.private-chat-row:hover{background:#f5f0fa;box-shadow:inset 0 0 0 1px #dfd0eb}.composer-icon:hover{background:#eee5f5!important;color:#69428f!important}.office-header nav button:hover{background:#eee7f5}.button:hover{box-shadow:0 4px 12px #70509120}}
.chat-folder[aria-current]{background:#dfd0ee;box-shadow:inset 3px 0 #7955a0;color:#603c87}.private-chat-row[aria-current]{background:#eee4f7;box-shadow:inset 3px 0 #7955a0}
.chat-folder:active .chat-folder-symbol{transform:scale(.92)}.chat-folder-symbol{transition:transform .12s ease}.chat-folder.drop-target{outline:2px dashed #7955a0;outline-offset:-3px;background:#deceee}
button[aria-busy=true]{position:relative;cursor:progress;opacity:.7}button[aria-busy=true]::after{content:'';display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-left:6px;animation:control-spin .7s linear infinite}
.thread-settings-popover[open],.chat-move-menu:not([hidden]),.composer-popover:not([hidden]){animation:menu-appear .14s ease-out}.toast{animation:menu-appear .15s ease-out}
@keyframes control-spin{to{transform:rotate(360deg)}}@keyframes menu-appear{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.doctor-app button,.chat-folder-symbol{transition:none!important}.doctor-app button:active:not(:disabled){transform:none}button[aria-busy=true]::after,.thread-settings-popover[open],.chat-move-menu,.composer-popover,.toast{animation:none!important}}