:root{font-family:'Segoe UI',Arial,sans-serif;color:#18372a;background:#f3f7f4;font-size:16px;--green:#087b59;--border:#dfe8e1;--muted:#687f71}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,textarea,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #65b799}button{transition:background .15s}h1,h2,h3,p{margin:0}h1{font-size:26px;font-weight:650;letter-spacing:-.8px}h2{font-size:18px;line-height:1.4;font-weight:650}small{font-size:13px}a{color:var(--green)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.primary,.outline{border-radius:8px;min-height:42px;padding:10px 15px;font-weight:600;font-size:14px;display:inline-flex;gap:8px;align-items:center;justify-content:center}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover{background:#066548}.outline{background:#fff;color:#436b55;border:1px solid #d3e1d8}.outline:hover{background:#eef5f0}.text-button{border:0;background:transparent;color:var(--green);font-size:14px;font-weight:600;padding:8px}.muted{color:var(--muted);font-size:14px;line-height:1.65}.error{color:#ad3932;font-size:14px;line-height:1.6;min-height:0}.error:empty{display:none}.error-banner{background:#fff1ef;border-bottom:1px solid #f0d2cc;color:#9c3830;padding:13px 25px;font-size:14px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:30px;font-weight:650;letter-spacing:-1.4px}.brand b{color:#a7f0c9;margin-left:-9px}.brand-icon{width:36px;height:36px;display:grid;place-items:center;background:#a7f0c9;color:#164d36;font-size:25px;border-radius:10px}.brand.dark{color:#1a4330}.eyebrow{font-size:12px;letter-spacing:1.3px;color:#a6bcb0;margin:30px 0 18px}.shell{display:flex;height:100dvh}.sidebar{width:216px;flex-shrink:0;background:#142f27;color:#dfede4;padding:29px 18px 20px;display:flex;flex-direction:column}.sidebar>.brand{margin-left:5px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:12px;color:#bdd3c5;border:0;border-radius:8px;background:transparent;text-align:left;padding:13px;font-size:18px}.sidebar nav button span{font-size:14px}.sidebar nav button:hover,.sidebar nav button.active{background:#27493b;color:#b5f4d0}.sidebar-note{margin:auto 6px 28px;padding-top:50px}.sidebar-note small{font-size:11px;letter-spacing:1px;color:#9ab7a5}.sidebar-note p{font-size:18px;line-height:1.6;margin-top:10px;max-width:155px;color:#c3d5c9}.avatar{width:40px;height:40px;flex-shrink:0;background:#e2eee7;color:#386b4f;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:700}.profile{display:flex;align-items:center;gap:11px;padding-top:20px;border-top:1px solid #304d3d;min-width:0}.profile>div{min-width:0}.profile strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:132px}.profile small{color:#9ebaab;display:block;font-size:12px;margin-top:4px}.profile-actions{display:flex;gap:10px;justify-content:space-between;margin-top:16px}.profile-actions button{border:0;background:transparent;color:#b7cbbf;font-size:12px;padding:3px}.main{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:100px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 30px;flex-shrink:0}.breadcrumb{font-size:13px;color:#788c80;display:block;margin-bottom:4px}.status-pill{border:1px solid #e5d5b2;border-radius:20px;padding:7px 12px;color:#886a27;background:#fffaf0;font-size:13px}.status-pill.connected{background:#e6f5ec;border-color:#bcdec9;color:#217548}.inbox{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:0;flex:1}.conversation-list{border-right:1px solid var(--border);overflow:auto;background:white}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 22px 18px}.list-heading h2{font-size:16px}.count{border-radius:6px;background:#edf3ef;color:#607568;font-size:13px;padding:3px 7px}.search{display:block;margin:0 20px 16px}.search input{width:100%;background:#f2f6f3;border:1px solid #e4ece6;border-radius:8px;padding:12px;font-size:14px}.filters{display:flex;gap:2px;background:#f0f4f1;padding:4px;margin:0 20px;border-radius:8px}.filters button{flex:1;min-width:0;font-size:12px;padding:7px 4px;border:0;color:#607368;background:transparent;border-radius:5px}.filters button.active{background:white;color:#136a44;box-shadow:0 1px 4px #1733210c}.list-caption{font-size:11px;color:#7d9082;letter-spacing:1px;margin:24px 22px 12px}.conversation{position:relative;display:flex;align-items:flex-start;gap:12px;padding:19px 20px;width:100%;text-align:left;border:0;border-bottom:1px solid #eef3ef;background:white}.conversation.selected{background:#eaf5ee;box-shadow:inset 3px 0 #12815c}.conversation:hover{background:#f3f8f4}.conversation>div{min-width:0;flex:1}.conversation strong{display:block;font-size:14px;padding-right:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation p{color:#809084;font-size:13px;margin:6px 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation small{color:#67816e;background:#fff;border:1px solid #e2eae3;padding:3px 6px;border-radius:5px;font-size:12px}.conversation time{position:absolute;right:16px;top:22px;font-size:11px;color:#87978b}.color-0{background:#e5eafa;color:#516d98}.color-1{background:#f5eadc;color:#907248}.color-2{background:#e9e3f6;color:#7c659f}.chat{min-width:0;min-height:0;background:#f3f8f4;display:flex;flex-direction:column}.chat-content{display:flex;flex-direction:column;min-height:0;height:100%}.chat-header{display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--border);padding:19px 26px}.chat-header>div{flex:1;min-width:0}.chat-header h2{font-size:16px;overflow-wrap:anywhere}.chat-header small{color:#7d8e81;display:block;margin-top:3px;font-size:12px}.assignment{display:flex;gap:12px;align-items:center;padding:10px 25px;background:#fcfefc;border-bottom:1px solid #e3ebe5;font-size:13px;color:#66816e}.assignment>span{flex:1}.assignment .outline{min-height:31px;padding:6px 9px;font-size:13px}.messages{flex:1;min-height:140px;overflow:auto;padding:26px 30px;display:flex;flex-direction:column;gap:18px}.bubble{max-width:85%;border-radius:13px;padding:13px 16px;line-height:1.55;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 2px #23443308}.bubble.incoming{background:white;border:1px solid #e1e9e2;align-self:flex-start;border-top-left-radius:3px}.bubble.outgoing{background:#ddefe0;border:1px solid #d0e4d4;align-self:flex-end;border-top-right-radius:3px}.bubble small{display:block;text-align:right;font-size:11px;color:#6c876f;margin-top:7px}.bubble.uncertain{border-color:#d5a659;background:#fff5de}.event{text-align:center;align-self:center;color:#829787;font-size:12px;line-height:1.6;max-width:90%}.day{align-self:center;font-size:12px;border:1px solid #e3eae4;border-radius:20px;padding:5px 12px;background:white;color:#6f8776}.older{align-self:center}.composer{margin:8px 24px 22px;background:white;padding:14px 16px;border:1px solid #dce6de;border-radius:12px}.composer textarea{display:block;width:100%;resize:vertical;max-height:180px;min-height:66px;border:0;font-size:16px;padding:3px;background:transparent;color:#25472f}.composer .muted{margin-bottom:8px;font-size:13px}.composer>div{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px}.composer small{font-size:11px;color:#85978a}.empty{padding:35px;text-align:center;margin:auto;max-width:470px;color:#738f7c}.empty h2{color:#385f44;font-size:20px;margin-bottom:10px}.empty p{font-size:15px;line-height:1.7;margin-bottom:20px}.empty-icon{display:block;font-size:46px;margin-bottom:18px;color:#86a490}.empty-small{padding:30px 24px;color:#809183;font-size:14px;line-height:1.8;text-align:center}.page-content{padding:30px;overflow:auto;flex:1}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.page-intro h2{font-size:23px;letter-spacing:-.5px;margin-bottom:8px}.panel{background:white;border:1px solid var(--border);border-radius:14px;padding:26px}.panel>h2{font-size:22px;letter-spacing:-.4px;margin-bottom:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{color:#758d7b;font-weight:500;font-size:13px;padding:12px;border-bottom:1px solid #e4ebe5}td{padding:17px 12px;border-bottom:1px solid #edf1ed}tr:last-child td{border-bottom:0}.table-person{display:flex;align-items:center;gap:12px}.table-person strong{display:block}.table-person small{color:#819385}.footnote{margin-top:20px}.connection-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,1fr);gap:24px}.section-icon{display:grid;place-items:center;width:56px;height:56px;background:#e9f6ed;color:#358357;border-radius:14px;font-size:31px;margin-bottom:21px}.steps{padding:0;list-style:none;display:grid;gap:24px;margin:27px 0}.steps li{display:flex;gap:12px}.steps li>span{border-radius:50%;width:28px;height:28px;background:#edf6ef;display:grid;place-items:center;flex-shrink:0;font-size:13px;color:#64876b}.steps strong{font-size:15px;font-weight:600}.steps p{font-size:14px;color:#78907d;margin-top:5px;line-height:1.6}.notice{border:1px solid #dfebdf;border-radius:9px;background:#f5faf5;padding:15px;font-size:13px;color:#6a876e;line-height:1.7}.qr-panel{text-align:center}.qr-area{margin:23px auto;width:min(280px,100%);aspect-ratio:1;display:grid;place-items:center;border-radius:14px;border:1px solid #e4eae4;background:#fafcf9;overflow:hidden}.qr-area img{width:100%;height:auto;background:white}.qr-area #qr-placeholder{font-size:80px;color:#cedece}.qr-panel .primary,.qr-panel .outline{margin:12px 5px 0}.qr-panel .error{margin:12px 0}.qr-panel #qr-time{font-size:12px;min-height:20px}.auth{min-height:100dvh;background:#142f27;display:grid;place-items:center;padding:24px}.auth-card{max-width:460px;width:100%;background:white;border-radius:20px;padding:38px}.auth .eyebrow{color:#7b9786;margin-top:29px}.auth h1{margin-bottom:12px}.auth form{display:grid;gap:18px;margin-top:25px}label{font-size:14px;color:#496753;display:grid;gap:8px}label input,select{width:100%;border:1px solid #d5e1d8;border-radius:8px;padding:11px 12px;background:white;color:#294d33;font-size:16px}.auth-footer{font-size:12px;color:#82998a;border-top:1px solid #e7eee8;padding-top:20px;margin-top:25px}.auth #setup-note{margin-top:20px}dialog{max-width:470px;width:calc(100% - 32px);padding:26px;border:1px solid #dce8df;border-radius:15px;color:#254b32;box-shadow:0 25px 90px #06221225}dialog::backdrop{background:#0a291dcc;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.icon-button{border:0;background:transparent;font-size:28px;line-height:1;color:#6f8a76}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#dialog-fields{display:grid;gap:18px;margin-top:20px}#dialog-error{margin-top:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#1a4530;color:white;padding:15px 21px;border-radius:10px;box-shadow:0 5px 20px #08221730;font-size:14px;max-width:calc(100% - 32px);text-align:center}.back{display:none}
@media(min-width:1500px){.inbox{grid-template-columns:390px minmax(0,1fr)}.messages{padding:30px 60px}.composer{margin-left:45px;margin-right:45px}}@media(max-width:1100px){.sidebar{width:180px;padding:25px 12px}.inbox{grid-template-columns:290px minmax(0,1fr)}.topbar{padding:20px}.connection-grid{grid-template-columns:1fr}.composer small{display:none}.messages{padding:22px}.filters button{font-size:11px}.conversation{padding:17px}.chat-header{padding:16px}.page-content{padding:22px}}@media(max-width:760px){.shell{flex-direction:column}.sidebar{width:100%;padding:9px 12px;flex-direction:row;gap:14px;align-items:center;flex-shrink:0}.sidebar>.brand{font-size:0;margin:0}.sidebar>.brand b{display:none}.sidebar .eyebrow,.sidebar-note,.profile{display:none}.sidebar nav{display:flex;gap:4px;flex:1}.sidebar nav button{padding:10px 7px;font-size:0;gap:0}.sidebar nav button span{font-size:12px}.profile-actions{margin:0;flex-direction:column;gap:3px}.profile-actions button{font-size:11px;padding:2px}.main{min-height:0}.topbar{height:80px;padding:15px}.topbar h1{font-size:23px}.breadcrumb{font-size:12px}.status-pill{font-size:11px;padding:6px 9px;max-width:140px}.inbox{display:flex}.conversation-list{width:100%;border:0}.chat{display:none;width:100%}.inbox.selected .conversation-list{display:none}.inbox.selected .chat{display:flex}.back{display:inline-flex;min-height:33px;padding:5px 9px}.chat-header{padding:13px;gap:9px}.chat-header .avatar{width:34px;height:34px;font-size:11px}.chat-header h2{font-size:15px}.chat-header .outline{font-size:12px;padding:8px}.assignment{padding:10px 13px;font-size:12px}.assignment .outline{font-size:12px}.composer{margin:7px 12px 15px;padding:12px}.bubble{max-width:93%}.messages{padding:20px 14px;gap:15px}.page-content{padding:22px 15px}.page-intro{align-items:flex-start;flex-direction:column}.page-intro h2{font-size:22px}.panel{padding:21px}.auth-card{padding:29px}.error-banner{padding:10px 15px}.filters button{font-size:13px;padding:10px 5px}.sidebar .brand-icon{width:32px;height:32px;font-size:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.conversation-list .conversation p{display:inline-block;max-width:calc(100% - 62px);margin:4px 5px 0 0;vertical-align:middle}.conversation-list .conversation small{vertical-align:middle;white-space:nowrap}
.search{margin-bottom:8px}.search-scope{margin:0 20px 10px}.search-scope select{padding:7px 10px;font-size:12px;background:#f8faf8}.search-feedback{font-size:11px;color:var(--muted);padding:0 20px;margin:0 0 10px;line-height:1.5}.search-feedback:empty{display:none}.conversation{padding:11px 16px;gap:10px;align-items:center}.conversation .avatar{width:35px;height:35px;border-radius:10px;font-size:11px}.conversation strong{font-size:13px}.conversation p{font-size:12px;margin:3px 0 5px}.conversation small{font-size:10px;padding:1px 5px}.conversation time{top:13px;right:12px;font-size:10px}.list-caption{margin-top:17px;margin-bottom:8px}.search-context{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 20px;background:#fff6df;border-bottom:1px solid #f0dfb7;font-size:12px;color:#7c662b}.search-context button{font-size:12px}.bubble.search-hit{border:2px solid #d5ab45;box-shadow:0 0 0 3px #f9e9bb}.profile-notice{margin-top:20px}.composer .attachment-tools .text-button{width:37px;height:37px;padding:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.composer .attachment-tools .text-button:hover{background:#e7f4eb}.composer .attachment-tools #record-audio{margin-left:5px;color:#087b59;background:#eaf5ee}.composer .attachment-tools #cancel-recording{color:#a83d37}.attachment-tools svg{pointer-events:none}
.avatar{position:relative;overflow:hidden}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.avatar.large{width:96px;height:96px;border-radius:28px;font-size:26px;margin:10px auto 16px}.contact-summary{text-align:center;margin-bottom:22px}#contact-details dt{font-size:12px;color:var(--muted);margin-top:18px}#contact-details dd{margin:6px 0 0;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.composer .attachment-tools{justify-content:flex-start;flex-wrap:wrap;gap:2px;margin:0 0 8px;border-bottom:1px solid var(--border);padding-bottom:6px}.attachment-tools .text-button{font-size:12px;padding:7px}.composer #attachment-preview{border:1px solid var(--border);background:#f5faf6;border-radius:9px;padding:10px;margin-bottom:12px;align-items:center}.preview-content{display:flex;align-items:center;gap:12px;min-width:0}.preview-content img{width:68px;height:68px;object-fit:contain;border-radius:6px}.preview-content span{min-width:0}.preview-content strong{font-size:13px;display:block;overflow-wrap:anywhere}.preview-content small{display:block;margin-top:4px}.preview-content audio{max-width:230px;height:38px}.recording-status{color:#b43b32;font-size:13px;padding:8px}.message-media{white-space:normal;margin-bottom:6px}.message-media img{display:block;max-width:100%;width:300px;max-height:320px;object-fit:contain;border-radius:8px}.message-media audio{max-width:100%;width:280px;height:40px}.download-file{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:6px}.bubble:has(.message-media){min-width:200px}@media(max-width:900px){.preview-content{flex-wrap:wrap}.preview-content audio{max-width:190px}.composer .attachment-tools{gap:0}.chat-header{gap:8px}}@media(max-width:760px){.preview-content small{display:block}.chat-header #contact-profile{padding:6px;font-size:12px}}

.editable-name{font:inherit;font-weight:inherit;color:inherit;background:transparent;border:0;padding:3px 5px;margin:-3px -5px;text-align:inherit;border-radius:5px;cursor:pointer;overflow-wrap:anywhere}.editable-name:hover{background:#e7f4eb;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.editable-name:focus-visible{outline:2px solid #087b59}
.composer{position:relative}.composer #emoji-picker{position:absolute;left:10px;bottom:calc(100% - 45px);z-index:20;width:min(360px,calc(100% - 20px));background:white;box-shadow:0 8px 30px #13362330;max-height:190px}

.new-conversation{margin:0 20px 13px;width:calc(100% - 40px);min-height:36px;padding:7px 10px;font-size:13px}#dialog-fields textarea{width:100%;border:1px solid #d5e1d8;border-radius:8px;padding:11px 12px;resize:vertical;min-height:100px;color:#294d33}

.conversation-row{position:relative}.conversation-row .conversation{padding-right:34px}.conversation-row .conversation time{right:35px}.chat-more{position:absolute;right:4px;top:8px;border:0;background:transparent;font-size:25px;color:#638471;width:27px;height:32px;border-radius:5px}.chat-more:hover{background:#dceee3}.conversation.is-unread strong{font-weight:800;color:#086747}.unread-dot{color:#0b9569;font-size:11px}.contact-marks{display:inline-flex;gap:5px;vertical-align:middle;font-size:11px;margin-left:5px}.contact-labels{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.tag{font-size:10px;line-height:1.4;border-radius:5px;padding:2px 6px;max-width:100%;overflow-wrap:anywhere}.tag-green{background:#d9f0e3;color:#1c6947}.tag-blue{background:#dceafa;color:#285c94}.tag-purple{background:#ece0fa;color:#73459b}.tag-orange{background:#fff0d7;color:#94601c}.tag-red{background:#fbe1df;color:#9a413b}.tag-gray{background:#e7ebea;color:#566660}.contact-menu-actions{display:grid;gap:5px}.contact-menu-actions button{border:0;background:#f3f8f4;border-radius:7px;text-align:left;padding:12px;color:#285c40}.contact-menu-actions button:hover{background:#e2efe6}#chat-menu{max-width:340px}#label-options{display:grid;gap:9px;margin:18px 0;max-height:240px;overflow:auto}.label-option{display:flex;align-items:center;gap:10px}.label-option input{width:17px;height:17px}.label-option .tag{font-size:13px}#label-create{border-top:1px solid var(--border);padding-top:18px;display:grid;gap:12px}#label-create h3{font-size:14px}.message-actions{display:flex;gap:8px;flex-wrap:wrap;white-space:normal;margin-top:8px;border-top:1px solid #b9cfc34f;padding-top:4px}.message-actions button{font-size:11px;border:0;background:transparent;color:#4f7b60;padding:3px;border-radius:4px}.message-actions button:hover{background:#bed9c77a}.quoted-message{margin:0 0 8px;padding:8px 10px;border-left:3px solid #0b8c63;background:#bddac542;border-radius:5px;white-space:pre-wrap;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.quoted-message strong,.quoted-message span{display:block}.quoted-message strong{font-size:11px;color:#187548;margin-bottom:3px}.forwarded-note{font-size:11px;font-style:italic;color:#6f8774;white-space:normal;margin-bottom:5px}#reply-preview{display:flex;align-items:center;gap:10px;background:#eff7f1;border-left:3px solid #087b59;border-radius:6px;padding:9px;margin-bottom:9px}#reply-preview>div{flex:1;min-width:0}#reply-preview strong{font-size:12px;color:#087b59}#reply-preview p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}#cancel-reply{border:0;background:transparent;color:#687f71;font-size:22px}.composer .emoji-picker{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;max-height:180px;overflow:auto;padding:8px;border:1px solid var(--border);border-radius:8px;margin-bottom:9px}.emoji-picker button{border:0;background:transparent;padding:4px;font-size:22px;border-radius:6px;min-width:0}.emoji-picker button:hover{background:#e1f0e5}@media(max-width:1000px){.composer .emoji-picker{grid-template-columns:repeat(8,1fr)}}

.message-media video{display:block;width:340px;max-width:100%;max-height:360px;background:#18372a;border-radius:8px}.open-image{display:block;border:0;background:transparent;padding:0;max-width:100%;cursor:zoom-in}.remote-media{min-width:min(230px,100%);background:#f1f6f2;border-radius:8px;padding:12px}.remote-media strong{font-size:13px}.media-load-status,.media-playback-error{font-size:12px;line-height:1.5;color:#61766a;margin:8px 0;white-space:normal}.remote-media .outline{font-size:12px;padding:6px 10px;min-height:32px}#media-viewer{max-width:min(1000px,95vw);width:auto}#media-viewer-image{display:block;max-width:100%;max-height:78vh;object-fit:contain}.conversation-row .conversation.is-unread{background:#fff8dc}.conversation-row .conversation.is-unread:hover{background:#fff1bf}.conversation-row .conversation.is-unread.selected{background:#fff3c9;box-shadow:inset 3px 0 #d6b34c}

/* Compact conversation layout and internal notes. */
.topbar{height:65px;padding:10px 22px}.topbar h1{font-size:22px}.breadcrumb{font-size:11px}.chat-header{padding:9px 18px}.chat-header .avatar{width:34px;height:34px}.chat-header .outline,.composer .primary{min-height:32px;padding:6px 11px;font-size:13px}.assignment{padding:4px 18px;font-size:12px}.assignment .text-button{padding:5px}.messages{padding:16px 20px;gap:11px;min-height:80px}.bubble{font-size:14px;padding:9px 12px;line-height:1.5}.bubble small{margin-top:4px}.composer{margin:5px 16px 10px;padding:8px 12px;flex-shrink:0}.composer textarea{min-height:42px;font-size:14px;max-height:120px}.composer>div{margin-top:5px}.composer .muted:empty{display:none}.composer .muted{font-size:12px;margin-bottom:5px}.composer .attachment-tools{padding-bottom:3px;margin-bottom:4px}.composer .attachment-tools .text-button{height:30px;width:32px;padding:5px}.composer .attachment-tools #whisper-toggle{width:auto;gap:5px;font-size:12px;margin-right:6px;padding:5px 9px;border:1px solid #d9d3e8}.composer.whisper-mode{background:#f7f1ff;border-color:#b99dd4}.composer.whisper-mode #compose-help{color:#684181}.composer #whisper-toggle[aria-pressed=true]{background:#e8d8f7;color:#633789}.whisper-mode #send{background:#754b95;border-color:#754b95}.bubble.internal{align-self:flex-end;background:#eee3f8;border:1px solid #d6bde9;color:#513568}.whisper-label{font-size:11px;font-weight:700;margin-bottom:5px;white-space:normal;color:#754b95}@media(max-width:760px){.topbar{height:54px;padding:8px 13px}.chat-header{padding:8px 10px}.composer{margin:4px 8px 8px}.messages{padding:12px 10px}.assignment{padding:4px 10px}}

.connection-controls{display:flex;gap:7px;align-items:center;margin-left:auto;min-width:0}.connection-controls label{font-size:11px;color:var(--muted)}.connection-controls select{max-width:230px;padding:6px 8px;font-size:12px;width:auto}.connection-controls .outline{min-height:30px;padding:5px 9px;font-size:12px}.connection-controls .text-button{font-size:11px;padding:4px}.connection-badge{display:block;margin-top:5px;font-size:10px;color:#426582;font-weight:600}#connection-form{display:grid;gap:12px}.topbar{height:auto;min-height:65px;flex-wrap:wrap}@media(max-width:1000px){.connection-controls{width:100%;margin:0}.connection-controls select{flex:1;max-width:none}.topbar{gap:5px;padding:7px 12px}.topbar .breadcrumb{display:none}.topbar h1{font-size:18px}}
.connection-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px;align-items:start}.connection-card{background:white;border:1px solid var(--border);border-radius:12px;padding:20px}.connection-card header{display:flex;align-items:center;gap:12px}.connection-card h3{font-size:17px;overflow-wrap:anywhere}.connection-light{display:inline-block;width:14px;height:14px;border-radius:50%;flex-shrink:0}.connection-light.online{background:#1b9c58;box-shadow:0 0 0 4px #dcf3e6}.connection-light.offline{background:#d64040;box-shadow:0 0 0 4px #fde5e5}.connection-state{margin:14px 0 9px;font-size:13px;font-weight:600}.connection-qr{display:block;width:230px;max-width:100%;margin:12px auto}.connection-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.connection-actions .primary,.connection-actions .outline{min-height:32px;font-size:12px;padding:6px 10px}.connection-member{display:flex;align-items:center;gap:9px;font-size:14px;margin:10px 0}.connection-member input{width:17px;height:17px}.connection-summary{font-size:12px;color:var(--muted);margin-left:auto}#connection-fields{max-height:45vh;overflow:auto}.quote-link{display:block;width:100%;text-align:left;color:inherit;border:0;border-left:3px solid #0b8c63;cursor:pointer}.quote-link:hover{background:#bad9c875}.quote-link:focus-visible{outline:2px solid var(--green)}
.list-heading{padding:12px 14px 8px}.new-conversation{margin:0 12px 8px;width:calc(100% - 24px);min-height:30px;padding:5px 8px;font-size:12px}.search{margin:0 12px 6px}.search input{padding:7px 9px;font-size:12px}.queue-filters{margin:0 12px 6px;font-size:11px;color:var(--muted)}.queue-filters summary{cursor:pointer;padding:5px 0}.compact-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px}.compact-filters .search-scope{margin:0;min-width:0}.compact-filters select{font-size:11px;padding:5px;min-width:0}.filters{margin:0 12px;padding:3px}.filters button{padding:5px 3px;font-size:11px}.list-caption{margin:10px 14px 5px;font-size:10px}.conversation-row .conversation{padding:8px 32px 8px 12px;gap:8px;min-height:65px}.conversation .avatar{width:30px;height:30px;border-radius:9px}.conversation strong{font-size:12px}.conversation p{font-size:11px;margin:2px 0 3px}.conversation small{font-size:9px}.connection-badge{display:inline;margin-left:5px;font-size:9px}.contact-labels{display:inline-flex;margin:2px 0 0 4px;gap:2px}.tag{padding:1px 4px;font-size:9px}.contact-marks{font-size:10px;margin-left:3px}.conversation time{font-size:9px;top:9px}.chat-more{top:3px;font-size:21px}.dashboard-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.dashboard-filters label{font-size:12px;min-width:150px}.dashboard-filters select{padding:8px;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.metric-card{display:grid;gap:10px;padding:18px;background:white;border:1px solid var(--border);border-radius:12px}.metric-card span{font-size:13px;color:var(--muted)}.metric-card strong{font-size:30px;color:var(--green)}.metric-card small{font-size:11px;color:var(--muted)}.metric-note{margin:14px 0 24px;font-size:12px}.supervisor-settings{margin-top:24px}.contact-history-dialog{width:min(760px,94vw);max-width:760px}.history-filters{display:flex;gap:8px;margin:16px 0}.history-filters input{flex:1;min-width:0}.history-filters select{width:140px}#history-results{max-height:55vh;overflow:auto}.history-item{padding:10px;border-bottom:1px solid var(--border)}.history-jump{display:block;border:0;background:transparent;text-align:left;color:inherit;width:100%;padding:4px}.history-jump strong{font-weight:500;font-size:13px;overflow-wrap:anywhere}.history-jump small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.history-item a{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:6px}.history-jump:hover{background:#edf6ef}#department-users{max-height:45vh;overflow:auto}.sidebar nav button{padding:10px 12px}.sidebar-note{padding-top:20px}.sidebar-note p{font-size:16px}

.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.dashboard-filters label{min-width:calc(50% - 8px);flex:1}.sidebar nav{overflow-x:auto}.sidebar nav button{padding:8px 6px}.history-filters{flex-wrap:wrap}.history-filters select{width:100%}}

/* Team controls, compact queue and composer menus. */
.brand-logo{width:160px;max-width:100%;height:48px;object-fit:contain;object-position:left center}.logo-preview{padding:12px;margin-bottom:16px;background:#f2f6f3;border-radius:8px}.member-actions{display:flex;gap:3px;flex-wrap:wrap;max-width:360px}.member-actions button{font-size:12px;padding:5px 7px}.danger{color:#ad3932}.check-line{display:flex;align-items:center;gap:8px;margin:12px 0}.check-line input{width:16px;height:16px;flex-shrink:0}.assigned-avatar{position:absolute;right:7px;top:36px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:9px;background:#dcebe2;color:#285c40;overflow:hidden;border:1px solid #fff;pointer-events:none}.assigned-avatar img{width:100%;height:100%;object-fit:cover}.table-person .avatar img,#my-initials img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.new-conversation{background:#087b59;border-color:#087b59;color:#fff;box-shadow:0 2px 5px #087b5920}.new-conversation:hover{background:#066548;color:#fff}.compact-filters .search-scope:last-child{grid-column:1/-1}.filters{display:flex;gap:1px}.filters button{flex:1;white-space:nowrap;font-size:10px;padding:6px 2px}
#chat-menu{position:fixed;inset:auto;margin:0;width:240px;max-width:calc(100vw - 16px);padding:8px;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 30px #18372a30;z-index:100;animation:menu-slide .14s ease-out}#chat-menu .dialog-header{margin:0;padding:4px 6px 7px;gap:6px}#chat-menu h2{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chat-menu .contact-menu-actions{gap:2px}#chat-menu .contact-menu-actions button{background:white;padding:10px;font-size:13px}#chat-menu .contact-menu-actions button:hover{background:#edf5f0}.composer .composer-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.composer-footer .attachment-tools{display:flex;align-items:center;border:0;padding:0;margin:0;gap:2px}.composer-footer .send-hint{margin-left:auto;font-size:10px;color:var(--muted)}.composer-footer #send{margin-left:auto}.attachment-menu-wrap{position:relative}.sliding-menu{position:absolute;bottom:38px;left:0;min-width:190px;background:#fff;padding:7px;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 30px #18372a25;z-index:30;display:grid;gap:4px;animation:menu-slide .15s ease-out}.composer .attachment-tools .sliding-menu .text-button{display:flex;width:100%;height:auto;min-height:36px;justify-content:flex-start;gap:9px;padding:8px;font-size:12px}.sliding-menu .text-button::after{content:attr(title)}.sliding-menu button:hover{background:#edf5f0}.composer #emoji-picker{bottom:48px}.member-actions small{display:block}#reset-requests{margin-bottom:18px}#password-gate label{display:block;margin:14px 0}#password-gate input{display:block;width:100%;padding:10px;border:1px solid var(--border);border-radius:7px}.table-wrap td>small{display:block}
@keyframes menu-slide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#chat-menu,.sliding-menu{animation:none}}@media(max-width:1100px){.composer-footer .send-hint{display:none}}@media(max-width:600px){.member-actions{min-width:180px}.brand-logo{width:110px;height:36px}.composer-footer .attachment-tools #whisper-toggle{font-size:11px;padding:4px}.composer-footer{gap:3px}}

.chat-content{position:relative}.chat-content.file-drag-over::after{content:'Solte o arquivo para anexar · imagens e documentos até 50 MB';position:absolute;inset:8px;z-index:50;display:grid;place-items:center;background:#effaf2ed;border:2px dashed #087b59;border-radius:12px;color:#087b59;font-size:18px;font-weight:600;pointer-events:none}.conversation-header-actions{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}.chat-header .conversation-action{width:34px;min-width:34px;height:34px;min-height:34px;padding:7px;display:grid;place-items:center;border:1px solid #dce7df;border-radius:8px;color:#287456;background:#fff}.chat-header .conversation-action:hover{background:#e9f4ed}.chat-header>div:not(.conversation-header-actions){min-width:0}.transfer-menu-wrap{position:relative}.transfer-menu-wrap .sliding-menu{top:40px;bottom:auto;left:auto;right:0;width:210px}.transfer-menu-wrap .sliding-menu button{padding:10px;min-height:36px;text-align:left;white-space:nowrap;font-size:13px}.transfer-menu-wrap .sliding-menu button::after{content:none}.performance-card{border-top:3px solid #73b99b}.performance-card strong{font-size:26px}#dash-breakdown td{white-space:nowrap}@media(max-width:760px){.conversation-header-actions{gap:3px}.chat-header .conversation-action{width:30px;min-width:30px;height:30px;min-height:30px;padding:5px}.chat-header .editable-name{font-size:14px}.chat-content.file-drag-over::after{font-size:14px;text-align:center;padding:20px}}

.chat-header .conversation-header-actions{flex:0 0 auto;justify-content:flex-end}

.composer .attachment-tools #record-audio.is-recording{width:auto;gap:6px;background:#fff0eb;color:#b34431;padding:5px 9px}.composer #record-audio.is-recording::after{content:attr(data-recording-label);font-size:12px;white-space:nowrap}.recording-status{background:#fff7f3;border-radius:6px;padding:8px;font-weight:500}

/* Message actions stay out of the message flow, like WhatsApp Web. */
.bubble{position:relative;padding-right:32px}
.message-menu-toggle{position:absolute;top:3px;right:3px;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:6px;color:#658071;background:#fffffff2;opacity:0;transform:translateY(-3px);pointer-events:none;transition:opacity .15s,transform .15s;z-index:1}
.bubble.outgoing .message-menu-toggle{background:#ddefe0f2}
.bubble:hover .message-menu-toggle,.bubble:focus-within .message-menu-toggle,.message-menu-toggle[aria-expanded="true"]{opacity:1;transform:translateY(0);pointer-events:auto}
.message-menu-toggle:hover{color:#18372a;filter:brightness(.97)}
.message-menu{position:fixed;z-index:220;min-width:185px;padding:6px 0;border:1px solid #e3e9e5;border-radius:9px;background:white;box-shadow:0 7px 26px #152f2729;animation:message-menu-in .14s ease-out;transform-origin:top right}
.message-menu.opens-up{transform-origin:bottom right}
.message-menu button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;text-align:left;padding:10px 16px;color:#294c3a;font-size:14px}
.message-menu button:hover,.message-menu button:focus-visible{background:#edf4ef;outline:none}
@keyframes message-menu-in{from{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:none}}
@media(hover:none){.message-menu-toggle{opacity:1;transform:none;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.message-menu{animation:none}.message-menu-toggle{transition:none}}
.composer #message:focus,.composer #message:focus-visible{outline:none;box-shadow:none}

.messages-viewport{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.messages-viewport>.messages{min-height:0}.scroll-latest{position:absolute;right:20px;bottom:16px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--green);box-shadow:0 2px 10px #143d2926;z-index:3}.scroll-latest:hover{background:#eaf5ee}.scroll-latest:active{transform:translateY(1px)}@media(max-width:760px){.scroll-latest{right:12px;bottom:12px}}

.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}.support-card{display:flex;flex-direction:column;gap:8px;padding:19px}.support-card>span{font-size:13px;color:var(--muted)}.support-card>strong{font-size:26px;color:var(--green)}.support-section{margin-top:16px}.support-section h3{margin-bottom:12px}.support-alerts{margin-top:15px}.support-alerts li{margin:8px 0}.support-spark{height:90px;display:flex;align-items:flex-end;gap:3px;margin:15px 0}.support-spark span{flex:1;max-width:24px;min-width:2px;background:#3f997a;border-radius:3px 3px 0 0}

.support-card.support-good strong,.support-value.support-good{color:#166534}.support-card.support-warn strong,.support-value.support-warn{color:#854d0e}.support-card.support-bad strong,.support-value.support-bad{color:#b91c1c}.support-card.support-neutral strong,.support-card.support-unknown strong{color:#64748b}.support-card.support-warn{border-color:#eab308;background:#fffbeb}.support-card.support-bad{border-color:#ef4444;background:#fff1f2}.support-state{font-size:12px}.support-reference{font-size:12px;line-height:1.5;color:#526358;border-top:1px solid var(--border);padding-top:8px}.support-value small{display:block;font-size:11px}.support-value.support-warn{background:#fef3c7}.support-value.support-bad{background:#fee2e2}.support-value{display:inline-block;padding:4px;border-radius:4px}

.header-status-group{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 12px;min-width:0;max-width:72%}.topbar:has(.technical-header-alerts:not([hidden])){height:auto;min-height:65px}.technical-header-alerts{flex-basis:100%;display:flex;gap:6px;overflow-x:auto;max-width:100%;padding-bottom:3px}.technical-header-item{flex:0 0 auto;border:1px solid #e2e8e4;border-radius:6px;background:#fafcfb;color:#42564b;text-align:left;padding:4px 8px;font-size:11px;line-height:1.35}.technical-header-item strong{font-size:12px}.technical-header-item small{display:block;font-size:10px;color:#66776d}.technical-header-item.technical-warn strong{color:#854d0e}.technical-header-item.technical-warn{border-left:3px solid #eab308}.technical-header-item.technical-bad strong{color:#b91c1c}.technical-header-item.technical-bad{border-left:3px solid #dc2626}.technical-header-item:hover{background:#f0f5f2}@media(max-width:760px){.header-status-group{max-width:66%;gap:4px}.technical-header-alerts{max-height:58px}.technical-header-item{max-width:260px}.header-status-group .connection-summary{font-size:10px}}

.header-status-group{flex-wrap:nowrap;max-width:78%;gap:14px}.header-connection-group{display:flex;align-items:center;gap:9px;flex-shrink:0}.header-connection-group .connection-summary{margin-left:0;white-space:nowrap}.technical-header-alerts{flex:0 1 auto;overflow:hidden;padding:0;max-width:42vw}.server-health-button{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;border:0;background:transparent;color:#53685b;font-size:12px;padding:5px 0;text-align:left}.server-light{width:9px;height:9px;border-radius:50%;flex-shrink:0}.light-good{background:#169b5c}.light-warn{background:#eab308}.light-bad{background:#dc2626}.server-health-detail{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.topbar:has(.technical-header-alerts:not([hidden])){height:65px}.bulk-toolbar{padding:4px 12px;border-bottom:1px solid var(--border);font-size:12px}.bulk-toolbar .text-button{font-size:12px;padding:5px}.bulk-toolbar #bulk-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:5px 0}.bulk-toolbar select{padding:5px;font-size:12px;flex:1;min-width:125px}.bulk-toolbar .outline{padding:5px 9px;min-height:29px;font-size:12px}.bulk-all{display:flex;align-items:center;gap:5px;font-size:12px;flex-basis:100%}.bulk-all input,.bulk-checkbox input{width:15px;height:15px;margin:0;accent-color:var(--green)}.bulk-checkbox{position:absolute;left:7px;top:16px;z-index:2}.bulk-selecting .conversation{padding-left:30px}.bulk-failures,#bulk-targets{max-height:180px;overflow:auto;padding-left:20px;font-size:13px}#bulk-dialog h2,#bulk-dialog details,#bulk-fields{margin-bottom:12px}#bulk-dialog li{margin:7px 0}.bulk-failures{color:#9b3333}@media(max-width:900px){.header-connection-group{gap:4px}.header-connection-group .connection-summary{font-size:10px}.server-health-detail{display:none}.header-status-group{max-width:75%;gap:9px}}@media(max-width:560px){.header-connection-group{flex-direction:column;align-items:flex-end;gap:2px}.server-health-button{font-size:10px}.topbar{padding-left:12px;padding-right:12px}}

.permission-denied{display:none!important}.permission-group{border:1px solid #dce6e2;border-radius:10px;margin:14px 0;padding:12px 16px}.permission-group legend{font-weight:700;padding:0 6px}.permission-group .check-line{display:flex;align-items:center;gap:9px;margin:8px 0;font-size:13px}.permission-group input{width:auto}#people-dialog:has(.permission-group){width:min(620px,94vw)}body[data-can-forward="false"] [data-forward-id],body[data-can-send="false"] [data-reply-id]{display:none!important}

.file-type-icon{display:inline-flex;position:relative;flex:0 0 38px;width:38px;height:40px;align-items:center;justify-content:center;vertical-align:middle;margin-right:8px;color:#71817d}.file-type-icon b{position:absolute;font-size:8px;line-height:13px;bottom:5px;background:#fff;border-radius:3px;padding:0 3px;letter-spacing:.2px}.file-red{color:#c75050}.file-blue{color:#4386bb}.file-green{color:#38886d}.file-purple{color:#8863ad}.file-orange{color:#c7813d}.download-file{display:flex!important;align-items:center;gap:5px;text-decoration:none}.download-file>span:last-child{overflow-wrap:anywhere}.download-file small{display:block;color:#758681;font-size:10px;margin-top:3px}.quick-settings{margin-top:20px}.quick-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e1e9e5;padding:13px 0}.quick-item>div:first-child{flex:1;min-width:0}.quick-item small{display:block;color:#788980;font-size:11px;margin-top:4px}.quick-item p{white-space:pre-wrap;font-size:12px;color:#52655d;margin:6px 0;overflow-wrap:anywhere}.quick-editor,.quick-picker{width:min(600px,94vw)}.quick-editor textarea{width:100%;resize:vertical}.quick-use-actions{display:flex;flex-direction:column;gap:6px}.quick-emojis{display:flex;gap:7px;margin:8px 0 14px}.quick-emojis button{background:#f2f6f3;border:0;border-radius:6px;padding:5px;font-size:18px}.quick-item .outline{font-size:12px;padding:7px 10px}.connection-history{font-size:11px;color:#71817d}

.connection-summary{display:inline-flex;align-items:center;gap:6px}.connection-summary-light{width:9px;height:9px;border-radius:50%;flex-shrink:0}.connection-summary-light.is-online{background:#169b5c;box-shadow:0 0 0 3px #169b5c12}.connection-summary-light.is-offline{background:#dc4141;box-shadow:0 0 0 3px #dc414112}.quick-slide-panel{position:fixed;z-index:110;width:min(380px,calc(100vw - 16px));max-height:min(440px,calc(100dvh - 100px));overflow:auto;margin:0;padding:12px;background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:0 8px 30px #18372a25;animation:menu-slide .15s ease-out}.quick-slide-panel .dialog-header{margin-bottom:8px}.quick-slide-panel h2{font-size:14px}.quick-slide-panel>input{width:100%;padding:8px;font-size:12px}.quick-slide-panel>.muted{font-size:11px;margin:7px 0}.quick-slide-panel .quick-item{gap:8px;padding:10px 0}.quick-slide-panel .quick-item strong{font-size:12px}.quick-slide-panel .quick-item p{font-size:11px}.quick-slide-panel .quick-item .outline{padding:5px 7px;min-height:28px;font-size:11px}@media(prefers-reduced-motion:reduce){.quick-slide-panel{animation:none}}

/* Responsive shell and contained account footer. */
html,body{width:100%;min-width:0;height:100%;overflow:hidden}.shell{width:100%;min-width:0;overflow:hidden}.sidebar{min-height:0;overflow:hidden;padding-bottom:0}.sidebar nav{min-height:0;overflow-y:auto;flex-shrink:1}.sidebar-note{flex-shrink:1;min-height:0}.account-footer{margin-top:auto;flex-shrink:0;background:#142f27;color:#dfede4;padding:12px 0 16px;min-width:0}.account-footer .profile{padding-top:12px}.account-footer .profile-actions{margin-top:10px}.account-footer .profile-actions button{min-height:32px;padding:6px;color:#d9e9df}.account-footer .profile strong{max-width:100%}
.main,.page-content,.inbox,.conversation-list,.chat-content,.composer,.assignment,.panel{min-width:0}.page-content{min-height:0}.assignment>span{min-width:0;overflow-wrap:anywhere}.chat-header small{overflow-wrap:anywhere}.support-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.table-wrap,.preview-content,.preview-content audio,.message-media{max-width:100%}.bubble:has(.message-media){min-width:0}.download-file>span:last-child{min-width:0}.dialog-footer{flex-wrap:wrap}dialog{max-height:calc(100dvh - 24px);overflow:auto}
@media(min-width:761px) and (max-height:760px){.sidebar{padding-top:16px}.sidebar .eyebrow{margin:16px 0 12px}.sidebar-note{display:none}.sidebar nav{margin-bottom:12px}.account-footer{padding-bottom:10px}}
@media(max-width:760px){
.sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:7px 10px 0;overflow:hidden}.sidebar>.brand{grid-column:1;grid-row:1;min-width:0}.sidebar .brand-logo{max-width:100px;max-height:30px;object-fit:contain}.sidebar nav{grid-column:1/-1;grid-row:2;width:100%;min-width:0;display:flex;overflow-x:auto;overflow-y:hidden;gap:3px;padding-bottom:6px;overscroll-behavior-x:contain}.sidebar nav button{flex:0 0 auto;min-height:36px;padding:8px 10px;white-space:nowrap}.sidebar nav button span{font-size:12px}.sidebar .account-footer{grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px;margin:0;padding:0;background:transparent}.account-footer .profile{display:none}.account-footer .profile-actions{flex-direction:row;gap:4px;margin:0}.account-footer .profile-actions button{font-size:11px;min-height:32px;padding:6px}.sidebar .eyebrow,.sidebar-note{display:none}
.main{width:100%;min-height:0}.topbar,.topbar:has(.technical-header-alerts:not([hidden])){height:auto;min-height:54px;gap:6px;padding:7px 10px}.topbar>div:first-child{min-width:0}.topbar h1{font-size:18px}.header-status-group{max-width:100%;min-width:0;gap:7px;flex:1;justify-content:flex-end}.header-connection-group{min-width:0;flex-shrink:1}.header-connection-group .status-pill{max-width:100%;font-size:10px;padding:4px 7px}.header-connection-group .connection-summary{font-size:9px;white-space:normal}.technical-header-alerts{max-width:70px}.server-health-button{font-size:10px}.server-health-detail{display:none}
.inbox{width:100%;overflow:hidden}.conversation-list,.chat{min-width:0;max-width:100%;flex:1}.chat-header{flex-wrap:wrap;gap:7px;padding:7px 9px;flex-shrink:0}.chat-header>div:not(.conversation-header-actions){flex:1 1 130px}.conversation-header-actions{flex:0 0 auto!important;max-width:100%;margin-left:auto}.chat-header .conversation-action{width:32px;min-width:32px;height:32px}.assignment{gap:7px;flex-shrink:0}.assignment>span{font-size:11px;max-height:42px;overflow:auto}.assignment button{flex-shrink:0}.messages{padding:10px;gap:10px}.bubble{max-width:94%;font-size:14px}.composer{margin:4px 7px max(7px,env(safe-area-inset-bottom));padding:7px 8px}.composer textarea{font-size:16px;min-height:44px;max-height:100px}.composer .composer-footer{gap:4px}.composer-footer .attachment-tools{min-width:0;flex:1;flex-wrap:wrap}.composer-footer #send{flex-shrink:0}.composer-footer .send-hint{display:none}.search input,select,.auth input{font-size:16px}.compact-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content{padding:15px 10px}.panel{padding:15px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-width:0;padding:12px}.metric-card strong{font-size:24px;overflow-wrap:anywhere}.dashboard-filters label{min-width:0;flex:1 1 140px}.connection-grid{grid-template-columns:minmax(0,1fr)}.quick-item{flex-wrap:wrap}.quick-use-actions{flex-direction:row;flex-wrap:wrap}.support-spark{overflow:hidden}.auth{overflow:auto;height:100dvh;padding:16px}.auth-card{padding:24px}.toast{bottom:max(16px,env(safe-area-inset-bottom))}
}

.participant-avatars{display:flex;align-items:center;gap:4px;max-width:45%;overflow-x:auto;flex:0 1 auto;padding:3px}.participant-photo{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;overflow:hidden;border-radius:50%;background:#dfede5;color:#32604b;font-size:10px;font-weight:600;border:1px solid #d2e2d9}.participant-photo img{width:100%;height:100%;object-fit:cover}.participants-panel{position:fixed;z-index:150;width:min(330px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:12px;border:1px solid var(--border);border-radius:11px;background:#fff;box-shadow:0 8px 30px #18372a25;animation:menu-slide .15s ease-out}.participants-panel h2{font-size:15px}.participants-panel .muted{font-size:12px}.participants-panel>input{width:100%;min-width:0;margin:8px 0;padding:8px;border:1px solid var(--border);border-radius:7px;font-size:16px}.participant-options{max-height:min(240px,40dvh);overflow:auto}.participant-option{display:flex;align-items:center;gap:8px;padding:8px 3px;font-size:13px;cursor:pointer}.participant-option input{width:16px;height:16px;margin:0;flex-shrink:0}.participant-option>span:last-child{overflow-wrap:anywhere;min-width:0}.participant-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.participant-panel-footer button{min-height:34px;padding:6px 12px}.assignment:has(.participant-avatars) #assigned:empty{display:none}.assignment:has(.participant-avatars) .participant-avatars{margin-left:auto}@media(prefers-reduced-motion:reduce){.participants-panel{animation:none}}

.clear-filters{display:block;margin:0 12px 5px;padding:4px 0;font-size:11px;text-decoration:underline;text-underline-offset:3px}

.new-person-photo{display:flex;align-items:center;gap:12px}.new-person-photo img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0}.new-person-photo label{min-width:0;flex:1}.new-person-photo input{max-width:100%}

.directory-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-bottom:14px}.directory-table{overflow:auto;max-width:100%}.directory-table td{vertical-align:top}.directory-table small,.directory-job small{display:block}.directory-pagination{display:flex;gap:8px;justify-content:flex-end;margin:12px 0}.directory-menu{min-width:110px}.directory-menu summary{cursor:pointer;list-style:none;text-align:right;font-size:22px}.directory-menu[open] div{display:flex;flex-direction:column;align-items:stretch;background:#f1f7f4;border-radius:8px;padding:5px;animation:slide-contact .15s ease}.directory-job{padding:10px 0;border-bottom:1px solid #e4ece8}@keyframes slide-contact{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}

.directory-filters input,.directory-filters select{min-height:36px;padding:8px;font-size:13px}.directory-filters label{font-size:12px}

.business-hours{border:1px solid #d9e6df;border-radius:10px;margin:16px 0;padding:12px}.business-hours legend{font-weight:600}.hours-day{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:6px 0;border-bottom:1px solid #e4ece8}.hours-period{display:flex;gap:7px;align-items:center;margin-bottom:5px}.hours-period input{min-width:0;width:115px;padding:6px;font-size:13px}.hours-day .check-line{align-self:start}@media(max-width:480px){.hours-day{grid-template-columns:85px minmax(0,1fr)}.hours-period input{width:100%;min-width:0}.hours-period{font-size:12px}}

.queue-filter-wrap{position:relative}.queue-filter-wrap .clear-filters{position:absolute;right:12px;top:0;margin:0;padding:5px 0;font-size:11px;z-index:1}.queue-filter-wrap summary{padding-right:95px}.queue-date-range{display:flex;flex-wrap:wrap;gap:6px;grid-column:1/-1;font-size:11px}.queue-date-range>span{width:100%;color:var(--muted)}.queue-date-range label{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.queue-date-range input{width:100%;min-width:0;padding:5px;border:1px solid var(--border);border-radius:6px;font-size:11px}
.file-management{margin-top:28px}.file-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;gap:12px;align-items:end}.file-filters label{margin:0}.file-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.file-summary .panel{display:grid;gap:6px}.file-summary strong{font-size:1.35rem;color:var(--ink)}.file-summary small{color:var(--muted)}.file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.file-breakdown table{width:100%}.file-breakdown th,.file-breakdown td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}.file-breakdown th:nth-child(n+2),.file-breakdown td:nth-child(n+2){text-align:right}.table-scroll{overflow:auto}.media-removed{display:flex;gap:10px;align-items:center;opacity:.8}.media-removed span{display:grid}.media-removed em{font-size:.78rem;color:var(--muted);font-style:normal}.danger{background:#b42318;color:#fff;border-color:#b42318}.danger:disabled{opacity:.5}
@media(max-width:900px){.file-filters,.file-summary,.file-grid{grid-template-columns:1fr}.file-filters .danger{width:100%}}

#attachment-preview{max-height:200px;overflow-y:auto;display:block}#attachment-preview[hidden]{display:none}.attachment-queued{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}.attachment-queued .preview-content{min-width:0}.attachment-queued strong{overflow-wrap:anywhere}

.shared-card{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #cbded5;border-radius:9px;margin:4px 0;overflow-wrap:anywhere;min-width:180px;max-width:100%}.shared-card a{color:#087b66}.shared-cards{display:grid;gap:5px}

.chat-number-line{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.copy-phone{display:inline-flex;padding:3px;min-height:22px;align-items:center}.shared-phone{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shared-phone button{font-size:12px;padding:3px 6px}

.sound-notifications{font-size:12px;white-space:nowrap;padding:6px 9px}.sound-notifications[aria-pressed="true"]{color:#087b59;background:#e9f5ef;border-radius:8px}

@media(max-width:560px){.sound-notifications{font-size:0;padding:6px;flex-shrink:0}.sound-notifications:before{content:"♫";font-size:18px}}

.whisper-unread-badge{display:table;margin-top:5px;padding:3px 6px;border-radius:5px;background:#eee4f8;color:#744793;font-size:10px;font-weight:500}.whisper-unread-badge span{font-size:8px;margin-right:3px;color:#9156b8}

.restricted-results{margin:0 12px}.restricted-results:empty{display:none}.restricted-contact{padding:9px;border:1px solid #dfe8e1;border-radius:8px;margin-bottom:6px;font-size:12px}.restricted-contact small{display:block;margin:5px 0;color:#687f71}.restricted-contact button{font-size:11px;padding:5px 8px}.access-dialog{width:min(540px,94vw);max-height:85vh;overflow:auto}.access-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.access-dialog textarea{width:100%;resize:vertical}.access-request{padding:12px 0;border-bottom:1px solid #dfe8e1}.access-request>div{display:flex;gap:6px;flex-wrap:wrap}.access-request button{font-size:12px}.access-request p{overflow-wrap:anywhere}

.sound-control-wrap{display:inline-flex;align-items:center;position:relative;gap:1px;flex-shrink:0}.sound-volume-button{padding:5px;min-width:26px}.sound-volume-panel{position:absolute;right:0;top:calc(100% + 8px);width:240px;max-width:calc(100vw - 24px);padding:14px;background:#fff;border:1px solid #dfe8e1;border-radius:10px;box-shadow:0 5px 20px #18372a24;z-index:80}.sound-volume-panel label{font-size:12px;display:flex;justify-content:space-between;gap:8px}.sound-volume-panel input{width:100%;margin:12px 0;accent-color:#087b59}.sound-volume-panel button{font-size:12px;padding:7px 12px}.sound-volume-panel output{font-variant-numeric:tabular-nums}

.revoked-note{display:block;font-size:11px;color:#697979;margin-top:5px}.dash-chart{grid-column:1/-1}.dash-bar-row{display:grid;grid-template-columns:minmax(120px,1fr) 2fr 45px;gap:12px;align-items:center;margin:14px 0}.dash-bar-row meter{width:100%;height:24px}.metric-card{border-radius:16px;background:linear-gradient(140deg,#fff,#f0f7f5);box-shadow:0 3px 14px #123b2b08}.metric-card strong{color:#087f64}.settings-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px}.settings-tabs button.active{background:#087f64;color:white}

.commercial-dialog{width:min(680px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid #dce7e2;border-radius:16px;padding:22px}.commercial-dialog label{display:flex;flex-direction:column;gap:6px;margin:12px 0}.commercial-dialog label.check-line{flex-direction:row}.commercial-dialog textarea,.commercial-dialog input:not([type=checkbox]),.commercial-dialog select{width:100%;min-width:0;box-sizing:border-box}.commercial-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.commercial-dialog [data-items]{max-height:40vh;overflow:auto}.commercial-dialog::backdrop{background:#16352a66}.settings-tabs{position:sticky;top:0;z-index:2;background:#f8fbfa;padding:8px 0}.settings-tabs button{font-size:12px;padding:8px 10px}.commercial-dialog .quick-item{gap:10px}.commercial-dialog .quick-item strong{overflow-wrap:anywhere}

#dash-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}#dash-cards .metric-card{padding:18px;min-height:105px}#dash-cards .dash-chart{order:-1;margin:0;background:#fff;border:1px solid #dce7e2;border-radius:16px}.dash-bar-row meter::-webkit-meter-bar{background:#edf4f1;border:none;border-radius:8px}.dash-bar-row meter::-webkit-meter-optimum-value{background:#109477;border-radius:8px}@media(max-width:600px){#dash-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#dash-cards .metric-card{padding:12px}.dash-bar-row{grid-template-columns:100px 1fr 30px;font-size:12px}}
/* Compact navigation, kept separate from business permissions. */
.sidebar.compact-navigation{position:relative;width:204px;padding:18px 12px 0;gap:0}.compact-navigation>.brand{font-size:25px;margin:0 30px 12px 2px;min-height:36px}.compact-navigation .brand-icon{width:30px;height:30px;font-size:21px}.compact-navigation .eyebrow,.compact-navigation .sidebar-note{display:none}.sidebar-toggle{position:absolute;right:10px;top:20px;width:28px;height:30px;display:grid;place-items:center;background:transparent;color:#b9d4c7;border:1px solid #38584a;border-radius:7px}.sidebar-toggle svg{width:18px;height:18px}.sidebar-toggle:hover{background:#27493b}.compact-navigation nav{display:flex;flex-direction:column;gap:3px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#426354 #142f27;margin:0;padding:0 2px 8px}.compact-navigation nav::-webkit-scrollbar{width:5px;background:#142f27}.compact-navigation nav::-webkit-scrollbar-thumb{background:#426354;border-radius:8px}.compact-navigation nav button{flex:0 0 auto;min-height:36px;padding:7px 10px;gap:11px;font-size:13px}.compact-navigation nav button svg{width:19px;height:19px;flex:0 0 19px}.compact-navigation nav button .nav-label{font-size:13px}.compact-navigation nav button[data-view=library],.compact-navigation nav button[data-view=team],.compact-navigation nav button[data-view=settings]{margin-top:5px;border-top:1px solid #304d40;border-top-left-radius:0;border-top-right-radius:0}.compact-navigation .account-footer{padding:8px 0}.compact-navigation .profile{padding-top:8px;gap:8px}.compact-navigation .profile .avatar{width:30px;height:30px;border-radius:9px}.compact-navigation .profile strong{font-size:12px}.compact-navigation .profile small{font-size:10px}.compact-navigation .profile-actions{margin-top:3px}.compact-navigation.is-collapsed{width:62px;padding:56px 7px 0}.compact-navigation.is-collapsed>.brand,.compact-navigation.is-collapsed .nav-label,.compact-navigation.is-collapsed .profile>div,.compact-navigation.is-collapsed .profile-actions{display:none}.compact-navigation.is-collapsed .sidebar-toggle{right:17px}.compact-navigation.is-collapsed .sidebar-toggle svg{transform:rotate(180deg)}.compact-navigation.is-collapsed nav button{justify-content:center;padding:8px}.compact-navigation.is-collapsed .profile{justify-content:center}.compact-navigation.is-collapsed .account-footer{padding:8px 0 14px}
@media(max-width:760px){.sidebar.compact-navigation{width:100%;display:grid;grid-template-columns:1fr auto;padding:7px 10px;gap:4px}.compact-navigation>.brand{margin:0 35px 0 0;font-size:22px}.compact-navigation .sidebar-toggle{position:static;grid-column:2;grid-row:1;align-self:center}.compact-navigation nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:40dvh;padding:4px 0;gap:3px}.compact-navigation nav button{min-width:0;white-space:normal;gap:6px;padding:7px;font-size:12px}.compact-navigation nav button .nav-label{font-size:11px}.compact-navigation nav button[data-view]{margin-top:0;border:0}.compact-navigation .account-footer{grid-column:1/-1;grid-row:3;padding:0;justify-content:flex-end}.compact-navigation .profile-actions{display:flex}.compact-navigation.is-collapsed{width:100%;padding:5px 10px}.compact-navigation.is-collapsed>.brand{display:flex}.compact-navigation.is-collapsed nav,.compact-navigation.is-collapsed .account-footer{display:none}}
.product-thumb{width:54px;height:54px;object-fit:cover;border-radius:8px;border:1px solid var(--border);vertical-align:middle;margin:4px 8px 4px 0}.product-image-options{max-height:200px;overflow:auto}.product-image-options label{display:flex;align-items:center;gap:6px;font-size:12px}.product-image-options input{width:auto}.commercial-dialog [data-items]{max-height:35dvh;overflow:auto}.commercial-dialog [data-cart]{max-height:22dvh;overflow:auto}
.sales-dialog{width:min(920px,96vw);max-width:920px;padding:0;max-height:90dvh;overflow:hidden;border:1px solid #dbe6df;border-radius:16px}.sales-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border)}.sales-header h2{font-size:18px}.sales-header p{font-size:12px;color:var(--muted);margin-top:4px}.sales-header>button{min-height:32px;padding:3px 10px}.sales-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);max-height:calc(90dvh - 85px)}.sales-catalog{padding:16px;min-width:0;display:flex;flex-direction:column;overflow:hidden}.sales-tabs{display:flex;gap:6px;padding:4px;background:#edf3ef;border-radius:9px;margin-bottom:12px}.sales-tabs button{flex:1;border:0;padding:8px;background:transparent;border-radius:6px;color:#506d5e;font-size:13px}.sales-tabs button[aria-selected=true]{background:white;color:#087b59;font-weight:650;box-shadow:0 1px 4px #18372a15}.sales-search{display:grid;gap:8px;margin-bottom:12px}.sales-search input,.sales-search select{width:100%;min-width:0;padding:10px;border:1px solid var(--border);border-radius:8px;font-size:13px}.sales-dialog [data-items]{overflow:auto;max-height:none;min-height:120px;scrollbar-width:thin;scrollbar-color:#bfd2c6 transparent}.sales-product{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e5ede7}.sales-product>img,.sales-placeholder{width:64px;height:64px;flex:0 0 64px;object-fit:cover;border-radius:9px;background:#edf3ef;display:grid;place-items:center;color:#749683}.sales-product-info{flex:1;min-width:0}.sales-product-info strong{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.sales-product-info small{display:block;font-size:11px;color:var(--muted);margin:5px 0}.sales-product-info b{font-size:14px;color:var(--green)}.sales-product>.outline{padding:7px 10px;min-height:33px;font-size:12px;flex-shrink:0}.sales-material-actions{display:flex;gap:6px;flex-wrap:wrap}.sales-material-actions button{padding:5px 8px;min-height:30px;font-size:11px}.sales-summary{padding:18px;background:#f5f8f6;border-left:1px solid var(--border);overflow:auto;min-width:0;scrollbar-width:thin}.sales-summary-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.sales-summary-title h3{font-size:15px}.sales-summary-title small{font-size:11px;color:var(--muted)}.sales-dialog [data-cart]{max-height:24dvh;overflow:auto;scrollbar-width:thin}.sales-cart-item{padding:10px 0;border-bottom:1px solid #dee8e1}.sales-cart-item>strong{font-size:12px;line-height:1.4;display:block;margin-bottom:8px}.sales-cart-item>div{display:flex;align-items:center;gap:10px;justify-content:space-between}.sales-cart-item b{font-size:13px}.sales-quantity{display:inline-flex;align-items:center;gap:9px;border:1px solid #d1dfd6;border-radius:7px;background:white;font-size:12px}.sales-quantity button{border:0;background:transparent;color:#087b59;width:28px;height:28px}.sales-payment{display:grid;grid-template-columns:1fr 92px;gap:8px;margin-top:15px}.sales-payment label{font-size:11px;margin:0}.sales-payment select,.sales-payment input{width:100%;padding:9px 7px;border:1px solid #d7e3da;border-radius:7px;font-size:12px;margin-top:5px}.sales-payment small{grid-column:1/-1;color:var(--muted);font-size:10px}.sales-footer{padding-top:15px;display:grid;gap:9px}.sales-total{display:flex;justify-content:space-between;align-items:center;font-size:14px}.sales-total strong{font-size:24px;color:#087b59}.sales-footer>small{font-size:11px;color:var(--muted);line-height:1.5}.sales-footer button{width:100%;font-size:12px;min-height:36px}.sales-empty{padding:18px 8px;color:var(--muted);font-size:13px;line-height:1.6;text-align:center}.sales-footer .error{font-size:12px}
@media(max-width:650px){.sales-dialog{width:96vw;overflow:auto;max-height:94dvh}.sales-layout{grid-template-columns:1fr;max-height:none}.sales-catalog{padding:12px}.sales-dialog [data-items]{max-height:30dvh}.sales-summary{border-left:0;border-top:1px solid var(--border);padding:14px}.sales-header{padding:12px 14px}.sales-product>img,.sales-placeholder{width:48px;height:48px;flex-basis:48px}.sales-product{gap:9px}.sales-product>.outline{font-size:11px;padding:6px}.sales-payment input,.sales-payment select,.sales-search input{font-size:16px}.sales-dialog [data-cart]{max-height:20dvh}}

/* Compact library and attachment controls */
.library-row{gap:12px;align-items:center}.library-row>div{flex:1;min-width:0}.library-row strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.library-row small{font-size:11px}.library-row .open-image img{width:56px;height:56px;object-fit:cover;border-radius:7px}.library-row button{font-size:12px}.library-row .sales-placeholder{width:56px;height:56px}
[data-library-items] .sales-product{padding:10px;gap:12px}[data-library-items] .sales-product img{width:56px;height:56px;object-fit:cover}[data-library-items] strong{font-size:13px;font-weight:500}[data-library-items] small{font-size:11px}.sales-material-actions{display:flex;gap:6px;flex-wrap:wrap}.sales-material-actions button{font-size:12px;padding:6px 10px}
#attachment-menu{min-width:205px;padding:6px;gap:2px}#attachment-menu .text-button{border-radius:6px;line-height:1.25}#attachment-menu svg{flex:none;width:20px;height:20px}#attach-library{border-top:1px solid #edf0ee;margin-top:3px}
.library-link-preview{white-space:normal;margin:6px 0;max-width:260px}.library-link-preview img{max-width:100%;max-height:150px;border-radius:8px;object-fit:contain}.library-link-preview small{display:block;font-size:11px;color:#718078}#library-draft-preview .library-link-preview{display:flex;align-items:center;gap:10px;max-width:100%}#library-draft-preview img{max-height:70px;max-width:100px}
#media-viewer{width:96vw;max-width:1400px;height:92dvh;max-height:96dvh;padding:0;border:1px solid #45504c;border-radius:12px;background:#19211e;color:#f1f4f2;overflow:hidden}#media-viewer::backdrop{background:#07100cce}.image-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#242e29}.image-viewer-toolbar strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-viewer-toolbar>div{display:flex;align-items:center;gap:8px;flex-shrink:0}.image-viewer-toolbar button,.image-viewer-toolbar a{color:#f1f4f2;background:#34423a;border:0;border-radius:6px;padding:7px 10px;text-decoration:none;font-size:13px}.image-viewer-toolbar span{font-size:12px;min-width:36px;text-align:center}.image-viewer-stage{height:calc(100% - 64px);overflow:auto;padding:12px}#media-viewer #media-viewer-image{display:block;width:100%;max-width:none;height:auto;max-height:100%;object-fit:contain;margin:auto}.image-viewer-toolbar button:hover,.image-viewer-toolbar a:hover{background:#45594d}
@media(max-width:600px){.image-viewer-toolbar{flex-wrap:wrap;padding:8px}.image-viewer-toolbar strong{max-width:100%;width:100%}.image-viewer-stage{height:calc(100% - 94px)}.library-row{flex-wrap:wrap}.library-row>div{min-width:60%}}