/* Central de atendimento — tema compartilhado do cliente e do suporte.
 * Estrutura: .card, .auth-card, .hero, .grid.two, .workspace > .sidebar + .detail.
 * Ações: .btn + .primary/.outline/.danger/.success; .tabs > .active.
 * Conteúdo: .stepper, .order, .item-row, .field, .photo-grid, .photo,
 * .messages > .message (.support/.cliente opcionais), .case-row, .queue-number.
 * Estados: .badge/.status + .fila/.analise/.aguardando/.resolvido;
 * .hint, .warning, .error, .empty, .hidden ou [hidden].
 * Composição: .toolbar, .inline, .muted, .test-tools, .product-icon.
 */
:root {
  color-scheme: light;
  --navy: #102f58;
  --navy-deep: #0b2445;
  --blue: #2266c7;
  --blue-hover: #184fa1;
  --sky: #eaf3ff;
  --bg: #edf4fc;
  --paper: #ffffff;
  --ink: #183451;
  --muted: #60748c;
  --line: #d9e5f2;
  --green: #1e7757;
  --green-bg: #eaf7f0;
  --amber: #90600b;
  --amber-bg: #fff6de;
  --red: #b13a42;
  --red-bg: #fff0f1;
  --radius: 18px;
  --shadow: 0 8px 28px rgba(24, 58, 103, .055);
}
* { box-sizing: border-box; }
html { min-width: 280px; scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(ellipse at 10% 12%, #dcecff 0, transparent 42%), var(--bg);
  color: var(--ink);
  font: 15px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, .btn { touch-action: manipulation; }
button { cursor: pointer; }
button:disabled, .btn[aria-disabled="true"] { cursor: not-allowed; }
a { color: var(--blue); text-underline-offset: .18em; }
img { max-width: 100%; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 { line-height: 1.25; color: var(--navy); overflow-wrap: anywhere; }
h1 { font-size: clamp(27px, 3.2vw, 39px); letter-spacing: -.035em; margin-bottom: 12px; }
h2 { font-size: 23px; letter-spacing: -.025em; margin-bottom: 15px; }
h3 { font-size: 17px; margin-bottom: 10px; }
h4 { font-size: 15px; margin-bottom: 8px; }
p:last-child { margin-bottom: 0; }
small { font-size: .84em; }
strong { font-weight: 650; }
hr { border: 0; border-top: 1px solid var(--line); margin: 24px 0; }
:focus-visible { outline: 3px solid #80b6ff; outline-offset: 3px; }
[hidden], .hidden { display: none !important; }
.skip-link { position: fixed; left: 12px; top: -100px; background: white; padding: 12px 18px; border-radius: 8px; z-index: 100; }
.skip-link:focus { top: 12px; }
.preview-banner {
  min-height: 43px;
  padding: 8px max(24px, calc((100vw - 1320px) / 2));
  background: #dceaff;
  color: #244971;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px 24px;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .035em;
  border-bottom: 1px solid #c5d8f2;
}
.preview-banner > span { display: flex; align-items: center; gap: 8px; }
.preview-dot { width: 6px; height: 6px; border-radius: 50%; background: #497bad; flex-shrink: 0; }
.preview-banner nav { display: flex; gap: 5px; align-items: center; }
.preview-banner a { text-decoration: none; padding: 4px 11px; border-radius: 6px; color: #365a83; white-space: nowrap; }
.preview-banner a:hover { background: #cbdffb; }
.preview-banner a.active { background: white; box-shadow: 0 1px 4px #23466a10; color: #173d6b; }
.site-header { background: linear-gradient(110deg, var(--navy-deep), var(--navy)); color: white; }
.header-inner {
  max-width: 1376px;
  padding: 22px 28px;
  margin: 0 auto;
  min-height: 106px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.brandbar { display: flex; align-items: center; gap: 24px; min-width: 0; }
.group-brand { min-width: 0; display: grid; gap: 12px; }
.group-title { color: #eff6ff; font-size: 15px; font-weight: 650; letter-spacing: .02em; }
.brandbar img { display: block; object-fit: contain; width: auto; flex: 0 1 auto; }
.brandbar .brand-corta { width: 144px; height: 51px; }
.brandbar .brand-uniformizeei { width: 148px; height: 38px; }
.brandbar .brand-ink { width: 105px; height: 52px; }
.brand-divider { width: 1px; height: 28px; background: #ffffff26; flex-shrink: 0; }
.header-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px 24px; font-size: 13px; }
.header-nav a { color: #eff6ff; text-decoration: none; border-radius: 6px; padding: 6px 0; }
.header-nav a:hover { color: white; text-decoration: underline; }
.header-nav a span { margin-left: 4px; color: #90bfff; }
.header-section { color: #c4d8f4; font-weight: 600; }
#conteudo { width: min(1320px, calc(100% - 56px)); margin: 0 auto; padding: 37px 0 64px; }
body[data-modo="cliente"] #conteudo { max-width: 1120px; }
#conteudo:focus { outline: none; }
.hero { margin-bottom: 28px; }
.hero p { color: var(--muted); font-size: 16px; max-width: 720px; }
.hero .eyebrow { color: var(--blue); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; margin-bottom: 10px; }
.card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 26px;
  box-shadow: var(--shadow);
  min-width: 0;
}
.card + .card { margin-top: 20px; }
.auth-card { width: min(100%, 560px); margin: 20px auto; padding: 34px; }
.auth-card h2 { text-align: center; }
.auth-card > .muted { text-align: center; margin-bottom: 25px; }
.auth-card .btn.primary { width: 100%; }
.auth-card .field { margin-bottom: 18px; }
.auth-card .hint { margin-top: 20px; }
.grid { display: grid; gap: 20px; min-width: 0; }
.grid.two, .two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.grid > .card + .card, .two > .card + .card { margin-top: 0; }
.inline, .toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-width: 0; }
.toolbar { justify-content: space-between; margin-bottom: 20px; }
.toolbar h1, .toolbar h2, .toolbar h3, .toolbar p { margin-bottom: 0; }
.toolbar .field { margin: 0; }
.toolbar input[type="search"] { width: min(360px, 100%); }
.muted { color: var(--muted); }
.btn, button.primary, button.outline, button.danger, button.success {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 45px;
  padding: 11px 19px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: white;
  color: var(--navy);
  font-weight: 650;
  font-size: 14px;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
}
.btn:hover { border-color: #9ab8dc; background: #f7faff; }
.btn.primary, button.primary { color: white; background: var(--blue); border-color: var(--blue); box-shadow: 0 3px 6px #225bb414; }
.btn.primary:hover, button.primary:hover { background: var(--blue-hover); border-color: var(--blue-hover); }
.btn.outline, button.outline { color: var(--blue); border-color: #adc7e8; background: white; }
.btn.outline:hover, button.outline:hover { background: var(--sky); }
.btn.success, button.success { background: var(--green); border-color: var(--green); color: white; }
.btn.success:hover, button.success:hover { background: #155f44; }
.btn.danger, button.danger { background: var(--red-bg); border-color: #f0cbd0; color: var(--red); }
.btn:disabled, button.primary:disabled, button.success:disabled, button.outline:disabled, .btn[aria-disabled="true"] { background: #e9eef5; border-color: #dfe7ef; color: #8190a3; box-shadow: none; }
.btn.small { padding: 8px 12px; min-height: 36px; font-size: 12px; }
.field { display: grid; gap: 8px; margin: 0 0 20px; min-width: 0; }
.field > label, label.field, .field > legend { font-size: 14px; font-weight: 650; color: var(--ink); }
label { cursor: pointer; }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
legend { margin-bottom: 10px; }
input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  width: 100%;
  min-width: 0;
  color: var(--ink);
  background: #fff;
  border: 1px solid #c8d7e8;
  border-radius: 9px;
  min-height: 46px;
  padding: 11px 13px;
  font-weight: 400;
  line-height: 1.4;
}
input::placeholder, textarea::placeholder { color: #8392a5; }
input:focus, textarea:focus, select:focus { outline: 3px solid #e0edff; border-color: #5290df; }
input:disabled, textarea:disabled, select:disabled { background: #f1f5f9; color: #75869a; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--blue); width: 18px; height: 18px; flex: 0 0 auto; margin: 2px 0; }
input[type="file"] { font-size: 13px; background: #f6faff !important; }
input[type="file"]::file-selector-button { padding: 7px 10px; border: 0; border-radius: 5px; margin-right: 10px; background: #e0edff; color: #205a9b; cursor: pointer; }
textarea { resize: vertical; min-height: 112px; }
.field > small, .field > .muted { font-size: 12px; font-weight: 400; }
.field .inline label { display: inline-flex; align-items: center; gap: 8px; font-weight: 400; }
.stepper { display: flex; padding: 0; margin: 0 0 28px; list-style: none; gap: 12px; counter-reset: step; }
.stepper > * { flex: 1; min-width: 0; display: flex; align-items: center; gap: 9px; color: #7c8da2; font-size: 12px; font-weight: 650; }
.stepper > *::before { counter-increment: step; content: counter(step); border-radius: 50%; min-width: 28px; height: 28px; display: grid; place-items: center; color: #72839a; background: #e0e9f4; border: 1px solid #d5e2f1; font-size: 12px; }
.stepper > .active { color: var(--blue); }
.stepper > .active::before { color: white; background: var(--blue); border-color: var(--blue); }
.stepper > .done { color: var(--green); }
.stepper > .done::before { content: "✓"; color: var(--green); background: var(--green-bg); border-color: #c6e6d7; }
.badge, .status { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 650; line-height: 1.35; color: #3c6291; border: 1px solid #d9e6f7; background: #edf4ff; padding: 5px 9px; border-radius: 7px; vertical-align: middle; max-width: 100%; }
.status { border-radius: 999px; }
.status.fila, .badge.fila, .status.espera { background: var(--amber-bg); color: var(--amber); border-color: #f3e5bc; }
.status.analise, .badge.analise { background: #eaf2ff; color: #2762ad; border-color: #ccdef5; }
.status.aguardando, .badge.aguardando { background: #f1edfb; color: #7659a4; border-color: #e0d6f3; }
.status.resolvido, .status.resolvida, .badge.resolvido, .badge.success { background: var(--green-bg); color: var(--green); border-color: #cde8da; }
.badge.danger, .status.danger { background: var(--red-bg); color: var(--red); border-color: #f0cbd0; }
.hint, .warning, .error { border: 1px solid #d3e5fa; border-radius: 10px; background: #f0f7ff; color: #3c648d; padding: 13px 16px; margin: 16px 0; font-size: 13px; line-height: 1.55; }
.warning { color: #805b14; background: var(--amber-bg); border-color: #efdfb1; }
.error { color: #9c3039; background: var(--red-bg); border-color: #edccd0; }
.hint p, .warning p, .error p { margin-bottom: 6px; }
.hint p:last-child, .warning p:last-child, .error p:last-child { margin-bottom: 0; }
.order { border: 1px solid var(--line); background: white; padding: 20px; border-radius: 13px; min-width: 0; }
.order + .order { margin-top: 14px; }
.order:hover { border-color: #a5c4e9; }
.order.active, .order.selected { border-color: var(--blue); background: #f7faff; box-shadow: 0 0 0 1px #2266c71a; }
.order h3 { margin-bottom: 5px; }
.order .muted { font-size: 13px; }
.item-row { display: flex; align-items: center; gap: 14px; padding: 16px 0; min-width: 0; border-bottom: 1px solid #e9eff6; }
.item-row:last-child { border-bottom: 0; }
.item-row > div { min-width: 0; }
.item-row > .field { margin: 0 0 0 auto; width: 94px; flex-shrink: 0; }
.item-row h3, .item-row h4, .item-row p { margin-bottom: 4px; }
.item-row img { height: 65px; width: 57px; object-fit: contain; border-radius: 8px; background: #f0f5fb; }
.item-row input[type="number"] { width: 82px; }
.product-icon { width: 56px; height: 62px; flex: 0 0 auto; background: #eaf2fc; border: 1px solid #dae6f4; border-radius: 10px; display: grid; place-items: center; color: #5883b6; font-size: 24px; }
.photo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.photo { border: 1px dashed #9ebfe7; padding: 18px; border-radius: 12px; background: #f7fbff; min-width: 0; }
.photo h3 { color: #285e9d; }
.photo img { width: 100%; height: 170px; display: block; object-fit: contain; border-radius: 8px; background: #e9f0f7; margin-bottom: 10px; }
.photo small { display: block; color: var(--muted); margin-top: 7px; }
.photo input { margin-top: 10px; }
.queue-number { color: var(--blue); font-size: clamp(44px, 7vw, 70px); line-height: 1.1; font-weight: 750; letter-spacing: -.05em; font-variant-numeric: tabular-nums; margin: 14px 0; }
.empty { text-align: center; padding: 50px 24px; color: var(--muted); }
.empty h2, .empty h3 { color: #345677; }
.empty p { max-width: 420px; margin-left: auto; margin-right: auto; }
.tabs { display: flex; gap: 5px; align-items: center; padding: 5px; margin: 0 0 24px; background: #dfeafa; border: 1px solid #d5e3f4; border-radius: 11px; width: fit-content; max-width: 100%; }
.tabs button, .tabs a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 17px; min-height: 43px; border: 1px solid transparent; border-radius: 8px; color: #536e8c; background: transparent; font-weight: 650; font-size: 13px; text-decoration: none; }
.tabs .active, .tabs [aria-selected="true"] { background: white; border-color: #d9e5f2; color: var(--navy); box-shadow: 0 2px 6px #21496e09; }
.tabs .badge { font-size: 10px; padding: 2px 6px; background: #e7effa; border: none; }
.workspace { display: grid; grid-template-columns: minmax(285px, 355px) minmax(0, 1fr); gap: 22px; align-items: start; }
.sidebar, .detail { min-width: 0; }
.sidebar { display: grid; gap: 12px; }
.sidebar .card { padding: 17px; }
.sidebar .card + .card { margin-top: 0; }
.sidebar .toolbar { gap: 10px; margin-bottom: 10px; }
.detail { background: white; border: 1px solid var(--line); padding: 27px; border-radius: var(--radius); box-shadow: var(--shadow); }
.detail > .card { box-shadow: none; padding: 20px; }
.detail > .toolbar { padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.detail > .toolbar .muted { margin-top: 5px; font-size: 12px; }
.case-row { display: block; width: 100%; text-align: left; padding: 18px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); background: white; box-shadow: 0 2px 8px #23446903; text-decoration: none; min-width: 0; }
.case-row + .case-row { margin-top: 11px; }
.case-row:hover { background: #f9fbff; border-color: #a3c0e4; }
.case-row.active { border-color: #7ba9e7; background: #f1f7ff; box-shadow: inset 3px 0 0 var(--blue); }
.case-row .inline { justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.case-row strong { color: var(--navy); }
.case-row p { margin-bottom: 5px; }
.case-row .muted, .case-row small { font-size: 12px; }
.case-row .status { font-size: 10px; }
.messages { display: grid; gap: 15px; margin: 24px 0; }
.message { max-width: 92%; padding: 18px; border: 1px solid #e1eaf4; border-radius: 12px; background: #f6f9fd; overflow-wrap: anywhere; }
.message.support, .message.suporte { justify-self: end; background: #edf5ff; border-color: #d5e5fa; }
.message.client, .message.cliente { justify-self: start; }
.message .inline { justify-content: space-between; gap: 12px; margin-bottom: 8px; font-size: 12px; }
.message p { white-space: pre-wrap; }
.message time, .message small { color: #71849b; font-size: 11px; }
.message .photo-grid { margin-top: 10px; }
.message .photo { padding: 6px; background: white; border-style: solid; }
.message .photo img { height: 105px; margin: 0; }
.test-tools { background: #f5f9ff; border: 1px dashed #adc6e6; color: #526d8b; border-radius: 10px; padding: 14px 17px; margin: 20px 0; font-size: 12px; }
.test-tools summary { cursor: pointer; font-weight: 650; }
.test-tools .inline { margin-top: 10px; }
.test-tools code { font-size: 12px; overflow-wrap: anywhere; }
#aviso { position: fixed; bottom: 24px; right: 24px; z-index: 30; max-width: min(460px, calc(100vw - 32px)); background: var(--navy); color: white; border-radius: 12px; box-shadow: 0 8px 30px #0b24452e; font-size: 14px; line-height: 1.5; }
#aviso:not(:empty) { padding: 15px 20px; }
#aviso.error { background: #a4323d; border-color: #a4323d; color: white; }
table { border-collapse: collapse; width: 100%; text-align: left; }
th, td { padding: 12px 10px; border-bottom: 1px solid var(--line); font-size: 13px; vertical-align: top; }
th { color: var(--muted); font-size: 11px; font-weight: 650; }
@media (min-width: 1500px) { .header-inner { padding-right: 28px; padding-left: 28px; } }
@media (max-width: 1050px) {
  .header-inner { gap: 22px; }
  .brandbar { gap: 16px; }
  .brandbar .brand-corta { width: 120px; }
  .brandbar .brand-uniformizeei { width: 130px; }
  .brandbar .brand-ink { width: 88px; }
  .header-nav { gap: 8px 16px; font-size: 12px; }
  .workspace { grid-template-columns: 290px minmax(0, 1fr); gap: 18px; }
  .detail { padding: 22px; }
}
@media (max-width: 800px) {
  .preview-banner { padding: 8px 20px; flex-wrap: wrap; justify-content: center; text-align: center; }
  .header-inner { flex-direction: column; gap: 14px; padding: 19px 22px; }
  .brandbar { justify-content: center; }
  .header-nav { justify-content: center; }
  #conteudo { width: calc(100% - 36px); padding-top: 27px; }
  .workspace { grid-template-columns: minmax(0, 1fr); }
  .sidebar { gap: 10px; }
  .grid.two, .two { grid-template-columns: minmax(0, 1fr); }
  .card { padding: 22px; }
  .tabs { width: 100%; }
  .tabs > * { flex: 1; }
}
@media (max-width: 480px) {
  .brandbar { width: 100%; gap: 12px; }
  .brandbar .brand-corta { width: 95px; height: 38px; }
  .brandbar .brand-uniformizeei { width: 108px; height: 32px; }
  .brandbar .brand-ink { width: 70px; height: 39px; }
  .brand-divider { height: 22px; }
  .header-inner { padding: 18px 16px; }
  .preview-banner { font-size: 9px; letter-spacing: .015em; }
  .preview-banner nav { font-size: 11px; }
  #conteudo { width: calc(100% - 28px); padding-bottom: 32px; }
  h1 { font-size: 27px; }
  h2 { font-size: 21px; }
  .hero p { font-size: 14px; }
  .card, .auth-card, .detail { padding: 20px 17px; border-radius: 14px; }
  .auth-card { margin-top: 10px; }
  .stepper { gap: 7px; }
  .stepper > * { flex-direction: column; text-align: center; gap: 6px; font-size: 10px; line-height: 1.35; }
  .tabs button, .tabs a { padding: 10px 8px; font-size: 12px; gap: 5px; }
  .toolbar { align-items: stretch; }
  .toolbar input[type="search"], .toolbar > .field { width: 100%; }
  .item-row { gap: 10px; flex-wrap: wrap; }
  .item-row > .field { margin-left: 0; width: 100%; }
  .item-row > .field input[type="number"] { width: 100%; }
  .message { max-width: 100%; padding: 14px; }
  .photo-grid { grid-template-columns: minmax(0, 1fr); }
  .photo { padding: 14px; }
  #aviso { bottom: 16px; right: 16px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; } }
@media print {
  body { background: white; }
  .preview-banner, .site-header, .tabs, .test-tools, .btn, #aviso { display: none !important; }
  #conteudo { width: 100%; padding: 0; }
  .card, .detail, .order { box-shadow: none; break-inside: avoid; }
  .workspace { display: block; }
  .sidebar { display: none; }
}

/* Ajustes conferidos no fluxo funcional. */
.case-row > span, .case-row > strong, .case-row > small { display:block; margin-bottom:5px; }
.case-row > strong { font-size:17px; }
.case-row > small { color:var(--muted); margin-bottom:0; }
.grid { grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)); }
.tabs { flex-wrap:wrap; }
#new-form > .item-row { margin-bottom:10px; }
#solicitacoes { margin-top:30px; }
.auth-card h1, .auth-card > .muted { text-align:center; }
/* Os mesmos três traços e cores da entrada da Central. */
.group-emblem { display:flex; align-items:center; justify-content:center; gap:4px; width:64px; height:64px; margin:0 auto 18px; background:var(--navy-deep); border-radius:18px; }
.group-emblem i { display:block; width:9px; height:29px; transform:skew(-18deg); background:#6cacf3; }
.group-emblem i:nth-child(2) { background:#f34b55; }
.group-emblem i:nth-child(3) { background:#d0e760; }
.auth-card > .btn.outline { width:100%; margin-top:10px; }
.photo-grid figure { margin:0; }
.detail > .status { display:block; margin:0 0 18px; }
@media (max-width:480px) { .brandbar { gap:8px; flex-wrap:wrap; justify-content:center; } .brand-divider { display:none; } }

/* A mesma identificação de loja nos pedidos, na fila e no atendimento. */
.store-logo { display:inline-flex; align-items:center; justify-content:center; width:96px; height:38px; padding:7px 9px; flex:0 0 96px; border-radius:8px; background:var(--navy-deep); box-sizing:border-box; }
.store-logo img { display:block; width:100%; height:100%; object-fit:contain; }
.case-row > .case-identity { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.case-identity > span:last-child { font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.ticket-heading, .order-heading { display:flex; align-items:center; gap:12px; min-width:0; flex-wrap:wrap; }
.ticket-heading > div { min-width:0; }
.ticket-heading h2 { overflow-wrap:anywhere; }
.order-heading h3 { margin:0; font-size:18px; }
.order > .order-heading { margin-bottom:16px; }
.grid > .order { display:flex; flex-direction:column; }
.grid > .order > .btn { margin-top:auto; align-self:flex-start; }

/* Suporte: página de cada marca, cartões compactos e detalhe sob demanda. */
body[data-modo="suporte"] .header-inner { min-height:82px; padding-top:17px; padding-bottom:17px; }
.support-header-title { display:flex; align-items:center; gap:12px; }
.support-header-title > span { display:grid; place-items:center; width:40px; height:40px; border:1px solid #ffffff24; border-radius:12px; color:#bed9ff; font-size:22px; }
.support-header-title > .store-logo { display:flex; flex:0 0 96px; width:96px; height:38px; border:0; border-radius:8px; }
.support-header-title strong { display:block; color:white; font-size:18px; }
.support-header-title small { display:block; color:#b8cde9; font-size:12px; }
.shop-landing { max-width:1000px; margin:18px auto; }
.shop-landing h1 { font-size:32px; margin-bottom:10px; }
.shop-landing > .muted { margin-bottom:26px; }
.shop-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.shop-choice { --shop-accent:#2266c7; display:flex; flex-direction:column; align-items:flex-start; gap:24px; padding:26px; text-align:left; text-decoration:none; color:var(--navy); background:var(--paper); border:1px solid var(--line); border-top:4px solid var(--shop-accent); border-radius:15px; min-width:0; box-shadow:var(--shadow); }
.shop-choice:hover { border-color:var(--shop-accent); box-shadow:0 10px 28px #183a6712; }
.shop-choice-cv { --shop-accent:#37805c; }
.shop-choice-ink { --shop-accent:#a78bd8; background:#1b1a20; border-color:#38323f; color:#f4f0fa; }
.shop-choice .store-logo { flex:0 0 auto; width:116px; height:48px; }
.shop-choice-cv .store-logo { background:#153b2b; }
.shop-choice-ink .store-logo { background:#101014; }
.shop-choice strong { display:block; font-size:18px; line-height:1.3; }
.shop-choice small { display:block; margin-top:6px; color:var(--muted); font-size:13px; }
.shop-choice-ink small { color:#b8b2c1; }
.shop-enter { margin-top:auto; color:var(--shop-accent); font-size:13px; font-weight:650; }
.back-to-stores { display:inline-block; font-size:13px; text-decoration:none; margin-bottom:22px; }
.back-to-stores:hover { text-decoration:underline; }
.board-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:25px; }
.board-heading h1 { font-size:30px; margin-bottom:5px; }
.board-heading p { color:var(--muted); margin:0; font-size:14px; }
.board-heading .field { flex:0 1 260px; margin:0; font-size:12px; }
.board-heading input { width:100%; padding:10px 13px; min-height:42px; }
.pipeline { display:grid; grid-template-columns:repeat(3,minmax(200px,1fr)); align-items:start; gap:14px; overflow-x:auto; padding-bottom:12px; }
.pipeline-column { min-width:0; border:1px solid var(--line); background:#e6eef8; border-radius:15px; overflow:hidden; }
.pipeline-column-heading { padding:17px 16px; background:#102f58; color:white; }
.pipeline-column-heading > div { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.pipeline-column-heading h2 { color:inherit; font-size:17px; letter-spacing:-.015em; margin:0; }
.tab-count { display:grid; place-items:center; min-width:26px; height:26px; padding:0 7px; border-radius:7px; font-size:12px; font-weight:650; background:#ffffff24; color:inherit; font-variant-numeric:tabular-nums; }
.pipeline-column-heading p { color:inherit; opacity:.8; font-size:11px; margin:8px 0 0; line-height:1.4; }
.column-analise .pipeline-column-heading { background:#d6e7ff; color:#204b80; }
.column-analise .tab-count { background:#bdd5f5; }
.column-resolvido .pipeline-column-heading { background:#ddf0e7; color:#215f48; }
.column-resolvido .tab-count { background:#bfe2d1; }
.pipeline-cards { min-height:280px; padding:12px; }
.pipeline .case-row { padding:13px; border-color:#d5e1ef; box-shadow:0 2px 6px #172c4610; }
.pipeline .case-row > .case-identity { gap:8px; margin-bottom:12px; }
.pipeline .case-identity > span:last-child { font-size:12px; }
.pipeline .case-row > strong { font-size:16px; margin-bottom:7px; }
.pipeline .case-row .badge { font-size:10px; padding:4px 7px; margin-bottom:3px; }
.pipeline .case-row small { font-size:10px; line-height:1.5; }
.case-open { display:block; border-top:1px solid var(--line); margin-top:12px; padding-top:9px; font-size:12px; font-weight:650; color:var(--blue); }
.pipeline-empty { padding:22px 5px; text-align:center; font-size:12px; line-height:1.6; color:var(--muted); }
.ticket-dialog { width:min(760px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid var(--line); border-radius:18px; background:var(--paper); color:var(--ink); box-shadow:0 24px 100px #0005; overflow:auto; overscroll-behavior:contain; }
.ticket-dialog::backdrop { background:#07111f99; backdrop-filter:blur(3px); }
.dialog-toolbar { position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:14px 22px; background:var(--paper); border-bottom:1px solid var(--line); }
.dialog-toolbar strong { font-size:13px; }
.dialog-toolbar .btn { min-height:38px; padding:7px 12px; font-size:13px; }
.ticket-dialog .detail { margin:0; border:0; border-radius:0; box-shadow:none; background:var(--paper); }
.ticket-dialog .order { margin-top:20px; }
.ticket-dialog .detail > .toolbar { gap:14px; }
.ticket-dialog h2 { font-size:24px; margin:3px 0 0; }
.ticket-dialog .detail .toolbar > .btn { font-size:12px; padding:9px 12px; }
.dialog-notice:not(:empty) { margin:18px 22px 0; padding:12px 16px; border-radius:9px; background:var(--sky); color:var(--ink); font-size:13px; }
.dialog-notice.error { background:#ffeaee; color:#962d3b; }
body:has(.ticket-dialog[open]) { overflow:hidden; }
/* A Corta Vento usa verde; a Uniformizeei mantém o azul. */
body[data-loja="cv"] { --navy:#173f2d; --navy-deep:#123324; --blue:#276b4c; --blue-hover:#1d503a; --sky:#e6f3eb; --bg:#eff5f0; --ink:#203f2f; --muted:#5d7567; --line:#d8e5dc; background:radial-gradient(ellipse at 10% 12%,#e0eee3 0,transparent 42%),var(--bg); }
body[data-loja="cv"] .site-header { background:#153b2b; }
body[data-loja="cv"] .support-header-title small { color:#bed6c7; }
body[data-loja="cv"] .pipeline-column { background:#e6eee8; }
body[data-loja="cv"] .column-fila .pipeline-column-heading { background:#1b4934; }
body[data-loja="cv"] .column-analise .pipeline-column-heading { background:#e3ecdf; color:#355344; }
body[data-loja="cv"] .column-analise .tab-count { background:#c9dccc; }
body[data-loja="cv"] .pipeline .case-row { border-color:#d4e1d8; }
body[data-loja="cv"] .case-row:hover { background:#f7fbf7; border-color:#8ebaa0; }
body[data-loja="cv"] .case-row.active { background:#f1f8f3; border-color:#8ebaa0; }
/* Ink Mode: identidade escura em toda a página, inclusive no atendimento. */
body[data-loja="ink"] { color-scheme:dark; --navy:#f1edf7; --navy-deep:#101014; --blue:#bea0f2; --blue-hover:#d0b7fa; --sky:#2c253b; --bg:#101014; --paper:#1b1a20; --ink:#eeeaf3; --muted:#b2aabb; --line:#38323f; --green:#93d6b5; --green-bg:#203b30; background:#101014; }
body[data-loja="ink"] .site-header { background:#18161d; border-bottom:1px solid #302b36; }
body[data-loja="ink"] .support-header-title small { color:#bcb1ce; }
body[data-loja="ink"] .preview-banner { background:#292333; color:#d0c3df; border-color:#40364d; }
body[data-loja="ink"] .preview-banner a { color:#d0c3df; }
body[data-loja="ink"] .preview-banner a:hover { background:#3a3049; }
body[data-loja="ink"] .preview-banner a.active { background:#45365a; color:#f2e8ff; }
body[data-loja="ink"] .preview-dot { background:#b09ad0; }
body[data-loja="ink"] .pipeline-column { background:#18171d; }
body[data-loja="ink"] .column-fila .pipeline-column-heading { background:#302739; }
body[data-loja="ink"] .column-analise .pipeline-column-heading { background:#242d3f; color:#c1d3f2; }
body[data-loja="ink"] .column-analise .tab-count { background:#354460; }
body[data-loja="ink"] .column-resolvido .pipeline-column-heading { background:#203b30; color:#b3e5cd; }
body[data-loja="ink"] .column-resolvido .tab-count { background:#325341; }
body[data-loja="ink"] .case-row, body[data-loja="ink"] .order { background:#242129; border-color:var(--line); }
body[data-loja="ink"] .case-row:hover, body[data-loja="ink"] .case-row.active { background:#302837; border-color:#8f78ae; }
body[data-loja="ink"] input, body[data-loja="ink"] textarea, body[data-loja="ink"] select { background:#131217; color:var(--ink); border-color:#4b4256; }
body[data-loja="ink"] input::placeholder, body[data-loja="ink"] textarea::placeholder { color:#a49aac; }
body[data-loja="ink"] textarea:disabled { background:#222027; color:#b2aabb; }
body[data-loja="ink"] input[type="file"] { background:#24202c !important; }
body[data-loja="ink"] input::file-selector-button { background:#3b304d; color:#e9dcff; border:0; }
body[data-loja="ink"] .btn.primary { background:var(--blue); color:#20142f; border-color:var(--blue); }
body[data-loja="ink"] .btn.primary:hover { background:var(--blue-hover); }
body[data-loja="ink"] .btn.outline { background:transparent; color:var(--blue); border-color:#655078; }
body[data-loja="ink"] .btn.success { background:#225d43; color:#f0fff7; border-color:#397857; }
body[data-loja="ink"] .badge, body[data-loja="ink"] .status { background:#302939; color:#e1d1f7; border-color:#51425e; }
body[data-loja="ink"] .badge.success, body[data-loja="ink"] .status.success { background:#203b30; color:#b3e5cd; border-color:#365b48; }
body[data-loja="ink"] .hint { background:#25212d; color:#c2b7d0; border-color:#3e344b; }
body[data-loja="ink"] .message { background:#242129; border-color:#3d3645; }
body[data-loja="ink"] .message.support { background:#292437; border-color:#4a3c62; }
body[data-loja="ink"] .message time, body[data-loja="ink"] .message small { color:#b5a8c3; }
body[data-loja="ink"] .product-icon, body[data-loja="ink"] .photo { background:#302939; color:#e1d1f7; border-color:#51425e; }
body[data-loja="ink"] .item-row { border-color:var(--line); }
body[data-loja="ink"] #aviso { background:#3a2e4d; }
@media(max-width:800px) {
 body[data-modo="suporte"] .header-inner { flex-direction:row; gap:12px; }
 .support-header-title strong { font-size:16px; }
 .support-header-title > .store-logo { flex-basis:85px; width:85px; }
 .board-heading { gap:18px; }
 .board-heading .field { flex-basis:220px; }
 .pipeline-column-heading { padding:15px 12px; }
 .pipeline-column-heading h2 { font-size:15px; }
 .pipeline-cards { padding:10px; }
 .shop-choice { padding:22px 18px; gap:20px; }
 .shop-choice strong { font-size:16px; }
}
@media(max-width:580px) {
 .shop-choices { grid-template-columns:1fr; gap:12px; }
 .shop-choice { display:grid; grid-template-columns:96px 1fr; gap:12px 16px; }
 .shop-choice .store-logo { width:96px; height:40px; }
 .shop-enter { grid-column:2; }
 .shop-landing h1 { font-size:27px; }
 .support-header-title strong { font-size:14px; }
 body[data-modo="suporte"] .header-nav { font-size:10px; }
 body[data-modo="suporte"] .header-inner { padding-left:14px; padding-right:14px; }
 .support-header-title { gap:8px; }
 .support-header-title > .store-logo { flex-basis:72px; width:72px; }
 .board-heading { align-items:stretch; flex-direction:column; gap:14px; }
 .board-heading .field { flex-basis:auto; }
 .pipeline { grid-template-columns:repeat(3,minmax(240px,1fr)); gap:12px; }
 .dialog-toolbar { padding:12px 16px; }
 .dialog-toolbar strong { font-size:12px; }
}

/* Compositor enxuto: última mensagem em destaque, histórico recolhido. */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.compact-detail { padding:22px; }
.ticket-dialog .compact-detail > .toolbar { padding-bottom:16px; margin-bottom:0; }
.case-summary { display:flex; justify-content:space-between; align-items:start; gap:18px; font-size:12px; padding:14px 0; color:var(--muted); }
.selected-pieces { max-width:75%; margin:0; padding:0; border:0; }
.selected-pieces summary { text-align:right; cursor:pointer; font-weight:600; color:var(--blue); }
.selected-pieces .item-row { font-size:12px; padding:10px 0; }
.selected-pieces .product-icon { display:none; }
.previous-replies { margin:0 0 14px; border:1px solid var(--line); padding:9px 12px; border-radius:9px; font-size:12px; }
.previous-replies summary { cursor:pointer; color:var(--muted); }
.previous-replies .messages { margin:14px 0 0; }
.latest-reply { border:1px solid var(--line); border-radius:11px; overflow:hidden; margin:0 0 15px; }
.latest-reply > h3 { background:#15385f; color:white; font-size:13px; font-weight:650; padding:11px 15px; margin:0; letter-spacing:0; }
.latest-reply .message { width:100%; max-width:none; border:0; border-radius:0; padding:15px; font-size:14px; }
.latest-reply .message > .inline { margin-bottom:8px; }
.latest-reply .message > .inline strong { display:none; }
.latest-reply .message > .inline small { font-size:11px; }
.quick-reply { margin:0; }
.quick-reply .field { margin:0 0 10px; }
.quick-reply textarea { min-height:90px; max-height:230px; padding:13px 15px; background:#fff; color:#19344f; font-size:14px; border-color:#bccdde; }
.reply-actions { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.reply-actions .btn { padding:9px 24px; min-height:40px; font-size:13px; }
.attach-photo { position:relative; display:inline-flex; overflow:hidden; cursor:pointer; font-size:12px; color:var(--blue); border:1px solid var(--line); border-radius:7px; padding:8px 12px; }
.attach-photo input[type="file"] { position:absolute; inset:0; width:100%; height:100%; opacity:0; padding:0; cursor:pointer; }
.attach-photo:focus-within { outline:3px solid #80b6ff; outline-offset:3px; }
.attachment-count { display:block; font-size:11px; margin-top:6px; color:var(--muted); }
.attachment-count:empty { display:none; }
.email-preview { margin-top:15px; color:var(--muted); font-size:11px; }
.email-preview summary { cursor:pointer; }
.email-preview p { white-space:pre-wrap; overflow-wrap:anywhere; }
body[data-loja="ink"] .quick-reply textarea { background:#fff; color:#19344f; border-color:#d1c9db; }
body[data-loja="ink"] .quick-reply textarea::placeholder { color:#6a6d78; }

.tracking-answer { max-width:750px; margin:26px auto 0; }
.tracking-answer > .badge { margin-bottom:14px; }
.tracking-answer h2 { font-size:25px; margin-bottom:10px; }
.tracking-answer > p { color:var(--muted); }
.tracking-package { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 20px; background:#eef5ff; border:1px solid #d2e3fa; border-radius:12px; margin:15px 0; }
.tracking-package small { display:block; color:var(--muted); margin-bottom:4px; }
.tracking-package strong { display:block; letter-spacing:.05em; overflow-wrap:anywhere; }
.tracking-package .btn { font-size:13px; padding:11px 16px; flex-shrink:0; }
.tracking-guidance { font-size:13px; line-height:1.65; margin:18px 0 24px; }
.tracking-decision { border-top:1px solid var(--line); padding-top:22px; }
.tracking-decision h3 { font-size:18px; margin-bottom:16px; }
.tracking-decision .inline { gap:12px; flex-wrap:wrap; }
.tracking-decision .btn { font-size:14px; }
@media(max-width:580px){.tracking-package { align-items:stretch; flex-direction:column; padding:16px; }.tracking-decision .btn { width:100%; }.tracking-panel .tabs .btn { flex:auto; }}

.welcome-promise { padding:22px 24px; margin:24px 0; border:1px solid #2451a2; border-radius:14px; background:linear-gradient(115deg, #173c78, #245ab0); text-align:left; color:#fff; box-shadow:0 8px 20px #173c7815; }
.welcome-deadline { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin-bottom:9px; }
.welcome-deadline span { font-size:16px; font-weight:600; color:#dceaff; }
.welcome-deadline strong { font-size:clamp(30px, 5vw, 38px); line-height:1.15; font-weight:800; letter-spacing:-.025em; color:#fff; }
.welcome-promise p { font-size:16px; font-weight:600; line-height:1.5; margin:0; color:#fff; }
.welcome-promise small { display:block; margin-top:12px; font-size:11px; line-height:1.5; color:#d7e6ff; }
.lookup-error{padding:12px 14px;border:1px solid #e8c18a;border-radius:10px;background:#fff5e3;color:#75491b;font-size:.9rem;line-height:1.5;text-align:left}.lookup-error[hidden]{display:none}
.courtesy-note { font-size:12px; color:var(--muted); text-align:center; margin:18px 0; line-height:1.6; }
.deadline { display:flex; align-items:center; justify-content:space-between; gap:8px 15px; flex-wrap:wrap; padding:11px 14px; margin-bottom:14px; border:1px solid var(--line); border-radius:10px; font-size:12px; background:var(--sky); color:var(--ink); }
.deadline strong { font-size:16px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.deadline small { flex-basis:100%; color:var(--muted); font-size:11px; }
.deadline.overdue { background:#ffebed; color:#9c2939; border-color:#dca2aa; }
.pipeline .deadline { display:block; margin:12px 0 0; padding:9px; font-size:10px; }
.pipeline .deadline strong { display:block; font-size:14px; margin-top:3px; }
.return-queue { margin-top:14px; padding:15px 18px; background:var(--paper); border:1px solid var(--line); border-radius:12px; }
.return-queue > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; font-size:13px; font-weight:650; list-style:none; }
.return-queue > summary span::before { content:'▸'; margin-right:10px; color:var(--muted); }
.return-queue[open] > summary span::before { content:'▾'; }
.return-queue > summary strong { border:1px solid var(--line); padding:2px 9px; border-radius:6px; }
.return-queue > p { font-size:12px; margin:15px 0; }
.return-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; }
.return-cards .case-row + .case-row { margin:0; }

/* Navegação do cliente e identidade de cada loja. */
body[data-modo="cliente"] .header-inner {
  flex-direction: column; gap: 20px; padding: 24px 20px 26px;
}
body[data-modo="cliente"] .group-brand { width: min(100%, 620px); gap: 16px; text-align: center; }
body[data-modo="cliente"] .group-title { font-size: 19px; letter-spacing: -.015em; }
body[data-modo="cliente"] .brandbar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; }
body[data-modo="cliente"] .brand-tile { display: flex; align-items: center; justify-content: center; min-width: 0; height: 72px; padding: 12px 16px; border-radius: 14px; border: 1px solid #ffffff25; }
body[data-modo="cliente"] .brand-tile-cv { background: #153b2b; }
body[data-modo="cliente"] .brand-tile-uni { background: #dceeff; border-color: #c1ddf7; }
body[data-modo="cliente"] .brand-tile-ink { background: #101014; }
body[data-modo="cliente"] .brandbar img { width: 100%; max-height: 48px; object-fit: contain; }
body[data-modo="cliente"] .brandbar .brand-ink { max-width: 100px; }
body[data-modo="cliente"] .brandbar .brand-uniformizeei,
body[data-modo="cliente"] .store-logo[data-brand="uni"] img { filter: brightness(0) saturate(100%) invert(15%) sepia(35%) saturate(1972%) hue-rotate(178deg) brightness(92%) contrast(95%); }
body[data-modo="cliente"] .header-nav { width: min(100%, 620px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
body[data-modo="cliente"] .header-nav a { min-height: 54px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 13px 12px; border-radius: 12px; background: #fff; color: #123b68; font-size: 16px; font-weight: 700; line-height: 1.3; text-align: center; border: 1px solid #d1e4fc; box-shadow: 0 4px 12px #00000012; }
body[data-modo="cliente"] .header-nav a:hover { text-decoration: none; background: #e5f1ff; border-color: #9ec6fa; }
body[data-modo="cliente"] .header-nav svg { width: 22px; height: 22px; flex-shrink: 0; }
body[data-modo="cliente"] .customer-orders,
body[data-modo="cliente"] .customer-cases { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body[data-modo="cliente"] .customer-cases > .case-row + .case-row { margin-top: 0; }
body[data-modo="cliente"] .customer-order { display: flex; flex-direction: column; gap: 12px; padding: 22px; border-top-width: 4px; }
body[data-modo="cliente"] .customer-order .order-heading { flex-wrap: wrap; gap: 10px; }
body[data-modo="cliente"] .customer-order p { margin: 0; }
body[data-modo="cliente"] .customer-order > .btn { margin-top: auto; width: 100%; }
body[data-modo="cliente"] .customer-order[data-brand="uni"],
body[data-modo="cliente"] .case-row[data-brand="uni"] { background: #eaf4ff; border-color: #b3d5f4; }
body[data-modo="cliente"] .customer-order[data-brand="cv"],
body[data-modo="cliente"] .case-row[data-brand="cv"] { background: #eef7f1; border-color: #9cc7af; }
body[data-modo="cliente"] .customer-order[data-brand="ink"],
body[data-modo="cliente"] .case-row[data-brand="ink"] { background: #141419; color: #f4f4f8; border-color: #34343e; }
body[data-modo="cliente"] .customer-order[data-brand="ink"] h3,
body[data-modo="cliente"] .case-row[data-brand="ink"] > strong { color: #fff; }
body[data-modo="cliente"] .case-row[data-brand="ink"] small { color: #c2c2cd; }
body[data-modo="cliente"] .store-logo[data-brand="cv"] { background: #153b2b; }
body[data-modo="cliente"] .store-logo[data-brand="uni"] { background: #dceeff; }
body[data-modo="cliente"] .store-logo[data-brand="ink"] { background: #101014; }
body[data-modo="cliente"] #pedidos,
body[data-modo="cliente"] #solicitacoes { scroll-margin-top: 24px; }
@media (max-width: 900px) {
  body[data-modo="cliente"] .customer-orders,
  body[data-modo="cliente"] .customer-cases { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  body[data-modo="cliente"] .header-inner { padding: 18px 14px 20px; gap: 16px; }
  body[data-modo="cliente"] .group-brand { gap: 12px; }
  body[data-modo="cliente"] .group-title { font-size: 17px; }
  body[data-modo="cliente"] .brandbar { gap: 8px; }
  body[data-modo="cliente"] .brand-tile { height: 58px; padding: 8px; border-radius: 10px; }
  body[data-modo="cliente"] .brandbar .brand-ink { max-width: 70px; }
  body[data-modo="cliente"] .brandbar img { max-height: 40px; }
  body[data-modo="cliente"] .header-nav { gap: 8px; }
  body[data-modo="cliente"] .header-nav a { gap: 6px; padding: 12px 6px; font-size: 13px; min-height: 50px; }
  body[data-modo="cliente"] .header-nav svg { width: 18px; height: 18px; }
}

body[data-modo="cliente"] .order-products-label { display:block; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; margin-bottom:9px; }
body[data-modo="cliente"] .order-products ul { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
body[data-modo="cliente"] .order-products li { display:grid; gap:4px; padding:12px; background:#ffffffb8; border:1px solid #18345112; border-radius:10px; overflow-wrap:anywhere; }
body[data-modo="cliente"] .order-products li > strong { font-size:15px; line-height:1.4; }
body[data-modo="cliente"] .order-product-variant { color:#526980; font-size:13px; }
body[data-modo="cliente"] .order-product-quantity { font-size:12px; }
body[data-modo="cliente"] .customer-order[data-brand="ink"] .order-products li { background:#ffffff09; border-color:#ffffff15; }
body[data-modo="cliente"] .customer-order[data-brand="ink"] .order-product-variant { color:#c2c2cd; }

/* Marca do grupo compacta no cabeçalho da equipe. */
.support-header-title > .group-emblem { display:flex; flex-direction:row; flex:0 0 40px; width:40px; height:40px; gap:3px; margin:0; border-radius:12px; }
.support-header-title > .group-emblem i { flex:0 0 5px; width:5px; height:19px; }
.shop-choice-uni { background:#e7f2ff; }
.shop-choice-cv { background:#f0f7f1; }

/* Dados da compra e prazo de envio, distintos das 24 horas do atendimento. */
.order-facts{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(115px,1fr);gap:12px;margin:16px 0 12px;padding:13px 15px;border:1px solid #dce6f0;border-radius:12px;background:#f7fafd;color:#173550;text-align:left}
.order-facts>div{min-width:0;display:flex;flex-direction:column;gap:4px}.order-facts span{font-size:.75rem;color:#537087}.order-facts strong{font-size:.94rem;line-height:1.4;overflow-wrap:anywhere}
.shipping-status{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;margin:12px 0;border:1px solid #ccd9e5;border-radius:12px;background:#f2f6fa;color:#344a60;text-align:left}
.shipping-symbol{flex:0 0 25px;width:25px;height:25px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-weight:800}
.shipping-status>div{min-width:0;display:grid;gap:4px}.shipping-status small{font-size:.63rem;letter-spacing:.08em;font-weight:800}.shipping-status strong{font-size:.9rem;line-height:1.35}.shipping-status span:not(.shipping-symbol){font-size:.76rem;line-height:1.45}
.shipping-no_prazo,.shipping-entregue{background:#eaf8f0;border-color:#b1ddc4;color:#175a3c}.shipping-atrasado{background:#fff0f0;border-color:#edb5b5;color:#9a2929}.shipping-vence_hoje{background:#fff6df;border-color:#e9ce85;color:#76530e}.shipping-enviado{background:#eaf3ff;border-color:#b1ccef;color:#204f85}
.shipping-compact{margin:4px 0;padding:9px 10px;gap:8px}.shipping-compact .shipping-symbol{flex-basis:20px;width:20px;height:20px;font-size:.8rem}.shipping-compact strong{font-size:.78rem}.shipping-compact small{font-size:.57rem}.case-customer{overflow-wrap:anywhere}
.customer-order .order-facts{grid-template-columns:1fr}.compact-detail .order-facts{margin-top:14px}.compact-detail .shipping-status{margin-bottom:16px}
.customer-order[data-brand="ink"] .order-facts,body[data-loja="ink"] .order-facts{background:#202733;border-color:#39475b;color:#f3f6fa}.customer-order[data-brand="ink"] .order-facts span,body[data-loja="ink"] .order-facts span{color:#b5c6d9}
@media(max-width:420px){.order-facts{grid-template-columns:1fr;padding:11px;gap:10px}.shipping-status{padding:11px}.shipping-status strong{font-size:.85rem}}
/* Disponibilidade real por marca; atendimento continua por solicitações. */
/* Um único resumo compacto, antes da busca por CPF. */
.support-summary{width:min(1120px,calc(100% - 40px));margin:16px auto 0;border:1px solid #91bced;border-radius:14px;background:#e4efff;color:#153d70;overflow:hidden}
.service-hours{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px 24px;flex-wrap:wrap}
.service-hours-title{display:flex;align-items:center;gap:10px;min-width:0}.service-hours-title svg{width:27px;height:27px;flex:0 0 27px;color:#215da8}.service-hours-title div{display:grid;gap:3px}.service-hours-title span{font-size:.67rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase}.service-hours-title strong{font-size:1rem;line-height:1.3}.service-hours-periods{text-align:right}.service-hours-periods p{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin:0 0 3px;font-size:1rem;line-height:1.35}.service-hours-periods p>span{font-size:.8rem;color:#3f5e85}.service-hours-periods small{font-size:.68rem;color:#3f5e85}
body[data-modo="cliente"] .support-summary #disponibilidade-atendimento{width:auto;margin:0}
.support-summary .availability{padding:10px 18px;border:0;border-top:1px solid #bbd3f0;border-radius:0;background:#f6f9ff}
.support-summary .availability-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}
.support-summary .availability-heading{font-size:.8rem}.support-summary .availability p{font-size:.78rem;margin:0;line-height:1.4}
.availability-details{margin-top:7px}.availability-details summary{font-size:.74rem;color:#315e94;cursor:pointer;line-height:1.5}.availability-details .availability-brands{margin:8px 0 0}
body[data-modo="cliente"] #conteudo{padding-top:18px}
.auth-card{margin:0 auto;padding:26px}.auth-card>.group-emblem{width:48px;height:48px;margin-bottom:14px}.auth-card>.group-emblem i{height:26px;width:7px}.auth-card h1{font-size:28px;line-height:1.2;margin-bottom:12px}.auth-card>.muted{margin-bottom:16px}.auth-card .welcome-promise{margin:16px 0;padding:16px 18px}.auth-card .welcome-promise small{margin-top:8px}.auth-card .field{margin-bottom:8px}.auth-card .hint{margin:8px 0 14px}
@media(max-width:600px){.support-summary{width:calc(100% - 24px);margin-top:12px}.service-hours{padding:12px 14px;gap:8px}.service-hours-periods{text-align:left;padding-left:37px}.service-hours-title strong{font-size:.95rem}.service-hours-periods p{font-size:.95rem}.support-summary .availability{padding:10px 14px}.support-summary .availability-heading{font-size:.78rem}.auth-card h1{font-size:25px}.auth-card>.muted{font-size:13px}.auth-card .welcome-promise p{font-size:13px}.auth-card .welcome-deadline span{font-size:13px}.auth-card .welcome-deadline{gap:5px}}
#disponibilidade-atendimento{width:min(1180px,calc(100% - 40px));margin:20px auto 0}#disponibilidade-atendimento:empty{display:none}.availability{padding:18px 22px;border:1px solid #cfdfef;border-radius:16px;background:#f5f9ff;color:#173650}.availability-heading{display:flex;align-items:center;gap:9px;font-size:1rem}.availability-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#8090a3}.is-online .availability-dot{background:#238557;box-shadow:0 0 0 4px #dcf2e6}.availability p{font-size:.88rem;margin:7px 0 12px;line-height:1.5}.availability>small{display:block;color:#586e86;font-size:.72rem}.availability .availability-note{font-size:.73rem;color:#586e86;margin-bottom:0}.availability-brands{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.availability-brands>span{display:flex;align-items:center;gap:12px;padding:7px 12px;border-radius:9px;background:#e4effe;color:#204e7b;font-size:.76rem}.availability-brands>span[data-brand="cv"]{background:#e7f2ec;color:#256346}.availability-brands>span[data-brand="ink"]{background:#20232c;color:#fff}.availability-brands small{font-size:.7rem;white-space:nowrap}
.operator-presence{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid #ccdae9;background:#f6f9fd;color:#163650;border-radius:13px}.operator-presence strong{font-size:.9rem}.operator-presence p{font-size:.76rem;margin:4px 0 0}.operator-presence form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.operator-presence label{display:grid;gap:4px;font-size:.72rem}.operator-presence input{padding:9px 11px;border:1px solid #bccddd;background:#fff;color:#173650;border-radius:8px;max-width:100%;font:inherit;font-size:.85rem}.operator-presence .btn{font-size:.77rem;padding:10px 13px}.presence-info{flex-basis:100%;color:#52708c;font-size:.71rem}body[data-loja="ink"] .operator-presence{background:#222935;color:#eef4ff;border-color:#39475c}body[data-loja="ink"] .presence-info{color:#bacbe3}
@media(max-width:480px){#disponibilidade-atendimento{width:calc(100% - 24px);margin-top:12px}.availability{padding:14px}.availability-brands{display:grid}.availability-brands>span{justify-content:space-between}.operator-presence{padding:12px}.operator-presence form,.operator-presence label{width:100%}.operator-presence input{width:100%;min-width:0}.operator-presence .btn{max-width:100%}}

/* Rastreio imediatamente após confirmar a compra. */
.tracking-panel { max-width:900px; margin:0 auto; }
.tracking-intro { text-align:center; }
.tracking-intro h1 { margin:15px 0 10px; }
.tracking-intro p { color:var(--muted); margin-bottom:0; }
.tracking-code { min-width:0; }
.tracking-code .carrier-label { display:inline-block; padding:6px 11px; border-radius:7px; margin-bottom:14px; background:#dce9fc; color:#163d72; font-size:15px; font-weight:800; }
.tracking-package[data-carrier="correios"] { background:#fffcf0; border-color:#f1d47d; }
.tracking-package[data-carrier="correios"] .carrier-label { background:#fbe59a; color:#19416c; }
.tracking-package[data-carrier="loggi"] { background:#edf6ff; border-color:#bbd9fa; }
.tracking-package[data-carrier="loggi"] .carrier-label { background:#d2e8ff; color:#0056ad; }
.tracking-code strong { font-size:20px; user-select:text; }
.tracking-code .btn { margin-top:12px; padding:7px 12px; font-size:12px; }
.tracking-link { display:grid; gap:10px; max-width:280px; }
.tracking-link .muted { font-size:13px; }
.tracking-decision h2 { font-size:20px; }
@media(max-width:580px){.tracking-link { max-width:none; }.tracking-intro h1 { font-size:27px; }.tracking-decision .inline { display:grid; }.tracking-panel { padding:20px 16px; }}

/* Orientações curtas antes de rastrear e enviar o relato de defeito. */
.tracking-update,.request-guidance{margin:22px 0;padding:18px 20px;background:#eaf3ff;border:1px solid #b8d5f4;border-left:4px solid #2d76b7;border-radius:12px;color:#173e61;line-height:1.55}
.tracking-update strong,.request-guidance strong{display:block;font-size:16px}.tracking-update p,.request-guidance p{font-size:14px;margin:7px 0 0}.request-guidance small{display:block;margin-top:10px;font-size:13px;color:#42617d}.tracking-guidance{line-height:1.65}.tracking-code .btn{padding:11px 15px;font-size:14px}.tracking-link .btn{font-size:14px}
@media(max-width:580px){.tracking-update,.request-guidance{padding:15px}.tracking-code .btn,.tracking-link .btn{width:100%}}

/* Fila de trabalho: resumo compacto; dados completos ao abrir o atendimento. */
.pipeline .compact-case,.return-cards .compact-case{display:grid;gap:6px;padding:12px 13px;margin:0 0 9px;border-radius:10px;text-align:left;min-width:0;width:100%;line-height:1.35}
.compact-case-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.compact-case-top b{font-size:14px;color:var(--navy)}.compact-case-reason{font-size:11px;background:var(--sky);color:var(--ink);padding:3px 7px;border-radius:5px;white-space:nowrap}.compact-case .compact-case-name{font-size:13px!important;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0!important}.compact-case-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--blue);gap:8px}.compact-case .compact-case-protocol{font-size:10px;color:var(--muted);margin:0}.compact-case .deadline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3px 8px;padding:6px 8px;margin:2px 0;border-radius:6px}.compact-case .deadline span{font-size:10px}.compact-case .deadline strong{font-size:12px}.pipeline-cards{padding:9px;min-height:240px;max-height:600px;overflow-y:auto;scrollbar-width:thin}.pipeline-column-heading{padding:13px 14px}.pipeline-column-heading p{margin-top:5px}.board-heading{margin-bottom:18px}.back-to-stores{margin-bottom:12px}
@media(min-width:900px){.pipeline-cards{max-height:max(300px,calc(100dvh - 330px))}}

.pipeline .compact-case.has-customer-reply,.return-cards .compact-case.has-customer-reply{border-left:4px solid #246ed4;background:#f1f7ff}.customer-reply-alert{display:inline-flex;align-items:center;gap:7px;color:#174d9b;font-weight:700}.customer-reply-alert i{width:7px;height:7px;border-radius:50%;background:#246ed4;animation:reply-soft-pulse 2.5s ease-out infinite}@keyframes reply-soft-pulse{0%,100%{box-shadow:0 0 0 0 #246ed433}50%{box-shadow:0 0 0 4px #246ed40a}}body[data-loja="ink"] .compact-case.has-customer-reply{background:#202d42;border-left-color:#75b4ff}body[data-loja="ink"] .customer-reply-alert{color:#9bc9ff}body[data-loja="ink"] .customer-reply-alert i{background:#75b4ff}@media(prefers-reduced-motion:reduce){.customer-reply-alert i{animation:none}}

.compact-case .compact-case-top,.compact-case .compact-case-meta{display:flex;margin:0}.compact-case .compact-case-top{gap:12px}.compact-case .compact-case-meta{gap:10px}.compact-case .compact-case-protocol{margin:0}.compact-case+.compact-case{margin-top:0}
#new-form>.item-row{margin-bottom:0;padding:13px 0}#new-form>.item-row>.field{width:150px;font-size:12px;gap:6px}#new-form>.item-row input[type="number"]{height:40px;padding:8px 10px}#new-form>.hint,#new-form .upload>.hint{padding:0;background:none;border:0;color:var(--muted);margin:12px 0;font-size:12px}#new-form .upload{padding:18px;margin-top:18px}#new-form .upload .field{margin-bottom:10px}#new-form .upload .hint{margin:8px 0}
@media(max-width:580px){#new-form>.item-row{align-items:flex-start}#new-form>.item-row>.field{width:100%;max-width:160px;margin-left:28px}}

/* Status reconhecível nas três marcas, mantendo a identidade no cabeçalho. */
body[data-modo="suporte"] .column-fila{background:#fff9eb;border-color:#e9cf8c}
body[data-modo="suporte"] .column-fila .pipeline-column-heading{background:#fff0c2;color:#694700;border-top:4px solid #d59a1b}
body[data-modo="suporte"] .column-fila .tab-count{background:#f5d97e;color:#553900}
body[data-modo="suporte"] .column-analise{background:#edf5ff;border-color:#b2cdec}
body[data-modo="suporte"] .column-analise .pipeline-column-heading{background:#153f70;color:#fff;border-top:4px solid #428ddd}
body[data-modo="suporte"] .column-analise .tab-count{background:#35679e;color:#fff}
body[data-modo="suporte"] .column-resolvido{background:#eff9f3;border-color:#b4d8c3}
body[data-modo="suporte"] .column-resolvido .pipeline-column-heading{background:#d6efdf;color:#185337;border-top:4px solid #369266}
body[data-modo="suporte"] .column-resolvido .tab-count{background:#abd6bb;color:#12472d}
body[data-loja="ink"] .column-fila{background:#27241d;border-color:#6b5829}
body[data-loja="ink"] .column-analise{background:#192536;border-color:#345c86}
body[data-loja="ink"] .column-resolvido{background:#1c2b24;border-color:#35694a}
.reason-overview{margin:0 0 20px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:12px}
.reason-overview-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.reason-overview h2{font-size:14px;margin:0}.reason-overview-heading small{color:var(--muted);font-size:11px}
.reason-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.reason-count{display:flex;align-items:center;gap:9px;border-radius:7px;padding:10px 9px;background:#f4f7fb;border-top:3px solid #8097ad;min-width:0}
.reason-count strong{font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}.reason-count span{font-size:11px;line-height:1.3}
.reason-count[data-reason="troca"]{border-color:#547bb9}.reason-count[data-reason="errado"]{border-color:#c87836}.reason-count[data-reason="defeito"]{border-color:#b85b69}.reason-count[data-reason="cancelar"]{border-color:#8a6b9e}.reason-count[data-reason="atraso"]{border-color:#c59a27}.reason-count[data-reason="rastreio"]{border-color:#329397}.reason-count[data-reason="nao_entregue"]{border-color:#647294}
.compact-case-reason[data-reason="defeito"]{background:#f9e8ec;color:#8b3044}.compact-case-reason[data-reason="errado"]{background:#fff0df;color:#85470f}.compact-case-reason[data-reason="atraso"]{background:#fff2cc;color:#725300}.compact-case-reason[data-reason="rastreio"]{background:#e4f5f3;color:#236562}.compact-case-reason[data-reason="cancelar"]{background:#eee8f7;color:#6f498a}
.reply-signature{font-size:12px;color:var(--muted);margin-bottom:4px}.reply-signature b{color:var(--navy)}
body[data-loja="ink"] .reason-overview{background:#202027;border-color:#3d3a46}body[data-loja="ink"] .reason-count{background:#2c2b34;color:#f1edf7}
@media(max-width:1000px){.reason-counts{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:580px){.reason-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.reason-overview{padding:12px}.reason-count{padding:9px}.reason-overview-heading{display:grid}.reason-count strong{font-size:20px}}
.latest-reply .message > .inline strong{display:inline;font-size:12px}
body[data-loja="ink"] .operator-presence input,body[data-loja="ink"] #search-case{background:#fff;color:#182b43;border-color:#b8c6d6}body[data-loja="ink"] #search-case::placeholder{color:#596c82}

.reason-count[data-reason="tamanho_errado"]{border-color:#678dce}.size-change-guidance{background:#edf5ff;border-color:#b7d1ef}

.staff-order-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-tracking{padding:10px 12px;margin:0 0 12px;border:1px solid var(--line);border-radius:9px;background:var(--sky)}.staff-tracking>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0}.staff-tracking>div>span:first-child{display:grid;gap:4px;font-size:12px}.staff-tracking strong{font-size:14px;overflow-wrap:anywhere}.staff-tracking-actions{display:flex;gap:7px;flex-wrap:wrap}.staff-tracking .btn{font-size:11px;padding:8px 10px}.staff-tracking p{font-size:12px;margin:0}@media(max-width:580px){.staff-tracking>div{align-items:flex-start;flex-direction:column}.staff-order-facts{gap:12px}}

/* Conversa do suporte: dados recolhidos, mensagens contínuas e resposta sempre à mão. */
.analysis-group { margin:0 0 10px; border:1px solid #b4cdea; border-radius:9px; overflow:hidden; background:#f5f9ff; }
.analysis-group > summary { display:flex; align-items:center; gap:9px; cursor:pointer; padding:13px 12px; list-style:none; color:#204f83; background:#deedff; font-size:12px; font-weight:650; }
.analysis-group > summary::-webkit-details-marker { display:none; }
.analysis-group > summary span { flex:1; }
.analysis-group > summary b { padding:1px 7px; background:#fff; border-radius:5px; font-size:12px; }
.analysis-group > summary i { font-style:normal; font-size:14px; }
.analysis-group[open] > summary i { transform:rotate(180deg); }
.analysis-group.waiting { border-color:#ead6ad; background:#fffcf5; }
.analysis-group.waiting > summary { background:#f9efda; color:#7b5a22; }
.analysis-group-cards { padding:9px; }
.analysis-group-cards .compact-case:last-child { margin-bottom:0; }
.analysis-group .pipeline-empty { padding:12px 4px; font-size:11px; margin:0; }
body[data-loja="ink"] .analysis-group { background:#1d2c3d; border-color:#375b7f; }
body[data-loja="ink"] .analysis-group.waiting { background:#322d22; border-color:#6e5b36; }
.complete-request { margin:18px 0 14px; padding:14px 16px; border:1px solid #b9d5eb; border-left:4px solid #377fa7; border-radius:10px; background:#edf6fc; color:#244b68; }
.complete-request strong { display:block; font-size:14px; }
.complete-request p { margin:6px 0; font-size:13px; line-height:1.55; }
.complete-request small { font-size:12px; color:#4b6c81; }
.shipment-dates { padding:12px; margin:0 0 12px; border:1px solid #cfdeea; border-radius:9px; background:#fff; color:#26445d; font-size:12px; }
.shipment-dates > div + div { margin-top:12px; padding-top:10px; border-top:1px solid #e4ebee; }
.shipment-dates dl { margin:6px 0; }
.shipment-dates dl > div { display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px 12px; }
.shipment-dates dt { color:#5c7285; }
.shipment-dates dd { margin:0; font-weight:600; }
.shipment-dates small { display:block; font-size:10px; color:#61778b; }
.shipment-dates > small { margin-top:10px; }
.chat-dialog { width:min(980px,calc(100vw - 32px)); height:min(850px,calc(100dvh - 32px)); max-height:calc(100dvh - 32px); overflow:hidden; }
.chat-dialog[open] { display:flex; flex-direction:column; }
.chat-dialog .dialog-toolbar { position:static; flex-shrink:0; min-height:44px; padding:7px 20px; background:#102f58; border:0; color:#dbeaff; }
.chat-dialog .dialog-toolbar strong { font-size:11px; font-weight:500; letter-spacing:.035em; }
.chat-dialog .dialog-toolbar .btn { min-height:30px; padding:4px 9px; color:#fff; background:#ffffff12; border-color:#ffffff36; font-size:12px; }
.chat-dialog .dialog-notice { flex-shrink:0; }
.chat-dialog .dialog-notice:empty { display:none; }
.chat-dialog .dialog-notice:not(:empty) { margin:0; padding:8px 20px; border-radius:0; font-size:12px; }
.chat-detail { flex:1; min-height:0; display:flex; flex-direction:column; background:#fff; color:#183451; }
.chat-heading { flex-shrink:0; background:#fff; border-bottom:1px solid #d8e3e4; }
.chat-person { display:flex; align-items:center; gap:12px; padding:14px 20px 9px; min-width:0; }
.chat-person > div { min-width:0; }
.chat-person .store-logo { width:76px; height:38px; flex:0 0 76px; padding:7px; border-radius:9px; }
.chat-person .store-logo img { width:100%; height:100%; object-fit:contain; }
.chat-dialog .chat-person h2 { color:#183451; font-size:18px; letter-spacing:-.02em; margin:0 0 3px; line-height:1.25; }
.chat-person p { font-size:12px; color:#607486; margin:0; }
.chat-person p span { color:#425c72; }
.chat-status-row { display:flex; align-items:center; justify-content:space-between; gap:8px 18px; flex-wrap:wrap; padding:0 20px 10px; }
.chat-status { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:650; padding:4px 9px; border-radius:6px; background:#f4f0e5; color:#77581d; }
.chat-status i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.chat-status.reply { color:#194e8f; background:#eaf3ff; }
.chat-status.resolved { color:#1c6446; background:#e6f4ec; }
.chat-status-row .deadline { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:3px 6px; padding:0; margin:0; border:0; background:none; color:#607486; }
.chat-status-row .deadline span,.chat-status-row .deadline small { font-size:10px; }
.chat-status-row .deadline strong { font-size:12px; color:#2c4b64; }
.chat-status-row .deadline.overdue strong { color:#b13a42; }
.chat-order-details { margin:0; border-top:1px solid #e9eef3; }
.chat-order-details > summary { display:flex; justify-content:space-between; gap:10px; list-style:none; cursor:pointer; font-size:11px; color:#4b647c; padding:8px 20px; }
.chat-order-details > summary::-webkit-details-marker { display:none; }
.chat-order-details > summary span { color:#2866a5; font-weight:650; white-space:nowrap; }
.chat-order-details > summary span::after { content:' ⌄'; }
.chat-order-details[open] > summary span::after { content:' ⌃'; }
.chat-order-content { padding:8px 20px 16px; max-height:min(300px,35dvh); overflow:auto; background:#f7fafc; scrollbar-width:thin; }
.chat-order-content h3 { font-size:12px; margin:14px 0 4px; color:#26445d; }
.chat-order-content .order-facts { padding:0; margin:6px 0 12px; background:none; }
.chat-order-content .order-facts strong { color:#183451; font-size:12px; }
.chat-order-content .order-facts span { font-size:10px; color:#607486; }
.chat-order-content .item-row { margin:0; padding:8px 0; font-size:12px; color:#25435b; }
.chat-order-content .product-icon { display:none; }
.chat-reason-detail { font-size:12px; color:#4b647c; margin-top:10px; }
.chat-messages { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:12px 24px 20px; background-color:#edf2ef; background-image:radial-gradient(#708c7910 .8px,transparent .8px); background-size:13px 13px; }
.chat-date { display:flex; justify-content:center; margin:3px 0 16px; }
.chat-date span { padding:3px 11px; border:1px solid #dce6e0; border-radius:6px; background:#ffffffc9; color:#6b7c76; font-size:10px; }
.chat-line { display:flex; margin:0 0 12px; }
.chat-line.is-support { justify-content:flex-end; }
.chat-line.is-system { justify-content:center; }
.chat-line .message { width:fit-content; max-width:80%; padding:11px 14px 9px; border:1px solid #e0e7e2; border-radius:0 13px 13px; background:#fff; color:#213b35; box-shadow:0 1px 2px #14352908; font-size:14px; line-height:1.55; }
.chat-line.is-support .message { border-color:#bbdec9; background:#dff3e6; border-radius:13px 0 13px 13px; color:#173e2c; }
.chat-line.is-system .message { max-width:90%; background:#e6eaf0; color:#536576; border:0; border-radius:8px; font-size:12px; box-shadow:none; }
.chat-line .message .inline { display:flex; align-items:baseline; justify-content:space-between; gap:18px; margin:0 0 4px; }
.chat-line .message .inline strong { font-size:11px; color:#355c4e; }
.chat-line .message small { font-size:10px; white-space:nowrap; color:#71867c; }
.chat-line .message p { margin:0; }
.chat-line .message .photo-grid { grid-template-columns:repeat(auto-fit,minmax(100px,1fr)); }
.chat-line .message .photo { max-width:190px; color:#215c46; font-size:11px; }
.chat-composer { flex-shrink:0; border-top:1px solid #dce6df; padding:11px 20px 13px; background:#fff; }
.chat-composer .quick-reply { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; column-gap:12px; }
.chat-composer .quick-reply .field { margin:0; gap:5px; }
.chat-composer .reply-signature { margin:0; font-size:10px; color:#61776d; }
.chat-composer .reply-signature b { color:#245d45; }
.chat-composer .quick-reply textarea { resize:vertical; min-height:64px; max-height:140px; padding:11px 13px; font-size:13px; line-height:1.5; border:1px solid #c8d9ce; background:#f9fcfa; color:#213b35; border-radius:10px; }
.chat-composer .reply-actions { display:flex; flex-direction:column; gap:6px; align-items:stretch; }
.chat-composer .attach-photo { justify-content:center; font-size:10px; padding:2px 5px; border:0; color:#527164; }
.chat-composer .reply-actions .btn { min-height:40px; padding:9px 22px; background:#237a57; border-color:#237a57; color:white; border-radius:9px; font-size:13px; }
.chat-composer .reply-actions .btn:hover { background:#1b6246; }
.chat-composer .reply-actions .btn:disabled { opacity:.55; }
.chat-composer .attachment-count { grid-column:1/-1; color:#416653; }
.chat-waiting { display:flex; justify-content:space-between; align-items:center; gap:14px; min-height:46px; color:#607486; font-size:12px; }
.chat-waiting .btn { white-space:nowrap; font-size:12px; padding:10px 15px; }
body[data-loja="cv"] .chat-dialog .dialog-toolbar { background:#1c4b39; }
body[data-loja="ink"] .chat-dialog .dialog-toolbar { background:#19191f; }
body[data-loja="ink"] .chat-dialog .chat-person .store-logo { background:#1c1c22; }
body[data-loja="ink"] .chat-line .message { background:#fff; border-color:#e0e7e2; color:#213b35; }
body[data-loja="ink"] .chat-line.is-support .message { background:#dff3e6; border-color:#bbdec9; color:#173e2c; }
body[data-loja="ink"] .chat-line.is-system .message { background:#e6eaf0; border:0; color:#536576; }
body[data-loja="ink"] .chat-line .message small { color:#71867c; }
body[data-loja="ink"] .chat-order-content .shipping-status,body[data-loja="ink"] .chat-order-content .staff-tracking { color:#26445d; background:#edf4fa; border-color:#cfdeea; }
body[data-loja="ink"] .chat-order-content .email-preview { color:#607486; }
@media(max-width:600px){
 .chat-dialog { width:100vw; height:100dvh; max-height:100dvh; max-width:100vw; margin:0; border:0; border-radius:0; }
 .chat-dialog .dialog-toolbar { padding:7px 14px; }
 .chat-person { padding:12px 14px 8px; gap:10px; }
 .chat-dialog .chat-person h2 { font-size:16px; }
 .chat-person .store-logo { flex-basis:62px; width:62px; height:34px; }
 .chat-status-row { padding:0 14px 9px; gap:6px; }
 .chat-order-details > summary { padding:8px 14px; font-size:10px; }
 .chat-order-content { padding:7px 14px 12px; }
 .chat-messages { padding:12px 14px 16px; }
 .chat-line .message { max-width:90%; font-size:13px; padding:10px 11px 8px; }
 .chat-line .message .inline { gap:9px; }
 .chat-composer { padding:10px 12px max(10px,env(safe-area-inset-bottom)); }
 .chat-composer .quick-reply { column-gap:8px; }
 .chat-composer .reply-actions .btn { padding:9px 14px; }
 .chat-waiting { gap:9px; font-size:11px; }
}

.return-notice{margin:10px 0;padding:10px 13px;border:1px solid #ead9b9;border-radius:8px;background:#fff6e8;color:#74521f;font-size:12px;line-height:1.45}.return-notice p{margin:4px 0 0}.chat-heading>.return-notice{margin:0 20px 10px;font-size:11px}

/* Situação real do pedido compartilhada entre cliente e suporte. */
.order-status-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0}.order-status-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #d7e1ea;border-radius:7px;font-size:12px;font-weight:650;line-height:1.3;color:#40576c;background:#f1f5f8}.order-status-pill i{font-style:normal}.order-status-pill.status-success{color:#226345;background:#e7f5ec;border-color:#badcc7}.order-status-pill.status-info{color:#205e9c;background:#e8f2ff;border-color:#bdd7f2}.order-status-pill.status-waiting{color:#805c1c;background:#fff5dd;border-color:#e8d5a6}.order-status-pill.status-danger{color:#a52c37;background:#fff0f1;border-color:#edbac0}
.compact-case .shipping-compact{padding:6px 8px;margin:7px 0;border-radius:6px;gap:6px}.compact-case .shipping-compact small{display:none}.compact-case .shipping-compact strong{font-size:10px}.compact-case .shipping-compact .shipping-symbol{width:18px;height:18px;flex:0 0 18px;font-size:11px}
.chat-heading>.shipping-compact{margin:0 20px 10px;padding:8px 10px;border-radius:7px}.chat-heading>.shipping-compact small{font-size:9px}.chat-heading>.shipping-compact strong{font-size:12px}
.shipping-status.shipping-atrasado,body[data-loja="ink"] .chat-order-content .shipping-status.shipping-atrasado{color:#a52c37;background:#fff0f1;border-color:#edbac0}.shipping-atrasado .shipping-symbol{color:#fff;background:#b33643;border-color:#b33643}
body[data-loja="ink"] .chat-order-content .order-facts{background:transparent;border:0;color:#183451}body[data-loja="ink"] .chat-order-content .order-facts span{color:#607486}

/* Consulta por loja: separada da fila, com informações compactas. */
.support-sections{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.support-sections .btn{padding:10px 16px;font-size:13px}
.order-lookup{max-width:960px}.order-lookup-form{display:grid;grid-template-columns:minmax(180px,340px) auto;gap:10px 12px;align-items:end;justify-content:start;background:#edf4fc;color:#193e64;border:1px solid #cedff0;border-radius:14px;padding:18px}.order-lookup-form .field{margin:0;font-size:13px}.order-lookup-form input{background:#fff;color:#173550;font-size:15px;min-height:44px}.order-lookup-form>.btn{min-height:44px;font-size:13px}.order-lookup-form p{grid-column:1/-1;margin:0;font-size:12px;color:#57708a}.order-lookup-results{margin-top:16px}.lookup-empty{font-size:13px;color:var(--muted);padding:16px 0}
.order-lookup-card{padding:20px;margin:0 0 16px;border-radius:14px;background:#fff;color:#19344f;border:1px solid #cdddea;border-top:4px solid #4389d5}.order-lookup-card>header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #e3eaf1;padding-bottom:14px}.order-lookup-card h2{font-size:20px;line-height:1.3;margin:0 0 4px;overflow-wrap:anywhere}.order-lookup-card header small{font-size:11px;color:#697d90}.lookup-data{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.lookup-data .order-facts{grid-column:1/-1;margin:14px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px;background:#f1f6fa;color:#19344f;border-color:#e2eaf1}.lookup-data .order-facts strong{font-size:13px}.lookup-data .order-facts span{font-size:11px;color:#5c7287}.shopify-status h3{font-size:12px;margin:10px 0 7px;color:#385a79}.shopify-status .order-status-list{margin:0}.lookup-data .shipping-status{margin:0}.lookup-data .staff-tracking{grid-column:1/-1;margin:0}.lookup-data .shipment-dates{grid-column:1/-1;margin:0}
.lookup-products{margin-top:14px;border-top:1px solid #e3eaf1;padding-top:12px;font-size:13px}.lookup-products summary{cursor:pointer;font-weight:650;color:#285c8c}.lookup-products ul{list-style:none;margin:10px 0;padding:0}.lookup-products li{display:flex;gap:14px;justify-content:space-between;padding:9px 0;border-top:1px solid #e8eef3}.lookup-products li div{display:grid;gap:4px}.lookup-products li span{color:#62778b;font-size:12px}.lookup-products li>b{white-space:nowrap}.order-lookup-card footer{border-top:1px solid #e3eaf1;padding-top:12px;margin-top:12px;font-size:12px;color:#5a7186}.order-lookup-card footer p{margin:0}.order-lookup-card footer>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.order-lookup-card footer .btn{padding:8px 11px;font-size:12px;color:#285c8c;border-color:#cadcea;background:#f5f9fc}
body[data-loja="ink"] .order-lookup-card{border-top-color:#ae8cdc}body[data-loja="ink"] .order-lookup-form{background:#242331;color:#f2edff;border-color:#48405c}body[data-loja="ink"] .order-lookup-form p{color:#c5bdd4}body[data-loja="ink"] .lookup-data .order-facts{background:#f1f6fa;color:#19344f;border-color:#e2eaf1}body[data-loja="ink"] .lookup-data .order-facts span{color:#5c7287}body[data-loja="ink"] .lookup-data .staff-tracking{background:#f1f6fa;color:#19344f;border-color:#dce6ef}body[data-loja="cv"] .order-lookup-card{border-top-color:#439371}body[data-loja="cv"] .order-lookup-form{background:#edf7f1;border-color:#c6dfd1}
@media(max-width:650px){.order-lookup-form{grid-template-columns:1fr;padding:14px}.order-lookup-form>.btn{width:100%}.order-lookup-card{padding:14px}.lookup-data{grid-template-columns:1fr}.lookup-data .order-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.lookup-data>*{grid-column:1/-1}.order-lookup-card h2{font-size:18px}}
body[data-loja="ink"] .order-lookup-form input{background:#fff;color:#19344f;border-color:#b9abc9}body[data-loja="ink"] .order-lookup-form input::placeholder{color:#697584}.order-lookup-card h2{color:#19344f}.order-lookup-card{--ink:#19344f;--navy:#19344f;--muted:#62778b;--line:#dce6ef}
@media(max-width:420px){.order-status-pill{font-size:11px;padding:5px 7px}.chat-heading>.shipping-compact{margin-inline:14px}}

/* Suporte: leitura compacta e tempos separados do prazo total. */
body[data-modo="suporte"] .operator-presence{padding:12px 16px;gap:10px;align-items:center}
body[data-modo="suporte"] .operator-presence p{margin:3px 0;font-size:12px}
body[data-modo="suporte"] .operator-presence form{align-items:end;gap:8px}
body[data-modo="suporte"] .operator-presence input{min-height:36px;padding:7px 10px;font-size:13px}
body[data-modo="suporte"] .operator-presence .btn{min-height:36px;padding:7px 12px;font-size:12px}
body[data-modo="suporte"] .presence-info{font-size:11px}
body[data-modo="suporte"] .board-heading{margin-bottom:12px}
body[data-modo="suporte"] .board-heading h1{font-size:25px}
body[data-modo="suporte"] .support-sections{margin-bottom:16px;gap:6px}
body[data-modo="suporte"] .support-sections .btn{padding:8px 13px}
body[data-modo="suporte"] .reason-counts{display:flex;flex-wrap:wrap;gap:7px}
body[data-modo="suporte"] .reason-count{display:flex;flex-direction:row;align-items:center;gap:7px;flex:0 1 auto;padding:7px 11px;min-height:0}
body[data-modo="suporte"] .reason-count strong{font-size:17px;margin:0}
body[data-modo="suporte"] .reason-count span{font-size:12px}
body[data-modo="suporte"] .reason-overview{padding:13px 15px;margin-bottom:18px}
body[data-modo="suporte"] .compact-case .deadline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;margin:8px 0 0;color:var(--muted)}
body[data-modo="suporte"] .compact-case .deadline span{font-size:10px}
body[data-modo="suporte"] .compact-case .deadline strong{font-size:12px;color:inherit}
body[data-modo="suporte"] .compact-case .deadline small{font-size:10px;flex-basis:100%;margin:0}
.response-wait{display:flex;align-items:center;gap:4px 8px;flex-wrap:wrap;margin:9px 0 0;font-size:12px;color:var(--ink)}
.response-wait>b{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
.response-wait>small{flex-basis:100%;font-size:10px;color:var(--muted)}
.response-wait.with-customer{color:var(--muted)}
.case-times{color:#243e55;background:#f5f8fc;border:1px solid #cfdae5;border-radius:10px;margin:0 0 18px;font-size:12px}
.case-times>summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:11px 13px;list-style:none}
.case-times>summary:before{content:'▸';color:#53708c}.case-times[open]>summary:before{content:'▾'}
.case-times>summary>b{margin-left:auto;font-size:11px;color:#53708c}
.case-times-content{padding:0 13px 12px}.case-times .response-wait{color:#243e55}.case-times .response-wait small{color:#53708c}
.time-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.time-facts>div{display:flex;flex-direction:column;gap:5px;padding:9px;background:#eaf0f6;border-radius:6px}.time-facts span{font-size:10px;color:#53708c}.time-facts b{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
.time-note{font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0}.case-times .time-note{font-size:11px;color:#53708c}
.time-table-scroll{overflow-x:auto;max-width:100%}.time-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}
.time-table th{padding:10px 9px;border-bottom:1px solid #cbd9e5;font-size:11px;font-weight:650;white-space:nowrap}.time-table td{padding:12px 9px;border-bottom:1px solid #dce4ed;vertical-align:top;white-space:nowrap}.time-table td b{font-variant-numeric:tabular-nums}.time-table td small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}
.team-times{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper,#fff)}
.metrics-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.metrics-filter .field{margin:0;font-size:12px;flex:1 1 150px}.metrics-filter input,.metrics-filter select{min-height:40px;font-size:13px}.metrics-filter .btn{padding:10px 18px;min-height:40px;font-size:13px}
.team-table th{color:var(--muted)}.team-table th small{font-weight:400}
body[data-loja="ink"] .team-times{background:#1c1c23;color:#eee9f6;border-color:#3c354b}
body[data-loja="ink"] .team-table th,body[data-loja="ink"] .team-table td{border-color:#3c354b}
body[data-loja="ink"] .team-times .time-note,body[data-loja="ink"] .team-table small{color:#c2bbcf}
body[data-loja="ink"] .team-times input,body[data-loja="ink"] .team-times select{color-scheme:dark;background:#27242f;color:#f2ecff;border-color:#51465f}
@media(max-width:650px){.time-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.team-times{padding:12px}.metrics-filter .btn{flex:1 1 100%}.response-wait{font-size:11px}body[data-modo="suporte"] .reason-count{padding:6px 8px}body[data-modo="suporte"] .operator-presence{padding:12px}}
.chat-heading>.case-times{margin:0 18px 10px}.chat-heading:has(.case-times[open]){max-height:60%;overflow-y:auto;scrollbar-width:thin}.case-times .time-table th,.case-times .time-table td{padding:8px 6px;font-size:11px}
@media(max-width:600px){.chat-heading>.case-times{margin-inline:12px}.case-times>summary{padding:9px 10px}}

.case-times .times-back{display:none;font-size:11px;color:#315d84}.case-times[open] .times-back{display:inline}.chat-heading:has(.case-times[open]){flex:1;min-height:0;max-height:none;overflow-y:auto}.chat-heading:has(.case-times[open])+.chat-messages{display:none}

/* Dia de atendimento: atalhos e seleção direta, sem intervalo de datas. */
.metrics-simple{gap:12px;align-items:end;padding-bottom:16px;border-bottom:1px solid var(--line)}
.metrics-periods{display:flex;flex:1 1 500px;gap:7px;flex-wrap:wrap}
.metrics-periods .btn{flex:1 1 auto;min-height:42px;padding:10px 14px;font-size:13px;white-space:nowrap;border-radius:9px}
.metrics-simple .metrics-store{flex:0 1 230px}.metrics-simple .metrics-day{flex:0 1 190px}
.metrics-caption{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:12px;flex-wrap:wrap}
.metrics-caption>div{display:flex;gap:9px;align-items:baseline;margin-right:auto}.metrics-caption strong{font-size:15px}.metrics-caption span{color:var(--muted)}
.metrics-caption>.btn{padding:6px 10px;font-size:11px;min-height:30px;border-radius:7px}
.metrics-intro{margin:10px 0 14px}.metrics-help{border-top:1px solid var(--line);padding-top:13px;margin-top:18px;font-size:12px;color:var(--muted)}
.metrics-help summary{cursor:pointer;font-weight:600}.metrics-help p{line-height:1.6;max-width:900px;margin:10px 0 0}.metrics-empty{white-space:normal!important;padding-block:25px!important;color:var(--muted)}
body[data-loja="ink"] .metrics-simple,body[data-loja="ink"] .metrics-help{border-color:#3c354b}
body[data-loja="ink"] .metrics-periods .btn.primary{box-shadow:0 0 0 1px #b9a0e1 inset}
@media(max-width:650px){.metrics-periods{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr}.metrics-periods .btn:last-child{grid-column:1/-1}.metrics-simple .metrics-store,.metrics-simple .metrics-day{flex:1 1 150px}.metrics-caption>div{flex-basis:100%}.metrics-caption>.btn{margin-left:auto}}

/* Filtros por abertura e turno da conversa, compartilhados pelas três lojas. */
.inbox-filters{background:var(--white,#fff);border:1px solid var(--line,#d7e3ef);border-radius:14px;padding:12px 16px;margin:16px 0}
.inbox-filter-row{display:flex;align-items:center;gap:12px;padding:9px 0}
.inbox-filter-row+.inbox-filter-row{border-top:1px solid var(--line,#d7e3ef)}
.inbox-filter-row>strong{font-size:12px;min-width:86px;color:var(--navy,#183854)}
.inbox-options{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.inbox-options .btn{min-height:34px;padding:7px 11px;font-size:12px;border-radius:8px;display:inline-flex;align-items:center;gap:8px}
.inbox-options .btn b{font-size:11px;background:rgba(119,162,199,.15);border-radius:5px;padding:2px 5px;min-width:20px}
.inbox-options .btn[aria-pressed=true] b{background:rgba(255,255,255,.2)}
.inbox-date{display:flex;align-items:center;gap:8px;font-size:12px}
.inbox-date input{max-width:160px;min-height:34px;padding:5px 8px;border:1px solid var(--line,#d7e3ef);border-radius:8px}
.inbox-filter-help{font-size:11px;color:var(--muted,#667b8c);margin:7px 0 0}
.inbox-pipeline:has(>.pipeline-column:only-child){grid-template-columns:minmax(0,1fr)}
body[data-loja=ink] .inbox-filters{background:#142839;border-color:#304e63}
body[data-loja=ink] .inbox-filter-row>strong{color:#d5e9fa}
body[data-loja=ink] .inbox-filter-help{color:#b6c9d9}
@media(max-width:650px){.inbox-filter-row{align-items:flex-start;flex-direction:column;gap:8px}.inbox-filters{padding:9px 12px}.inbox-options .btn{padding:7px 9px}.inbox-date{flex-wrap:wrap}}

/* Documentos enviados pelo suporte, no mesmo histórico das fotos. */
.attachment-document{display:flex;flex-direction:column;gap:.35rem;padding:12px;border:1px solid var(--line,#cbd5e1);border-radius:10px;text-decoration:none;min-width:160px;max-width:280px;overflow-wrap:anywhere;background:var(--surface,#fff);color:var(--text,#24364b)}
.attachment-document>b{font-size:12px;letter-spacing:.06em;color:#2563a6}.attachment-document small{color:#52647b}.attachment-document:focus-visible{outline:2px solid #2563a6;outline-offset:3px}

/* Ink Mode: workspace claro; cor reservada a seleção, status e alertas. */
body[data-modo="suporte"][data-loja="ink"] {
  color-scheme: light;
  --navy:#1f2328; --navy-deep:#1f2328; --blue:#2b3036; --blue-hover:#1f2328;
  --sky:#f0f1f3; --bg:#f4f5f7; --paper:#fff; --ink:#1f2328;
  --muted:#5b6270; --line:#e3e5e8; --green:#15803d; --green-bg:#f1f7f3;
  --shadow:0 3px 14px #1f232808;
  background:var(--bg); color:var(--ink);
}
body[data-modo="suporte"][data-loja="ink"] :focus-visible { outline:2px solid #7a5ad6; outline-offset:3px; }
body[data-modo="suporte"][data-loja="ink"] .site-header { background:#1f2328; border-bottom:1px solid #343940; }
body[data-modo="suporte"][data-loja="ink"] .support-header-title small { color:#c9cdd3; }
body[data-modo="suporte"][data-loja="ink"] .header-nav a { color:#f3f4f6; }
body[data-modo="suporte"][data-loja="ink"] .preview-banner { background:#f0f1f3; color:#5b6270; border-color:#e3e5e8; }
body[data-modo="suporte"][data-loja="ink"] .preview-banner a { color:#5b6270; }
body[data-modo="suporte"][data-loja="ink"] .preview-banner a.active { background:#e3e5e8; color:#1f2328; }
body[data-modo="suporte"][data-loja="ink"] .preview-dot { background:#7a5ad6; }
body[data-modo="suporte"][data-loja="ink"] :is(.operator-presence,.inbox-filters,.reason-overview,.team-times,.order-lookup-form) {
  background:#fff; color:#1f2328; border-color:#e3e5e8; box-shadow:none;
}
body[data-modo="suporte"][data-loja="ink"] :is(.presence-info,.inbox-filter-help,.order-lookup-form p,.team-times .time-note,.team-table small) { color:#5b6270; }
body[data-modo="suporte"][data-loja="ink"] .inbox-filter-row>strong { color:#1f2328; }
body[data-modo="suporte"][data-loja="ink"] :is(input,textarea,select,.operator-presence input,#search-case,.order-lookup-form input,.team-times input,.team-times select) {
  color-scheme:light; background:#fff; color:#1f2328; border-color:#c9cdd3;
}
body[data-modo="suporte"][data-loja="ink"] :is(input,textarea,#search-case,.order-lookup-form input)::placeholder { color:#6b7280; }
body[data-modo="suporte"][data-loja="ink"] textarea:disabled { background:#f0f1f3; color:#6b7280; }
body[data-modo="suporte"][data-loja="ink"] input[type="file"] { background:#fff !important; }
body[data-modo="suporte"][data-loja="ink"] input::file-selector-button { background:#eef0f3; color:#1f2328; }
body[data-modo="suporte"][data-loja="ink"] .btn.primary { background:#2b3036; border-color:#2b3036; color:#fff; box-shadow:none; }
body[data-modo="suporte"][data-loja="ink"] .btn.primary:hover { background:#1f2328; border-color:#1f2328; }
body[data-modo="suporte"][data-loja="ink"] .btn.outline { background:#fff; color:#1f2328; border-color:#c9cdd3; box-shadow:none; }
body[data-modo="suporte"][data-loja="ink"] .btn.outline:hover { background:#f0f1f3; border-color:#8d939c; }
body[data-modo="suporte"][data-loja="ink"] .btn.success { background:#fff; color:#28623e; border-color:#b4cbbb; box-shadow:none; }
body[data-modo="suporte"][data-loja="ink"] .btn.success:hover { background:#f1f7f3; }
body[data-modo="suporte"][data-loja="ink"] :is(.inbox-options,.metrics-periods) .btn.primary {
  background:#eef0f3; border-color:#8d939c; color:#1f2328; box-shadow:none;
}
body[data-modo="suporte"][data-loja="ink"] .inbox-options .btn b { background:#f0f1f3; color:#5b6270; }
body[data-modo="suporte"][data-loja="ink"] .inbox-options .btn[aria-pressed="true"] b { background:#dfe2e7; color:#1f2328; }
body[data-modo="suporte"][data-loja="ink"] .support-sections .btn {
  background:transparent; border:0; border-bottom:2px solid transparent; border-radius:0;
  color:#5b6270; box-shadow:none;
}
body[data-modo="suporte"][data-loja="ink"] .support-sections .btn[aria-pressed="true"] { border-bottom-color:#7a5ad6; color:#1f2328; background:transparent; }
body[data-modo="suporte"][data-loja="ink"] .support-sections .btn:hover { background:#eceef1; }
body[data-modo="suporte"][data-loja="ink"] .operator-presence .btn { background:#fff; color:#1f2328; border-color:#c9cdd3; }
body[data-modo="suporte"][data-loja="ink"] .operator-presence .btn:hover { background:#f0f1f3; }
body[data-modo="suporte"][data-loja="ink"] :is(.pipeline-column,.column-fila,.column-analise,.column-resolvido) { background:#f0f1f3; border-color:#e3e5e8; }
body[data-modo="suporte"][data-loja="ink"] .pipeline-column .pipeline-column-heading {
  background:#fff; color:#1f2328; border-top:0; border-bottom:1px solid #e3e5e8;
}
body[data-modo="suporte"][data-loja="ink"] .pipeline-column-heading h2 { display:flex; align-items:center; gap:8px; }
body[data-modo="suporte"][data-loja="ink"] .pipeline-column-heading h2::before { content:""; width:7px; height:7px; border-radius:50%; flex:0 0 7px; background:#d97706; }
body[data-modo="suporte"][data-loja="ink"] .column-analise .pipeline-column-heading h2::before { background:#2563eb; }
body[data-modo="suporte"][data-loja="ink"] .column-resolvido .pipeline-column-heading h2::before { background:#15803d; }
body[data-modo="suporte"][data-loja="ink"] .pipeline-column .tab-count { background:#f0f1f3; color:#5b6270; }
body[data-modo="suporte"][data-loja="ink"] .pipeline-column-heading p { color:#5b6270; opacity:1; }
body[data-modo="suporte"][data-loja="ink"] :is(.case-row,.order,.pipeline .case-row,.pipeline .compact-case.has-customer-reply,.return-cards .compact-case.has-customer-reply) {
  background:#fff; color:#1f2328; border-color:#d5d8dd; box-shadow:none;
}
body[data-modo="suporte"][data-loja="ink"] :is(.case-row:hover,.case-row.active) { background:#fafafa; border-color:#9b91b0; }
body[data-modo="suporte"][data-loja="ink"] .pipeline .compact-case.has-customer-reply { border-left-color:#7a5ad6; }
body[data-modo="suporte"][data-loja="ink"] .customer-reply-alert { color:#6245b2; }
body[data-modo="suporte"][data-loja="ink"] .customer-reply-alert i { background:#7a5ad6; animation:none; }
body[data-modo="suporte"][data-loja="ink"] .compact-case-meta { color:#5b6270; }
body[data-modo="suporte"][data-loja="ink"] .compact-case-reason[data-reason] { background:#f0f1f3; color:#5b6270; }
body[data-modo="suporte"][data-loja="ink"] :is(.badge,.status,.hint,.product-icon,.photo,.reason-count,.analysis-group,.analysis-group.waiting) {
  background:#f0f1f3; color:#5b6270; border-color:#e3e5e8;
}
body[data-modo="suporte"][data-loja="ink"] :is(.badge.success,.status.success) { background:#f1f7f3; color:#28623e; border-color:#d5e5da; }
body[data-modo="suporte"][data-loja="ink"] .compact-case .deadline { background:transparent; color:#5b6270; border-color:#e3e5e8; }
body[data-modo="suporte"][data-loja="ink"] .compact-case .deadline.overdue { color:#b91c1c; }
body[data-modo="suporte"][data-loja="ink"] :is(.metrics-simple,.metrics-help,.team-table th,.team-table td) { border-color:#e3e5e8; }
body[data-modo="suporte"][data-loja="ink"] :is(.order-facts,.staff-tracking,.case-times,.time-facts>div) { background:#f5f6f8; color:#1f2328; border-color:#e3e5e8; }
body[data-modo="suporte"][data-loja="ink"] :is(.order-facts span,.time-facts span,.case-times .time-note,.case-times .response-wait small) { color:#5b6270; }
body[data-modo="suporte"][data-loja="ink"] .order-lookup-card { border-color:#e3e5e8; border-top-color:#8d939c; }
body[data-modo="suporte"][data-loja="ink"] .order-lookup-card h2 { color:#1f2328; }
body[data-modo="suporte"][data-loja="ink"] #aviso { background:#2b3036; color:#fff; }
body[data-modo="suporte"][data-loja="ink"] #aviso.error { background:#a72d36; }
body[data-modo="suporte"][data-loja="ink"] .chat-dialog::backdrop { background:rgba(17,19,23,.45); }
body[data-modo="suporte"][data-loja="ink"] .chat-dialog .dialog-toolbar { background:#1f2328; color:#fff; }
body[data-modo="suporte"][data-loja="ink"] .chat-dialog .dialog-toolbar .btn { background:#343940; color:#fff; border-color:#6b7280; }
body[data-modo="suporte"][data-loja="ink"] :is(.chat-detail,.chat-person h2,.chat-order-content .order-facts strong,.chat-order-content h3) { color:#1f2328; }
body[data-modo="suporte"][data-loja="ink"] :is(.chat-person p,.chat-person p span,.chat-waiting,.chat-order-details>summary,.chat-order-details>summary span,.reply-signature,.reply-signature b) { color:#5b6270; }
body[data-modo="suporte"][data-loja="ink"] .chat-status { background:#f0f1f3; color:#5b6270; }
body[data-modo="suporte"][data-loja="ink"] .chat-status.reply i { background:#2563eb; }
body[data-modo="suporte"][data-loja="ink"] .chat-status.resolved i { background:#15803d; }
body[data-modo="suporte"][data-loja="ink"] .chat-status.queue i { background:#d97706; }
body[data-modo="suporte"][data-loja="ink"] .chat-messages { background:#f4f5f7; background-image:none; }
body[data-modo="suporte"][data-loja="ink"] .chat-line .message { background:#fff; color:#1f2328; border-color:#e3e5e8; box-shadow:none; }
body[data-modo="suporte"][data-loja="ink"] .chat-line.is-support .message { background:#efebf8; border-color:#e1daef; color:#1f2328; }
body[data-modo="suporte"][data-loja="ink"] .chat-line.is-system .message { background:#e9ecef; color:#5b6270; }
body[data-modo="suporte"][data-loja="ink"] :is(.chat-line .message small,.chat-line .message time,.chat-line .message .inline strong) { color:#5b6270; }
body[data-modo="suporte"][data-loja="ink"] .chat-composer .quick-reply textarea { background:#fff; color:#1f2328; border-color:#c9cdd3; }
body[data-modo="suporte"][data-loja="ink"] .chat-composer .reply-actions .btn { background:#2b3036; border-color:#2b3036; color:#fff; }
body[data-modo="suporte"][data-loja="ink"] .chat-composer .reply-actions .btn:hover { background:#1f2328; }
body[data-modo="suporte"][data-loja="ink"] :is(.chat-composer .attachment-count,.chat-composer .attach-photo) { color:#5b6270; }
body[data-modo="suporte"][data-loja="ink"] :is(.chat-order-content,.chat-order-content .staff-tracking) { background:#f5f6f8; color:#1f2328; border-color:#e3e5e8; }
/* Preserve error/late warnings and accessible touch targets. */
body[data-modo="suporte"][data-loja="ink"] .shipping-status.shipping-atrasado { background:#fef2f2; color:#b91c1c; border-color:#efc7c7; }
body[data-modo="suporte"][data-loja="ink"] .dialog-notice.error { background:#fef2f2; color:#b91c1c; }
@media(max-width:650px) {
  body[data-modo="suporte"][data-loja="ink"] .inbox-options .btn { min-height:44px; }
  body[data-modo="suporte"][data-loja="ink"] .pipeline { grid-template-columns:1fr; overflow-x:visible; }
  body[data-modo="suporte"][data-loja="ink"] .pipeline-cards { min-height:120px; max-height:440px; }
}

.support-channel-tabs{max-width:1440px;margin:14px auto;padding:0 28px;display:flex;gap:8px;align-items:center}.support-channel-tabs a{padding:10px 16px;border-radius:8px;border:1px solid #dbe2ea;background:white;color:#244c72;text-decoration:none;font-weight:650;font-size:14px}.support-channel-tabs a[aria-current="page"]{background:#244c72;color:white;border-color:#244c72}

.social-entry-section{padding-top:30px;border-top:1px solid #ced9e6;margin-top:36px}.social-entry-section h2{font-size:27px;margin:0 0 10px}.social-entry-section .shop-choice{gap:20px}.social-entry-section .shop-choice-uni{border-top-color:#3b5f9c}.social-entry-section .shop-choice-cv{border-top-color:#477b5e}

/* Chamados da equipe no celular acompanham a rolagem da página. */
@media(max-width:680px){
 body[data-modo="suporte"].sc-workspace .chat-messages{min-height:60vh;min-height:60dvh;max-height:none;overflow:visible;overscroll-behavior:auto}
 body[data-modo="suporte"].sc-workspace .chat-composer .quick-reply .field{min-width:0}
 body[data-modo="suporte"].sc-workspace .chat-composer .quick-reply textarea{box-sizing:border-box;width:100%;min-height:44px;max-height:160px;resize:none}
}