/* ODEM Vendas 33.9.18 — Chamados do vendedor / Patch consolidado */
.support-reporter{position:relative;z-index:1200}body.support-open{overflow:hidden}.support-fab{position:fixed;right:24px;bottom:82px;z-index:1210;border:0;border-radius:999px;background:var(--brand);color:#fff;display:flex;align-items:center;gap:9px;padding:12px 16px;font:700 13px/1 system-ui,-apple-system,sans-serif;box-shadow:0 10px 32px rgba(18,24,40,.22);cursor:pointer}.support-fab:hover{background:var(--brand-hover)}.support-fab-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-weight:900}.support-modal{position:fixed;inset:0;z-index:1300;display:none}.support-modal.open{display:block}.support-modal-backdrop{position:absolute;inset:0;background:rgba(12,17,29,.48);backdrop-filter:blur(2px)}.support-panel{position:absolute;top:0;right:0;width:min(560px,100vw);height:100%;background:var(--surface);border-left:1px solid var(--border);box-shadow:-20px 0 50px rgba(0,0,0,.15);display:flex;flex-direction:column}.support-panel-head{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 14px;border-bottom:1px solid var(--border)}.support-panel-head small,.support-manager-head small,.support-patch-head small,.support-info-card>small,.support-current-screen>span,.support-chat>small,.support-seller-report>small,.support-attachments>small,.support-detail-sidebar section>small{display:block;color:var(--text-3);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.support-panel-head h2,.support-manager-head h2,.support-patch-head h2,.support-ticket-hero h2{margin:4px 0 0;color:var(--text);font-size:22px}.support-close{border:0;background:var(--surface-2);color:var(--text-2);width:36px;height:36px;border-radius:10px;font-size:25px;cursor:pointer}.support-tabs{display:flex;gap:6px;padding:10px 18px;border-bottom:1px solid var(--border)}.support-tabs button,.support-manager-tabs button{border:0;background:transparent;color:var(--text-2);border-radius:9px;padding:9px 12px;font-weight:750;cursor:pointer}.support-tabs button.is-active,.support-manager-tabs button.is-active{background:var(--brand-tint);color:var(--brand-ink)}.support-body{flex:1;overflow:auto;padding:20px 22px 28px}.support-current-screen{padding:14px 16px;border:1px solid var(--border);background:var(--surface-2);border-radius:13px;margin-bottom:18px}.support-current-screen strong{display:block;color:var(--text);margin:3px 0;font-size:16px}.support-current-screen small{color:var(--text-3)}.support-form fieldset{border:0;padding:0;margin:0 0 18px}.support-form legend,.support-form label>span{display:block;color:var(--text);font-size:13px;font-weight:750;margin-bottom:8px}.support-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.support-choice{display:block;position:relative}.support-choice input{position:absolute;opacity:0;pointer-events:none}.support-choice span{display:block!important;margin:0!important;border:1px solid var(--border);background:var(--surface);color:var(--text-2)!important;border-radius:11px;padding:10px 11px;font-size:12px!important;cursor:pointer}.support-choice input:checked+span{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-ink)!important;box-shadow:inset 0 0 0 1px var(--brand)}.support-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.support-form select,.support-form textarea,.support-reply textarea,.support-manager select,.support-manager textarea,.support-toolbar input,.support-toolbar select{width:100%;box-sizing:border-box;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 11px;font:inherit}.support-form textarea,.support-manager textarea,.support-reply textarea{resize:vertical}.support-textarea{display:block;margin-bottom:14px}.support-file{display:block;border:1px dashed var(--border-strong);border-radius:11px;padding:11px 12px;background:var(--surface-2)}.support-file input{width:100%}.support-file small{display:block;color:var(--text-3);margin-top:5px}.support-form-actions{display:flex;justify-content:flex-end;margin-top:18px}.support-loading,.support-empty{border:1px solid var(--border);border-radius:12px;background:var(--surface-2);padding:20px;color:var(--text-2);text-align:center}.support-empty strong,.support-empty span{display:block}.support-empty span{margin-top:5px;color:var(--text-3)}.support-empty.compact{padding:16px}.support-ticket-list{display:grid;gap:9px}.support-ticket-card{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:13px 14px;text-align:left;color:var(--text);cursor:pointer}.support-ticket-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.support-ticket-card-top{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.support-ticket-card>span,.support-ticket-card>small{display:block;color:var(--text-2);margin-top:5px}.support-ticket-card>small{font-size:11px;color:var(--text-3)}.support-status,.support-priority,.support-patch-tag{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.status-aberto{background:#FFF1F1;color:#A72A3A}.status-em_analise{background:#FFF7E8;color:#8A5A00}.status-aguardando_teste{background:#EAF3FF;color:#0A66C2}.status-resolvido{background:#EAF8F0;color:#18794E}[data-theme="dark"] .status-aberto{background:#351C22;color:#FF8C9A}[data-theme="dark"] .status-em_analise{background:#332A18;color:#D8A548}[data-theme="dark"] .status-aguardando_teste{background:#17283D;color:#6FA8E8}[data-theme="dark"] .status-resolvido{background:#173126;color:#54C28A}.priority-critica{background:#FCE8E8;color:#B42318}.priority-alta{background:#FFF1E5;color:#9A4A00}.priority-media{background:var(--surface-3);color:var(--text-2)}.priority-baixa{background:#EAF8F0;color:#18794E}.support-back{border:0;background:transparent;color:var(--brand-ink);padding:0;font-weight:750;cursor:pointer}.support-detail-head,.support-detail-manager-top,.support-patch-head,.support-prompt-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.support-detail-head{margin-top:14px;padding-bottom:15px;border-bottom:1px solid var(--border)}.support-detail-head h3{margin:3px 0;color:var(--text)}.support-detail-head span{color:var(--text-2)}.support-seller-report,.support-info-card{margin-top:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:14px}.support-seller-report p,.support-info-card p,.support-info-card blockquote{white-space:pre-wrap;margin:7px 0 0;color:var(--text);line-height:1.55}.support-info-card blockquote{border-left:3px solid var(--brand);padding-left:12px;font-style:normal}.support-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.support-attachments button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:9px;padding:8px 10px;cursor:pointer}.support-chat{margin-top:14px}.support-chat-thread{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-height:340px;overflow:auto}.support-message{max-width:84%;border-radius:12px;padding:9px 11px;background:var(--surface-2);border:1px solid var(--border)}.support-message.is-me{align-self:flex-end;background:var(--brand-tint);border-color:transparent}.support-message.is-other{align-self:flex-start}.support-message strong,.support-message time{display:block;font-size:10px;color:var(--text-3)}.support-message p{margin:4px 0;white-space:pre-wrap;color:var(--text)}.support-chat-empty{padding:12px;color:var(--text-3);text-align:center}.support-reply{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px;align-items:end}.support-confirm{margin-top:14px;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:14px}.support-confirm strong{display:block;color:var(--text);margin-bottom:9px}.support-confirm>div{display:flex;gap:8px}.support-manager{max-width:1500px;margin:0 auto;padding:6px 4px 32px}.support-manager-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.support-manager-head p{margin:5px 0 0;color:var(--text-2);max-width:820px}.support-manager-tabs{display:flex;gap:5px;border:1px solid var(--border);padding:4px;border-radius:11px;background:var(--surface)}.support-stats{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-bottom:12px}.support-stats button{border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:14px;text-align:left;cursor:pointer}.support-stats strong{display:block;color:var(--text);font-size:23px}.support-stats span{display:block;color:var(--text-3);font-size:12px;margin-top:2px}.support-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 220px;gap:10px;margin-bottom:12px}.support-manager-list{display:grid;gap:8px}.support-manager-ticket{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;text-align:left;border:1px solid var(--border);border-radius:13px;padding:13px 14px;background:var(--surface);color:var(--text);cursor:pointer}.support-manager-ticket:hover{border-color:var(--border-strong);background:var(--surface-2)}.support-manager-ticket-main{min-width:0}.support-manager-ticket-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.support-manager-ticket p{margin:6px 0;color:var(--text-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.support-manager-ticket-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--text-3);font-size:11px}.support-detail-manager-top{margin-bottom:12px;align-items:center}.support-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}.support-ticket-hero{display:flex;justify-content:space-between;gap:15px;border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--surface)}.support-ticket-hero small,.support-ticket-hero span{color:var(--text-3)}.support-info-card.is-summary{background:var(--surface-2)}.support-actions-list,.support-events{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:7px}.support-actions-list li,.support-events li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:7px;color:var(--text-2);font-size:12px}.support-actions-list time,.support-events time{white-space:nowrap;color:var(--text-3);font-size:10px}.support-info-card form>div{display:flex;justify-content:flex-end;margin-top:8px}.support-detail-sidebar{display:grid;gap:10px;align-content:start}.support-detail-sidebar>section,.support-technical-json{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px}.support-detail-sidebar select{margin-top:7px}.support-tech{display:grid;grid-template-columns:100px 1fr;gap:6px 8px;margin:8px 0 0;font-size:11px}.support-tech dt{color:var(--text-3)}.support-tech dd{margin:0;color:var(--text);overflow-wrap:anywhere}.support-tech-api{margin-top:10px;border-top:1px solid var(--border);padding-top:9px}.support-tech-api strong,.support-tech-api code,.support-tech-api span,.support-tech-api p{display:block}.support-tech-api code{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);padding:7px;border-radius:7px;margin:6px 0;color:var(--text)}.support-tech-api span,.support-tech-api p{font-size:11px;color:var(--text-2)}.support-technical-json summary{cursor:pointer;color:var(--text-2);font-size:12px;font-weight:700}.support-technical-json pre{max-height:300px;overflow:auto;white-space:pre-wrap;font-size:10px;color:var(--text-2);background:var(--surface-2);padding:9px;border-radius:8px}.support-patch-page{display:grid;gap:12px}.support-patch-head{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:16px;align-items:center}.support-patch-head p{color:var(--text-2);margin:4px 0 0}.support-patch-table{display:grid;gap:7px}.support-patch-row{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:11px;background:var(--surface);padding:11px 12px}.support-patch-row strong,.support-patch-row span{display:block}.support-patch-row span{color:var(--text-3);font-size:11px;margin-top:3px}.support-prompt-card{border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:13px}.support-prompt-head{align-items:center;margin-bottom:10px}.support-prompt-head strong,.support-prompt-head span{display:block}.support-prompt-head span{color:var(--text-3);font-size:11px;margin-top:3px}.support-prompt-card textarea{width:100%;min-height:520px;box-sizing:border-box;resize:vertical;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;padding:12px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.support-patch-tag{background:var(--brand-tint);color:var(--brand-ink)}
@media(max-width:900px){.support-detail-grid{grid-template-columns:1fr}.support-manager-head{align-items:flex-start;flex-direction:column}.support-stats{grid-template-columns:1fr 1fr}.support-toolbar{grid-template-columns:1fr}.support-patch-row{grid-template-columns:1fr}.support-detail-sidebar{grid-template-columns:1fr 1fr}.support-detail-sidebar .support-technical-json{grid-column:1/-1}}
@media(max-width:640px){.support-fab{right:14px;bottom:70px;padding:11px 13px}.support-fab>span:last-child{display:none}.support-panel{width:100%}.support-body{padding:16px}.support-choice-grid,.support-form-grid{grid-template-columns:1fr}.support-stats{grid-template-columns:1fr 1fr}.support-manager-ticket{flex-direction:column}.support-detail-sidebar{grid-template-columns:1fr}.support-reply{grid-template-columns:1fr}.support-manager-tabs{width:100%}.support-manager-tabs button{flex:1}.support-patch-head{align-items:flex-start;flex-direction:column}}
.support-patch-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.support-patch-head-actions select{min-width:180px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 10px}
@media(max-width:640px){.support-patch-head-actions{width:100%}.support-patch-head-actions select,.support-patch-head-actions .btn{width:100%}}

/* 33.9.18 — RBAC de Chamados */
.support-readonly-badge{display:inline-flex;align-items:center;margin-top:8px;padding:5px 9px;border:1px solid var(--border,#dfe3ea);border-radius:999px;font-size:12px;font-weight:700;line-height:1;background:var(--surface,#fff);color:var(--text-muted,#667085)}
.support-readonly-note{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.35;color:var(--text-muted,#667085)}

/* P1: global per-user inbox and safe status badges — isolated to support UI */
.support-inbox-shell{position:relative;display:flex;align-items:center;z-index:20}
.support-inbox-bell{position:relative;display:inline-flex!important;align-items:center;gap:7px;cursor:pointer}
.support-inbox-bell svg{width:18px;height:18px;fill:none;flex:none}
.support-inbox-count{position:absolute;top:-6px;left:10px;background:#b42337;color:white;min-width:17px;max-width:35px;border-radius:999px;padding:1px 4px;text-align:center;font-size:10px;line-height:17px;font-weight:800}
.support-inbox-count[hidden]{display:none!important}
.support-inbox-panel{display:none;position:absolute;z-index:12000;right:0;top:calc(100% + 12px);width:min(360px,calc(100vw - 24px));max-height:min(520px,70vh);overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.22);padding:12px}
.support-inbox-panel.is-open{display:block}
.support-inbox-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 5px 12px;border-bottom:1px solid var(--border)}
.support-inbox-panel header span,.support-inbox-panel>small{color:var(--text-3);font-size:12px}
.support-inbox-panel>small{display:block;line-height:1.4;padding:11px 5px 2px}
.support-inbox-list{max-height:340px;overflow-y:auto;overscroll-behavior:contain}
.support-inbox-item{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--border);padding:12px 7px;cursor:pointer;border-radius:6px}
.support-inbox-item:hover,.support-inbox-item:focus-visible{background:var(--surface-2)}
.support-inbox-item strong,.support-inbox-item small{display:block;overflow-wrap:anywhere}
.support-inbox-item small{color:var(--text-3);margin-top:4px}
.support-inbox-empty{color:var(--text-3);font-size:13px;text-align:center;padding:16px 5px}
.support-status,.support-priority,.support-patch-tag{box-sizing:border-box;flex:0 0 auto!important;width:max-content!important;max-width:100%;min-width:fit-content;min-height:25px;line-height:1.35;white-space:normal;overflow-wrap:break-word;text-align:center;justify-content:center;padding:5px 11px!important;border-radius:999px}
.support-manager-ticket,.support-ticket-hero,.support-detail-head,.support-ticket-card-top{min-width:0}
.support-manager-ticket-main,.support-ticket-hero>div,.support-detail-head>div,.support-ticket-card-top>strong{min-width:0;overflow-wrap:anywhere}
@media(max-width:640px){.support-inbox-panel{position:fixed;top:66px;left:12px;right:12px;width:auto;max-height:70dvh}.support-inbox-bell .topbar-tool-label{display:none}.support-manager-ticket{gap:8px}.support-status{font-size:11px!important}}

body:has(.ios-shell):not(.odem-tv-mode) .topbar-tools:has(.support-inbox-shell){overflow:visible}
body:has(.ios-shell):not(.odem-tv-mode) .support-inbox-bell{border-left:1px solid var(--border)}

.support-inbox-pending-dot{width:6px;height:6px;border-radius:50%;background:#cf8c24;position:absolute;bottom:3px;right:4px;box-shadow:0 0 0 2px var(--surface)}
.support-inbox-pending-dot[hidden]{display:none!important}


/* CHAMADOS_FAB_MINIMIZAVEL_02 — CSS isolado do botão flutuante; demais fluxos intocados. */
.support-reporter .support-fab {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  min-width: 46px;
  height: 46px;
  gap: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: width 180ms ease, padding 180ms ease, gap 180ms ease;
}
.support-reporter .support-fab .support-fab-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}
.support-reporter .support-fab > span:last-child {
  display: block;
  flex: 0 0 auto;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: opacity 130ms ease;
}
@media (min-width: 641px) {
  .support-reporter .support-fab:focus-visible {
    width: 171px;
    padding: 0 13px;
    gap: 8px;
  }
  .support-reporter .support-fab:focus-visible > span:last-child {
    max-width: 125px;
    opacity: 1;
  }
}
@media (min-width: 641px) and (hover: hover) {
  .support-reporter .support-fab:hover {
    width: 171px;
    padding: 0 13px;
    gap: 8px;
  }
  .support-reporter .support-fab:hover > span:last-child {
    max-width: 125px;
    opacity: 1;
  }
}
@media (max-width: 640px) {
  .support-reporter .support-fab {
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    gap: 0;
  }
  .support-reporter .support-fab > span:last-child {display: none;}
}
@media (prefers-reduced-motion: reduce) {
  .support-reporter .support-fab,
  .support-reporter .support-fab > span:last-child {transition: none;}
}

/* Chamados NF01 — notice descriptions and visible diagnostic without changing other modules. */
.support-inbox-event{display:inline-flex;font-size:11px;font-weight:700;color:var(--brand-ink,var(--text));background:var(--brand-tint,var(--surface-2));border-radius:6px;padding:3px 7px;margin-bottom:5px}
.support-inbox-check{font-size:11px;line-height:1.45;color:var(--text-3);margin:9px 5px 4px}
.support-inbox-panel .support-inbox-item:focus-visible,.support-inbox-bell:focus-visible{outline:2px solid var(--brand,#c92a40);outline-offset:2px}
@media(max-width:640px){.support-inbox-panel{z-index:12000;max-height:calc(100dvh - 92px)}.support-inbox-item{padding:13px 8px}}

/* ODEM UI-BORDAS-01 - correcao visual restrita ao grupo Tema/Chamados.
   O painel de notificacoes precisa manter overflow:visible.
   Por isso arredondamos apenas os botoes das extremidades.
   Sem alteracoes em eventos, permissoes, consultas ou API. */
body:has(.ios-shell):not(.odem-tv-mode) .topbar-tools:has(.support-inbox-shell) > .topbar-tool:first-child {
  border-radius: 10px 0 0 10px;
}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-tools:has(.support-inbox-shell) > .support-inbox-shell:last-child > .support-inbox-bell {
  border-radius: 0 10px 10px 0;
}

/* UI-TOPBAR-TOQUE-02: area de toque contida no segmento arredondado.
   Mantem overflow visivel no grupo para o popover de Chamados e o badge. */
body:has(.ios-shell) .topbar-tools:has(.support-inbox-shell) > .topbar-theme-action,
body:has(.ios-shell) .topbar-tools:has(.support-inbox-shell) > .support-inbox-shell > .support-inbox-bell {
  box-sizing: border-box;
  height: 38px;
  min-height: 38px;
  max-height: 38px;
  margin: 0;
  align-self: center;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
body:has(.ios-shell) .topbar-tools:has(.support-inbox-shell) > .topbar-theme-action {
  border-radius: 10px 0 0 10px;
  overflow: clip;
}
body:has(.ios-shell) .topbar-tools:has(.support-inbox-shell) > .support-inbox-shell > .support-inbox-bell {
  border-radius: 0 10px 10px 0;
}
body:has(.ios-shell) .topbar-tools:has(.support-inbox-shell) > .topbar-theme-action:focus-visible,
body:has(.ios-shell) .topbar-tools:has(.support-inbox-shell) > .support-inbox-shell > .support-inbox-bell:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: -2px;
}
@media (max-width: 640px) {
  body:has(.ios-shell) .topbar-tools:has(.support-inbox-shell) > .topbar-theme-action,
  body:has(.ios-shell) .topbar-tools:has(.support-inbox-shell) > .support-inbox-shell > .support-inbox-bell {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    flex: 0 0 40px;
    padding: 0;
  }
  body:has(.ios-shell) .topbar-tools:has(.support-inbox-shell) > .support-inbox-shell {
    height: 38px;
    flex: 0 0 40px;
  }
}