:root{--bg:#071014;--panel:#0d1a20;--panel2:#12252d;--text:#eaf7f6;--muted:#8da5a9;--line:#1f3a44;--accent:#00e0a4;--amber:#ffc857;--danger:#ff5c7a;--blue:#39a7ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,#12323a,#071014 45%,#05090b);color:var(--text)}.shell{min-height:100vh;display:flex}.sidebar{width:290px;background:linear-gradient(180deg,#0b1c22,#071014);border-right:1px solid var(--line);padding:22px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:13px;align-items:center;margin-bottom:30px}.brand-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--blue));display:grid;place-items:center;font-size:24px;box-shadow:0 0 30px #00e0a433}.brand h1{margin:0;font-size:23px}.brand p{margin:3px 0 0;color:var(--muted);font-size:12px}.nav{width:100%;text-align:left;margin:7px 0;padding:13px 14px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--muted);cursor:pointer;font-weight:700}.nav:hover,.nav.active{background:#10252d;color:var(--text);border-color:#1f4751}.status-card{margin-top:26px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#0a171c;color:var(--muted);font-size:13px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--amber);margin-right:8px}.dot.ok{background:var(--accent);box-shadow:0 0 15px var(--accent)}.main{flex:1;padding:24px;max-width:1500px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.topbar h2{margin:0;font-size:32px}.topbar p{margin:5px 0;color:var(--muted)}.authbox{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.input{background:#09171c;border:1px solid var(--line);border-radius:13px;color:var(--text);padding:12px 13px;outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00e0a422}.authbox .input{width:190px}.btn{border:1px solid #27505c;border-radius:13px;background:#112830;color:var(--text);padding:12px 14px;font-weight:800;cursor:pointer}.btn:hover{filter:brightness(1.15)}.btn.primary{background:linear-gradient(135deg,#00a878,var(--accent));color:#03100d;border:0}.btn.danger{background:#32111a;color:#ffd9df;border-color:#6b2030}.view{display:none}.view.active{display:block}.hero,.panel{background:linear-gradient(145deg,#0d1a20,#0a1519);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 20px 60px #00000035}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.hero h3{font-size:28px;margin:0 0 8px}.hero p{color:var(--muted);margin:0}.hero-badge{border:1px solid #00e0a466;color:var(--accent);padding:10px 13px;border-radius:999px;font-weight:900}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:#0c1b21;border:1px solid var(--line);border-radius:20px;padding:20px}.stat b{font-size:30px;display:block}.stat span{color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.grow{flex:1;min-width:260px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}.card{position:relative;background:linear-gradient(180deg,#10242b,#0b171c);border:1px solid var(--line);border-radius:20px;padding:16px;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--blue))}.card h3{margin:6px 0 8px;font-size:18px}.meta{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.pill{font-size:12px;border:1px solid #2a4e58;border-radius:999px;color:#bdd2d5;padding:5px 8px;background:#0a181d}.muted{color:var(--muted)}.small{font-size:12px}.part-img{width:100%;height:150px;object-fit:cover;border-radius:14px;margin-bottom:10px;background:#071014;border:1px solid var(--line)}.card-actions{display:flex;gap:8px;margin-top:12px}.mini-results{display:grid;gap:8px;margin-top:12px}.mini{padding:10px;border:1px solid var(--line);border-radius:14px;background:#0a171c}.cpu-help{margin-bottom:12px}.helpbox{background:#11252d;border:1px solid #294c58;border-radius:18px;padding:16px;color:#cfe4e4}.ev-menu{display:flex;gap:10px;margin:14px 0}.ev-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:#0d2028;color:var(--text);font-weight:900}.placeholder{border:1px dashed #335a66;border-radius:18px;padding:25px;color:var(--muted);background:#08151a}.admin-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.notice{margin-top:12px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:22px;background:#0b171c;color:var(--text);width:min(780px,95vw);box-shadow:0 30px 100px #000}dialog::backdrop{background:#0009}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field.full{grid-column:1/-1}.field label{display:block;color:var(--muted);font-size:12px;margin:3px 0 5px}.field input,.field textarea,.field select{width:100%;background:#071014;border:1px solid var(--line);border-radius:12px;color:var(--text);padding:11px}.field textarea{min-height:92px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}@media(max-width:850px){.shell{display:block}.sidebar{width:auto;height:auto;position:relative}.main{padding:16px}.stats,.grid2{grid-template-columns:1fr}.topbar{display:block}.formgrid{grid-template-columns:1fr}.authbox{justify-content:flex-start;margin-top:12px}.cards{grid-template-columns:1fr}}
.lookup-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:18px 20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#10242b,#08151a);box-shadow:0 20px 60px #00000025}.lookup-intro h3{margin:0 0 6px;font-size:23px}.lookup-intro p{margin:0;color:var(--muted)}.lookup-badge{font-weight:1000;letter-spacing:.08em;font-size:12px;border:1px solid #00e0a466;color:var(--accent);border-radius:999px;padding:10px 14px;background:#05231d}.lookup-badge.warning{border-color:#ffc85766;color:var(--amber);background:#261b05}.toolbar.guided{padding:12px;border:1px solid var(--line);border-radius:20px;background:#09171c}.toolbar.guided select{min-width:180px}.prompt-card{margin:12px 0}.prompt-inner{display:flex;gap:16px;align-items:flex-start;border:1px dashed #315965;background:#08151a;border-radius:22px;padding:22px;color:var(--muted)}.prompt-inner h3{color:var(--text);margin:0 0 6px}.prompt-inner p{margin:0;line-height:1.45}.prompt-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:#10252d;font-size:26px;box-shadow:inset 0 0 0 1px #244852}.prompt-icon.warning{background:#281c08;box-shadow:inset 0 0 0 1px #5d4318}.result-summary{border:1px solid var(--line);border-radius:16px;background:#0b171c;color:var(--muted);padding:12px 14px}.result-summary b{color:var(--accent);font-size:20px}.technical-cards{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.part-card .card-kicker,.card-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:900}.part-number{display:inline-block;font-size:24px;font-weight:1000;color:#03100d;background:linear-gradient(135deg,var(--accent),#bfffee);border-radius:14px;padding:8px 12px;margin:6px 0 4px}.fault-console{display:grid;grid-template-columns:1.1fr .65fr 1.2fr auto auto;gap:10px;align-items:end;margin-bottom:14px;padding:14px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#0b1b21,#08151a)}.console-row label{display:block;font-size:12px;color:var(--muted);margin:0 0 5px;font-weight:800}.console-row .input{width:100%}.fault-results{display:grid;gap:14px}.fault-card{display:grid;grid-template-columns:132px 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#10242b,#0b171c);box-shadow:0 18px 50px #00000025}.fault-code-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:radial-gradient(circle at top,#4a3612,#171006);border-right:1px solid #5d4318;color:var(--amber);padding:18px}.fault-code-block span{font-size:11px;letter-spacing:.16em;font-weight:1000;color:#ffe2a0}.fault-code-block b{font-size:42px;line-height:1}.fault-code-block em{font-style:normal;font-size:12px;border:1px solid #ffc85766;border-radius:999px;padding:5px 8px;color:#ffe2a0}.fault-body{padding:18px}.fault-body h3{margin:5px 0 12px;font-size:21px}.solution-box{border:1px solid #1e4f46;background:#08221d;border-radius:18px;padding:14px}.solution-box b{color:var(--accent)}.solution-box p,.refs p{margin:6px 0 0;color:#cfe4e4;white-space:pre-wrap}.refs{margin-top:10px;border:1px solid #294c58;background:#0a171c;border-radius:16px;padding:12px}.refs b{color:#9edcff}@media(max-width:950px){.fault-console{grid-template-columns:1fr}.fault-card{grid-template-columns:1fr}.fault-code-block{border-right:0;border-bottom:1px solid #5d4318}.toolbar.guided select,.toolbar.guided .input{width:100%;min-width:0}.lookup-intro{display:block}.lookup-badge{display:inline-block;margin-top:12px}}

/* Guided diagnostic console upgrade */
.diagnostic-layout{display:grid;grid-template-columns:360px 1fr;gap:18px;margin-bottom:16px;align-items:stretch}
.pump-visual{background:linear-gradient(180deg,#192a30,#081115);border:1px solid #31545f;border-radius:28px;padding:18px;box-shadow:0 24px 70px #0008,inset 0 1px 0 #ffffff18;position:relative;overflow:hidden}
.pump-visual:before{content:"";position:absolute;inset:-80px auto auto -80px;width:220px;height:220px;background:radial-gradient(circle,#00e0a42b,transparent 65%)}
.pump-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;position:relative;z-index:1}.pump-brand{font-size:12px;letter-spacing:.16em;color:#bde5e2;font-weight:900}.pump-status-light{width:14px;height:14px;border-radius:50%;background:#6b2732;box-shadow:0 0 12px #ff5c7a55}.pump-status-light.active{background:var(--accent);box-shadow:0 0 18px var(--accent)}
.pump-screen{background:linear-gradient(180deg,#05110d,#09251d);border:2px solid #2a5f55;border-radius:18px;padding:18px;min-height:170px;box-shadow:inset 0 0 35px #00e0a421,0 0 20px #00e0a414;font-family:Consolas,Menlo,monospace;color:#73ffd9;text-shadow:0 0 12px #00e0a4}
.screen-line{font-size:13px;letter-spacing:.08em;color:#b2ffed;min-height:22px}.screen-small{color:#74bdb0}.screen-code{font-size:46px;font-weight:900;letter-spacing:.06em;margin:22px 0 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pump-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.pump-keypad span{height:34px;border-radius:10px;background:#0b181d;border:1px solid #2b4d57;color:#9bb7bb;display:grid;place-items:center;font-size:12px;font-weight:900;box-shadow:inset 0 -2px 0 #0005}
.diagnostic-console{margin:0;display:flex;flex-direction:column;justify-content:center}.console-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.console-title b{font-size:18px}.console-title span{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.quick-fault-actions{display:flex;gap:10px;flex-wrap:wrap}.diag-card{border-left:4px solid #31545f}.diag-card.primary-match{border-color:var(--accent);box-shadow:0 0 0 1px #00e0a42e,0 20px 60px #0005}.diagnostic-summary{border-color:#00e0a455;background:#09241d}.diag-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:12px}.no-match{border-color:#6b2030;background:#170b10}
@media(max-width:900px){.diagnostic-layout{grid-template-columns:1fr}.pump-visual{max-width:520px}.diag-grid{grid-template-columns:1fr}.screen-code{font-size:38px}.sidebar{position:relative;height:auto;width:100%}.shell{display:block}}


/* Red & white petrol pump diagnostic upgrade */
:root{--accent:#e11d2f;--accent2:#ffffff;--danger:#e11d2f;--panel:#151821;--panel2:#1d222c;--line:#ffffff22;--text:#f8fafc;--muted:#b7c0ca;}
body{background:radial-gradient(circle at top right,#3b0a12 0,#12141a 34%,#07080c 100%);}
.sidebar{border-right:1px solid #ffffff1f;background:linear-gradient(180deg,#120f12,#211015 52%,#11131a)}
.brand-icon,.hero-badge,.lookup-badge,.btn.primary{background:#e11d2f;color:#fff;box-shadow:0 10px 30px #e11d2f33;border-color:#ff9aa3}
.nav.active{background:linear-gradient(90deg,#e11d2f,#ff4d5c);color:white;box-shadow:0 10px 30px #e11d2f33}
.stat b,.card-kicker,.console-title span,.lookup-intro h3{color:#ff3d4f}.btn{border:1px solid #ffffff26}.btn.primary:hover{background:#b50e1e}.dot.ok{background:#24d17e}
.pump-visual{background:linear-gradient(180deg,#f8fafc 0%,#dce2ea 35%,#aeb6c2 100%);border:6px solid #e11d2f;border-radius:24px;box-shadow:0 30px 90px #0008, inset 0 0 0 2px #fff;position:relative;color:#111}
.pump-visual:before{content:"";position:absolute;inset:12px;border:2px solid #11182722;border-radius:16px;pointer-events:none}.pump-head{background:#e11d2f;color:#fff;border-radius:14px 14px 6px 6px;margin:10px;padding:12px 14px}.pump-brand{font-weight:1000;letter-spacing:.18em}.pump-status-light{background:#fff;border:2px solid #991b1b}.pump-status-light.active{background:#16a34a;box-shadow:0 0 18px #16a34a}
.pump-screen{margin:14px;background:#111;border:5px solid #333;border-radius:14px;padding:18px;text-align:center;box-shadow:inset 0 0 35px #e11d2f44}.screen-small,.screen-line{color:#ff4d5c;text-transform:uppercase;letter-spacing:.12em}.screen-module{font-size:18px;color:#fff;background:#e11d2f;border-radius:8px;display:inline-block;padding:4px 12px;margin:6px 0 2px;font-weight:900;letter-spacing:.12em}.screen-code{color:#fff;font-size:48px;text-shadow:0 0 14px #ff4d5c;font-family:ui-monospace,Menlo,Consolas,monospace}.pump-keypad span{background:#ffffff;color:#111;border:1px solid #9aa3ad;box-shadow:inset 0 -3px 0 #c6ccd4}.fault-console{background:linear-gradient(180deg,#1d222c,#151821);border:1px solid #ffffff24}.diag-card.primary-match{border-color:#e11d2f;box-shadow:0 0 0 1px #e11d2f44,0 20px 60px #0005}.diagnostic-summary{background:#2a1015;border-color:#e11d2f66}.fault-code-block{background:linear-gradient(180deg,#e11d2f,#8f0c18);color:#fff}.solution-box b,.refs b{color:#ff5666}.optional-field{transition:.2s ease}.helpbox{border-left:4px solid #e11d2f;background:#1d1115}.prompt-icon.warning{background:#e11d2f;color:#fff}.no-match{border-color:#e11d2f;background:#1f1014}

/* === Production light petrol-pump theme upgrade === */
:root{
  --bg:#f5f7fb;--panel:#ffffff;--panel2:#fff7f7;--text:#202733;--muted:#667085;--line:#d9e0ea;
  --accent:#d71920;--accent2:#a70f15;--amber:#ffb703;--danger:#b42318;--blue:#175cd3;--green:#00875a;
  --soft-red:#fff1f1;--soft-grey:#eef2f7;--shadow:0 18px 48px rgba(16,24,40,.10)
}
body{background:linear-gradient(135deg,#ffffff 0%,#f6f8fb 42%,#ffecec 100%);color:var(--text)}
.shell{background:linear-gradient(120deg,rgba(215,25,32,.08),transparent 35%)}
.sidebar{background:linear-gradient(180deg,#ffffff,#f8fafc);border-right:1px solid var(--line);box-shadow:8px 0 30px rgba(16,24,40,.06)}
.brand-icon{background:linear-gradient(135deg,#d71920,#ff6b6b);color:#fff;box-shadow:0 10px 25px rgba(215,25,32,.25)}
.brand h1{color:#111827}.brand p,.topbar p,.muted{color:var(--muted)}
.nav{color:#475467;border:1px solid transparent}.nav:hover,.nav.active{background:#fff1f1;color:#b42318;border-color:#ffd1d1;box-shadow:0 8px 20px rgba(215,25,32,.08)}
.status-card{background:#ffffff;border-color:var(--line);box-shadow:var(--shadow);color:#344054}.dot.ok{background:var(--green);box-shadow:0 0 12px rgba(0,135,90,.35)}
.main{max-width:1580px}.topbar{background:rgba(255,255,255,.72);border:1px solid rgba(217,224,234,.8);border-radius:24px;padding:18px 20px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}
.input{background:#ffffff;border:1px solid #cfd6e2;color:#101828;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.input:focus{border-color:#d71920;box-shadow:0 0 0 4px rgba(215,25,32,.12)}
.btn{background:#ffffff;color:#243041;border:1px solid #cfd6e2;box-shadow:0 8px 18px rgba(16,24,40,.06)}
.btn.primary{background:linear-gradient(135deg,#d71920,#ff4d55);color:#fff;border:0}.btn.danger{background:#fff1f1;color:#b42318;border-color:#ffb3b8}
.hero,.panel,.lookup-intro,.prompt-card,.result-summary,.helpbox{background:#ffffff;border:1px solid var(--line);box-shadow:var(--shadow)}
.hero{position:relative;overflow:hidden}.hero:after{content:'⛽';position:absolute;right:36px;bottom:-35px;font-size:150px;opacity:.055;transform:rotate(-10deg)}
.hero h3,.lookup-intro h3{color:#101828}.hero-badge,.lookup-badge{background:#fff1f1;border-color:#ffb5b5;color:#b42318}.lookup-badge.warning{background:#fff1f1;color:#b42318}
.stat{background:#ffffff;border-color:#e4e9f2;box-shadow:var(--shadow)}.stat b{color:#b42318}.stat span{color:#667085}
.mini{background:#f8fafc;border:1px solid #e4e9f2;color:#1d2939}.pill{background:#f2f4f7;color:#344054;border:1px solid #d0d5dd}.small{font-size:12px}

/* Guided parts drill-down */
.parts-explorer{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin:16px 0}.step-card{display:flex;gap:12px;align-items:stretch;background:#fff;border:1px solid #e4e9f2;border-radius:20px;padding:14px;box-shadow:var(--shadow)}
.step-card>span,.step-no{width:34px;height:34px;border-radius:999px;background:#d71920;color:#fff;display:grid;place-items:center;font-weight:900;flex:0 0 34px}.step-card b{display:block;margin-bottom:8px;color:#101828}.step-card>div{flex:1}.step-card .input{width:100%}.part-action-bar{background:#fff;border:1px solid #e4e9f2;border-radius:20px;padding:14px;box-shadow:var(--shadow)}
.prompt-icon.petrol{background:#fff1f1;color:#d71920}.quick-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chipbtn{border:1px solid #ffd1d1;background:#fff7f7;color:#b42318;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}.chipbtn:hover{background:#ffe5e5}
.cards.technical-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(430px,1fr));gap:16px}.part-card{background:#fff;border:1px solid #e4e9f2;border-radius:24px;box-shadow:var(--shadow);padding:16px;display:grid;grid-template-columns:110px 1fr;gap:16px;position:relative;overflow:hidden}.part-card:before{content:'';position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#d71920,#ff8a8a)}.part-media{width:110px;height:110px;border-radius:18px;background:#f2f4f7;border:1px solid #e4e9f2;display:grid;place-items:center;overflow:hidden}.part-img{width:100%;height:100%;object-fit:cover}.part-placeholder{font-size:36px;color:#98a2b3}.part-main h3{margin:4px 0;font-size:24px;color:#101828}.part-desc{margin:0 0 10px;color:#344054;font-weight:700}.part-path{display:flex;gap:7px;flex-wrap:wrap}.part-path .pill small{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.06em;color:#667085}.service-note{background:#f8fafc;border:1px solid #e4e9f2;border-radius:16px;padding:10px 12px;margin-top:12px}.service-note p{margin:5px 0 0;color:#475467}.parts-summary span,.diagnostic-summary span{margin-left:10px;color:#667085;font-weight:700}

/* Fault diagnostic console */
.diagnostic-layout{display:grid;grid-template-columns:minmax(330px,460px) 1fr;gap:20px;align-items:start}.pump-visual{background:linear-gradient(180deg,#f5f5f5,#d8dde6);border:1px solid #c8d0dc;border-radius:30px;box-shadow:var(--shadow);padding:18px;position:relative}.pump-visual:before{content:'';position:absolute;left:35px;right:35px;top:0;height:7px;background:#d71920;border-radius:0 0 14px 14px}.pump-head{background:#d71920;color:#fff;border-radius:20px 20px 10px 10px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.pump-brand{font-weight:950;letter-spacing:.08em}.pump-status-light{width:15px;height:15px;border-radius:50%;background:#ffe0e0;border:2px solid #fff}.pump-status-light.active{background:#00c781;box-shadow:0 0 18px rgba(0,199,129,.8)}
.pump-screen{background:#111827;border:8px solid #2a3443;border-radius:22px;margin:16px 0;padding:20px;min-height:190px;box-shadow:inset 0 0 25px rgba(0,0,0,.9),0 10px 24px rgba(16,24,40,.16)}.screen-line{font-family:Consolas,monospace;color:#fff;font-weight:900;text-shadow:0 0 9px rgba(255,255,255,.45);line-height:1.25}.screen-small{font-size:18px;color:#b8f7ff}.screen-module{font-family:Consolas,monospace;color:#ffdfdf;font-weight:900;margin-top:10px;font-size:20px;text-shadow:0 0 10px rgba(255,80,80,.75)}.screen-code{font-family:Consolas,monospace;color:#ff5454;font-size:43px;font-weight:950;letter-spacing:.04em;text-shadow:0 0 16px rgba(255,84,84,.9);margin:8px 0}.pump-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pump-keypad span{background:#fff;border:1px solid #cfd6e2;border-radius:12px;text-align:center;padding:10px;font-weight:900;color:#344054;box-shadow:inset 0 -2px 0 #e4e9f2}
.diagnostic-console{background:#fff;border:1px solid #e4e9f2;border-radius:28px;padding:20px;box-shadow:var(--shadow)}.engineer-panel-head{display:flex;gap:14px;align-items:center;border-bottom:1px solid #e4e9f2;padding-bottom:14px;margin-bottom:16px}.engineer-panel-head b{display:block;font-size:22px;color:#101828}.engineer-panel-head span{color:#667085}.tool-icon{width:52px;height:52px;border-radius:18px;background:#fff1f1;color:#d71920;display:grid;place-items:center;font-size:26px}.diagnostic-steps{display:grid;gap:12px}.diag-step{display:flex;gap:12px;background:#f8fafc;border:1px solid #e4e9f2;border-radius:18px;padding:13px;align-items:flex-start}.diag-step>div{flex:1}.diag-step label,.quick-search-panel label{display:block;font-weight:900;color:#344054;margin-bottom:8px}.quick-search-panel{margin-top:14px;background:#fff7f7;border:1px solid #ffd6d6;border-radius:18px;padding:14px}.quick-fault-actions{display:flex;gap:10px;margin-top:14px}.fault-results{display:grid;gap:14px;margin-top:16px}.diag-card{display:grid;grid-template-columns:150px 1fr;background:#fff;border:1px solid #e4e9f2;border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.diag-card.primary-match{border-color:#ffb3b8}.fault-code-block{background:linear-gradient(180deg,#d71920,#941016);color:#fff;padding:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.fault-code-block span{font-size:11px;font-weight:950;letter-spacing:.08em;opacity:.9}.fault-code-block b{font-size:42px;line-height:1}.fault-code-block em{font-style:normal;margin-top:8px;background:rgba(255,255,255,.18);border-radius:999px;padding:5px 10px;font-size:12px}.fault-body{padding:18px}.fault-body h3{margin:4px 0 14px;color:#101828}.diag-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.solution-box,.refs{background:#f8fafc;border:1px solid #e4e9f2;border-radius:16px;padding:12px}.solution-box p,.refs p{margin:6px 0 0;color:#475467}.card-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#b42318;font-weight:950}.helpbox{margin:16px 0;border-left:5px solid #d71920}.no-match{color:#344054}.result-summary b{color:#b42318}

/* Admin and dialogs */
dialog{border:0;border-radius:24px;box-shadow:0 30px 90px rgba(16,24,40,.25);background:#fff;color:#101828;max-width:900px;width:calc(100% - 28px)}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field.full{grid-column:1/-1}.field label{display:block;font-weight:900;margin-bottom:6px;color:#344054}.field input,.field textarea{width:100%;border:1px solid #cfd6e2;border-radius:13px;padding:12px}.field textarea{min-height:110px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.ev-card{background:#fff;border:1px solid #e4e9f2;color:#344054;border-radius:18px;padding:14px 18px;font-weight:900}.ev-card.active{background:#fff1f1;color:#b42318;border-color:#ffc0c0}

@media(max-width:1050px){.shell{display:block}.sidebar{position:relative;width:auto;height:auto}.main{padding:14px}.topbar,.hero{display:block}.parts-explorer{grid-template-columns:1fr 1fr}.diagnostic-layout{grid-template-columns:1fr}.cards.technical-cards{grid-template-columns:1fr}.diag-grid{grid-template-columns:1fr}}
@media(max-width:620px){.parts-explorer{grid-template-columns:1fr}.part-card,.diag-card{grid-template-columns:1fr}.part-media{width:100%;height:170px}.authbox .input{width:100%}.formgrid{grid-template-columns:1fr}.screen-code{font-size:34px}}

/* === Final responsive engineer UI patch === */
.main{padding:18px 22px}.lookup-intro{margin-bottom:12px}.diagnostic-layout{grid-template-columns:minmax(360px,430px) minmax(320px,520px);gap:14px;align-items:stretch}.pump-visual,.diagnostic-console{height:100%}.pump-visual{padding:14px;border-radius:24px}.pump-head{padding:10px 14px;border-radius:16px 16px 8px 8px}.pump-brand{font-size:13px}.pump-screen{margin:12px 0;padding:16px;min-height:166px;border-width:7px}.screen-small{font-size:16px}.screen-module{font-size:18px;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.55),0 0 8px rgba(255,80,80,.9)}.screen-code{font-size:39px;margin:6px 0;color:#ff6969}.screen-line:not(.screen-small){font-size:13px;color:#fff;letter-spacing:.04em;text-shadow:0 0 11px rgba(255,255,255,.75)}
.keypad-mode{display:flex;gap:8px;margin:2px 0 10px}.mode-btn{flex:1;border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:999px;padding:9px 10px;font-weight:900;cursor:pointer}.mode-btn.active{background:#d71920;color:#fff;border-color:#d71920;box-shadow:0 9px 18px rgba(215,25,32,.18)}.pump-keypad{gap:7px}.pump-keypad button{background:#fff;border:1px solid #cfd6e2;border-radius:12px;text-align:center;padding:10px;font-weight:950;color:#344054;box-shadow:inset 0 -2px 0 #e4e9f2;cursor:pointer}.pump-keypad button:active{transform:translateY(1px);box-shadow:none;background:#fff1f1;color:#b42318}
.compact-console{padding:15px;border-radius:24px}.engineer-panel-head{padding-bottom:10px;margin-bottom:11px}.engineer-panel-head b{font-size:19px}.engineer-panel-head span{font-size:13px}.tool-icon{width:44px;height:44px;border-radius:14px}.compact-steps{gap:8px}.diag-step{padding:10px;border-radius:15px}.primary-step{align-items:center}.inline-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inline-code-grid .diag-step{min-height:102px}.step-no{width:28px;height:28px;flex-basis:28px;font-size:13px}.diag-step label,.quick-search-panel label{font-size:12px}.code-input{font-size:22px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.quick-search-panel{margin-top:9px;padding:11px;border-radius:15px}.quick-fault-actions{margin-top:10px}.cpu-help{margin-top:10px}.helpbox{padding:12px 14px;border-radius:16px}.prompt-card{margin-top:12px}.fault-results{margin-top:12px}.diag-card{grid-template-columns:130px 1fr}.fault-code-block{padding:15px}.fault-code-block b{font-size:34px}.fault-body{padding:15px}.fault-body h3{font-size:18px;margin-bottom:10px}.solution-box,.refs{padding:10px}.diag-grid{gap:9px}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.btn{padding:10px 14px}.authbox{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.authbox .input{max-width:180px}
.parts-explorer{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.step-card{padding:11px;border-radius:17px;gap:9px}.step-card>span{width:28px;height:28px;flex-basis:28px}.step-card b{font-size:13px}.part-action-bar{padding:11px}.cards.technical-cards{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}.part-card{grid-template-columns:92px 1fr;gap:12px;padding:13px;border-radius:20px}.part-media{width:92px;height:92px}.part-main h3{font-size:20px}.part-desc{font-size:14px}.pill{font-size:12px;padding:5px 8px}
@media(max-width:1180px){.diagnostic-layout{grid-template-columns:420px 1fr}.inline-code-grid{grid-template-columns:1fr}.inline-code-grid .diag-step{min-height:auto}.parts-explorer{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.diagnostic-layout{grid-template-columns:1fr}.pump-visual{max-width:480px;margin:auto}.diagnostic-console{max-width:640px;margin:auto;width:100%}.topbar{gap:12px}.cards.technical-cards{grid-template-columns:1fr}}
@media(max-width:620px){body{font-size:15px}.main{padding:10px}.sidebar{padding:10px}.brand{margin-bottom:10px}.nav{display:inline-flex;margin:4px 3px;width:auto}.status-card{margin-top:8px}.topbar{padding:12px;border-radius:18px}.topbar h2{font-size:24px}.authbox{width:100%}.authbox .input,.authbox .btn{max-width:none;width:100%}.lookup-intro{padding:13px;border-radius:18px}.lookup-intro h3{font-size:20px}.diagnostic-layout{gap:10px}.pump-visual{padding:10px;border-radius:20px}.pump-screen{min-height:145px;padding:13px}.screen-code{font-size:34px}.screen-module{font-size:16px}.screen-line:not(.screen-small){font-size:11px}.pump-keypad button{padding:12px 8px;font-size:15px}.engineer-panel-head{align-items:flex-start}.diagnostic-console{padding:12px;border-radius:18px}.diag-card{grid-template-columns:1fr}.fault-code-block{min-height:115px}.diag-grid{grid-template-columns:1fr}.parts-explorer{grid-template-columns:1fr}.part-card{grid-template-columns:1fr}.part-media{width:100%;height:160px}.part-action-bar{display:block}.part-action-bar .input{width:100%;margin-bottom:8px}.quick-fault-actions{display:grid;grid-template-columns:1fr 1fr}.quick-fault-actions .btn{width:100%}}


/* === Module letter keypad and overlap fix === */
.diagnostic-layout{align-items:start;overflow:visible}.pump-visual,.diagnostic-console{position:relative;z-index:1;overflow:visible}.pump-visual{min-width:0}.diagnostic-console{min-width:0}.keypad-mode{position:relative;z-index:3;background:transparent}.pump-keypad{position:relative;z-index:2}.pump-keypad.letter-mode{grid-template-columns:repeat(5,1fr);gap:6px}.pump-keypad.letter-mode button{padding:9px 6px;font-size:13px}.pump-keypad.letter-mode button[data-key="ENT"]{grid-column:span 2;background:#d71920;color:#fff;border-color:#d71920}.pump-keypad.letter-mode button[data-key="CLR"],.pump-keypad.letter-mode button[data-key="DEL"]{background:#fff1f1;color:#b42318;border-color:#ffc9c9}.mode-btn{white-space:nowrap}.mode-btn.active::after{content:' active';font-size:10px;font-weight:800;opacity:.8;text-transform:uppercase;margin-left:4px}.code-input{text-transform:uppercase}.inline-code-grid{position:relative;z-index:4}.diag-step{position:relative;z-index:4}.pump-screen{position:relative;z-index:1}.screen-module{background:#d71920;color:#fff;border-radius:9px;padding:4px 12px;display:inline-block;box-shadow:0 0 18px rgba(215,25,32,.35)}
@media(max-width:900px){.diagnostic-layout{grid-template-columns:1fr!important}.pump-visual,.diagnostic-console{max-width:560px}.pump-keypad.letter-mode{grid-template-columns:repeat(6,1fr)}.pump-keypad.letter-mode button{font-size:12px;padding:10px 4px}}
@media(max-width:520px){.pump-keypad.letter-mode{grid-template-columns:repeat(4,1fr)}.pump-keypad.letter-mode button{font-size:14px;padding:12px 4px}.pump-keypad.letter-mode button[data-key="ENT"]{grid-column:span 2}.mode-btn.active::after{content:''}}

/* Multi-line parts lookup - mirrors the original spreadsheet search style */
.multi-search-panel{background:#fff;border:1px solid rgba(128,0,0,.14);border-radius:24px;padding:18px;box-shadow:0 14px 35px rgba(60,20,20,.08);margin:14px 0}
.search-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.search-head h3{margin:0 0 4px;font-size:1.25rem}.search-head p{margin:0;color:#6b5f5f}.sheet-style{background:#ffe9e9;color:#a40018;border:1px solid #ffd2d2;border-radius:999px;padding:8px 12px;font-weight:800;font-size:.8rem;white-space:nowrap}
.multi-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.multi-search-grid label{display:flex;flex-direction:column;gap:6px;font-weight:800;color:#3a2d2d}.multi-search-grid label span{font-size:.85rem;color:#b2001c}.multi-search-grid .input{background:#fff;border:2px solid #f1d2d2;border-radius:15px;min-height:46px;font-weight:700}.multi-search-grid .input:focus{border-color:#e4002b;box-shadow:0 0 0 4px rgba(228,0,43,.11)}
@media(max-width:760px){.multi-search-grid{grid-template-columns:1fr}.search-head{flex-direction:column}.sheet-style{width:max-content}.multi-search-panel{padding:14px;border-radius:18px}}

/* === CPU dropdown right panel + keypad-only input fix === */
.diagnostic-layout{
  grid-template-columns:minmax(320px,440px) minmax(300px,520px)!important;
  align-items:start!important;
  gap:16px!important;
}
.pump-visual{position:relative!important;z-index:1!important;overflow:hidden!important;align-self:start!important;}
.keypad-only-console{position:relative!important;z-index:1!important;align-self:start!important;min-height:auto!important;justify-content:flex-start!important;}
.clean-console-steps{display:block!important;}
.keypad-only-console .primary-step{margin-bottom:12px;}
.keypad-only-console input[type="hidden"]{display:none!important;}
.cpu-example-panel{margin:12px 0 0;}
.example-empty,.example-card{background:#fff;border:1px solid #e4e9f2;border-radius:18px;padding:14px;box-shadow:0 10px 26px rgba(16,24,40,.06);}
.example-empty b{display:block;color:#101828;margin-bottom:5px;font-size:16px}.example-empty span{color:#667085;line-height:1.4}
.example-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.example-title b{font-size:20px;color:#101828}.example-title span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:#b42318;background:#fff1f1;border:1px solid #ffd6d6;border-radius:999px;padding:6px 9px;white-space:nowrap}
.example-card p{margin:0 0 12px;color:#475467;line-height:1.4}.example-row{display:grid;grid-template-columns:120px 1fr;gap:8px;padding:9px 0;border-top:1px solid #eef2f6}.example-row strong{color:#344054;font-size:13px}.example-row span{color:#101828;font-weight:750}.example-current{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.example-current span{background:#f8fafc;border:1px solid #e4e9f2;border-radius:999px;padding:8px 10px;color:#475467}.example-current b{color:#d71920}
.pump-keypad{margin-top:10px!important}.pump-screen{margin-bottom:10px!important}.keypad-mode{margin-top:0!important}
@media(max-width:1050px){.diagnostic-layout{grid-template-columns:1fr!important}.pump-visual,.keypad-only-console{max-width:620px!important;width:100%;margin:0 auto!important}.example-row{grid-template-columns:1fr}.example-title{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.pump-visual,.keypad-only-console{max-width:none!important}.example-current{display:grid;grid-template-columns:1fr}.example-current span{width:100%}.keypad-only-console .diag-step{padding:12px}.example-card,.example-empty{padding:12px;border-radius:16px}}

/* === Secure EV / Zenobē LV access section === */
.ev-layout{display:grid;grid-template-columns:250px 1fr;gap:16px;align-items:start}.ev-menu-panel{background:#fff;border:1px solid #e4e9f2;border-radius:22px;padding:14px;box-shadow:var(--shadow);display:grid;gap:10px}.ev-warning{background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;padding:12px;color:#7c2d12}.ev-warning b{display:block;margin-bottom:4px}.ev-warning span{font-size:13px;line-height:1.4}.ev-main-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.ev-main-head .input{max-width:320px}.secure-lock{text-align:center;padding:34px 18px;background:#f8fafc;border:1px dashed #cfd6e2;border-radius:22px}.lock-icon{font-size:42px;margin-bottom:10px}.secure-tools{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#f8fafc;border:1px solid #e4e9f2;border-radius:18px;padding:14px;margin-bottom:14px}.secure-tools h3{margin:0 0 4px}.secure-tools p{margin:0;color:#667085}.secure-list{display:grid;gap:12px}.secure-card{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;background:#fff;border:1px solid #e4e9f2;border-radius:20px;padding:14px;box-shadow:0 10px 24px rgba(16,24,40,.05)}.secure-card h3{margin:4px 0;color:#101828}.secure-card p{margin:3px 0;color:#475467}.secure-code{display:flex;align-items:center;gap:8px;background:#111827;color:#fff;border-radius:16px;padding:10px 12px;font-family:Consolas,monospace;font-weight:950;letter-spacing:.12em;min-width:150px;justify-content:space-between}.btn.small{padding:7px 10px;font-size:12px}
@media(max-width:900px){.ev-layout{grid-template-columns:1fr}.ev-main-head{flex-direction:column}.ev-main-head .input{max-width:none;width:100%}.secure-card{grid-template-columns:1fr}.secure-code{width:100%}}

.common-part-card{
  width:100%;
  text-align:left;
  border:1px solid rgba(220,38,38,.16);
  background:linear-gradient(135deg,#fff,#fff7f7);
  border-radius:18px;
  padding:12px 14px;
  display:grid;
  gap:4px;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
  cursor:pointer;
}
.common-part-card:hover{transform:translateY(-1px);border-color:rgba(220,38,38,.35)}
.common-part-card b{font-size:1.05rem;color:#991b1b;letter-spacing:.02em}
.common-part-card span{color:#334155;line-height:1.25}
.common-part-card .common-part-title{font-size:.78rem;text-transform:uppercase;font-weight:900;color:#64748b;letter-spacing:.06em}
.common-part-card em{font-style:normal;font-size:.78rem;font-weight:800;color:#b91c1c;background:#fee2e2;border-radius:999px;padding:3px 8px;width:max-content;max-width:100%}
#commonPartSearches.quick-chip-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
@media(max-width:680px){#commonPartSearches.quick-chip-row{grid-template-columns:1fr}.common-part-card{padding:11px 12px}}

/* DFAS Centre test-build additions */
.engineer-gate{position:fixed;inset:0;background:linear-gradient(135deg,#f8fafc,#fff 45%,#fff1f1);z-index:99999;display:flex;align-items:center;justify-content:center;padding:22px}
.gate-box{background:#fff;width:min(430px,100%);border:1px solid #f0d1d1;border-radius:24px;box-shadow:0 24px 70px rgba(120,0,0,.18);padding:28px;text-align:center}
.gate-icon{margin:0 auto 12px}.gate-box h2{margin:0;color:#b60000;font-size:32px}.gate-box p{color:#6b7280;margin:6px 0 20px}.gate-box label{display:block;text-align:left;font-weight:800;margin:10px 0 6px}.gate-box .remember{display:flex;gap:8px;align-items:center;font-weight:600;color:#555}.gate-box .remember input{width:auto}.quicktip-card h3{font-size:18px}.quicktips-panel{margin-bottom:18px}.quick-chip-row{display:flex;gap:10px;flex-wrap:wrap}.quick-chip{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:9px 13px;cursor:pointer;font-weight:700}.quick-chip:hover{border-color:#c60000;color:#c60000}


/* DFAS Tools rebuild */
.tool-panel{overflow:hidden;}
.clean-tool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px;}
.clean-tool-head h3{margin:0 0 6px;font-size:1.35rem;}
.clean-tool-head p{margin:0;color:#667085;}
.tool-actions{display:flex;gap:10px;flex-wrap:wrap;}
.tool-search-row{display:flex;gap:10px;align-items:center;margin:12px 0 18px;}
.tool-search-row .input{flex:1;min-width:0;}
.tool-results{display:grid;gap:14px;}
.result-count{padding:10px 14px;border-radius:14px;background:#fff;border:1px solid rgba(160,40,40,.18);color:#334155;}
.clean-tool-card{background:#fff;border:1px solid rgba(160,40,40,.18);border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.06);overflow:hidden;}
.tool-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid rgba(15,23,42,.08);padding-bottom:12px;margin-bottom:12px;}
.tool-card-head h3{margin:3px 0 5px;font-size:1.15rem;line-height:1.25;}
.tool-card-head p{margin:0;color:#667085;word-break:break-word;}
.tool-grid.clean{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;}
.tool-field{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:10px;min-width:0;}
.tool-field span{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:#8a1f2d;font-weight:800;margin-bottom:5px;}
.tool-field b{font-size:.95rem;color:#1f2937;word-break:break-word;white-space:normal;}
.tool-empty{text-align:center;padding:28px;}
.btn.small{padding:8px 10px;font-size:.85rem;}
.card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}

@media (max-width: 760px){
  .clean-tool-head{display:block;}
  .tool-actions{margin-top:12px;}
  .tool-search-row{flex-direction:column;align-items:stretch;}
  .tool-card-head{display:block;}
  .card-actions{margin-top:12px;justify-content:flex-start;}
  .tool-grid.clean{grid-template-columns:1fr;}
  .clean-tool-card{padding:14px;border-radius:16px;}
}

/* DFAS Centre polish pass */
.brand-icon.tsg-logo{
  font-weight:900;
  letter-spacing:.5px;
  font-size:15px;
  background:linear-gradient(135deg,#d5001c,#a80016);
  color:#fff;
}
.nav{display:flex;align-items:center;gap:10px;text-align:left;}
.nav-ico{width:22px;height:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#f1f3f6;color:#b00020;font-weight:900;font-size:13px;flex:0 0 22px;}
.nav.active .nav-ico{background:#fff;color:#c8001d;box-shadow:0 1px 4px rgba(180,0,20,.18)}
.topbar{align-items:center;gap:18px;}
.authbox{display:flex;justify-content:flex-end;align-items:center;gap:10px;min-width:auto;}
.login-only-btn{min-width:90px;box-shadow:0 8px 18px rgba(210,0,30,.18);}
.login-dialog{border:none;border-radius:24px;padding:0;box-shadow:0 30px 80px rgba(20,20,30,.28);max-width:430px;width:min(92vw,430px);}
.login-dialog::backdrop{background:rgba(15,18,25,.42);backdrop-filter:blur(4px);}
.login-form{padding:28px;display:grid;gap:12px;background:#fff;border-radius:24px;}
.login-form h3{margin:0;font-size:26px;}
.login-form label{font-size:13px;font-weight:800;color:#50515a;}
.login-form .dialog-actions{margin-top:10px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;}
.lookup-intro,.hero,.panel,.pump-visual,.fault-console,.multi-search-panel{box-shadow:0 12px 34px rgba(30,35,45,.06);}
.lookup-intro p,.hero p,.panel p,.search-head p,.engineer-panel-head span,.cpu-example-panel p,.tool-head p{color:#667085;line-height:1.35;}
.fault-console{padding:26px;border:1px solid rgba(180,0,20,.10);background:linear-gradient(180deg,#fff,#fbfbfc);}
.engineer-panel-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #eceef2;}
.engineer-panel-head .tool-icon{width:42px;height:42px;border-radius:14px;background:#fff0f3;color:#c9001d;display:flex;align-items:center;justify-content:center;font-size:20px;}
.engineer-panel-head b{display:block;font-size:22px;margin-bottom:2px;}
.clean-console-steps,.diagnostic-steps{display:grid;gap:14px;}
.diag-step{background:#fff;border:1px solid #e7e9ee;border-radius:18px;padding:16px;box-shadow:0 8px 20px rgba(30,35,45,.04);}
.diag-step label{font-weight:800;font-size:13px;color:#30333b;}
.cpu-example-panel{background:#fff;border:1px solid #e8eaf0;border-radius:20px;padding:18px;margin-top:16px;box-shadow:0 8px 24px rgba(30,35,45,.04);}
.cpu-example-panel h3{margin-top:0;font-size:22px;}
.quick-search-panel{background:#fff;border:1px solid #e8eaf0;border-radius:18px;padding:15px;margin-top:16px;}
.quick-search-panel label{display:block;font-size:13px;font-weight:900;color:#a80016;margin-bottom:8px;}
.quick-fault-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;}
.tool-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0;}
.tool-tab{border:1px solid #dfe3ea;background:#fff;border-radius:999px;padding:10px 16px;font-weight:800;color:#30333b;cursor:pointer;}
.tool-tab.active{background:#c9001d;color:#fff;border-color:#c9001d;box-shadow:0 8px 18px rgba(201,0,29,.16);}
.clean-tool-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px;}
.tool-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.tool-search-row{display:flex;gap:10px;margin-bottom:18px;}
.tool-search-row .input{flex:1;}
.clean-tool-card{background:#fff;border:1px solid #e5e8ee;border-left:5px solid #c9001d;border-radius:18px;padding:18px;margin:12px 0;box-shadow:0 8px 24px rgba(30,35,45,.05);overflow:hidden;}
.tool-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #eef0f3;padding-bottom:12px;margin-bottom:12px;}
.tool-card-head h3{margin:.2rem 0;font-size:21px;}
.tool-card-head p{margin:0;color:#667085;}
.tool-grid.clean{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;}
.tool-field{background:#f8f9fb;border:1px solid #eceef2;border-radius:14px;padding:10px 12px;min-width:0;}
.tool-field span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#7d8390;font-weight:900;margin-bottom:3px;}
.tool-field b{display:block;color:#20242c;font-size:14px;overflow-wrap:anywhere;}
.tool-empty{text-align:center;padding:30px;color:#667085;}
.btn.small{padding:8px 12px;font-size:13px;}
.btn.danger,.btn.small.danger{background:#fff0f3;color:#b00020;border:1px solid #ffc5cf;}
.main .lookup-intro .lookup-badge{font-size:12px;letter-spacing:.08em;}
@media (max-width: 760px){
  .topbar{flex-direction:column;align-items:stretch;}
  .authbox{justify-content:flex-start;}
  .login-only-btn{width:100%;}
  .fault-console{padding:18px;}
  .quick-fault-actions,.tool-search-row,.clean-tool-head,.tool-card-head{flex-direction:column;align-items:stretch;}
  .tool-actions{justify-content:flex-start;}
}


/* DFAS right-panel polish patch */
.cpu-example-top{
  order: 1;
  margin: 0 0 14px 0;
}
.clean-console-steps{
  order: 2;
  margin-top: 0;
}
.keypad-only-console .quick-search-panel{order:3}
.keypad-only-console .quick-fault-actions{order:4}
.stacked-step{
  display:block !important;
  padding:14px 16px !important;
}
.stacked-step .step-no{display:none !important}
.stacked-step label{
  display:block;
  margin-bottom:8px;
  font-size:.82rem;
  font-weight:800;
  color:#222;
  letter-spacing:.02em;
}
.stacked-step select.input{
  width:100%;
}
.cpu-example-panel{
  width:100%;
}
.cpu-example-panel .example-empty,
.cpu-example-panel .example-card{
  border:1px solid rgba(190,0,20,.12);
  background:#fff;
  border-radius:18px;
  padding:16px 18px;
  box-shadow:0 8px 24px rgba(30,30,30,.05);
}
.cpu-example-panel .example-empty b,
.cpu-example-panel .example-title b{
  font-size:1.1rem;
  color:#1e2633;
}
.cpu-example-panel .example-empty span{
  display:block;
  margin-top:4px;
  color:#68707d;
  line-height:1.35;
}
.fault-console{
  gap:14px !important;
}
.engineer-panel-head{
  margin-bottom:4px;
}
.quick-search-panel{
  background:#fff;
  border:1px solid rgba(190,0,20,.12);
  border-radius:18px;
  padding:14px 16px;
}
.quick-fault-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.lookup-intro p,
.search-head p,
.engineer-panel-head span{
  color:#697280;
}
@media(max-width:820px){
  .diagnostic-layout{grid-template-columns:1fr !important}
  .pump-visual{max-width:100%}
  .fault-console{padding:16px}
  .quick-fault-actions .btn{flex:1}
}