*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:var(--font-ui);color:var(--tp-ink);background:#faf9fb;-webkit-font-smoothing:antialiased}
body{font-size:14px;line-height:1.45} a{color:inherit;text-decoration:none} button,input,textarea,select{font:inherit} button{cursor:pointer} img{display:block;max-width:100%}
.material-symbols-rounded{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;font-size:24px;line-height:1}
:focus-visible{outline:3px solid var(--tp-phlox);outline-offset:2px}
/* App shell */
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid rgba(75,0,90,.09);padding:24px 18px 18px;display:flex;flex-direction:column;z-index:20}
.sidebar-logo{width:180px;padding:6px 10px 20px}
.nav-group{display:grid;gap:5px;margin-top:4px}.nav-link{min-height:46px;padding:0 13px;border-radius:14px;display:flex;align-items:center;gap:12px;color:var(--tp-gray-700);font-weight:700;transition:.18s}
.nav-link .material-symbols-rounded{font-size:22px;color:var(--tp-purple)} .nav-link:hover:not(:disabled):not([aria-disabled=true]){background:var(--tp-smoke);color:var(--tp-purple)} .nav-link.active{background:var(--tp-pale);color:var(--tp-purple)}
.sidebar-bottom{margin-top:auto;display:grid;gap:10px}.connection-mini{border:1px solid var(--tp-platinum);border-radius:18px;padding:14px;background:#fff}.connection-mini strong{font-family:var(--font-brand);display:block;font-size:14px;color:var(--tp-violet)}
.status-line{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:12px;color:var(--tp-sea);font-weight:800}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--tp-mint)}
.main{min-width:0}.topbar{height:var(--topbar-h);position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(75,0,90,.08)}
.topbar-title{font-family:var(--font-brand);font-weight:700;color:var(--tp-violet);font-size:17px}.topbar-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:42px;height:42px;border:1px solid var(--tp-platinum);background:#fff;color:var(--tp-violet);border-radius:14px;display:grid;place-items:center}.icon-btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--tp-pale);border-color:rgba(107,0,128,.18)}
.user-chip{display:flex;align-items:center;gap:10px;padding:5px 8px 5px 5px;border-radius:999px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--tp-purple),var(--tp-mauveine));color:#fff;font-weight:800;flex:0 0 auto}.avatar.sm{width:34px;height:34px;font-size:12px}.avatar.lg{width:64px;height:64px;font-size:20px}.user-meta{line-height:1.15}.user-meta strong{display:block;font-size:12px}.user-meta span{display:block;font-size:11px;color:var(--tp-gray-500);margin-top:3px}
.content{width:min(var(--content-max),calc(100% - 48px));margin:0 auto;padding:28px 0 48px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.page-title{font:800 34px/1.05 var(--font-brand);letter-spacing:-.035em;color:var(--tp-violet);margin:0}.page-subtitle{color:var(--tp-gray-700);margin:7px 0 0}.page-actions{display:flex;gap:10px;flex-wrap:wrap}
/* Components */
.btn{min-height:46px;border:0;border-radius:999px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-brand);font-weight:700;font-size:14px;transition:.18s;white-space:nowrap}.btn:hover:not(:disabled):not([aria-disabled=true]){transform:translateY(-1px)}.btn-primary{background:var(--tp-purple);color:#fff;box-shadow:0 9px 24px rgba(107,0,128,.2)}.btn-primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--tp-mauveine)}.btn-secondary{background:#fff;color:var(--tp-purple);border:1px solid rgba(107,0,128,.24)}.btn-secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--tp-pale)}.btn-ghost{background:transparent;color:var(--tp-purple)}.btn-danger{background:var(--tp-folly);color:#fff}.btn-sm{min-height:36px;padding:0 14px;font-size:12px}.btn .material-symbols-rounded{font-size:19px}
.card{background:#fff;border:1px solid rgba(75,0,90,.09);border-radius:var(--radius-md);box-shadow:0 5px 18px rgba(75,0,90,.035)}.card-pad{padding:22px}.card-title{font:700 18px/1.15 var(--font-brand);color:var(--tp-violet);margin:0}.muted{color:var(--tp-gray-700)}.small{font-size:12px}.label{font-weight:800;font-size:12px;color:var(--tp-violet);display:block;margin-bottom:7px}.field{width:100%;min-height:46px;border:1px solid var(--tp-platinum);border-radius:14px;background:#fff;color:var(--tp-ink);padding:0 14px;outline:0}.field:focus{border-color:var(--tp-purple);box-shadow:0 0 0 3px rgba(213,0,255,.10)}textarea.field{padding:12px 14px;min-height:98px;resize:vertical}.field-icon{position:relative}.field-icon>.material-symbols-rounded{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--tp-gray-500)}.field-icon>.field{padding-left:42px}
.tag{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:800}.tag.purple{background:var(--tp-pale);color:var(--tp-purple)}.tag.green{background:var(--tp-azure);color:var(--tp-sea)}.tag.orange{background:var(--tp-seashell);color:#B83D00}.tag.pink{background:var(--tp-pink);color:#A00038}.tag.gray{background:var(--tp-smoke);color:var(--tp-gray-700)}.tag.yellow{background:var(--tp-lemon);color:#765D00}
.tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--tp-platinum)}.tab{display:inline-flex;align-items:center;gap:7px;padding:0 2px 12px;border:0;background:transparent;color:var(--tp-gray-700);font-weight:800;font-size:12px;position:relative}.tab .material-symbols-rounded{font-size:17px}.tab.active{color:var(--tp-purple)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:99px;background:var(--tp-phlox)}
.toolbar{display:flex;align-items:center;gap:10px}.toolbar .search{flex:1}.select{min-height:42px;border:1px solid var(--tp-platinum);border-radius:13px;background:#fff;padding:0 12px;color:var(--tp-gray-700);font-weight:700;font-size:12px}
.separator{height:1px;background:var(--tp-platinum);margin:18px 0}.empty{display:grid;place-items:center;text-align:center;min-height:340px;color:var(--tp-gray-500)}.empty .material-symbols-rounded{font-size:52px;color:var(--tp-silver);margin-bottom:12px}
/* Dashboard */
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{padding:18px;display:flex;gap:14px;align-items:flex-start}.metric-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--tp-pale);color:var(--tp-purple);flex:0 0 auto}.metric-icon.green{background:var(--tp-azure);color:var(--tp-sea)}.metric-icon.orange{background:var(--tp-seashell);color:var(--tp-orange)}.metric-icon.pink{background:var(--tp-pink);color:var(--tp-folly)}.metric strong{font:800 25px/1 var(--font-brand);color:var(--tp-violet);display:block}.metric span{font-size:11px;color:var(--tp-gray-700)}.trend{font-size:11px;font-weight:800;color:var(--tp-sea);margin-top:6px}.trend.down{color:var(--tp-folly)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:14px;margin-top:14px}.chart-card{padding:20px}.fake-chart{height:220px;margin-top:18px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,var(--tp-smoke) 44px);overflow:hidden;border-radius:12px}.fake-chart svg{position:absolute;inset:14px 4px 10px;width:calc(100% - 8px);height:calc(100% - 24px)}
.donut-wrap{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:16px}.donut{width:134px;height:134px;border-radius:50%;background:conic-gradient(var(--tp-purple) 0 23%,var(--tp-sea) 23% 73%,var(--tp-orange) 73% 85%,var(--tp-folly) 85% 100%);position:relative}.donut:after{content:"";position:absolute;inset:25px;border-radius:50%;background:#fff}.legend{display:grid;gap:9px}.legend-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--tp-gray-700)}.legend-dot{width:8px;height:8px;border-radius:50%}
.table-card{margin-top:14px;overflow:hidden}.table-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 18px;border-top:1px solid var(--tp-platinum);font-size:12px}.table th{font-weight:800;color:var(--tp-gray-700);background:#fcfbfc}.table td strong{color:var(--tp-violet)}
/* Conversations */
.inbox-layout{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);height:calc(100vh - var(--topbar-h));overflow:hidden;background:#fff}.conversation-pane{border-right:1px solid var(--tp-platinum);min-width:0;display:flex;flex-direction:column}.conversation-head{padding:22px 20px 16px}.conversation-head-row{display:flex;align-items:center;justify-content:space-between}.conversation-head h1{font:800 28px/1 var(--font-brand);color:var(--tp-violet);margin:0}.conversation-tabs{margin-top:18px}.conversation-search{padding:12px 16px;border-bottom:1px solid var(--tp-platinum)}.conversation-list{overflow:auto;flex:1}.conversation-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 16px;border:0;border-bottom:1px solid #f0edf1;background:#fff;text-align:left}.conversation-item:hover:not(:disabled):not([aria-disabled=true]),.conversation-item.active{background:#fdf8ff}.conversation-item.active{box-shadow:inset 3px 0 var(--tp-phlox)}.conv-main{min-width:0}.conv-top,.conv-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.conv-name{font-weight:800;color:var(--tp-violet);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time{font-size:10px;color:var(--tp-gray-500)}.conv-preview{font-size:11px;color:var(--tp-gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.conv-phone{font-size:10px;color:var(--tp-gray-500);margin-top:2px}.unread{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--tp-purple);color:#fff;font-size:10px;font-weight:800}
.chat-pane{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(180deg,#fff,#fcfbfd)}.chat-head{height:78px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--tp-platinum);background:#fff}.chat-person{display:flex;align-items:center;gap:11px}.chat-person strong{display:block;color:var(--tp-violet)}.chat-person span{font-size:11px;color:var(--tp-gray-500)}.chat-actions{display:flex;align-items:center;gap:8px}.chat-scroll{overflow:auto;padding:24px;background-image:radial-gradient(rgba(107,0,128,.045) 1px,transparent 1px);background-size:20px 20px}.day-divider{text-align:center;margin:0 0 22px}.day-divider span{background:#fff;border:1px solid var(--tp-platinum);border-radius:999px;padding:6px 10px;font-size:10px;color:var(--tp-gray-500)}.msg-row{display:flex;margin:9px 0}.msg-row.out{justify-content:flex-end}.bubble{max-width:min(70%,620px);padding:11px 13px;border-radius:16px 16px 16px 5px;background:#fff;border:1px solid var(--tp-platinum);box-shadow:0 4px 12px rgba(75,0,90,.04)}.msg-row.out .bubble{background:var(--tp-pale);border-color:rgba(107,0,128,.08);border-radius:16px 16px 5px 16px}.bubble p{margin:0;font-size:13px}.bubble-meta{text-align:right;font-size:9.5px;color:var(--tp-gray-500);margin-top:4px}.bubble-meta .material-symbols-rounded{font-size:14px;vertical-align:-3px;color:var(--tp-purple)}.composer{padding:14px 16px;border-top:1px solid var(--tp-platinum);background:#fff;display:flex;align-items:flex-end;gap:9px}.composer textarea{min-height:46px;max-height:120px;resize:none;flex:1;padding-top:12px}.send-btn{width:46px;height:46px;border:0;border-radius:50%;background:var(--tp-purple);color:#fff;display:grid;place-items:center}.send-btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--tp-mauveine)}
/* Contacts */
.contacts-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.contact-list .table tr{cursor:pointer}.contact-list .table tr:hover:not(:disabled):not([aria-disabled=true]) td{background:#fdf8ff}.contact-summary{padding:22px;position:sticky;top:calc(var(--topbar-h) + 28px)}.profile-head{text-align:center;padding:8px 0 18px}.profile-head .avatar{margin:0 auto 12px}.profile-head h2{font:800 24px/1 var(--font-brand);color:var(--tp-violet);margin:0}.profile-head p{margin:5px 0 0;color:var(--tp-gray-700);font-size:12px}.kv{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:9px 0;border-top:1px solid var(--tp-platinum);font-size:12px}.kv:first-child{border-top:0}.kv span{color:var(--tp-gray-500)}.kv strong{color:var(--tp-violet)}
.contact-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:14px}.stats-small{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-small{padding:14px;border:1px solid var(--tp-platinum);border-radius:14px}.stat-small strong{font:800 20px/1 var(--font-brand);display:block;color:var(--tp-violet)}.stat-small span{font-size:10px;color:var(--tp-gray-500)}
/* Reports */
.bar-chart{height:240px;display:flex;align-items:flex-end;gap:12px;padding:24px 10px 0;border-bottom:1px solid var(--tp-platinum);margin-top:12px}.bar{flex:1;min-width:18px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--tp-phlox),var(--tp-purple));height:var(--h);position:relative}.bar span{position:absolute;left:50%;transform:translateX(-50%);bottom:-22px;font-size:10px;color:var(--tp-gray-500)}
/* Settings */
.settings-tabs{margin-bottom:18px}.setting-section{padding:22px}.setting-row{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;padding:20px 0;border-top:1px solid var(--tp-platinum)}.setting-row:first-child{border-top:0}.setting-label strong{display:block;color:var(--tp-violet)}.setting-label span{display:block;color:var(--tp-gray-700);font-size:11px;margin-top:4px}.whatsapp-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border:1px solid var(--tp-platinum);border-radius:18px}.wa-icon{width:54px;height:54px;border-radius:16px;background:#25D366;color:#fff;display:grid;place-items:center}.wa-icon .material-symbols-rounded{font-size:30px}.wa-meta strong{display:block;color:var(--tp-violet)}.wa-meta span{display:block;font-size:11px;color:var(--tp-gray-700);margin-top:4px}.wa-detail{display:flex;gap:30px;font-size:11px}.wa-detail div span{display:block;color:var(--tp-gray-500)}.wa-detail div strong{display:block;color:var(--tp-violet);margin-top:4px}
/* Modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(37,0,45,.36);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:24px;z-index:100}.modal-backdrop.open{display:flex}.modal{width:min(650px,100%);background:#fff;border-radius:24px;box-shadow:var(--shadow-md);overflow:hidden}.modal-head{padding:20px 22px;border-bottom:1px solid var(--tp-platinum);display:flex;align-items:center;justify-content:space-between}.modal-head h2{font:800 22px/1 var(--font-brand);color:var(--tp-violet);margin:0}.modal-body{padding:22px}.result-list{display:grid;gap:8px;margin-top:14px}.result-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--tp-platinum);border-radius:16px}
/* Login */
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(440px,1.05fr) minmax(430px,.95fr)}.login-brand{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--tp-violet),var(--tp-purple) 58%,var(--tp-mauveine));color:#fff;padding:54px clamp(34px,6vw,84px);display:flex;flex-direction:column;justify-content:space-between}.login-brand:before{content:"";position:absolute;width:620px;height:620px;border:70px solid rgba(213,0,255,.22);border-radius:50%;left:-350px;bottom:-380px}.login-brand:after{content:"";position:absolute;width:400px;height:400px;border:2px solid rgba(255,206,0,.25);border-radius:50%;right:-210px;top:-180px}.login-logo{width:260px;position:relative;z-index:2}.login-copy{position:relative;z-index:2;max-width:560px}.login-copy h1{font:800 clamp(46px,5vw,74px)/.98 var(--font-brand);letter-spacing:-.045em;margin:0;color:#fff}.login-copy p{font-size:18px;color:#eadfee;max-width:500px;margin:18px 0 0}.login-benefits{display:grid;gap:13px;margin-top:30px}.login-benefit{display:flex;align-items:center;gap:12px;font-weight:700;font-size:13px}.login-benefit i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-style:normal}.login-foot{position:relative;z-index:2;color:#d8c7dc;font-size:11px}.login-form-side{display:grid;place-items:center;padding:40px;background:#fff}.login-box{width:min(430px,100%)}.login-box h2{font:800 32px/1 var(--font-brand);color:var(--tp-violet);margin:0}.login-box>p{color:var(--tp-gray-700);margin:8px 0 28px}.form-stack{display:grid;gap:16px}.password-wrap{position:relative}.password-wrap .field{padding-right:44px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--tp-gray-500);display:grid;place-items:center}.form-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px}.check{display:flex;align-items:center;gap:8px;color:var(--tp-gray-700)}.check input{accent-color:var(--tp-purple)}.login-link{color:var(--tp-purple);font-weight:800}.login-submit{width:100%;margin-top:4px}.divider{display:flex;align-items:center;gap:12px;color:var(--tp-gray-500);font-size:10px;margin:6px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--tp-platinum);flex:1}.google-btn{width:100%;background:#fff;border:1px solid var(--tp-platinum);border-radius:14px;min-height:46px;font-weight:700;color:var(--tp-gray-700)}
/* Responsive */
.mobile-nav-btn{display:none}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.contacts-grid,.contact-detail-grid{grid-template-columns:1fr}.contact-summary{position:static}.setting-row{grid-template-columns:1fr}.wa-detail{flex-wrap:wrap}.inbox-layout{grid-template-columns:360px minmax(0,1fr)}}
@media(max-width:820px){:root{--sidebar-w:0px}.app-shell{display:block}.sidebar{position:fixed;left:-270px;width:250px;transition:.2s;box-shadow:var(--shadow-md)}.sidebar.open{left:0}.mobile-nav-btn{display:grid}.topbar{padding:0 16px}.content{width:min(100% - 28px,var(--content-max));padding-top:20px}.page-head{align-items:flex-start}.page-title{font-size:28px}.inbox-layout{height:calc(100vh - var(--topbar-h));display:block}.conversation-pane{height:100%;border-right:0}.chat-pane{position:fixed;inset:var(--topbar-h) 0 0 0;z-index:10;display:none}.chat-pane.mobile-open{display:grid}.metric-grid{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-form-side{min-height:100vh}.table-wrap{overflow:auto}.table{min-width:720px}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr}.page-head{display:block}.page-actions{margin-top:14px}.topbar-title{display:none}.user-meta{display:none}.content{width:calc(100% - 20px)}.tabs{gap:14px;overflow:auto}.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}.bubble{max-width:88%}.login-form-side{padding:26px}.stats-small{grid-template-columns:1fr}.whatsapp-card{grid-template-columns:auto 1fr}.wa-detail{grid-column:1/-1}}
/* Fase 2 — alinhamento institucional */
.sidebar .nav-link,
.sidebar .nav-link.active{
font-weight:400;
}
.sidebar .nav-link.active{
font-weight:500;
}
/* Evita cortes verticais/horizontais nos módulos */
html,body{width:100%;overflow-x:hidden}
.main{min-width:0}
.content{min-width:0}
.table-wrap{max-width:100%;overflow:auto}
/* Fase 3 — refinamento de UI interno / ERP */
.sidebar .nav-link,.sidebar .nav-link.active{font-weight:400}
.sidebar .nav-link.active{font-weight:500}
.erp-command-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:14px;background:linear-gradient(110deg,#fff,var(--tp-pale));border:1px solid var(--tp-platinum);border-radius:20px}
.erp-command-strip>div:first-child{display:grid;gap:4px}
.erp-command-strip strong{font:600 20px/1.1 var(--font-brand);color:var(--tp-violet)}
.erp-command-strip span:not(.material-symbols-rounded):not(.eyebrow){color:var(--tp-gray-500);font-size:10px}
.erp-command-actions{display:flex;gap:8px;flex-wrap:wrap}
.btn .material-symbols-rounded{font-size:17px;vertical-align:-4px;margin-right:5px}
@media(max-width:820px){.erp-command-strip{align-items:flex-start;flex-direction:column}}
/* Fase 4.1 — KPIs com iconografia proporcional aos cards */
.metric{
min-height:112px;
align-items:center;
}
.metric-icon{
width:58px;
height:58px;
border-radius:17px;
}
.metric-icon .material-symbols-rounded{
font-size:28px;
}
.module-navigation{display:flex;gap:8px;padding:10px 24px;overflow:auto;border-bottom:1px solid var(--tp-platinum);background:var(--tp-white,#fff)}
.module-navigation[hidden]{display:none}.module-navigation a{padding:7px 12px;border-radius:10px;white-space:nowrap;font-size:12px;color:var(--tp-gray-700)}.module-navigation a.active{background:var(--tp-pale);color:var(--tp-purple);font-weight:700}
html[data-theme="dark"] .module-navigation{background:#201b26;border-color:#3c3344}html[data-theme="dark"] .module-navigation a.active{background:#3c2949;color:#e2c7ef}
.ticket-details{margin-bottom:10px;font-size:12px}.ticket-details summary{cursor:pointer;font-weight:700;padding:6px 0}.ticket-details summary span{font-weight:400;color:var(--tp-gray-500);margin-left:8px}.ticket-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 0}.ticket-fields label{display:grid;gap:5px}.ticket-fields .field{min-height:36px;font-size:12px}.ticket-save{display:flex;align-items:center;gap:10px;padding-bottom:10px}.operation-panel:has(.ticket-details[open]){max-height:45vh;overflow:auto}
@media(max-width:700px){.ticket-fields{grid-template-columns:1fr}.module-navigation{padding:8px 12px}}
.main:has(#chatLive) .inbox-layout{height:calc(100vh - var(--topbar-h) - 55px)}
.inbox-channel-tabs{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--tp-platinum)}.inbox-channel-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:transparent;color:var(--tp-gray-700);padding:11px 8px;font-size:13px;font-weight:700}.inbox-channel-tabs button.active{background:var(--tp-pale);color:var(--tp-purple)}.inbox-channel-tabs .material-symbols-rounded{font-size:20px}.inbox-channel-tabs b{background:var(--tp-purple);color:white;border-radius:20px;min-width:22px;padding:2px 6px;font-size:11px}.inbox-channel-note{padding:10px 16px;margin:0;font-size:12px;color:var(--tp-gray-700);background:var(--tp-pale)}html[data-theme="dark"] .inbox-channel-tabs{border-color:#3c3344}html[data-theme="dark"] .inbox-channel-tabs button.active,html[data-theme="dark"] .inbox-channel-note{background:#302237;color:#dfc7e8}.live-composer[hidden],.inbox-channel-note[hidden]{display:none}.message-channel{display:block;opacity:.7;margin-bottom:5px}
.ticket-context{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;padding:0 0 10px;margin-bottom:10px;border-bottom:1px solid var(--tp-platinum);font-size:11px;color:var(--tp-gray-700)}
.ticket-context-program,.ticket-reference{display:flex;align-items:center;gap:6px;min-width:0}.ticket-context-program{flex:1 1 180px}.ticket-context-program>[data-ticket-value]{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-context-program small{font-size:10px;white-space:nowrap;opacity:.75}.ticket-context .material-symbols-rounded{font-size:16px}.ticket-reference>span{opacity:.7}.ticket-reference strong{font-weight:600;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:all}.ticket-copy,.ticket-edit{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:inherit;background:transparent;border:0;border-radius:6px;padding:6px;cursor:pointer;font-size:11px}.ticket-copy:hover:not(:disabled):not([aria-disabled=true]),.ticket-edit:hover:not(:disabled):not([aria-disabled=true]){background:var(--tp-pale);color:var(--tp-purple)}.ticket-copy:disabled{opacity:.25;cursor:default}.ticket-dialog{width:min(600px,calc(100vw - 32px));max-height:85vh;overflow:auto;padding:24px;border:1px solid var(--tp-platinum);border-radius:20px;color:var(--tp-gray-700);background:white;box-shadow:0 24px 80px #0003}.ticket-dialog::backdrop{background:#120c1a88;backdrop-filter:blur(3px)}.ticket-dialog-heading{display:flex;align-items:start;justify-content:space-between}.ticket-dialog h2{margin:0;font-size:20px}.ticket-dialog p{font-size:12px}.ticket-dialog .ticket-fields{grid-template-columns:repeat(2,minmax(0,1fr));font-size:12px}.ticket-subject{grid-column:1/-1}.ticket-save{justify-content:flex-end;padding:12px 0 0}.ticket-dialog .field{width:100%}.contact-area-filter{display:flex;align-items:center;gap:8px;font-size:12px}.email-subject{display:grid;gap:4px;font-size:11px}.email-subject[hidden]{display:none}.email-composer textarea{min-height:130px;max-height:240px}.email-composer .composer-main{min-width:0}.email-composer .inbox-channel-note{padding:6px 0;background:transparent;font-size:11px}.email-composer #recordAudioButton[hidden]{display:none!important}
html[data-theme="dark"] .ticket-context{border-color:#3c3344;color:#c8bcd2}html[data-theme="dark"] .ticket-dialog{background:#201b26;color:#dfd1e9;border-color:#44364e}html[data-theme="dark"] .ticket-copy:hover:not(:disabled):not([aria-disabled=true]),html[data-theme="dark"] .ticket-edit:hover:not(:disabled):not([aria-disabled=true]){background:#302237;color:#dfc7e8}
@media(max-width:700px){.ticket-context{gap:4px 12px}.ticket-context-program{flex-basis:100%}.ticket-dialog .ticket-fields{grid-template-columns:1fr}.ticket-save{flex-wrap:wrap}.contact-area-filter{width:100%}}
.contact-area-filter{max-width:320px;margin-bottom:14px}.ticket-context #ticketEdit{margin-left:auto}.ticket-context .ticket-copy:focus-visible,.ticket-context .ticket-edit:focus-visible{outline:2px solid var(--tp-purple);outline-offset:2px}
.ticket-context{gap:8px;padding-bottom:12px}.ticket-context .ticket-chip{flex:0 1 auto;display:inline-flex;min-height:32px;gap:6px;padding:5px 9px;border:1px solid #dce5f2;border-radius:9px;background:#eef3fa;color:#365474}.ticket-context .ticket-chip strong{font-weight:600;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-context .ticket-chip-label{font-weight:500;font-size:10px;opacity:.85}.ticket-context .ticket-order-chip{background:#f4edf9;border-color:#e9daf3;color:#6d4185}.ticket-context .ticket-supplier-chip{background:#eaf5f2;border-color:#d4eae3;color:#2c6654}.ticket-area-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 9px;border-radius:8px;background:#dff2e9;border:1px solid #c3e3d2;color:#286448;font-size:10px;font-weight:700;white-space:nowrap}.ticket-area-chip::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.ticket-area-chip[data-area="commercial"]{background:#f2e4fa;border-color:#e4c9f2;color:#78458d}.ticket-context .ticket-copy{padding:3px}.ticket-copy[hidden]{display:none}.ticket-edit{min-height:32px;border:1px solid var(--tp-platinum);padding:6px 9px}
html[data-theme="dark"] .ticket-context .ticket-chip{background:#242c3b;border-color:#364358;color:#c1d2ec}html[data-theme="dark"] .ticket-context .ticket-order-chip{background:#33253e;border-color:#4b355b;color:#dec2ec}html[data-theme="dark"] .ticket-context .ticket-supplier-chip{background:#21342f;border-color:#325044;color:#b8dcd0}html[data-theme="dark"] .ticket-area-chip{background:#233d32;border-color:#355642;color:#a4dbbd}html[data-theme="dark"] .ticket-area-chip[data-area="commercial"]{background:#412849;border-color:#604069;color:#e6bbf2}html[data-theme="dark"] .ticket-edit{border-color:#45394e;color:#d6c9de}@media(max-width:700px){.ticket-context .ticket-chip{flex:0 1 auto}.ticket-context .ticket-chip strong{max-width:110px}.ticket-context #ticketEdit{margin-left:0}}