/* Tela ordens de serviço: lista e Adicionar OS. Os blocos do formulário repetem as medidas da Nova venda (venda.css), presos a #work-order-form. */

#work-order-form.saleform {
  --sf-line: #dfe2e6;
  --sf-input-line: #cfd4d9;
  --sf-head: #f7f7f7;
  --sf-disabled: #eaecef;
  --sf-addon: #fafafa;
  --sf-ink: #0f1b24;
  --sf-text: #4a5056;
  --sf-soft: #6e757c;
  --sf-th: #222529;
  --sf-req: #ec4335;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  font-family: 'Source Sans Pro', system-ui, sans-serif;
}

#work-order-form .saleform-block {
  border: 1px solid var(--sf-line);
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}

#work-order-form .saleform-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 73px;
  padding: 12px 20px;
  border-bottom: 1px solid var(--sf-line);
  background: var(--sf-head);
}
#work-order-form .saleform-head h2 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: var(--sf-ink);
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0;
}
#work-order-form .saleform-head h2 strong { font-weight: 600; }
#work-order-form .saleform-head p { margin: 6px 0 0; color: var(--sf-soft); font-size: 11px; line-height: 14px; }
#work-order-form .saleform-icon { width: 16px; height: 16px; flex: none; fill: currentColor; }
#work-order-form .saleform-head h2 .saleform-icon { color: var(--sf-soft); margin-right: 2px; }
#work-order-form .saleform-menu { display: inline-flex; color: var(--sf-soft); opacity: .8; }
#work-order-form .saleform-menu .saleform-icon { width: 18px; height: 18px; }

#work-order-form .saleform-body { padding: 23px 20px 20px; }
#work-order-form .saleform-block-table .saleform-body { padding: 0; }
#work-order-form .saleform-body > .form-grid,
#work-order-form .saleform-totals { column-gap: 30px; row-gap: 19px; }

#work-order-form .field { gap: 0; }
#work-order-form .field label {
  color: var(--sf-soft);
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
#work-order-form .field label.required::after { content: ' *'; color: var(--sf-req); }
#work-order-form input:not([type="checkbox"]):not([type="radio"]),
#work-order-form select,
#work-order-form textarea {
  width: 100%;
  min-height: 37px;
  padding: 6px 12px;
  border: 1px solid var(--sf-input-line);
  border-radius: 3px;
  background: #fff;
  color: var(--sf-text);
  font: inherit;
  font-size: 16px;
  line-height: 23px;
  box-shadow: none;
}
#work-order-form input:not([type="checkbox"]):not([type="radio"]), #work-order-form select { height: 37px; }
#work-order-form textarea { min-height: 96px; resize: vertical; }
#work-order-form input::placeholder, #work-order-form textarea::placeholder { color: var(--sf-soft); opacity: 1; }
#work-order-form input:not([type="checkbox"]):not([type="radio"]):disabled, #work-order-form select:disabled, #work-order-form textarea:disabled {
  background: var(--sf-disabled);
  color: var(--sf-text);
  cursor: not-allowed;
  opacity: 1;
}
#work-order-form .saleform-pending label { color: #8a9096; }
#work-order-form .field:has(> .saleform-link) { position: relative; }
#work-order-form .saleform-link { position: absolute; top: 2px; right: 0; color: #1f6fb2; font-size: 12px; line-height: 16px; text-decoration: none; }
#work-order-form .saleform-link:hover { text-decoration: underline; }

#work-order-form .saleform-group { display: flex; align-items: stretch; }
#work-order-form .saleform-group > input, #work-order-form .saleform-group > select { flex: 1; min-width: 0; }
#work-order-form .saleform-group.has-prefix > input { border-top-left-radius: 0; border-bottom-left-radius: 0; }
#work-order-form .saleform-addon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 41px;
  padding: 0 10px;
  border: 1px solid var(--sf-input-line);
  border-right: 0;
  border-radius: 3px 0 0 3px;
  background: var(--sf-addon);
  color: var(--sf-soft);
  font-size: 14px;
}
#work-order-form .saleform-addon.is-after { border-right: 1px solid var(--sf-input-line); border-left: 0; border-radius: 0 3px 3px 0; }
#work-order-form .saleform-group:has(.is-after) > input { border-top-right-radius: 0; border-bottom-right-radius: 0; }
#work-order-form .saleform-addon .saleform-icon { width: 18px; height: 18px; }

/* Tabela de produtos e serviços: cabeçalho de 45 px e linha de 63 px, como na referência. */
#work-order-form .saleform-table-wrap { overflow-x: auto; }
#work-order-form .saleform-table { width: 100%; min-width: 900px; border-collapse: collapse; table-layout: fixed; }
#work-order-form .saleform-table[hidden] { display: none; }
#work-order-form .saleform-table th {
  height: 45px;
  padding: 8px 12px;
  border: 1px solid var(--sf-line);
  border-top: 0;
  background: var(--sf-head);
  color: var(--sf-th);
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}
#work-order-form .saleform-table td { height: 63px; padding: 12px; border: 1px solid var(--sf-line); vertical-align: middle; }
#work-order-form .saleform-table th:first-child, #work-order-form .saleform-table td:first-child { border-left: 0; }
#work-order-form .saleform-table th:last-child, #work-order-form .saleform-table td:last-child { border-right: 0; }
#work-order-form .saleform-table .col-item { width: 25.5%; }
#work-order-form .saleform-table .col-details { width: 13%; }
#work-order-form .saleform-table .col-qty { width: 10.4%; }
#work-order-form .saleform-table .col-type { width: 11.8%; }
#work-order-form .saleform-table .col-price { width: 10.4%; }
#work-order-form .saleform-table .col-discount { width: 11.1%; }
#work-order-form .saleform-table .col-subtotal { width: 10.4%; }
#work-order-form .saleform-table .col-actions { width: 7.4%; text-align: center; }
#work-order-form .saleform-table .saleform-addon { min-width: 34px; padding: 0 6px; font-size: 13px; }
#work-order-form .saleform-req { color: var(--sf-req); }
#work-order-form .saleform-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--sf-line);
  border-radius: 3px;
  background: #fff;
  color: var(--sf-soft);
  cursor: pointer;
}
#work-order-form .saleform-icon-button.danger { color: #d9534f; }
#work-order-form .saleform-icon-button:hover { background: #f4f5f6; }
#work-order-form .saleform-empty { margin: 0; padding: 18px 20px 4px; color: var(--sf-soft); font-size: 14px; }
#work-order-form .saleform-lines-foot { padding: 16px 16px 20px; }

#work-order-form .button.saleform-add,
#work-order-form .saleform-body > .form-grid .button.secondary {
  gap: 8px;
  min-height: 32px;
  padding: 5px 12px;
  border: 1px solid var(--sf-ink);
  border-radius: 3px;
  background: #fff;
  color: var(--sf-ink);
  font-size: 14px;
  font-weight: 400;
}
#work-order-form .button.saleform-add:disabled, #work-order-form .saleform-body > .form-grid .button.secondary:disabled { border-color: var(--sf-input-line); color: #8a9096; cursor: not-allowed; }
#work-order-form .button.saleform-add .saleform-icon { width: 14px; height: 14px; }

#work-order-form .saleform-toggle { display: flex; }
#work-order-form .saleform-toggle label { display: flex; margin: 0; cursor: pointer; }
#work-order-form .saleform-toggle input { position: absolute; opacity: 0; pointer-events: none; }
#work-order-form .saleform-toggle span {
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid var(--sf-input-line);
  border-left: 0;
  background: var(--sf-addon);
  color: var(--sf-soft);
  font-size: 14px;
}
#work-order-form .saleform-toggle label:last-child span { border-radius: 0 3px 3px 0; }
#work-order-form .saleform-toggle input:checked + span { background: var(--sf-ink); border-color: var(--sf-ink); color: #fff; }
#work-order-form .saleform-toggle input:focus-visible + span { outline: 2px solid #1f6fb2; outline-offset: 1px; }
#work-order-form .saleform-group:has(.saleform-toggle) > input { border-top-right-radius: 0; border-bottom-right-radius: 0; }
#work-order-form .saleform-total-note { display: block; min-height: 16px; color: var(--sf-soft); font-size: 12px; }

#work-order-form .saleform-payment { display: flex; flex-direction: column; gap: 14px; }
#work-order-form .saleform-radios { display: flex; flex-wrap: wrap; gap: 16px; }
#work-order-form .saleform-check, #work-order-form .saleform-radio { display: flex; align-items: flex-start; gap: 8px; margin: 0; color: var(--sf-text); cursor: not-allowed; }
#work-order-form .saleform-radio { min-width: 260px; padding: 12px 14px; border: 1px solid var(--sf-input-line); border-radius: 3px; background: #fff; }
#work-order-form .saleform-check b, #work-order-form .saleform-radio b { display: block; font-size: 14px; font-weight: 600; }
#work-order-form .saleform-check small, #work-order-form .saleform-radio small { display: block; color: var(--sf-soft); font-size: 12px; }
#work-order-form .saleform-check input, #work-order-form .saleform-radio input { margin-top: 3px; }
#work-order-form .saleform-body > .form-grid > .span-3:has(.saleform-check) { display: flex; align-items: flex-end; padding-bottom: 6px; }

#work-order-form .saleform-actions { display: flex; align-items: center; justify-content: flex-end; gap: 16px; padding: 4px 0 24px; }
#work-order-form .saleform-cancel { color: var(--sf-soft); font-size: 14px; text-decoration: none; }
#work-order-form .saleform-cancel:hover { color: var(--sf-ink); text-decoration: underline; }
#work-order-form .saleform-actions .button { min-height: 37px; padding: 7px 18px; border-radius: 3px; font-size: 15px; }

@media (max-width: 760px) {
  #work-order-form .saleform-head { min-height: 0; }
  #work-order-form .saleform-head h2 { flex-wrap: wrap; font-size: 18px; }
  #work-order-form .saleform-body { padding: 16px; }
  #work-order-form .saleform-radio { min-width: 0; flex: 1 1 100%; }
}

/* Lista de ordens de serviço: barra com Adicionar e Mais ações à esquerda, lista, mês, busca e visão à direita. */
#page-title .workorder-icon { width: 22px; height: 22px; fill: currentColor; vertical-align: -3px; }
.workorder-list .workorder-toolbar { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 8px; }
.workorder-toolbar-left, .workorder-toolbar-right { display: flex; align-items: center; gap: 4px; }
.workorder-list .workorder-toolbar .button { min-height: 37px; gap: 4px; }
.workorder-list .workorder-icon, .workorder-list .saleform-icon { width: 15px; height: 15px; fill: currentColor; flex: none; }
.workorder-more { position: relative; }
.workorder-more summary { list-style: none; cursor: pointer; }
.workorder-more summary::-webkit-details-marker { display: none; }
.workorder-caret { width: 0; height: 0; margin-left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; }
.workorder-menu { position: absolute; z-index: 20; top: calc(100% + 2px); left: 0; min-width: 190px; padding: 5px 0; border: 1px solid #d9dee2; border-radius: 4px; background: #fff; box-shadow: 0 6px 16px rgb(15 25 33 / 12%); }
.workorder-menu button { display: block; width: 100%; padding: 7px 14px; border: 0; background: none; color: #262b2f; font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.workorder-menu button:hover:not(:disabled) { background: #f3f3f3; }
.workorder-menu button:disabled { color: #9aa1a7; cursor: not-allowed; }
.workorder-tool { display: inline-grid; place-items: center; width: 42px; height: 37px; padding: 0; border: 1px solid #d9dee2; border-radius: 4px; background: #fff; color: #0f1921; cursor: pointer; }
.workorder-tool.is-dark { border-color: #0f1921; background: #0f1921; color: #fff; }
.workorder-tool:disabled { cursor: not-allowed; opacity: .55; }
.workorder-tool-group { display: inline-flex; }
.workorder-tool-group .workorder-tool:first-child { border-radius: 4px 0 0 4px; }
.workorder-tool-group .workorder-tool:last-child { border-radius: 0 4px 4px 0; border-left: 0; }
/* Período da lista: botão escuro com seta (summary) e menu de meses alinhado à direita. */
.workorder-more > .workorder-month-button { display: inline-flex; align-items: center; gap: 2px; height: 37px; padding: 0 13px; border: 1px solid #0f1921; border-radius: 4px; background: #0f1921; color: #fff; font-size: 15px; white-space: nowrap; }
.workorder-month-menu { left: auto; right: 0; }
.workorder-menu a { display: block; padding: 7px 14px; color: #262b2f; font-size: 14px; text-decoration: none; white-space: nowrap; }
.workorder-menu a:hover, .workorder-menu a.is-active { background: #f3f3f3; }
.workorder-month { height: 37px; padding: 0 30px 0 13px; border: 1px solid #0f1921; border-radius: 4px; background-color: #0f1921; color: #fff; font: inherit; font-size: 15px; cursor: pointer; }
.workorder-search { display: flex; flex-basis: 100%; justify-content: flex-end; gap: 4px; }
.workorder-search[hidden] { display: none; }
.workorder-search input { width: min(360px, 100%); height: 37px; padding: 0 12px; border: 1px solid #cfd4d9; border-radius: 4px; font: inherit; }
.workorder-empty { display: grid; justify-items: center; gap: 4px; padding: 40px 16px 32px; border: 1px solid #dfe2e6; border-radius: 6px; background: #fff; text-align: center; }
.workorder-empty-icon { display: grid; place-items: center; width: 72px; height: 72px; margin-bottom: 18px; border: 1px solid #dfe2e6; border-radius: 50%; background: #f6f6f6; color: #5d646a; }
.workorder-empty-icon svg { width: 30px; height: 30px; fill: currentColor; }
.workorder-empty h2 { margin: 0; color: #262b2f; font-size: 19px; font-weight: 600; }
.workorder-empty p { margin: 0 0 14px; color: #6e757c; font-size: 13px; }
.workorder-empty-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.workorder-empty-actions .button { min-height: 37px; gap: 6px; }
.workorder-empty-actions .workorder-icon { width: 15px; height: 15px; fill: currentColor; }
.workorder-list .workorder-request { display: block; color: #6e757c; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 250px; }

/* Adicionar OS: equipamento, data e hora em pares, endereço do serviço. */
#work-order-form .workorder-equipment-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; color: var(--sf-ink); font-size: 13px; letter-spacing: .02em; }
#work-order-form .workorder-datetime-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#work-order-form .workorder-datetime-pair .saleform-group input { min-width: 0; }
#work-order-form .workorder-address-wrap { padding: 16px 20px 20px; }
#work-order-form .workorder-address { margin-top: 12px; max-width: 640px; }
#work-order-form .saleform-block[hidden] { display: none; }
/* Botão de menu do bloco (Gerenciar campos / colunas): desabilitado, sem moldura. */
#work-order-form button.saleform-menu { border: 0; background: none; padding: 4px; color: inherit; font: inherit; cursor: not-allowed; }
/* Opção de impressão: o título é o nome do campo e o texto de apoio fica logo abaixo. */
.workorder-check { display: flex; flex-direction: column; gap: 2px; margin-top: 8px; }
.workorder-check small { margin-left: 26px; color: #6e757c; font-size: 12px; }
@media (max-width: 720px) {
  .workorder-toolbar-right { flex-wrap: wrap; }
  #work-order-form .workorder-datetime-pair { grid-template-columns: 1fr; }
}

/* Ajustes de especificidade sobre os estilos gerais de botão e seleção. */
.workorder-list .workorder-toolbar .workorder-tool { width: 42px; min-width: 42px; height: 37px; min-height: 37px; padding: 0; }
.workorder-list .workorder-toolbar .workorder-month { width: auto; height: 37px; min-height: 37px; margin: 0; padding: 0 28px 0 13px; border-color: #0f1921; background-color: #0f1921; color: #fff; font-size: 15px; line-height: 35px; }
.workorder-list .workorder-empty-icon svg { width: 30px; height: 30px; }
#work-order-form .workorder-datetime input::-webkit-calendar-picker-indicator { display: none; }
#work-order-form .workorder-datetime button.saleform-addon { cursor: pointer; font: inherit; }
#work-order-form .workorder-datetime .workorder-icon { width: 18px; height: 18px; fill: currentColor; }
#work-order-form select:disabled { background-color: var(--sf-disabled); }

/* ===== Ordens de serviços: Painel e opções auxiliares (capturas pedidos-ordens-*, 2026-10-13-telas) ===== */
/* Medidas lidas da imagem do painel (escala 2 de 1440x900): cartões de 175 x 98 px, avatar de 24 px,
   gráficos em dois cartões lado a lado. Tudo preso a .wo-board para não vazar para outras telas. */
#page-title .wo-board-title-icon { width: 22px; height: 22px; fill: currentColor; vertical-align: -3px; }
.wo-board { font-family: 'Source Sans Pro', system-ui, sans-serif; color: #222529; gap: 14px; background: #f4f4f4; }
.wo-board-icon { width: 15px; height: 15px; fill: currentColor; flex: none; }
.wo-board-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.wo-board-toolbar > div { display: flex; gap: 4px; }
.wo-board-toolbar .button { min-height: 37px; gap: 4px; display: inline-flex; align-items: center; }
.wo-board-filter {
  display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 37px;
  border: 1px solid #0f1b24; border-radius: 4px; background: #0f1b24; color: #fff; cursor: not-allowed;
}
.wo-board-section header, .wo-board-chart-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.wo-board-section h2, .wo-board-chart-card h2 {
  display: flex; align-items: center; gap: 6px; margin: 0; font-size: 17px; font-weight: 400; color: #222529;
}
.wo-board-section h2 strong, .wo-board-chart-card h2 strong { font-weight: 700; }
.wo-board-section header p, .wo-board-chart-card header p { margin: 2px 0 0; font-size: 11px; color: #6e757c; }
.wo-board-gear {
  display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0;
  border: 1px solid #cfd4d9; border-radius: 4px; background: #f1f1f1; color: #222529; cursor: not-allowed;
}
.wo-board-cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 8px; }
.wo-board-card {
  display: flex; flex-direction: column; gap: 4px; min-height: 98px; padding: 12px 12px 10px; box-sizing: border-box;
  border: 1px solid #dfe2e6; border-radius: 6px; background: #fff; color: #222529; text-decoration: none;
}
.wo-board-card:hover { border-color: #b9bec4; }
.wo-board-card-head { display: flex; align-items: center; gap: 8px; }
.wo-board-card-head strong { flex: 1; min-width: 0; font-size: 12px; font-weight: 600; }
.wo-board-tile {
  display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 4px;
  background: #f1f1f1; color: #5d5d5d;
}
.wo-board-tile .wo-board-icon { width: 13px; height: 13px; }
.wo-board-danger .wo-board-tile { background: #f7e8e7; color: #9b302d; }
.wo-board-warn .wo-board-tile { background: #fdeede; color: #d98720; }
.wo-board-percent { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; font-size: 8px; font-weight: 700; color: #6e757c; }
.wo-board-percent span { position: absolute; }
/* O percentual vem primeiro no texto (como no original) e continua desenhado à direita do cartão. */
.wo-board-card-head .wo-board-percent { order: 2; }
.wo-board-ring { width: 32px; height: 32px; }
.wo-board-ring-track { fill: none; stroke: #e6e8eb; stroke-width: 2.500; }
.wo-board-ring-arc { fill: none; stroke: #868686; stroke-width: 2.500; stroke-linecap: round; }
.wo-board-danger .wo-board-ring-arc { stroke: #c95c54; }
.wo-board-danger .wo-board-percent { color: #9b302d; }
.wo-board-warn .wo-board-ring-arc { stroke: #d98720; }
.wo-board-warn .wo-board-percent { color: #d98720; }
.wo-board-dark .wo-board-ring-arc { stroke: #0f1b24; }
.wo-board-count { font-size: 21px; font-weight: 600; line-height: 1.2; }
.wo-board-card small { font-size: 10.5px; color: #6e757c; }
.wo-board-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.wo-board-chart-card { border: 1px solid #dfe2e6; border-radius: 6px; background: #fff; }
.wo-board-chart-card header { padding: 14px 16px 10px; background: #f7f7f7; border-bottom: 1px solid #dfe2e6; border-radius: 6px 6px 0 0; }
.wo-board-chart { padding: 10px 12px 12px; }
.wo-board-chart svg { width: 100%; height: auto; display: block; }
.wo-board-grid { stroke: #e6e8eb; stroke-width: 1; }
.wo-board-axis { fill: #6e757c; font-size: 10px; }
.wo-board-bar { fill: #0f1b24; }
.wo-board-hbars { list-style: none; margin: 0; padding: 12px 16px 16px; display: grid; gap: 8px; }
.wo-board-hbars li { display: grid; grid-template-columns: minmax(80px, 140px) minmax(0, 1fr) auto; align-items: center; gap: 10px; font-size: 12px; }
.wo-board-htrack { height: 8px; background: #f1f1f1; border-radius: 4px; overflow: hidden; }
.wo-board-hfill { display: block; height: 100%; background: #0f1b24; }
.wo-board-hvalue { white-space: nowrap; color: #555b61; }
.wo-board-chart-empty { margin: 0; padding: 24px 16px; font-size: 13px; color: #6e757c; }

/* Campos extras: selo "Opcional" cinza, como na captura */
.salescfg-badge.is-optional { border-color: #c7cbd0; background: #f1f1f1; color: #5d5d5d; font-weight: 600; }

@media (max-width: 1100px) { .wo-board-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .wo-board-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wo-board-charts { grid-template-columns: minmax(0, 1fr); }
}

/* Menu "Mais ações" das ordens, dos contratos e da agenda (itens com ícone e divisória, como no original). */
.g4-menu-item.g4-menu-item { display: flex; flex-direction: row; align-items: center; gap: 10px; width: 100%; box-sizing: border-box; padding: 6px 14px; border: 0; border-bottom: 1px solid #e3e6e8; border-radius: 0; background: none; color: #262b2f; font: inherit; font-size: 14px; line-height: 1.35; text-align: left; text-decoration: none; white-space: nowrap; cursor: pointer; }
.g4-menu-item.g4-menu-item:last-child { border-bottom: 0; }
.g4-menu-item.g4-menu-item:hover:not(:disabled) { background: #f3f3f3; }
.g4-menu-item.g4-menu-item:disabled { color: #9aa1a7; cursor: not-allowed; }
.g4-menu-icon { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 16px; height: 16px; color: #0f1921; }
.g4-menu-icon svg { width: 14px; height: 14px; fill: currentColor; }
.g4-menu-icon.is-x { font-size: 20px; font-weight: 700; line-height: 1; }
.g4-menu-item:disabled .g4-menu-icon { color: #9aa1a7; }
.g4-menu { min-width: 162px; padding: 0; }
.agenda-more-menu.g4-menu { padding: 0; min-width: 215px; }

/* Leva 3 (G4), auditoria por imagem. Medidas lidas das capturas em 1440 x 900. */

/* Painel: cartões de 224 x 126 px, ícone de 32 px, anel de 40 px, número de 24 px, gráficos com título de 20 px. */
.wo-board { gap: 18px; }
.wo-board-section h2 { font-size: 19px; }
.wo-board-gear { width: 32px; height: 32px; }
.wo-board-cards { gap: 13px; margin-top: 12px; }
.wo-board-card { min-height: 126px; padding: 16px; gap: 8px; }
.wo-board-card-head { gap: 10px; }
.wo-board-card-head strong { font-size: 13px; }
.wo-board-tile { width: 32px; height: 32px; }
.wo-board-tile .wo-board-icon { width: 16px; height: 16px; }
.wo-board-percent, .wo-board-ring { width: 40px; height: 40px; }
.wo-board-percent { font-size: 9.5px; }
.wo-board-count { margin-top: 4px; font-size: 24px; }
.wo-board-card small { font-size: 12px; }
.wo-board-chart-card h2 { font-size: 20px; }
.wo-board-chart-card header { padding: 12px 20px 17px; }
.wo-board-chart-card header p { margin-top: 6px; }

/* Campos extras, situações e mensagens das ordens: barra, aviso, tabela e rodapé como no original. */
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations'], [data-view='work-order-message-templates']) {
  --wo-line: #dee2e6;
}
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations'], [data-view='work-order-message-templates']) :is(.situations-page, .fincfg-page) { gap: 17px; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations'], [data-view='work-order-message-templates']) :is(.situations-toolbar, .fincfg-toolbar) { margin-bottom: 7px; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations'], [data-view='work-order-message-templates']) :is(.situations-add, .fincfg-add) { height: 38px; font-size: 15px; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations'], [data-view='work-order-message-templates']) .situations-search { width: 371px; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations'], [data-view='work-order-message-templates']) :is(.situations-search, .fincfg-search) input { height: 38px; min-height: 38px; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations'], [data-view='work-order-message-templates']) :is(.situations-search-button, .fincfg-search-button) { width: 41px; height: 38px; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations'], [data-view='work-order-message-templates']) .fincfg-toolbar { justify-content: flex-end; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations'], [data-view='work-order-message-templates']) .fincfg-toolbar:has(.fincfg-add) { justify-content: space-between; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations'], [data-view='work-order-message-templates']) .fincfg-toolbar-right { flex-basis: 371px; }

/* Aviso: ícone de 32 px a 31 px da borda, texto de 14 px com linhas de 21 px; "Saiba mais" em linha própria nas situações. */
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations'], [data-view='work-order-message-templates']) :is(.situations-info, .fincfg-info) { gap: 16px; padding: 13px 31px; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations'], [data-view='work-order-message-templates']) :is(.situations-info, .fincfg-info) :is(strong, p) { font-size: 14px; line-height: 21px; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations'], [data-view='work-order-message-templates']) :is(.situations-info, .fincfg-info) p { margin: 0; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations'], [data-view='work-order-message-templates']) :is(.situations-info, .fincfg-info) { align-items: center; }
#view-root[data-view='work-order-situations'] .situations-info-more { display: block; }

/* Tabelas: divisórias verticais, fonte de 14 px, linhas de 53 px, ações de 26 px. */
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations']) :is(.situations-table, .salescfg-table) { font-size: 14px; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations']) :is(.situations-table, .salescfg-table) th {
  height: 46px; padding: 0 12px; font-size: 14px; font-weight: 600; text-transform: none; letter-spacing: 0; color: #222529;
}
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations']) :is(.situations-table, .salescfg-table) td { padding: 0 12px; font-size: 14px; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations']) :is(.situations-table, .salescfg-table) :is(th, td) { border-right: 1px solid var(--wo-line); }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations']) :is(.situations-table, .salescfg-table) :is(th, td):last-child { border-right: 0; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations']) :is(td.situation-name, td.situation-actions) { display: table-cell; height: 53px; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations']) td.situation-name { font-weight: 600; white-space: nowrap; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations']) td.situation-actions { padding: 0; text-align: center; white-space: nowrap; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations']) .situation-action { width: 26px; height: 26px; margin: 0 3px; vertical-align: middle; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations']) .situation-handle { vertical-align: middle; margin-right: 4px; }
#view-root[data-view='work-order-attributes'] .salescfg-table th:last-child { width: 118px; }
#view-root[data-view='work-order-attributes'] .salescfg-name { display: flex; height: 53px; }
#view-root[data-view='work-order-attributes'] .salescfg-table th:nth-child(1) { width: 22.4%; }
#view-root[data-view='work-order-attributes'] .salescfg-table th:nth-child(2) { width: 16%; }
#view-root[data-view='work-order-attributes'] .salescfg-table th:nth-child(3) { width: 16.2%; }
#view-root[data-view='work-order-attributes'] .salescfg-table th:nth-child(4) { width: 17.8%; }
#view-root[data-view='work-order-attributes'] .salescfg-table th:nth-child(5) { width: 17.6%; }
#view-root[data-view='work-order-attributes'] .salescfg-table { table-layout: fixed; }
#view-root[data-view='work-order-situations'] .situations-extra-table { min-width: 0; }

/* Rodapé "Registros N no total": caixa de 32 px com texto de 13 px. */
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations']) .situations-count { align-items: center; height: 32px; font-size: 13px; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations']) .situations-count span { align-self: stretch; display: inline-flex; align-items: center; padding: 0 11px; }
#view-root:is([data-view='work-order-attributes'], [data-view='work-order-situations']) .situations-count strong { padding: 0 6px 0 11px; font-size: 13px; }

/* Mensagens: estado vazio com círculo de 96 px, título de 22 px e texto de 14,5 px. */
#view-root[data-view='work-order-message-templates'] .salescfg-empty { gap: 0; padding: 48px 16px 52px; border-radius: 6px; }
#view-root[data-view='work-order-message-templates'] .salescfg-empty-icon { width: 96px; height: 96px; border: 1px solid #e6e8ea; }
#view-root[data-view='work-order-message-templates'] .salescfg-empty-svg { width: 40px; height: 40px; }
#view-root[data-view='work-order-message-templates'] .salescfg-empty h3 { margin: 18px 0 0; font-size: 22px; line-height: 30px; font-weight: 600; }
#view-root[data-view='work-order-message-templates'] .salescfg-empty p { margin: 8px 0 0; max-width: 520px; font-size: 14.5px; line-height: 22.5px; color: #6d757d; }
#view-root[data-view='work-order-message-templates'] .salescfg-empty .button { margin-top: 22px; height: 37px; padding: 0 12px; border: 1px solid #0f1921; border-radius: 3px; background: #fff; color: #262b2f; font-size: 16px; }

/* Configurações gerais das ordens: colunas com 30 px entre si, cabeçalho de 74 px, linhas de 75 px, campos de 220 e 260 px. */
#view-root[data-view='work-order-settings'] .fincfg-settings { gap: 30px; }
#view-root[data-view='work-order-settings'] .fincfg-settings-search { font-size: 14px; }
#view-root[data-view='work-order-settings'] .fincfg-settings-search-box { height: 42px; padding: 0 14px; }
#view-root[data-view='work-order-settings'] .fincfg-settings-search-box input { font-size: 15px; text-overflow: clip; }
#view-root[data-view='work-order-settings'] .fincfg-tabs { gap: 5px; }
#view-root[data-view='work-order-settings'] .fincfg-tab { gap: 14px; padding: 10px 14px 10px 18px; }
#view-root[data-view='work-order-settings'] .fincfg-tab .fincfg-icon { width: 22px; height: 22px; }
#view-root[data-view='work-order-settings'] .fincfg-tab strong { font-size: 14px; font-weight: 400; }
#view-root[data-view='work-order-settings'] .fincfg-tab.is-active strong { font-weight: 600; }
#view-root[data-view='work-order-settings'] .fincfg-settings-panel,
#view-root[data-view='work-order-settings'] .fincfg-settings-form { gap: 16px; }
#view-root[data-view='work-order-settings'] .fincfg-section-head { display: flex; flex-direction: column; justify-content: center; min-height: 74px; padding: 12px 20px; }
#view-root[data-view='work-order-settings'] .fincfg-section-head h2 { font-size: 20px; }
#view-root[data-view='work-order-settings'] .fincfg-section-head .fincfg-icon { width: 17px; height: 17px; }
#view-root[data-view='work-order-settings'] .fincfg-section-head p { margin-top: 8px; }
#view-root[data-view='work-order-settings'] .fincfg-rows { padding: 0 20px; }
#view-root[data-view='work-order-settings'] .fincfg-row { min-height: 75px; box-sizing: border-box; gap: 16px; }
#view-root[data-view='work-order-settings'] .fincfg-row-icon { width: 30px; }
#view-root[data-view='work-order-settings'] .fincfg-row-icon .fincfg-icon { width: 26px; height: 26px; }
#view-root[data-view='work-order-settings'] .fincfg-row-text { gap: 7px; }
#view-root[data-view='work-order-settings'] .fincfg-row-text strong { font-size: 14px; }
#view-root[data-view='work-order-settings'] .fincfg-select { width: 220px; height: 38px; font-size: 15px; }
#view-root[data-view='work-order-settings'] .fincfg-select-wide { width: 260px; }
#view-root[data-view='work-order-settings'] .fincfg-switch { width: 36px; height: 20px; }

/* Formulários de campo extra e de situação das ordens: cabeçalho de 74 px, colunas com 30 px, campos de 38 px. */
#view-root:is([data-view='work-order-situations'], [data-view='work-order-attributes']) .salescfg-section .fincfg-section-head { display: flex; flex-direction: column; justify-content: center; min-height: 74px; padding: 12px 20px; }
#view-root:is([data-view='work-order-situations'], [data-view='work-order-attributes']) .salescfg-section .fincfg-section-head h2 { font-size: 20px; }
#view-root:is([data-view='work-order-situations'], [data-view='work-order-attributes']) .salescfg-section .fincfg-section-head h2 .fincfg-icon { width: 17px; height: 17px; }
#view-root:is([data-view='work-order-situations'], [data-view='work-order-attributes']) .salescfg-section .fincfg-section-head p { margin-top: 8px; }
#view-root:is([data-view='work-order-situations'], [data-view='work-order-attributes']) .salescfg-grid { gap: 18px 30px; padding: 21px 20px 28px; }
#view-root:is([data-view='work-order-situations'], [data-view='work-order-attributes']) .salescfg-field { gap: 5px; }
#view-root:is([data-view='work-order-situations'], [data-view='work-order-attributes']) .salescfg-field > label { font-size: 14px; }
#view-root:is([data-view='work-order-situations'], [data-view='work-order-attributes']) .salescfg-field :is(input[type='text'], input[type='number'], select) { height: 38px; min-height: 38px; font-size: 15px; }
#view-root:is([data-view='work-order-situations'], [data-view='work-order-attributes']) .salescfg-field small { font-size: 11px; }
#view-root:is([data-view='work-order-situations'], [data-view='work-order-attributes']) .salescfg-color { height: 38px; }
#view-root:is([data-view='work-order-situations'], [data-view='work-order-attributes']) .salescfg-outline { height: 38px; font-size: 15px; }

/* Nova ordem: "Adicionar técnico" alinhado com os campos do bloco de responsáveis (no original sem recuo). */
#work-order-form .saleform-body > div:not([class]) > .saleform-lines-foot { padding: 16px 0 0; }
.workorder-empty h2 { font-size: 20px; }

/* Leva 5 (T5): estado vazio da lista, espaçamentos da captura ordens (título a y=321, apoio a 349, botões 376 a 413). */
.workorder-list .workorder-empty-icon { margin-bottom: 12px; }
.workorder-list .workorder-empty p { margin: 2px 0 13px; }

/* Leva 6 (W2): Vendedor e Técnico lado a lado na mesma grade (vão de 30 px como nas outras linhas); selects de fundo branco. */
#work-order-form .saleform-body > div > .form-grid { column-gap: 30px; row-gap: 19px; }
#work-order-form .form-grid .field select:disabled { background-color: #fff; color: var(--sf-text, #212529); }
/* Botão Adicionar técnico/produto: 137 x 32 px no original. */
#work-order-form .button.saleform-add { height: 32px; min-height: 32px; padding: 0 8px; gap: 6px; }
#work-order-form .button.saleform-add .saleform-icon { width: 12px; height: 12px; }

/* Leva 6 (W2): painel de ordens. Cartões de 127 px com selo de 32 px e anel de 40 px; títulos das seções em peso regular
   com ícone grande; "Faturamento por técnico" em barras horizontais, uma linha por técnico, com linhas de grade. */
.wo-board-cards { margin-top: 9px; }
.wo-board-card { height: 127px; min-height: 127px; gap: 4px; padding: 12px 16px 0; }
.wo-board-card-head { min-height: 40px; gap: 10px; }
.wo-board-tile { width: 32px; height: 32px; }
.wo-board-tile .wo-board-icon { width: 16px; height: 16px; }
.wo-board-percent { width: 40px; height: 40px; font-size: 9px; }
.wo-board-ring { width: 40px; height: 40px; }
.wo-board-count { font-size: 24px; font-weight: 400; line-height: 28px; }
.wo-board-section h2 { font-size: 19px; gap: 8px; }
.wo-board-section h2 strong { font-weight: 400; }
.wo-board-section h2 .wo-board-icon { width: 18px; height: 18px; }
.wo-board-hbars { gap: 0; padding: 20px 20px 16px 16px; }
.wo-board-hbars li { grid-template-columns: 110px minmax(0, 1fr); gap: 14px; height: 18px; font-size: 11px; color: #555b61; }
.wo-board-hname { text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wo-board-htrack {
  position: relative; display: flex; align-items: center; height: 18px; border-radius: 0; background: none; overflow: visible;
  background-image: repeating-linear-gradient(to right, #e6e8eb 0, #e6e8eb 1px, transparent 1px, transparent 25%);
  border-right: 1px solid #e6e8eb;
}
.wo-board-hfill { height: 7px; background: #0f1b24; }
.wo-board-hvalue { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Leva 7, tema X1: lista lateral e cartões das configurações gerais das ordens conferidos contra o original (1440 x 900).
   Lista termina em y 747 (itens de 51 px com uma linha de texto e 65 px com duas, títulos em peso regular);
   caixa de busca 8 px mais acima; linhas dos cartões 5 px mais abaixo e intervalo de 17 px entre os cartões. */
#view-root[data-view='work-order-settings'] .fincfg-settings-side { gap: 13px; }
#view-root[data-view='work-order-settings'] .fincfg-settings-search { gap: 1px; font-size: 13px; line-height: 18px; }
#view-root[data-view='work-order-settings'] .fincfg-settings-search-box { padding: 0 12px; }
#view-root[data-view='work-order-settings'] .fincfg-tabs { gap: 6px; }
#view-root[data-view='work-order-settings'] .fincfg-tab { gap: 11px; padding: 9px 12px 9px 17px; }
#view-root[data-view='work-order-settings'] .fincfg-tab strong,
#view-root[data-view='work-order-settings'] .fincfg-tab.is-active strong { font-weight: 400; line-height: 17px; }
#view-root[data-view='work-order-settings'] .fincfg-tab small { line-height: 14px; }
#view-root[data-view='work-order-settings'] .fincfg-settings-panel,
#view-root[data-view='work-order-settings'] .fincfg-settings-form { gap: 17px; }
#view-root[data-view='work-order-settings'] .fincfg-section-head h2 { gap: 4px; }
#view-root[data-view='work-order-settings'] .fincfg-section-head .fincfg-icon { width: 15px; height: 15px; }
#view-root[data-view='work-order-settings'] .fincfg-rows { padding: 5px 20px 1px; }
#view-root[data-view='work-order-settings'] .fincfg-row-icon { width: 28px; }
#view-root[data-view='work-order-settings'] .fincfg-row-icon .fincfg-icon { width: 24px; height: 24px; }
#view-root[data-view='work-order-settings'] .fincfg-row-text { gap: 3px; padding-bottom: 4px; }
/* Ícone do título: engrenagens duplas (função workOrderSettingsCogs). */
#page-title .fincfg-icon-cogs { width: 26px; height: 26px; vertical-align: -5px; fill: currentColor; }