@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:var(--c-264653,#264653);--muted:var(--c-778f98,#778f98);--line:var(--c-f5efe7,#f5efe7);--paper:#fff;--canvas:var(--c-fbf6ef,#fbf6ef);--blue:var(--c-e76f51,#e76f51);--blue-soft:var(--c-fef2ee,#fef2ee);--purple:var(--c-f4a261,#f4a261);--green:#2d9a72;--shadow:0 5px 24px rgba(31,51,84,.045);--header-bg:#fff;--footer-bg:#fff;--sidebar-bg:#fff;--button-primary:var(--c-e76f51,#e76f51);--button-hover:var(--c-cf5b3f,#cf5b3f);--button-secondary:#fff;--accent-color:var(--c-e76f51,#e76f51);--accent-soft:color-mix(in srgb,var(--accent-color) 10%,#fff);--page-bg:var(--c-fbf6ef,#fbf6ef);--surface-bg:#fff;--border-color:var(--c-f5efe7,#f5efe7);--success-color:#1f8a5b;--warning-color:#a86a00;--danger-color:#c8323a;--chart-color:#1f5fd1}
*{box-sizing:border-box}body{margin:0;background:var(--page-bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:calc(13px * var(--font-scale,1))}.shell{min-height:100vh}.sidebar{width:220px;position:fixed;inset:0 auto 0 0;background:var(--sidebar-bg);border-right:1px solid var(--border-color);padding:25px 16px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 38px;color:inherit;text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--c-e76f51,#e76f51);color:#fff;display:grid;place-items:center;font:800 calc(19px * var(--font-scale,1)) Manrope;box-shadow:0 5px 12px color-mix(in srgb,var(--c-e76f51,#e76f51) 24%,transparent)}.brand-copy{display:grid;gap:2px}.brand-copy strong{font:800 calc(16px * var(--font-scale,1)) Manrope;letter-spacing:-.5px}.brand-copy small{font-size:calc(8px * var(--font-scale,1));font-weight:700;letter-spacing:1.15px;color:var(--c-899ea6,#899ea6)}.side-label{padding:0 11px 12px;color:var(--c-9badb4,#9badb4);font-size:calc(9px * var(--font-scale,1));font-weight:700;letter-spacing:1.1px}.nav-item{height:40px;padding:0 11px;border-radius:8px;display:flex;align-items:center;gap:11px;color:var(--c-758d96,#758d96);text-decoration:none;font-weight:600}.nav-item.active{color:var(--accent-color);background:var(--accent-soft)}.nav-icon{font-size:calc(16px * var(--font-scale,1))}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:18px 9px 4px;color:var(--c-789099,#789099);font-size:calc(11px * var(--font-scale,1))}.status-dot,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success-color);display:inline-block}.main{max-width:1500px;margin-left:220px;padding:0 42px 28px}.topbar{height:69px;background:var(--header-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;color:var(--c-829ba4,#829ba4);font-size:calc(11px * var(--font-scale,1))}.breadcrumb span{padding:0 9px;color:var(--c-bdcbd0,#bdcbd0)}.breadcrumb strong{color:var(--c-41616c,#41616c);font-weight:600}.top-user{display:flex;gap:9px;align-items:center;color:var(--c-65808a,#65808a)}.avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--c-fdf0eb,#fdf0eb);color:var(--c-d15435,#d15435);font-size:calc(9px * var(--font-scale,1));font-weight:700}.page-heading{padding:31px 0 20px;display:flex;justify-content:space-between;align-items:end}.eyebrow{font-size:calc(9px * var(--font-scale,1));font-weight:700;letter-spacing:1.3px;color:var(--c-8da9b3,#8da9b3);margin-bottom:7px}.page-heading h1{font:800 calc(25px * var(--font-scale,1)) Manrope;letter-spacing:-.75px;margin:0;color:var(--c-264653,#264653)}.page-heading p{margin:7px 0 0;color:var(--c-7d939b,#7d939b);font-size:calc(12px * var(--font-scale,1))}.updated{display:flex;gap:7px;align-items:center;font-size:calc(10px * var(--font-scale,1));color:var(--c-899ea5,#899ea5);padding-bottom:4px}.live-dot{width:6px;height:6px}.filter-card,.panel,.metric-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow)}.filter-card{padding:17px 19px 12px}.filter-title{display:flex;gap:10px;align-items:center}.filter-symbol{width:29px;height:29px;display:grid;place-items:center;color:var(--c-d85f41,#d85f41);background:var(--c-fef3ef,#fef3ef);border-radius:7px;font-size:calc(17px * var(--font-scale,1))}.filter-title strong{font-size:calc(12px * var(--font-scale,1))}.filter-title small{display:block;margin-top:3px;color:var(--c-92a7af,#92a7af);font-size:calc(10px * var(--font-scale,1))}.filters{display:grid;grid-template-columns:110px minmax(150px,1.1fr) minmax(145px,.9fr) minmax(170px,1.1fr) auto;gap:12px;align-items:end;margin-top:17px}.field{display:grid;gap:6px;color:var(--c-68828b,#68828b);font-weight:600;font-size:calc(10px * var(--font-scale,1))}.field input,.field select,.multiweeks input{width:100%;height:36px;border:1px solid var(--c-f2ebe2,#f2ebe2);background:#fff;border-radius:6px;color:var(--c-37525c,#37525c);padding:0 10px;font:500 calc(11px * var(--font-scale,1)) 'DM Sans',Arial;outline:none}.field input:focus,.field select:focus,.multiweeks input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--c-fef2ee,#fef2ee)}.submit-button{height:36px;padding:0 15px;border:0;border-radius:6px;background:var(--button-primary);color:white;font:600 calc(11px * var(--font-scale,1)) 'DM Sans';cursor:pointer;box-shadow:0 4px 9px color-mix(in srgb,var(--c-e76f51,#e76f51) 17%,transparent)}.submit-button:hover{background:var(--button-hover)}.submit-button:disabled{opacity:.65;cursor:wait}.submit-button span{font-size:calc(15px * var(--font-scale,1));vertical-align:-1px;margin-right:7px}.filter-footnote{margin-top:12px;color:var(--c-879da5,#879da5);font-size:calc(10px * var(--font-scale,1))}.info-icon{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;border:1px solid var(--c-aabdc4,#aabdc4);font:700 calc(9px * var(--font-scale,1)) Georgia;margin-right:5px}.multiweeks{display:none;grid-template-columns:160px minmax(160px,280px);align-items:center;gap:10px;margin:13px 0 2px 39px;color:var(--c-68828b,#68828b);font-weight:600;font-size:calc(10px * var(--font-scale,1))}.multiweeks.visible{display:grid}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.metric-card{padding:16px 18px 14px;min-height:102px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:var(--c-738d96,#738d96);font-size:calc(10px * var(--font-scale,1));font-weight:600}.metric-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;font-size:calc(13px * var(--font-scale,1))}.metric-icon.blue{background:var(--c-fef3ef,#fef3ef);color:var(--c-e56241,#e56241)}.metric-icon.purple{background:var(--c-fef4f0,#fef4f0);color:var(--c-d5735b,#d5735b)}.metric-icon.green{background:#eaf7f1;color:#319b73}.metric-value{font:800 calc(23px * var(--font-scale,1)) Manrope;letter-spacing:-.5px;margin-top:5px}.metric-caption{font-size:calc(9px * var(--font-scale,1));color:var(--c-9aacb2,#9aacb2);margin-top:1px}.content-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;margin-top:15px}.panel{padding:17px 19px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{font:700 calc(13px * var(--font-scale,1)) Manrope;margin:0;letter-spacing:-.15px}.panel-heading p{margin:4px 0 0;color:var(--c-92a7af,#92a7af);font-size:calc(10px * var(--font-scale,1))}.panel-tag{font-size:calc(8px * var(--font-scale,1));font-weight:700;letter-spacing:.8px;color:var(--c-d46e55,#d46e55);background:var(--c-fef4f0,#fef4f0);border-radius:4px;padding:5px 7px}.chart-panel,.insight-panel{min-height:225px}.chart{padding-top:18px;display:grid;gap:11px}.chart-row{display:grid;grid-template-columns:minmax(96px,135px) 1fr 30px;gap:10px;align-items:center}.chart-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-647e87,#647e87);font-size:calc(10px * var(--font-scale,1))}.bar-track{height:8px;background:var(--c-f8f1e7,#f8f1e7);border-radius:5px;overflow:hidden}.bar-fill{height:100%;border-radius:5px;background:var(--chart-color);transition:width .4s}.chart-value{text-align:right;color:var(--c-4a656f,#4a656f);font-size:calc(10px * var(--font-scale,1));font-weight:700}.sparkle{color:var(--c-df8872,#df8872);font-size:calc(17px * var(--font-scale,1))}.insight-content{padding:16px 0 0 2px}.insight-number{font:800 calc(25px * var(--font-scale,1)) Manrope;color:var(--c-f4a261,#f4a261);letter-spacing:-.7px}.insight-label{font-size:calc(10px * var(--font-scale,1));color:var(--c-879da5,#879da5);margin-top:1px}.insight-divider{height:1px;background:var(--line);margin:15px 0 11px}.insight-row{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:calc(10px * var(--font-scale,1))}.insight-row span{color:var(--c-899ea5,#899ea5)}.insight-row strong{color:var(--c-39545e,#39545e);text-align:right}.table-panel{margin-top:15px;padding-bottom:0}.table-heading{align-items:center;padding-bottom:13px}.row-count{color:var(--c-75909a,#75909a);background:var(--c-faf6f2,#faf6f2);padding:5px 8px;border-radius:5px;font-size:calc(9px * var(--font-scale,1))}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}thead{background:#fdf9f4}th{padding:10px 12px;color:var(--c-8aa0a8,#8aa0a8);font-size:calc(8px * var(--font-scale,1));font-weight:700;letter-spacing:.65px;white-space:nowrap}td{padding:11px 12px;border-bottom:1px solid var(--c-f7f3ee,#f7f3ee);color:var(--c-4b6670,#4b6670);font-size:calc(10px * var(--font-scale,1))}tbody tr:last-child td{border-bottom:0}.numeric{text-align:right}.user-cell{display:flex;align-items:center;gap:9px;font-weight:600;color:var(--c-365059,#365059)}.user-avatar{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:var(--c-fef2ee,#fef2ee);color:var(--c-d5694e,#d5694e);font-size:calc(8px * var(--font-scale,1));font-weight:700}.count-pill{display:inline-block;min-width:28px;text-align:center;border-radius:5px;background:var(--c-faf6f0,#faf6f0);color:var(--c-41616c,#41616c);padding:4px 7px;font-weight:700}.point-value{color:var(--c-f4a261,#f4a261);font-weight:700}.share-cell{display:flex;align-items:center;gap:7px;min-width:90px}.share-track{height:5px;flex:1;border-radius:5px;background:var(--c-f8f4ef,#f8f4ef);overflow:hidden}.share-fill{height:100%;border-radius:5px;background:var(--c-df8c77,#df8c77)}.share-text{width:28px;text-align:right;color:var(--c-899ea5,#899ea5);font-size:calc(9px * var(--font-scale,1))}.empty{text-align:center!important;color:var(--c-99abb2,#99abb2);padding:30px!important}.table-footer{display:flex;justify-content:space-between;padding:10px 2px;border-top:1px solid var(--c-f7f3ee,#f7f3ee);color:var(--c-9aacb2,#9aacb2);font-size:calc(9px * var(--font-scale,1))}.footnote-mark{color:var(--c-75909a,#75909a)}.footnote-mark:first-letter{color:#42ae7e}.error-message{margin:5px 0 12px;border:1px solid #f1caca;border-radius:6px;background:var(--c-fff4f3,#fff4f3);color:#a33935;padding:10px;font-size:calc(11px * var(--font-scale,1))}.footer{background:var(--footer-bg);text-align:center;color:var(--c-a0b1b7,#a0b1b7);font-size:calc(9px * var(--font-scale,1));padding:18px 0 0}.footer span{padding:0 5px}.loading{opacity:.55;pointer-events:none}
@media(max-width:1050px){.sidebar{width:185px}.main{margin-left:185px;padding:0 24px 24px}.filters{grid-template-columns:repeat(4,1fr)}.submit-button{grid-column:4;justify-self:stretch}.content-grid{grid-template-columns:1.35fr 1fr}}
@media(max-width:760px){.sidebar{width:58px;padding:18px 8px}.brand{padding:0 4px 32px}.brand-copy,.side-label,.nav-item:not(.active),.nav-item{font-size:0}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:calc(17px * var(--font-scale,1))}.sidebar-bottom{font-size:0;justify-content:center;padding-inline:0}.main{margin-left:58px;padding:0 15px 20px}.top-user>span:last-child{display:none}.page-heading{align-items:flex-start;gap:14px}.page-heading h1{font-size:calc(21px * var(--font-scale,1))}.updated{font-size:0;white-space:nowrap}.filters{grid-template-columns:1fr 1fr}.submit-button{grid-column:auto}.summary-grid{grid-template-columns:1fr}.metric-card{min-height:88px}.content-grid{grid-template-columns:1fr}.chart-panel,.insight-panel{min-height:0}.multiweeks{margin-left:0;grid-template-columns:1fr}.table-footer{gap:8px;flex-wrap:wrap}.filter-card{padding:14px}.table-panel{padding-inline:12px}}

[hidden]{display:none!important}
.side-nav{display:grid;gap:5px}
.nav-item{gap:11px}
.nav-item .nav-icon{width:18px;text-align:center;flex:0 0 18px;color:currentColor}
.demo-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #f2e3c2;background:#fff9ea;color:#9b762e;border-radius:20px;padding:7px 10px;font-size:calc(9px * var(--font-scale,1));font-weight:600;white-space:nowrap}
.demo-dot{width:6px;height:6px;border-radius:50%;background:var(--warning-color)}
.home-grid{margin-bottom:15px}
.priority-list{display:grid;gap:13px;padding:18px 1px 0}
.priority-row{display:grid;grid-template-columns:75px 22px 1fr;align-items:center;gap:8px;color:var(--c-647e87,#647e87);font-size:calc(10px * var(--font-scale,1))}
.priority-label{display:flex;align-items:center;gap:6px}
.priority-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--c-99aeb5,#99aeb5)}
.priority-dot.critical,.priority-fill.critical{background:#d85a62}.priority-dot.high,.priority-fill.high{background:#e69b45}.priority-dot.medium,.priority-fill.medium{background:var(--c-e07257,#e07257)}.priority-dot.low,.priority-fill.low{background:#43a984}
.priority-row strong{text-align:right;color:var(--c-41616c,#41616c);font-size:calc(10px * var(--font-scale,1))}
.priority-track{height:6px;border-radius:5px;background:var(--c-f8f1e7,#f8f1e7);overflow:hidden}
.priority-fill{display:block;height:100%;border-radius:5px}
.text-link{color:var(--accent-color);text-decoration:none;font-size:calc(10px * var(--font-scale,1));font-weight:600}.text-link span{font-size:calc(14px * var(--font-scale,1));margin-left:3px}
.ticket-filter-card{margin-bottom:15px}
.ticket-filters{display:grid;grid-template-columns:repeat(4,minmax(135px,1fr));gap:12px;align-items:end;margin-top:17px}
.filter-actions{display:flex;gap:8px;align-items:center}
.filter-actions .submit-button{white-space:nowrap}
.clear-button{height:36px;padding:0 11px;border:1px solid var(--border-color);border-radius:6px;color:var(--c-69838d,#69838d);background:var(--button-secondary);font:600 calc(10px * var(--font-scale,1)) 'DM Sans',Arial;cursor:pointer}
.clear-button:hover{background:var(--accent-soft)}
.ticket-summary{margin-top:0;margin-bottom:15px}
.tickets-table-panel{margin-top:0}
.ticket-number{font-weight:700;color:var(--c-bf583e,#bf583e);white-space:nowrap}
.priority-badge,.level-badge{display:inline-flex;align-items:center;border-radius:5px;padding:4px 7px;font-size:calc(9px * var(--font-scale,1));font-weight:600;white-space:nowrap}
.priority-badge.critical{background:color-mix(in srgb,var(--danger-color) 10%,#fff);color:var(--danger-color)}.priority-badge.high{background:color-mix(in srgb,var(--warning-color) 14%,#fff);color:var(--warning-color)}.priority-badge.medium{background:var(--c-fef3ef,#fef3ef);color:var(--c-cc6349,#cc6349)}.priority-badge.low{background:#eaf7f1;color:#368763}
.level-badge{background:var(--c-f8f4f0,#f8f4f0);color:var(--c-637e88,#637e88)}
@media(max-width:1050px){.ticket-filters{grid-template-columns:repeat(3,minmax(130px,1fr))}.filter-actions{align-self:end}}
@media(max-width:760px){.nav-item{font-size:0}.nav-item .nav-icon{font-size:calc(17px * var(--font-scale,1))}.ticket-filters{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}.filter-actions .submit-button{flex:1}.demo-badge{font-size:0;padding:8px}.demo-dot{margin:0}}
@media(max-width:440px){.ticket-filters{grid-template-columns:1fr}.filter-actions{grid-column:auto}.chart-row{grid-template-columns:minmax(78px,105px) 1fr 25px}.table-heading{gap:8px}.page-heading{padding-top:23px}}

.sidebar{background:var(--sidebar-bg)}
.topbar{background:var(--header-bg);padding-inline:12px;border-radius:0 0 8px 8px}
.footer{background:var(--footer-bg);border-radius:7px;padding:13px;margin-top:15px}
.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 14% 10%,var(--c-fdeee9,#fdeee9) 0,transparent 36%),radial-gradient(ellipse at 90% 88%,#e9f5f1 0,transparent 34%),var(--canvas)}
.login-card{width:min(100%,390px);padding:31px;background:#fff;border:1px solid var(--c-f5efe8,#f5efe8);border-radius:14px;box-shadow:0 18px 60px rgba(31,51,84,.09)}
.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:38px}.login-heading h1{font:800 calc(25px * var(--font-scale,1)) Manrope;letter-spacing:-.7px;margin:0;color:var(--c-264653,#264653)}.login-heading p{color:var(--c-7d939b,#7d939b);font-size:calc(12px * var(--font-scale,1));margin:7px 0 0}.login-form{display:grid;gap:15px;margin-top:24px}.login-form input{height:40px;font-size:calc(12px * var(--font-scale,1))}.login-button{width:100%;height:40px;margin-top:3px;font-size:calc(12px * var(--font-scale,1))}.login-notice{margin-top:18px;padding-top:13px;border-top:1px solid var(--line);color:var(--c-9aacb2,#9aacb2);font-size:calc(9px * var(--font-scale,1));text-align:center}
.settings-panel{margin-top:0;padding:20px}.settings-form{display:grid;gap:0;margin-top:15px}.color-setting{display:grid;grid-template-columns:36px 1fr 44px;gap:12px;align-items:center;min-height:67px;border-top:1px solid var(--c-f7f3ee,#f7f3ee)}.color-preview{display:block;width:34px;height:34px;border:1px solid var(--c-eee8df,#eee8df);border-radius:8px}.color-copy strong,.logo-copy strong{display:block;color:var(--c-3b5762,#3b5762);font-size:calc(11px * var(--font-scale,1))}.color-copy small,.logo-copy small{display:block;color:var(--c-92a7af,#92a7af);font-size:calc(9px * var(--font-scale,1));margin-top:4px}.color-setting input[type=color]{width:38px;height:32px;padding:2px;border:1px solid var(--c-f2ebe2,#f2ebe2);border-radius:6px;background:#fff;cursor:pointer}.logo-setting{display:flex;align-items:center;gap:14px;border-top:1px solid var(--c-f7f3ee,#f7f3ee);padding:18px 0}.logo-preview-box{width:54px;height:54px;border:1px dashed var(--c-e5dbcd,#e5dbcd);border-radius:9px;background:#fdf9f4;display:grid;place-items:center;color:var(--c-da6345,#da6345);font:800 calc(22px * var(--font-scale,1)) Manrope;overflow:hidden}.logo-preview-box img{width:100%;height:100%;object-fit:contain}.logo-copy{flex:1}.upload-button{background:var(--button-secondary);border-color:var(--border-color);display:inline-block;margin-top:9px;padding:7px 10px;border:1px solid var(--c-f2e9dd,#f2e9dd);border-radius:5px;color:var(--c-668b98,#668b98);background:#fff;font-size:calc(9px * var(--font-scale,1));font-weight:600;cursor:pointer}.upload-button:hover{background:var(--c-fef7f5,#fef7f5)}.settings-actions{display:flex;align-items:center;gap:9px;border-top:1px solid var(--c-f7f3ee,#f7f3ee);padding-top:16px}.settings-status{font-size:calc(10px * var(--font-scale,1));color:#398665}.settings-note{display:flex;align-items:center;margin-top:12px;color:var(--c-849aa2,#849aa2);font-size:calc(10px * var(--font-scale,1))}
@media(max-width:760px){.login-card{padding:25px}.settings-actions{flex-wrap:wrap}.settings-status{width:100%}.logo-setting{align-items:flex-start;flex-wrap:wrap}.logo-copy{min-width:150px}}
.company-setting{display:grid;gap:7px;padding:13px 0 16px;color:var(--c-68828b,#68828b);font-size:calc(10px * var(--font-scale,1));font-weight:600}.company-setting input,.user-access-select select{height:36px;width:min(100%,420px);border:1px solid var(--c-f2ebe2,#f2ebe2);border-radius:6px;background:#fff;color:var(--c-37525c,#37525c);padding:0 10px;font:500 calc(11px * var(--font-scale,1)) 'DM Sans',Arial;outline:none}.company-setting input:focus,.user-access-select select:focus{border-color:var(--c-f4a261,#f4a261);box-shadow:0 0 0 3px var(--c-fef2ee,#fef2ee)}
.access-settings{border-top:1px solid var(--c-f7f3ee,#f7f3ee);padding:17px 0}.settings-subheading strong{display:block;color:var(--c-3b5762,#3b5762);font-size:calc(11px * var(--font-scale,1))}.settings-subheading small{display:block;color:var(--c-92a7af,#92a7af);font-size:calc(9px * var(--font-scale,1));margin-top:4px}.menu-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.menu-options label{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--c-f3ede6,#f3ede6);border-radius:6px;color:var(--c-59737c,#59737c);font-size:calc(10px * var(--font-scale,1));cursor:pointer}.menu-options input{accent-color:var(--c-e76f51,#e76f51)}.user-access-heading{margin-top:20px}.user-access-select{display:grid;gap:6px;margin-top:12px;color:var(--c-68828b,#68828b);font-size:calc(10px * var(--font-scale,1));font-weight:600}.user-access-select select{width:min(100%,420px)}.user-menu-options{margin-top:10px}
.table-heading-actions{display:flex;align-items:center;gap:9px}.update-tickets-button{height:31px;padding:0 11px;box-shadow:none}.update-tickets-button:disabled{opacity:.55;cursor:not-allowed;background:var(--c-8fabb5,#8fabb5)}.update-note{margin:-2px 0 10px;color:#9a7d43;font-size:calc(9px * var(--font-scale,1))}
@media(max-width:760px){.table-heading-actions{align-items:flex-end;flex-direction:column;gap:6px}.menu-options{display:grid;grid-template-columns:1fr 1fr}.settings-note{align-items:flex-start}.company-setting input,.user-access-select select{width:100%}}

/* ticket ui additions */

.ticket-view-switch{display:flex;gap:6px;margin:8px 0 14px}.view-button{border:1px solid var(--c-f3ebe1,#f3ebe1);background:#fff;color:var(--c-66828c,#66828c);border-radius:6px;padding:7px 12px;font:600 calc(10px * var(--font-scale,1)) 'DM Sans',Arial;cursor:pointer}.view-button.active{background:var(--c-fdf0ec,#fdf0ec);color:var(--c-c15236,#c15236);border-color:var(--c-fbdbcf,#fbdbcf)}.inline-status{max-width:160px;padding:6px;border:1px solid var(--c-f2ebe2,#f2ebe2);border-radius:5px;background:#fff;color:var(--c-42626d,#42626d);font-size:calc(10px * var(--font-scale,1))}.ticket-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.ticket-card{display:grid;gap:9px;padding:14px;border:1px solid var(--c-f5efe7,#f5efe7);border-radius:9px;background:#fff}.ticket-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ticket-card small,.ticket-card-meta{color:var(--c-899fa7,#899fa7);font-size:calc(10px * var(--font-scale,1))}.ticket-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;align-items:start}.ticket-lane{padding:11px;background:var(--c-fef7f5,#fef7f5);border:1px solid var(--c-f4efe8,#f4efe8);border-radius:9px}.ticket-lane h3{font-size:calc(11px * var(--font-scale,1));color:var(--c-58737d,#58737d);margin:2px 0 10px}.ticket-lane .ticket-card{margin-top:8px;padding:10px}.ticket-dialog{width:min(620px,calc(100% - 28px));max-height:85vh;border:1px solid var(--c-f2ece4,#f2ece4);border-radius:12px;padding:20px;box-shadow:0 20px 70px color-mix(in srgb,var(--c-2a4149,#2a4149) 20%,transparent)}.ticket-dialog::backdrop{background:color-mix(in srgb,var(--c-264653,#264653) 40%,transparent)}.ticket-dialog form{display:grid;gap:16px}.dialog-close{border:0;background:none;font-size:calc(24px * var(--font-scale,1));color:var(--c-7d939b,#7d939b);cursor:pointer}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-fields select,.catalog-row input,.catalog-row textarea{width:100%;min-height:34px;border:1px solid var(--c-f2ebe2,#f2ebe2);border-radius:6px;padding:7px;background:#fff;color:var(--c-41616d,#41616d);font:500 calc(11px * var(--font-scale,1)) 'DM Sans',Arial}.catalog-panel{margin-top:15px}.catalog-editor{display:grid;gap:10px;margin:16px 0}.catalog-row{display:grid;grid-template-columns:120px minmax(130px,1fr) 100px minmax(180px,1.5fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--c-f6f2ec,#f6f2ec);border-radius:8px}.catalog-row code{display:block;color:var(--c-ae543d,#ae543d);font-size:calc(11px * var(--font-scale,1))}.catalog-row small{display:block;color:var(--c-98aab1,#98aab1);font-size:calc(9px * var(--font-scale,1));margin-top:4px}.catalog-row .field{display:grid;gap:5px;color:var(--c-758d96,#758d96);font-size:calc(9px * var(--font-scale,1))}.catalog-row textarea{height:76px;resize:vertical}.catalog-visible{color:var(--c-59737c,#59737c);font-size:calc(10px * var(--font-scale,1))}@media(max-width:760px){.catalog-row{grid-template-columns:1fr 1fr}.catalog-row>div:first-child{grid-column:1/-1}.detail-fields{grid-template-columns:1fr}.ticket-view-switch{flex-wrap:wrap}}

.ticket-description-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--c-68828b,#68828b)}.ticket-subject{color:var(--c-36515b,#36515b);font-size:calc(11px * var(--font-scale,1))}.ticket-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.ticket-message-fields{display:grid;gap:12px;padding:14px;background:#fdf9f4;border:1px solid var(--c-f6f2ec,#f6f2ec);border-radius:8px}.ticket-message-fields .field{display:grid;gap:6px;color:var(--c-68828b,#68828b);font-size:calc(10px * var(--font-scale,1));font-weight:600}.ticket-message-fields input,.ticket-message-fields textarea{width:100%;box-sizing:border-box;border:1px solid var(--c-f1e9df,#f1e9df);border-radius:6px;padding:9px 10px;color:var(--c-41606c,#41606c);background:#fff;font:500 calc(11px * var(--font-scale,1)) 'DM Sans',Arial;resize:vertical}.ticket-message-fields input[readonly],.ticket-message-fields textarea[readonly]{background:var(--c-f9f5f1,#f9f5f1);color:var(--c-56707a,#56707a)}

.ticket-actions{display:flex;justify-content:center;gap:6px}.icon-action{width:30px;height:30px;display:inline-grid;place-items:center;padding:6px;border:1px solid var(--border-color);border-radius:6px;background:var(--button-secondary);color:var(--c-678c99,#678c99);cursor:pointer}.icon-action:hover{background:var(--accent-soft);border-color:var(--accent-color)}.icon-action svg{width:16px;height:16px;fill:currentColor}.save-action{color:#378263}.analyst-select{max-width:170px}.analyst-board{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analyst-ticket-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.conversation-panel{border:1px solid var(--c-f3ede5,#f3ede5);border-radius:8px;background:#fff;padding:12px}.conversation-panel h3{margin:0 0 10px;color:var(--c-3b5863,#3b5863);font-size:calc(11px * var(--font-scale,1))}.message-history{display:grid;gap:9px;max-height:280px;overflow:auto}.message-item{padding:10px;border-radius:8px;background:var(--c-fbf6ef,#fbf6ef);border-left:3px solid var(--c-9bb3bc,#9bb3bc)}.message-item.customer-message{border-left-color:var(--c-d87056,#d87056);background:var(--c-fef6f3,#fef6f3)}.message-item.support-message{border-left-color:#43a17e;background:#f1faf6}.message-item>div{display:flex;justify-content:space-between;gap:8px}.message-item strong{font-size:calc(10px * var(--font-scale,1));color:var(--c-41616d,#41616d)}.message-item time{font-size:calc(9px * var(--font-scale,1));color:var(--c-8ba0a8,#8ba0a8)}.message-item p{margin:7px 0 0;color:var(--c-59737c,#59737c);font-size:calc(10px * var(--font-scale,1));line-height:1.55;white-space:pre-wrap}

.user-admin-panel{margin-top:15px}.user-admin-form{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:13px;margin-top:18px}.user-admin-form>.field{display:grid;align-content:start;gap:6px;color:var(--c-68828b,#68828b);font-size:calc(10px * var(--font-scale,1));font-weight:600}.user-admin-form>.field input{height:36px;box-sizing:border-box;border:1px solid var(--c-f2ebe2,#f2ebe2);border-radius:6px;padding:0 10px;color:var(--c-41616d,#41616d);font:500 calc(11px * var(--font-scale,1)) 'DM Sans',Arial}.user-groups-field{grid-column:1/-1;margin:0;padding:12px;border:1px solid var(--c-f3ede6,#f3ede6);border-radius:8px}.user-groups-field legend{padding:0 5px;color:var(--c-56717b,#56717b);font-size:calc(10px * var(--font-scale,1));font-weight:700}.group-access-options{display:flex;flex-wrap:wrap;gap:9px}.group-access-options label,.user-flags label{display:flex;align-items:center;gap:6px;color:var(--c-59737c,#59737c);font-size:calc(10px * var(--font-scale,1))}.group-access-options label{padding:8px 10px;border:1px solid var(--c-f5efe7,#f5efe7);border-radius:6px}.group-access-options input,.user-flags input{accent-color:var(--c-e76f51,#e76f51)}.user-flags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px;padding:4px 0}.user-admin-form .settings-actions{grid-column:1/-1}.user-admin-list-wrap{margin-top:18px;overflow:auto}.user-admin-table{width:100%;border-collapse:collapse;text-align:left}.user-admin-table th{padding:10px 8px;border-bottom:1px solid var(--c-f5efe7,#f5efe7);color:var(--c-899fa7,#899fa7);font-size:calc(9px * var(--font-scale,1));letter-spacing:.04em}.user-admin-table td{padding:11px 8px;border-bottom:1px solid var(--c-f7f3ef,#f7f3ef);color:var(--c-59737c,#59737c);font-size:calc(10px * var(--font-scale,1));vertical-align:middle}.user-delete-action{color:#b84d57}@media(max-width:760px){.user-admin-form{grid-template-columns:1fr 1fr}.group-access-options{display:grid;grid-template-columns:1fr 1fr}.user-flags{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:480px){.user-admin-form{grid-template-columns:1fr}.user-groups-field,.user-flags,.user-admin-form .settings-actions{grid-column:auto}}

.config-subnav{display:none;padding:3px 0 7px 41px;gap:3px}.nav-item.active+.config-subnav{display:grid}.config-subnav.is-collapsed{display:none!important}.config-subnav a{padding:8px 9px;border-radius:6px;color:var(--c-a0b7bf,#a0b7bf);text-decoration:none;font-size:calc(10px * var(--font-scale,1))}.config-subnav a:hover,.config-subnav a.active{background:#ffffff12;color:#fff}.user-admin-form[hidden]{display:none}.permissions-panel .user-groups-field{margin-top:14px}.permissions-panel .user-access-select{margin:14px 0 8px}

.user-list-view[hidden]{display:none!important}.user-form-heading{grid-column:1/-1;padding-bottom:6px;border-bottom:1px solid var(--c-f6f2ec,#f6f2ec)}.user-form-heading h2{margin:5px 0;color:var(--c-354f58,#354f58);font:700 calc(17px * var(--font-scale,1)) Manrope,Arial}.user-form-heading p{margin:0;color:var(--c-879da5,#879da5);font-size:calc(10px * var(--font-scale,1))}

.communication-help{display:block;max-width:540px;color:var(--c-91a6ad,#91a6ad);font-size:calc(9px * var(--font-scale,1));font-weight:400;line-height:1.5;margin-top:4px}#communication-mode{height:36px;width:min(100%,540px);border:1px solid var(--c-f2ebe2,#f2ebe2);border-radius:6px;padding:0 10px;background:#fff;color:var(--c-37525c,#37525c);font:500 calc(11px * var(--font-scale,1)) 'DM Sans',Arial}

.module-subnav{display:grid}.module-subnav a{padding-left:9px}.module-panel{margin-top:15px;padding:18px}.module-form{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:13px;margin:16px 0}.module-form>.field{display:grid;align-content:start;gap:6px;color:var(--c-68828b,#68828b);font-size:calc(10px * var(--font-scale,1));font-weight:600}.module-form input,.module-form select,.module-form textarea{box-sizing:border-box;width:100%;min-height:36px;border:1px solid var(--c-f2ebe2,#f2ebe2);border-radius:6px;padding:8px 10px;background:#fff;color:var(--c-41616d,#41616d);font:500 calc(11px * var(--font-scale,1)) 'DM Sans',Arial}.module-form textarea{resize:vertical}.module-full{grid-column:1/-1}.module-form .settings-actions{grid-column:1/-1}.module-panel .table-wrap{overflow:auto}.module-panel table{width:100%;border-collapse:collapse;text-align:left}.module-panel th{padding:10px 8px;border-bottom:1px solid var(--c-f5efe7,#f5efe7);color:var(--c-899fa7,#899fa7);font-size:calc(9px * var(--font-scale,1));letter-spacing:.04em}.module-panel td{padding:11px 8px;border-bottom:1px solid var(--c-f7f3ef,#f7f3ef);color:var(--c-59737c,#59737c);font-size:calc(10px * var(--font-scale,1));vertical-align:middle}.module-panel td small{color:var(--c-899fa7,#899fa7)}.module-panel td a{color:var(--c-d05e41,#d05e41)}.training-pill{display:inline-block;padding:4px 8px;border-radius:20px;background:#fff4df;color:#98691c;font-size:calc(9px * var(--font-scale,1));font-weight:700}.training-pill.done{background:color-mix(in srgb,var(--success-color) 12%,#fff);color:var(--success-color)}.module-remove{padding:6px 9px;font-size:calc(9px * var(--font-scale,1))}
@media(max-width:760px){.module-form{grid-template-columns:1fr 1fr}}@media(max-width:480px){.module-form{grid-template-columns:1fr}.module-full{grid-column:auto}.module-panel{padding:13px}}
.module-subnav{display:none}.nav-item.active+.module-subnav{display:grid}
.client-menu-subnav{display:none}.menu-heading[aria-expanded="true"]+.client-menu-subnav{display:grid}.client-edit-form[hidden],#client-empresa-view[hidden],#client-usuarios-view[hidden]{display:none!important}.client-row-actions{display:flex;gap:6px;white-space:nowrap}.client-user-filter{max-width:360px;margin:2px 0 14px}.client-user-filter .field{display:grid;gap:6px;color:var(--c-68828b,#68828b);font-size:calc(10px * var(--font-scale,1));font-weight:600}.client-user-filter select{height:36px;border:1px solid var(--c-f2ebe2,#f2ebe2);border-radius:6px;padding:0 10px;background:#fff;color:var(--c-41616d,#41616d);font:500 calc(11px * var(--font-scale,1)) 'DM Sans',Arial}.whatsapp-choice{display:flex;align-items:center;gap:8px;color:var(--c-56717b,#56717b);font-size:calc(10px * var(--font-scale,1))}.whatsapp-choice input{accent-color:#308b68}.client-details-content dl{display:grid;grid-template-columns:130px 1fr;gap:10px;margin:20px 0}.client-details-content dt{color:var(--c-899fa7,#899fa7);font-size:calc(10px * var(--font-scale,1));font-weight:700}.client-details-content dd{margin:0;color:var(--c-41606c,#41606c);font-size:calc(11px * var(--font-scale,1))}.client-row-actions .clear-button{font-size:calc(9px * var(--font-scale,1));padding:6px 8px}
.client-form-dialog{width:min(680px,calc(100% - 28px))}.client-form-dialog .module-form{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.client-form-dialog .form-heading{grid-column:1/-1;align-items:flex-start}.client-form-dialog .form-heading h2{margin:0;color:var(--c-2b4048,#2b4048);font:700 calc(16px * var(--font-scale,1)) Manrope,Arial}.client-form-dialog .form-heading p{margin:5px 0 0;color:var(--c-899fa7,#899fa7);font-size:calc(10px * var(--font-scale,1))}.client-form-dialog .module-full{grid-column:1/-1}
@media(max-width:760px){.client-row-actions{flex-wrap:wrap}.client-details-content dl{grid-template-columns:1fr;gap:4px}.client-details-content dd{margin-bottom:8px}}
@media(max-width:480px){.client-form-dialog .module-form{grid-template-columns:1fr}}
.menu-heading{cursor:pointer;justify-content:flex-start;width:100%;border:0;background:transparent;text-align:left;font:inherit}.menu-heading .menu-chevron{margin-left:auto;font-size:calc(13px * var(--font-scale,1));color:var(--c-9ab3bc,#9ab3bc)}.menu-heading[aria-expanded="true"] .menu-chevron{transform:rotate(180deg)}.menu-heading.active{color:var(--c-dc522f,#dc522f);background:var(--c-fef3ef,#fef3ef)}.menu-heading:focus-visible{outline:2px solid var(--c-f4a261,#f4a261);outline-offset:2px}
#client-empresa-view[hidden],#client-usuarios-view[hidden]{display:none!important}
.menu-heading[hidden]+.client-menu-subnav{display:none!important}
:root{--font-color:#000000;--font-scale:1;--app-font-family:'DM Sans',Arial,sans-serif}#app-shell *,dialog *{color:var(--font-color)!important}#app-shell *:not(h1):not(h2):not(h3),dialog *:not(h1):not(h2):not(h3){font-family:var(--app-font-family)!important}#app-shell *::placeholder,dialog *::placeholder{color:var(--font-color)!important;opacity:1}.font-size-setting{display:grid;gap:8px;border-top:1px solid var(--c-f7f3ee,#f7f3ee);padding:13px 0;color:var(--c-68828b,#68828b);font-size:calc(10px * var(--font-scale,1));font-weight:600}.font-size-setting>span{display:flex;justify-content:space-between;width:min(100%,420px)}.font-size-setting input[type=range]{width:min(100%,420px);accent-color:var(--c-e76f51,#e76f51)}.font-size-setting small{color:var(--c-92a7af,#92a7af);font-size:calc(9px * var(--font-scale,1));font-weight:400}

.training-dashboard-grid{margin-top:15px}.training-dashboard-grid .chart-panel{min-height:215px}

.layout-color-fields{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px}.layout-color-fields .color-setting{display:grid;grid-template-columns:28px 1fr 42px;align-items:center;gap:10px;padding:11px;border:1px solid var(--border-color);border-radius:8px}.layout-color-fields .color-setting input[type=color]{width:38px;height:32px;padding:2px;border:1px solid var(--border-color);border-radius:5px;background:#fff}.layout-field-admin{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--border-color)}.layout-field-config{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px;margin-top:10px}.layout-field-row{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:10px;align-items:center}.layout-field-row>input{min-width:0;height:34px;border:1px solid var(--border-color);border-radius:6px;padding:0 9px;background:#fff}.layout-field-row>label{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:calc(10px * var(--font-scale,1))}.layout-field-row input[type=checkbox]{accent-color:var(--accent-color)}@media(max-width:760px){.layout-color-fields,.layout-field-config{grid-template-columns:1fr}}

.nav-item[hidden]+.module-subnav{display:none!important}
.sla-link-button{display:inline-flex;align-items:center;height:34px;padding:0 12px;text-decoration:none}.sla-table-panel{margin-top:15px}.sla-rules-panel .module-form{grid-template-columns:repeat(3,minmax(160px,1fr));align-items:end}.sla-rules-panel .module-form .module-full{grid-column:1/-1}.sla-rule-active{display:flex;align-items:center;gap:8px;min-height:36px;color:var(--c-56717b,#56717b);font-size:calc(10px * var(--font-scale,1));font-weight:600}.sla-rule-active input{accent-color:var(--accent-color)}.sla-actions{display:flex;gap:6px;white-space:nowrap}.sla-actions .clear-button{padding:6px 8px;font-size:calc(9px * var(--font-scale,1))}.sla-status{display:inline-block;padding:4px 9px;border-radius:20px;font-size:calc(9px * var(--font-scale,1));font-weight:700}.sla-status.active{background:color-mix(in srgb,var(--success-color) 12%,#fff);color:var(--success-color)}.sla-status.inactive{background:color-mix(in srgb,var(--danger-color) 10%,#fff);color:var(--danger-color)}
@media(max-width:760px){.sla-rules-panel .module-form{grid-template-columns:1fr 1fr}}@media(max-width:480px){.sla-rules-panel .module-form{grid-template-columns:1fr}.sla-rule-form .module-full{grid-column:auto}}
.sla-rule-active input{width:auto;min-height:auto;padding:0}
.sla-status.within{background:color-mix(in srgb,var(--success-color) 12%,#fff);color:var(--success-color)}.sla-status.pending{background:color-mix(in srgb,var(--warning-color) 12%,#fff);color:var(--warning-color)}.sla-status.breached{background:color-mix(in srgb,var(--danger-color) 12%,#fff);color:var(--danger-color)}.sla-status.inactive{background:var(--c-f5f1ec,#f5f1ec);color:var(--c-71868e,#71868e)}

.notification-control{position:relative;display:flex;align-items:center}.notification-bell{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border-color);border-radius:50%;background:var(--surface-bg);color:var(--accent-color);font-size:17px;cursor:pointer}.notification-bell:hover,.notification-bell[aria-expanded="true"]{background:var(--accent-soft);border-color:var(--accent-color)}#app-shell .notification-count{position:absolute;top:-5px;right:-6px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--header-bg);border-radius:20px;background:var(--danger-color);color:#fff!important;font:700 9px 'DM Sans',Arial}.notification-panel{position:absolute;top:45px;right:-45px;z-index:8;width:min(370px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 100px));overflow:hidden;border:1px solid var(--border-color);border-radius:11px;background:var(--surface-bg);box-shadow:0 12px 38px rgba(25,40,65,.18);color:var(--font-color)}.notification-panel[hidden]{display:none}.notification-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px;border-bottom:1px solid var(--border-color)}.notification-panel-heading>div{display:grid;gap:3px}.notification-panel-heading strong{font-size:13px}.notification-panel-heading small{color:var(--c-778f98,#778f98);font-size:10px}.notification-mark-all{border:0;background:transparent;color:var(--accent-color);font-size:10px;cursor:pointer}.notification-list{display:grid;max-height:430px;overflow-y:auto}.notification-item{display:grid;gap:5px;width:100%;padding:12px 15px;border:0;border-bottom:1px solid var(--c-f7f3ee,#f7f3ee);background:var(--surface-bg);text-align:left;cursor:pointer}.notification-item:hover{background:var(--accent-soft)}.notification-item.unread{background:color-mix(in srgb,var(--accent-color) 5%,var(--surface-bg))}.notification-item-title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.notification-unread-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--accent-color)}.notification-item-message{color:var(--c-69828b,#69828b)!important;font-size:10px;line-height:1.45}.notification-item-meta{display:flex;justify-content:space-between;gap:8px;color:var(--c-8ba0a8,#8ba0a8)!important;font-size:9px}.notification-empty{padding:25px 15px;text-align:center;color:var(--c-879da5,#879da5)!important;font-size:11px}.notification-toast{position:fixed;right:22px;top:84px;z-index:20;width:min(360px,calc(100vw - 32px));padding:13px 15px;border:1px solid var(--border-color);border-left:4px solid var(--accent-color);border-radius:9px;background:var(--surface-bg);box-shadow:0 8px 28px color-mix(in srgb,var(--c-233c45,#233c45) 14%,transparent);color:var(--font-color);font-size:11px;animation:notification-enter .18s ease-out}.notification-toast strong{display:block;margin-bottom:4px;font-size:11px}.notification-toast span{color:var(--c-68828b,#68828b)!important;line-height:1.4}@keyframes notification-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.notification-count[hidden]{display:none!important}

.escalation-panel .module-form{grid-template-columns:repeat(4,minmax(140px,1fr));align-items:end}.escalation-panel .module-full{grid-column:1/-1}.report-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.report-charts .chart-panel{min-height:200px}.report-charts .chart-row{grid-template-columns:minmax(80px,120px) 1fr 28px}.filter-card #audit-filter-form,.filter-card #report-filter-form{grid-template-columns:repeat(5,minmax(130px,1fr))}.filter-card #audit-filter-form .submit-button,.filter-card #report-filter-form .submit-button{grid-column:auto}@media(max-width:900px){.escalation-panel .module-form{grid-template-columns:repeat(2,minmax(140px,1fr))}.filter-card #audit-filter-form,.filter-card #report-filter-form{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media(max-width:520px){.report-charts{grid-template-columns:1fr}.escalation-panel .module-form{grid-template-columns:1fr}.filter-card #audit-filter-form,.filter-card #report-filter-form{grid-template-columns:1fr}}

.ticket-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.ticket-evidence,.ticket-relations{min-width:0;padding:14px;border:1px solid var(--border-color);border-radius:9px;background:var(--surface-bg)}.ticket-tools-grid h3,.detailed-access-wrap h3{margin:0 0 11px;color:var(--font-color);font:700 calc(12px * var(--font-scale,1)) Manrope,Arial}.ticket-evidence .field,.ticket-relations .field{margin-bottom:9px}.ticket-evidence input[type=file]{height:auto;padding:7px}.ticket-evidence-list,.related-ticket-list,.service-block-list{display:grid;gap:7px;margin-top:10px}.ticket-evidence-item,.related-ticket-item,.service-block-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:9px;border:1px solid var(--border-color);border-radius:7px}.ticket-evidence-item>a{overflow:hidden;color:var(--accent-color);font-size:calc(10px * var(--font-scale,1));text-overflow:ellipsis;white-space:nowrap}.ticket-evidence-item>small{grid-column:1;color:var(--c-78919a,#78919a);font-size:calc(9px * var(--font-scale,1))}.ticket-evidence-item>button,.related-ticket-item>button,.service-block-row>button{grid-column:2;grid-row:1/3;padding:5px 8px}.related-ticket-item span,.service-block-row span{overflow-wrap:anywhere;color:var(--font-color);font-size:calc(10px * var(--font-scale,1))}.service-weekly-hours{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px}.service-hour-row{display:grid;grid-template-columns:minmax(120px,1fr) 90px 22px 90px;gap:7px;align-items:center;padding:8px;border:1px solid var(--border-color);border-radius:7px}.service-hour-row label{display:flex;align-items:center;gap:7px;color:var(--font-color);font-size:calc(10px * var(--font-scale,1))}.service-hour-row input[type=time]{width:100%;min-height:32px;padding:4px;border:1px solid var(--border-color);border-radius:5px;background:var(--surface-bg);color:var(--font-color)}.service-hour-row input[type=checkbox],#detailed-access-matrix input{accent-color:var(--accent-color)}.service-block-row{grid-template-columns:minmax(0,1fr) auto}.detailed-access-wrap{margin:16px 0;padding:14px;border:1px solid var(--border-color);border-radius:9px}.detailed-access-wrap td{text-align:center}.detailed-access-wrap td input{width:16px;height:16px}.detailed-access-wrap tbody th{color:var(--font-color);font-size:calc(10px * var(--font-scale,1));letter-spacing:0}
@media(max-width:760px){.ticket-tools-grid,.service-weekly-hours{grid-template-columns:1fr}.service-hour-row{grid-template-columns:minmax(100px,1fr) 75px 18px 75px}.ticket-tools-grid{gap:8px}}
/* V10.32: novos paineis operacionais */
.asset-filter{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:end;margin:4px 0 16px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:4px 0 16px}.load-indicator{width:120px;max-width:100%;height:7px;margin:2px 0 5px;border-radius:9px;background:var(--c-f6f2ec,#f6f2ec);overflow:hidden}.load-indicator-fill{display:block;height:100%;border-radius:inherit;background:var(--success-color)}.load-indicator-fill.medium{background:var(--warning-color)}.load-indicator-fill.high{background:var(--danger-color)}
@media(max-width:760px){.asset-filter,.metric-grid{grid-template-columns:1fr}.load-indicator{width:80px}}
/* V10.33: autoatendimento, integrações, conhecimento e pesquisa */
.portal-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px;margin-bottom:14px}.knowledge-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) minmax(180px,1fr);gap:12px;margin:18px 0}.knowledge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:15px}.knowledge-card,.portal-ticket-card{background:#fff;border:1px solid var(--border-color);border-radius:9px;padding:15px}.knowledge-card h3,.portal-ticket-card h3{font:700 calc(13px * var(--font-scale,1)) Manrope;margin:10px 0 8px}.knowledge-card p,.portal-ticket-card p{color:var(--c-738d96,#738d96);font-size:calc(11px * var(--font-scale,1));line-height:1.6;white-space:pre-wrap}.knowledge-card-head,.portal-ticket-card>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}.knowledge-card details{margin-top:8px;color:var(--c-647e87,#647e87);font-size:calc(11px * var(--font-scale,1));line-height:1.6}.knowledge-card summary{cursor:pointer;font-weight:700}.knowledge-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.portal-ticket-results{display:grid;gap:8px;margin-top:14px}.portal-ticket-card{padding:12px}.portal-ticket-card p{margin:6px 0}.portal-ticket-card small{color:var(--c-879da5,#879da5)}.integration-channel{display:grid;gap:13px;border:1px solid var(--border-color);border-radius:9px;padding:16px;margin:4px 0 14px}.integration-channel h3{margin:0;font:700 calc(13px * var(--font-scale,1)) Manrope}.integration-channel p{margin:4px 0 0;color:var(--c-879da5,#879da5);font-size:calc(10px * var(--font-scale,1))}.integration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.integration-fields[hidden]{display:none}.integration-warning{padding:11px 13px;background:#fff8e9;border:1px solid #f1d79d;border-radius:7px;color:#755716;font-size:calc(10px * var(--font-scale,1));line-height:1.5}.link-button{text-decoration:none;display:inline-flex;align-items:center}.toggle-field{display:flex;align-items:center;gap:8px;color:var(--c-58717a,#58717a);font-size:calc(11px * var(--font-scale,1));font-weight:600}.toggle-field input{accent-color:var(--accent-color)}
@media(max-width:850px){.portal-grid{grid-template-columns:1fr}.integration-fields{grid-template-columns:1fr}.knowledge-toolbar{grid-template-columns:1fr}}

/* V10.68 - integrações liberadas pela central */
.central-integrations{margin:6px 0 14px}.central-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:10px}
.central-card{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--border-color,var(--c-f5efe7,#f5efe7));border-radius:10px;background:var(--surface,#fff)}
.central-card div{display:flex;flex-direction:column;gap:2px}.central-card span{color:var(--c-778f98,#778f98);font-size:11px}.central-card p{margin:0;color:var(--c-536d77,#536d77);font-size:12px}
.central-card em{justify-self:start;padding:3px 8px;border-radius:20px;background:var(--c-f6f2ed,#f6f2ed);color:var(--c-59717a,#59717a);font-size:11px;font-style:normal;font-weight:700}
.central-card.ativa em{background:#e5f6ef;color:#23734f}.central-card.parcial em{background:#fff3dc;color:#9b6b10}.central-card.bloqueada em{background:#fcebec;color:#ae303a}
/* V10.78 - numeração dos chamados */
.numeracao-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 18px;align-items:end}
.numeracao-form label{display:flex;flex-direction:column;gap:6px}
.numeracao-form .numeracao-ativo,.numeracao-form .numeracao-exemplo,.numeracao-form .settings-actions{grid-column:1/-1}
.numeracao-form .numeracao-ativo,.numeracao-form .numeracao-check{flex-direction:row;align-items:center;gap:8px}
.numeracao-form small{opacity:.75}
.numeracao-exemplo strong{font-family:ui-monospace,Consolas,monospace;font-size:1.1em}

/* V10.79 - e-mail do suporte e opções de SLA */
.email-suporte-form fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px;border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:10px;padding:12px 14px;margin:0 0 14px}
.email-suporte-form legend{font-weight:700;padding:0 6px}
.email-suporte-form label{display:flex;flex-direction:column;gap:6px}
.email-suporte-form .email-check{flex-direction:row;align-items:center;gap:8px}
.email-suporte-form .email-wide,.email-suporte-form fieldset>p{grid-column:1/-1}
.email-suporte-form .settings-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.email-suporte-form .email-teste{display:flex;flex-direction:column;gap:4px}
.email-registro td small{opacity:.7}
.sla-opcoes-form{display:grid;gap:12px}
.sla-opcoes-form .sla-opcao{display:flex;gap:8px;align-items:center}
.sla-pausa-status{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:6px}
.sla-pausa-status label{display:flex;gap:6px;align-items:center}
.sla-opcoes-form input[type=checkbox]{width:auto;height:auto;min-height:0;margin:0;flex:none}
.sla-opcoes-form{padding:4px 0}

/* V10.81 - assistente de IA na tela do chamado */
.ia-assistente{margin:12px 0;padding:12px 14px;border:1px dashed var(--line,#c9d3dd);border-radius:10px;background:var(--surface-2,rgba(42,157,143,.06))}
.ia-assistente h3{margin:0 0 8px;font-size:.95rem}
.ia-assistente .ia-linha{margin:0 0 8px;line-height:1.45}
.ia-assistente .ia-acoes{display:flex;flex-wrap:wrap;gap:8px}
.ia-assistente .settings-status{margin:8px 0 0}
.portal-assistente{margin:14px 0 0;padding:14px 16px;border:1px solid var(--line,#c9d3dd);border-radius:10px;background:var(--surface-2,rgba(42,157,143,.06))}
.portal-assistente h3{margin:0 0 6px;font-size:1rem}
.portal-assistente .portal-assistente-texto{white-space:pre-wrap;line-height:1.5;margin:0 0 10px}
.portal-assistente .settings-actions{display:flex;flex-wrap:wrap;gap:8px}

/* V10.85 - Configurações › Colunas das tabelas */
.grades-topo{display:grid;gap:8px;margin:0 0 6px}.grades-topo .field{max-width:360px}
.grades-tela{margin:18px 0 8px;font-size:calc(14px * var(--font-scale,1))}
.grades-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.grades-cartao{border:1px solid var(--border-color);border-radius:12px;padding:12px 14px;background:var(--surface-bg,#fff);min-width:0}
.grades-cartao header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin:0 0 8px}.grades-cartao header b{display:block}.grades-cartao header small{color:var(--muted,var(--c-68828b,#68828b))}
.grades-colunas{width:100%;border-collapse:collapse;font-size:calc(12px * var(--font-scale,1))}
.grades-colunas th{text-align:left;font-weight:700;color:var(--muted,var(--c-68828b,#68828b));padding:4px 6px;border-bottom:1px solid var(--border-color)}
.grades-colunas td{padding:4px 6px;border-bottom:1px solid color-mix(in srgb,var(--border-color) 60%,transparent)}
.grades-colunas th:not(:first-child),.grades-colunas td:not(:first-child){text-align:center;width:84px}
.grades-colunas input{width:18px;height:18px;cursor:pointer}.grades-colunas input:disabled{cursor:not-allowed}
.grades-colunas tr.fixa td:first-child{color:var(--muted,var(--c-68828b,#68828b))}
.grades-nova{padding:1px 6px;border-radius:10px;background:var(--accent-soft);font-size:10px}
/* V10.89 - prazo de SLA gravado (dbo.chamado_sla) na janela do chamado. */
.ticket-sla-info{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 4px;padding:10px 12px;border:1px solid var(--border-color);border-radius:7px;font-size:calc(10px * var(--font-scale,1));color:var(--muted)}
.ticket-sla-info:empty{display:none}
.ticket-sla-info strong{color:var(--ink)}
.ticket-sla-info .sla-estado-violado{color:var(--danger-color)}
.ticket-sla-info .sla-estado-concluido{color:var(--success-color)}

.menu-ordem-lista{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:6px;max-width:520px}
.menu-ordem-item{display:flex;align-items:center;gap:8px}
.menu-ordem-item span{flex:1}


/* V10.97 - janela do chamado: tela larga sem rolagem própria. Campos no topo, relacionados à esquerda, texto e histórico no
   centro, anexos à direita. Só o histórico e as colunas laterais rolam por dentro quando o conteúdo passa da altura. */
/* V10.104 - painel do chamado dentro da tela de Chamados, em abas: informações à esquerda, conversa no centro, anexos e relacionados à direita. */
.ticket-tabs{display:flex;gap:4px;align-items:flex-end;overflow-x:auto;margin:0 0 12px;border-bottom:1px solid var(--border-color)}
.ticket-tabs[hidden]{display:none}
.ticket-tab{display:inline-flex;align-items:stretch;flex:none;max-width:220px;border:1px solid var(--border-color);border-bottom:0;border-radius:8px 8px 0 0;background:var(--surface-bg);opacity:.8}
.ticket-tab.active{opacity:1;border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 14%,var(--surface-bg));box-shadow:0 2px 0 var(--surface-bg)}
.ticket-tab button{border:0;background:transparent;color:var(--font-color);font:600 calc(12px * var(--font-scale,1)) 'DM Sans',Arial;cursor:pointer;padding:9px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticket-tab .ticket-tab-close{padding:9px 9px 9px 2px;font-size:calc(16px * var(--font-scale,1));line-height:1;opacity:.65}
.ticket-tab .ticket-tab-close:hover{opacity:1}
.ticket-tab-dot{color:var(--accent-color);font-size:.8em}
.ticket-workspace{height:calc(100vh - 150px);min-height:540px;display:flex;flex-direction:column;padding:14px 16px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-bg)}
.ticket-workspace[hidden]{display:none}
.ticket-ws-form{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}
.ticket-ws-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.ticket-ws-head h2{margin:2px 0 0}
.ticket-client-alert{max-width:440px;padding:9px 12px;border:1px solid var(--c-e9c46a,#e9c46a);border-left:4px solid #e0a800;border-radius:8px;background:#fff6d6;color:#6b4e00;font-size:calc(11px * var(--font-scale,1));line-height:1.45}
.ticket-client-alert[hidden]{display:none}
#ticket-detail-dialog :is(.ticket-client-alert,.ticket-client-alert *){color:#6b4e00!important}
.ticket-ws-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr) minmax(230px,270px);gap:14px}
.ticket-ws-body>*{min-height:0}
.ticket-ws-body h3{margin:0 0 8px;color:var(--font-color);font:700 calc(12px * var(--font-scale,1)) Manrope,Arial}
.ticket-ws-info{display:flex;flex-direction:column;gap:10px;overflow:auto;padding:12px}
.ticket-ws-info .detail-fields{grid-template-columns:1fr 1fr;gap:8px}
.ticket-ws-info .ticket-sla-info{margin:0}
.ticket-ws-desc{flex:1;min-height:90px}
.ticket-ws-desc textarea{flex:1;min-height:70px;resize:none}
.ticket-ws-chat{display:flex;flex-direction:column;gap:10px}
.ticket-ws-chat .conversation-panel{flex:1;min-height:120px;display:flex;flex-direction:column;margin:0}
.ticket-ws-chat .message-history{flex:1;min-height:0;max-height:none;overflow:auto}
.ticket-ws-chat .reply-visibility{margin:0}
.ticket-ws-chat .field textarea{resize:vertical;min-height:64px}
.ticket-ws-chat .settings-actions{margin:0}
.ticket-ws-side{display:flex;flex-direction:column;gap:10px}
.ticket-ws-box{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:6px;padding:10px}
.ticket-ws-box .ticket-evidence-list,.ticket-ws-box .related-ticket-list{flex:1;min-height:0;overflow:auto;margin-top:2px;gap:5px}
.ticket-ws-box :is(.ticket-evidence-item,.related-ticket-item){padding:5px 7px}
.ticket-ws-box .empty{margin:0;font-size:calc(10px * var(--font-scale,1));text-align:left}
.ticket-ws-box input[type=file]{width:100%;padding:4px;font-size:calc(10px * var(--font-scale,1))}
.ticket-ws-row{display:flex;gap:6px;align-items:center}
.ticket-ws-row>select,.ticket-ws-row>input{flex:1;min-width:0;height:30px;padding:4px 8px}
.ticket-ws-row>button{flex:none;padding:6px 9px}
@media(max-width:1100px){
  .ticket-workspace{height:auto;min-height:0}
  .ticket-ws-body{grid-template-columns:1fr}
  .ticket-ws-body>*{overflow:visible}
  .ticket-ws-chat{order:-1}
  .ticket-ws-chat .message-history{max-height:340px}
  .ticket-ws-head{flex-wrap:wrap}
}
html[data-modo="escuro"] .ticket-client-alert{background:#3a3220;border-color:#8a6d1f;border-left-color:var(--c-e9c46a,#e9c46a)}
html[data-modo="escuro"] #ticket-detail-dialog :is(.ticket-client-alert,.ticket-client-alert *){color:#f1dfb5!important}

/* V10.101 - Manual (quadro do manual unificado) */
#page-manual .manual-frame{display:block;width:100%;height:calc(100vh - 128px);min-height:480px;border:1px solid var(--border-color,rgba(255,255,255,.12));border-radius:22px;background:transparent}
.nav-item[data-page=manual]+.config-subnav a.active{font-weight:700}
#portal-page-manual .manual-frame{display:block;width:100%;height:calc(100vh - 32px);min-height:520px;scroll-margin-top:16px;border:1px solid var(--border-color,rgba(255,255,255,.12));border-radius:22px;background:transparent}

/* V10.103 - ordens de servico e comentario interno do chamado */
.reply-visibility{border:1px solid rgba(128,128,128,.35);border-radius:6px;padding:8px 12px;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px 18px}
.reply-visibility legend{font-size:.8em;padding:0 6px;opacity:.8}
.reply-visibility label{display:flex;align-items:center;gap:6px;cursor:pointer}
.message-item.internal-message{border-style:dashed;background-image:repeating-linear-gradient(135deg,rgba(138,106,47,.08) 0 8px,transparent 8px 16px)}
.internal-badge{font-style:normal;font-size:.72em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid currentColor;border-radius:4px;padding:1px 6px;margin-left:6px;opacity:.85}
.os-detail-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;margin:12px 0 18px}
.os-qr{width:220px;height:220px;background:#fff;border-radius:6px;padding:4px;flex:none}
.os-qr svg{width:100%;height:100%;display:block}
.os-facts{flex:1 1 280px;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 18px}
.os-facts dt{font-size:.75em;text-transform:uppercase;letter-spacing:.05em;opacity:.7}
.os-facts dd{margin:2px 0 0;word-break:break-word}
.reply-visibility label{flex:1 1 220px}
.reply-visibility input[type=radio]{width:auto;min-width:0;height:auto;margin:0;padding:0;flex:none}

/* V10.105 - quem respondeu e tipo da mensagem */
.author-badge,.public-badge{font-style:normal;font-size:.72em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid currentColor;border-radius:4px;padding:1px 6px;margin-left:6px;opacity:.7}
.message-by{display:block;font-size:.78em;opacity:.7;margin-top:2px}
.message-item>div{flex-wrap:wrap}

/* V10.106 - janela da reuniao online */
.meeting-dialog{width:min(640px,calc(100% - 28px));max-height:92vh;overflow:auto}
.meeting-dialog form{display:grid;gap:12px}
.meeting-link-row{display:flex;gap:6px;align-items:center}
.meeting-link-row input{flex:1;min-width:0}
.meeting-recipients{border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;display:grid;gap:8px}
.meeting-recipients legend{font-size:.8em;padding:0 6px;opacity:.8}
.meeting-contacts{display:grid;gap:4px;max-height:170px;overflow:auto}
.meeting-contact{display:flex;gap:8px;align-items:flex-start;cursor:pointer}
.meeting-contact input{width:auto;margin-top:3px;flex:none}
.meeting-contact small{display:block;opacity:.7}
.meeting-channels{display:flex;flex-wrap:wrap;gap:6px 18px}
.meeting-channels label{display:flex;align-items:center;gap:6px;cursor:pointer}
.meeting-channels input{width:auto}
.settings-status.is-error{color:#c0392b}

/* V10.109 - historico do chamado em ordem de data e hora, solicitacao no centro e tipo de resposta no topo esquerdo */
.ticket-ws-info>.reply-visibility{margin:0 0 4px;flex:none}
.ticket-ws-request{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;flex:none}
.ticket-ws-subject{font-weight:700;font-size:calc(14px * var(--font-scale,1));border:0!important;background:transparent!important;color:var(--font-color);padding:0!important;width:100%;min-height:0!important}
.ticket-ws-description{width:100%;box-sizing:border-box;border:0!important;background:transparent!important;color:var(--font-color);resize:none!important;padding:0!important;min-height:0!important;max-height:120px;overflow:auto;font:inherit;opacity:.9}
.ticket-timeline-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.ticket-timeline-bar h3{margin:0}
.timeline-filter{display:flex;gap:4px}
.timeline-filter button{border:1px solid var(--border-color);background:transparent;color:var(--font-color);border-radius:999px;padding:3px 10px;font-size:.78em;cursor:pointer}
.timeline-filter button.active{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 16%,transparent);font-weight:600}
.ticket-timeline{display:flex!important;flex-direction:column;gap:8px;padding:6px 4px}
.tl-item time{font-size:.74em;opacity:.7;white-space:nowrap;margin-left:auto}
.tl-msg{display:flex;gap:10px;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px}
.tl-equipe{background:color-mix(in srgb,var(--accent-color) 7%,transparent)}
.tl-nota{background:color-mix(in srgb,#e0a800 11%,transparent);border-style:dashed;border-color:#b7791f}
.tl-avatar{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;font-weight:700;font-size:.85em;background:color-mix(in srgb,var(--accent-color) 25%,transparent)}
.tl-corpo{flex:1;min-width:0}
.tl-corpo header{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tl-texto{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.tl-badge{font-size:.66em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid currentColor;border-radius:4px;padding:1px 6px;opacity:.85}
.tl-interna{color:#b7791f}
.tl-publica{color:#2f855a}
.tl-canal{color:var(--accent-color)}
.tl-evento{display:flex;align-items:flex-start;gap:8px;font-size:.82em;opacity:.9;padding:2px 8px}
.tl-ponto{width:18px;text-align:center;flex:none}
.tl-evento-txt{flex:1;min-width:0;overflow-wrap:anywhere}
.tl-evento-txt small{display:block;opacity:.75}
.tl-entrega .tl-ponto{color:#2f855a}
.tl-falha .tl-ponto,.tl-falha .tl-evento-txt span{color:#c0392b}

/* V10.109 - bloco "Esta mensagem e" e canais compactos no topo da coluna esquerda */
.ticket-ws-info{gap:8px!important;padding:10px!important}
.ticket-ws-info .reply-visibility{padding:4px 10px 6px;gap:2px 12px;font-size:calc(11px * var(--font-scale,1))}
.ticket-ws-info .reply-channels-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;width:100%}
.ticket-ws-info .reply-channels-list label{display:flex;align-items:flex-start;gap:5px;flex:none;min-width:0}
.ticket-ws-info .reply-channels-list label small{display:none}
.ticket-ws-info .reply-channels-list .is-disabled{opacity:.5}
.ticket-ws-info .reply-channels small.muted{display:block;font-size:.72em;opacity:.7;line-height:1.3}
.ticket-ws-info .detail-fields{gap:6px!important}

/* V10.109.2 - canais da resposta: caixas de marcar com tamanho normal e texto alinhado a esquerda dentro do quadro */
.ticket-ws-info .reply-channels{display:block!important;padding:6px 10px 8px}
.ticket-ws-info .reply-channels .reply-channels-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;width:100%;margin:2px 0 6px}
.ticket-ws-info .reply-channels .reply-channels-list label{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:6px;min-width:0;margin:0;padding:0;text-align:left!important;font-size:calc(11px * var(--font-scale,1));line-height:1.25;font-weight:500;cursor:pointer}
.ticket-ws-info .reply-channels .reply-channels-list label.is-disabled{cursor:not-allowed}
.ticket-ws-info .reply-channels .reply-channels-list input[type=checkbox]{width:15px!important;height:15px!important;min-width:15px;min-height:0!important;margin:0!important;padding:0!important;flex:none;accent-color:var(--accent-color)}
.ticket-ws-info .reply-visibility input[type=radio]{accent-color:var(--accent-color)}