/* ===== TECNOLOGÍA DE APLICACIÓN (LIDER) · sector aparte (script 154) =====
   Todo con prefijo .ta-mod / #layout.ta: no toca el resto del Sistema 360. Verde LIDER #1f6b33 + verde-limón #8dc63f, modo oscuro. */
#layout.ta, .ta-mod {
  --t-bg: #f3f6ef; --t-surface: #ffffff; --t-ink: #17251a; --t-muted: #5d6b5f; --t-line: #dbe3d5;
  --t-brand: #1f6b33; --t-brand-ink: #ffffff; --t-lime: #8dc63f; --t-lime-soft: #e9f4da;
  --t-warn: #b4560f; --t-warn-soft: #fcefe2; --t-ok: #1f7a3a;
  --t-display: "Barlow Condensed", "Roboto Condensed", "Arial Narrow", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  #layout.ta, .ta-mod {
    --t-bg: #0f1611; --t-surface: #17211a; --t-ink: #e6eee3; --t-muted: #9aab9c; --t-line: #2a382d;
    --t-brand: #4fa864; --t-brand-ink: #0b130d; --t-lime: #a5d65e; --t-lime-soft: #1f2e1c;
    --t-warn: #f0a35e; --t-warn-soft: #2e2216; --t-ok: #6fd38c; color-scheme: dark;
  }
}
#layout.ta { background: linear-gradient(to right, #1f6b33 220px, var(--t-bg) 220px); color: var(--t-ink); }
#layout.ta aside { background: #1f6b33; }
#layout.ta aside nav a { color: #eef6e6; }
#layout.ta aside nav a:hover { background: #2a7d40; }
#layout.ta aside nav a.ativo { background: #8dc63f; color: #10200f; font-weight: 600; }
#layout.ta .usuario, #layout.ta aside .usuario .lnk { color: #cfe3c6; }
.ta-sub { color: #dff0d2; font: 600 13px/1.2 var(--t-display); text-transform: uppercase; letter-spacing: .08em; margin: 0 14px 6px; }
.btn-setor { display: block; margin: 6px 10px; padding: 8px 10px; border-radius: 8px; border: 1px dashed rgba(255, 255, 255, .45); background: transparent;
  color: #eef6e6; font: inherit; font-size: 13px; text-align: left; cursor: pointer; text-decoration: none; }
.btn-setor:hover { background: rgba(255, 255, 255, .08); }
.btn-setor .bs-c { display: none; }
.ta-idioma { display: flex; align-items: center; gap: 4px; margin: 4px 10px; color: #cfe3c6; font-size: 13px; }
.ta-idioma button { flex: 1; border: 1px solid rgba(255, 255, 255, .35); background: transparent; color: #eef6e6; border-radius: 6px; padding: 5px 6px; font: inherit; font-size: 12.5px; cursor: pointer; }
.ta-idioma button[aria-pressed="true"] { background: #8dc63f; color: #10200f; border-color: #8dc63f; font-weight: 600; }
@media (max-width: 900px) {
  #layout.ta { display: block; background: var(--t-bg); }
  .ta-sub, .ta-idioma { display: none; }
  .btn-setor { margin: 0; padding: 6px 8px; flex: none; white-space: nowrap; font-size: 12.5px; }
  .btn-setor .bs-txt { display: none; } .btn-setor .bs-c { display: inline; }
}

/* contenido */
.ta-mod { color: var(--t-ink); max-width: 600px; margin: 0 auto; font-size: 16px; line-height: 1.45; }
.ta-mod * { box-sizing: border-box; }
.ta-mod .t-top { display: flex; align-items: center; gap: 10px; margin: 0 0 4px; }
.ta-mod h2 { font: 700 26px/1.1 var(--t-display); margin: 4px 0 4px; color: var(--t-ink); text-wrap: balance; flex: 1; }
.ta-mod .t-lead { color: var(--t-muted); margin: 0 0 16px; font-size: 15px; }
.ta-mod .t-lang { display: inline-flex; border: 1px solid var(--t-line); border-radius: 8px; overflow: hidden; flex: none; }
.ta-mod .t-lang button { border: 0; background: var(--t-surface); color: var(--t-muted); font: 600 13px system-ui, sans-serif; padding: 6px 10px; cursor: pointer; }
.ta-mod .t-lang button[aria-pressed="true"] { background: var(--t-brand); color: var(--t-brand-ink); }
.ta-mod .t-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ta-mod label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600; color: var(--t-muted); text-transform: uppercase; letter-spacing: .05em; min-width: 0; }
.ta-mod input, .ta-mod select { font: 500 18px system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--t-ink); background: var(--t-surface);
  border: 1.5px solid var(--t-line); border-radius: 8px; padding: 10px 12px; width: 100%; font-variant-numeric: tabular-nums; }
.ta-mod input:focus-visible, .ta-mod select:focus-visible, .ta-mod button:focus-visible { outline: 2px solid var(--t-lime); outline-offset: 2px; }
.ta-mod .t-res { background: var(--t-surface); border: 1px solid var(--t-line); border-radius: 12px; padding: 16px; margin-top: 18px; }
.ta-mod .t-big { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.ta-mod .t-big strong { font: 700 44px/1 var(--t-display); color: var(--t-brand); font-variant-numeric: tabular-nums; }
.ta-mod .t-big span { color: var(--t-muted); }
.ta-mod .t-cap { font-size: 13px; color: var(--t-muted); text-transform: uppercase; letter-spacing: .06em; font-weight: 600; }
.ta-mod table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.ta-mod th { text-align: left; font-size: 12px; color: var(--t-muted); text-transform: uppercase; letter-spacing: .05em; padding: 8px 6px;
  border-bottom: 1px solid var(--t-line); background: transparent; position: static; white-space: normal; }
.ta-mod td { padding: 10px 6px; border-bottom: 1px solid var(--t-line); font-size: 15px; white-space: normal; color: var(--t-ink); }
.ta-mod small { color: var(--t-muted); }
.ta-mod tr.t-best td { background: var(--t-lime-soft); font-weight: 600; }
.ta-mod tr.t-ponta { cursor: pointer; }
.ta-mod tr.t-ponta:focus-visible { outline: 2px solid var(--t-lime); outline-offset: -2px; }
.ta-mod tr.t-ponta td:first-child b::after { content: " ▸"; color: var(--t-muted); font-weight: 400; }
.ta-mod tr.t-ponta.t-aberta td:first-child b::after { content: " ▾"; }
.ta-mod tr.t-det > td { background: var(--t-bg); padding: 8px 6px 14px; }
.ta-mod .t-det table { font-size: 14px; }
.ta-mod .t-det th, .ta-mod .t-det td { padding: 6px 4px; }
.ta-mod .t-det tr.t-atual td { background: var(--t-lime-soft); font-weight: 600; }
.ta-mod .t-dot { display: inline-block; width: 14px; height: 14px; border-radius: 50%; vertical-align: -2px; margin-right: 6px; border: 1px solid rgba(0, 0, 0, .25); }
.ta-mod .t-note { font-size: 13px; color: var(--t-muted); margin: 10px 0 0; }
.ta-mod .t-alert { background: var(--t-warn-soft); color: var(--t-warn); border-radius: 8px; padding: 10px 12px; font-size: 14px; margin-top: 12px; }
.ta-mod .t-wrap { overflow-x: auto; margin-top: 12px; }
.ta-mod .t-prod { display: flex; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--t-line); }
.ta-mod .t-prod:last-child { border-bottom: 0; }
.ta-mod .t-prod input[type=checkbox] { width: 22px; height: 22px; flex: none; accent-color: var(--t-brand); padding: 0; }
.ta-mod .t-prod .t-nm { flex: 1; min-width: 0; }
.ta-mod .t-prod .t-nm b { display: block; }
.ta-mod .t-prod input[type=number] { width: 96px; flex: none; font-size: 16px; padding: 8px; }
.ta-mod .t-prod input.t-fora { border-color: var(--t-warn); }
.ta-mod ol.t-steps { list-style: none; padding: 0; margin: 10px 0 0; counter-reset: s; }
.ta-mod ol.t-steps li { counter-increment: s; display: grid; grid-template-columns: 32px 1fr; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--t-line); }
.ta-mod ol.t-steps li:last-child { border-bottom: 0; }
.ta-mod ol.t-steps li::before { content: counter(s); font: 700 20px/32px var(--t-display); text-align: center; background: var(--t-brand); color: var(--t-brand-ink); border-radius: 50%; width: 32px; height: 32px; }
.ta-mod ol.t-steps li b { display: block; }
.ta-mod ol.t-steps li span { color: var(--t-muted); font-size: 14px; }
.ta-mod ol.t-steps label { flex-direction: row; align-items: center; gap: 8px; margin: 6px 0; text-transform: none; letter-spacing: 0; }
.ta-mod ol.t-steps label input { width: 96px; font-size: 16px; padding: 8px; }
.ta-mod .t-qty { font: 700 20px var(--t-display); color: var(--t-brand); font-variant-numeric: tabular-nums; }
.ta-mod .t-card { background: var(--t-surface); border: 1px solid var(--t-line); border-radius: 12px; padding: 16px; margin-top: 12px; }
.ta-mod .t-card h3 { font: 700 22px/1.1 var(--t-display); margin: 0 0 2px; color: var(--t-ink); flex: 1; }
.ta-mod .t-card-top { display: flex; align-items: flex-start; gap: 8px; }
.ta-mod .t-tags { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0; }
.ta-mod .t-tag { font-size: 12px; font-weight: 600; padding: 3px 8px; border-radius: 6px; background: var(--t-lime-soft); color: var(--t-brand); }
.ta-mod .t-tag.t-order { background: var(--t-brand); color: var(--t-brand-ink); }
.ta-mod dl { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; margin: 8px 0 0; font-size: 14px; }
.ta-mod dt { color: var(--t-muted); }
.ta-mod dd { margin: 0; font-variant-numeric: tabular-nums; }
.ta-mod .t-btn { border: 1px solid var(--t-line); background: var(--t-surface); color: var(--t-brand); border-radius: 8px; padding: 6px 10px; font: 600 13px system-ui, sans-serif; cursor: pointer; flex: none; }
.ta-mod .t-btn:hover { background: var(--t-lime-soft); }
.ta-mod .t-aviso { font-size: 13px; color: var(--t-muted); background: var(--t-surface); border: 1px dashed var(--t-line); border-radius: 8px; padding: 6px 10px; margin: 0 0 12px; }
@media (max-width: 380px) { .ta-mod .t-grid { grid-template-columns: minmax(0, 1fr); } }

/* elección de sector (después de entrar) */
.setor-box { max-width: 640px; margin: 8vh auto 40px; padding: 0 16px; text-align: center; }
.setor-box h1 { font-size: 22px; margin: 0 0 4px; }
.setor-ops { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 20px; }
.setor-op { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 22px 14px; border-radius: 14px; border: 2px solid var(--borda);
  background: #fff; cursor: pointer; font: inherit; color: var(--texto); text-align: center; }
.setor-op:hover, .setor-op:focus-visible { border-color: var(--verde); outline: none; box-shadow: 0 4px 14px rgba(31, 107, 51, .15); }
.setor-op img { height: 64px; width: auto; max-width: 100%; object-fit: contain; }
.setor-op b { font-size: 17px; }
.setor-op small { color: var(--fraco); }
.setor-op.ta { border-color: #8dc63f; }
@media (max-width: 520px) { .setor-ops { grid-template-columns: 1fr; } }

/* Usuarios: con la columna "Tec. aplicación" el papel no se achica */
table.usuarios select.u-papel { min-width: 190px; }
table.usuarios input.u-nome { min-width: 140px; }

/* CELULAR (iPhone cortaba a la derecha): campos que pueden achicarse y menú en 2 líneas como el del vendedor
   (arriba logo + Sincronizar + ⇄ + Salir; abajo Pontas · Calda · Produtos a lo ancho) */
.ta-mod input, .ta-mod select { min-width: 0; max-width: 100%; }
.ta-mod .t-top h2 { min-width: 0; }
.ta-mod .t-res, .ta-mod .t-card { min-width: 0; max-width: 100%; }
.ta-mod .t-prod .t-nm small { display: block; }
@media (max-width: 900px) {
  #layout.ta main { min-width: 0; overflow-x: clip; }
  #layout.ta aside { flex-wrap: wrap; row-gap: 6px; }
  #layout.ta aside .usuario { margin-left: auto; }
  #layout.ta aside .btn-sinc { font-size: 13px; padding: 6px 9px; }
  #layout.ta aside nav {
    order: 10; flex: 1 1 100%; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; overflow: visible;
  }
  #layout.ta aside nav a {
    white-space: normal; text-align: center; padding: 7px 2px; font-size: 14px; line-height: 1.15;
    display: flex; align-items: center; justify-content: center; min-height: 40px; border-radius: 6px;
  }
  .ta-mod { font-size: 15px; }
  .ta-mod input, .ta-mod select { font-size: 17px; padding: 9px 10px; }
  .ta-mod .t-big strong { font-size: 38px; }
  .ta-mod td { font-size: 14px; padding: 9px 4px; }
  .ta-mod th { padding: 8px 4px; }
}
.ta-mod .t-grid > label { justify-content: flex-end; }

/* administrador · costos de las puntas (script 155) */
.cp-lista { display: flex; flex-direction: column; gap: 6px; max-height: 60vh; overflow: auto; }
.cp-fam { border: 1px solid var(--borda); border-radius: 8px; padding: 6px 10px; }
.cp-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cp-row .cp-nome { color: var(--fraco); font-size: 13px; flex: 1; min-width: 0; }
.cp-in { flex-direction: row; align-items: center; gap: 6px; margin: 0; color: var(--texto); }
.cp-in input { width: 96px; min-width: 0; }
.cp-fam details summary { cursor: pointer; font-size: 12.5px; color: var(--verde); margin-top: 4px; }
.cp-tams { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 4px 12px; margin-top: 6px; }
.cp-tams .cp-in { justify-content: space-between; font-size: 13px; }

/* "Melhor opção" em verde claro (pedido) */
.ta-mod .t-alert.t-dica { background: var(--t-lime-soft); color: var(--t-brand); border: 1px solid color-mix(in srgb, var(--t-lime) 45%, transparent); }

/* Condições para aplicar · Delta T */
.ta-mod .dt-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.ta-mod .dt-gps { background: var(--t-brand); color: var(--t-brand-ink); border-color: var(--t-brand); padding: 8px 12px; font-size: 14px; }
.ta-mod .dt-gps:hover { background: var(--t-brand); opacity: .9; }
.ta-mod .dt-gps:disabled { opacity: .6; }
.ta-mod .dt-val { display: flex; align-items: baseline; gap: 10px; margin: 8px 0 2px; flex-wrap: wrap; }
.ta-mod .dt-val strong { font: 700 46px/1 var(--t-display); color: var(--t-ink); font-variant-numeric: tabular-nums; }
.ta-mod .dt-lbl { color: var(--t-muted); }
.ta-mod .dt-tag { font-weight: 700; border-radius: 99px; padding: 3px 10px; font-size: 13px; background: var(--t-lime-soft); color: var(--t-ok); }
.ta-mod .dt-tag.baixo, .ta-mod .dt-tag.limite { background: #fbf1cf; color: #8a6400; }
.ta-mod .dt-tag.alto { background: #fde3df; color: #b3261e; }
.ta-mod .dt-gauge { position: relative; height: 14px; border-radius: 7px; overflow: visible; margin: 14px 0 4px; }
.ta-mod .dt-gauge .z { position: absolute; top: 0; bottom: 0; }
.ta-mod .dt-gauge .z:first-child { border-radius: 7px 0 0 7px; } .ta-mod .dt-gauge .z:nth-child(4) { border-radius: 0 7px 7px 0; }
.ta-mod .dt-gauge i { position: absolute; top: -6px; width: 4px; height: 26px; background: var(--t-ink); border-radius: 2px; }
.ta-mod .dt-esc { position: relative; height: 16px; font-size: 11px; color: var(--t-muted); }
.ta-mod .dt-esc span { position: absolute; transform: translateX(-50%); }
.ta-mod .dt-esc span:first-child { transform: none; } .ta-mod .dt-esc span:last-child { transform: translateX(-100%); }
.ta-mod .dt-leit { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.ta-mod .dt-leit label { background: var(--t-bg); border-radius: 8px; padding: 8px; font-size: 11px; text-align: center; }
.ta-mod .dt-leit label > span { display: flex; align-items: center; justify-content: center; gap: 3px; color: var(--t-ink); text-transform: none; letter-spacing: 0; font-size: 13px; }
.ta-mod .dt-leit input { width: 100%; max-width: 74px; text-align: center; font-size: 18px; font-weight: 700; padding: 6px 4px; border: 1.5px solid var(--t-line); background: var(--t-surface); border-radius: 6px; }
.ta-mod .dt-leit input:focus { border-color: var(--t-brand); }
.ta-mod .t-alert.dt-ruim { background: #fde3df; color: #b3261e; }
.ta-mod .dt-bars { display: flex; align-items: flex-end; gap: 3px; height: 110px; margin-top: 18px; border-bottom: 1px solid var(--t-line); }
.ta-mod .dt-bars div { flex: 1; border-radius: 4px 4px 0 0; position: relative; min-width: 0; }
.ta-mod .dt-bars div span { position: absolute; top: -16px; left: -6px; right: -6px; text-align: center; font-size: 10px; color: var(--t-ink); }
.ta-mod .dt-hl { display: flex; gap: 3px; font-size: 10px; color: var(--t-muted); margin-top: 2px; }
.ta-mod .dt-hl span { flex: 1; min-width: 0; text-align: center; white-space: nowrap; line-height: 1.3; }
@media (prefers-color-scheme: dark) {
  .ta-mod .dt-tag.baixo, .ta-mod .dt-tag.limite { background: #3a3218; color: #f2cf6b; }
  .ta-mod .dt-tag.alto, .ta-mod .t-alert.dt-ruim { background: #3a1f1c; color: #ff8a80; }
}

/* frascos de los productos (etiqueta del folder) */
.ta-mod .t-prod-cab { display: flex; gap: 14px; align-items: flex-start; }
.ta-mod .t-prod-tit { flex: 1; min-width: 0; }
.ta-mod .t-frasco { width: 84px; height: 108px; object-fit: contain; object-position: bottom center; flex: none; filter: drop-shadow(0 2px 3px rgba(0,0,0,.12)); }
.ta-mod .t-frasco-p { width: 30px; height: 40px; object-fit: contain; object-position: bottom center; flex: none; }
@media (max-width: 380px) { .ta-mod .t-frasco { width: 64px; height: 84px; } }

/* laudo da visita */
.ta-mod textarea { font: 500 16px system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--t-ink); background: var(--t-surface); border: 1.5px solid var(--t-line); border-radius: 8px; padding: 10px 12px; width: 100%; min-width: 0; resize: vertical; text-transform: none; letter-spacing: 0; }
.ta-mod .t-laudo { white-space: pre-wrap; word-break: break-word; font: 14px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; background: var(--t-bg); border-radius: 8px; padding: 12px; margin: 8px 0 0; color: var(--t-ink); }
.ta-mod .l-bts { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.ta-mod .l-bts .t-btn { padding: 10px 14px; font-size: 14px; }
.ta-mod .t-btn.l-wa { background: #25d366; border-color: #25d366; color: #fff; }
.ta-mod .t-btn.t-btn-on { background: var(--t-brand); color: var(--t-brand-ink); border-color: var(--t-brand); }
.ta-mod .l-salvos { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.ta-mod .l-it { display: flex; gap: 8px; align-items: center; border-bottom: 1px solid var(--t-line); padding: 8px 0; }
.ta-mod .l-it-t { flex: 1; min-width: 0; }
.ta-mod .l-it-t b { display: block; color: var(--t-ink); }
.ta-mod .l-it-t small { display: block; overflow-wrap: anywhere; }
.ta-mod .l-it-b { display: flex; gap: 4px; flex: none; }

/* papel hidrossensível */
.ta-mod .pp-bts { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.ta-mod .pp-bts .t-btn { padding: 12px 14px; font-size: 15px; cursor: pointer; text-transform: none; letter-spacing: 0; flex-direction: row; display: inline-flex; }
.ta-mod .pp-bts .pp-foto { background: var(--t-brand); color: var(--t-brand-ink); border-color: var(--t-brand); }
.ta-mod .pp-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.ta-mod .pp-pos { flex: 1 1 160px; }
.ta-mod .pp-pos select { font-size: 16px; padding: 8px 10px; }
.ta-mod .pp-acoes { display: flex; gap: 6px; }
.ta-mod .pp-img { display: block; width: 100%; height: auto; border-radius: 6px; margin-top: 10px; border: 1px solid var(--t-line); }
.ta-mod .pp-nums { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 10px; }
.ta-mod .pp-nums div { background: var(--t-bg); border-radius: 8px; padding: 6px 8px; min-width: 0; }
.ta-mod .pp-nums span { display: block; font-size: 10.5px; color: var(--t-muted); text-transform: uppercase; letter-spacing: .04em; font-weight: 600; }
.ta-mod .pp-nums b { display: block; font-size: 16px; color: var(--t-ink); overflow-wrap: anywhere; }
.ta-mod .pp-nums b.pp-ok { color: var(--t-ok); } .ta-mod .pp-nums b.pp-baixo { color: #c0392b; }
.ta-mod .pp-bar { position: relative; height: 18px; background: var(--t-bg); border-radius: 4px; min-width: 90px; }
.ta-mod .pp-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; }
.ta-mod .pp-bar i.ok { background: #8dc63f; } .ta-mod .pp-bar i.baixo { background: #f0a35e; }
.ta-mod .pp-bar span { position: relative; padding-left: 6px; font-size: 13px; font-weight: 600; line-height: 18px; }
@media (max-width: 520px) { .ta-mod .pp-nums { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pp-crop { position: relative; touch-action: none; user-select: none; width: 100%; }
.pp-crop canvas { display: block; width: 100%; height: auto; }
.pp-ret { position: absolute; border: 2px solid #e5533d; box-shadow: 0 0 0 9999px rgba(0, 0, 0, .35); }
.pp-ret i { position: absolute; width: 26px; height: 26px; margin: -13px; border-radius: 50%; background: #fff; border: 3px solid #e5533d; touch-action: none; cursor: grab; }
.pp-ret i[data-c="nw"] { left: 0; top: 0; } .pp-ret i[data-c="ne"] { right: 0; top: 0; margin-right: -13px; margin-left: 0; }
.pp-ret i[data-c="sw"] { left: 0; bottom: 0; margin-bottom: -13px; margin-top: 0; } .pp-ret i[data-c="se"] { right: 0; bottom: 0; margin: 0 -13px -13px 0; }
.pp-crop { overflow: hidden; }
.ta-mod .pp-nums b.pp-boa { color: #2e8b3d; } .ta-mod .pp-nums b.pp-media { color: #b8860b; } .ta-mod .pp-nums b.pp-ruim { color: #c0392b; }
.ta-mod .pp-aval { margin-top: 10px; padding: 8px 10px; border-radius: 8px; font-size: 13.5px; }
.ta-mod .pp-aval b { font-size: 15px; text-transform: uppercase; letter-spacing: .04em; }
.ta-mod .pp-aval.pp-boa { background: #e3f4d6; color: #1f6b33; } .ta-mod .pp-aval.pp-media { background: #fbf1cf; color: #7a5a00; } .ta-mod .pp-aval.pp-ruim { background: #fde3df; color: #a1271d; }
.ta-mod .pp-bar i.boa { background: #3aa655; } .ta-mod .pp-bar i.media { background: #e0b52c; } .ta-mod .pp-bar i.ruim { background: #e5533d; }
.ta-mod .pp-tag { display: inline-block; font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 99px; color: #fff; }
.ta-mod .pp-tag.pp-boa { background: #2e8b3d; } .ta-mod .pp-tag.pp-media { background: #c99a12; } .ta-mod .pp-tag.pp-ruim { background: #c0392b; }
@media (prefers-color-scheme: dark) {
  .ta-mod .pp-aval.pp-boa { background: #1f2e1c; color: #8fd48f; } .ta-mod .pp-aval.pp-media { background: #3a3218; color: #f2cf6b; } .ta-mod .pp-aval.pp-ruim { background: #3a1f1c; color: #ff8a80; }
}
table.pp-crit th, table.pp-crit td { padding: 4px; text-align: center; white-space: nowrap; }
table.pp-crit td input { display: block; width: 56px; margin: 2px auto; text-align: center; padding: 4px; }
table.pp-crit td input[data-k="0"] { border-color: #3aa655; } table.pp-crit td input[data-k="1"] { border-color: #e0b52c; }
.ta-mod .pp-critbox { margin: 4px 0 14px; padding: 10px 12px; border: 1px solid var(--t-line, #d8dcd2); border-radius: 10px; background: rgba(140, 198, 63, .08); font-size: 13px; line-height: 1.5; }