/* Client Desk: approved split-panel direction, existing Second Close tokens. */
html,body { overflow-x:clip; }
.live-dashboard.desk-mode { --r-control:8px; --r-panel:10px; }
.desk-mode .live-header { margin:0; padding:16px 28px; background:var(--surface); min-height:72px; border-color:var(--line); }
.desk-mode #main { max-width:1800px; padding:0 24px 28px; }
.live-dashboard .desk-nav { display:flex; align-items:center; gap:12px; min-height:72px; }
.desk-nav>.btn { background:transparent; border:0; }
.desk-nav [aria-current=page] { color:var(--accent-2); text-decoration:underline; text-underline-offset:12px; }
.live-dashboard .desk-tools { margin-left:auto; position:relative; border:0; padding:0; }
.desk-tools summary { margin:0; padding:14px; }
.desk-tools>div { position:absolute; right:0; min-width:210px; background:var(--surface); padding:12px; z-index:5; border:1px solid var(--line); border-radius:8px; box-shadow:var(--e-2); display:grid; gap:8px; }
.desk-layout { display:grid; grid-template-columns:240px minmax(0,1fr) 260px; min-height:calc(100vh - 190px); border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.desk-layout.has-drawer { grid-template-columns:230px minmax(0,1fr) minmax(340px,38%); }
.desk-layout>* { min-width:0; }
.desk-clients { padding:24px 16px; border-right:1px solid var(--line); }
.desk-mode h1 { font:600 clamp(24px,2.3vw,34px)/1.25 var(--f-sans); letter-spacing:-.035em; margin:0; overflow-wrap:anywhere; }
.desk-mode h2 { font:500 24px/1.35 var(--f-sans); letter-spacing:-.025em; }
.desk-mode h3 { font-size:18px; line-height:1.4; }
.desk-row,.desk-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.desk-row h2,.desk-row h3 { margin:0; }
.desk-clients .desk-row { margin-bottom:24px; }
.live-dashboard .desk-search { margin:16px 0 24px; font-size:13px; }
.desk-client { width:100%; padding:16px 10px; display:flex; align-items:center; gap:10px; text-align:left; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--ink); font:inherit; }
.desk-client>span:nth-child(2) { flex:1; min-width:0; overflow-wrap:anywhere; font-size:14px; }
.desk-client small,.desk-meeting small { display:block; margin-top:5px; }
.desk-client[aria-current=true] { background:var(--accent-wash); }
.desk-client:hover,.desk-meeting:hover { background:var(--surface-2); }
.desk-initial { display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:50%; background:var(--bg-2); font-size:15px; }
.desk-content { padding:32px; }
.desk-heading { align-items:start; }
.desk-heading>.btn { flex:none; }
.desk-heading p { margin:8px 0; }
.desk-eyebrow { color:var(--muted); font-size:13px; margin:0 0 10px; }
.desk-tabs { display:flex; gap:10px; margin:24px 0 28px; border-bottom:1px solid var(--line); padding-bottom:8px; }
.desk-tabs .btn { background:transparent; border:0; padding:10px 12px; }
.desk-tabs [aria-current=page] { color:var(--accent-2); background:var(--accent-wash); }
.desk-next { padding:0 0 28px; border-bottom:1px solid var(--line); }
.desk-next h2 { font-size:24px; line-height:1.45; max-width:620px; }
.desk-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:22px 0; }
.desk-mode .btn { border-radius:8px; min-height:44px; white-space:nowrap; }
.desk-mode .btn[data-action=desk-reply],.desk-mode .btn[data-action=desk-copy] { background:var(--accent); color:var(--on-accent); border-color:var(--accent); }
.desk-concerns { margin:28px 0; }
.desk-concern-list { display:grid; gap:10px; }
.desk-concern { width:100%; display:flex; align-items:center; gap:14px; padding:14px; border:1px solid var(--line); border-radius:8px; background:var(--surface); font:inherit; color:var(--ink); text-align:left; line-height:1.45; }
.desk-concern>span:first-of-type { flex:1; }
.desk-concern small { min-width:75px; font-size:12px; }
.desk-concern[aria-pressed=true] { border-color:var(--accent-2); background:var(--accent-wash); }
.desk-concern:hover { border-color:var(--accent-2); }
.desk-recent { margin-top:32px; }
.desk-meeting-list { margin-top:14px; }
.desk-meeting { display:flex; width:100%; align-items:center; gap:16px; border:0; border-bottom:1px solid var(--line); padding:18px 0; text-align:left; font:inherit; background:transparent; color:var(--ink); }
.desk-meeting>span:nth-child(2) { flex:1; }
.desk-calendar { width:38px; height:42px; display:grid; place-items:center; background:var(--surface-2); border:1px solid var(--line); border-radius:7px; flex:none; font-size:19px; }
.desk-context,.desk-drawer { padding:32px 24px; border-left:1px solid var(--line); }
.desk-context p { color:var(--muted); font-size:15px; }
.desk-note { border-top:1px solid var(--line); padding-top:24px; margin-top:48px; }
.desk-note>span { font-size:28px; color:var(--accent-2); }
.desk-drawer { background:var(--surface); animation:desk-enter 180ms ease-out; }
.desk-drawer h2 { font-size:23px; }
.desk-drawer .desk-row { align-items:start; margin-bottom:18px; }
.desk-drawer textarea { min-height:240px; font-size:16px; line-height:1.65; }
.desk-drawer blockquote { border:0; border-radius:8px; font-size:15px; margin:18px 0; padding:16px; max-height:320px; overflow:auto; }
.desk-transcript { white-space:pre-wrap; overflow-wrap:anywhere; max-height:55vh; overflow:auto; padding:18px; background:var(--surface-2); line-height:1.75; font-size:14px; margin-bottom:20px; border-radius:8px; }
.desk-meeting-heading { margin-top:24px; }
.desk-summary { font-size:18px; line-height:1.6; }
.desk-empty { padding:32px 0; }
.desk-facts { display:flex; gap:40px; margin:28px 0; }
.desk-facts dt { color:var(--muted); font-size:13px; }
.desk-mode button { transition:background-color 140ms ease-out,border-color 140ms ease-out; }
@keyframes desk-enter { from { opacity:.4; transform:translateX(10px); } to { opacity:1; transform:none; } }
@media(min-width:1600px){.desk-layout { grid-template-columns:270px minmax(0,1fr) 300px; }.desk-content { padding:40px; }}
@media(max-width:1150px){.desk-layout { grid-template-columns:220px minmax(0,1fr); }.desk-context { display:none; }.desk-layout.has-drawer { grid-template-columns:200px minmax(0,1fr); }.desk-drawer { grid-column:2; border-top:1px solid var(--line); border-left:0; }.desk-content { padding:24px; }.desk-heading { flex-wrap:wrap; }}
@media(max-width:700px){.desk-mode #main { padding:0 12px 24px; }.desk-mode .live-header { padding:14px 16px; }.desk-nav { gap:0; flex-wrap:wrap; }.desk-nav>.btn { padding:10px; }.desk-layout,.desk-layout.has-drawer { display:block; }.desk-clients { border-right:0; border-bottom:1px solid var(--line); padding:18px; }.desk-clients .desk-row { margin-bottom:8px; }.desk-client { padding:10px; }.desk-search { margin:10px 0!important; }.desk-content,.desk-drawer { padding:24px 18px; }.desk-drawer { border-top:1px solid var(--line); }.desk-concern { flex-wrap:wrap; gap:8px; }.desk-concern small { width:100%; }.desk-tabs { gap:0; }.desk-tabs .btn { padding:10px; }.desk-heading h1 { font-size:26px; }.desk-mode #account span { display:none; }}
@media(prefers-reduced-motion:reduce){.desk-drawer { animation:none; }.desk-mode button { transition:none; }}
.desk-mobile-switch { display:none; }
.desk-transcript mark { background:var(--accent-wash); color:var(--ink); }
.desk-mode #main[aria-busy=true] { cursor:progress; }
@media(max-width:700px){.desk-mobile-switch { display:inline-flex; }.desk-clients:not(.is-open) .desk-search,.desk-clients:not(.is-open) #desk-client-list { display:none; }.desk-clients .desk-row { margin-bottom:0; }.desk-client small { font-size:12px; }}
.desk-mode button { touch-action:manipulation; }
.desk-transcript,.desk-drawer { overscroll-behavior:contain; }
.desk-content h1,.desk-content h2 { text-wrap:pretty; }
.desk-client,.desk-meeting,.desk-concern { overflow-wrap:anywhere; }
.desk-meeting-list>.desk-meeting { content-visibility:auto; contain-intrinsic-size:auto 84px; }
