:root{--blue-main: #0b2a3c;--blue-secondary: #0e3a57;--blue-deep: #081f2e;--orange: #ff8a00;--white: #ffffff;--gray: #a7b0b8;--gray-soft: #e6e9ec;--surface: #f4f6f8;--text-muted: #5a6470;--success: #1a8754;--danger: #c83f31;font-family:Sora,system-ui,sans-serif;color:var(--blue-deep);background:var(--surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit;min-width:0}img{max-width:100%}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:linear-gradient(130deg,rgba(8,31,46,.04),transparent 30%),var(--surface)}.app-shell.client-shell{grid-template-columns:1fr;background:linear-gradient(180deg,rgba(8,31,46,.08),transparent 360px),var(--surface)}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:34px;align-items:center;padding:42px;background:linear-gradient(135deg,#081f2ee0,#0e3a57eb),url(/brand/02-linkedin-capa-1584x396.png) center / cover}.signup-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,500px);gap:34px;align-items:center;padding:42px;background:linear-gradient(135deg,#081f2ee6,#0e3a57ed),url(/brand/01-whatsapp-testeira-1280x680.png) center / cover}.login-brand{color:var(--white);max-width:760px}.signup-hero{color:var(--white);max-width:780px}.login-brand img{width:min(360px,72vw);max-width:100%;height:auto;object-fit:contain;display:block;margin-bottom:34px}.signup-hero img{width:280px;max-width:100%;display:block;margin:28px 0 42px}.login-brand h1{font-size:48px;max-width:680px;margin:0 0 16px}.signup-hero h1{font-size:48px;max-width:700px;margin:0 0 16px;line-height:1.08}.login-brand p{color:#cbd5db;font-size:18px;line-height:1.7;max-width:620px}.signup-hero p{color:#cbd5db;font-size:18px;line-height:1.7;max-width:650px}.login-card,.signup-card{min-width:0;background:var(--white);border-radius:8px;padding:28px;border:1px solid rgba(255,255,255,.28);box-shadow:0 28px 70px #0000003d}.login-card h2{font-size:26px;margin:7px 0 22px}.login-loading-card{max-width:440px;justify-self:end}.login-loading-card p{color:var(--text-muted);margin:0;line-height:1.6}.signup-card h2{font-size:26px;margin:7px 0 22px}.login-form,.demo-users{min-width:0;display:grid;gap:13px}.login-form label{display:grid;gap:7px;color:var(--text-muted);font-size:13px;font-weight:700}.signup-callout{display:grid;gap:13px;margin-top:18px;padding-top:18px;border-top:1px solid var(--gray-soft)}.signup-callout strong,.signup-callout span{display:block}.signup-callout strong{color:var(--blue-main)}.signup-callout span{color:var(--text-muted);font-size:12px;margin-top:4px;line-height:1.5}.signup-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.signup-benefits article{min-height:156px;padding:18px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);display:grid;align-content:start;gap:10px}.signup-benefits svg{color:var(--orange)}.signup-benefits strong,.signup-benefits span{display:block}.signup-benefits strong{color:var(--white);font-size:14px}.signup-benefits span{color:#cbd5db;font-size:12px;line-height:1.5}.signup-back{width:fit-content;background:#ffffff1f;border-color:#ffffff2e;color:var(--white)}.primary-button,.ghost-button,.logout-button,.company-remove-button{min-height:44px}.signup-shell,.login-shell,.workspace,.sidebar{width:100%;max-width:100vw}.signup-card,.login-card,.tickets-panel,.mini-panel,.client-header,.hero-panel,.ticket-detail-hero,.ticket-row,.queue-card{max-width:100%}.signup-card,.login-card,.ticket-main,.ticket-meta,.ticket-detail-hero,.interaction-item,.client-row,.user-row,.alert-row,.sla-row,.technician-card{overflow-wrap:anywhere}.validation-link{border:1px solid rgba(255,138,0,.38);background:#ff8a001a;color:var(--blue-main);border-radius:8px;padding:11px 14px;font-size:13px;font-weight:800;text-align:center;text-decoration:none}.signup-company-list{min-width:0;display:grid;gap:12px;margin:0;padding:12px;border:1px solid var(--gray-soft);border-radius:8px;background:var(--surface)}.signup-company-list legend{color:var(--text-muted);font-size:13px;font-weight:800;padding:0 6px}.signup-company-item{min-width:0;display:grid;gap:12px;padding:12px;border:1px solid var(--gray-soft);border-radius:8px;background:var(--white)}.company-lookup-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.company-lookup-button{min-height:44px;border:0;background:var(--blue-secondary);color:var(--white);border-radius:8px;padding:0 12px;font-size:12px;font-weight:800;white-space:nowrap}.company-lookup-message{border-radius:8px;padding:10px 12px;font-size:12px;font-weight:800}.company-lookup-message.success{background:#1a87541f;color:var(--success)}.company-lookup-message.error{background:#ff8a001f;color:var(--blue-main)}.company-add-button{width:100%}.company-remove-button{border:0;background:#c83f311a;color:var(--danger);border-radius:8px;padding:10px 12px;font-weight:800}.login-form input,.login-form select{min-height:44px;width:100%;border:1px solid var(--gray-soft);border-radius:8px;background:var(--surface);color:var(--blue-deep);padding:12px;outline:0}.login-form input:focus,.login-form select:focus{border-color:#ff8a00a6;box-shadow:0 0 0 3px #ff8a001f}.login-error{border-radius:8px;padding:11px 12px;background:#c83f311a;color:var(--danger);font-size:13px;font-weight:700}.login-error.neutral{background:#0e3a571a;color:var(--blue-secondary)}.form-hint{border-radius:8px;background:#ff8a001a;color:var(--blue-main);font-size:12px;font-weight:800;padding:10px 12px}.form-hint.warning{background:#c83f3114;color:var(--danger)}.demo-users{margin-top:22px;padding-top:18px;border-top:1px solid var(--gray-soft);color:var(--text-muted);font-size:12px;line-height:1.5}.demo-users strong{color:var(--blue-main)}.sidebar{position:sticky;top:0;height:100vh;padding:28px 22px;background:linear-gradient(180deg,var(--blue-deep),var(--blue-main));color:var(--white);display:flex;flex-direction:column;gap:28px}.brand{display:block;padding:10px 4px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.brand img{width:210px;max-width:100%;height:auto;display:block}.nav-list{display:grid;gap:8px}.nav-list a,.nav-list button{min-height:44px;color:#ffffffc2;text-decoration:none;display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:8px;font-size:14px;transition:background .2s,color .2s;border:0;background:transparent;text-align:left;width:100%}.nav-list a:hover,.nav-list a.active,.nav-list button:hover,.nav-list button.active{background:#ff8a0024;color:var(--white)}.nav-list a.active svg,.nav-list button.active svg{color:var(--orange)}.support-card{margin-top:0;padding:0;border-radius:8px;background:transparent;border:0}.support-card img,.support-card p{display:none}.support-card button,.primary-button{border:0;background:var(--orange);color:var(--white);border-radius:8px;padding:12px 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px}.access-card{display:grid;gap:12px;padding:14px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.access-card>span,.client-picker{color:var(--gray);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase}.access-card>span{display:flex;align-items:center;gap:8px}.portal-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portal-switch button{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fffc;border-radius:8px;padding:10px;font-weight:700}.portal-switch button.selected{border-color:#ff8a0099;background:#ff8a002e;color:var(--white)}.client-picker{display:grid;gap:7px}.client-picker select{min-width:0;width:100%;border:1px solid rgba(255,255,255,.14);background:var(--blue-deep);color:var(--white);border-radius:8px;padding:11px 10px;outline:0}.session-user{display:grid;gap:4px}.session-user strong{color:var(--white);font-size:14px}.session-user small,.role-badge{color:var(--gray);font-size:12px}.role-badge{display:inline-flex;width:fit-content;border-radius:999px;padding:6px 10px;background:#ff8a0024;color:var(--orange);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1px}.logout-button{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--white);border-radius:8px;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.session-actions{display:grid;gap:10px;width:100%;justify-items:stretch}.session-actions .logout-button,.session-actions .client-logout{width:100%}.session-password-card{display:grid;gap:8px;width:100%;justify-items:flex-start}.session-password-toggle{border:1px solid rgba(255,255,255,.08);width:fit-content;min-height:30px;display:inline-flex;align-items:center;justify-content:center;justify-self:flex-start;align-self:flex-start;padding:6px 10px;font-size:11px;font-weight:500;line-height:1;white-space:nowrap;color:#ffffffb8;background:transparent;box-shadow:none;gap:6px;border-radius:999px;transition:background .2s ease,border-color .2s ease,color .2s ease}.session-password-toggle:hover{background:#ffffff0a;border-color:#ffffff1a;color:#ffffffe0}.session-password-form{display:grid;gap:10px;padding:12px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.session-password-form label{display:grid;gap:6px;color:var(--white);font-size:12px;font-weight:700}.session-password-form input{min-width:0;width:100%;border:1px solid rgba(255,255,255,.14);background:#071b2be6;color:var(--white);border-radius:8px;padding:11px 12px;outline:0}.session-password-form input::placeholder{color:#fff9}.session-password-submit{width:100%}.workspace{min-width:0;padding:30px}.topbar,.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.eyebrow,.section-kicker{font-family:JetBrains Mono,monospace;color:var(--orange);text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:600}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:0;font-size:32px;line-height:1.08}.top-actions,.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ghost-button{border:1px solid var(--gray-soft);background:var(--white);color:var(--blue-main);border-radius:8px;padding:11px 14px;font-weight:700;display:inline-flex;align-items:center;gap:9px}.hero-panel{margin-top:28px;border-radius:8px;padding:32px;background:linear-gradient(135deg,#081f2eeb,#0e3a57e6),url(/brand/02-linkedin-capa-3168x792.png) center / cover;color:var(--white);display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:32px;overflow:hidden}.client-hero{background:linear-gradient(135deg,#081f2ee6,#0b2a3ce0),url(/brand/01-whatsapp-testeira-1280x680.png) center / cover}.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#ff8a0029;color:var(--orange);padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:18px}.hero-copy h2{max-width:720px;font-size:36px;line-height:1.12;margin-bottom:14px}.hero-copy p{color:#cbd5db;max-width:650px;margin-bottom:0;line-height:1.7}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-self:end}.metric{min-height:132px;padding:18px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);display:grid;align-content:space-between}.metric svg{color:var(--orange)}.metric span{color:var(--gray);font-size:12px}.metric strong{font-size:24px}.queue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:22px 0}.queue-card{background:var(--white);border-radius:8px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px solid var(--gray-soft);color:inherit;cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s,transform .2s}.queue-card:hover,.queue-card.active{border-color:#ff8a0073;box-shadow:0 12px 28px #081f2e14;transform:translateY(-1px)}.queue-card>svg:first-child{color:var(--blue-secondary);padding:10px;width:46px;height:46px;background:#eef3f6;border-radius:8px}.queue-card.orange>svg:first-child{color:var(--orange);background:#ff8a001a}.queue-card strong{display:block;font-size:25px}.queue-card span{color:var(--text-muted);font-size:13px}.queue-card>svg:last-child{color:var(--gray)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px}.active-filter-banner{margin-bottom:14px;border:1px solid rgba(255,138,0,.28);background:#ff8a0014;border-radius:8px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--blue-main);font-size:13px;font-weight:800}.active-filter-banner button{border:0;background:var(--blue-main);color:var(--white);border-radius:8px;padding:8px 11px;font-weight:800}.client-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:22px;margin-top:22px}.client-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#081f2ef0,#0e3a57e6),url(/brand/02-linkedin-capa-3168x792.png) center / cover;color:var(--white);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:28px;margin-bottom:22px;overflow:hidden}.client-header-brand{min-width:0}.client-header img{width:clamp(220px,22vw,280px);max-width:100%;height:auto;object-fit:contain;object-position:left center;display:block;margin-bottom:18px}.client-header h1{margin:10px 0 8px}.client-header p{color:#cbd5db;margin-bottom:0}.client-user-identification{color:var(--white);font-weight:600}.client-header-side{display:grid;justify-items:end;gap:18px;min-width:300px}.client-header-side .session-actions{justify-items:stretch}.client-logout{background:#ffffff1a;border-color:#ffffff29;color:var(--white)}.client-summary{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;width:100%}.client-summary .metric{min-height:112px}.client-workspace .request-panel{border-top:3px solid var(--orange)}.client-workspace .tickets-panel{border-top:3px solid var(--blue-secondary)}.client-workspace .mini-panel h3,.client-workspace .tickets-panel h3{color:var(--blue-deep)}.user-admin-grid{display:grid;grid-template-columns:minmax(380px,440px) minmax(0,1fr);gap:22px;margin-top:22px;align-items:start}.user-create-panel,.user-pending-panel{align-self:stretch;height:100%}.user-create-panel{min-height:100%}.user-pending-panel{display:flex;flex-direction:column}.admin-action-grid{display:grid;grid-template-columns:minmax(320px,520px) minmax(0,1fr);gap:22px;margin-top:22px;align-items:start}.single-page-panel{margin-top:22px;max-width:720px}.tickets-panel,.mini-panel{background:var(--white);border:1px solid var(--gray-soft);border-radius:8px;padding:24px}.panel-header h3,.mini-panel h3{font-size:23px;margin:6px 0 0}.search-field,.select-field{height:44px;border-radius:8px;border:1px solid var(--gray-soft);background:var(--surface);display:inline-flex;align-items:center;gap:9px;padding:0 12px;color:var(--text-muted)}.search-field input,.select-field select{border:0;outline:0;min-width:240px;background:transparent;color:var(--blue-deep)}.select-field select{min-width:120px}.ticket-list{display:grid;gap:12px;margin-top:22px}.ticket-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:center;padding:17px;border:1px solid var(--gray-soft);border-radius:8px;background:#fbfcfd;color:inherit;text-align:left;width:100%}.ticket-row.has-delete-control{grid-template-columns:minmax(0,1fr) 30px}.ticket-row.has-fieldos-control{grid-template-columns:minmax(0,1fr) 92px}.ticket-row-open{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 190px 150px;gap:18px;align-items:center;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:inherit}.ticket-row.sla-overdue-row{border-color:#c83f3152;background:linear-gradient(90deg,#c83f310f,#fbfcfd 42%)}.ticket-row.clickable{cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.ticket-row.clickable:hover{border-color:#ff8a0073;box-shadow:0 12px 28px #081f2e17;transform:translateY(-1px)}.ticket-row-open:focus-visible{outline:3px solid rgba(255,138,0,.25);outline-offset:2px}.ticket-id{font-family:JetBrains Mono,monospace;color:var(--orange);font-size:12px;font-weight:700}.ticket-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.ticket-mobile-status,.ticket-mobile-footer{display:none}.ticket-main h4{margin:5px 0 6px;font-size:16px;overflow-wrap:anywhere}.ticket-main p,.owner{margin:0;color:var(--text-muted);font-size:13px;overflow-wrap:anywhere}.ticket-card-details{display:grid;gap:3px;color:var(--text-muted);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.ticket-fieldos-control{display:grid;justify-items:center;gap:9px;padding-left:12px;border-left:1px solid var(--gray-soft)}.ticket-fieldos-sync-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:var(--text-muted);padding:3px 2px;font-size:9px;font-weight:700;cursor:pointer}.ticket-fieldos-sync-button:hover{color:var(--blue-main)}.ticket-fieldos-sync-button:disabled{cursor:wait;opacity:.55}.progress-track{height:7px;width:min(360px,100%);background:#eef3f6;border-radius:999px;margin-top:13px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),#ffb347)}.ticket-meta{display:grid;gap:8px;justify-items:start;color:var(--text-muted);font-size:13px}.ticket-meta strong{color:var(--blue-main)}.ticket-meta small,.sla-state{font-size:12px;font-weight:700}.sla-state.running{color:var(--blue-secondary)}.sla-state.stopped{color:var(--success)}.sla-state.overdue{color:var(--danger)}.priority{display:inline-flex;border-radius:999px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;background:#eef3f6;color:var(--blue-main)}.priority.cr\edtico{background:#c83f311f;color:var(--danger)}.priority.alto{background:#ff8a0024;color:#b86400}.priority.m\e9 dio{background:#0e3a571c;color:var(--blue-secondary)}.priority.baixo{background:#1a87541f;color:var(--success)}.owner{display:flex;align-items:center;gap:8px}.side-panel{display:grid;gap:22px;align-content:start}.risk-list{display:grid;gap:12px;margin-top:20px}.risk-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--gray-soft)}.risk-item:last-child{border-bottom:0;padding-bottom:0}.risk-item strong,.risk-item span{display:block}.risk-item span{color:var(--text-muted);font-size:12px;margin-top:4px}.risk-item b{color:var(--orange);font-family:JetBrains Mono,monospace}.knowledge-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}.knowledge-list li{color:var(--text-muted);display:flex;gap:10px;align-items:flex-start;line-height:1.45;font-size:13px}.knowledge-list svg{color:var(--orange);flex:0 0 auto;margin-top:2px}.alert-list,.sla-table,.technician-list{display:grid;gap:12px;margin-top:20px}.alert-row,.sla-row,.technician-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid var(--gray-soft);border-radius:8px;background:#fbfcfd;color:inherit;text-align:left}.sla-table-head{display:grid;grid-template-columns:minmax(0,1.4fr) .8fr .8fr .8fr;gap:12px;color:var(--text-muted);font-size:12px;font-weight:800;padding:0 15px}.sla-row{display:grid;grid-template-columns:minmax(0,1.4fr) .8fr .8fr .8fr;cursor:pointer}.sla-row span{min-width:0;overflow-wrap:anywhere}.sla-ticket-summary{display:grid;gap:3px}.sla-ticket-summary strong{color:var(--blue-main);font-size:13px}.sla-ticket-summary small,.sla-row>span:not(.sla-overdue){color:var(--text-muted);font-size:12px;font-weight:500}.sla-overdue{color:var(--danger);font-weight:800}.alert-row{cursor:pointer;transition:border-color .2s,box-shadow .2s}.alert-row:hover{border-color:#ff8a0073;box-shadow:0 12px 28px #081f2e14}.alert-row strong,.alert-row span,.technician-card strong,.technician-card span,.technician-card b,.technician-card small{display:block}.alert-row strong,.technician-card strong{color:var(--blue-main)}.alert-row div>span,.technician-card span,.technician-card small{color:var(--text-muted);font-size:12px;margin-top:4px}.alert-ticket-summary{display:grid;gap:3px;min-width:0}.alert-ticket-summary strong{font-size:13px}.alert-ticket-summary span{margin-top:0;font-size:12px;line-height:1.35}.technician-card b{color:var(--orange);font-family:JetBrains Mono,monospace;font-size:12px;text-align:right}.ticket-form{display:grid;gap:13px;margin-top:18px}.ticket-form label{display:grid;gap:7px;color:var(--text-muted);font-size:13px;font-weight:600}.ticket-form input,.ticket-form select,.ticket-form textarea{width:100%;border:1px solid var(--gray-soft);border-radius:8px;background:var(--surface);color:var(--blue-deep);padding:12px;outline:0;resize:vertical}.ticket-form input:focus,.ticket-form select:focus,.ticket-form textarea:focus,.search-field:focus-within,.select-field:focus-within{border-color:#ff8a00a6;box-shadow:0 0 0 3px #ff8a001f}.ticket-form .primary-button{width:100%}.company-checklist{border:1px solid var(--gray-soft);border-radius:8px;padding:12px;display:grid;gap:9px;margin:0;background:var(--surface);min-height:280px;max-height:360px;overflow-y:auto;align-content:start}.company-checklist legend{color:var(--text-muted);font-size:13px;font-weight:700;padding:0 6px}.company-checklist label{display:flex;align-items:center;gap:9px;font-weight:600}.company-checklist input{width:auto;accent-color:var(--orange)}.client-access-filter{background:var(--white);border:1px solid var(--gray-soft);border-radius:8px;padding:16px;margin-bottom:14px;display:flex;align-items:center;gap:12px;justify-content:space-between;border-left:3px solid var(--orange)}.client-access-filter label{display:grid;gap:7px;flex:1}.client-access-filter span,.client-access-filter label{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase}.client-access-filter select{border:1px solid var(--gray-soft);border-radius:8px;background:var(--surface);color:var(--blue-deep);padding:10px 12px;min-width:160px}.ticket-detail-page{display:grid;gap:18px}.back-button{width:fit-content}.ticket-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;border-radius:8px;padding:24px;color:var(--white);background:linear-gradient(135deg,#081f2ef0,#0e3a57e6),url(/brand/01-whatsapp-testeira-1280x680.png) center / cover}.ticket-detail-hero h2{margin:8px 0;font-size:28px}.ticket-detail-hero p{color:#cbd5db;margin-bottom:0}.ticket-detail-status{min-width:180px;display:grid;gap:8px;justify-items:start;padding:14px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14)}.ticket-detail-status .priority,.ticket-detail-status strong,.ticket-detail-status small{max-width:100%}.ticket-detail-status strong{color:var(--white)}.ticket-detail-status small{color:#cbd5db}.ticket-detail-status.client-ticket-detail-status{background:#ffffff14;border-color:#ffffff2e}.ticket-detail-status.client-ticket-detail-status .priority{background:#ffffff1f;color:var(--white)}.ticket-detail-status.admin-ticket-detail-status .priority.m\e9 dio{background:#75808a33;color:#d7dde1}.ticket-detail-status.client-ticket-detail-status strong,.ticket-detail-status.client-ticket-detail-status small,.ticket-detail-status.client-ticket-detail-status .sla-state,.ticket-detail-status.client-ticket-detail-status .sla-state.stopped,.ticket-detail-status.client-ticket-detail-status .sla-state.overdue{color:var(--white)}.ticket-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px}.interaction-list{display:grid;gap:14px;margin-top:20px}.interaction-item{position:relative;padding:16px 16px 16px 18px;border:1px solid var(--gray-soft);border-left:3px solid var(--blue-secondary);border-radius:8px;background:#fbfcfd}.interaction-item.empresa{border-left-color:var(--orange)}.interaction-item strong,.interaction-item span{display:block}.interaction-item strong{color:var(--blue-main)}.interaction-item span{color:var(--text-muted);font-size:12px;font-weight:500;margin-top:5px}.interaction-item .interaction-subject{line-height:1.4}.interaction-item p{color:var(--blue-deep);line-height:1.6;margin:12px 0 0;white-space:pre-line}.ticket-detail-info{display:grid;gap:6px;margin-top:18px;padding-top:18px;border-top:1px solid var(--gray-soft)}.ticket-detail-info strong{color:var(--blue-main);font-size:13px}.ticket-detail-info span{color:var(--text-muted);font-size:13px;margin-bottom:8px}.fieldos-sync-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.fieldos-sync-badge.compact{margin-top:8px;font-size:10px;padding:5px 8px}.fieldos-sync-badge.pending{background:#ffb84d2e;color:#8a5300}.fieldos-sync-badge.success{background:#2ea04324;color:#1f6a31}.fieldos-sync-badge.error{background:#d23a3124;color:#a12622}.fieldos-sync-badge.retry{background:#1877f224;color:#1557b0}.fieldos-review-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em}.fieldos-review-badge.compact{margin-top:8px;font-size:10px;padding:5px 8px}.fieldos-review-badge.warning{background:#ff8a0029;color:#8a5300}.fieldos-sync-dot{display:inline-flex;width:10px;height:10px;border-radius:999px;flex:0 0 10px}.fieldos-sync-dot.pending,.fieldos-sync-dot.retry{background:#e23932;box-shadow:0 0 0 3px #e2393229,0 0 10px #e23932c7}.fieldos-sync-dot.success{background:#2ea043;box-shadow:0 0 0 3px #2ea04326,0 0 10px #2ea043b8}.fieldos-sync-dot.error{background:#d23a31;box-shadow:0 0 0 3px #d23a3129,0 0 10px #d23a31c7}.new-ticket-panel{width:100%}.fieldos-sync-card{display:grid;gap:8px;margin-top:14px;padding:12px 14px;border:1px solid var(--gray-soft);border-radius:8px;background:#f8fbfd}.fieldos-sync-card small,.fieldos-id-label{color:var(--text-muted);font-size:12px}.fieldos-sync-card strong{color:var(--text);font-size:14px}.fieldos-sync-card textarea{width:100%;border:1px solid var(--gray-soft);border-radius:8px;padding:10px 12px;background:#fff;color:var(--text);font:inherit;resize:vertical}.fieldos-sync-card textarea:focus{outline:2px solid rgba(15,92,141,.16);border-color:var(--blue)}.fieldos-retry-button{width:fit-content}.company-fieldos-retry-button{border:0;background:transparent;color:#9a5c00;border-radius:0;min-height:auto;padding:0;display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.02em;box-shadow:none;max-width:120px;white-space:normal;text-align:right;text-decoration:underline;text-underline-offset:2px}.company-fieldos-retry-button:hover{background:transparent;color:#7f4b00}.priority-ticket-form,.status-ticket-form,.close-ticket-form,.reopen-ticket-form{margin-top:20px;padding-top:18px;border-top:1px solid var(--gray-soft)}.priority-ticket-form h3,.status-ticket-form h3,.close-ticket-form h3,.reopen-ticket-form h3{margin:6px 0 0}.priority-ticket-button{background:var(--orange)}.status-ticket-button{background:var(--blue-secondary)}.close-ticket-button{background:var(--success)}.reopen-ticket-button{background:var(--blue-secondary)}.primary-button:disabled,.close-ticket-form textarea:disabled{cursor:not-allowed;opacity:.72}.client-list{display:grid;gap:12px;margin-top:18px;min-width:0}.client-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:10px;width:100%;padding:14px;border:1px solid var(--gray-soft);border-radius:8px;background:#fbfcfd;min-width:0;font:inherit;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.client-row-open{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;width:100%;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.client-row-main{min-width:0;width:100%}.client-row-footer{width:auto;min-width:150px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:6px;margin-top:6px;flex-shrink:0;max-width:150px}.client-row-meta{flex-shrink:0;text-align:right;display:grid;justify-items:end;gap:6px}.client-row:hover,.client-row.active{border-color:#ff8a0085;box-shadow:0 10px 26px #0b2a3c1a;transform:translateY(-1px)}.client-row strong,.client-row span,.client-row b,.client-row small{display:block;max-width:100%;overflow-wrap:anywhere}.client-row strong{color:var(--blue-main);font-size:15px}.client-row span,.client-row small{color:var(--text-muted);font-size:12px;margin-top:4px}.client-legal-name{white-space:normal;font-size:11px}.client-row b{color:var(--orange);font-family:JetBrains Mono,monospace;font-size:12px;text-align:right;white-space:nowrap}.fieldos-retry-inline{border:0;background:transparent;color:#9a5c00;padding:0;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.02em;text-align:right;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.soft-delete-button{width:26px;height:26px;min-height:26px;border:0;border-radius:8px;display:inline-grid;place-items:center;justify-self:end;align-self:center;color:#c83f319e;background:transparent;cursor:pointer;opacity:.5;transition:opacity .18s ease,background .18s ease,color .18s ease}.soft-delete-button:hover,.soft-delete-button:focus-visible{opacity:1;color:#b9382e;background:#c83f3114;outline:0}@media(max-width:720px){.client-row,.client-row-open{grid-template-columns:1fr}.client-row-footer{flex-direction:column;align-items:flex-start;max-width:none}.client-row-meta{text-align:left;justify-items:start}.client-row .soft-delete-button{justify-self:start}}.user-list{display:grid;gap:12px;margin-top:18px}.user-list-scroll{max-height:430px;overflow-y:auto;padding-right:6px}.user-pending-panel .user-list-scroll{flex:1;min-height:0;max-height:none}.user-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--gray-soft);border-radius:8px;background:#fbfcfd}.user-row-shell{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:10px}.user-row-button{width:100%;cursor:pointer;text-align:left;font:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.user-row-button:hover,.user-row-button.active,.user-row-shell.active .user-row-button{border-color:#ff8a0085;box-shadow:0 10px 26px #0b2a3c1a;transform:translateY(-1px)}.user-row-main{min-width:0;flex:1}.user-row-side{display:grid;gap:6px;justify-items:end;min-width:min(100%,280px)}.user-row strong,.user-row span{display:block}.user-row strong{color:var(--blue-main);font-family:JetBrains Mono,monospace;font-size:13px}.user-row span{color:var(--text-muted);font-size:12px;margin-top:4px}.user-pending-panel .user-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:center}.user-pending-info{min-width:0}.user-row b{color:var(--orange);font-family:JetBrains Mono,monospace;font-size:12px;text-align:right}.user-row small{display:block;margin-top:6px;color:var(--text-muted);font-size:12px;text-align:right}.user-pending-panel .user-pending-info strong,.user-pending-panel .user-pending-info span,.user-pending-panel .user-pending-info small{display:block;text-align:left}.user-pending-panel .user-pending-info small{margin-top:4px;color:var(--text-muted);font-size:12px}.user-action-group{display:grid;grid-template-columns:1fr;gap:8px;width:min(100%,180px);justify-self:end;justify-items:stretch;margin-left:auto}.user-action-button{width:100%;min-height:36px;padding:8px 10px;font-size:12px;gap:6px;justify-content:center;text-align:center;line-height:1.2}.user-action-button svg{width:14px;height:14px;flex:0 0 auto}.danger-ghost-button{border-color:#c83f313d;background:#c83f3114;color:var(--danger)}.user-links-panel{grid-column:1 / -1}.empty-state{padding:24px;text-align:center;color:var(--text-muted);border:1px dashed var(--gray);border-radius:8px}@media(max-width:1180px){.login-shell,.signup-shell{grid-template-columns:1fr}.login-brand,.signup-hero{max-width:none}.login-brand img,.signup-hero img{margin-bottom:28px}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:stretch;flex-wrap:wrap;gap:18px}.brand{border-bottom:0;padding-bottom:10px}.access-card{min-width:240px}.nav-list{grid-template-columns:repeat(4,minmax(130px,1fr));flex:1}.support-card{display:none}.hero-panel,.content-grid,.client-grid,.ticket-detail-grid,.admin-action-grid,.user-admin-grid{grid-template-columns:1fr}.client-header,.ticket-detail-hero{display:grid}.client-header-side{justify-items:stretch;min-width:0}.queue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-row{grid-template-columns:minmax(0,1fr)}.ticket-row.has-delete-control{grid-template-columns:minmax(0,1fr) 30px}.ticket-row .owner{grid-column:1 / -1}}@media(max-width:760px){.login-shell,.signup-shell{padding:18px;gap:20px;align-items:start}.login-brand h1,.signup-hero h1{font-size:34px}.login-brand img,.signup-hero img{width:210px;margin-bottom:22px}.login-brand p,.signup-hero p{font-size:15px;line-height:1.55}.login-card,.signup-card{padding:20px}.signup-benefits{display:none}.workspace,.sidebar{padding:18px}.topbar,.panel-header{display:grid;gap:12px}h1{font-size:26px}.hero-panel{padding:22px;gap:22px}.hero-copy h2{font-size:27px}.hero-metrics,.client-summary,.queue-grid,.ticket-row,.ticket-row.has-delete-control,.ticket-row.has-fieldos-control,.ticket-row-open{grid-template-columns:1fr}.ticket-row-open{align-items:stretch;gap:14px}.ticket-card-heading{align-items:flex-start}.ticket-mobile-status{display:grid;gap:6px;justify-items:end;text-align:right;color:var(--text-muted);font-size:13px;line-height:1.25}.ticket-meta,.ticket-row-open>.owner{display:none}.ticket-mobile-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}.ticket-mobile-footer .owner{display:flex;grid-column:auto;align-items:center;gap:8px;min-width:0}.ticket-mobile-sla{display:grid;gap:5px;justify-items:end;text-align:right;min-width:max-content}.ticket-mobile-sla strong{color:var(--blue-main)}.ticket-row .soft-delete-button{justify-self:start}.ticket-fieldos-control{justify-items:start;grid-template-columns:auto auto;justify-content:start;border-left:0;border-top:1px solid var(--gray-soft);padding:10px 0 0}.metric{min-height:104px}.queue-card{padding:16px}.client-header{padding:20px}.client-header img{width:min(220px,100%)}.client-access-filter{display:grid}.ticket-detail-hero h2{font-size:23px}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.nav-list a,.nav-list button{justify-content:center}.search-field,.select-field,.search-field input,.select-field select,.top-actions,.primary-button,.ghost-button{width:100%}.ticket-meta{display:none}.client-workspace .top-actions{gap:10px}.active-filter-banner,.alert-row,.technician-card,.client-row,.user-row,.user-row-shell{display:grid;justify-items:stretch}.user-row-shell{grid-template-columns:1fr}.user-row-shell .soft-delete-button{justify-self:start}.client-row b,.user-row b,.technician-card b{text-align:left}.sla-table-head{display:none}.sla-row{grid-template-columns:1fr;gap:8px}.ticket-detail-status{min-width:0;width:100%}.user-pending-panel .user-row{grid-template-columns:1fr}.user-action-group{grid-template-columns:1fr;width:100%}.user-list-scroll{max-height:380px;padding-right:0}}@media(max-width:520px){.login-shell,.signup-shell{padding:14px}.login-brand h1,.signup-hero h1{font-size:29px}.demo-users,.signup-benefits span{font-size:11px}.signup-hero img{margin-top:20px;margin-bottom:16px}.signup-hero .status-pill{margin-bottom:12px}.signup-hero p{margin-bottom:0}.workspace,.sidebar{padding:14px}.sidebar{gap:14px}.brand,.access-card,.nav-list{width:100%}.brand img{width:180px}.nav-list{grid-template-columns:1fr;gap:6px}.nav-list a,.nav-list button{justify-content:flex-start;padding:11px 12px}.hero-panel,.client-header,.tickets-panel,.mini-panel,.ticket-detail-hero{padding:16px}.hero-copy h2{font-size:23px}.hero-copy p,.client-header p,.ticket-detail-hero p{line-height:1.55}.panel-header h3,.mini-panel h3{font-size:20px}.ticket-row{padding:14px;gap:13px}.ticket-detail-hero h2{font-size:21px;overflow-wrap:anywhere}.client-access-filter{padding:14px}.client-access-filter select{min-width:0;width:100%}.company-lookup-row{grid-template-columns:1fr}.company-lookup-button{min-height:42px}}