:root{--red:#d71920;--red2:#a91116;--ink:#17202a;--muted:#6b7280;--line:#e5e7eb;--bg:#f4f6f8;--ok:#1f7a43;--warn:#a15c00;}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
.shell{max-width:1120px;margin:0 auto;padding:22px}
.header{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 22px;display:flex;align-items:center;gap:18px;box-shadow:0 8px 28px rgba(0,0,0,.05)}
.logo{width:150px;height:70px;object-fit:contain;background:#fff} .title h1{font-size:22px;margin:0 0 4px} .title p{margin:0;color:var(--muted);font-size:14px}
.notice{margin-top:14px;background:#fff7d6;border:1px solid #f0d772;padding:10px 14px;border-radius:12px;font-size:13px}
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:18px 0}
.step{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 8px;cursor:pointer;font-weight:700;color:#4b5563;transition:.2s;text-align:center;font-size:13px}
.step span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f1f3f5;margin-right:4px}
.step.active{border-color:var(--red);color:var(--red);box-shadow:0 0 0 2px rgba(215,25,32,.08)} .step.active span{background:var(--red);color:#fff}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 28px rgba(0,0,0,.05)}
.panel{display:none} .panel.active{display:block} h2{margin:0 0 6px;font-size:21px} .sub{color:var(--muted);margin:0 0 20px;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.field{display:flex;flex-direction:column;gap:7px} .field.full{grid-column:1/-1} label{font-weight:700;font-size:13px}
input,select,textarea{width:100%;border:1px solid #cfd4da;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;outline:none} input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(215,25,32,.09)} textarea{min-height:95px;resize:vertical}
.choice-row{display:flex;flex-wrap:wrap;gap:10px} .choice{border:1px solid #d3d7dc;background:#fff;border-radius:10px;padding:10px 13px;cursor:pointer;display:flex;gap:8px;align-items:center} .choice input{width:auto}
.info{background:#eef6ff;border:1px solid #bfdcff;border-radius:12px;padding:12px 14px;margin-top:12px;font-size:14px} .info.warn{background:#fff4e5;border-color:#f4c27a} .hidden{display:none!important}
.measure-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start} .diagram{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:8px}
.measure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .mini label{font-size:12px} .mini input{padding:9px 10px}
.fixation-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.fixation-data-grid .field label{font-size:12px}@media(max-width:800px){.fixation-data-grid{grid-template-columns:1fr}}
.result{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fafafa} .result h3{margin:0 0 8px;font-size:17px} .pill{display:inline-block;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;background:#eef0f2;color:#495057}
.suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.suggestion-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px}
.suggestion-card.primary{border-color:#9bd6b1;background:#f1fbf5}
.suggestion-card.alt{border-color:#bcd8f4;background:#f4f9ff}
.suggestion-card h4{margin:0 0 7px;font-size:15px}.suggestion-card p{margin:4px 0;font-size:13px;line-height:1.4}
.suggestion-model{font-size:20px;font-weight:900;color:var(--red)}
.suggestion-note{margin-top:10px;font-size:12px;color:var(--muted);line-height:1.45}
.equipment-show{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px} .eq{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff} .eq img{width:100%;height:120px;object-fit:cover;border-radius:9px} .eq b{display:block;margin-top:6px}
.actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px} button{border:0;border-radius:11px;padding:11px 16px;font:inherit;font-weight:800;cursor:pointer} .btn-secondary{background:#eceff2;color:#28313b} .btn-primary{background:var(--red);color:#fff} .btn-primary:hover{background:var(--red2)}
.review{display:grid;gap:12px} .review-box{border:1px solid var(--line);border-radius:12px;padding:14px} .review-box h3{margin:0 0 8px;font-size:16px} .review-line{display:grid;grid-template-columns:220px 1fr;gap:10px;padding:5px 0;border-bottom:1px dashed #eceff2} .review-line:last-child{border-bottom:0} .review-line b{font-size:13px} .review-line span{font-size:13px;color:#4b5563}
.print-only{display:none}
@media(max-width:800px){.suggestion-grid{grid-template-columns:1fr}.shell{padding:12px} .header{align-items:flex-start} .logo{width:110px;height:58px} .steps{display:flex;overflow:auto;padding-bottom:4px} .step{min-width:150px} .grid,.grid3,.measure-layout{grid-template-columns:1fr} .review-line{grid-template-columns:1fr} .card{padding:18px}}
@media print{body{background:#fff} .shell{max-width:none;padding:0} .header,.notice,.steps,.card>.panel:not(#p8),.actions,.screen-only{display:none!important} .card{border:0;box-shadow:none;padding:0} #p8{display:block!important} .print-only{display:block} .review-box{break-inside:avoid}}

/* Cabeçalho e rodapé exclusivos do PDF/ impressão */
.pdf-header{display:none;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid var(--red);padding:0 0 12px;margin:0 0 8px}
.pdf-brand{display:flex;align-items:center;min-width:180px}.pdf-logo{width:165px;height:74px;object-fit:contain}
.pdf-company{text-align:right;font-size:11px;line-height:1.45;color:#20262d}.pdf-company-name{font-size:14px;font-weight:900;letter-spacing:.3px;color:#111;margin-bottom:2px}
.pdf-document-title{display:none;text-align:center;font-size:17px;font-weight:900;margin:12px 0 18px;color:#111}
.pdf-footer{display:none;margin-top:18px;padding-top:10px;border-top:1px solid #bbb;text-align:right;font-size:11px;font-weight:700;color:#444}
@media print{
  @page{size:A4;margin:14mm 13mm 14mm}
  .pdf-header{display:flex!important}
  .pdf-document-title,.pdf-footer{display:block!important}
  #p8>h2,#p8>.sub{display:none!important}
  .review{gap:8px}
  .review-box{padding:10px 12px;border-radius:8px}
}

/* Dados técnicos complementares da aba Medidas */
.application-card{margin-top:22px;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fcfcfd}
.application-card h3{margin:0 0 5px;font-size:18px}.application-card .hint{margin:0 0 16px;color:var(--muted);font-size:13px}
.application-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.application-diagram{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px}
.application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.application-grid .full{grid-column:1/-1}
.section-caption{font-size:13px;font-weight:900;margin:4px 0 8px;color:#343a40;text-transform:uppercase;letter-spacing:.35px}
.choice.compact{padding:8px 10px;font-size:13px}
@media(max-width:800px){.application-layout,.application-grid{grid-template-columns:1fr}.application-grid .full{grid-column:auto}}
@media print{.application-card{break-inside:auto}.application-diagram{max-height:430px;object-fit:contain}.application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================================================
   IDENTIDADE VISUAL MASTER TORQUE
   Referência: Manual de Identidade Visual
   - Vermelho principal: RGB 226/6/19
   - Vermelho escuro: RGB 172/22/34
   - Tipografia: estilo Helvetica Condensed Black / Medium
   ========================================================= */
:root{
  --red:#e20613;
  --red2:#ac1622;
  --ink:#191919;
  --muted:#5d5d5d;
  --line:#d9d9d9;
  --bg:#eeeeee;
  --brand-gray:#606060;
  --brand-soft:#f7f7f7;
}

/* O navegador usa Helvetica Condensed quando ela existir no aparelho.
   Caso não exista, usa alternativas condensadas sem depender de download externo. */
body,
input,
select,
textarea,
button{
  font-family:"Helvetica Neue Condensed","Helvetica Condensed","Arial Narrow",
              "Liberation Sans Narrow",Arial,sans-serif;
  font-stretch:condensed;
}

body{
  font-weight:500;
  background:
    radial-gradient(circle at 50% 25%, #ffffff 0%, #f4f4f4 42%, #e5e5e5 100%);
  color:var(--ink);
}

.header,
.card{
  border-color:#d5d5d5;
}

.title h1,
h2,
h3,
h4,
label,
.step,
button,
.section-caption,
.pdf-company-name,
.pdf-document-title,
.review-line b{
  font-family:"Helvetica Neue Condensed","Helvetica Condensed","Arial Narrow",
              "Liberation Sans Narrow",Arial,sans-serif;
  font-stretch:condensed;
  font-weight:900;
}

.title h1{
  color:#111;
  letter-spacing:.1px;
}

.title p,
.sub,
.suggestion-note,
.application-card .hint{
  color:var(--brand-gray);
}

.step{
  color:#454545;
}
.step span{
  background:#ededed;
  color:#333;
}
.step.active{
  border-color:var(--red);
  color:var(--red);
  box-shadow:0 0 0 2px rgba(226,6,19,.10);
}
.step.active span{
  background:var(--red);
  color:#fff;
}

input:focus,
select:focus,
textarea:focus{
  border-color:var(--red);
  box-shadow:0 0 0 3px rgba(226,6,19,.10);
}

.btn-primary{
  background:var(--red);
}
.btn-primary:hover{
  background:var(--red2);
}
.btn-secondary{
  background:#e7e7e7;
  color:#222;
}

.notice{
  background:#f8f8f8;
  border-color:#cfcfcf;
  border-left:4px solid var(--red);
  color:#333;
}

.info{
  background:#f7f7f7;
  border-color:#d3d3d3;
}
.info.warn{
  background:#fff5f5;
  border-color:rgba(226,6,19,.38);
}

.result,
.application-card{
  background:#fafafa;
}

.pill{
  background:#ededed;
  color:#333;
}

.suggestion-card.primary{
  border-color:rgba(226,6,19,.38);
  background:#fff6f6;
}
.suggestion-card.alt{
  border-color:#cccccc;
  background:#f7f7f7;
}
.suggestion-model{
  color:var(--red);
}

.review-box{
  border-color:#d4d4d4;
}
.review-box h3{
  color:#111;
  border-left:4px solid var(--red);
  padding-left:9px;
}
.review-line span{
  color:#4f4f4f;
}

.pdf-header{
  border-bottom-color:var(--red);
}
.pdf-company{
  color:#333;
}
.pdf-company-name,
.pdf-document-title{
  color:#111;
}

/* Marca visual discreta no topo sem alterar a estrutura do formulário */
.header{
  position:relative;
  overflow:hidden;
}
.header::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:linear-gradient(180deg,var(--red),var(--red2));
}

@media print{
  body{
    background:#fff!important;
    color:#111;
  }
  .review-box h3{
    border-left:3px solid var(--red);
  }
}



.measure-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(0,0,0,.48);
}
.measure-modal-backdrop.show{display:flex}
.measure-modal{
  width:min(520px,100%);
  background:#fff;
  border:1px solid #d9d9d9;
  border-radius:18px;
  box-shadow:0 24px 70px rgba(0,0,0,.24);
  overflow:hidden;
}
.measure-modal-head{
  padding:18px 20px 12px;
  border-top:6px solid var(--red);
}
.measure-modal-head h3{
  margin:0;
  font-size:21px;
  color:#111;
}
.measure-modal-body{
  padding:4px 20px 18px;
  color:#333;
  font-size:15px;
  line-height:1.55;
}
.measure-modal-body p{margin:8px 0}
.measure-modal-actions{
  display:flex;
  justify-content:flex-end;
  padding:14px 20px 18px;
  border-top:1px solid #ececec;
  background:#fafafa;
}
.measure-modal-actions button{
  min-width:140px;
}
body.modal-open{overflow:hidden}


/* Tipografia otimizada exclusivamente para PDF / impressão */
@media print{
  body,
  #p8,
  #p8 .review,
  #p8 .review-box,
  #p8 .review-line,
  .pdf-header,
  .pdf-company,
  .pdf-footer{
    font-family:Helvetica,sans-serif!important;
    font-stretch:normal!important;
    letter-spacing:normal;
  }

  body{
    font-size:14.2pt;
    line-height:1.4;
    color:#111;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }

  .pdf-company-name{
    font-family:Helvetica,sans-serif!important;
    font-size:12.7pt!important;
    font-weight:700!important;
    letter-spacing:.15px!important;
  }

  .pdf-company{
    font-size:12.7pt!important;
    line-height:1.4!important;
  }

  .pdf-document-title{
    font-family:Helvetica,sans-serif!important;
    font-size:20pt!important;
    font-weight:700!important;
    letter-spacing:.15px!important;
    margin:10px 0 14px!important;
  }

  #p8 .review{
    gap:7px!important;
  }

  #p8 .review-box{
    padding:9px 11px!important;
    border-radius:6px!important;
  }

  #p8 .review-box h3{
    font-family:Helvetica,sans-serif!important;
    font-size:16.5pt!important;
    font-weight:700!important;
    line-height:1.25!important;
    margin:0 0 6px!important;
    padding-left:7px!important;
  }

  #p8 .review-line{
    grid-template-columns:185px 1fr!important;
    gap:8px!important;
    padding:4px 0!important;
  }

  #p8 .review-line b{
    font-family:Helvetica,sans-serif!important;
    font-size:15pt!important;
    font-weight:700!important;
    line-height:1.3!important;
    color:#111!important;
  }

  #p8 .review-line span{
    font-family:Helvetica,sans-serif!important;
    font-size:14.2pt!important;
    font-weight:400!important;
    line-height:1.35!important;
    color:#333!important;
  }

  .pdf-footer{
    font-family:Helvetica,sans-serif!important;
    font-size:10.2pt!important;
    font-weight:600!important;
    line-height:1.3!important;
  }

  .suggestion-model{
    font-family:Helvetica,sans-serif!important;
    font-size:20pt!important;
    font-weight:700!important;
  }

  .suggestion-note{
    font-family:Helvetica,sans-serif!important;
    font-size:14.2pt!important;
    line-height:1.4!important;
  }
}



/* ===== Melhorias v26: validação, rascunho e acessibilidade ===== */
.toolbar{margin:-4px 0 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.draft-status{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.draft-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#aeb4bb}.draft-status.saved::before{background:var(--ok)}
.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-small{padding:8px 11px;font-size:12px}.btn-danger{background:#fff;border:1px solid #d7a7aa;color:var(--red)}.btn-danger:hover{background:#fff5f5}
.validation-summary{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(226,6,19,.35);border-left:4px solid var(--red);border-radius:10px;background:#fff7f7;color:#591419;font-size:13px;line-height:1.45}
.validation-summary b{display:block;margin-bottom:5px}.validation-summary ul{margin:4px 0 0 18px;padding:0}.validation-summary li{margin:3px 0}
.validation-summary.ok{border-color:#acd7bb;border-left-color:var(--ok);background:#f4fbf6;color:#205d35}
.invalid-field{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(226,6,19,.08)!important}
.step.done{border-color:#aed1bb;color:#27673d}.step.done span{background:#e2f4e8;color:#27673d}.step.active.done{border-color:var(--red);color:var(--red)}.step.active.done span{background:var(--red);color:#fff}
.review-alert{border:1px solid #efc0c3;background:#fff7f7;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.45}.review-alert strong{color:#7b141b}.review-alert ul{margin:7px 0 0 18px;padding:0}
.print-meta{font-size:12px;color:var(--muted);text-align:right;margin:-7px 0 10px}
.choice:focus-within{outline:2px solid rgba(226,6,19,.20);outline-offset:2px}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media(max-width:800px){.toolbar{align-items:flex-start}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}.actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.75),#fff 26%);padding-top:12px;z-index:3}.actions button{min-height:44px}}
@media print{.toolbar,.validation-summary,.review-alert,.print-meta.screen-only{display:none!important}.review-box{page-break-inside:avoid}.review-line{break-inside:avoid}}


/* ===== v27: fluxo Locação/Serviço e múltiplos equipamentos ===== */
.request-type-row{gap:14px}.request-type-choice{min-width:180px;justify-content:center;font-size:15px;font-weight:900}
.equipment-card,.extra-measure-card{border:1px solid #d7d7d7;border-radius:15px;padding:16px;margin:0 0 14px;background:#fcfcfc}
.equipment-card-head,.extra-measure-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.equipment-card-head h3,.extra-measure-head h3{margin:0;font-size:17px}
.equipment-add-row{display:flex;justify-content:flex-start;margin:12px 0 14px}
.remove-equipment{background:#fff;border:1px solid #d7a7aa;color:var(--red);padding:8px 11px;font-size:12px}
.extra-measure-card{margin-top:18px}.extra-measure-card .measure-grid{margin-top:12px}.extra-analysis{margin-top:14px}
.service-only-step.hidden{display:none!important}
@media(max-width:800px){.request-type-choice{min-width:0;flex:1}.equipment-add-row button{width:100%}.equipment-card,.extra-measure-card{padding:13px}}
@media print{.equipment-add-row,.remove-equipment{display:none!important}}

/* ===== v28: fotos do serviço ===== */
.service-photo-input{border:1px dashed #b9b9b9;border-radius:13px;padding:14px;background:#fafafa}
.service-photo-input input[type="file"]{padding:8px;background:#fff}
.service-photo-help{font-size:12px;color:var(--muted);line-height:1.45;margin-top:7px}
.service-photo-grid,.service-photo-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.service-photo-card{border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff;overflow:hidden}
.service-photo-card img{width:100%;height:145px;object-fit:cover;border-radius:8px;display:block}
.service-photo-card .photo-name{font-size:11px;color:var(--muted);margin:7px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-photo-card button{width:100%;padding:7px 9px;font-size:12px;background:#f1f1f1;color:#333}
.service-photo-count{font-size:12px;font-weight:800;margin-top:9px;color:#444}
.service-photo-review-card{border:1px solid var(--line);border-radius:10px;padding:7px;background:#fff;break-inside:avoid}
.service-photo-review-card img{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:7px}
.service-photo-review-card div{font-size:10px;color:#555;margin-top:5px;word-break:break-word}
@media(max-width:800px){.service-photo-grid,.service-photo-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-photo-card img{height:125px}}
@media(max-width:480px){.service-photo-grid{grid-template-columns:1fr 1fr}.service-photo-review-grid{grid-template-columns:1fr 1fr}}
@media print{.service-photo-card button,.service-photo-input{display:none!important}.service-photo-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-photo-review-card img{max-height:220px}}

/* ===== BLOCO CSS SEGUINTE ===== */

/* ===== v43: Manutenção de equipamentos ===== */
.maintenance-open-btn{min-width:0}
.maintenance-secret-btn{position:fixed;right:8px;bottom:8px;z-index:10005;width:26px;height:26px;min-width:26px;padding:0;border:0;border-radius:50%;background:#69727b;color:#fff;font-size:16px;line-height:26px;opacity:.30;box-shadow:0 1px 4px rgba(0,0,0,.15);cursor:pointer}
.maintenance-secret-btn::before{content:'⚙';display:block;text-align:center;line-height:26px}
.maintenance-secret-btn:hover,.maintenance-secret-btn:focus{opacity:.62;background:#69727b;outline:none}
.maintenance-login-backdrop{position:fixed;inset:0;background:rgba(18,22,27,.74);z-index:10020;display:none;align-items:center;justify-content:center;padding:20px}
.maintenance-login-backdrop.show{display:flex}
.maintenance-login-card{width:min(390px,100%);background:#fff;border-radius:17px;box-shadow:0 28px 80px rgba(0,0,0,.3);padding:22px}
.maintenance-login-card h2{margin:0 0 5px;font-size:21px;color:#20262d}
.maintenance-login-card p{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.45}
.maintenance-login-field{margin-top:12px}.maintenance-login-field label{display:block;font-weight:800;font-size:13px;margin-bottom:6px;color:#30363d}.maintenance-login-field input{width:100%;box-sizing:border-box;border:1px solid #cfd4da;border-radius:10px;padding:11px 12px;font:inherit}
.maintenance-login-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.maintenance-login-status{min-height:18px;margin-top:9px;font-size:12px;color:#a11923}
.maintenance-head-actions{display:flex;align-items:center;gap:8px}.maintenance-logout{background:#fff;border:1px solid #d7dce1;color:#555;font-size:11px;padding:7px 10px}
.maintenance-backdrop{position:fixed;inset:0;background:rgba(18,22,27,.72);z-index:10000;display:none;align-items:flex-start;justify-content:center;padding:22px;overflow:auto}
.maintenance-backdrop.show{display:flex}
.maintenance-panel{width:min(1080px,100%);background:#fff;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.28);overflow:hidden;margin:auto}
.maintenance-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line);background:#fafafa}
.maintenance-head h2{margin:0;font-size:22px;color:#20262d}.maintenance-head p{margin:4px 0 0;color:var(--muted);font-size:12px}
.maintenance-close{width:40px;height:40px;border-radius:50%;padding:0;font-size:23px;line-height:1;background:#eceff2;color:#303942}
.maintenance-tabs{display:flex;gap:8px;padding:14px 20px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:2}
.maintenance-tab{background:#f0f2f4;color:#333;border:1px solid #e0e3e7;padding:9px 14px}.maintenance-tab.active{background:var(--red);border-color:var(--red);color:#fff}
.maintenance-body{padding:20px}.maintenance-view{display:none}.maintenance-view.active{display:block}
.maintenance-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.maintenance-form-grid .full{grid-column:1/-1}
.maintenance-field label{display:block;font-weight:800;font-size:13px;margin-bottom:6px;color:#30363d}.maintenance-field input,.maintenance-field textarea{width:100%;box-sizing:border-box;border:1px solid #cfd4da;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;color:#20262d}.maintenance-field textarea{min-height:118px;resize:vertical}
.maintenance-photo-box{border:1px dashed #b7bdc4;border-radius:14px;padding:13px;background:#fafafa}.maintenance-photo-box h3{font-size:15px;margin:0 0 8px}.maintenance-photo-box input[type=file]{width:100%;font:inherit}.maintenance-photo-help{font-size:11px;color:var(--muted);margin:6px 0 0;line-height:1.4}
.maintenance-photo-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.maintenance-photo-preview .thumb{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;aspect-ratio:4/3}.maintenance-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}.maintenance-photo-preview .thumb button{position:absolute;top:5px;right:5px;width:27px;height:27px;border-radius:50%;padding:0;background:rgba(0,0,0,.68);color:#fff;font-size:15px}
.maintenance-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;flex-wrap:wrap}.maintenance-status{font-size:12px;min-height:18px;margin-top:10px}.maintenance-status.ok{color:#1e6b39}.maintenance-status.error{color:#a11923}
.maintenance-history-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:14px}.maintenance-history-toolbar input{width:100%;box-sizing:border-box;border:1px solid #cfd4da;border-radius:10px;padding:10px 12px;font:inherit}
.maintenance-history-empty{padding:28px 16px;text-align:center;border:1px dashed #c9cdd2;border-radius:12px;color:var(--muted);background:#fafafa}
.maintenance-history-list{display:grid;gap:12px}.maintenance-record{border:1px solid #d9dde1;border-radius:14px;background:#fff;overflow:hidden}.maintenance-record summary{cursor:pointer;list-style:none;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.maintenance-record summary::-webkit-details-marker{display:none}.maintenance-record-title{font-weight:900;color:#222}.maintenance-record-meta{font-size:12px;color:var(--muted);margin-top:4px}.maintenance-record-date{font-size:12px;font-weight:800;color:#4b545d;white-space:nowrap}.maintenance-record-body{border-top:1px solid var(--line);padding:15px 16px;background:#fcfcfc}.maintenance-record-service{white-space:pre-wrap;line-height:1.5;margin:7px 0 14px}.maintenance-record-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px}.maintenance-record-photos h4{margin:0 0 8px;font-size:13px}.maintenance-record-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.maintenance-record-photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#eee}.maintenance-record-footer{display:flex;justify-content:flex-end;margin-top:14px}.maintenance-delete{background:#fff;border:1px solid #d7a7aa;color:var(--red);font-size:12px;padding:8px 10px}
.maintenance-storage-note{font-size:11px;color:var(--muted);margin-top:12px;padding:9px 11px;background:#f5f6f7;border-radius:9px;line-height:1.4}
@media(max-width:760px){.maintenance-backdrop{padding:0}.maintenance-panel{min-height:100vh;border-radius:0;margin:0}.maintenance-body{padding:15px}.maintenance-head{padding:15px}.maintenance-tabs{padding:10px 15px}.maintenance-form-grid{grid-template-columns:1fr}.maintenance-form-grid .full{grid-column:auto}.maintenance-photo-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-record-photos{grid-template-columns:1fr}.maintenance-history-toolbar{grid-template-columns:1fr}.maintenance-record summary{grid-template-columns:1fr}.maintenance-record-date{white-space:normal}}
@media print{.maintenance-backdrop{display:none!important}}


/* ===== área comercial / solicitações ===== */

.commercial-access-btn{
  opacity:.72;
}

.commercial-access-btn:hover{
  opacity:1;
}

.commercial-panel{
  max-width:1120px;
}

.commercial-body{
  padding:18px;
  overflow:auto;
}

.commercial-view{
  display:none;
}

.commercial-view.active{
  display:block;
}

.commercial-filters{
  display:grid;
  grid-template-columns:
    minmax(150px,190px)
    minmax(150px,190px)
    minmax(240px,1fr)
    auto;
  gap:10px;
  margin-bottom:14px;
}

.commercial-filters input,
.commercial-filters select,
.commercial-status-editor select{
  width:100%;
  border:1px solid #cbd5e1;
  border-radius:9px;
  padding:10px 11px;
  background:#fff;
  font:inherit;
}

.commercial-list-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  font-size:.9rem;
  color:#64748b;
}

.commercial-message{
  color:#475569;
  font-size:.9rem;
}

.commercial-request-list{
  display:grid;
  gap:12px;
}

.commercial-request-card{
  border:1px solid #dbe3ed;
  border-radius:12px;
  padding:15px;
  background:#fff;
  box-shadow:0 2px 8px rgba(15,23,42,.05);
}

.commercial-request-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.commercial-request-head h3{
  margin:4px 0 0;
}

.commercial-request-type{
  font-size:.8rem;
  font-weight:700;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.commercial-status{
  white-space:nowrap;
  border-radius:999px;
  padding:5px 9px;
  font-size:.78rem;
  font-weight:700;
  background:#e2e8f0;
  color:#334155;
}

.commercial-status-nova{
  background:#dbeafe;
  color:#1d4ed8;
}

.commercial-status-em_analise{
  background:#fef3c7;
  color:#92400e;
}

.commercial-status-respondida{
  background:#dcfce7;
  color:#166534;
}

.commercial-status-concluida{
  background:#e2e8f0;
  color:#334155;
}

.commercial-request-summary{
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  margin-top:12px;
  color:#475569;
  font-size:.9rem;
}

.commercial-request-actions{
  margin-top:14px;
}

.commercial-empty{
  padding:22px;
  border:1px dashed #cbd5e1;
  border-radius:10px;
  color:#64748b;
  text-align:center;
}

.commercial-detail-toolbar{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:8px;
}

.commercial-status-editor{
  min-width:180px;
}

.commercial-status-editor label{
  display:block;
  font-size:.78rem;
  font-weight:700;
  color:#475569;
  margin-bottom:4px;
}

.commercial-detail-title{
  margin:16px 0;
}

.commercial-detail-content{
  display:grid;
  gap:14px;
}

.commercial-section{
  border:1px solid #dbe3ed;
  border-radius:12px;
  background:#fff;
  padding:15px;
}

.commercial-section h3{
  margin:0 0 12px;
}

.commercial-info-row{
  display:grid;
  grid-template-columns:minmax(170px,220px) 1fr;
  gap:14px;
  padding:8px 0;
  border-bottom:1px solid #eef2f7;
}

.commercial-info-row:last-child{
  border-bottom:0;
}

.commercial-info-row span{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.commercial-photo-grid{
  display:grid;
  grid-template-columns:
    repeat(auto-fill,minmax(150px,1fr));
  gap:10px;
}

.commercial-photo{
  display:block;
  text-decoration:none;
  color:inherit;
  border:1px solid #dbe3ed;
  border-radius:10px;
  overflow:hidden;
  background:#f8fafc;
}

.commercial-photo img{
  display:block;
  width:100%;
  height:140px;
  object-fit:cover;
}

.commercial-photo span{
  display:block;
  padding:8px;
  font-size:.8rem;
  text-align:center;
}

@media(max-width:760px){
  .commercial-filters{
    grid-template-columns:1fr;
  }

  .commercial-detail-toolbar{
    align-items:stretch;
    flex-direction:column;
  }

  .commercial-info-row{
    grid-template-columns:1fr;
    gap:3px;
  }

  .commercial-status-editor{
    width:100%;
  }
}


/* ===== análise técnica comercial ===== */

.commercial-tech-box{
  margin-top:16px;
  padding:14px;
  border:1px solid #cbd5e1;
  border-radius:12px;
  background:#f8fafc;
}

.commercial-tech-box h4{
  margin:0 0 14px;
  font-size:1rem;
}

.commercial-tech-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.commercial-tech-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:14px;
}

.commercial-tech-equipment{
  border:1px solid #dbe3ed;
  border-radius:10px;
  padding:12px;
  background:#fff;
}

.commercial-tech-equipment-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}

.commercial-tech-equipment-head strong{
  font-size:1rem;
}

.commercial-tech-equipment-head span{
  font-size:.75rem;
  font-weight:700;
  color:#475569;
  text-align:right;
}

.commercial-tech-warning{
  padding:10px;
  border-radius:8px;
  background:#fff7ed;
  color:#9a3412;
  font-size:.88rem;
}

.commercial-tech-note{
  margin-top:12px;
  font-size:.82rem;
  color:#64748b;
}

@media(max-width:760px){
  .commercial-tech-grid,
  .commercial-tech-options{
    grid-template-columns:1fr;
  }
}


/* ===== ações da solicitação comercial ===== */

.commercial-detail-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.commercial-detail-actions .btn-danger{
  white-space:nowrap;
}

@media(max-width:760px){
  .commercial-detail-actions{
    width:100%;
  }

  .commercial-detail-actions button{
    flex:1;
  }
}

/* Botão Manutenção junto de Locação / Serviço */
.maintenance-request-choice{
  font:inherit;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  text-align:left;
}

.maintenance-choice-icon{
  display:inline-block;
  margin-right:5px;
  font-size:1.05em;
}


/* ===== CAPA MASTER TORQUE ===== */

.mt-screen-hidden{
  display:none !important;
}

.mt-home{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px 20px;
  box-sizing:border-box;
}

.mt-home-content{
  width:100%;
  max-width:820px;
  text-align:center;
}

.mt-home-title{
  margin:0;
  font-size:clamp(3rem,8vw,6rem);
  line-height:.95;
  font-weight:900;
  letter-spacing:-.045em;
}

.mt-home-subtitle{
  margin:24px 0 38px;
  font-size:clamp(1.25rem,3vw,1.8rem);
  font-weight:600;
}

.mt-home-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.mt-home-option{
  min-height:135px;
  padding:24px;
  border:1px solid #d5dbe3;
  border-radius:18px;
  background:#fff;
  color:#171717;
  cursor:pointer;
  font:inherit;
  box-shadow:0 8px 24px rgba(0,0,0,.07);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.mt-home-option strong{
  display:block;
  font-size:1.45rem;
  font-weight:800;
}

.mt-home-option:hover{
  transform:translateY(-3px);
  border-color:#c62828;
  box-shadow:0 12px 30px rgba(0,0,0,.11);
}

.mt-home-option:focus-visible{
  outline:3px solid rgba(198,40,40,.25);
  outline-offset:3px;
}

.mt-back-home{
  margin:0 0 16px;
  padding:9px 14px;
  border:1px solid #d4d8de;
  border-radius:9px;
  background:#fff;
  color:#333;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}

.mt-back-home:hover{
  background:#f5f5f5;
}

.mt-sales-screen{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  box-sizing:border-box;
}

.mt-sales-card{
  width:100%;
  max-width:760px;
  padding:32px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.09);
}

.mt-sales-card h1{
  margin:8px 0 4px;
}

.mt-sales-card h2{
  margin:0 0 18px;
}

@media(max-width:640px){
  .mt-home{
    align-items:flex-start;
    padding-top:55px;
  }

  .mt-home-options{
    grid-template-columns:1fr;
    gap:13px;
  }

  .mt-home-option{
    min-height:90px;
  }

  .mt-home-subtitle{
    margin-bottom:28px;
  }
}

/* ===== AJUSTE VISUAL DA CAPA MASTER TORQUE ===== */
#homeScreen{
  padding: 32px 18px;
}

#homeScreen h1,
#homeScreen .mt-home-title,
#homeScreen .mt-home-title-inline{
  font-size: clamp(42px, 8vw, 76px);
  line-height: 0.95;
  letter-spacing: 1px;
  text-align: center;
  white-space: nowrap;
  margin: 0 0 14px 0;
}

#homeScreen .mt-home-subtitle,
#homeScreen p{
  text-align: center;
  font-size: clamp(20px, 3vw, 34px);
  margin: 0 0 26px 0;
}

#homeScreen .mt-home-grid{
  max-width: 980px;
  margin: 0 auto;
}

#homeScreen button,
#homeScreen a,
#homeScreen .choice,
#homeScreen .mt-home-card{
  min-height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: clamp(22px, 2.4vw, 34px);
  font-weight: 800;
  text-align: center;
}

#homeScreen .mt-home-card-icon{
  font-size: 1.15em;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#homeScreen .mt-home-card-label{
  display: inline-block;
}

@media (max-width: 700px){
  #homeScreen h1,
  #homeScreen .mt-home-title,
  #homeScreen .mt-home-title-inline{
    font-size: clamp(34px, 10vw, 54px);
    white-space: normal;
  }

  #homeScreen button,
  #homeScreen a,
  #homeScreen .choice,
  #homeScreen .mt-home-card{
    min-height: 74px;
    font-size: clamp(18px, 5vw, 24px);
  }
}


/* ===== SOLICITAÇÕES NA CAPA ===== */

#homeScreen{
  position:relative;
}

.mt-home-commercial-access{
  position:absolute;
  top:18px;
  right:20px;

  padding:8px 13px;

  border:1px solid #d5dbe3;
  border-radius:9px;

  background:#fff;
  color:#475569;

  font:inherit;
  font-size:.82rem;
  font-weight:700;

  cursor:pointer;

  box-shadow:0 3px 10px rgba(0,0,0,.06);

  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease;
}

.mt-home-commercial-access:hover{
  background:#f8fafc;
  border-color:#aeb7c3;
  color:#111827;
}

@media(max-width:640px){
  .mt-home-commercial-access{
    top:12px;
    right:12px;
    padding:7px 10px;
    font-size:.75rem;
  }
}

/* ===== CORES OFICIAIS MASTER TORQUE ===== */
.mt-master-red{
  color:#E20613;
}

.mt-torque-dark{
  color:#E20613;
}

.mt-home-option:hover{
  border-color:#E20613;
}

.mt-home-commercial-access:hover{
  border-color:#E20613;
  color:#AC1622;
}


/* ===== CAPA INDUSTRIAL MASTER TORQUE ===== */

#homeScreen.mt-home{
  position:relative;
  min-height:100vh;
  width:100%;
  padding:40px 20px 32px;
  box-sizing:border-box;

  display:flex;
  align-items:center;
  justify-content:center;

  background:
    linear-gradient(
      180deg,
      rgba(90,0,5,.20) 0%,
      rgba(100,0,5,.28) 45%,
      rgba(115,0,8,.72) 100%
    ),
    url("assets/capa-master-torque.jpg");

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-attachment:scroll;

  overflow:hidden;
}

/* camada extra para melhorar a leitura */
#homeScreen.mt-home::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.08),
      rgba(0,0,0,.02) 50%,
      rgba(0,0,0,.08)
    );
}

/* conteúdo acima do fundo */
#homeScreen .mt-home-content{
  position:relative;
  z-index:2;

  width:100%;
  max-width:960px;

  margin:0 auto;
  text-align:center;
}

/* MASTER TORQUE */
#homeScreen .mt-home-title,
#homeScreen .mt-home-title-inline{
  margin:0 0 18px;

  font-size:clamp(42px,6vw,72px);
  line-height:1;
  font-weight:900;
  letter-spacing:-1px;

  white-space:nowrap;

  text-shadow:
    0 3px 12px rgba(0,0,0,.48);
}

/*
  Como agora o fundo é vermelho,
  o nome fica branco para aparecer corretamente.
*/
#homeScreen .mt-master-red,
#homeScreen .mt-torque-dark{
  color:#fff !important;
}

/* Como podemos ajudar? */
#homeScreen .mt-home-subtitle{
  margin:0 0 34px;

  color:#fff;

  font-size:clamp(24px,3.2vw,38px);
  font-weight:800;

  text-shadow:
    0 2px 10px rgba(0,0,0,.55);
}

/* grade principal */
#homeScreen .mt-home-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:18px;

  width:100%;
  max-width:900px;

  margin:0 auto;
}

/* cartões */
#homeScreen .mt-home-option{
  min-height:112px;

  display:flex;
  align-items:center;
  justify-content:flex-start;

  gap:18px;

  padding:20px 26px;

  border:1px solid rgba(255,255,255,.48);
  border-radius:18px;

  background:
    linear-gradient(
      135deg,
      rgba(150,0,10,.82),
      rgba(120,0,8,.76)
    );

  color:#fff;

  box-shadow:
    0 12px 28px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.16);

  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);

  cursor:pointer;

  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

#homeScreen .mt-home-option:hover{
  transform:translateY(-3px);

  border-color:#fff;

  background:
    linear-gradient(
      135deg,
      rgba(226,6,19,.94),
      rgba(172,22,34,.90)
    );

  box-shadow:
    0 16px 34px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.22);
}

#homeScreen .mt-home-option strong,
#homeScreen .mt-home-card-label{
  color:#fff;

  font-size:clamp(21px,2vw,29px);
  font-weight:800;
}

/* ícones */
#homeScreen .mt-home-card-icon{
  width:58px;
  height:58px;

  flex:0 0 58px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(255,255,255,.35);
  border-radius:13px;

  background:rgba(120,0,8,.52);

  font-size:30px;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12);
}

/* Solicitações no canto */
#homeScreen .mt-home-commercial-access{
  z-index:4;

  top:18px;
  right:20px;

  padding:10px 16px;

  border:1px solid rgba(255,255,255,.80);
  border-radius:10px;

  background:rgba(130,0,8,.70);

  color:#fff;

  font-size:.85rem;
  font-weight:800;

  box-shadow:0 5px 16px rgba(0,0,0,.18);

  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

#homeScreen .mt-home-commercial-access:hover{
  border-color:#fff;
  background:#E20613;
  color:#fff;
}


/* ===== CELULAR ===== */

@media(max-width:640px){

  #homeScreen.mt-home{
    min-height:100svh;
    padding:
      72px
      16px
      26px;

    background-position:center top;
  }

  #homeScreen .mt-home-title,
  #homeScreen .mt-home-title-inline{
    font-size:clamp(34px,10vw,48px);
    white-space:nowrap;
  }

  #homeScreen .mt-home-subtitle{
    font-size:clamp(21px,6vw,28px);
    margin-bottom:25px;
  }

  #homeScreen .mt-home-options{
    grid-template-columns:1fr;
    gap:12px;
  }

  #homeScreen .mt-home-option{
    min-height:78px;
    padding:12px 18px;
    gap:14px;
  }

  #homeScreen .mt-home-card-icon{
    width:48px;
    height:48px;

    flex-basis:48px;

    font-size:25px;
  }

  #homeScreen .mt-home-option strong,
  #homeScreen .mt-home-card-label{
    font-size:20px;
  }

  #homeScreen .mt-home-commercial-access{
    top:12px;
    right:12px;

    padding:8px 11px;

    font-size:.75rem;
  }
}


/* ===== BOTÃO WHATSAPP NA CAPA ===== */
.mt-home-option-whatsapp{
  background: linear-gradient(135deg,#20b15a 0%,#25D366 100%);
  border-color:#25D366;
  color:#ffffff;
}

.mt-home-option-whatsapp .mt-home-option-icon{
  color:#ffffff;
}

.mt-home-option-whatsapp:hover{
  border-color:#179c49;
  color:#ffffff;
  transform:translateY(-2px);
}


/* WhatsApp - botão verde na capa */
.mt-home-option-whatsapp{
  background: linear-gradient(135deg, #128C4A 0%, #25D366 100%) !important;
  border-color: #25D366 !important;
  color: #ffffff !important;
}

.mt-home-option-whatsapp span,
.mt-home-option-whatsapp strong{
  color: #ffffff !important;
}

.mt-home-option-whatsapp:hover{
  background: linear-gradient(135deg, #0f7a40 0%, #20bd5a 100%) !important;
  border-color: #20bd5a !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}

.mt-whatsapp-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border:2px solid #fff;
  border-radius:50%;
  font-size:16px;
  font-weight:900;
  line-height:1;
  color:#fff;
  margin-right:8px;
}

/* Ícone real do WhatsApp */
.mt-whatsapp-icon{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:30px !important;
  height:30px !important;
  border:none !important;
  border-radius:0 !important;
  margin-right:8px;
  color:#ffffff !important;
  line-height:1;
}

.mt-whatsapp-icon svg{
  display:block;
  width:26px;
  height:26px;
}

/* Abas de Vendas com visual igual às etapas de Locação/Serviço */
#salesScreen .mt-sales-nav-step{
  border:1px solid var(--line);
  background:#fff;
  border-radius:12px;
  padding:11px 8px;
  cursor:pointer;
  font-weight:700;
  color:#4b5563;
  transition:.2s;
  text-align:center;
  font-size:13px;
}

#salesScreen .mt-sales-nav-step span{
  display:inline-grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:50%;
  background:#f1f3f5;
  margin-right:4px;
}

#salesScreen .mt-sales-nav-step.active{
  border-color:var(--red);
  color:var(--red);
  box-shadow:0 0 0 2px rgba(215,25,32,.08);
}

#salesScreen .mt-sales-nav-step.active span{
  background:var(--red);
  color:#fff;
}

#salesScreen .mt-sales-nav-step.done{
  border-color:#aed1bb;
  color:#27673d;
}

#salesScreen .mt-sales-nav-step.done span{
  background:#e2f4e8;
  color:#27673d;
}

#salesScreen .mt-sales-nav-step.active.done{
  border-color:var(--red);
  color:var(--red);
}

#salesScreen .mt-sales-nav-step.active.done span{
  background:var(--red);
  color:#fff;
}