/* Jatix · Acompanhar pela placa (portado de /prototype/assets/track-order.css) */
/* ===== modal ===== */
.jt-overlay{
  position:fixed;inset:0;z-index:2147483500;display:none;align-items:center;justify-content:center;padding:20px;
  background:rgba(6,8,12,.74);backdrop-filter:blur(7px);
  font-family:'Jost','Manrope','Plus Jakarta Sans','Space Grotesk',system-ui,sans-serif;
}
.jt-overlay.open{display:flex;}
.jt-card{
  --jt-accent:#C49A41;--jt-on:#1A1206;
  width:440px;max-width:100%;max-height:92vh;overflow:auto;background:#fff;color:#1B1E26;border-radius:18px;
  box-shadow:0 40px 100px rgba(0,0,0,.5);
}
.jt-head{position:relative;padding:22px 24px;color:#fff;background:linear-gradient(135deg,var(--jt-accent),color-mix(in srgb,var(--jt-accent) 62%,#000));}
.jt-head .k{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.9;font-weight:600;}
.jt-head h3{margin:5px 0 0;font-size:1.3rem;font-weight:700;}
.jt-head p{margin:3px 0 0;font-size:.84rem;opacity:.92;}
.jt-close{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;background:rgba(255,255,255,.22);color:#fff;font-size:.95rem;display:flex;align-items:center;justify-content:center;}
.jt-close:hover{background:rgba(255,255,255,.36);}

.jt-body{padding:20px 24px 24px;}
.jt-search{display:flex;gap:9px;}
.jt-search input{
  flex:1;min-width:0;box-sizing:border-box;border:1.5px solid #E4E6EB;border-radius:11px;padding:13px 15px;font-size:1rem;
  font-family:inherit;color:#1B1E26;text-transform:uppercase;letter-spacing:.06em;font-weight:600;
}
.jt-search input::placeholder{color:#AEB2BB;font-weight:400;letter-spacing:normal;}
.jt-search input:focus{outline:none;border-color:var(--jt-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--jt-accent) 20%,transparent);}
.jt-search button{
  flex:none;border:none;border-radius:11px;cursor:pointer;padding:0 18px;background:var(--jt-accent);color:var(--jt-on);
  font-family:inherit;font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:7px;
}
.jt-search button:hover{filter:brightness(1.06);}
.jt-hint{font-size:.78rem;color:#9AA0AB;margin-top:10px;text-align:center;}

/* result */
.jt-result{margin-top:18px;display:none;}
.jt-result.show{display:block;}
.jt-vehicle{display:flex;align-items:center;gap:13px;padding-bottom:14px;border-bottom:1px solid #EDEFF2;}
.jt-plate{font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:.92rem;letter-spacing:.06em;color:#15161A;background:#F1F3F6;border:1.5px solid #DDE1E7;border-radius:7px;padding:8px 11px;white-space:nowrap;}
.jt-vehicle .vn{font-weight:700;font-size:1.05rem;}
.jt-vehicle .vs{color:#7A7F8A;font-size:.84rem;}
.jt-status{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;padding:5px 12px;border-radius:20px;margin:14px 0;}
.jt-status .d{width:8px;height:8px;border-radius:50%;}

.jt-steps{display:flex;flex-direction:column;gap:0;margin:6px 0 16px;}
.jt-step{display:flex;align-items:center;gap:12px;padding:9px 0;position:relative;}
.jt-step .ic{width:30px;height:30px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:.95rem;border:2px solid #E2E5EA;color:#B4B9C2;background:#fff;z-index:2;}
.jt-step.done .ic{background:var(--jt-accent);border-color:var(--jt-accent);color:#fff;}
.jt-step.current .ic{border-color:var(--jt-accent);color:var(--jt-accent);}
.jt-step:not(:last-child)::before{content:"";position:absolute;left:14px;top:30px;bottom:-9px;width:2px;background:#E2E5EA;z-index:1;}
.jt-step.done:not(:last-child)::before{background:var(--jt-accent);}
.jt-step .lb{font-size:.92rem;color:#3A3D45;font-weight:500;}
.jt-step.current .lb{color:#15161A;font-weight:700;}

.jt-meta{display:flex;gap:10px;}
.jt-meta .box{flex:1;background:#F6F7F9;border:1px solid #EDEFF2;border-radius:11px;padding:12px 14px;}
.jt-meta .box .l{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#9AA0AB;font-weight:600;}
.jt-meta .box .v{font-size:1.15rem;font-weight:800;margin-top:3px;font-variant-numeric:tabular-nums;}
.jt-team{margin-top:14px;}
.jt-team .l{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#9AA0AB;font-weight:600;margin-bottom:7px;}
.jt-team-row{display:flex;align-items:center;gap:9px;padding:6px 0;}
.jt-team-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;flex:none;}
.jt-team-row .nm{font-size:.88rem;font-weight:600;color:#15161A;}
.jt-team-row .tk{font-size:.78rem;color:#7A7F8A;}
.jt-team-row .tm{margin-left:auto;font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:.86rem;color:#15161A;}

.jt-notfound{display:none;text-align:center;padding:26px 10px 10px;}
.jt-result.notfound~.jt-notfound,.jt-notfound.show{display:block;}
.jt-notfound .ic{width:56px;height:56px;border-radius:50%;background:#F1F3F6;color:#9AA0AB;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 12px;}
.jt-notfound p{color:#7A7F8A;font-size:.9rem;margin:0;}
.jt-notfound strong{color:#15161A;}

/* Andamento da OS (etapas reais do checklist) */
.jt-progress{margin:2px 0 10px;}
.jt-progress-top{display:flex;justify-content:space-between;align-items:baseline;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#9AA0AB;font-weight:600;margin-bottom:6px;}
.jt-progress-top strong{font-size:1rem;letter-spacing:0;color:#15161A;}
.jt-progress-bar{height:8px;border-radius:20px;background:#EDEFF2;overflow:hidden;}
.jt-progress-bar span{display:block;height:100%;border-radius:20px;background:var(--jt-accent);transition:width .4s;}
.jt-head h3,.jt-head p{color:inherit;}
.jt-unit{display:flex;gap:6px;align-items:baseline;font-size:.86rem;opacity:.85;margin:10px 0 4px;}