/* Approved flat sidebar. Directory only: conversation content and permissions stay unchanged. */
body.flat-directory{--flat-surface:var(--cs-surface,#fff);--flat-rail:#f5f6f9;--flat-fill:#f2f4f7;--flat-ink:var(--cs-ink,#172033);--flat-muted:var(--cs-muted,#6d7787);--flat-soft:#eaf0ff;--flat-line:#edf0f4;--flat-brand:#1D4ED8;--flat-rail-width:54px;background:var(--flat-surface)!important}
:root[data-theme=dark] body.flat-directory{--flat-surface:var(--cs-surface,#18202b);--flat-rail:#151c27;--flat-fill:#253041;--flat-ink:var(--cs-ink,#edf1f8);--flat-muted:var(--cs-muted,#a9b5c8);--flat-soft:#253a64;--flat-line:#303b4c}
body.room-directory.flat-directory.flat-directory .shell{display:grid!important;grid-template-columns:var(--flat-rail-width) minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto!important;width:100%!important;max-width:none!important;height:100dvh!important;margin:0!important;padding:0!important;gap:0!important;overflow:hidden}
body.room-directory.flat-directory.flat-directory .shell>.topbar{grid-column:1;grid-row:1/-1;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;width:var(--flat-rail-width)!important;min-height:0!important;overflow:visible!important;padding:16px 3px 8px!important;margin:0!important;gap:14px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--flat-rail)!important;color:var(--flat-muted)!important;z-index:30}
body.room-directory.flat-directory.flat-directory .topbar>div:first-child{padding:0!important;margin:0!important;flex:none!important;min-width:0!important;width:44px!important;height:36px!important;overflow:hidden}
body.room-directory.flat-directory.flat-directory .topbar h1{font-size:0!important;gap:0!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;height:36px!important;color:var(--flat-ink)!important}
body.room-directory.flat-directory.flat-directory .topbar .chat-design-own-avatar{width:30px!important;height:30px!important;margin:0!important;background:var(--flat-soft)!important;color:var(--flat-brand)!important;font-size:13px!important}
body.room-directory.flat-directory.flat-directory .topbar>.section-actions{flex:1!important;min-height:0!important;width:100%!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:5px!important;padding:0!important;margin:0!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
body.room-directory.flat-directory.flat-directory .topbar .flat-rail-bottom{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;margin-top:auto}
body.room-directory.flat-directory.flat-directory .topbar :is(#homeMoreMenu,#notificationToggle){position:static!important;inset:auto!important;order:initial!important;margin:0!important}
body.room-directory.flat-directory.flat-directory .topbar :is(a[data-flat-icon],button[data-flat-icon],summary[data-flat-icon]){position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;width:44px!important;min-width:44px!important;height:42px!important;min-height:42px!important;max-width:44px!important;padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--flat-muted)!important;-webkit-text-fill-color:var(--flat-muted)!important;font-size:0!important;text-decoration:none!important;box-shadow:none!important;overflow:visible!important}
body.room-directory.flat-directory.flat-directory [data-flat-icon]::before{content:''!important;display:block!important;width:20px!important;height:20px!important;flex:none!important;background:currentColor!important;mask:var(--flat-icon) center/contain no-repeat;-webkit-mask:var(--flat-icon) center/contain no-repeat}
body.room-directory.flat-directory.flat-directory [data-flat-icon]>svg{display:none!important}
body.room-directory.flat-directory.flat-directory .topbar [data-flat-icon]:hover{background:var(--flat-fill)!important;color:var(--flat-ink)!important}
body.room-directory.flat-directory.flat-directory .topbar [data-flat-icon][aria-pressed=true]{background:var(--flat-soft)!important;color:var(--flat-brand)!important;-webkit-text-fill-color:var(--flat-brand)!important}
body.room-directory.flat-directory.flat-directory #customerConsultMenu[data-flat-count]:not([data-flat-count=''])::after{content:attr(data-flat-count);position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 3px;border-radius:10px;background:var(--flat-brand);color:#fff;-webkit-text-fill-color:#fff;font-size:10px;line-height:16px;text-align:center}
body.room-directory.flat-directory.flat-directory .topbar [hidden],body.room-directory.flat-directory.flat-directory [data-flat-icon][hidden]{display:none!important}
body.room-directory.flat-directory.flat-directory .layout{grid-column:2;grid-row:2;min-width:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;gap:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--flat-surface)!important}
body.room-directory.flat-directory.flat-directory:not(.customer-room-open) .layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr)!important}
body.room-directory.flat-directory.flat-directory:not(.customer-room-open) .layout>.rooms{border:0!important;border-right:1px solid var(--flat-line)!important;border-radius:0!important;box-shadow:none!important;background:var(--flat-surface)!important}
body.room-directory.flat-directory.flat-directory:not(.customer-room-open) .layout>.chat{border:0!important;border-radius:0!important;box-shadow:none!important}
body.room-directory.flat-directory.flat-directory .rooms>.section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;min-height:58px!important;max-height:none!important;padding:10px 16px 8px!important;gap:4px!important;border:0!important;background:var(--flat-surface)!important}
body.room-directory.flat-directory.flat-directory .rooms>.section-head h2{display:block!important;font-size:20px!important;color:var(--flat-ink)!important;margin:0!important;letter-spacing:-.5px}
body.room-directory.flat-directory.flat-directory .rooms>.section-head>.section-actions:empty{display:none!important}
body.room-directory.flat-directory.flat-directory .flat-list-tools{display:flex;align-items:center;gap:2px;margin-left:auto}
body.room-directory.flat-directory.flat-directory :is(.flat-list-tools,.flat-list-footer) [data-flat-icon]{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:5px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--flat-muted)!important;font-size:0!important;box-shadow:none!important}
body.room-directory.flat-directory.flat-directory .flat-list-tools .room-list-search-toggle{min-width:32px!important;width:32px!important;height:32px!important;min-height:32px!important;border:0!important;background:transparent!important;color:var(--flat-muted)!important}
body.room-directory.flat-directory.flat-directory .room-list-search-panel{padding:0 14px 9px!important;margin:0!important;border:0!important;background:var(--flat-surface)!important}
body.room-directory.flat-directory.flat-directory .room-list-search-panel input{border:0!important;border-radius:9px!important;box-shadow:none!important;background:var(--flat-fill)!important;color:var(--flat-ink)!important;min-height:36px!important;height:36px!important;padding:7px 11px!important;font-size:13px!important}
body.room-directory.flat-directory.flat-directory .room-design-filters{padding:0 14px 10px!important;border:0!important;background:var(--flat-surface)!important;gap:5px!important}
body.room-directory.flat-directory.flat-directory .room-design-filters button{padding:5px 10px!important;border:0!important;min-height:29px!important;border-radius:20px!important;background:var(--flat-fill)!important;color:var(--flat-muted)!important;font-size:12px!important;box-shadow:none!important}
body.room-directory.flat-directory.flat-directory .room-design-filters button[aria-pressed=true]{background:var(--flat-brand)!important;color:#fff!important}
body.room-directory.flat-directory.flat-directory #roomList{scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:var(--flat-line) transparent;background:var(--flat-surface)!important}
body.room-directory.flat-directory.flat-directory #roomList .room{grid-template-columns:36px minmax(0,1fr) auto!important;min-height:60px!important;padding:9px 14px!important;gap:4px 9px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.room-directory.flat-directory.flat-directory #roomList .room:is(:hover,.active){background:var(--flat-fill)!important}
body.room-directory.flat-directory.flat-directory #roomList .room-avatar{width:36px!important;height:36px!important;border-radius:50%!important;background:var(--flat-fill)!important;color:var(--flat-muted)!important;font-size:12px!important}
body.room-directory.flat-directory.flat-directory #roomList .room-avatar.group{border-radius:13px!important;background:var(--flat-soft)!important;color:var(--flat-brand)!important}
body.room-directory.flat-directory.flat-directory #roomList .room-main{color:var(--flat-ink)!important;font-size:var(--chat-font,14px)!important;line-height:1.25!important}
body.room-directory.flat-directory.flat-directory #roomList :is(.room-preview,.room-time,.room-main small){color:var(--flat-muted)!important}
body.room-directory.flat-directory.flat-directory #roomList .unread-badge{background:var(--flat-brand)!important;color:#fff!important;min-width:17px!important;height:17px!important;line-height:17px!important;font-size:10px!important;padding:0 4px!important}
body.room-directory.flat-directory.flat-directory .flat-list-footer{display:flex;align-items:center;gap:3px;min-height:38px;padding:3px 12px;flex-shrink:0;background:var(--flat-surface);color:var(--flat-muted)}
body.room-directory.flat-directory.flat-directory .flat-own-name{font-size:11px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.room-directory.flat-directory.flat-directory .shell>#notice{grid-column:2;grid-row:3;margin:0;padding:4px 10px;font-size:12px}
body.room-directory.flat-directory.flat-directory .shell>#installHelp{grid-column:2;grid-row:1;margin:0;border-radius:0}
body.room-directory.flat-directory.flat-directory .shell>#loginPanel{grid-column:1/-1;grid-row:2}
body.room-directory.flat-directory.flat-directory.flat-login .topbar{display:none!important}
body.room-directory.flat-directory.flat-directory.flat-login .shell{grid-template-columns:minmax(0,1fr)!important}
body.room-directory.flat-directory.flat-directory :is(button,a,input,summary):focus-visible{outline:2px solid var(--flat-brand)!important;outline-offset:-2px!important}
:root body.room-directory.flat-directory.flat-directory.flat-directory .shell [hidden]{display:none!important}
:root body.room-directory.flat-directory.flat-directory.flat-directory .shell .topbar :is(#customerConsultMenu,#requestBoardButton,#voiceMemo,#notificationToggle,#flatChatList,[data-flat-icon]){background:transparent!important;color:var(--flat-muted)!important;-webkit-text-fill-color:var(--flat-muted)!important;border:0!important;font-size:0!important}
:root body.room-directory.flat-directory.flat-directory.flat-directory .shell .topbar :is(#customerConsultMenu,#requestBoardButton,#voiceMemo,#notificationToggle,#flatChatList,[data-flat-icon]):hover{background:var(--flat-fill)!important;color:var(--flat-ink)!important;-webkit-text-fill-color:var(--flat-ink)!important}
:root body.room-directory.flat-directory.flat-directory.flat-directory .shell .topbar :is(#customerConsultMenu,#flatChatList)[aria-pressed=true]{background:var(--flat-soft)!important;color:var(--flat-brand)!important;-webkit-text-fill-color:var(--flat-brand)!important}
body.flat-directory .topbar>.section-actions>[data-flat-icon=chat]{order:0!important}body.flat-directory .topbar>.section-actions>[data-flat-icon=customer]{order:1!important}body.flat-directory .topbar>.section-actions>[data-flat-icon=request]{order:2!important}body.flat-directory .topbar>.section-actions>[data-flat-icon=external]{order:3!important}body.flat-directory .topbar>.section-actions>[data-flat-icon=shipper]{order:4!important}body.flat-directory .topbar>.section-actions>[data-flat-icon=attendance]{order:5!important}
body.flat-directory .flat-rail-bottom>#voiceMemo{order:0!important}body.flat-directory .flat-rail-bottom>#notificationToggle{order:1!important}body.flat-directory .flat-rail-bottom>#homeMoreMenu{order:2!important}
body.room-directory.flat-directory.flat-directory .shell>.topbar>.section-actions{flex-wrap:nowrap!important;min-width:0!important;max-width:100%!important;align-self:stretch!important;border:0!important}
body.room-directory.flat-directory.flat-directory .rooms>.section-head #customerConsultQuick{display:none!important}
body.room-directory.flat-directory.flat-directory .flat-popup-status:empty{display:none!important}
body.room-directory.flat-directory.flat-directory .flat-popup-status:not(:empty){position:absolute;bottom:40px;left:8px;right:8px;z-index:35;background:var(--flat-surface);color:var(--flat-ink);padding:8px;font-size:12px!important;white-space:normal!important;box-shadow:0 2px 12px #0002}
@media(max-width:760px){
 body.room-directory.flat-directory.flat-directory:not(.customer-room-open) .layout{display:block!important}
 body.room-directory.flat-directory.flat-directory:not(.customer-room-open) .layout>.rooms{border:0!important}
 body.room-directory.flat-directory.flat-directory.inline-chat-open:not(.customer-room-open) .shell{grid-template-columns:minmax(0,1fr)!important}
 body.room-directory.flat-directory.flat-directory.inline-chat-open:not(.customer-room-open) .shell>.topbar{display:none!important}
 body.room-directory.flat-directory.flat-directory.inline-chat-open:not(.customer-room-open) .layout{grid-column:1!important}
}
@media(max-width:400px){body.flat-directory{--flat-rail-width:48px}body.room-directory.flat-directory.flat-directory #roomList .room{grid-template-columns:32px minmax(0,1fr) auto!important;padding:8px 10px!important;gap:4px 7px!important}body.room-directory.flat-directory.flat-directory #roomList .room-avatar{width:32px!important;height:32px!important}body.room-directory.flat-directory.flat-directory .rooms>.section-head{padding-inline:12px!important}}
@media(min-width:761px) and (max-width:1300px) and (pointer:coarse){
 body.room-directory.flat-directory.flat-directory:not(.customer-room-open) .layout{display:block!important}
 body.room-directory.flat-directory.flat-directory.inline-chat-open:not(.customer-room-open) .shell{grid-template-columns:minmax(0,1fr)!important}
 body.room-directory.flat-directory.flat-directory.inline-chat-open:not(.customer-room-open) .shell>.topbar{display:none!important}
 body.room-directory.flat-directory.flat-directory.inline-chat-open:not(.customer-room-open) .layout{grid-column:1!important}
}
@media(pointer:coarse){body.room-directory.flat-directory.flat-directory :is(.flat-list-tools,.flat-list-footer) :is([data-flat-icon],.room-list-search-toggle){width:40px!important;min-width:40px!important;height:44px!important;min-height:44px!important}body.room-directory.flat-directory.flat-directory .room-design-filters button{min-height:36px!important}body.room-directory.flat-directory.flat-directory .room-list-search-panel input{font-size:16px!important;min-height:40px!important;height:40px!important}}

/* Share the saved chat font setting with the entire employee customer directory. */
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar{font-size:var(--chat-font,15px)!important}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .customer-directory{font-size:var(--chat-font,15px)!important}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .customer-directory :is(button,input,select,summary),
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-label,
:root body.room-directory.flat-directory.flat-directory #customerConsultAlerts summary{font-size:var(--chat-font,15px)!important}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar>header h2{font-size:calc(var(--chat-font,15px) + 3px)!important}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .customer-directory>header h2{font-size:calc(var(--chat-font,15px) + 1px)!important}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar :is(.customer-consult-shared,.cd-status,.cd-density-help),
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-card :is(small,.cd-time){font-size:max(11px,calc(var(--chat-font,15px) - 2px))!important;line-height:1.3!important}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-unread-badge{font-size:max(10px,calc(var(--chat-font,15px) - 3px))!important;min-width:19px;height:19px;margin-left:0;margin-right:4px}
/* The original button retains its clipboard handler, accessible name and result notices. */
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .customer-directory .cd-card>.cd-phone-copy{font-size:0!important;display:inline-flex!important;align-items:center;justify-content:center;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:5px!important;flex:0 0 30px!important;line-height:1!important}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-phone-copy::before{content:'';display:block;width:16px;height:16px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='13' rx='2'/%3E%3Cpath d='M16 8V3H3v13h5'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='13' rx='2'/%3E%3Cpath d='M16 8V3H3v13h5'/%3E%3C/svg%3E") center/contain no-repeat}
@media(pointer:coarse){:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .customer-directory .cd-card>.cd-phone-copy{width:40px!important;min-width:40px!important;height:44px!important;min-height:44px!important;flex-basis:40px!important}}

/* Compact customer cards: contact and existing status share the top line. */
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-list>.cd-card>button:first-child{padding:3px 7px!important;min-height:0!important;line-height:1.25!important}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-list{gap:2px!important}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;min-width:0}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-card-heading>.cd-label{min-width:0;overflow-wrap:anywhere}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-card .cd-card-heading>.cd-state{display:inline!important;flex:none;white-space:nowrap;opacity:1!important;font-weight:600;margin:0!important;line-height:1.25!important;color:var(--flat-muted)!important}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-card .cd-state[data-mode=waiting]{color:#92400e!important}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-card .cd-state[data-mode=human]{color:#15803d!important}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-card .cd-state[data-mode=closed]{color:#64748b!important}
:root body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-card .cd-state[data-mode=ai]{color:#7e22ce!important}
:root[data-theme=dark] body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-card .cd-state[data-mode=waiting]{color:#fbbf24!important}
:root[data-theme=dark] body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-card .cd-state[data-mode=human]{color:#6ee7b7!important}
:root[data-theme=dark] body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-card .cd-state[data-mode=closed]{color:#a8b3c6!important}
:root[data-theme=dark] body.room-directory.flat-directory.flat-directory #customerConsultSidebar .cd-card .cd-state[data-mode=ai]{color:#c4b5fd!important}

/* Use the full customer-list pane instead of the old nested room frame. */
:root body.room-directory.flat-directory .layout>.rooms{scrollbar-gutter:auto!important}
:root body.room-directory.flat-directory.customer-room-open .layout>.rooms{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important}
:root body.room-directory.flat-directory.customer-room-open #customerConsultSidebar{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}
:root body.room-directory.flat-directory.customer-room-open #customerConsultSidebar>header{width:100%!important;margin:0!important;border-radius:0!important;box-sizing:border-box!important;flex-shrink:0}
:root body.room-directory.flat-directory.customer-room-open #customerConsultFolder{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;min-height:0!important}
:root body.room-directory.flat-directory.customer-room-open #customerConsultSidebar .customer-directory{margin:0!important;padding:3px 6px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;border-radius:0!important}

/* Compact customer header: no shared-help row; scoped colors preserve status/action buttons. */
:root body #customerConsultSidebar>header{background:#f1f3f5!important;background-image:none!important;color:#202b38!important;-webkit-text-fill-color:#202b38!important;border-bottom:1px solid #dce1e7!important}
:root body #customerConsultSidebar>header h2{color:#202b38!important;-webkit-text-fill-color:#202b38!important}
:root body #customerConsultSidebar>header #customerConsultSidebarClose{background:transparent!important;background-image:none!important;color:#354254!important;-webkit-text-fill-color:#354254!important;border:1px solid #b9c2ce!important;box-shadow:none!important}
:root body #customerConsultSidebar>header #customerConsultSidebarClose:hover{background:#e2e6eb!important}
:root body #customerConsultSidebar>header #customerConsultSidebarClose:focus-visible{outline:2px solid #1d4ed8!important;outline-offset:2px}

/* Persistent, single-column navigation for every signed-in workspace. */
:root body.room-directory.flat-directory{--flat-rail-width:64px;--flat-muted:#526176}
:root[data-theme=dark] body.room-directory.flat-directory{--flat-muted:#b5c2d3}
:root body.room-directory.flat-directory.flat-directory .shell>.topbar{z-index:90;gap:10px!important;padding-top:12px!important;border-right:1px solid var(--flat-line)!important;box-sizing:border-box}
:root body.room-directory.flat-directory.flat-directory .shell>.topbar>.section-actions{gap:6px!important}
:root body.room-directory.flat-directory.flat-directory .topbar [data-rail-removed=true]{display:none!important}
:root body.room-directory.flat-directory.flat-directory [data-flat-icon]::before{width:22px!important;height:22px!important}
:root body.room-directory.flat-directory.flat-directory .topbar [data-flat-icon][aria-current=page]{background:var(--flat-soft)!important;color:var(--flat-brand)!important;-webkit-text-fill-color:var(--flat-brand)!important;box-shadow:inset 3px 0 var(--flat-brand)!important}
body.flat-directory .topbar>.section-actions>[data-flat-icon=barcode]{order:6!important}
:root body.room-directory.flat-directory.flat-directory.inline-chat-open .shell{grid-template-columns:var(--flat-rail-width) minmax(0,1fr)!important}
:root body.room-directory.flat-directory.flat-directory.inline-chat-open .shell>.topbar{display:flex!important}
:root body.room-directory.flat-directory.flat-directory.inline-chat-open .layout{grid-column:2!important}
:root body.room-directory.flat-directory.flat-directory .shell>#workMenuPanel{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:hidden;background:var(--flat-surface);z-index:40;width:100%;height:100%}
:root body.room-directory.flat-directory.flat-directory .shell>#workMenuPanel[hidden]{display:none!important}
#workMenuPanel>iframe{display:block;width:100%;height:100%;border:0;background:var(--flat-surface,#fff)}
:root body.room-directory.flat-directory.work-menu-open .layout{visibility:hidden;pointer-events:none}
:root body.room-directory.flat-directory .rooms>.section-head h2{font-size:20px!important;line-height:1.35!important;letter-spacing:-.3px}
:root body.room-directory.flat-directory #roomList .room-main{color:var(--flat-ink)!important;font-weight:600!important;line-height:1.4!important}
:root body.room-directory.flat-directory #roomList .room-preview{font-size:max(13px,calc(var(--chat-font,15px) - 1px))!important;line-height:1.45!important}
:root body.room-directory.flat-directory #roomList .room-time{font-size:12px!important;font-variant-numeric:tabular-nums}
:root body.room-directory.flat-directory #roomList .room{min-height:72px!important;padding-block:12px!important}
:root body.room-directory.flat-directory .topbar [data-flat-icon]:focus-visible{outline:2px solid var(--flat-brand)!important;outline-offset:-3px!important}
@media(max-width:760px){:root body.room-directory.flat-directory{--flat-rail-width:56px}:root body.room-directory.flat-directory .topbar>.section-actions{scrollbar-width:none}:root body.room-directory.flat-directory .work-update-banner{left:calc(var(--flat-rail-width) + 8px);max-width:calc(100vw - var(--flat-rail-width) - 16px)}}
/* Shared reading comfort inside authenticated, embedded destinations only. */
body.work-embedded-menu{font-family:system-ui,-apple-system,'Segoe UI','Malgun Gothic',sans-serif;line-height:1.5;text-rendering:optimizeLegibility}
body.work-embedded-menu :is(button,input,select,textarea){font-family:inherit;line-height:1.45}
body.work-embedded-menu :is(h1,h2,h3){line-height:1.35;letter-spacing:-.025em;text-wrap:balance}
body.work-embedded-menu :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #2563eb;outline-offset:2px}
body.work-embedded-menu :is(button,input,select){min-height:40px}
body.work-embedded-menu textarea{font-size:16px;line-height:1.55}
body.work-embedded-menu :is(.help,.room-detail,small){line-height:1.5}
@media(pointer:coarse){body.work-embedded-menu :is(button,input,select){min-height:44px}body.work-embedded-menu :is(input,select,textarea){font-size:16px}}

:root body.room-directory.flat-directory.flat-directory.flat-login .shell>.topbar{display:none!important}

:root body.room-directory.flat-directory.flat-directory #customerInline{display:none!important}
:root body.room-directory.flat-directory :is(dialog,.compact-chat-menu-panel){font-family:system-ui,-apple-system,'Segoe UI','Malgun Gothic',sans-serif;line-height:1.5}
:root body.room-directory.flat-directory dialog :is(label,p,td,th){line-height:1.5}
:root body.room-directory.flat-directory dialog :is(input,textarea,select){font-family:inherit;font-size:16px;line-height:1.45}

/* One AS title: the embedded SVC screen owns its title and account actions. */
body.work-embedded-as>header{display:none!important}
body.work-embedded-as>iframe{height:100dvh!important}
:root body.flat-directory .topbar>.section-actions>[data-flat-icon=external]{order:8!important}
:root body.flat-directory .topbar>.section-actions>[data-flat-icon=attendance]{order:9!important}
:root body.flat-directory .flat-rail-bottom>#requestBoardButton{order:0!important}
:root body.flat-directory .flat-rail-bottom>#voiceMemo{order:1!important}
:root body.flat-directory .flat-rail-bottom>#notificationToggle{order:2!important}
:root body.flat-directory .flat-rail-bottom>#homeMoreMenu{order:3!important}
:root body.room-directory.flat-directory .rooms>.section-head h2{font-size:17px!important}
:root body.room-directory.flat-directory #roomList .room-main{font-size:14px!important;line-height:1.35!important}
:root body.room-directory.flat-directory #roomList .room-preview{font-size:12px!important;line-height:1.4!important}
:root body.room-directory.flat-directory #roomList .room-time{font-size:11px!important}
:root body.room-directory.flat-directory #roomList .room{min-height:62px!important;padding-block:9px!important}
body.work-embedded-menu{font-size:14px}
body.work-embedded-menu :is(h1,h2,.room-head h2){font-size:17px}
body.work-embedded-menu #rooms :is(strong,h2,h3){font-size:14px;line-height:1.4}
body.work-embedded-menu #rooms small{font-size:12px;line-height:1.4}
body.work-embedded-menu #rooms button{padding:9px 11px}

/* Staff room list: match the conversation body typeface and 14px size. */
:root body.room-directory.flat-directory.flat-directory .rooms{font-family:var(--uc-font,Arial,"Malgun Gothic","맑은 고딕",system-ui,sans-serif)!important}
:root body.room-directory.flat-directory.flat-directory #roomList :is(.room,.room-main,.room-title,.room-preview,.room-time,.room-main small),
:root body.room-directory.flat-directory.flat-directory .rooms :is(input,button){font-family:var(--uc-font,Arial,"Malgun Gothic","맑은 고딕",system-ui,sans-serif)!important}
:root body.room-directory.flat-directory.flat-directory #roomList :is(.room-main,.room-title,.room-preview){font-size:14px!important;line-height:1.55!important;letter-spacing:-.15px!important}
:root body.room-directory.flat-directory.flat-directory .room-list-search-panel input{font-size:14px!important}

/* The saved account preference controls the directory and conversation together. */
:root body.room-directory.flat-directory.flat-directory #roomList :is(.room-main,.room-title,.room-preview){font-size:var(--chat-font,14px)!important;line-height:var(--room-list-line,1.55)!important}
:root body.room-directory.flat-directory.flat-directory .room-list-search-panel input{font-size:var(--chat-font,14px)!important;height:var(--room-list-search-height,36px)!important;min-height:var(--room-list-search-height,36px)!important}
:root body.room-directory.flat-directory.flat-directory .rooms>.section-head h2{font-size:calc(var(--chat-font,14px) + 3px)!important}
:root body.room-directory.flat-directory.flat-directory #roomList :is(.room-time,.room-main small){font-size:max(10px,calc(var(--chat-font,14px) - 3px))!important}
:root body.room-directory.flat-directory.flat-directory .room-design-filters button{font-size:max(11px,calc(var(--chat-font,14px) - 2px))!important}
:root body.room-directory.flat-directory.flat-directory #roomList .room{min-height:var(--room-list-min,62px)!important;padding-block:var(--room-list-padding,9px)!important;grid-template-columns:var(--room-list-avatar,36px) minmax(0,1fr) auto!important;gap:var(--room-list-gap,4px) 9px!important}
:root body.room-directory.flat-directory.flat-directory #roomList .room-avatar{width:var(--room-list-avatar,36px)!important;height:var(--room-list-avatar,36px)!important}
:root[data-chat-density="compact"] body.room-directory.flat-directory.flat-directory .rooms{--room-list-min:46px;--room-list-padding:5px;--room-list-avatar:30px;--room-list-line:1.35;--room-list-gap:2px;--room-list-search-height:32px}