/* MaxShine Detailing Tracker — public tracker. Scoped under .adt-tracker so it won't
   collide with the host WordPress theme. Uses the theme's own font stack
   unless overridden, with sensible fallbacks. */
.adt-tracker{
	--adt-ink:#0d0f12;--adt-panel:#15181d;--adt-panel2:#1d2128;--adt-line:#2a2f38;
	--adt-muted:#8b94a3;--adt-text:#e8ecf2;--adt-accent:#ff5c28;--adt-accent-soft:#ff5c2818;
	--adt-green:#27d07a;--adt-green-soft:#27d07a18;--adt-amber:#ffb43d;--adt-amber-soft:#ffb43d18;--adt-blue:#4d8dff;
	max-width:720px;margin:0 auto;color:var(--adt-text);
	background:var(--adt-ink);border-radius:18px;padding:26px 22px;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.adt-tracker *{box-sizing:border-box}
.adt-brandbar{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--adt-line)}
.adt-logo{width:46px;height:46px;object-fit:contain;border-radius:11px;background:#fff;padding:3px}
.adt-brandtext{display:flex;flex-direction:column;line-height:1.2}
.adt-brandname{font-size:18px;font-weight:800;letter-spacing:-.3px;color:var(--adt-text)}
.adt-brandsub{font-size:11px;color:var(--adt-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}
.adt-h2{font-size:25px;font-weight:800;letter-spacing:-.5px;margin:0 0 6px;color:var(--adt-text)}
.adt-sub{color:var(--adt-muted);font-size:14px;margin:0 0 16px}
.adt-searchrow{display:flex;gap:10px;flex-wrap:wrap}
.adt-plate-input{
	flex:1 1 180px;min-width:0;background:var(--adt-panel);border:1px solid var(--adt-line);border-radius:12px;
	padding:14px 16px;color:var(--adt-text);font-size:17px;font-weight:600;letter-spacing:2px;
	text-transform:uppercase;outline:none;transition:.15s;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.adt-plate-input:focus{border-color:var(--adt-accent);box-shadow:0 0 0 3px var(--adt-accent-soft)}
.adt-pin-input{text-transform:none;letter-spacing:0;font-size:15px}
.adt-pin-row{margin-top:10px}
.adt-btn{flex:0 0 auto;background:var(--adt-accent);color:#160a04;border:0;border-radius:12px;padding:14px 22px;font-weight:700;font-size:14px;cursor:pointer;transition:.15s;font-family:inherit;min-height:48px}
.adt-btn:hover{filter:brightness(1.08)}
.adt-btn.ghost{background:var(--adt-panel2);color:var(--adt-text);border:1px solid var(--adt-line)}

.adt-card{background:var(--adt-panel);border:1px solid var(--adt-line);border-radius:16px;padding:20px;margin-top:14px}
.adt-result:empty{display:none}
.adt-vehicle-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.adt-plate-badge{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:21px;font-weight:600;letter-spacing:2px;background:#fff;color:#111;padding:5px 13px;border-radius:7px;display:inline-block;border:2px solid #d4d4d4}
.adt-meta{margin-top:9px;color:var(--adt-muted);font-size:13.5px;line-height:1.5}
.adt-meta b{color:var(--adt-text);font-weight:600}
.adt-pill{font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:99px;text-transform:uppercase;letter-spacing:.4px}
.adt-pill.active{background:var(--adt-amber-soft);color:var(--adt-amber)}
.adt-pill.done{background:var(--adt-green-soft);color:var(--adt-green)}
.adt-section-label{font-size:12px;font-weight:700;color:var(--adt-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 14px}

.adt-steps{position:relative}
.adt-step{display:flex;gap:14px;padding-bottom:20px;position:relative}
.adt-step:last-child{padding-bottom:0}
.adt-step:not(:last-child)::before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--adt-line)}
.adt-step.done:not(:last-child)::before{background:var(--adt-green)}
.adt-dot{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:14px;border:2px solid var(--adt-line);background:var(--adt-panel2);z-index:1;font-weight:700}
.adt-step.done .adt-dot{background:var(--adt-green);border-color:var(--adt-green);color:#04130b}
.adt-step.active .adt-dot{background:var(--adt-amber);border-color:var(--adt-amber);color:#1a1204;animation:adtpulse 1.8s infinite}
@keyframes adtpulse{0%,100%{box-shadow:0 0 0 0 var(--adt-amber-soft)}50%{box-shadow:0 0 0 7px transparent}}
.adt-step-body{padding-top:4px}
.adt-step-body .t{font-weight:600;font-size:15px}
.adt-step-body .s{font-size:12.5px;color:var(--adt-muted);margin-top:2px}
.adt-step.active .s{color:var(--adt-amber)}
.adt-step.pending{opacity:.5}

.adt-note{background:var(--adt-panel2);border:1px solid var(--adt-line);border-left:3px solid var(--adt-blue);border-radius:10px;padding:13px 15px;font-size:13.5px;line-height:1.55;color:#cdd4e0;margin-bottom:10px}
.adt-note:last-child{margin-bottom:0}
.adt-note.warn{border-left-color:var(--adt-amber)}
.adt-note .tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--adt-blue);display:block;margin-bottom:4px}
.adt-note.warn .tag{color:var(--adt-amber)}

.adt-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.adt-photo{position:relative;border-radius:11px;overflow:hidden;aspect-ratio:4/3;border:1px solid var(--adt-line)}
.adt-photo img{width:100%;height:100%;object-fit:cover;display:block}
.adt-photo .cap{position:absolute;left:0;bottom:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;font-size:11px;font-weight:700;padding:14px 9px 7px;text-transform:uppercase;letter-spacing:.5px}
.adt-photo.before .cap{color:var(--adt-amber)}
.adt-photo.after .cap{color:var(--adt-green)}
.adt-photo.damage .cap{color:#ff6b6b}

.adt-hist{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--adt-line)}
.adt-hist:last-child{border:0;padding-bottom:0}
.adt-hist .t{font-weight:600;font-size:14px}
.adt-hist .d{font-size:12px;color:var(--adt-muted);margin-top:2px}
.adt-hist .price{font-family:ui-monospace,monospace;font-weight:600;color:var(--adt-green);font-size:14px}

.adt-empty{text-align:center;padding:34px 18px;color:var(--adt-muted)}
.adt-empty .ico{font-size:38px;margin-bottom:10px}
.adt-back{background:none;border:0;color:var(--adt-accent);font-weight:600;font-size:13px;cursor:pointer;margin-bottom:6px;padding:0;font-family:inherit}
.adt-loading{text-align:center;padding:30px;color:var(--adt-muted);font-size:14px}

/* Phone layout: stack the search input and button, fit photos two-up */
@media (max-width:480px){
	.adt-searchrow{flex-direction:column}
	.adt-plate-input{flex:1 1 auto;width:100%}
	.adt-btn{width:100%}
	.adt-vehicle-head{flex-direction:column}
	.adt-photos{grid-template-columns:repeat(2,1fr)}
}

.adt-branch-tag{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;color:#e8b84b}

/* Protection Program member badge (cross-link to the Care Portal) */
.adt-member{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:0 0 14px;padding:13px 16px;border-radius:12px;text-decoration:none;background:linear-gradient(135deg,rgba(200,169,110,.17),rgba(200,169,110,.05));border:1px solid rgba(200,169,110,.42);transition:border-color .18s,background .18s}
.adt-member:hover{border-color:#c8a96e;background:linear-gradient(135deg,rgba(200,169,110,.24),rgba(200,169,110,.08))}
.adt-member-l{font-size:13.5px;color:#e6cd95}
.adt-member-l b{color:#e6cd95;font-weight:700}
.adt-member-r{font-size:12.5px;font-weight:600;color:#e6cd95;white-space:nowrap}

/* Full-size photo viewer (tap a photo to enlarge) */
.adt-photo img{cursor:zoom-in}
.adt-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.adt-lightbox img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.adt-lb-close{position:absolute;top:14px;right:20px;color:#fff;font-size:36px;line-height:1;cursor:pointer;opacity:.85}
.adt-lb-close:hover{opacity:1}

/* Condition on arrival (intake inspection) */
.adt-intake{display:flex;flex-direction:column;gap:2px}
.adt-intake-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.adt-intake-item:last-child{border-bottom:0}
.adt-intake-area{font-weight:600;font-size:14px}
.adt-dmgtag{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:rgba(232,184,75,.18);color:#e8b84b}
.adt-intake-note{font-size:13px;color:var(--adt-muted,#9a9aa3);flex-basis:100%}
/* Condition-on-arrival annotated inspection sheet */
.adt-intake-sub{font-size:13px;color:var(--adt-muted,#9a9aa3);line-height:1.6;margin:2px 0 14px}
.adt-intake-sub b{color:var(--adt-text,#f1f2f5)}
.adt-sheet{position:relative;width:100%;border:1px solid rgba(255,255,255,.10);border-radius:12px;overflow:hidden;margin-bottom:16px;background:#0c0d12}
.adt-sheet img{display:block;width:100%;height:auto}
.adt-mklayer{position:absolute;inset:0;pointer-events:none}
.adt-ring{position:absolute;width:3.4%;aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid #f0a020;border-radius:50%;background:rgba(240,160,32,.14);box-shadow:0 0 0 2px rgba(0,0,0,.45),0 0 16px rgba(240,160,32,.9);animation:adtPulse 1.9s ease-in-out infinite}
.adt-tick{position:absolute;width:1.7%;aspect-ratio:1;transform:translate(-50%,-50%);background:#f0a020;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
@keyframes adtPulse{0%,100%{box-shadow:0 0 0 2px rgba(0,0,0,.45),0 0 8px rgba(240,160,32,.6)}50%{box-shadow:0 0 0 2px rgba(0,0,0,.45),0 0 18px rgba(240,160,32,1)}}
@media(prefers-reduced-motion:reduce){.adt-ring{animation:none}}
.adt-intake-grp{margin-bottom:12px}
.adt-intake-grp h5{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#e8b84b;font-weight:700;margin:0 0 4px}
.adt-intake-clean{font-size:14px;color:#5fce9b;font-weight:600;line-height:1.6;background:rgba(63,178,127,.12);border:1px solid rgba(63,178,127,.3);border-radius:10px;padding:12px 14px}
.adt-intake-clean b{color:#8fe3ba}
/* Home / mobile service card */
.adt-mobcard{border-left:3px solid var(--adt-muted,#9a9aa3)}
.adt-mobcard.transit{border-left-color:#f0a020}
.adt-mobcard.arrived{border-left-color:var(--adt-green,#3fb27f)}
.adt-mob-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.adt-mob-badge{font-weight:700;font-size:14.5px}
.adt-mob-status{font-size:12.5px;font-weight:700;padding:4px 12px;border-radius:99px;background:rgba(255,255,255,.08);color:var(--adt-muted,#9a9aa3)}
.adt-mob-status.transit{background:rgba(240,160,32,.18);color:#f0b84b;animation:adtMobPulse 1.8s ease-in-out infinite}
.adt-mob-status.arrived{background:rgba(63,178,127,.18);color:#5fce9b}
@keyframes adtMobPulse{0%,100%{opacity:1}50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.adt-mob-status.transit{animation:none}}
.adt-mob-eta{margin-top:11px;font-size:15px;color:var(--adt-text,#f1f2f5)}
.adt-mob-eta b{color:#f0b84b}
.adt-mob-row{display:flex;gap:12px;margin-top:11px;font-size:13.5px}
.adt-mob-row .l{flex:0 0 64px;color:var(--adt-muted,#9a9aa3);text-transform:uppercase;font-size:10.5px;letter-spacing:.05em;font-weight:700;padding-top:3px}
.adt-mob-row .v{color:var(--adt-text,#f1f2f5);line-height:1.5}

/* ===== v1.18 additions ===== */
/* Step completion time on the customer progress list */
.adt-tracker .adt-steptime{color:var(--adt-green);font-weight:600}

/* App feedback card (star rating about the tracker itself) */
.adt-tracker .adt-fb .adt-fbstars{display:flex;gap:4px;margin:2px 0 12px}
.adt-tracker .adt-fbstar{background:none;border:0;cursor:pointer;font-size:30px;line-height:1;color:var(--adt-amber);padding:2px;font-family:inherit}
.adt-tracker .adt-fbstar.on{color:var(--adt-amber)}
.adt-tracker .adt-fbtext{width:100%;background:var(--adt-panel2);border:1px solid var(--adt-line);border-radius:10px;padding:11px;color:var(--adt-text);font-family:inherit;font-size:14px;outline:none;resize:vertical;margin-bottom:10px}
.adt-tracker .adt-fbtext:focus{border-color:var(--adt-accent)}
.adt-tracker .adt-fbsend{width:100%}
.adt-tracker .adt-fbthanks{text-align:center;color:var(--adt-green);font-weight:700;padding:8px 0}

/* Final QC inspector name on the customer progress list */
.adt-tracker .adt-stepby{color:var(--adt-muted);font-weight:600}