/* Final geometry, independent of theme cosmetics. */
html,body{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}
.shell{min-width:0;max-width:100%;height:100dvh;grid-template-rows:57px minmax(0,1fr)}
.body,.top,.filters,.searchBar,.compose{min-width:0}.searchBar{grid-template-columns:minmax(0,1fr) 34px}.searchBar input{min-width:0}
.row{background:var(--manager-tint,transparent)}
.filters{flex:1;min-width:0;align-items:center}.filters select{flex:0 1 120px}.top .searchBar{display:flex;align-items:center;flex:1;min-width:120px;height:36px;padding:0;border:0;gap:5px}.top .searchBar input{height:36px;flex:1;min-width:0;padding:0 10px}.top .searchBtn{height:36px;min-width:36px}.top .searchClose{display:none}.quick{flex-wrap:nowrap;white-space:nowrap;scrollbar-width:none;overscroll-behavior-x:contain}.quick::-webkit-scrollbar{display:none}.quick>button,.quick .dynamicLabels>button{flex:0 0 auto}.quick .dynamicLabels{display:contents}.quick .dynamicLabels button{min-height:30px;padding:5px 9px;font-size:10px}.quick .dynamicLabels button[aria-pressed=true]{background:var(--surface-hover)}.filterChip{display:none!important}.mobileSearchToggle{display:none}
:root{--manager-olive:#282e24;--manager-violet:#2c2637;--manager-green:#21312a;--manager-gray:#2a2e34}
:root[data-theme=light]{--manager-olive:#f0f1e5;--manager-violet:#f3edf8;--manager-green:#eaf4ee;--manager-gray:#f0f1f3}
.row[data-manager-tone=olive]{--manager-tint:var(--manager-olive)}.row[data-manager-tone=violet]{--manager-tint:var(--manager-violet)}.row[data-manager-tone=green]{--manager-tint:var(--manager-green)}.row[data-manager-tone=gray]{--manager-tint:var(--manager-gray)}
.row.on{outline:2px solid var(--blue);outline-offset:-2px}
.dynamicLabels{display:flex;gap:6px;flex-wrap:wrap;padding:3px 10px 8px;flex:none;max-height:115px;overflow:auto}.dynamicLabels button{display:flex;gap:5px;align-items:center;border:1px solid var(--line);background:var(--surface-control);color:var(--txt);border-radius:16px;padding:6px 9px;cursor:pointer}.dynamicLabels button[aria-pressed=true]{outline:2px solid var(--label-color);outline-offset:-2px}.dynamicLabels i{width:10px;height:10px;border-radius:50%;background:var(--label-color)}
.directoryTools{display:flex;gap:6px;padding:0 10px 6px}.directoryTools button,#saveNotes{background:var(--surface-control);color:var(--txt);border:1px solid var(--line);border-radius:7px;padding:7px;cursor:pointer}
.managementDialog{background:var(--surface-card);color:var(--txt);border:1px solid var(--line);border-radius:14px;width:520px;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow:auto}.managementDialog::backdrop{background:#0009}.managementDialog label{display:grid;gap:7px;margin:12px 0}.managementDialog input,.managementDialog select,#clientNotes{width:100%;min-width:0;background:var(--surface-control);color:var(--txt);border:1px solid var(--line);border-radius:7px;padding:9px;font:inherit}.managementDialog button{min-height:40px;border:1px solid var(--line);border-radius:7px;background:var(--surface-control);color:var(--txt);padding:7px;cursor:pointer}.managementActions,.directory>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.directory b{flex:1;overflow-wrap:anywhere}.managementError{color:var(--red)}.swatches{display:flex;gap:9px;flex-wrap:wrap}.swatches button,.swatch{width:32px;min-height:32px;height:32px;border-radius:50%;display:inline-block}.swatches button[aria-pressed=true]{outline:3px solid var(--txt);outline-offset:2px}.ctx{max-height:calc(100dvh - 24px);overflow-y:auto}#clientNotes{resize:vertical;min-height:100px}
.photoItem{min-height:72px}.photoItem .filecard{min-height:72px}.messages{overflow-anchor:none}.chatname,.mobileChatIdentity{min-width:0;overflow:hidden}.chatname{overflow-wrap:anywhere}
@media(min-width:769px){
 .body{grid-template-columns:minmax(130px,.5fr) minmax(220px,1fr) minmax(280px,1.5fr) minmax(205px,.9fr)}
 .shell.left-collapsed .body{grid-template-columns:minmax(240px,1fr) minmax(300px,1.7fr) minmax(205px,.9fr)}
 .shell.right-collapsed .body{grid-template-columns:minmax(130px,.5fr) minmax(240px,1fr) minmax(300px,1.8fr)}
 .shell.left-collapsed.right-collapsed .body{grid-template-columns:minmax(240px,1fr) minmax(300px,2fr)}
 .top{gap:7px}.top .title{min-width:0}.filters select{min-width:0;width:120px}.top .logo{min-width:115px}.top .user{display:none}
}
@media(min-width:769px) and (max-width:1100px){.top .title{display:none}.filters{flex:1}.filters select{width:95px}.themeToggle{padding-inline:5px}}
@media(max-width:768px){
 html,body{width:100%!important;max-width:100%!important;height:100dvh!important;overflow:hidden!important}
 .shell{inset:auto 0 auto 0!important;top:var(--app-top,0px)!important;width:100%!important;max-width:100%!important;height:var(--app-vh,100dvh)!important;max-height:var(--app-vh,100dvh)!important;padding-top:env(safe-area-inset-top)}
 .body{width:100%!important;max-width:100%!important}.body>*{min-width:0!important}.top{min-width:0;padding-inline:8px;gap:6px}.top .logo{min-width:0;flex:1}.mobileTopTitle{display:none!important}.themeToggle{min-width:44px;font-size:11px}
 .compose textarea,.managementDialog input,.managementDialog select,#clientNotes,.searchBar input{font-size:16px!important}.compose textarea{min-width:0;min-height:44px;max-height:96px}
 .composer{padding-bottom:max(7px,env(safe-area-inset-bottom))!important}.chathead{min-width:0}.chathead .avatar{width:36px;height:36px}.mobileChatAction,.mobileChatBack,.mobileThemeInline{flex-shrink:0;width:44px;min-width:44px}.chathead{gap:4px}.chatname{font-size:15px!important}.bubble{max-width:90%!important}.filecard{min-width:0}.msgimg{height:auto}.quick{flex:none}.directoryTools button,.dynamicLabels button{min-height:44px}.dynamicLabels{max-height:110px}.directoryTools{flex:none}.managementDialog button{min-height:44px}.voiceSeek{height:34px;touch-action:none}.voiceRate{min-height:44px}.voicePlay{width:44px;height:44px}
 .quick{height:49px;min-height:49px;max-height:49px;align-items:center;touch-action:pan-x;overflow-y:hidden}.quick>button,.quick .dynamicLabels>button{min-height:36px;max-height:36px;white-space:nowrap;flex-shrink:0}.top{position:relative}.mobileSearchToggle{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;height:44px;background:var(--surface-control);color:var(--txt);border:1px solid var(--line);border-radius:9px;font-size:24px;cursor:pointer}.top.search-open>.filters{display:flex!important;position:absolute;inset:0;z-index:5;margin:0;padding:5px 8px;background:var(--top)}.top.search-open>.filters select{display:none}.top.search-open .searchBar{display:flex;flex:1;height:46px}.top.search-open .searchBar input{height:44px;font-size:16px}.top.search-open .searchBtn{display:none}.top.search-open .searchClose{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface-control);color:var(--txt);font-size:23px;cursor:pointer}.top.search-open>.mobileSearchToggle{visibility:hidden}
}