/* Escala de operação: conteúdo 15–16px, rótulos 14px e números tabulares. */
body.workbench-page {
  --bg: #f1f5f9;
  --surface: #ffffff;
  --text: #0f172a;
  --muted: #475569;
  --line: #e2e8f0;
  --shade: #f8fafc;
  --wb-label: #334155;
  --wb-border: #cbd5e1;
  --wb-hover-border: #94a3b8;
  --wb-focus: #1e293b;
  --wb-focus-ring: #1e293b1a;
  --wb-heading: #020617;
  --wb-soft-text: #475569;
  --wb-thead: #f1f5f9;
}
.workbench-page .content { max-width: 1920px; padding: 28px; }
.workbench-page .wb-layout { grid-template-columns: 290px minmax(0, 1fr); gap: 22px; }
.workbench-page .wb-layout .panel {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 1px 3px #0f172a0d;
}
.workbench-page .wb-topline { gap: 16px; margin-bottom: 20px; flex-wrap: wrap; }
.workbench-page .wb-back { color: var(--wb-label); font-size: 13px; font-weight: 600; }
.workbench-page .wb-back svg { width: 16px; height: 16px; }
.workbench-page .wb-save-state { color: #166534; font-size: 13px; font-weight: 600; }
.workbench-page .wb-save-state.dirty { color: #92400e; }
.workbench-page .wb-save-state svg { width: 16px; height: 16px; }
.workbench-page .wb-top-progress { color: var(--wb-soft-text); font-size: 12px; font-weight: 500; }
.workbench-page .wb-top-progress .current { color: #166534; font-weight: 700; }
.workbench-page .wb-title { gap: 14px; }
.workbench-page .wb-title h1 {
  color: var(--wb-heading);
  font-size: clamp(32px, 2.7vw, 38px);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -1.4px;
}
.workbench-page .wb-title h1 span { color: inherit; font-size: inherit; font-weight: inherit; }
.workbench-page .wb-title .plate {
  color: #ffffff;
  background: #0f172a;
  border: 1px solid #0f172a;
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .8px;
}
.workbench-page .wb-subtitle { color: var(--wb-soft-text); font-size: 15px; font-weight: 500; line-height: 1.7; }
.workbench-page .wb-actionbar { gap: 12px; padding: 20px 0 24px; }
.workbench-page .wb-actionbar > div { gap: 9px; }
.workbench-page .wb-actionbar .btn,
.workbench-page .wb-section-head .btn,
.workbench-page .wb-scanbar .btn,
.workbench-page .modal .btn {
  min-height: 43px;
  background: var(--surface);
  border: 1px solid var(--wb-border);
  border-radius: 8px;
  color: var(--text);
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
  box-shadow: 0 1px 2px #0f172a0d;
  white-space: normal;
  text-align: center;
}
.workbench-page .wb-actionbar .btn:hover,
.workbench-page .wb-section-head .btn:hover,
.workbench-page .modal .btn:hover {
  background: var(--shade);
  border-color: var(--wb-hover-border);
  filter: none;
}
.workbench-page .wb-actionbar .btn.primary,
.workbench-page .wb-scanbar .btn.primary,
.workbench-page .modal .btn.primary {
  background: #020617;
  border-color: #020617;
  color: #ffffff;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 750;
  box-shadow: 0 3px 7px #0f172a1f;
}
.workbench-page .wb-actionbar .btn.primary:hover,
.workbench-page .wb-scanbar .btn.primary:hover,
.workbench-page .modal .btn.primary:hover { background: #000000; border-color: #000000; }
.workbench-page .wb-actionbar .btn.danger { color: #9f1239; border-color: #e5b9c5; }
.workbench-page .wb-actionbar .btn svg,
.workbench-page .wb-section-head .btn svg,
.workbench-page .wb-scanbar .btn svg { width: 17px; height: 17px; }
.workbench-page .wb-context,
.workbench-page .wb-context.wb-lock {
  background: #fffbeb;
  color: #451a03;
  border: 1px solid #fde68a;
  border-left: 4px solid #f59e0b;
  border-radius: 0 9px 9px 0;
  padding: 16px;
  margin-bottom: 22px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}
.workbench-page .wb-context svg { width: 19px; height: 19px; color: #b45309; }
.workbench-page .wb-meta { padding: 22px; }
.workbench-page .wb-meta h2 {
  color: var(--text);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5;
  margin-bottom: 18px;
}
.workbench-page .wb-meta h2 svg { width: 19px; height: 19px; color: var(--wb-label); }
.workbench-page .wb-meta .field { margin-bottom: 19px; }
.workbench-page .wb-meta .field label,
.workbench-page .wb-note-field label,
.workbench-page .wb-money-line label,
.workbench-page .modal .field label {
  color: var(--wb-label);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 8px;
}
.workbench-page .wb-meta .input,
.workbench-page .wb-scanbar .input,
.workbench-page .wb-money-line .input,
.workbench-page .wb-note-field textarea,
.workbench-page .wb-table input,
.workbench-page .wb-table select,
.workbench-page .modal .input {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--wb-border);
  border-radius: 7px;
  padding: 10px 11px;
  min-height: 43px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  box-shadow: 0 1px 2px #0f172a0d;
}
.workbench-page .wb-meta .input:hover,
.workbench-page .wb-table input:hover,
.workbench-page .wb-table select:hover,
.workbench-page .wb-scanbar .input:hover,
.workbench-page .wb-money-line .input:hover,
.workbench-page .wb-note-field textarea:hover,
.workbench-page .modal .input:hover { border-color: var(--wb-hover-border); }
.workbench-page .wb-meta .input:focus,
.workbench-page .wb-table input:focus,
.workbench-page .wb-table select:focus,
.workbench-page .wb-scanbar .input:focus,
.workbench-page .wb-money-line .input:focus,
.workbench-page .wb-note-field textarea:focus,
.workbench-page .modal .input:focus {
  background: var(--surface);
  border-color: var(--wb-focus);
  outline: none;
  box-shadow: 0 0 0 3px var(--wb-focus-ring);
}
.workbench-page input::placeholder,
.workbench-page textarea::placeholder { color: #64748b; opacity: 1; }
.workbench-page .wb-meta .input:disabled,
.workbench-page .wb-table input:disabled,
.workbench-page .wb-table select:disabled {
  color: var(--wb-label);
  background: var(--shade);
  opacity: 1;
  -webkit-text-fill-color: var(--wb-label);
  box-shadow: none;
}
.workbench-page .wb-meta small,
.workbench-page .wb-part-table small { color: var(--wb-soft-text); font-size: 13px; font-weight: 500; line-height: 1.6; }
.workbench-page .wb-quick-btn { color: #166534; font-size: 13px; font-weight: 650; padding-top: 9px; }
.workbench-page .wb-quick-btn svg { width: 15px; height: 15px; }
.workbench-page .wb-meta-separator { margin: 24px 0; }
.workbench-page .wb-tabs { padding: 0 20px; gap: 22px; border-bottom: 1px solid var(--wb-border); }
.workbench-page .wb-tabs button { color: var(--wb-soft-text); font-size: 14px; font-weight: 650; padding: 19px 0; }
.workbench-page .wb-tabs button.active { color: var(--text); font-weight: 750; border-bottom: 3px solid #166534; }
.workbench-page .wb-tabs svg { width: 18px; height: 18px; }
.workbench-page .wb-tab-count { background: var(--wb-thead); color: var(--wb-label); font-size: 12px; font-weight: 700; padding: 3px 6px; }
.workbench-page .wb-section-head { padding: 23px; align-items: center; }
.workbench-page .wb-section-head h2 { font-size: 19px; font-weight: 800; line-height: 1.4; color: var(--text); }
.workbench-page .wb-section-head p,
.workbench-page .wb-categorybar > span { color: var(--wb-soft-text); font-size: 13px; font-weight: 500; }
.workbench-page .wb-categorybar { padding: 0 23px 20px; flex-wrap: wrap; }
.workbench-page .wb-categorybar .tabs { background: var(--wb-thead); border: 1px solid var(--line); padding: 4px; }
.workbench-page .wb-categorybar .tabs button { color: var(--wb-label); font-size: 14px; font-weight: 650; padding: 8px 14px; }
.workbench-page .wb-categorybar .tabs button.active { color: var(--text); background: var(--surface); }
.workbench-page .wb-table { min-width: 1040px; }
.workbench-page .wb-table th {
  background: var(--wb-thead);
  color: var(--wb-soft-text);
  padding: 12px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .7px;
  text-transform: uppercase;
}
.workbench-page .wb-table td { color: var(--text); font-size: 15px; font-weight: 500; padding: 16px 12px; border-bottom-color: var(--line); }
.workbench-page .wb-table input,
.workbench-page .wb-table select { font-size: 15px; padding: 9px; }
.workbench-page .wb-table .wb-service-description { min-width: 220px; font-size: 16px; font-weight: 600; }
.workbench-page .wb-table .wb-service-type { color: var(--wb-label); font-size: 14px; margin-top: 8px; }
.workbench-page .wb-table .wb-mechanic-cell { min-width: 155px; }
.workbench-page .wb-table .wb-num-cell { min-width: 100px; }
.workbench-page .wb-table .wb-price-cell { min-width: 118px; }
.workbench-page .wb-table .wb-numeric { min-width: 80px; font-variant-numeric: tabular-nums; }
.workbench-page .wb-table .wb-line-total { font-size: 16px; font-weight: 750; padding-top: 10px; font-variant-numeric: tabular-nums; }
.workbench-page .wb-table .wb-row-remove { color: #9f1239; min-width: 32px; min-height: 42px; }
.workbench-page .wb-row-remove svg { width: 18px; height: 18px; }
.workbench-page .wb-table-footer { color: var(--wb-label); font-size: 14px; font-weight: 500; padding: 18px 23px; flex-wrap: wrap; }
.workbench-page .wb-table-footer strong { color: var(--text); font-size: 19px; font-weight: 800; margin-left: 5px; font-variant-numeric: tabular-nums; }
.workbench-page .wb-tip { color: var(--wb-label); background: var(--shade); font-size: 13px; font-weight: 500; padding: 15px 22px; line-height: 1.7; }
.workbench-page .wb-tip svg { width: 17px; height: 17px; }
.workbench-page .wb-bottom { background: #0f172a; border: 1px solid #1e293b; border-radius: 12px; padding: 23px; margin-top: 20px; box-shadow: 0 3px 8px #0f172a14; flex-wrap: wrap; }
.workbench-page .wb-bottom > div:first-child { color: #cbd5e1; font-size: 14px; font-weight: 500; line-height: 1.8; flex: 1 1 220px; }
.workbench-page .wb-bottom > div:first-child strong { color: #f8fafc; font-size: 15px; font-weight: 700; }
.workbench-page .wb-bottom-total small { color: #e2e8f0; font-size: 12px; font-weight: 700; letter-spacing: 1px; }
.workbench-page .wb-bottom-total strong { color: #34d399; font-size: 36px; font-weight: 900; line-height: 1.3; letter-spacing: -1.2px; font-variant-numeric: tabular-nums; }
.workbench-page .wb-scan-hint { color: var(--wb-label); font-size: 14px; font-weight: 700; }
.workbench-page .wb-scanbar { padding: 0 23px 22px; }
.workbench-page .wb-scanbar p { color: var(--wb-soft-text); font-size: 13px; line-height: 1.7; }
.workbench-page .wb-part-table { min-width: 1060px; }
.workbench-page .wb-part-name { color: var(--text); font-size: 16px; font-weight: 700; }
.workbench-page .wb-part-table .plate { color: var(--wb-label); background: var(--shade); font-size: 13px; }
.workbench-page .wb-shortage { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; font-size: 13px; font-weight: 650; padding: 8px 10px; min-width: 170px; }
.workbench-page .wb-part-actions .text-btn { color: #166534; font-size: 14px; font-weight: 700; line-height: 1.5; padding: 4px 0; }
.workbench-page .wb-part-actions .text-btn svg { width: 15px; height: 15px; }
.workbench-page .wb-summary { padding: 23px; }
.workbench-page .wb-summary h3,
.workbench-page .wb-summary-checks h3 { color: var(--text); font-size: 16px; font-weight: 800; line-height: 1.5; }
.workbench-page .wb-summary-split { grid-template-columns: minmax(0, 1fr); gap: 22px; }
.workbench-page .wb-money-line { font-size: 15px; font-weight: 500; padding: 16px 0; line-height: 1.6; }
.workbench-page .wb-money-line span { color: var(--wb-label); }
.workbench-page .wb-money-line strong { color: var(--text); font-size: 18px; font-weight: 750; font-variant-numeric: tabular-nums; }
.workbench-page .wb-money-line .input { width: 130px; flex-shrink: 0; font-size: 16px; }
.workbench-page .wb-money-line.final { font-size: 19px; font-weight: 750; }
.workbench-page .wb-money-line.final strong { font-size: 24px; font-weight: 800; }
.workbench-page .wb-note-field textarea { font-size: 16px; line-height: 1.75; }
.workbench-page .wb-summary-checks { background: var(--shade); border-color: var(--line); padding: 20px; }
.workbench-page .wb-summary-check { color: #166534; font-size: 14px; font-weight: 550; line-height: 1.7; }
.workbench-page .wb-summary-check.pending { color: #92400e; }
.workbench-page .wb-summary-check svg { width: 16px; height: 16px; }
.workbench-page .wb-activity { padding: 0 23px 20px; }
.workbench-page .wb-activity h3 { color: var(--text); font-size: 16px; font-weight: 800; }
.workbench-page .wb-activity-item { color: var(--wb-soft-text); font-size: 13px; font-weight: 500; padding: 13px 0; flex-wrap: wrap; }
.workbench-page .wb-activity-item strong { color: var(--wb-label); font-weight: 600; }
.workbench-page .fin-hint,
.workbench-page .wb-empty { color: var(--wb-soft-text); font-size: 14px; line-height: 1.8; }
.workbench-page .pill { font-size: 13px; font-weight: 700; padding: 6px 9px; line-height: 1.4; }
.workbench-page .pill.gray { background: #f1f5f9; color: #475569; }
.workbench-page .pill.green { background: #dcfce7; color: #166534; }
.workbench-page .pill.blue { background: #dbeafe; color: #1e40af; }
.workbench-page .pill.amber { background: #fef3c7; color: #92400e; }
.workbench-page .pill.red { background: #fee2e2; color: #991b1b; }
.workbench-page .wb-catalog-item { border-color: var(--wb-border); }
.workbench-page .wb-catalog-item strong { font-size: 16px; color: var(--text); }
.workbench-page .wb-catalog-item small { font-size: 14px; color: var(--wb-soft-text); }
.workbench-page .wb-service-avulso h3 { color: var(--text); font-size: 16px; font-weight: 750; }
.workbench-page .modal-body p { color: var(--wb-soft-text); font-size: 14px; }
.workbench-page .wb-total-invalid { color: #fda4af !important; }

body.dark.workbench-page {
  --bg: #0f172a;
  --surface: #172235;
  --text: #f1f5f9;
  --muted: #cbd5e1;
  --line: #334155;
  --shade: #1e293b;
  --wb-label: #e2e8f0;
  --wb-border: #64748b;
  --wb-hover-border: #94a3b8;
  --wb-focus: #cbd5e1;
  --wb-focus-ring: #cbd5e12e;
  --wb-heading: #f8fafc;
  --wb-soft-text: #cbd5e1;
  --wb-thead: #243248;
}
.dark.workbench-page .wb-context,
.dark.workbench-page .wb-context.wb-lock { background: #352711; color: #fef3c7; border-color: #854d0e; border-left-color: #f59e0b; }
.dark.workbench-page .wb-context svg { color: #fbbf24; }
.dark.workbench-page .wb-save-state,
.dark.workbench-page .wb-top-progress .current,
.dark.workbench-page .wb-quick-btn,
.dark.workbench-page .wb-part-actions .text-btn,
.dark.workbench-page .wb-summary-check { color: #86efac; }
.dark.workbench-page .wb-save-state.dirty,
.dark.workbench-page .wb-summary-check.pending { color: #fcd34d; }
.dark.workbench-page .wb-actionbar .btn.danger { color: #fda4af; border-color: #9f5065; }
.dark.workbench-page input::placeholder,
.dark.workbench-page textarea::placeholder { color: #a9b8cc; }
.dark.workbench-page .wb-tabs button.active { border-bottom-color: #34d399; }
.dark.workbench-page .wb-title .plate { background: #334155; border-color: #64748b; }
.dark.workbench-page .wb-shortage { color: #fecaca; background: #451c25; border-color: #9f5065; }
.dark.workbench-page .pill.gray { background: #334155; color: #e2e8f0; }
.dark.workbench-page .pill.green { background: #163c2e; color: #86efac; }
.dark.workbench-page .pill.blue { background: #203d64; color: #bfdbfe; }
.dark.workbench-page .pill.amber { background: #493615; color: #fde68a; }
.dark.workbench-page .pill.red { background: #4c202c; color: #fecdd3; }

@media (min-width: 1700px) {
  .workbench-page .wb-layout { grid-template-columns: 310px minmax(0, 1fr); }
  .workbench-page .wb-summary-split { grid-template-columns: 1.2fr 1fr; }
}
@media (max-width: 1100px) {
  .workbench-page .wb-layout { grid-template-columns: 1fr; }
  .workbench-page .wb-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; }
  .workbench-page .wb-meta h2,
  .workbench-page .wb-meta > small { grid-column: 1 / -1; }
  .workbench-page .wb-meta-separator { display: none; }
  .workbench-page .wb-top-progress { display: none; }
}
@media (max-width: 600px) {
  .workbench-page .content { padding: 20px 16px; }
  .workbench-page .wb-meta { display: block; padding: 20px; }
  .workbench-page .wb-title h1 { font-size: 32px; }
  .workbench-page .wb-title .plate { font-size: 18px; }
  .workbench-page .wb-actionbar > div { width: 100%; }
  .workbench-page .wb-actionbar .btn { flex: 1 1 155px; }
  .workbench-page .wb-section-head { flex-wrap: wrap; padding: 20px; }
  .workbench-page .wb-tabs { padding: 0 17px; gap: 20px; }
  .workbench-page .wb-tabs button { font-size: 14px; }
  .workbench-page .wb-table-footer { align-items: flex-start; }
  .workbench-page .wb-bottom-total strong { font-size: 34px; }
  .workbench-page .wb-summary,
  .workbench-page .wb-scanbar { padding-left: 20px; padding-right: 20px; }
  .workbench-page .wb-summary-split { grid-template-columns: minmax(0, 1fr); }
}
.wb-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.wb-back{background:none;color:var(--muted);font-size:11px;display:flex;gap:6px;align-items:center;padding:0}.wb-back svg{width:14px;height:14px;transform:rotate(180deg)}.wb-save-state{font-size:10px;color:#8da273;display:flex;gap:6px;align-items:center}.wb-save-state.dirty{color:#b08949}.wb-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wb-title h1{margin:0;font-size:29px}.wb-title .plate{font-size:13px;padding:6px 10px}.wb-subtitle{font-size:11px;color:var(--muted);margin:10px 0 0}.wb-actionbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:16px 0 22px;margin-bottom:4px}.wb-actionbar>div{display:flex;gap:8px;flex-wrap:wrap}.wb-actionbar .btn{padding:10px 12px;font-size:10px}.wb-actionbar .btn.danger{color:#b07661;border-color:#eddbd2;background:var(--surface)}.wb-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:20px;align-items:start}.wb-meta{padding:21px}.wb-meta h2{font:750 13px Manrope;margin:0 0 17px;display:flex;align-items:center;gap:9px}.wb-meta h2 svg{width:16px;height:16px;color:#8a9d76}.wb-meta .field{margin-bottom:17px}.wb-meta .input{font-size:11px;padding:10px;min-width:0}.wb-meta .fields{gap:10px}.wb-meta .field label{font-size:9px}.wb-meta .field:last-child{margin-bottom:0}.wb-meta-separator{height:1px;background:var(--line);margin:20px 0}.wb-meta small{display:block;color:var(--muted);font-size:9px;line-height:1.7;margin-top:7px}.wb-quick-btn{font-size:9px;color:#749250;background:none;padding:7px 0 0;display:flex;gap:4px;align-items:center}.wb-quick-btn svg{width:12px;height:12px}.wb-right{min-width:0}.wb-tabs{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding:0 21px;overflow:auto;background:var(--surface);border-radius:10px 10px 0 0}.wb-tabs button{font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:7px;padding:19px 0 17px;border-bottom:2px solid transparent;color:var(--muted);background:none}.wb-tabs svg{width:15px;height:15px}.wb-tabs button.active{color:var(--text);font-weight:700;border-color:#8bb151}.wb-tab-count{font-size:8px;padding:3px 5px;border-radius:4px;background:var(--shade);color:var(--muted)}.wb-section-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:22px}.wb-section-head h2{font:750 15px Manrope;margin:0 0 5px}.wb-section-head p{color:var(--muted);font-size:10px;margin:0}.wb-categorybar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 22px 18px}.wb-categorybar>span{font-size:9px;color:var(--muted)}.wb-table{min-width:690px;white-space:normal}.wb-table th{padding:11px 12px;font-size:8px}.wb-table td{padding:15px 11px;vertical-align:top;font-size:10px}.wb-table input,.wb-table select{border:1px solid transparent;background:transparent;color:var(--text);border-radius:5px;font-size:10px;padding:7px 5px;width:100%;min-width:0}.wb-table input:hover,.wb-table select:hover{background:var(--shade);border-color:var(--line)}.wb-table input:focus,.wb-table select:focus{background:var(--surface);border-color:#b1c897;outline:2px solid #b3d28c30}.wb-table .wb-service-description{font-weight:600;font-size:11px;min-width:150px}.wb-table .wb-numeric{min-width:62px;text-align:right}.wb-table .wb-num-cell{width:74px}.wb-table .wb-service-type{font-size:9px;color:#8e9e7d;margin-top:5px}.wb-table .wb-mechanic-cell{width:115px}.wb-table .wb-price-cell{width:90px}.wb-table .wb-line-total{white-space:nowrap;font-weight:700;padding-top:8px;display:block;text-align:right}.wb-table .wb-row-remove{background:none;color:#a0a995;padding:7px 2px}.wb-row-remove svg{width:14px;height:14px}.wb-table-footer{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);gap:15px}.wb-table-footer strong{font:750 16px Manrope;color:var(--text)}.wb-tip{display:flex;align-items:center;gap:8px;color:#81946e;background:var(--shade);padding:13px 20px;font-size:10px;border-top:1px solid var(--line)}.wb-tip svg{width:14px;height:14px}.wb-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px;background:var(--dark);color:#c3d2b4;border-radius:10px;margin-top:18px}.wb-bottom>div:first-child{font-size:10px;line-height:1.9;color:#94ad84}.wb-bottom>div:first-child strong{font-weight:600;color:#cedfc1}.wb-bottom-total{text-align:right;white-space:nowrap}.wb-bottom-total small{font-size:9px;display:block;letter-spacing:1px;color:#92aa7d}.wb-bottom-total strong{font:750 27px Manrope;letter-spacing:-1px;color:#daefbc;display:block;margin-top:4px}.wb-context{display:flex;gap:9px;align-items:flex-start;background:#f1f5e9;border:1px solid #dce6ca;color:#7a8d60;font-size:10px;line-height:1.8;border-radius:8px;padding:12px 15px;margin-bottom:18px}.wb-context svg{width:15px;height:15px;margin-top:2px}.wb-lock{background:#fff5e6;border-color:#eddec3;color:#a78c59}.wb-scanbar{padding:0 22px 22px}.wb-scanbar form{display:flex;gap:8px}.wb-scanbar .input{flex:1;min-width:100px;background:var(--shade);font-size:11px}.wb-scanbar p{font-size:9px;color:var(--muted);line-height:1.8;margin:9px 0 0}.wb-scan-hint{display:flex;gap:5px;align-items:center;margin-bottom:10px;color:#7b9265;font-size:10px}.wb-scan-hint svg{width:15px;height:15px}.wb-part-table{min-width:800px}.wb-part-table td{padding:14px 10px}.wb-part-name{font-size:11px;display:block;margin:2px 0 6px}.wb-part-table small{color:var(--muted);display:block;font-size:9px;line-height:1.7}.wb-shortage{display:block;font-size:9px;line-height:1.7;color:#bb7259;background:#fcefe9;border-radius:4px;padding:5px 7px;margin-top:7px;min-width:130px}.wb-part-actions{display:flex;flex-direction:column;gap:8px;padding-top:6px}.wb-part-actions .text-btn{font-size:9px}.wb-summary{padding:23px}.wb-summary h3{font:700 13px Manrope;margin:0 0 13px}.wb-summary-split{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;margin-bottom:25px}.wb-money-line{padding:13px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px;font-size:11px}.wb-money-line span{color:var(--muted)}.wb-money-line .input{width:105px;text-align:right;font-size:12px}.wb-money-line.final{font-size:17px;border-bottom:0;font-weight:700}.wb-note-field{margin-bottom:18px}.wb-note-field label{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.wb-note-field textarea{font-size:12px;line-height:1.8;resize:vertical}.wb-summary-checks{background:var(--shade);border:1px solid var(--line);border-radius:8px;padding:16px}.wb-summary-checks h3{font-size:12px}.wb-summary-check{display:flex;gap:7px;font-size:10px;line-height:1.8;margin:9px 0;color:#82916e}.wb-summary-check svg{width:13px;height:13px;margin-top:3px}.wb-summary-check.pending{color:#ad8a4d}.wb-activity{margin-top:20px;padding:0 22px 18px}.wb-activity h3{font:700 12px Manrope}.wb-activity-item{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:15px;line-height:1.7;border-top:1px solid var(--line);padding:10px 0}.wb-activity-item strong{font-weight:500;color:#6b8254}.wb-catalog-items{display:flex;flex-direction:column;gap:8px;margin:15px 0 20px}.wb-catalog-item{padding:13px 15px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:15px}.wb-catalog-item:hover{background:var(--shade);border-color:#c6d5b5}.wb-catalog-item strong{font-size:12px;display:block}.wb-catalog-item small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.wb-catalog-item>span{font-size:12px;white-space:nowrap}.wb-service-avulso{border-top:1px solid var(--line);padding-top:18px}.wb-service-avulso h3{font:700 13px Manrope;margin:0 0 15px}.wb-top-progress{display:flex;gap:7px;align-items:center;font-size:9px;color:var(--muted)}.wb-top-progress svg{width:13px;height:13px}.wb-top-progress .current{color:#759653;font-weight:600}.wb-history-link{font-size:10px;color:#83a262;background:none;padding:0}.wb-list-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:23px;flex-wrap:wrap}.wb-list-toolbar .input{width:280px}.wb-list-toolbar select.input{width:180px}.wb-list-toolbar .tabs{margin-left:auto}.wb-os-board{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:13px;overflow-x:auto;padding-bottom:10px}.wb-os-board .column{min-height:370px}.wb-os-board .column-title{font-size:10px;gap:10px;min-height:30px}.wb-os-board .os-card{padding:14px}.wb-os-board .os-card h3{font-size:12px}.wb-os-board .os-card footer{font-size:9px}.wb-priority{font-size:8px;padding:3px 5px;border-radius:4px;background:#edf0e7;color:#91a07f;display:inline-block;margin-bottom:11px}.wb-priority.urgent{color:#b77d53;background:#fcf0df}.wb-saving svg{animation:wb-spin 1s linear infinite}.wb-empty{padding:35px 22px;text-align:center;color:var(--muted);font-size:12px;line-height:1.9}.wb-empty>svg{display:block;width:29px;height:29px;margin:0 auto 12px;color:#94ab7c}.wb-meta .input:disabled,.wb-table input:disabled,.wb-table select:disabled{opacity:.75;cursor:default}.wb-inline-error{color:#bd7960;font-size:10px;padding:0 22px 15px}.wb-total-invalid{color:#e7b08d!important}body.dark .wb-context{background:#263820;border-color:#435633;color:#acc78e}body.dark .wb-lock{background:#3c3321;color:#d0b57b}body.dark .wb-shortage{background:#462f25;color:#e8b192}body.dark .wb-priority{background:#293b25;color:#adc493}@keyframes wb-spin{to{transform:rotate(360deg)}}@media(max-width:1250px){.wb-layout{grid-template-columns:235px minmax(0,1fr);gap:16px}.wb-meta{padding:18px}.wb-tabs{gap:17px;padding:0 17px}.wb-tabs button{font-size:10px}.wb-actionbar .btn{font-size:9px;padding:9px 10px}.wb-top-progress{display:none}}@media(max-width:1000px){.wb-layout{grid-template-columns:1fr}.wb-meta{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.wb-meta h2{grid-column:1/-1}.wb-meta-separator{display:none}.wb-meta>small{grid-column:1/-1}.wb-summary-split{grid-template-columns:1fr 1fr}.wb-topline{flex-wrap:wrap}}@media(max-width:600px){.wb-meta{display:block}.wb-summary-split{grid-template-columns:1fr}.wb-title h1{font-size:24px}.wb-title{gap:8px}.wb-title .plate{font-size:10px}.wb-actionbar>div{gap:7px}.wb-tabs{gap:16px;padding:0 15px}.wb-tabs button{font-size:9px;gap:5px}.wb-tabs svg{display:none}.wb-section-head{padding:18px;align-items:flex-start}.wb-section-head h2{font-size:13px}.wb-categorybar{padding:0 18px 17px}.wb-categorybar>span{display:none}.wb-bottom{padding:16px;gap:12px}.wb-bottom-total strong{font-size:23px}.wb-bottom>div:first-child{font-size:9px}.wb-list-toolbar .input{width:100%}.wb-list-toolbar select.input{flex:1}.wb-list-toolbar .tabs{margin-left:0}.wb-scanbar form{flex-wrap:wrap}.wb-scanbar .input{width:100%}.wb-top-progress{display:none}}