/* Client-details only. One surface, four text tabs, no nested cards or accordions. */
#clientModal{color-scheme:dark;--cd-bg:#0b0d10;--cd-paper:#1b1f24;--cd-ink:#eef0f3;--cd-muted:#b3b8c0;--cd-soft:#8e949c;--cd-gold:#d6b479;--cd-gold-hi:#dfbf85;--cd-line:rgba(221,229,239,.13);--cd-edge:rgba(221,229,239,.2);--cd-field:#15181c;--cd-shade:rgba(5,6,8,.62);--cd-serif:'Lora',Georgia,serif;--cd-sans:'Nunito Sans','Segoe UI',sans-serif}

html[data-theme="light"] #clientModal{color-scheme:light;--cd-bg:#EDE8E1;--cd-paper:#EEE4D8;--cd-ink:#201C19;--cd-muted:#4B433E;--cd-soft:#655A52;--cd-gold:#7d5c2c;--cd-gold-hi:#7d5c2c;--cd-line:#DED4C8;--cd-edge:#D5C9BE;--cd-field:#F1EAE0;--cd-shade:rgba(32,28,25,.4)}


#clientModal, #clientModal * {box-sizing:border-box}

#clientModal {font:14px/1.5 var(--cd-sans);color:var(--cd-ink);-webkit-font-smoothing:antialiased}

#clientModal :is(button,input,textarea){font:inherit;color:inherit}

#clientModal button{appearance:none;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;letter-spacing:normal;text-transform:none;box-shadow:none}

#clientModal button:disabled{opacity:.4;cursor:default}

#clientModal :is(button,input,textarea):focus-visible{outline:2px solid var(--cd-gold);outline-offset:3px}

#clientModal button:active:not(:disabled){opacity:.76}

#clientModal svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

#clientModal :is(h1,h2,h3,p,dl,dt,dd){margin:0}

#clientModal [hidden]{display:none!important}

#clientModal .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#clientModal .cd-modal{position:fixed;inset:0;margin:auto;width:calc(100% - 28px);max-width:404px;height:min(680px,calc(100dvh - 64px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--cd-edge);border-radius:3px;background:var(--cd-paper);color:var(--cd-ink);box-shadow:0 24px 80px #0003;overflow:hidden}
#clientModal .cd-modal[open]{display:flex;flex-direction:column}
#clientModal .cd-modal::backdrop{background:var(--cd-shade)}
#clientModal .cd-header{padding:24px 22px 18px;position:relative;flex-shrink:0}
#clientModal .cd-eyebrow{font-size:9px;font-weight:500;letter-spacing:1.55px;line-height:14px;text-transform:uppercase;color:var(--cd-gold);padding-right:85px}
#clientModal .cd-name{font:400 28px/1.2 var(--cd-serif);letter-spacing:-.6px;margin:12px 0 0;overflow-wrap:anywhere}
#clientModal .cd-name:focus{outline:0}
#clientModal .cd-tools{position:absolute;right:11px;top:11px;display:flex}
#clientModal .cd-icon-btn{width:40px;height:44px;display:grid;place-items:center;color:var(--cd-soft)}
#clientModal .cd-icon-btn:first-child{color:var(--cd-gold)}
#clientModal .cd-icon-btn svg{width:17px;height:17px}
#clientModal .cd-tabs{flex:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0 22px;border-bottom:1px solid var(--cd-line);gap:15px}
#clientModal .cd-tab{min-height:45px;position:relative;text-align:center;color:var(--cd-soft);font-size:12px;font-weight:500;letter-spacing:.1px}
#clientModal .cd-tab[aria-selected="true"]{color:var(--cd-gold-hi)}
#clientModal .cd-tab[aria-selected="true"]::after{content:'';position:absolute;bottom:-1px;left:10%;right:10%;height:2px;background:var(--cd-gold)}
#clientModal .cd-tab:focus-visible{outline-offset:-4px}
#clientModal .cd-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding:25px 22px 22px}
#clientModal .cd-scroll::-webkit-scrollbar{display:none}
#clientModal .cd-panel:focus{outline:0}
#clientModal .cd-visit-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
#clientModal .cd-time{font:400 24px/1.2 var(--cd-serif);font-variant-numeric:tabular-nums;letter-spacing:-.4px;color:var(--cd-ink)}
#clientModal .cd-time small{font:11px var(--cd-sans);letter-spacing:0;color:var(--cd-muted);margin-left:3px}
#clientModal .cd-status{font-size:11px;color:var(--cd-soft)}
#clientModal .cd-treatment{font-size:14px;line-height:20px;font-weight:500}
#clientModal .cd-service-meta{font-size:11px;color:var(--cd-soft);margin-top:4px}
#clientModal .cd-fields{display:grid;grid-template-columns:81px minmax(0,1fr);column-gap:14px;row-gap:17px;margin-top:27px;align-items:start}
#clientModal .cd-fields dt{font-size:11px;color:var(--cd-soft);padding-top:2px;line-height:19px}
#clientModal .cd-fields dd{min-width:0;font-size:12px;line-height:20px;color:var(--cd-ink);overflow-wrap:anywhere}
#clientModal .cd-fields .secondary{color:var(--cd-muted)}
#clientModal .cd-inline{color:var(--cd-gold-hi);font-size:12px;text-align:left;line-height:20px;overflow-wrap:anywhere;min-height:24px;max-width:100%;padding:3px 0;margin:-3px 0}
#clientModal .cd-inline:hover{text-decoration:underline;text-underline-offset:4px}
#clientModal .cd-contact{color:var(--cd-ink)}
#clientModal .cd-id-text{font:11px/1.7 ui-monospace,Consolas,monospace;word-break:break-all;color:var(--cd-muted);padding-top:9px}
#clientModal .cd-id-controls{display:flex;gap:18px;margin-top:3px}
#clientModal .cd-gift{display:inline-flex;align-items:center;gap:9px;color:var(--cd-gold-hi);font-size:12px;min-height:44px;margin-top:24px}
#clientModal .cd-gift svg{width:15px;height:15px}
#clientModal .cd-h2{font:400 22px/1.3 var(--cd-serif);letter-spacing:-.3px;overflow-wrap:anywhere}
#clientModal .cd-intro{font-size:11px;line-height:19px;color:var(--cd-soft);margin-top:9px}
#clientModal .cd-file-list{list-style:none;padding:0;margin:21px 0 0}
#clientModal .cd-file-list li{padding:0;margin:0}
#clientModal .cd-file-row{width:100%;min-height:62px;display:grid;grid-template-columns:minmax(0,1fr) 12px;gap:14px;align-items:center;text-align:left;padding:10px 0}
#clientModal .cd-file-row .cd-row-text{font-size:13px;font-weight:400;line-height:20px;color:var(--cd-ink)}
#clientModal .cd-file-row small{font-size:10px;line-height:16px;color:var(--cd-soft);display:block;margin-top:3px}
#clientModal .cd-file-row>svg{height:12px;width:12px;color:var(--cd-gold)}
#clientModal .cd-file-row:hover .cd-row-text{color:var(--cd-gold-hi)}
#clientModal .cd-note-hint{font-size:11px;line-height:19px;color:var(--cd-soft);margin-top:24px}
#clientModal .cd-section-heading{font-size:12px;font-weight:500;color:var(--cd-muted);margin-top:30px;margin-bottom:2px}
#clientModal .cd-section-heading+.cd-file-list{margin-top:6px}
#clientModal .cd-back{display:inline-flex;align-items:center;gap:6px;color:var(--cd-gold);font-size:11px;min-height:44px;margin:-13px 0 12px;padding-right:10px}
#clientModal .cd-back svg{width:12px;height:12px}
#clientModal .cd-document-kind{font-size:11px;line-height:18px;color:var(--cd-soft);margin-top:8px}
#clientModal .cd-prose{font-size:13px;line-height:1.8;color:var(--cd-muted);margin-top:27px}
#clientModal .cd-prose p+p{margin-top:15px}
#clientModal .cd-source-label{font-size:10px;color:var(--cd-soft);margin-top:18px}
#clientModal .cd-page-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
#clientModal .cd-page-heading>.cd-inline{flex-shrink:0}
#clientModal .cd-empty{font-size:13px;line-height:1.8;color:var(--cd-muted);margin-top:33px;max-width:275px}
#clientModal .cd-primary{background:var(--cd-gold);color:#17140e;min-height:42px;border-radius:3px;padding:10px 17px;font-size:12px;font-weight:600}
html[data-theme="light"] #clientModal .cd-primary{background:var(--cd-gold-hi);color:#fffaf1}
#clientModal .cd-plain-button{color:var(--cd-gold-hi);min-height:44px;font-size:12px;text-align:left}
#clientModal .cd-field-label{font-size:11px;color:var(--cd-muted);display:block;margin-top:21px;margin-bottom:8px}
#clientModal .cd-input{width:100%;background:var(--cd-field);border:1px solid var(--cd-line);border-radius:3px;font-size:16px;padding:10px 12px;min-height:44px}
#clientModal .cd-textarea{resize:vertical;min-height:185px;line-height:1.65}
#clientModal .cd-edit-meta{font-size:10px;line-height:17px;color:var(--cd-soft);margin-top:10px}
#clientModal .cd-editor-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:21px}
#clientModal .cd-editor-controls .cd-inline{font-size:11px}
#clientModal .cd-written-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.85;color:var(--cd-muted);margin-top:24px}
#clientModal .cd-written-note+.cd-plain-button{margin-top:16px}
#clientModal .cd-footer{padding:0 22px 15px;flex:none;min-height:28px;font-size:9px;color:var(--cd-soft);display:flex;justify-content:space-between;align-items:center;gap:8px}
#clientModal .cd-toast{position:absolute;bottom:14px;left:13px;right:13px;background:var(--cd-field);color:var(--cd-ink);border:1px solid var(--cd-edge);border-radius:3px;font-size:11px;line-height:1.6;padding:13px 14px;box-shadow:0 5px 20px #0003;z-index:5;pointer-events:none}
#clientModal .cd-copy-field{margin-top:25px;word-break:break-all}
#clientModal .cd-panel [data-view="intake"] code{font-size:10px}

@media(max-width:355px){#clientModal .cd-modal{width:calc(100% - 20px)}
#clientModal .cd-header{padding-inline:19px}
#clientModal .cd-name{font-size:26px}
#clientModal .cd-tabs{padding-inline:19px;gap:10px}
#clientModal .cd-scroll{padding-inline:19px}
#clientModal .cd-footer{padding-inline:19px}
#clientModal .cd-fields{grid-template-columns:72px minmax(0,1fr);gap:16px 11px}
#clientModal .cd-time{font-size:22px}
#clientModal .cd-treatment{font-size:13px}
#clientModal .cd-file-row .cd-row-text{font-size:12px}
#clientModal .cd-h2{font-size:21px}
}

@media(max-height:620px){#clientModal .cd-modal{height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}
#clientModal .cd-header{padding-block:14px}
#clientModal .cd-name{margin-top:8px;font-size:25px}
#clientModal .cd-eyebrow{line-height:12px}
#clientModal .cd-tools{top:5px}
#clientModal .cd-scroll{padding-top:18px}
}

@media(prefers-reduced-motion:reduce){#clientModal *{scroll-behavior:auto!important;transition:none!important}
}



/* Send Form is part of the existing document surface, never a nested dialog. */
#clientModal .cd-form-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:3px;min-height:44px}
#clientModal .cd-form-toolbar .cd-document-kind{margin:0;min-width:0;font-size:11px;line-height:18px}
#clientModal .cd-send-trigger{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-height:44px;flex-shrink:0;color:var(--cd-gold-hi);font-size:12px;font-weight:500;white-space:nowrap;padding:0 1px 0 8px}
#clientModal .cd-send-trigger svg{width:15px;height:15px;stroke-width:1.45}
#clientModal .cd-send-trigger:hover{color:var(--cd-ink)}
#clientModal .cd-send-trigger[aria-expanded="true"]{color:var(--cd-muted)}
#clientModal .cd-send-region{margin:8px 0 30px;padding:0;border:0;background:transparent}
#clientModal .cd-send-channels{border:0;min-width:0;margin:0;padding:0;display:flex;align-items:center;gap:22px}
#clientModal .cd-send-channels legend{font-size:11px;color:var(--cd-soft);padding:0;margin:0 0 7px}
#clientModal .cd-channel{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:12px;color:var(--cd-muted);cursor:pointer}
#clientModal .cd-channel:has(input:checked){color:var(--cd-ink)}
#clientModal .cd-channel input{appearance:none;margin:0;width:14px;height:14px;border:1px solid var(--cd-edge);border-radius:50%;display:grid;place-items:center;flex-shrink:0;cursor:pointer}
#clientModal .cd-channel input::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--cd-gold-hi);transform:scale(0)}
#clientModal .cd-channel input:checked{border-color:var(--cd-gold)}
#clientModal .cd-channel input:checked::after{transform:scale(1)}
#clientModal .cd-channel:has(input:disabled){opacity:.5;cursor:default}
#clientModal .cd-note-checks{border:0;min-width:0;margin:21px 0 0;padding:0;display:flex;flex-wrap:wrap;column-gap:22px}
#clientModal .cd-note-checks legend{padding:0;width:100%;margin-top:0}
#clientModal .cd-note-checks .cd-channel input,#clientModal .cd-note-checks .cd-channel input::after{border-radius:2px}
#clientModal .cd-textarea.cd-note-paragraph{min-height:96px}
#clientModal .cd-send-recipient{display:flex;gap:12px;align-items:baseline;margin:12px 0 18px;font-size:12px;line-height:20px;color:var(--cd-ink)}
#clientModal .cd-send-recipient>span:first-child{font-size:11px;color:var(--cd-soft)}
#clientModal .cd-send-address{overflow-wrap:anywhere;min-width:0}
#clientModal .cd-send-preview-label{font-size:11px;color:var(--cd-soft);margin:0 0 7px}
#clientModal .cd-send-message{font-size:12px;line-height:1.8;color:var(--cd-muted);overflow-wrap:anywhere}
#clientModal .cd-link-placeholder{color:var(--cd-gold);white-space:nowrap}
#clientModal .cd-send-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}
#clientModal .cd-send-cancel{font-size:12px;color:var(--cd-muted);min-height:44px;padding:0 4px}
#clientModal .cd-send-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px}
#clientModal .cd-send-submit svg{height:15px;width:15px;stroke-width:1.5}
#clientModal .cd-send-demo{font-size:10px;line-height:17px;color:var(--cd-soft);margin-top:9px}
#clientModal .cd-send-history{display:flex;align-items:center;gap:6px;font-size:10px;line-height:17px;color:#9fc2a8;margin-top:3px;min-height:20px}

html[data-theme="light"] #clientModal .cd-send-history{color:#3b6a48}
#clientModal .cd-send-history svg{width:12px;height:12px;stroke-width:1.5}
#clientModal .cd-send-open .cd-prose{margin-top:20px}
#clientModal .cd-send-open[data-view="form"] .cd-prose{display:none}

@media(max-width:355px){#clientModal .cd-form-toolbar{gap:8px}
#clientModal .cd-send-trigger{font-size:11px;gap:6px}
#clientModal .cd-form-toolbar .cd-document-kind{font-size:10px}
#clientModal .cd-send-submit{font-size:11px;padding-inline:12px}
}



/* Match the reference at 100%; use the existing per-device Zoom viewport at other scales. */
#clientModal.client-details-overlay {inset:0;padding:0;background:var(--cd-shade)!important;backdrop-filter:none;align-items:center;justify-content:center;overflow:hidden}

#clientModal .cd-modal {display:flex;flex-direction:column;position:relative;inset:auto;margin:0;zoom:var(--dayview-user-zoom,1);width:calc(var(--dayview-effective-width,100vw) - 28px);height:min(680px,calc(var(--dayview-effective-height,100dvh) - 64px));max-height:calc(var(--dayview-effective-height,100dvh) - 32px);font:14px/1.5 var(--cd-sans);color:var(--cd-ink)}

#clientModal .cd-form-toolbar, #clientModal .cd-send-controls, #clientModal .cd-visit-line {flex-wrap:wrap}
#clientModal .cd-send-channels {flex-wrap:wrap}

#clientModal .cd-footer {overflow-wrap:anywhere}

#clientModal .cd-written-note {white-space:pre-wrap}


#clientModal .cd-alert {margin-top:12px;color:var(--cd-gold-hi);font-size:12px;line-height:1.7}

#clientModal .cd-document-open {margin-top:24px}

@media(max-width:355px){#clientModal .cd-modal{width:calc(var(--dayview-effective-width,100vw) - 20px)}
}

@media(max-height:620px){#clientModal .cd-modal{height:calc(var(--dayview-effective-height,100dvh) - 24px);max-height:calc(var(--dayview-effective-height,100dvh) - 24px)}
}

html.dayview-ui-enlarged #clientModal .cd-modal{height:min(680px,calc(var(--dayview-effective-height,100dvh) - 24px));max-height:calc(var(--dayview-effective-height,100dvh) - 24px)}

html.dayview-ui-enlarged #clientModal .cd-header{padding-block:14px}

html.dayview-ui-enlarged #clientModal .cd-scroll{padding-top:18px}