/* 1.55: the work takes the screen; controls keep their readable size. */
:root{--sidebar-width:196px;--workspace-divider:8px}
.with-nav,body:has(.inbox-layout) .with-nav{padding:0 12px 14px;margin-left:var(--sidebar-width)}
.sidebar{padding:14px 10px}.sidebar .brand{margin-bottom:10px}.sidebar nav a{padding:7px 10px}.sidebar .grouped-nav summary{padding:6px 10px}.sidebar .grouped-nav details{margin:6px 0}.sidebar .account{padding-top:10px}
.workspace-top{min-height:42px;padding:4px 0;margin:0 0 8px;gap:8px}.workspace-top .button,.workspace-top button{min-height:32px;padding:5px 10px;font-size:13px}.workspace-top .notify-bell{min-height:32px}
main>header{margin:0 0 10px;gap:12px}main>header h1{font-size:24px;line-height:1.25}main>header .eyebrow{font-size:10px;margin:0 0 3px}main>header p{margin:3px 0;font-size:13px}
main>footer{margin-top:12px}.desktop-nav-toggle{white-space:nowrap}
.workspace-divider{display:none}.workspace-focus-button,.workspace-context-button{white-space:nowrap}
.workspace-view{position:relative;margin-left:auto}.workspace-view>summary{list-style:none;padding:6px 10px;border:1px solid #d4d9dd;border-radius:6px;background:#fff;font-size:13px;min-height:32px}.workspace-view>div{position:absolute;right:0;top:100%;z-index:35;width:245px;padding:12px;background:#fff;border:1px solid #d4d9dd;border-radius:8px;box-shadow:0 5px 22px #152c3a20}.workspace-view p{font-size:12px;margin:10px 0 0}.workspace-view button{width:100%}
.queue-filter-menu{position:relative;font-size:13px;flex:none}.queue-filter-menu>summary{padding:7px 12px;border:1px solid #d3d9df;border-radius:7px;background:#fff;min-height:34px}.queue-filter-menu .queue-filters{position:absolute;right:0;top:calc(100% + 5px);z-index:40;width:340px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;margin:0;border:1px solid #d3d9df;border-radius:10px;background:#fff;box-shadow:0 8px 25px #17242d20}.queue-filter-menu .queue-filters label{max-width:none}.queue-filter-menu a{font-size:13px}
.inbox-page .inbox-header{flex-wrap:nowrap;flex-shrink:0;margin:0 0 8px;gap:10px}.inbox-page .inbox-header h1{font-size:23px;margin:0;white-space:nowrap}.inbox-page .inbox-header .inbox-search{flex:1;max-width:none;order:0;flex-basis:auto;margin:0}.inbox-header .inbox-search input{min-height:34px;padding:6px 10px}.inbox-header button,.inbox-header .button{min-height:34px;padding:6px 10px}
.inbox-page .inbox-tabs{flex-shrink:0;margin:0 0 7px;gap:3px}.inbox-page .inbox-tabs a{padding:5px 9px;font-size:13px}.inbox-page .inbox-layout{border-radius:9px;min-height:0}.inbox-page .inbox-list{border-right:0}.inbox-page .inbox-row{padding:10px 12px}.inbox-page .row-head strong{font-size:14px}.inbox-page .row-subject{font-size:14px;line-height:1.35}.inbox-page .snippet{font-size:13px}.inbox-row .row-meta{font-size:12px}
.inbox-page .conversation-head{padding:10px 16px;position:sticky;top:0;background:#fff;z-index:6}.inbox-page .conversation-head h2{font-size:19px;line-height:1.3;margin:3px 0}.inbox-page .conversation-head .conversation-client{font-size:13px;margin:2px 0 7px;overflow-wrap:anywhere}.inbox-page .conversation-actions{display:flex;gap:5px;flex-wrap:wrap}.inbox-page .conversation-actions .button{font-size:13px;min-height:32px;padding:5px 9px}
.conversation-tools{display:flex;flex-wrap:wrap;align-items:start;gap:6px;padding:7px 14px;border-bottom:1px solid #e5e8eb}.conversation-tools>details{position:relative;margin:0!important;font-size:13px;padding:0!important;border:0!important;background:none}.conversation-tools>details>summary{padding:5px 8px;border-radius:6px;background:#f2f4f6;max-width:100%;overflow-wrap:anywhere}.conversation-tools>details[open]{flex-basis:100%}.conversation-tools>details[open]>form{padding:10px;border:1px solid #dce1e5;margin-top:4px;border-radius:7px;background:#fff}.conversation-tools .next-action-box{flex:1;min-width:200px}.conversation-tools .next-action-box summary{white-space:normal}.conversation-tools .attention-strip{padding:5px 8px;border-radius:5px;font-size:12px;flex-basis:100%;order:3}.conversation-tools .marker-form{margin:0!important}
.inbox-page .thread{padding:0 16px}.thread .thread-order{font-size:12px;margin:8px 0;color:#73808a}.inbox-page .thread .message{padding:13px 15px;margin:9px 0;border-radius:8px}.inbox-page .thread .message p,.lead-page .thread .message p{max-height:none;overflow:visible;font-size:15px;line-height:1.55}.inbox-page .thread .message small{font-size:12px}.reply-box textarea[name=body]{min-height:220px;max-height:75dvh;resize:vertical;font-size:15px;line-height:1.5}.reply-assistant{font-size:13px;margin-bottom:8px}.reply-assistant>summary{padding:6px 0}.reply-assistant .ai-toolbar{margin-top:10px}.reply-box{padding:14px}.reply-box [data-mail-editor]{margin-top:8px}.reply-box .grid-form{margin-top:10px}
.inbox-context{border-left:0}.customer-context{padding:12px}.customer-context>summary{font-size:15px}.context-content{font-size:14px}.context-content h3{margin-top:14px}.context-content input,.context-content select{font-size:14px}.context-content form{margin:12px 0}
@media(min-width:901px){
 .workspace-nav-hidden .sidebar{display:none}.workspace-nav-hidden .with-nav,.workspace-nav-hidden:has(.inbox-layout) .with-nav{margin-left:0}
 .inbox-page .with-nav{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:10px}.inbox-page .workspace-top{flex-shrink:0;margin-bottom:8px}.inbox-page .inbox-layout{height:var(--workspace-height,calc(100dvh - 134px));flex:1;min-height:160px;grid-template-columns:320px minmax(0,1fr) 280px}.inbox-page .inbox-list,.inbox-page .conversation,.inbox-page .inbox-context{height:100%;max-height:none;min-height:0;overflow:auto;overscroll-behavior:contain}.inbox-page main>p.notice{flex-shrink:0;padding:7px 12px;margin:0 0 8px;font-size:12px}
 .workspace-divider{display:block;align-self:stretch;width:8px;min-height:0;border:0;background:#edf0f2;cursor:col-resize;touch-action:none;position:relative;z-index:7;padding:0}.workspace-divider:after{content:'';position:absolute;left:3px;top:calc(50% - 24px);height:48px;width:2px;border-radius:2px;background:#acb6bd}.workspace-divider:hover,.workspace-divider:focus-visible{background:#f9e89e;outline:2px solid #9a7d18;outline-offset:-2px}.workspace-resizing,.workspace-resizing *{cursor:col-resize!important;user-select:none!important}
 .inbox-page .inbox-layout.is-resizable{grid-template-columns:var(--queue-width,320px) 8px minmax(0,1fr) 8px var(--context-width,280px)}.inbox-page .inbox-layout.context-hidden{grid-template-columns:var(--queue-width,320px) 8px minmax(0,1fr)}.context-hidden>.inbox-context,.context-hidden>.workspace-divider[data-side=right]{display:none}
 .inbox-page .inbox-layout.is-resizable>.inbox-list,.inbox-page .inbox-layout.is-resizable>.inbox-context{grid-column:auto;grid-row:auto}
 .im-page .im-shell.is-resizable{grid-template-columns:var(--dialogs-width,290px) 8px minmax(0,1fr);height:var(--workspace-height,calc(100dvh - 60px))}
 .workspace-focus{overflow:hidden}.workspace-focus .workspace-focused{position:fixed!important;inset:10px!important;height:calc(100dvh - 20px)!important;width:calc(100vw - 20px)!important;max-height:none!important;z-index:90!important;box-shadow:0 0 0 20px #f5f6f7;grid-template-columns:minmax(0,1fr)!important;flex:none!important}.workspace-focused>.inbox-list,.workspace-focused>.im-sidebar,.workspace-focused>.inbox-context,.workspace-focused>.workspace-divider{display:none!important}.workspace-focused>.conversation,.workspace-focused>.im-conversation{height:100%;min-height:0}.workspace-focus .sidebar,.workspace-focus .workspace-top,.workspace-focus .with-nav>:not(.workspace-focused):not(dialog){visibility:hidden}
 .table-wrap:not(.timesheet-scroll){max-height:var(--table-available,calc(100dvh - 220px))}.timesheet-scroll{max-height:var(--timesheet-height,calc(100dvh - 250px))}.kanban-page .kanban{max-height:var(--board-height,calc(100dvh - 145px))}.kanban-page .column{max-height:var(--board-height,calc(100dvh - 145px))}
}
@media(max-width:900px){
 .desktop-nav-toggle,.workspace-focus-button,.workspace-context-button,.workspace-view{display:none!important}.with-nav,body:has(.inbox-layout) .with-nav{margin-left:0}.inbox-page .inbox-header{flex-wrap:wrap}.inbox-page .inbox-header .inbox-search{order:5;flex-basis:100%;width:100%}.inbox-page .inbox-tabs{margin-top:4px}.queue-filter-menu .queue-filters{width:min(340px,calc(100vw - 32px));right:0}.inbox-page:has(.has-selection) .queue-filter-menu{display:none}.inbox-page .inbox-layout{height:auto!important}.inbox-page .conversation-head{position:static;padding:10px 12px}.inbox-page .thread{padding:0 12px}.inbox-page .thread .message p{font-size:15px;max-height:none;overflow:visible}.inbox-page .conversation-actions .button{min-height:38px}.conversation-tools{padding:6px 12px}.conversation-tools .next-action-box{min-width:180px}.reply-box textarea[name=body]{min-height:180px;font-size:16px}.queue-filter-menu{margin-left:auto}
}
@media print{.desktop-nav-toggle,.workspace-divider,.workspace-focus-button,.workspace-context-button,.workspace-view{display:none!important}.workspace-focus .workspace-focused{position:static!important;inset:auto!important;box-shadow:none!important;height:auto!important;width:auto!important}.inbox-page .with-nav{height:auto;overflow:visible}.table-wrap{max-height:none!important}}
