:root{--blue:#7447f5;--cyan:#d72ef3;--navy:#0f1f3d;--bg:#f4f7fb;--surface:#fff;--surface-2:#f8fafc;--text:#152033;--muted:#68778c;--line:#dfe6ef;--success:#0e8a67;--warn:#a86b00;--danger:#c53b45;--purple:#7457d9;--shadow:0 12px 34px rgba(26,49,84,.08);--radius:18px;--font:Montserrat,Inter,Segoe UI,Arial,sans-serif;--avatar-radius:999px}
html[data-theme=dark]{--bg:#0a111c;--surface:#121b29;--surface-2:#192536;--text:#f1f5fb;--muted:#a8b4c5;--line:#2a394d;--navy:#f5f8fd;--shadow:0 14px 38px rgba(0,0,0,.28)}@media(prefers-color-scheme:dark){html[data-theme=system]{--bg:#0a111c;--surface:#121b29;--surface-2:#192536;--text:#f1f5fb;--muted:#a8b4c5;--line:#2a394d;--navy:#f5f8fd;--shadow:0 14px 38px rgba(0,0,0,.28)}}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.shell{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#101f3b;color:#dce8fb;padding:22px 16px;display:flex;flex-direction:column;z-index:30}.brand-logo{display:block;padding:0 10px 19px}.brand-logo img{height:38px;max-width:180px;object-fit:contain}.tenant-box{display:flex;gap:10px;align-items:center;margin:0 6px 18px;padding:12px 13px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.05)}.tenant-box small,.tenant-box strong{display:block}.tenant-box small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#91a6c7;margin-bottom:3px}.tenant-box strong{font-size:13px}.tenant-avatar{width:34px;height:34px;border-radius:10px;object-fit:cover;background:#fff}.main-nav{display:grid;gap:4px}.main-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:#aebfd9;font-weight:600;transition:.16s}.main-nav a:hover{background:rgba(255,255,255,.06);color:#fff}.main-nav a.active{background:linear-gradient(135deg,rgba(116,71,245,.42),rgba(10,192,254,.16));color:#fff;box-shadow:inset 3px 0 0 #33c5ff}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:16px 6px 0;display:flex;align-items:center;gap:8px}.staff-self{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.staff-self>span:last-child{min-width:0}.staff-self strong,.staff-self small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-self strong{font-size:12px}.staff-self small{font-size:10px;color:#94a9c8;margin-top:2px}.avatar{width:var(--avatar-size,40px);height:var(--avatar-size,40px);border-radius:var(--avatar-radius);display:inline-grid;place-items:center;background:linear-gradient(135deg,#2869ec,#13b4ee);color:#fff;font-weight:750;overflow:hidden;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.large{width:92px;height:92px;font-size:30px;border:5px solid var(--surface)}.app-main{min-width:0}.topbar{height:72px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;position:sticky;top:0;z-index:20}.topbar-title{display:flex;flex-direction:column}.topbar-title strong{font-size:15px}.topbar-title small{color:var(--muted);font-size:10px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:38px;height:38px;display:grid;place-items:center}.icon-btn:hover{border-color:#9bb9eb}.icon-btn.small{width:30px;height:30px;border-radius:8px}.menu-button{display:none}.presence{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 11px;font-weight:600}.theme-dark{display:none}html[data-theme=dark] .theme-light{display:none}html[data-theme=dark] .theme-dark{display:block}.content{padding:28px;max-width:1720px;margin:0 auto}.page-heading{display:flex;gap:20px;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.page-heading.compact{align-items:center}.page-heading h1{font-size:28px;line-height:1.1;margin:5px 0 7px}.page-heading p{margin:0;color:var(--muted);max-width:800px;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;color:var(--blue)}.heading-kicker{display:flex;gap:8px;align-items:center}.row-actions,.page-actions,.toolbar,.inline-links{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.grow{flex:1}.btn{border:0;border-radius:10px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;line-height:1.1}.btn.primary{background:linear-gradient(135deg,var(--blue),#9a3df2);color:#fff;box-shadow:0 7px 18px rgba(116,71,245,.18)}.btn.outline{border:1px solid var(--line);background:var(--surface)}.btn.outline:hover{border-color:#91b4ed;background:var(--surface-2)}.btn.ghost,.btn.text{background:transparent;color:var(--muted)}.btn.danger{background:#c63e47;color:#fff}.btn.small{padding:7px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.card h2{font-size:17px;margin:3px 0 0}.card h3{font-size:13px}.muted{color:var(--muted);line-height:1.55}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.stat span,.stat small{display:block;color:var(--muted)}.stat span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.stat strong{display:block;font-size:30px;margin:7px 0 3px}.stat small{font-size:11px}.two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.stack{display:grid;gap:16px;align-content:start}.list,.conversation-list,.knowledge-list,.user-admin-list,.internal-list{display:grid;gap:7px}.list-row,.conversation-row,.knowledge-row,.linked-chat-row{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid transparent;border-radius:12px}.list-row:hover,.conversation-row:hover,.knowledge-row:hover,.linked-chat-row:hover{background:var(--surface-2);border-color:var(--line)}.list-row-main,.conversation-copy{min-width:0;flex:1;display:grid;gap:3px}.list-row-main strong,.conversation-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row-main small,.conversation-copy small,.conversation-copy>span{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-avatar,.row-icon-box{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);font-weight:800;flex:0 0 auto}.row-icon-box.large{width:56px;height:56px}.row-icon-box .icon{width:20px;height:20px}.conversation-side{display:grid;justify-items:end;gap:4px}.conversation-side small{font-size:10px;color:var(--muted)}.status-pill,.status-badge,.priority,.privacy-badge,.internal-label{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;white-space:nowrap}.status-pill.waiting{background:#fff3d8;color:#936100}.status-pill.active,.status-pill.in_progress,.status-pill.published,.status-badge.in_progress{background:#e5f1ff;color:#165bbd}.status-pill.open,.status-badge.open{background:#eaf2ff;color:#1a60c6}.status-pill.waiting_customer,.status-badge.waiting_customer{background:#fff4d8;color:#986500}.status-pill.waiting_internal,.status-badge.waiting_internal{background:#efeafd;color:#6951bb}.status-pill.resolved,.status-pill.closed,.status-badge.resolved,.status-badge.closed{background:#e9f5f0;color:#19745b}.status-pill.archived{background:var(--surface-2);color:var(--muted)}.priority{padding:4px 7px}.priority.urgent{background:#ffe7e9;color:#b82e3a}.priority.high{background:#fff0de;color:#a35a08}.priority.normal{background:#eef3fa;color:#53677e}.priority.low{background:#edf8f4;color:#26745d}.privacy-badge,.internal-label{background:#f0eafe;color:#684ebb}.alert{border-radius:13px;padding:12px 14px;margin-bottom:16px;display:flex;gap:9px;align-items:flex-start}.alert.success{background:#e8f7f1;color:#117459;border:1px solid #c8ebdd}.alert.error{background:#ffedef;color:#a62e38;border:1px solid #f5cbd0}.alert.info{background:#eaf3ff;color:#18589f;border:1px solid #cee1fa}.empty{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted);gap:6px}.empty.compact{min-height:100px}.empty-icon{width:38px;height:38px;fill:none;stroke:var(--muted);stroke-width:1.5}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:0 10px}.search-box input{border:0!important;background:transparent!important;outline:0;min-width:250px}.search-box.compact input{min-width:180px}.table-card{padding:8px 12px}.ticket-table,.tenant-table{display:grid}.table-head,.table-row{display:grid;grid-template-columns:1.8fr 1.1fr .9fr 1.1fr .7fr .8fr;gap:12px;align-items:center;padding:12px}.tenant-table .table-head,.tenant-table .table-row{grid-template-columns:2fr .8fr .7fr .7fr .7fr}.table-head{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.table-row{border-top:1px solid var(--line);min-height:62px}.table-row:hover{background:var(--surface-2)}.table-row>span{min-width:0}.table-row strong,.table-row small{display:block}.table-row small{color:var(--muted);font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);gap:18px}.chat-card{padding:0;overflow:hidden}.chat-context-bar{padding:12px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;background:var(--surface-2);font-size:11px}.chat-context-bar a{margin-left:auto;color:var(--blue);display:flex;gap:5px;align-items:center}.chat-messages,.ticket-messages{height:min(58vh,650px);min-height:420px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.message{max-width:78%;border-radius:15px;padding:11px 13px;background:var(--surface-2);border:1px solid var(--line);align-self:flex-start}.message.customer{align-self:flex-end;background:#e9f3ff;border-color:#d4e7ff}.message.internal{background:#f4efff;border-color:#dfd4fa}.message p{margin:6px 0;white-space:pre-wrap;line-height:1.5}.message-meta,.message-foot{display:flex;gap:10px;align-items:center;justify-content:space-between}.message-meta strong{font-size:11px}.message-foot small{color:var(--muted);font-size:9px}.message-actions{display:flex;gap:8px}.mini-link{border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:700;padding:2px;display:inline-flex;gap:4px;align-items:center}.mini-link .icon{width:12px;height:12px}.danger-text{color:var(--danger)!important}.composer{border-top:1px solid var(--line);padding:14px 16px;background:var(--surface);display:grid;gap:9px}.composer-toolbar,.composer-foot{display:flex;gap:8px;align-items:center}.composer-toolbar select{width:auto;max-width:220px}.composer textarea{resize:vertical}.composer-foot{justify-content:flex-end}.file-trigger input{display:none}.attachment-strip{display:flex;gap:7px;flex-wrap:wrap;padding:0 16px 14px}.file-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:7px 9px;font-size:10px}.people-list{display:grid;gap:7px}.person-row{display:flex;align-items:center;gap:9px;padding:6px 0}.person-row strong,.person-row small{display:block}.person-row small{color:var(--muted);font-size:10px}.form-stack{display:grid;gap:10px}.form-stack label,.dynamic-label{display:grid;gap:5px;font-size:11px;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-gap{gap:7px}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:8px!important}.check input{width:auto;margin-top:2px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px 11px;outline:none}input:focus,textarea:focus,select:focus{border-color:#78a9f7;box-shadow:0 0 0 3px rgba(116,71,245,.08)}hr{border:0;border-top:1px solid var(--line);margin:16px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.detail-grid span{background:var(--surface-2);border-radius:10px;padding:10px;color:var(--muted);font-size:10px}.detail-grid strong{display:block;color:var(--text);font-size:12px;margin-top:4px}.danger-card{border-color:#f0c9cd;background:color-mix(in srgb,var(--surface) 92%,#ffebed)}.conversation-chips,.people-grid,.channel-grid,.canned-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.conversation-chip,.person-card,.channel-card{border:1px solid var(--line);border-radius:12px;padding:11px;display:flex;gap:9px;align-items:center;background:var(--surface)}.conversation-chip span{display:grid}.conversation-chip small,.person-card small,.channel-card small{color:var(--muted);font-size:10px}.internal-home{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.internal-row{display:flex;gap:9px;padding:10px;border-radius:11px}.internal-row:hover{background:var(--surface-2)}.internal-row>span:last-child{display:grid;min-width:0}.internal-row small,.internal-row em{font-size:10px;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-card{margin-top:9px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px;display:flex;gap:10px;align-items:center;min-width:290px}.resource-card>div{display:grid;min-width:0;flex:1}.resource-card small{font-size:9px;text-transform:uppercase;color:var(--blue);font-weight:800}.resource-card strong{font-size:12px}.resource-card span{font-size:10px;color:var(--muted)}.resource-icon{width:34px;height:34px;border-radius:10px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center}.ticket-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.65fr);gap:18px}.ticket-thread{padding:0;overflow:hidden}.ticket-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 14px}.ticket-tabs button{border:0;background:transparent;padding:14px 12px;color:var(--muted);font-weight:700;border-bottom:2px solid transparent}.ticket-tabs button.active{color:var(--blue);border-color:var(--blue)}.ticket-tabs span{background:var(--surface-2);padding:2px 5px;border-radius:6px;font-size:9px}.closed-banner{padding:14px 18px;border-top:1px solid var(--line);display:flex;gap:8px;color:var(--muted)}.timeline{padding:18px;display:grid;gap:14px}.timeline.compact{padding:6px 0}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:9px;position:relative}.timeline-item:not(:last-child)::before{content:"";position:absolute;left:5px;top:15px;bottom:-17px;border-left:1px solid var(--line)}.timeline-dot{width:11px;height:11px;border:3px solid #d7e6fb;background:var(--blue);border-radius:50%;z-index:1}.timeline-item strong,.timeline-item small{display:block}.timeline-item small{color:var(--muted);font-size:10px;margin-top:3px}.linked-chat-list{padding:12px}.sub-list{display:grid;gap:6px;margin-top:12px}.sub-list>a,.import-row{display:flex;gap:9px;align-items:center;padding:9px;border-radius:10px;background:var(--surface-2)}.sub-list span{display:grid}.sub-list small,.import-row small{color:var(--muted);font-size:10px}.knowledge-layout{grid-template-columns:1.4fr .8fr}.knowledge-row{border-bottom:1px solid var(--line);border-radius:0}.info-box{display:flex;gap:9px;padding:12px;border-radius:12px;background:#eaf3ff;color:#1d5d9d;margin-top:14px}.info-box p{margin:0;font-size:11px;line-height:1.5}.canned-card{border:1px solid var(--line);border-radius:14px;padding:14px}.canned-card p{color:var(--muted);font-size:11px;line-height:1.55;min-height:52px}.canned-card summary,.user-admin-card summary,details summary{cursor:pointer;font-weight:700}.inline-delete{margin-top:9px}.user-admin-card{border:1px solid var(--line);border-radius:13px;overflow:hidden}.user-admin-card summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 12px}.user-admin-card summary::-webkit-details-marker{display:none}.details-body{border-top:1px solid var(--line);background:var(--surface-2);padding:14px}.team-layout{grid-template-columns:1.1fr .9fr}.sector-admin-card details{border:1px solid var(--line);border-radius:10px;padding:9px}.member-capacity-row{display:grid;grid-template-columns:minmax(120px,1fr) 70px 90px 30px 30px;gap:6px;align-items:center;padding:6px 0}.member-capacity-row small{display:block;color:var(--muted);font-size:9px}.access-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.access-link-grid article{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start}.access-link-grid p{font-size:10px;color:var(--muted);margin:4px 0 8px}.access-link-grid code{display:block;background:var(--surface-2);border-radius:7px;padding:7px;font-size:9px;word-break:break-all}.settings-grid{grid-template-columns:1.2fr .8fr}.brand-preview{display:grid;gap:10px;margin:10px 0}.brand-logo-preview{height:72px;max-width:190px;object-fit:contain;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff}.brand-cover-preview{width:100%;height:100px;object-fit:cover;border-radius:12px}.profile-editor{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.profile-preview{padding:0;overflow:hidden}.profile-cover{height:190px;background:linear-gradient(135deg,#195feb,#08b9f7)}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-main{display:flex;gap:18px;align-items:flex-start;padding:0 24px 24px;margin-top:-46px}.profile-main>div{padding-top:50px}.profile-main h2{margin:0}.profile-main p{color:var(--muted);line-height:1.5}.profile-popover{position:fixed;width:300px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 50px rgba(0,0,0,.2);z-index:100;padding:0;overflow:hidden}.profile-pop-cover{height:75px;background:linear-gradient(135deg,#185eee,#0fb9f8);background-size:cover;background-position:center}.profile-pop-avatar{width:58px;height:58px;border-radius:999px;background:linear-gradient(135deg,#185eee,#0fb9f8);color:#fff;display:grid;place-items:center;font-weight:800;margin:-29px 0 0 15px;border:4px solid var(--surface);overflow:hidden}.profile-pop-avatar img{width:100%;height:100%;object-fit:cover}.profile-pop-body{padding:8px 15px 14px;display:grid;gap:3px}.profile-pop-body span{color:var(--blue);font-size:10px;font-weight:700}.profile-pop-body p{color:var(--muted);font-size:10px;line-height:1.4;margin:5px 0 0}.dialog{border:0;padding:0;border-radius:18px;background:transparent;color:var(--text);max-width:min(560px,calc(100vw - 30px));width:100%}.dialog.wide{max-width:min(800px,calc(100vw - 30px))}.dialog::backdrop{background:rgba(8,18,35,.55);backdrop-filter:blur(3px)}.dialog-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.22);display:grid;gap:16px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{margin:3px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.error-page{max-width:620px;margin:70px auto;text-align:center;display:grid;justify-items:center;gap:10px}.login-body{background:#0d1c36}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-brand-panel{background:radial-gradient(circle at 20% 30%,rgba(10,192,254,.25),transparent 35%),linear-gradient(135deg,#11264b,#0e1d36);color:#fff;padding:10vw;display:flex;flex-direction:column;justify-content:center}.login-brand-panel img{width:210px;margin-bottom:46px}.login-brand-panel h1{font-size:42px;max-width:650px;line-height:1.1;margin:9px 0 14px}.login-brand-panel p{color:#b9cae3;max-width:560px;font-size:16px;line-height:1.6}.login-card{background:var(--surface);padding:min(11vw,130px) min(8vw,100px);display:flex;flex-direction:column;justify-content:center;gap:20px}.login-card h2{font-size:28px;margin:5px 0}.login-card .form-stack{max-width:430px}.login-card .btn{padding:13px}.theme-dark{display:none}
@media(max-width:1100px){.shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding:20px 10px}.brand-logo img{width:52px;object-position:left}.tenant-box div,.main-nav span,.staff-self>span:last-child{display:none}.tenant-box{justify-content:center;padding:9px}.main-nav a{justify-content:center}.stat-grid{grid-template-columns:repeat(2,1fr)}.access-link-grid{grid-template-columns:1fr}.ticket-layout,.chat-layout{grid-template-columns:1fr}.ticket-side{grid-template-columns:repeat(2,minmax(0,1fr))}.internal-home{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;left:-290px;width:280px;transition:.2s}.menu-open .sidebar{left:0}.main-nav span,.tenant-box div,.staff-self>span:last-child{display:block}.main-nav a{justify-content:flex-start}.menu-button{display:grid}.topbar{padding:0 14px}.content{padding:18px 12px}.page-heading{align-items:flex-start;flex-direction:column}.stat-grid,.two-columns,.profile-editor,.settings-grid,.team-layout,.knowledge-layout,.internal-home{grid-template-columns:1fr}.ticket-side{grid-template-columns:1fr}.table-head{display:none}.table-row,.tenant-table .table-row{grid-template-columns:1fr 1fr}.table-row>span:first-child{grid-column:1/-1}.conversation-row{align-items:flex-start}.conversation-side{margin-left:auto}.message{max-width:92%}.access-link-grid article{grid-template-columns:auto 1fr}.access-link-grid article .btn{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.member-capacity-row{grid-template-columns:1fr 68px 84px 30px}.member-capacity-row .danger-text{grid-column:4}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-card{min-height:100vh;padding:28px}.public-two-col{grid-template-columns:1fr}}

/* R5 - colaboração, permissões e aparência */
body[data-avatar-shape="round"]{--avatar-radius:999px}
body[data-avatar-shape="rounded"]{--avatar-radius:12px}
body[data-avatar-shape="square"]{--avatar-radius:2px}
.profile-pop-avatar{border-radius:var(--avatar-radius)}
.permission-matrix{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.permission-head,.permission-row{display:grid;grid-template-columns:minmax(0,1fr) 94px 94px;gap:10px;align-items:center;padding:9px 11px}
.permission-head{background:var(--surface-2);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}
.permission-group{padding:8px 11px;background:color-mix(in srgb,var(--blue) 8%,var(--surface));color:var(--blue);font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.06em;border-top:1px solid var(--line)}
.permission-row{border-top:1px solid var(--line)}
.permission-row>span strong,.permission-row>span small{display:block}.permission-row>span small{font-size:9px;color:var(--muted);margin-top:2px}.check.compact{font-size:10px!important;align-items:center}.check.compact input{margin:0}
.internal-search-results{display:grid;gap:6px;margin:10px 0}.internal-search-hit{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:9px;background:var(--surface)}.internal-search-hit:hover{border-color:#9bb9eb;background:var(--surface-2)}.internal-search-hit>span{display:grid;gap:2px;min-width:0}.internal-search-hit strong{font-size:11px}.internal-search-hit small{font-size:9px;color:var(--muted)}.internal-search-hit p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.4}
.reply-context,.reply-composer-preview{display:flex;gap:8px;align-items:center;border-left:3px solid var(--blue);background:var(--surface);border-radius:8px;padding:7px 9px;color:var(--muted)}.reply-context{margin:5px 0 8px}.reply-context>span,.reply-composer-preview>span{display:grid;min-width:0;flex:1}.reply-context strong,.reply-composer-preview strong{font-size:10px;color:var(--text)}.reply-context small,.reply-composer-preview small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-context .icon,.reply-composer-preview .icon{width:14px;height:14px;color:var(--blue)}
.inline-icon{width:16px;height:16px;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.resource-card form{margin:0}.resource-card .btn{white-space:nowrap}
.sla-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800}.sla-pill.ok{background:#e9f5f0;color:#19745b}.sla-pill.warning{background:#fff4d8;color:#986500}.sla-pill.breached{background:#ffe7e9;color:#b82e3a}.sla-panel{display:grid;gap:8px;margin:12px 0}.sla-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2);border-radius:10px;padding:9px 10px}.sla-row>span{display:grid;gap:2px}.sla-row small{font-size:9px;color:var(--muted)}
.live-invite{display:flex;align-items:center;gap:12px;border:1px solid #b8d6ff;background:#edf6ff;border-radius:13px;padding:12px;margin-bottom:14px}.live-invite>div{display:grid;gap:3px;flex:1}.live-invite small{color:var(--muted);font-size:10px}
@media(max-width:760px){.permission-head,.permission-row{grid-template-columns:minmax(0,1fr) 72px 72px}.permission-head,.permission-row{padding:8px}.resource-card{min-width:0;flex-wrap:wrap}.resource-card .btn,.resource-card form{margin-left:44px}}

/* Clientes e notificações */
.row-chevron{width:18px;height:18px;opacity:.45;flex:0 0 auto}.profile-summary{display:flex;justify-content:space-between;align-items:center;gap:24px}.profile-summary-main{display:flex;align-items:center;gap:16px}.profile-avatar-large{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-size:1.4rem;font-weight:800}.profile-summary-main>div{display:grid;gap:4px}.profile-summary-main small,.profile-summary-main span{color:var(--muted)}.mini-stats{display:flex;gap:12px;flex-wrap:wrap}.mini-stats span{display:grid;min-width:92px;padding:10px 14px;border:1px solid var(--line);border-radius:12px}.mini-stats strong{font-size:1.2rem}.notification-button{position:relative;text-decoration:none}.notification-count{position:absolute;top:-4px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger,#d64545);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid var(--surface)}.notification-list{display:grid}.notification-row{margin:0}.notification-open{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;display:flex;gap:14px;align-items:center;text-align:left;padding:16px;cursor:pointer}.notification-row:last-child .notification-open{border-bottom:0}.notification-row.unread .notification-open{background:color-mix(in srgb,var(--blue) 7%,transparent)}.notification-open .list-row-main{flex:1;display:grid;gap:3px}.notification-dot{width:9px;height:9px;border-radius:50%;background:var(--blue);flex:0 0 auto}.customer-list .list-row-main span{color:var(--muted)}
@media(max-width:760px){.profile-summary{align-items:flex-start;flex-direction:column}.mini-stats{width:100%}.mini-stats span{flex:1}.page-heading .search-box{width:100%}}
.metric-list{display:grid;gap:8px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--surface-2);border-radius:10px}.metric-row strong{font-size:18px}.report-table{display:grid}.report-head,.report-row{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;align-items:center;padding:11px 12px}.report-head{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}.report-row{border-top:1px solid var(--line)}.audit-list{display:grid}.audit-row{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.audit-row:last-child{border-bottom:0}.audit-meta{max-width:420px}.audit-meta code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:10px;padding-top:6px}@media(max-width:760px){.report-head{display:none}.report-row{grid-template-columns:1fr 1fr}.report-row strong{grid-column:1/-1}.audit-row{align-items:flex-start;flex-wrap:wrap}.audit-meta{width:100%;margin-left:50px}}

/* Editor de conhecimento */
.rich-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:7px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:var(--surface-2)}.rich-toolbar button{width:34px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:grid;place-items:center;color:var(--text)}.rich-toolbar button:hover{border-color:#8bb0ed;color:var(--blue)}.rich-toolbar+textarea{border-radius:0 0 10px 10px!important}.kb-rich{line-height:1.72}.kb-rich h1,.kb-rich h2,.kb-rich h3,.kb-rich h4{line-height:1.25;margin:1.45em 0 .55em}.kb-rich p{margin:.7em 0}.kb-rich blockquote{margin:1em 0;padding:.7em 1em;border-left:4px solid var(--blue);background:var(--surface-2);border-radius:0 10px 10px 0}.kb-rich pre{overflow:auto;background:#0d1728;color:#e8f1ff;padding:14px;border-radius:12px}.kb-rich code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.kb-rich :not(pre)>code{padding:2px 5px;border-radius:5px;background:var(--surface-2)}.kb-rich a{color:var(--blue);text-decoration:underline}.kb-media-image,.kb-media-video{display:block;max-width:100%;max-height:560px;border-radius:12px;margin:14px auto;border:1px solid var(--line)}.kb-table-wrap{overflow:auto;margin:14px 0}.kb-table{width:100%;border-collapse:collapse}.kb-table th,.kb-table td{padding:9px 11px;border:1px solid var(--line);text-align:left}.kb-table th{background:var(--surface-2)}
.asset-list{display:grid;gap:8px;margin-top:14px}.asset-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.asset-row>div:first-child{min-width:0;display:grid;gap:2px}.asset-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-row small{color:var(--muted)}.asset-row .row-actions{flex-wrap:nowrap}.asset-row form{margin:0}.empty-inline{padding:12px 0}

/* R8 — layout responsivo e navegação fixa */
:root{
  --sidebar-width:268px;
  --sidebar-bg:#ffffff;
  --sidebar-text:#24344d;
  --sidebar-muted:#6f7f95;
  --sidebar-line:#e2e8f0;
  --sidebar-hover:#f3f7fc;
  --sidebar-active:#eaf3ff;
  --sidebar-active-text:#135ec7;
  --sidebar-shadow:8px 0 28px rgba(26,49,84,.055);
  --focus-ring:0 0 0 3px rgba(116,71,245,.18);
}
html[data-theme=dark]{
  --sidebar-bg:#0f1f3d;
  --sidebar-text:#dce8fb;
  --sidebar-muted:#94a9c8;
  --sidebar-line:#263955;
  --sidebar-hover:#162b4f;
  --sidebar-active:#173d72;
  --sidebar-active-text:#ffffff;
  --sidebar-shadow:8px 0 30px rgba(0,0,0,.2);
}
@media(prefers-color-scheme:dark){html[data-theme=system]{
  --sidebar-bg:#0f1f3d;
  --sidebar-text:#dce8fb;
  --sidebar-muted:#94a9c8;
  --sidebar-line:#263955;
  --sidebar-hover:#162b4f;
  --sidebar-active:#173d72;
  --sidebar-active-text:#ffffff;
  --sidebar-shadow:8px 0 30px rgba(0,0,0,.2);
}}
html{overflow-x:hidden}body{min-width:320px;overflow-x:hidden}.shell{display:block;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100dvh;background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-line);box-shadow:var(--sidebar-shadow);padding:20px 14px 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;z-index:60}.app-main{margin-left:var(--sidebar-width);min-width:0;min-height:100vh}.topbar{width:100%;min-width:0}.content{width:100%;max-width:1800px;padding:28px 30px 42px}.brand-logo{display:flex;align-items:center;gap:10px;padding:0 8px 18px;min-height:52px}.brand-logo img{width:42px;height:42px;max-width:none;object-fit:contain}.brand-wordmark{font-size:22px;line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--text)}.brand-wordmark b{color:var(--blue)}html[data-theme=dark] .brand-wordmark,html[data-resolved-theme=dark] .brand-wordmark{color:#fff}html[data-theme=dark] .brand-wordmark b,html[data-resolved-theme=dark] .brand-wordmark b{color:#24bfff}.tenant-box{border-color:var(--sidebar-line);background:var(--sidebar-hover);color:var(--sidebar-text)}.tenant-box small{color:var(--sidebar-muted)}.tenant-avatar{border:1px solid var(--sidebar-line)}.main-nav a{color:var(--sidebar-muted);position:relative}.main-nav a:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.main-nav a.active{background:var(--sidebar-active);color:var(--sidebar-active-text);box-shadow:inset 3px 0 0 var(--cyan)}.sidebar-foot{border-color:var(--sidebar-line)}.staff-self small{color:var(--sidebar-muted)}.sidebar .icon-btn{background:var(--surface);border-color:var(--sidebar-line);color:var(--sidebar-text)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(8,18,35,.48);backdrop-filter:blur(2px);z-index:55}.page-heading>*{min-width:0}.page-heading .search-box{max-width:100%}.search-box input{width:min(320px,38vw);min-width:0}.table-card{overflow-x:auto;overscroll-behavior-x:contain}.ticket-table,.tenant-table{min-width:820px}.card,.stat,.topbar,.sidebar{transition:background-color .18s,border-color .18s,color .18s}.form-grid>*{min-width:0}input,textarea,select{max-width:100%}textarea{resize:vertical}.dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.dialog-card{max-height:calc(100dvh - 32px);overflow:auto}.chat-layout,.ticket-layout,.internal-home,.team-layout,.knowledge-layout,.settings-grid{min-width:0}.ticket-thread,.chat-thread,.internal-thread{min-width:0}.message p,.message-body,.rich-content{overflow-wrap:anywhere}.row-actions{min-width:0}.topbar-actions{min-width:0}.presence{max-width:150px}.btn,.icon-btn,.presence,.main-nav a,input,textarea,select,button,a{outline:none}.btn:focus-visible,.icon-btn:focus-visible,.presence:focus-visible,.main-nav a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{box-shadow:var(--focus-ring)}

@media(max-width:1180px){
  .sidebar{transform:translateX(calc(-100% - 12px));transition:transform .22s ease,background-color .18s;border-radius:0 18px 18px 0;width:min(300px,88vw)}
  .app-main{margin-left:0}
  .menu-button{display:grid}
  body.menu-open{overflow:hidden}
  body.menu-open .sidebar{transform:translateX(0)}
  body.menu-open .sidebar-backdrop{display:block}
  .main-nav span,.tenant-box div,.staff-self>span:last-child{display:block}
  .main-nav a{justify-content:flex-start}
  .tenant-box{justify-content:flex-start}
  .brand-logo img{width:42px;object-position:center}
  .content{padding-left:22px;padding-right:22px}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .access-link-grid{grid-template-columns:1fr}
  .ticket-layout,.chat-layout{grid-template-columns:1fr}
  .ticket-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .internal-home{grid-template-columns:minmax(240px,34%) minmax(0,1fr)}
}
@media(max-width:820px){
  .topbar{height:64px;padding:0 14px;gap:9px}
  .topbar-title{min-width:0}.topbar-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:32vw}.topbar-title small{display:none}
  .topbar-actions{gap:6px}.presence{width:118px;padding:8px 7px}.icon-btn{width:36px;height:36px}
  .content{padding:18px 14px 34px}
  .page-heading{align-items:flex-start;flex-direction:column;gap:14px}.page-heading h1{font-size:24px}.page-actions,.row-actions{width:100%}.page-actions>.btn,.page-heading>.row-actions>.btn{flex:1}
  .page-heading .search-box{width:100%}.search-box input{width:100%;flex:1}.search-box.compact input{min-width:0}
  .two-columns,.profile-editor,.settings-grid,.team-layout,.knowledge-layout,.internal-home{grid-template-columns:1fr}
  .ticket-side{grid-template-columns:1fr}
  .card{padding:16px;border-radius:15px}.stat{padding:15px}.stat strong{font-size:26px}
  .table-card{padding:6px 8px}.ticket-table,.tenant-table{min-width:0}.table-head{display:none}.table-row,.tenant-table .table-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 8px}.table-row>span:first-child{grid-column:1/-1}
  .conversation-row{align-items:flex-start}.conversation-side{margin-left:auto}.message{max-width:94%}
  .form-grid{grid-template-columns:1fr}.member-capacity-row{grid-template-columns:minmax(0,1fr) 68px 84px 34px 34px}.member-capacity-row .danger-text{grid-column:auto}
  .login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-card{min-height:100vh;padding:26px 18px}.public-two-col{grid-template-columns:1fr}
  .permission-head,.permission-row{grid-template-columns:minmax(0,1fr) 68px 68px}.permission-head,.permission-row{padding:8px}.resource-card{min-width:0;flex-wrap:wrap}.resource-card .btn,.resource-card form{margin-left:44px}
  .profile-summary{align-items:flex-start;flex-direction:column}.mini-stats{width:100%}.mini-stats span{flex:1}.report-head{display:none}.report-row{grid-template-columns:1fr 1fr}.report-row strong{grid-column:1/-1}.audit-row{align-items:flex-start;flex-wrap:wrap}.audit-meta{width:100%;margin-left:0}
}
@media(max-width:520px){
  .topbar-title{display:none}.topbar-actions{margin-left:auto}.presence{width:105px;font-size:12px}
  .content{padding:14px 10px 30px}.page-heading h1{font-size:22px}.page-heading p{font-size:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:13px}.stat span{font-size:9px}.stat strong{font-size:22px}
  .card-head{align-items:flex-start;flex-direction:column}.card-head>.btn,.card-head>.row-actions{width:100%}
  .row-actions .btn,.toolbar .btn{max-width:100%}.btn{padding:9px 11px}
  .table-row,.tenant-table .table-row{grid-template-columns:1fr}.table-row>span:first-child{grid-column:auto}
  .ticket-tabs{overflow-x:auto;white-space:nowrap}.ticket-tabs button{flex:0 0 auto}
  .message{max-width:100%}.composer,.portal-composer,.widget-composer{gap:6px}.composer textarea{min-width:0}
  .permission-head,.permission-row{grid-template-columns:minmax(0,1fr) 58px 58px;font-size:11px}.permission-row small{font-size:9px}
  .member-capacity-row{grid-template-columns:1fr 62px}.member-capacity-row select{grid-column:1}.member-capacity-row button{grid-row:2}
}
.business-hours-grid{display:grid;gap:8px;margin-top:12px}.business-hour-row{display:grid;grid-template-columns:minmax(120px,1fr) 112px auto 112px;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.business-hour-row>span{color:var(--muted);font-size:11px;text-align:center}@media(max-width:520px){.business-hour-row{grid-template-columns:1fr 1fr 28px 1fr}.business-hour-row label{grid-column:1/-1}}
/* R8 internal collaboration */
.inline-form{display:inline-flex;margin:0}.reaction-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.reaction-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:5px 8px;cursor:pointer;font:inherit;font-size:12px}.reaction-chip .icon{width:14px;height:14px}.reaction-chip:hover,.reaction-chip.active,.mini-link.active{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--surface))}.pinned-list{display:grid;gap:8px}.pinned-item{display:flex;gap:9px;padding:9px;border:1px solid var(--line);border-radius:12px;color:inherit;text-decoration:none}.pinned-item>.icon{width:16px;height:16px;color:var(--blue);flex:0 0 auto}.pinned-item span{min-width:0;display:grid;gap:2px}.pinned-item small{color:var(--muted);white-space:normal;overflow-wrap:anywhere}

/* R9 - polimento de atendimento, hierarquia visual e fluxo */
body{font-weight:400;line-height:1.45}strong{font-weight:600}.main-nav a{font-weight:550}.btn{font-weight:600}.eyebrow{font-weight:700}.page-heading h1{font-weight:650}.card h2{font-weight:620}.card h3{font-weight:600}.topbar-title strong,.tenant-box strong,.staff-self strong{font-weight:600}
.chat-layout-focused,.ticket-layout{max-width:1420px;margin-left:auto;margin-right:auto}.chat-layout-focused{grid-template-columns:minmax(620px,900px) minmax(300px,380px);justify-content:center}.chat-card,.ticket-thread{display:flex;flex-direction:column;min-height:560px;height:clamp(580px,calc(100dvh - 190px),780px)}.chat-messages,.ticket-messages{height:auto;min-height:0;flex:1;scrollbar-gutter:stable;padding:20px 22px}.ticket-thread>[data-tab-panel="conversation"]:not([hidden]){display:flex;flex-direction:column;min-height:0;flex:1}.composer-fixed{position:relative;bottom:auto;flex:0 0 auto;z-index:4;box-shadow:0 -10px 24px rgba(20,40,72,.05)}.composer textarea{min-height:72px;max-height:180px;resize:vertical}.message{max-width:min(76%,680px);font-weight:400}.message.incoming{align-self:flex-start}.message.outgoing{align-self:flex-end;background:#eaf3ff;border-color:#cfe3ff}.message.customer{align-self:flex-start;background:var(--surface-2);border-color:var(--line)}.message.internal{background:#f4efff;border-color:#dfd4fa}.message.system{align-self:center;max-width:88%;background:transparent;border-style:dashed;color:var(--muted);text-align:center}.message-meta strong{font-weight:600}.message-actions .mini-link{font-weight:600}.assignment-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);padding:9px 11px;border-radius:10px;color:var(--muted);font-size:12px}.assignment-chip.responsible{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,var(--line));background:color-mix(in srgb,var(--success) 7%,var(--surface))}.close-card.blocked{border-color:color-mix(in srgb,var(--danger) 26%,var(--line));background:color-mix(in srgb,var(--danger) 3%,var(--surface))}.form-hint{font-size:10px;color:var(--muted);line-height:1.45}.upload-status{margin-right:auto;font-size:10px;color:var(--success);max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-status.error{color:var(--danger)}.file-trigger.is-uploading{opacity:.65;pointer-events:none}.compact-note{margin:6px 0}.alert>div{display:grid;gap:3px}.alert>div>span{font-size:12px;color:var(--muted)}.alert .inline-action{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:12px;margin-top:5px;width:max-content}.chat-page-head{max-width:1420px;margin-left:auto;margin-right:auto}.ticket-side .card,.chat-layout-focused>aside .card{box-shadow:0 8px 24px rgba(26,49,84,.055)}
@media(max-width:1180px){.chat-layout-focused,.ticket-layout{max-width:none;grid-template-columns:1fr}.chat-card,.ticket-thread{height:min(72dvh,760px);min-height:520px}.chat-layout-focused>aside,.ticket-side{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}
@media(max-width:820px){.chat-card,.ticket-thread{height:calc(100dvh - 150px);min-height:480px;border-radius:14px}.chat-layout-focused>aside,.ticket-side{display:grid;grid-template-columns:1fr}.chat-messages,.ticket-messages{padding:14px}.message{max-width:90%}.composer{padding:11px 12px}.composer-toolbar{overflow-x:auto}.composer-toolbar select{min-width:150px}.upload-status{max-width:40%}}
@media(max-width:520px){.chat-card,.ticket-thread{height:calc(100dvh - 126px);min-height:440px}.message{max-width:94%}.composer-foot{flex-wrap:wrap}.upload-status{order:3;width:100%;max-width:100%}}

[hidden]{display:none!important}


/* R10 - atendimento fixo no viewport, presença, prévias e notificações */
@media(min-width:1181px){.chat-layout-focused,.ticket-layout{max-width:1320px;grid-template-columns:minmax(640px,860px) minmax(300px,360px);align-items:start}.chat-card,.ticket-thread{position:sticky;top:78px;align-self:start;height:calc(100dvh - 98px);min-height:560px;max-height:none;overflow:hidden}.chat-messages,.ticket-messages{min-height:0;flex:1;overflow-y:auto}.ticket-thread>[data-tab-panel="conversation"]:not([hidden]){min-height:0;flex:1;overflow:hidden}.composer-fixed{position:sticky;bottom:0;background:var(--surface);z-index:8;margin-top:auto}.chat-layout-focused>aside,.ticket-side{position:relative;align-self:start}.chat-page-head,.ticket-layout{width:100%}}
.presence-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line)}.presence-dot.available{background:#25b977}.presence-dot.online{background:#1597ff}.presence-dot.busy{background:#ee5968}.presence-dot.away{background:#f0a928}.presence-dot.offline{background:#8a97a8}.person-row>.presence-dot{align-self:center;margin-right:-4px;position:relative;z-index:2}.profile-pop-presence{display:flex!important;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin-top:4px}.member-person{display:flex;align-items:center;gap:8px;min-width:0}.member-person>span:last-child{display:grid;min-width:0}.user-admin-card summary{position:relative}.user-admin-card summary>.presence-dot{position:absolute;left:42px;top:38px;z-index:3}.brand-preview-live{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;margin:12px 0 16px}.brand-preview-slot{display:grid;gap:7px}.brand-preview-slot>span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.brand-logo-stage,.brand-cover-stage{border:1px dashed var(--line);background:var(--surface-2);border-radius:14px;overflow:hidden;display:grid;place-items:center}.brand-logo-stage{height:110px}.brand-cover-stage{height:110px}.brand-logo-preview{max-width:100%;max-height:100%;object-fit:contain;padding:10px}.brand-cover-preview{width:100%;height:100%;object-fit:cover}.image-preview-empty{font-size:11px;color:var(--muted);padding:16px;text-align:center}.brand-upload-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:10px}.brand-upload-form label{display:grid;gap:5px}.toast-stack{position:fixed;right:18px;top:78px;z-index:3000;display:grid;gap:9px;width:min(360px,calc(100vw - 28px));pointer-events:none}.app-toast{pointer-events:auto;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;padding:12px 14px;box-shadow:0 18px 45px rgba(17,39,72,.18);display:grid;gap:4px;cursor:pointer;animation:toast-in .2s ease both}.app-toast strong{font-size:12px}.app-toast span{font-size:11px;color:var(--muted);line-height:1.45}.app-toast.leaving{opacity:0;transform:translateY(-4px);transition:.2s}.signature-config{margin:12px 0 16px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}@keyframes toast-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@media(max-width:680px){.brand-preview-live{grid-template-columns:1fr}.brand-upload-form{grid-template-columns:1fr}.toast-stack{top:64px;right:10px}}

.topbar-presence-dot{margin-right:-6px;box-shadow:0 0 0 2px var(--surface)}.person-card>.presence-dot{align-self:center;margin-right:-6px;position:relative;z-index:2}
/* R10 — editor visual de logo/capa antes de salvar */
.image-adjust-controls{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.image-adjust-controls[hidden]{display:none!important}.image-adjust-controls label{display:grid;gap:5px;font-size:10px;color:var(--muted);font-weight:650}.image-adjust-controls input[type=range]{width:100%;accent-color:var(--blue)}.image-adjust-controls small{grid-column:1/-1;color:var(--muted);line-height:1.45}.brand-logo-stage,.brand-cover-stage{isolation:isolate}.brand-logo-preview,.brand-cover-preview{transition:transform .08s linear,object-position .08s linear;will-change:transform,object-position}
@media(max-width:680px){.image-adjust-controls{grid-template-columns:1fr}.image-adjust-controls small{grid-column:auto}}


/* R11 - workspace realmente fixo, menu recolhível, perfil e tema escuro */
.sidebar-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.sidebar-head .brand-logo{display:flex;align-items:center;gap:9px;min-width:0;flex:1;padding:0 8px 15px}.sidebar-head .brand-logo img{width:38px;height:38px}.brand-wordmark{display:inline-flex;align-items:baseline;white-space:nowrap;font-size:17px;letter-spacing:-.025em}.brand-wordmark b{font-weight:700}.sidebar-collapse{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#c9d9ef;border-radius:9px;flex:0 0 auto;transition:.18s}.sidebar-collapse:hover{background:rgba(255,255,255,.12);color:#fff}.tenant-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#2869ec,#13b4ee);color:#fff;font-weight:700}
@media(min-width:1181px){.shell{transition:grid-template-columns .2s ease}.sidebar{transition:padding .2s ease}.sidebar-collapsed .shell{grid-template-columns:82px minmax(0,1fr)}.sidebar-collapsed .sidebar{padding-left:10px;padding-right:10px}.sidebar-collapsed .brand-wordmark,.sidebar-collapsed .tenant-box>div,.sidebar-collapsed .main-nav a>span,.sidebar-collapsed .staff-self>span:last-child{display:none}.sidebar-collapsed .sidebar-head{display:grid;justify-items:center;gap:8px}.sidebar-collapsed .sidebar-head .brand-logo{padding:0;justify-content:center}.sidebar-collapsed .sidebar-collapse .icon{transform:rotate(180deg)}.sidebar-collapsed .tenant-box{margin:6px 0 16px;padding:9px;justify-content:center}.sidebar-collapsed .tenant-avatar{width:36px;height:36px}.sidebar-collapsed .main-nav a{justify-content:center;padding:11px}.sidebar-collapsed .main-nav a.active{box-shadow:inset 0 0 0 1px rgba(51,197,255,.35)}.sidebar-collapsed .sidebar-foot{padding-left:0;padding-right:0;justify-content:center;flex-direction:column}.sidebar-collapsed .staff-self{flex:0 0 auto}.sidebar-collapsed .staff-self .avatar{width:36px;height:36px}.content:has(>.workspace-page){height:calc(100dvh - 72px);max-width:none;overflow:hidden;padding:16px 24px}.workspace-page{height:100%;min-height:0;width:min(1520px,100%);margin:0 auto;display:flex;flex-direction:column}.workspace-page>.page-heading{flex:0 0 auto;margin-bottom:12px}.workspace-page>.alert{flex:0 0 auto;margin-bottom:10px}.workspace-page>.chat-layout,.workspace-page>.ticket-layout{flex:1;min-height:0;width:100%;max-width:none;margin:0;align-items:stretch}.workspace-page .chat-layout-focused{grid-template-columns:minmax(620px,1fr) minmax(320px,390px)}.workspace-page .ticket-layout{grid-template-columns:minmax(620px,1fr) minmax(320px,390px)}.workspace-page .chat-card,.workspace-page .ticket-thread{position:relative;top:auto;height:100%;min-height:0;max-height:none;align-self:stretch}.workspace-page .chat-layout-focused>aside,.workspace-page .ticket-side{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding-right:5px}.workspace-page .chat-layout-focused>aside>.card:last-child,.workspace-page .ticket-side>.card:last-child{margin-bottom:4px}}
@media(max-width:1180px){.sidebar-collapse{display:none}.workspace-page{display:block;height:auto}.content:has(>.workspace-page){height:auto;overflow:visible}}
.presence-card{--presence-accent:#8a97a8}.presence-card[data-presence-status=available]{--presence-accent:#25b977}.presence-card[data-presence-status=online]{--presence-accent:#1597ff}.presence-card[data-presence-status=busy]{--presence-accent:#ee5968}.presence-card[data-presence-status=away]{--presence-accent:#f0a928}.presence-card[data-presence-status=offline]{--presence-accent:#8a97a8}.profile-popover.presence-card{border:2px solid var(--presence-accent);box-shadow:0 18px 55px color-mix(in srgb,var(--presence-accent) 18%,rgba(0,0,0,.2))}.profile-preview.presence-card{border:2px solid color-mix(in srgb,var(--presence-accent) 76%,var(--line));box-shadow:0 14px 40px color-mix(in srgb,var(--presence-accent) 12%,transparent)}
.profile-editor-enhanced{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:start}.profile-preview{position:sticky;top:92px}.profile-cover-editor-stage{position:relative;overflow:hidden}.profile-cover-empty{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#195feb,#08b9f7);color:rgba(255,255,255,.78);font-size:12px}.profile-avatar-editor-stage img{transition:transform .08s linear,object-position .08s linear;will-change:transform,object-position}.profile-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.profile-name-row h2{font-size:24px}.profile-identity{min-width:0;flex:1}.profile-identity>strong{color:var(--muted)}.profile-presence-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--muted);font-size:10px;font-weight:650;background:var(--surface)}.profile-presence-badge.available{border-color:color-mix(in srgb,#25b977 45%,var(--line))}.profile-presence-badge.online{border-color:color-mix(in srgb,#1597ff 45%,var(--line))}.profile-presence-badge.busy{border-color:color-mix(in srgb,#ee5968 45%,var(--line))}.profile-presence-badge.away{border-color:color-mix(in srgb,#f0a928 45%,var(--line))}.profile-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.profile-facts>span{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:10px;min-width:0}.profile-facts small,.profile-facts strong{display:block}.profile-facts small{color:var(--muted);font-size:9px;margin-bottom:4px}.profile-facts strong{font-size:10px;overflow-wrap:anywhere}.profile-image-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:12px}.profile-image-form>label{display:grid;gap:5px}.profile-image-form .image-adjust-controls{grid-column:1/-1}.profile-image-card{overflow:hidden}
@media(max-width:980px){.profile-editor-enhanced{grid-template-columns:1fr}.profile-preview{position:relative;top:auto}.profile-facts{grid-template-columns:1fr}.profile-image-form{grid-template-columns:1fr}}
html[data-resolved-theme=dark] .sidebar{background:#0b1626}html[data-resolved-theme=dark] .topbar{background:rgba(18,27,41,.94)}html[data-resolved-theme=dark] .message.outgoing{background:#123258;border-color:#204d79;color:#f3f7fc}html[data-resolved-theme=dark] .message.customer{background:#182536;border-color:#314157}html[data-resolved-theme=dark] .message.internal{background:#27213b;border-color:#493d6b}html[data-resolved-theme=dark] .message.system{color:#a8b4c5;border-color:#394a60}html[data-resolved-theme=dark] .row-avatar,html[data-resolved-theme=dark] .row-icon-box,html[data-resolved-theme=dark] .resource-icon{background:#172e50;color:#69b4ff}html[data-resolved-theme=dark] .status-pill.open,html[data-resolved-theme=dark] .status-badge.open,html[data-resolved-theme=dark] .status-pill.active,html[data-resolved-theme=dark] .status-pill.in_progress{background:#163253;color:#8ec5ff}html[data-resolved-theme=dark] .status-pill.waiting,html[data-resolved-theme=dark] .status-pill.waiting_customer{background:#3a2f17;color:#f6cd72}html[data-resolved-theme=dark] .status-pill.resolved,html[data-resolved-theme=dark] .status-pill.closed{background:#17372d;color:#75d6b4}html[data-resolved-theme=dark] .alert.success{background:#122e27;color:#8ce2c6;border-color:#245345}html[data-resolved-theme=dark] .alert.info{background:#132b47;color:#9bc9ff;border-color:#27496d}html[data-resolved-theme=dark] .alert.warn{background:#332b18;color:#f2d287;border-color:#594c28}html[data-resolved-theme=dark] .alert.error{background:#351d24;color:#ffabb2;border-color:#62303a}html[data-resolved-theme=dark] .info-box{background:#132b47;color:#9bc9ff}html[data-resolved-theme=dark] .composer-fixed{box-shadow:0 -12px 28px rgba(0,0,0,.16)}html[data-resolved-theme=dark] .app-toast{color:var(--text);box-shadow:0 18px 50px rgba(0,0,0,.34)}

.user-admin-card.presence-card{border-color:color-mix(in srgb,var(--presence-accent) 48%,var(--line));transition:border-color .18s,box-shadow .18s}.user-admin-card.presence-card:hover,.user-admin-card.presence-card[open]{box-shadow:0 8px 24px color-mix(in srgb,var(--presence-accent) 10%,transparent)}

/* R12 — auditoria de navegação, chats, perfis, anexos e interação */
@media(min-width:1181px){
  html[data-sidebar-collapsed="1"] .shell,.sidebar-collapsed .shell{grid-template-columns:72px minmax(0,1fr)!important}
  html[data-sidebar-collapsed="1"] .sidebar,.sidebar-collapsed .sidebar{width:72px!important;min-width:72px!important;max-width:72px!important;padding:14px 8px!important;overflow:hidden!important}
  html[data-sidebar-collapsed="1"] .brand-wordmark,html[data-sidebar-collapsed="1"] .tenant-box>div,html[data-sidebar-collapsed="1"] .main-nav a>span,html[data-sidebar-collapsed="1"] .staff-self>span:last-child,.sidebar-collapsed .brand-wordmark,.sidebar-collapsed .tenant-box>div,.sidebar-collapsed .main-nav a>span,.sidebar-collapsed .staff-self>span:last-child{display:none!important}
  html[data-sidebar-collapsed="1"] .sidebar-head,.sidebar-collapsed .sidebar-head{display:flex!important;flex-direction:column!important;align-items:center!important}
  html[data-sidebar-collapsed="1"] .brand-logo,.sidebar-collapsed .brand-logo{padding:0!important;justify-content:center!important}
  html[data-sidebar-collapsed="1"] .tenant-box,.sidebar-collapsed .tenant-box{width:52px!important;margin:8px 0 12px!important;padding:8px!important;justify-content:center!important}
  html[data-sidebar-collapsed="1"] .main-nav a,.sidebar-collapsed .main-nav a{width:52px!important;height:44px!important;padding:0!important;justify-content:center!important;margin:0 auto!important}
  html[data-sidebar-collapsed="1"] .sidebar-foot,.sidebar-collapsed .sidebar-foot{width:100%!important;display:grid!important;justify-items:center!important}
  html[data-sidebar-collapsed="1"] .staff-self,.sidebar-collapsed .staff-self{display:block!important;width:auto!important}
  .content:has(>.workspace-page){height:calc(100dvh - 72px)!important;overflow:hidden!important;padding:12px 18px!important}
  .workspace-page{height:100%!important;max-width:1580px!important;overflow:hidden!important}
  .workspace-page>.page-heading{margin-bottom:8px!important;min-height:58px!important}
  .workspace-page>.page-heading h1{font-size:22px!important;margin:3px 0!important}.workspace-page>.page-heading p{line-height:1.35!important}
  .workspace-page>.chat-layout,.workspace-page>.ticket-layout{height:100%!important;min-height:0!important;grid-template-columns:minmax(0,1fr) minmax(300px,350px)!important;gap:12px!important}
  .workspace-page .chat-card,.workspace-page .ticket-thread{height:100%!important;min-height:0!important;border-radius:14px!important}
  .workspace-page .chat-messages,.workspace-page .ticket-messages{min-height:0!important;padding:14px 16px!important}
  .workspace-page .chat-layout>aside,.workspace-page .chat-layout-focused>aside,.workspace-page .ticket-side{height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:3px!important}
  .workspace-page .composer{padding:10px 12px!important}.workspace-page .composer textarea{min-height:56px!important;max-height:120px!important}
}
.profile-popover[role=link]{cursor:pointer}.profile-popover[role=link]:hover{transform:translateY(-2px);transition:.15s}.person-row[data-profile-user-id],.person-card[data-profile-user-id],[data-profile-user-id] strong{cursor:pointer}
.public-staff-profile-page{max-width:960px;margin:0 auto}.staff-profile-public{padding:0;overflow:hidden}.staff-profile-cover{height:220px;background:linear-gradient(135deg,#155fe9,#0bbcf9);overflow:hidden}.staff-profile-cover img{width:100%;height:100%;object-fit:cover}.staff-profile-main{display:flex;gap:18px;align-items:flex-end;padding:0 28px;transform:translateY(-42px);margin-bottom:-24px}.profile-public-avatar{width:112px;height:112px;font-size:34px;border:6px solid var(--surface)}.staff-profile-copy{display:grid;gap:4px;min-width:0;padding-bottom:8px}.staff-profile-copy h1{margin:0;font-size:28px}.staff-profile-copy>strong{color:var(--muted);font-weight:600}.staff-profile-bio{padding:0 28px 10px}.staff-profile-bio h2{font-size:14px}.staff-profile-bio p{color:var(--muted);line-height:1.7}.staff-profile-public .profile-facts{padding:0 28px 28px}
.image-crop-dialog,.emoji-dialog{border:0;background:transparent;padding:0;max-width:calc(100vw - 24px)}.image-crop-dialog::backdrop,.emoji-dialog::backdrop{background:rgba(5,12,24,.72);backdrop-filter:blur(5px)}.image-crop-card{width:min(820px,calc(100vw - 28px));background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.crop-stage{height:min(56vh,520px);display:grid;place-items:center;background:#0b111b;border-radius:14px;overflow:hidden;margin:12px 0}.crop-stage.cover{height:min(42vh,360px)}.crop-stage canvas{max-width:100%;max-height:100%;object-fit:contain}.crop-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.crop-controls label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.crop-controls input{width:100%;accent-color:var(--blue)}
.emoji-dialog-card{width:min(520px,calc(100vw - 24px));max-height:min(620px,80dvh);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 28px 80px rgba(0,0,0,.35);padding:14px}.emoji-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 10px}.emoji-dialog-head button{border:0;background:transparent;color:var(--muted);font-size:26px}.emoji-search{margin-bottom:10px}.emoji-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;overflow:auto;padding:4px}.emoji-grid button{border:0;background:transparent;border-radius:8px;aspect-ratio:1;font-size:23px;display:grid;place-items:center}.emoji-grid button:hover{background:var(--surface-2)}.emoji-trigger{white-space:nowrap}.reaction-emoji{font-size:16px;line-height:1}.reaction-more{font-size:16px}
.mention-suggest{position:absolute;left:12px;bottom:calc(100% - 8px);width:min(360px,calc(100% - 24px));max-height:250px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 48px rgba(0,0,0,.18);padding:6px;z-index:40}.mention-suggest[hidden]{display:none}.mention-option{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:8px;border-radius:9px;text-align:left}.mention-option:hover{background:var(--surface-2)}.mention-option>span:last-child{display:grid}.mention-option small{color:var(--muted)}.composer{position:relative}
.widget-session-ended{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--blue) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line));font-size:12px;line-height:1.45}
html[data-resolved-theme=dark] .card,html[data-resolved-theme=dark] .composer,html[data-resolved-theme=dark] .dialog-card,html[data-resolved-theme=dark] .image-crop-card,html[data-resolved-theme=dark] .emoji-dialog-card{background:#111a27}html[data-resolved-theme=dark] input,html[data-resolved-theme=dark] textarea,html[data-resolved-theme=dark] select{background:#0d1622;border-color:#2c3b50;color:#eef4fc}html[data-resolved-theme=dark] .chat-context-bar{background:#172232}html[data-resolved-theme=dark] .file-chip,html[data-resolved-theme=dark] .reaction-chip{background:#172434;border-color:#2c3d52;color:#dce8f7}
@media(max-width:700px){.crop-controls{grid-template-columns:1fr}.emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.staff-profile-main{padding:0 16px}.staff-profile-bio,.staff-profile-public .profile-facts{padding-left:16px;padding-right:16px}}


/* R14 — densidade profissional, tipografia mais leve e área útil prioritária */
:root{--radius:15px;--shadow:0 7px 22px rgba(26,49,84,.055)}
body{font-size:13px;line-height:1.45}h1,h2,h3,h4,strong{font-weight:600}h1{letter-spacing:-.025em}.eyebrow{font-weight:650;letter-spacing:.1em}.main-nav a{font-weight:520}.btn{font-weight:600}.presence{font-weight:550}.status-pill,.status-badge,.priority,.privacy-badge,.internal-label{font-weight:650}.table-head{font-weight:650}.row-avatar,.row-icon-box{font-weight:650}.avatar{font-weight:650}.card{padding:16px}.card-head{margin-bottom:12px}.card h2{font-weight:600}.page-heading{margin-bottom:16px}.page-heading h1{font-size:25px;margin:3px 0 5px}.page-heading p{line-height:1.45}.content{padding:20px 22px}.stack{gap:12px}.two-columns{gap:14px;margin-bottom:14px}.list-row,.conversation-row,.knowledge-row,.linked-chat-row{padding:9px 10px}.table-row{min-height:54px;padding:10px 12px}.stat{padding:14px}.stat strong{font-size:26px}.form-stack{gap:11px}label{font-weight:520}.muted{line-height:1.45}.composer-toolbar select,.composer-foot .btn{min-height:36px}.composer{padding:10px 12px}.composer textarea{min-height:58px;max-height:150px}.chat-context-bar{padding:9px 13px}.chat-messages,.ticket-messages{padding:13px 15px;gap:8px}.message{padding:9px 11px;border-radius:13px}.message-meta strong,.message-actions .mini-link{font-weight:550}.ticket-side .card,.chat-layout-focused>aside .card{box-shadow:none}

/* Perfil próprio: compacto, sem coluna vazando e com edição pela própria foto/capa */
.profile-page{max-width:1320px;margin:0 auto}.profile-editor-enhanced{grid-template-columns:minmax(0,1fr) minmax(300px,370px);gap:16px;align-items:start}.profile-preview{position:sticky;top:88px;padding:0;overflow:hidden}.profile-cover{height:235px}.profile-cover-editor-stage>img{width:100%;height:100%;object-fit:cover}.profile-main{padding:0 22px 20px;display:flex;gap:16px;align-items:flex-start}.profile-avatar-button{position:relative;margin-top:-44px;border:5px solid var(--surface);padding:0;cursor:pointer}.profile-avatar-button:hover .avatar-edit-badge{opacity:1;transform:scale(1)}.avatar-edit-badge{position:absolute;right:0;bottom:0;width:28px;height:28px;border-radius:999px;background:var(--blue);color:#fff;display:grid;place-items:center;border:3px solid var(--surface);opacity:.94}.avatar-edit-badge .icon{width:13px;height:13px}.profile-media-edit{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.45);background:rgba(10,20,35,.55);backdrop-filter:blur(7px);color:#fff;border-radius:9px;padding:7px 10px;font-weight:550}.profile-media-edit .icon{width:15px;height:15px}.profile-name-row h2{font-size:22px;margin:0 0 3px}.profile-role-line{color:var(--muted);font-size:12px}.profile-bio-preview{color:var(--muted);line-height:1.55;margin:14px 0 0}.profile-facts{margin-top:14px}.profile-facts>span{padding:9px}.profile-facts strong{font-size:10px;font-weight:550}.profile-edit-card,.profile-images-compact{box-shadow:none}.compact-card-head{margin-bottom:10px}.compact-form textarea{min-height:100px}.profile-images-compact{display:grid;gap:12px}.profile-images-compact h2{margin:3px 0}.profile-images-compact p{margin:4px 0 0}.profile-image-actions{display:flex;gap:8px;flex-wrap:wrap}.profile-image-actions .btn{flex:1}.profile-hidden-upload{display:none}.profile-presence-badge{font-weight:550}.profile-cover-empty{font-weight:450}

/* Editor real: a moldura é o limite final e a imagem é arrastável dentro dela */
.image-crop-dialog{width:100vw;max-width:none}.image-crop-card{width:min(900px,calc(100vw - 28px));padding:16px}.image-crop-card .dialog-head{align-items:flex-start}.image-crop-card .dialog-head h2{margin:3px 0 4px}.image-crop-card .dialog-head p{margin:0;color:var(--muted);font-size:12px}.crop-workbench{min-height:min(58vh,540px);display:grid;place-items:center;background:linear-gradient(45deg,#0d1520 25%,#121c29 25%,#121c29 50%,#0d1520 50%,#0d1520 75%,#121c29 75%);background-size:24px 24px;border-radius:14px;margin:12px 0;padding:22px;overflow:hidden}.crop-viewport{position:relative;width:min(420px,75vw);aspect-ratio:var(--crop-ratio);overflow:hidden;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.65),0 0 0 9999px rgba(2,7,14,.44);background:#101824;touch-action:none;cursor:grab;user-select:none}.crop-viewport.cover{width:min(760px,82vw)}.crop-viewport.avatar{border-radius:12px}.crop-viewport.dragging{cursor:grabbing}.crop-source-image{position:absolute;max-width:none!important;max-height:none!important;pointer-events:none;user-select:none;will-change:left,top,width,height}.crop-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 33.15%,rgba(255,255,255,.38) 33.33%,transparent 33.5%,transparent 66.48%,rgba(255,255,255,.38) 66.66%,transparent 66.83%),linear-gradient(to bottom,transparent 33.15%,rgba(255,255,255,.38) 33.33%,transparent 33.5%,transparent 66.48%,rgba(255,255,255,.38) 66.66%,transparent 66.83%);opacity:.65}.crop-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:end}.crop-tools label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:500}.crop-tools input{width:100%;accent-color:var(--blue)}.crop-tools small{grid-column:1/-1;color:var(--muted)}

/* Workspaces: conversa ocupa o espaço; detalhes podem ser recolhidos sem perder estado */
@media(min-width:1181px){.workspace-page[data-side-collapsed="1"]>.chat-layout,.workspace-page[data-side-collapsed="1"]>.ticket-layout{grid-template-columns:minmax(0,1fr)!important}.workspace-page[data-side-collapsed="1"] [data-workspace-side]{display:none!important}.workspace-page[data-side-collapsed="1"] .workspace-side-toggle{background:color-mix(in srgb,var(--blue) 10%,var(--surface));color:var(--blue);border-color:color-mix(in srgb,var(--blue) 25%,var(--line))}.workspace-page>.chat-layout,.workspace-page>.ticket-layout{gap:10px!important}.workspace-page .chat-layout-focused{grid-template-columns:minmax(0,1fr) minmax(280px,340px)!important}.workspace-page .ticket-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px)!important}.workspace-page>.page-heading{min-height:52px!important;margin-bottom:7px!important}.content:has(>.workspace-page){padding:10px 14px!important}.workspace-page .chat-card,.workspace-page .ticket-thread{border-radius:12px!important}}
.workspace-side-toggle .icon{transform:rotate(90deg)}

/* Command-K */
.command-dialog{border:0;background:transparent;padding:0;width:min(620px,calc(100vw - 24px))}.command-dialog::backdrop{background:rgba(5,12,24,.48);backdrop-filter:blur(3px)}.command-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 28px 80px rgba(0,0,0,.28);overflow:hidden}.command-search{height:52px;display:flex;align-items:center;gap:9px;padding:0 13px;border-bottom:1px solid var(--line)}.command-search input{flex:1;border:0;background:transparent;outline:0;padding:0}.command-search kbd,.command-help kbd{font:inherit;font-size:10px;color:var(--muted);border:1px solid var(--line);background:var(--surface-2);border-radius:5px;padding:2px 5px}.command-results{max-height:min(420px,55vh);overflow:auto;padding:6px}.command-item{width:100%;border:0;background:transparent;border-radius:9px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;text-align:left}.command-item small{color:var(--muted)}.command-item:hover,.command-item.active{background:var(--surface-2);color:var(--blue)}.command-help{display:flex;gap:16px;padding:8px 12px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.command-help span{display:flex;gap:3px;align-items:center}

/* PWA / safe areas */
@media(display-mode:standalone){.sidebar{padding-bottom:max(16px,env(safe-area-inset-bottom))}.topbar{padding-top:env(safe-area-inset-top);height:calc(64px + env(safe-area-inset-top))}.content{padding-bottom:max(18px,env(safe-area-inset-bottom))}}
@media(max-width:1100px){.profile-editor-enhanced{grid-template-columns:1fr}.profile-preview{position:relative;top:auto}.profile-settings-stack{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.profile-edit-card{grid-column:1/-1}}
@media(max-width:760px){.profile-settings-stack{grid-template-columns:1fr}.profile-main{padding:0 14px 16px;gap:11px}.profile-cover{height:180px}.profile-name-row{display:grid}.profile-facts{grid-template-columns:1fr}.crop-workbench{min-height:440px;padding:12px}.crop-viewport.cover{width:min(92vw,720px)}.crop-tools{grid-template-columns:1fr}.crop-tools small{grid-column:auto}.content{padding:14px}.topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}


/* R14 — sidebar sem espaço fantasma e com rodapé sempre alcançável */
.sidebar{overflow:hidden!important}.main-nav{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;align-content:start;padding-right:2px}.sidebar-foot{flex:0 0 auto;margin-top:10px}.sidebar-head,.tenant-box{flex:0 0 auto}
@media(min-width:1181px){html[data-sidebar-collapsed="1"] .app-main,body.sidebar-collapsed .app-main{margin-left:72px!important}html[data-sidebar-collapsed="1"] .main-nav,body.sidebar-collapsed .main-nav{width:100%;padding-right:0}html[data-sidebar-collapsed="1"] .sidebar-collapse,body.sidebar-collapsed .sidebar-collapse{margin-top:2px}html[data-sidebar-collapsed="1"] .sidebar-foot,body.sidebar-collapsed .sidebar-foot{margin-top:8px;padding-top:10px!important}}


/* R15 - chat produtivo, editor rico e recorte mais proporcional */
.crop-workbench{min-height:auto;height:auto;padding:16px;align-content:center}.crop-viewport.cover{width:min(880px,90vw)}.chat-layout-focused .chat-card,.ticket-thread{min-height:min(78vh,980px)}.chat-messages,.ticket-messages{height:min(62vh,720px);min-height:360px}.message-rich{line-height:1.6}.message-rich p{margin:.35rem 0}.message-rich ul,.message-rich ol,.message-rich blockquote,.message-rich pre{margin:.45rem 0}.composer-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 14px 0}.rich-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:8px 14px 0}.composer textarea{min-height:110px}.composer[data-enter-send] textarea{min-height:84px}.composer-foot{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding:10px 14px 14px}.composer-hint{margin-right:auto;color:var(--muted);font-size:11px}.emoji-dialog-card{width:min(760px,calc(100vw - 24px));max-height:min(720px,84dvh)}.emoji-dialog-head>div{display:grid}.emoji-dialog-head small{color:var(--muted);font-size:11px}.emoji-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 10px}.emoji-tabs button{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:8px 10px;display:flex;align-items:center;gap:8px;white-space:nowrap}.emoji-tabs button.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(116,71,245,.08)}.emoji-tabs small{font-size:11px;color:var(--muted)}.emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;overflow:auto;padding:4px 2px 2px}.emoji-grid button{border:0;background:transparent;border-radius:10px;aspect-ratio:1;font-size:24px;display:grid;place-items:center}.emoji-grid button:hover{background:var(--surface-2)}.emoji-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:20px 6px}.emoji-search input{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 12px}.emoji-trigger{white-space:nowrap}@media(max-width:760px){.crop-workbench{padding:10px}.crop-viewport.cover{width:min(94vw,760px)}.emoji-dialog-card{width:min(100vw - 18px,560px)}.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.composer-foot{align-items:stretch}.composer-hint{width:100%;order:99}}

/* R16 - anexos fazem parte da linha do tempo */
.attachment-message{display:flex!important;align-items:center;gap:10px;text-decoration:none}.attachment-message-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 70%,#dbe8ff);color:var(--blue);flex:0 0 auto}.attachment-message>span:last-child{display:grid;gap:4px;min-width:0}.attachment-message strong{overflow-wrap:anywhere}.attachment-message small{color:var(--muted);font-size:10px}.ticket-public-rich{line-height:1.6}.ticket-public-rich p{margin:.35rem 0}
