@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:Plus Jakarta Sans,system-ui,sans-serif;color:#102033;background:radial-gradient(circle at top left,rgba(42,157,143,.18),transparent 24%),radial-gradient(circle at bottom right,rgba(242,166,90,.18),transparent 20%),linear-gradient(180deg,#f5f8fb,#eef3f8);--bg: rgba(255, 255, 255, .7);--line: rgba(16, 32, 51, .09);--text-soft: #617085;--primary: #0f766e;--primary-2: #14b8a6;--accent: #d97706;--success: #15803d;--warn: #b45309;--danger: #b42318;--shadow: 0 22px 48px rgba(15, 35, 52, .09)}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(42,157,143,.18),transparent 24%),radial-gradient(circle at bottom right,rgba(242,166,90,.18),transparent 20%),linear-gradient(180deg,#f5f8fb,#eef3f8)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.appShell{display:flex;min-height:100vh}.sidebar{width:300px;background:#071423ed;color:#f8fbff;border-right:1px solid rgba(255,255,255,.06);padding:24px 18px;position:fixed;inset:0 auto 0 0;overflow-y:auto;z-index:30}.sidebarBrand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.brandMark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0f766e,#14b8a6);font-weight:800}.sidebarBrand strong{display:block}.sidebarBrand small{color:#f8fbffad}.sidebarNav{display:flex;flex-direction:column;gap:14px}.sectionHeading{display:flex;align-items:center;gap:10px;color:#f8fbffb3;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.navLink,.navButton{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border-radius:14px;padding:12px 14px;color:#f8fbffd1;background:transparent;border:0;transition:background .18s ease,color .18s ease;text-align:left}.navButton span{display:inline-flex;align-items:center;gap:10px}.navLink:hover,.navButton:hover{background:#ffffff14}.navLink.active,.navButton.active{background:linear-gradient(135deg,#14b8a642,#0f766e66);color:#fff}.contentShell{margin-left:300px;width:calc(100% - 300px)}.topHeader{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:16px;padding:22px 28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f8fbb8;border-bottom:1px solid var(--line)}.topHeader__intro h2{margin:0;font-size:24px}.topHeader__intro p{margin:6px 0 0;color:var(--text-soft)}.topHeader__actions{display:flex;align-items:center;gap:12px}.searchBox{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 12px;background:#ffffffeb;border:1px solid var(--line);border-radius:14px}.headerSearch{min-width:280px}.searchBox input{border:0;background:transparent;width:100%;outline:none}.ghostIcon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ffffffeb;color:#102033;border:1px solid var(--line)}.userBadge{display:flex;flex-direction:column;padding:0 6px}.userBadge small,.textSoft{color:var(--text-soft)}.pageContent{padding:22px}.atendimentoPage{display:grid;grid-template-columns:360px minmax(480px,1fr) 340px;gap:18px;height:calc(100vh - 92px)}.surfaceCard{border:1px solid var(--line);background:var(--bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:26px}.flushCard{overflow:hidden}.ticketColumn,.chatPanel,.detailPanel{min-height:0}.ticketColumn__header{padding:18px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line)}.ticketColumn__header h3{margin:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:8px}.ticketTabs{display:flex;gap:8px;padding:14px 18px 0;flex-wrap:wrap}.ticketTabs button{border:1px solid var(--line);background:#ffffffc7;border-radius:999px;padding:8px 11px;font-weight:700}.ticketTabs button.active{background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;border-color:transparent}.ticketFilters{padding:12px 18px;display:flex;flex-direction:column;gap:10px}.ticketFilters select,.composerBar textarea,.composerBar input,.loginCard input{width:100%;border-radius:14px;border:1px solid var(--line);padding:12px 14px;background:#ffffffeb;outline:none}.filterRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ticketList{overflow:auto;padding:0 10px 12px;flex:1}.ticketItem{width:100%;display:grid;grid-template-columns:44px 1fr auto;gap:12px;padding:14px;border:1px solid transparent;border-radius:18px;background:transparent;text-align:left;margin-bottom:8px}.ticketItem:hover,.ticketItem.active{background:#0f766e14;border-color:#0f766e2e}.avatarCircle{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#0f766e2e,#14b8a63d);color:var(--primary);display:grid;place-items:center;font-weight:800;text-transform:uppercase}.avatarCircle.large{width:54px;height:54px;border-radius:18px}.ticketBody{min-width:0}.ticketTop{display:flex;justify-content:space-between;gap:8px}.ticketTop strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ticketTop small,.ticketBody p,.bubble small{color:var(--text-soft)}.ticketBody p{margin:5px 0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ticketMeta{display:flex;gap:6px;flex-wrap:wrap}.statusPill{display:inline-flex;align-items:center;padding:6px 8px;border-radius:999px;font-size:11px;font-weight:800}.status-em_atendimento,.priority-normal{background:#15803d1f;color:var(--success)}.status-aguardando,.priority-alta{background:#b453091f;color:var(--warn)}.status-resolvida,.priority-baixa{background:#1020330f;color:var(--text-soft)}.priority-urgente{background:#b423181f;color:var(--danger)}.unreadBadge{min-width:24px;height:24px;padding:0 8px;border-radius:999px;background:var(--danger);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.chatPanel{display:flex;flex-direction:column;overflow:hidden}.chatHeader{padding:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;align-items:center}.chatClient{display:flex;align-items:center;gap:14px;min-width:0}.chatClient h3{margin:0}.chatClient p{margin:4px 0 0;color:var(--text-soft)}.chatActions{display:flex;gap:8px;flex-wrap:wrap}.messagesArea{flex:1;overflow:auto;padding:22px;background:radial-gradient(circle at top left,rgba(42,157,143,.1),transparent 30%),linear-gradient(180deg,#f5f8fbad,#eef3f8db)}.bubble{max-width:72%;border:1px solid var(--line);box-shadow:0 10px 22px #0f23340f;border-radius:20px;padding:12px 14px;margin-bottom:12px;background:#ffffffeb}.bubble.outbound{margin-left:auto;background:#0f766e1f}.bubble p{margin:0 0 8px;white-space:pre-wrap}.quickRepliesBar{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;border-top:1px solid var(--line);background:#ffffffc7}.quickRepliesBar button{white-space:nowrap;border:1px solid var(--line);background:#ffffffeb;border-radius:999px;padding:8px 12px;font-weight:700}.composerBar{display:grid;grid-template-columns:190px 1fr auto auto;gap:10px;padding:14px 16px;border-top:1px solid var(--line);background:#ffffffc7}.composerBar textarea{min-height:48px;resize:none}.primaryButton,.secondaryButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;padding:11px 14px;border-radius:14px;font-weight:800}.primaryButton{background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff}.secondaryButton{background:#1020330f;color:#102033;border:1px solid var(--line)}.activeSoft{background:#0f766e1a;color:var(--primary)}.dangerButton{background:var(--danger)}.detailPanel{padding:18px;overflow:auto}.detailPanel h3{margin-top:0}.infoList{display:flex;flex-direction:column;gap:10px}.infoList>div{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;background:#ffffffb8;border:1px solid var(--line)}.metricsGrid{display:grid;gap:12px}.metricsGrid.compact{grid-template-columns:1fr}.metricCard{border-radius:18px;padding:16px;background:#ffffffb8;border:1px solid var(--line)}.metricCard span{color:var(--text-soft)}.metricCard strong{display:block;font-size:28px;color:var(--primary);margin-top:6px}.miniList{margin-top:18px}.miniLine{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.actionGrid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}.actionGrid a{border-radius:14px;padding:13px 14px;background:#0f766e14;border:1px solid rgba(15,118,110,.18);color:var(--primary);font-weight:800}.fileLink{display:inline-flex;align-items:center;gap:6px;border-radius:12px;padding:8px 10px;background:#1020330f;margin-bottom:8px}.emptyState,.emptyChat{color:var(--text-soft);text-align:center;padding:28px}.emptyChat{height:100%;display:grid;place-content:center}.loginScreen{min-height:100vh;display:grid;place-items:center;padding:32px}.loginPanel{width:min(1180px,100%);display:grid;grid-template-columns:1.2fr .85fr;gap:22px}.loginShowcase,.loginCard{border-radius:28px;padding:28px}.loginShowcase{background:linear-gradient(145deg,#071423eb,#0f766ed1),#0d1f33;color:#fff;box-shadow:0 28px 62px #0c1d3038}.loginShowcase h1,.loginCard h2{margin:0}.loginShowcase p,.loginCard p{color:var(--text-soft)}.loginShowcase p{color:#ffffffc7}.showcaseGrid{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.showcaseGrid>div{padding:16px;border-radius:18px;background:#ffffff17}.showcaseGrid strong,.showcaseGrid span{display:block}.showcaseGrid span{color:#ffffffb8;margin-top:5px}.loginCard{display:flex;flex-direction:column;gap:16px;justify-content:center;border:1px solid var(--line);background:var(--bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loginCard label{display:flex;flex-direction:column;gap:8px}.errorBox{border-radius:18px;padding:14px 16px;background:#b4231817;border:1px solid rgba(180,35,24,.18);color:var(--danger)}@media (max-width: 1300px){.atendimentoPage{grid-template-columns:330px minmax(460px,1fr) 320px}}@media (max-width: 1120px){.atendimentoPage{grid-template-columns:330px 1fr}.detailPanel,.headerSearch{display:none}}@media (max-width: 880px){.sidebar{width:92px}.sidebarBrand div:not(.brandMark),.sectionHeading span,.navButton span{font-size:0}.contentShell{margin-left:92px;width:calc(100% - 92px)}.atendimentoPage{grid-template-columns:1fr;height:auto}.ticketColumn,.chatPanel{min-height:520px}}.modulePage{min-height:calc(100vh - 92px)}.moduleScreen{padding:28px;min-height:calc(100vh - 136px)}.moduleHero{margin-bottom:24px}.moduleHero h1{margin:0;font-size:34px;letter-spacing:-.03em}.moduleHero p{margin:8px 0 0;color:var(--text-soft);max-width:760px}.dashboardMetrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.innerCard{padding:22px}.featureGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stackList{display:flex;flex-direction:column;gap:14px}.featureCard{border:1px solid var(--line);background:#ffffffb8;box-shadow:var(--shadow);border-radius:20px;padding:18px}.featureCard__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.featureCard__head strong{color:var(--primary);font-size:18px}.featureCard__head span,.featureCard p{color:var(--text-soft)}.systemActions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.systemActions a{min-height:82px;display:flex;align-items:center;justify-content:center;font-size:17px}@media (max-width: 1120px){.dashboardMetrics,.featureGrid,.systemActions{grid-template-columns:1fr}}:root{--primary: #0f8f4f;--primary-dark: #086b3a;--primary-soft: rgba(15, 143, 79, .1);--accent: #1f9f63;--bg: #f3f6f4;--surface: #ffffff;--surface-soft: #f8faf9;--text: #17231c;--text-soft: #64736b;--line: rgba(15, 35, 24, .1);--shadow: 0 14px 36px rgba(15, 35, 24, .1)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg)}body{color:var(--text)}*,*:before,*:after{transition-duration:.12s!important;animation-duration:.12s!important}.appShell{width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at top left,rgba(15,143,79,.1),transparent 34%),linear-gradient(135deg,#f7faf8,#edf4ef)}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;height:100vh;padding:20px 14px;background:linear-gradient(180deg,#073f27,#085433 48%,#064126);border-right:1px solid rgba(255,255,255,.1);box-shadow:18px 0 40px #0423142e;overflow:hidden;z-index:20}.sidebarBrand{min-height:68px;padding:10px 10px 18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12)}.brandMark{background:#fff;color:var(--primary-dark);box-shadow:0 10px 22px #0000002e}.sidebarBrand strong,.sidebarBrand span,.sectionHeading,.sectionHeading span{color:#fff}.navButton{width:100%;min-height:46px;border-radius:14px;color:#ffffffc7;background:transparent;border:1px solid transparent;margin-bottom:6px}.navButton:hover{color:#fff;background:#ffffff1a;border-color:#ffffff1f}.navButton.active{color:#fff;background:#ffffff29;border-color:#fff3;box-shadow:inset 3px 0 #65d48e}.contentShell{margin-left:252px;width:calc(100vw - 252px);height:100vh;overflow:hidden}.topHeader{height:74px;padding:14px 22px;background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px}.topHeader__intro h2{margin:0;font-size:23px;line-height:1.1;letter-spacing:-.03em}.topHeader__intro p{margin:4px 0 0;color:var(--text-soft);font-size:13px}.headerSearch{min-width:260px;max-width:340px}.pageContent{height:calc(100vh - 74px);padding:14px;overflow:hidden}.atendimentoPage{height:calc(100vh - 74px);display:grid;grid-template-columns:330px minmax(560px,1fr) 300px;gap:14px;overflow:hidden}.ticketColumn,.chatPanel,.detailPanel{height:calc(100vh - 102px);max-height:calc(100vh - 102px);min-height:0;overflow:hidden;background:#fffffff5;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.ticketColumn{display:flex;flex-direction:column}.ticketColumn__header{padding:15px 15px 10px}.ticketColumn__header h3{font-size:20px;margin:0}.ticketTabs{padding:10px 12px 0;gap:7px}.ticketTabs button{padding:7px 10px;font-size:13px;border-radius:999px}.ticketTabs button.active{background:var(--primary);color:#fff}.ticketFilters{padding:10px 12px;gap:8px}.ticketFilters .searchBox,.ticketFilters select{border-radius:13px}.ticketList{flex:1;min-height:0;overflow-y:auto;padding:0 10px 12px}.ticketItem{grid-template-columns:42px 1fr;gap:10px;padding:12px;border-radius:18px;margin-bottom:8px;position:relative}.ticketItem.active{background:var(--primary-soft);border-color:#0f8f4f3d}.ticketItem .unreadBadge{position:absolute;left:22px;top:10px;transform:translate(-35%,-35%);background:#16a34a;color:#fff}.ticketTop strong{font-size:14px}.ticketTop small,.ticketBody p{font-size:12.5px}.statusPill{padding:5px 7px;font-size:10.5px;border-radius:999px}.chatPanel{display:flex;flex-direction:column}.chatHeader{height:82px;padding:14px 18px;flex-shrink:0;border-bottom:1px solid var(--line)}.chatClient h3{font-size:20px;margin:0}.chatClient p{font-size:13px}.avatarCircle.large{width:46px;height:46px;border-radius:16px}.chatActions{flex-wrap:nowrap}.chatActions .primaryButton,.chatActions .secondaryButton{padding:9px 12px;white-space:nowrap}.messagesArea{flex:1;min-height:0;overflow-y:auto;padding:18px;background:linear-gradient(#ffffffd1,#ffffffd1),radial-gradient(circle at top right,rgba(15,143,79,.1),transparent 30%)}.bubble{max-width:76%;padding:11px 13px;border-radius:18px}.bubble p{font-size:14px}.quickRepliesBar{height:52px;padding:8px 14px;flex-shrink:0;border-top:1px solid var(--line)}.quickRepliesBar button{padding:7px 11px;font-size:13px;border-radius:999px}.composerBar{height:76px;grid-template-columns:142px minmax(220px,1fr) auto auto;gap:8px;padding:12px 14px;flex-shrink:0;border-top:1px solid var(--line)}.composerBar input[type=file]{max-width:142px;font-size:12px;padding:8px}.composerBar textarea{min-height:48px;max-height:52px;padding:10px 12px;resize:none}.primaryButton{background:var(--primary);border-color:var(--primary)}.primaryButton:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.composerBar .primaryButton,.composerBar .secondaryButton{height:48px;padding:0 14px;white-space:nowrap}.detailPanel{padding:16px;overflow-y:auto}.detailPanel h3{font-size:20px}.infoList>div{padding:12px;border-radius:14px}.infoList small{font-size:12px}.infoList strong{font-size:14px}.modulePage{height:calc(100vh - 74px);overflow:auto}.moduleScreen{min-height:calc(100vh - 102px);padding:28px}@media (max-width: 1500px){.sidebar{width:236px}.contentShell{margin-left:236px;width:calc(100vw - 236px)}.atendimentoPage{grid-template-columns:310px minmax(520px,1fr) 280px}.headerSearch{min-width:220px}}@media (max-width: 1280px){.atendimentoPage{grid-template-columns:300px minmax(520px,1fr)}.detailPanel{display:none}}@media (max-width: 980px){.sidebar{width:86px}.sidebarBrand div:not(.brandMark),.sectionHeading span,.navButton span{display:none}.contentShell{margin-left:86px;width:calc(100vw - 86px)}.atendimentoPage{grid-template-columns:300px minmax(420px,1fr)}}