:root{--border:#D4DED3;--space:24px;--control:48px;--text:17px;--title:30px;font-family:var(--font-sans);line-height:1.55}
:root[data-ui-size=large]{--text:21px;--control:60px;--space:28px;--title:36px}
body{font-size:var(--text);line-height:1.55;background:var(--paper)}
button,input,textarea,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--control);border-radius:12px;line-height:1.4}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #246783;outline-offset:3px}
.ui-icon{width:var(--icon);height:var(--icon);flex:none}
.authenticated #app>header{min-height:88px;padding:16px 28px}
.brand-wordmark{width:230px}.side-nav{width:248px;background:#F4F7EF;padding:28px 16px;gap:8px}.side-nav .menu-item{justify-content:flex-start;padding:14px 16px}
.side-nav .menu-item.selected{background:var(--ink)!important;color:white}.side-account{margin-top:0}.sidebar-note{margin-top:auto;display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:center;padding:24px 8px;color:#52655A}.sidebar-note img{width:40px;height:auto;opacity:.55}.sidebar-note p{min-width:0;font-size:var(--small);overflow-wrap:anywhere}.sidebar-note strong{color:var(--ink)}
.shell{max-width:1400px;padding:32px}.card{border-radius:20px;padding:var(--space)}
.ui-page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.ui-page-heading h1{margin:0;font-size:var(--title)}
.message-tabs{border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:24px}.message-tabs button{background:transparent;border-color:transparent;font-weight:400;padding:10px 18px}.message-tabs button.active{background:white;color:var(--ink);border-color:#73877A;box-shadow:inset 0 -3px var(--ink);font-weight:600}
.construction-icon{width:24px;height:24px;flex:none;vertical-align:middle;margin-left:8px}.menu-item .construction-icon{width:22px;height:22px;margin-left:auto}
.assistant-trigger{width:var(--control);height:var(--control);padding:5px;background:var(--paper);border-color:var(--border);flex:none}.assistant-trigger img{width:100%;height:100%;object-fit:contain}.desktop-assistant{margin-left:auto}.mobile-assistant{display:none}
.ui-feed-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.ui-feed-heading h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ui-feed-heading .sun{margin-left:auto}
.ui-feed-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px}.feed-aside{display:grid;align-content:start;gap:20px;padding-top:14px}.section-note{background:#E7F2F7;border-radius:20px;padding:20px;color:#246783;font-size:var(--small)}.section-note img{width:80px;height:80px;object-fit:contain;margin-bottom:16px}.brand-card{background:#EAF2E8;border-radius:20px;padding:20px;font-size:var(--small)}.brand-card img{width:80px;float:right;opacity:.5}.brand-card p{margin:0}
.feed-filter,:root[data-ui-size=large] .feed-filter{grid-template-columns:minmax(0,1fr) max-content}.feed-filter #refresh{height:var(--control)}
.chat-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 10px;border-radius:999px;background:#EAF2E8;font-size:var(--small);font-weight:400;line-height:1.55;vertical-align:middle}.chat-chip>span{min-width:0;overflow-wrap:anywhere}.chat-chip .messenger-icon{width:22px;height:22px}
.conversation-person{min-width:0}.conversation-person h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.conversation-person .messenger-icon{flex:none}.conversation-header #back-conversations{margin:0 0 12px;white-space:normal;text-align:left}.contact-tools label{margin-bottom:16px}.contact-tools input{display:block;margin:0}
.inline-reply{flex:none;padding:20px;border-top:1px solid var(--border);background:white;max-height:48dvh;overflow:auto}.inline-reply>label{display:block;margin:0 0 14px}.inline-reply textarea{display:block;min-height:90px;height:100px}.author-note{font-size:calc(var(--small) - 1px);color:#52655A;line-height:1.5;margin:14px 0 0}.reply-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}.inline-file{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--small);margin-top:12px}.inline-file span{min-width:0;overflow-wrap:anywhere}.inline-file button{flex:none;width:var(--control);padding:0;font-size:24px}
input[hidden]{display:none!important}
#compose-dialog{border-radius:24px;padding:24px}#compose-dialog>.assistant-trigger{float:right;margin-left:12px}.compose-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:var(--control);margin-bottom:20px}.compose-recipients{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0 20px}.editor-label{display:block;margin:20px 0 14px}.editor-tools{margin:0 0 14px}.editor[contenteditable]{display:block;border-radius:12px;min-height:160px}.editor:focus{outline-offset:3px}.composer-files{display:flex;align-items:center;margin-top:16px}.recipient-details ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0}
.sent-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.sent-header time{margin-left:auto}.send-kind{display:inline-flex;align-items:center;justify-content:center;width:var(--control);height:var(--control);border:1px solid var(--border);border-radius:12px;background:#F4F7EF}.delivery-status{padding:5px 10px;border-radius:999px;font-size:var(--small);background:#EAF2E8}.status-failed,.status-error,.status-uncertain,.status-skipped{background:#FFF0ED;color:#A33A32}.status-partial,.status-pending,.status-queued,.status-sending{background:#FFF2C7;color:#765218}.delivery-chips{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.delivery-recipient{display:inline-flex;align-items:center;position:relative;gap:4px;cursor:help}.delivery-error{border:2px solid #A33A32;background:#FFF9F7;color:#A33A32;padding:3px 8px}.delivery-pending{border:1px dashed #765218}.delivery-symbol{font-weight:700}.recipient-hint{display:none;position:absolute;z-index:20;top:calc(100% + 8px);left:0;width:240px;max-width:calc(100vw - 48px);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ink);color:white;border-radius:12px;padding:12px;font-size:var(--small);pointer-events:none}.delivery-recipient:hover .recipient-hint,.delivery-recipient:focus .recipient-hint{display:block}.delivery-recipient:nth-child(even) .recipient-hint{left:auto;right:0}
#assistant-dialog{width:min(700px,calc(100% - 32px));height:auto;max-height:90dvh;border-radius:24px;padding:24px}.assistant-dialog-head{display:flex;align-items:center;gap:12px}.assistant-dialog-head>img{width:48px;height:48px;flex:none}.assistant-dialog-head h2{flex:1;margin:0}.assistant-dialog-head button{width:var(--control);padding:0;font-size:28px;flex:none}.assistant-context{background:#EAF2E8;border-radius:12px;padding:16px;margin:20px 0}.assistant-context summary{cursor:pointer}.assistant-context pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:45dvh;overflow:auto;font-size:var(--small)}
:root[data-ui-size=large] .ui-feed-grid{grid-template-columns:1fr}:root[data-ui-size=large] .feed-aside{display:none}
@media(max-width:1100px){.ui-feed-grid{grid-template-columns:1fr}.feed-aside{display:none}.side-nav{width:220px}}
@media(max-width:800px){.authenticated #app>header{padding:12px 16px;min-height:72px}.brand-wordmark{width:160px}.desktop-assistant{display:none}.mobile-assistant{display:inline-flex}.shell{padding:20px 16px}.inbox-shell{padding:16px 12px 12px}.ui-page-heading{margin-bottom:20px}.message-tabs button{padding:8px;flex:1}.feed-filter #refresh{width:var(--control);padding:0}.feed-filter #refresh>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ui-feed-heading{margin-bottom:16px}.ui-feed-heading .sun{width:100%}.inline-reply{padding:16px}.reply-actions button{padding:8px}.conversation-header{padding:12px 16px}.card{padding:16px}.composer-files{margin-top:16px}#compose-dialog{width:calc(100% - 16px);height:auto;max-height:94dvh;margin:auto;border:1px solid var(--border);padding:20px 16px}.bottom-nav .menu-item{flex-wrap:wrap}.bottom-nav .construction-icon{margin:0;width:18px;height:18px}}
.mobile-layout .desktop-assistant{display:none}.mobile-layout .mobile-assistant{display:inline-flex}.mobile-layout .ui-feed-grid{grid-template-columns:1fr}.mobile-layout .feed-aside{display:none}.mobile-layout #compose-dialog{height:auto;max-height:94dvh;width:calc(100% - 16px);margin:auto;border-radius:24px}

/* Grid items must be allowed to shrink around long contact previews. */
.inbox-layout,.conversation-sidebar,.contact-tools,.conversation-list{min-width:0}
.ui-page-heading{flex:none}.ui-page-heading h1{min-width:0;overflow-wrap:anywhere}
@media(max-width:800px){.inbox-layout,:root[data-ui-size=large] .inbox-layout{grid-template-columns:minmax(0,1fr)}.ui-page-heading{position:sticky;top:0;z-index:15;background:var(--paper);padding:8px 0}.inbox-shell .ui-page-heading{position:static}}
.mobile-layout .inbox-layout{grid-template-columns:minmax(0,1fr)}

@media(max-width:800px){.message-tabs{display:grid;grid-template-columns:auto auto auto;gap:4px}.message-tabs button{min-width:0;overflow-wrap:anywhere}}
@media(max-width:380px){.message-tabs button{font-size:calc(var(--text) - 2px);padding:8px 6px}}

/* Общая структура утверждённого макета. */
.side-nav{gap:12px}.side-nav .menu-item{min-height:56px}.side-nav .account-button{width:100%;align-items:center;gap:12px}.ui-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#DDEBD8;color:var(--ink);font-size:var(--small);font-weight:600}.account-copy{display:flex;flex-direction:column;min-width:0;text-align:left}.account-copy strong{font-weight:600;overflow-wrap:anywhere}.account-copy small{font-size:var(--small);font-weight:400;color:#52655A}.sidebar-note{grid-template-columns:minmax(0,1fr) 40px;gap:8px}.sidebar-note img{grid-column:2;grid-row:1}.sidebar-note p{grid-column:1;grid-row:1}
.desktop-assistant{width:60px;height:60px;padding:5px}.section-note img{background:transparent}
.ui-section-header{position:sticky;top:0;z-index:20;flex:none;background:var(--paper);padding:8px 0 0;margin-bottom:24px}.ui-section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.ui-section-top .ui-page-heading{margin:0;flex:1;position:static;padding:0}.ui-broadcast{flex:none;max-width:100%}.ui-broadcast:empty{display:none}.ui-section-header .message-tabs{margin:0}.inbox-shell .ui-section-header{position:static}.inbox-layout{grid-template-rows:minmax(0,1fr)}
.conversation-person h2{flex:1}.conversation-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.conversation-person{flex:1;min-width:0}.conversation-header .section-actions{margin:0}.conversation-header #back-conversations{flex-basis:100%;margin:0}.conversation-messages{padding:20px;display:flex;flex-direction:column;gap:16px}.conversation-messages>section{display:flex;flex-direction:column;gap:16px}.conversation-bubble{max-width:90%;border:1px solid var(--border);border-radius:16px 16px 16px 4px;padding:16px;background:white;overflow-wrap:anywhere;align-self:flex-start}.conversation-bubble.outgoing{align-self:flex-end;border-radius:16px 16px 4px 16px;background:#EAF2E8}.bubble-author{font-weight:600;font-size:var(--small)}.conversation-bubble time{display:block;margin-top:8px}.conversation-bubble .message-body{margin:8px 0}.conversation-bubble .media{max-height:260px}.conversation-messages .empty{align-self:center;width:100%}
.card>.toolbar{border-top:1px solid var(--border);padding-top:16px;margin-top:20px;justify-content:flex-end}.source-quote{white-space:normal;max-height:none;overflow:visible}.source-quote summary{cursor:pointer;font-size:var(--small)}.source-quote>div{white-space:pre-wrap;margin-top:12px}.editor-tools{display:grid;grid-template-columns:repeat(8,minmax(0,var(--control)));gap:8px}.editor-tools button{padding:0;min-width:0;width:var(--control)}.finance-empty>.construction-icon{width:64px;height:64px;margin:0 0 16px}
@media(max-width:800px){.ui-section-top{flex-wrap:wrap;gap:16px;margin-bottom:20px}.ui-section-top .ui-page-heading{flex-basis:100%}.ui-broadcast{width:100%}.ui-broadcast>.sun{width:100%}.bottom-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.bottom-nav .menu-item{min-width:0;padding:8px 4px;font-size:var(--small);gap:4px;align-content:center}.conversation-header #back-conversations{display:block}.conversation-bubble{max-width:95%}.conversation-messages{padding:16px}.editor-tools{grid-template-columns:repeat(4,minmax(0,var(--control)));gap:8px}.profile-button{padding:8px;border:0;background:transparent;font-size:var(--small);max-width:45%}.profile-button span{overflow-wrap:anywhere}.brand-wordmark{width:170px}.ui-section-header{margin-bottom:20px}}
.mobile-layout .bottom-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-layout .ui-section-top{flex-wrap:wrap}.mobile-layout .ui-section-top .ui-page-heading{flex-basis:100%}.mobile-layout .ui-broadcast{width:100%}.mobile-layout .ui-broadcast>.sun{width:100%}

.conversation-person h2{flex:0 1 auto}.attachment-tile{display:inline-flex;gap:12px;align-items:center;background:#F2F6F1;border-radius:12px;padding:12px;text-decoration:none}.attachment-tile>span{min-width:0;overflow-wrap:anywhere}.attachment-tile small{display:block;font-size:var(--small);color:#52655A}.attachment-tile:hover{background:#EAF2E8;text-decoration:underline}

@media(max-width:800px){:root[data-ui-size=large] .message-tabs{display:grid;grid-template-columns:auto auto auto}.message-tabs button{white-space:nowrap;overflow-wrap:normal}:root[data-ui-size=large] .message-tabs button{padding:8px 4px}}

#compose-dialog,#assistant-dialog,.mobile-layout #compose-dialog,.mobile-layout #assistant-dialog{height:fit-content} .assistant-dialog-head h2{min-width:0;overflow-wrap:anywhere}

@media(max-width:800px){.inbox-scroll{overflow-y:auto}.inbox-shell{height:auto;min-height:100%}.inbox-shell .ui-section-header{position:sticky}.inbox-layout{flex:none;grid-template-rows:auto}.conversation-sidebar{max-height:65dvh}.conversation-messages{flex:none;height:40dvh;min-height:220px;max-height:50dvh}.inline-reply{max-height:none;overflow:visible}.conversation-header #back-conversations{order:-2;flex:1;flex-basis:auto}.conversation-header .section-actions{order:-1;flex:none}.conversation-header .section-actions button{width:var(--control);padding:0}.conversation-header .section-actions button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.conversation-header .conversation-person{flex-basis:100%}}
.mobile-layout .inbox-scroll{overflow-y:auto}.mobile-layout .inbox-shell{height:auto;min-height:100%}.mobile-layout .inbox-shell .ui-section-header{position:sticky}.mobile-layout .inbox-layout{flex:none;grid-template-rows:auto}.mobile-layout .conversation-sidebar{max-height:65dvh}.mobile-layout .conversation-messages{flex:none;height:40dvh;min-height:220px;max-height:50dvh}.mobile-layout .inline-reply{max-height:none;overflow:visible}

:root[data-ui-size=large] .inbox-scroll{overflow-y:auto}:root[data-ui-size=large] .inbox-shell{height:auto;min-height:100%}:root[data-ui-size=large] .inbox-shell .ui-section-header{position:sticky}:root[data-ui-size=large] .inbox-layout{flex:none;grid-template-rows:auto}:root[data-ui-size=large] .conversation-sidebar{max-height:70dvh}:root[data-ui-size=large] .conversation-messages{flex:none;height:40dvh;min-height:220px;max-height:50dvh}:root[data-ui-size=large] .inline-reply{max-height:none;overflow:visible}

/* One mounted communication header, independent of each subsection layout. */
.content-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
.communication-header-shell{flex:none;width:100%;max-width:1400px;margin:0 auto;padding:32px 32px 0;background:var(--paper);z-index:20}
.communication-header-shell[hidden]{display:none}
.communication-header-shell .ui-section-header{position:static;margin-bottom:0}
.communication-header-shell:not([hidden])+.content-scroll>.shell{padding-top:24px}
@media(max-width:800px){.communication-header-shell{padding:20px 16px 0}.communication-header-shell:not([hidden])+.content-scroll>.shell{padding-top:20px}}
.mobile-layout .communication-header-shell{padding:20px 16px 0}