/* Auto Repair — Midnight Carbon (chosen 8 Nov 2026) */
:root{
  --bg:#111317; --card:#1A1D22; --card2:#16191D; --hdr:#0B0D10; --line:#2A2E35; --line2:#3A3F47;
  --text:#F1F2F4; --muted:#A3AAB4; --faint:#7D8590;
  --gold:#FFB800; --gold2:#FFCB3D; --goldtxt:#111317; --goldsoft:#2A2414; --goldlink:#FFCF4D;
  --red:#D42A24; --red2:#B8221D; --green:#1F7A4D; --greensoft:#13291E; --greentxt:#7EE2A8;
  --radius:14px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--goldlink);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{margin:0;line-height:1.1}
.cond{font-family:'Barlow Condensed',Inter,sans-serif;font-weight:700}
.app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}
@media (min-width:520px){.app{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
.hdr{background:var(--hdr);padding:18px 20px 22px;display:flex;flex-direction:column;gap:14px}
.hdr .row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.logo{display:flex;align-items:center;gap:8px;font-size:22px;letter-spacing:.04em;color:var(--text)}
.logo:hover{text-decoration:none}
.hdr h1{font-size:40px}
.hdr h1 span{color:var(--gold)}
.hdr .sub{color:var(--muted);font-size:13.5px}
.back{color:var(--goldlink);font-size:13.5px;font-weight:600}
.pillbtn{color:var(--text);font-size:12.5px;font-weight:600;border:1px solid var(--line2);border-radius:8px;padding:8px 10px;white-space:nowrap}
.vehicle{display:flex;justify-content:space-between;align-items:center;background:var(--card);border-radius:10px;padding:12px 14px;color:var(--text);font-size:13.5px}
.vehicle b{color:var(--goldlink);font-weight:600}
main{flex:1;padding:16px;display:flex;flex-direction:column;gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.muted{color:var(--muted)}
.small{font-size:12.5px}
.center{text-align:center}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;font:700 15px Inter,sans-serif;border:0;cursor:pointer;padding:0 16px;text-decoration:none;width:100%}
.btn:hover{text-decoration:none}
.btn-gold{background:var(--gold);color:var(--goldtxt)}.btn-gold:hover{background:var(--gold2)}
.btn-red{background:var(--red);color:#fff;min-height:52px}.btn-red:hover{background:var(--red2)}
.btn-ghost{background:var(--card);color:var(--text);border:1.5px solid var(--line2)}.btn-ghost:hover{border-color:var(--text)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;border-radius:12px;border:1.5px solid var(--line2);background:var(--card);color:var(--text);font-weight:700;font-size:13px;cursor:pointer}
.big:hover{border-color:var(--gold);text-decoration:none}
.big.on{border-color:var(--gold);background:var(--goldsoft)}
label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600}
input,textarea,select{font:15px Inter,sans-serif;border:1.5px solid var(--line2);border-radius:10px;padding:12px;background:var(--bg);color:var(--text);width:100%}
input:focus,textarea:focus,select:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
::placeholder{color:var(--faint)}
.check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:500;font-size:13.5px}
.check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--gold)}
.alert{border-radius:12px;padding:12px 14px;font-size:14px}
.alert-err{background:#2A1614;border:1px solid #6B2420;color:#FFB4AE}
.alert-ok{background:var(--greensoft);border:1px solid #2C5A41;color:var(--greentxt)}
.nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--hdr);border-top:1px solid var(--line);height:64px}
.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11.5px;color:var(--muted);font-weight:600}
.nav a:hover{text-decoration:none;color:var(--text)}
.nav a.on{color:var(--gold)}
.cat{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.cat summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:48px}
.cat summary::-webkit-details-marker{display:none}
.cat summary::after{content:'+';color:var(--gold);font-size:20px;font-weight:700}
.cat[open] summary::after{content:'−'}
.cat ul{margin:0;padding:0 16px 12px;list-style:none;display:flex;flex-direction:column}
.cat li a{display:block;padding:10px 0;border-top:1px solid var(--line);color:var(--text);font-size:14px}
.footer{padding:20px 16px 90px;color:var(--muted);font-size:12.5px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line)}
.dbs{background:var(--hdr);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:14px;padding:14px;display:flex;gap:12px;align-items:center}
.dbs b{color:var(--text)}
.dbs .go{background:var(--gold);color:var(--goldtxt);font-weight:700;font-size:13px;border-radius:8px;padding:10px 12px;white-space:nowrap}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* --- snag lists --- */
.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pair .ph,.pair .sk{position:relative;display:block;border-radius:12px;overflow:hidden;background:var(--card);border:1px solid var(--line);aspect-ratio:4/3}
.pair img{width:100%;height:100%;object-fit:cover;display:block}
.pair .sk img.sketch-img{object-fit:cover;filter:invert(1)}
.pair .sk.tap.armed{outline:3px solid var(--gold);cursor:crosshair}
.nosk{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:12px}
.mk{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--goldtxt);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.5);pointer-events:none}
.num{flex:none;width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--goldtxt);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.sug{align-self:flex-start;font-size:12.5px;font-weight:600;background:var(--goldsoft);color:var(--goldlink);border-radius:6px;padding:4px 8px}
.tq{display:flex;flex-direction:column;gap:6px;margin:2px 0 0}
.ans{display:flex;flex-wrap:wrap;gap:6px}
.chipbtn{min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line2);background:var(--bg);color:var(--text);font:600 13.5px Inter,sans-serif;cursor:pointer}
.chipbtn:hover{border-color:var(--gold)}
.tools{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:2px}
.tools form{display:flex;gap:6px;margin:0}
.link{background:none;border:0;padding:6px 0;min-height:36px;color:var(--goldlink);font:600 13px Inter,sans-serif;cursor:pointer;list-style:none}
.link::-webkit-details-marker{display:none}
.link.danger{color:#FF8A80}
.micwrap{position:relative}
.micwrap textarea{padding-right:52px}
.mic{position:absolute;right:6px;top:6px;width:44px;height:44px;border-radius:10px;border:0;background:var(--card);color:var(--gold);cursor:pointer;display:flex;align-items:center;justify-content:center}
.mic.rec{background:var(--red);color:#fff}
.filebtn{cursor:pointer}
.filebtn.has{border-color:var(--gold);color:var(--goldlink)}
.pulse{border-color:var(--gold)}
.status{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.05em;border-radius:6px;padding:3px 8px;background:var(--goldsoft);color:var(--goldlink);white-space:nowrap}
.rowlink{display:flex;flex-direction:column;gap:4px;color:var(--text)}
.rowlink:hover{text-decoration:none;border-color:var(--line2)}
.vehform{display:flex;gap:8px;align-items:center}
.vehform select{flex:1;min-width:0;background:var(--card);border-color:var(--line2);padding:10px}
/* --- providers --- */
.ticks{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.ticklist{display:flex;flex-direction:column;gap:2px;padding:0 16px 12px}
.ticklist .check{padding:8px 0;border-top:1px solid var(--line)}
.makes{display:flex;flex-wrap:wrap;gap:6px}
.chipcheck{flex-direction:row;gap:0;font-weight:600;font-size:13px}
.chipcheck input{position:absolute;opacity:0;width:1px;height:1px}
.chipcheck span{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line2);cursor:pointer}
.chipcheck input:checked+span{background:var(--gold);border-color:var(--gold);color:var(--goldtxt)}
.chipcheck input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.05em;border-radius:5px;padding:2px 7px;vertical-align:middle}
.b-gold{background:#F5E3A8;color:#5C4300}.b-silver{background:#E4E7EB;color:#1A1D22}.b-bronze{background:#F1DCCB;color:#5E3415}.b-unv{background:#3A2A10;color:#FFCF4D}
.availrow{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--card);border-radius:10px;padding:10px 12px;margin:0}
.sw{width:56px;height:32px;border-radius:999px;border:0;position:relative;cursor:pointer;flex:none}
.sw.on{background:#3DDC84}.sw.off{background:var(--line2)}
.knob{position:absolute;top:4px;width:24px;height:24px;border-radius:50%;background:#fff}
.sw.on .knob{left:28px}.sw.off .knob{left:4px}
.stat{background:var(--card);border-radius:10px;padding:8px 10px}
.stat b{display:block;font-family:'Barlow Condensed',Inter,sans-serif;font-size:24px;line-height:1.1}
.stat span{font-size:11.5px;color:var(--muted)}
.inc{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.inc:last-child{border-bottom:0}
.inc:hover{text-decoration:none}
.reply{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border-radius:9px;background:var(--gold);color:var(--goldtxt);font-size:13px;font-weight:700;white-space:nowrap}
.reply:hover{background:var(--gold2);text-decoration:none}
.doclist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px}
.mk.green,.num.green{background:#1F7A4D;color:#fff}
/* --- compare, tracker, jobs --- */
.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:var(--card);border-radius:10px;padding:4px}
.seg a{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:8px;color:var(--text);font-weight:700;font-size:13.5px}
.seg a.on{background:var(--gold);color:var(--goldtxt)}
.seg a:hover{text-decoration:none}
fieldset.pick{border:1px solid var(--line);margin:0;display:flex;flex-direction:column;gap:8px}
fieldset.pick legend{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;padding:0;float:left;width:100%;margin-bottom:6px}
.opt{flex-direction:row;align-items:flex-start;gap:12px;padding:12px;border:1.5px solid var(--line2);border-radius:12px;cursor:pointer;font-weight:500}
.opt input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--gold)}
.opt:has(input:checked){border-color:var(--gold);background:var(--goldsoft)}
.optbody{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.optrow{display:flex;justify-content:space-between;gap:8px}
.price{font-size:17px;white-space:nowrap}
.opt.skip{padding:8px 12px}
.totalbar{position:sticky;bottom:72px;z-index:2;display:flex;gap:14px;align-items:center;background:var(--hdr);border:1px solid var(--line2);border-radius:14px;padding:10px 12px}
.bar{height:8px;background:var(--card);border-radius:9px;overflow:hidden}.bar i{display:block;height:8px;background:#3DDC84}
.st{flex:none;font-size:10.5px;font-weight:800;letter-spacing:.04em;border-radius:5px;padding:3px 7px;white-space:nowrap}
.st-wait{background:var(--line);color:var(--text)}.st-prog{background:#14304F;color:#9CC8FF}.st-fix{background:var(--goldsoft);color:var(--goldlink)}.st-done{background:var(--greensoft);color:var(--greentxt)}
.contact .btn{min-height:44px;font-size:14px}
.change{background:var(--goldsoft);border:1px solid #5C4300;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.jobsnag{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:12px}
.review{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:12px}
.starpick{display:flex;gap:4px;flex-direction:row-reverse;justify-content:flex-end}
.starpick label{flex-direction:row}
.starpick input{position:absolute;opacity:0;width:1px;height:1px}
.starpick span{font-size:36px;line-height:1;color:var(--line2);cursor:pointer;padding:0 2px}
.starpick input:checked~span,.starpick label:has(input:checked)~label span,.starpick label:has(input:checked) span{color:var(--gold)}
.starpick input:focus-visible+span{outline:2px solid var(--gold)}
/* --- breakdown --- */
.hdr-red{background:var(--red)}
.hdr-red .back{color:#FFE1DE}
.hdr-red .sub{color:#FFE1DE}
.whatpick .big{min-height:64px;font-size:15px}
.whatpick .big.wide{grid-column:span 2}
.big:has(input:checked){border-color:var(--gold);background:var(--goldsoft);color:var(--goldlink)}
.big:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}
.offer{border-color:var(--line2)}
/* --- search & listings --- */
.sform{display:flex;flex-direction:column;gap:10px}
.bcard{display:flex;flex-direction:column;gap:10px}
.bhead{display:flex;flex-direction:column;gap:4px;color:var(--text)}
.bhead:hover{text-decoration:none}
.act3{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:6px}
.act2{display:grid;grid-template-columns:1fr 1.6fr;gap:6px}
.act3 .btn,.act2 .btn{min-height:44px;font-size:13.5px;padding:0 8px}
.stars{color:var(--gold);letter-spacing:1px}
.b-unc{background:var(--line);color:var(--muted)}
.pills{display:flex;flex-wrap:wrap;gap:6px}
.pill{font-size:13px;font-weight:600;border-radius:999px;padding:7px 12px;background:var(--bg);border:1px solid var(--line2);color:var(--text)}
.pill:hover{border-color:var(--gold);text-decoration:none}
/* --- Management Tool (desktop + phone) --- */
body.adm{background:var(--bg)}
.admbar{background:var(--hdr);border-bottom:1px solid var(--line);padding:12px 20px;display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;position:sticky;top:0;z-index:5}
.admlogo{color:var(--gold);font-size:18px;letter-spacing:.04em}
.admbar nav{display:flex;flex-wrap:wrap;gap:4px 14px}
.admbar nav a{color:var(--text);font-size:13.5px;font-weight:600}
.admmain{max-width:1240px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:16px}
.admmain h1{font-size:34px}.admmain h2{font-size:20px;margin-top:8px}
.blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.blk{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--text)}
.blk:hover{border-color:var(--gold);text-decoration:none}
.blk b{font-family:'Barlow Condensed',Inter,sans-serif;font-size:38px;line-height:1}
.blk span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.blk i{font-style:normal;font-size:12px;color:var(--muted)}
.blk em{font-style:normal;font-weight:700;font-size:13px;color:var(--gold)}
.blk b.green,.tag.green{color:#3DDC84}.blk b.orange{color:#FF9F43}.blk b.red{color:#FF6B6B}
.banner{background:var(--goldsoft);border-left:4px solid var(--gold);border-radius:8px;padding:12px 14px;font-size:14px}
.tbl{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tbl .row{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--text);flex-wrap:wrap}
.tbl .row:last-child{border-bottom:0}
.tbl a.row:hover{background:var(--card2);text-decoration:none}
.grow{flex:1;min-width:200px}
.tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:5px;padding:3px 7px;background:var(--line);color:var(--text)}
.tag.red{background:#3A1614;color:#FF8A80}.tag.orange{background:#3A2A10;color:#FFB55A}.tag.green{background:var(--greensoft)}
.btn.sm{min-height:38px;width:auto;font-size:13px;padding:0 12px}
.btnrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.btnrow select,.btnrow input{width:auto;flex:1;min-width:140px;padding:8px 10px}
.stack{display:flex;flex-direction:column;gap:10px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.doc img{width:100%;height:150px;object-fit:cover;border-radius:8px}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.admcat summary{cursor:pointer;list-style:none}
.catrow input{max-width:420px}
.danger{color:#FF8A80!important}
.stucktbl{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.srow{display:grid;grid-template-columns:1.2fr 1.4fr 1.4fr .5fr;gap:14px;padding:14px;border-bottom:1px solid var(--line)}
.srow.ready{background:#16222A}
.scol{display:flex;flex-direction:column;gap:6px;min-width:0}
.callbtn{background:#14304F;color:#fff}.callbtn:hover{background:#1B3F66}
.wabtn{background:#1F7A4D;color:#fff}.wabtn:hover{background:#25915C}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.need{font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;background:#3A2A10;color:#FFCF8A;align-self:flex-start}
.need.red{background:#3A1614;color:#FF8A80}
.pbar{height:6px;background:var(--line);border-radius:9px;overflow:hidden;max-width:220px}.pbar i{display:block;height:6px;background:#FF9F43}
@media (max-width:760px){.srow{grid-template-columns:1fr}.admmain{padding:14px}}
.updbar{display:block;border-radius:12px;padding:12px 14px;background:#14304F;border:1px solid #23507F;color:#CFE3FF;font-weight:700;font-size:14px}
.updbar:hover{text-decoration:none}
/* QR codes, number plates, hand-over */
.plate{display:inline-block;background:#FFF7D6;color:#111317;border:2px solid #111317;border-radius:6px;padding:1px 8px;font:800 13px/1.5 'Barlow Condensed',Arial Narrow,sans-serif;letter-spacing:.08em;white-space:nowrap;vertical-align:middle}
.qrbox{background:#fff;color:#111317;border-radius:16px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.qrimg svg{width:min(260px,70vw);height:auto;display:block}
.qrcode-txt{font:800 24px 'Barlow Condensed',Arial Narrow,sans-serif;letter-spacing:.12em}
.collected{background:#3A1614;border:2px solid var(--red);color:#FFD7D3;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px;text-align:center}
.scanwin{position:relative;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:1/1;display:none}
.scanwin.on{display:block}
.scanwin video{width:100%;height:100%;object-fit:cover}
.scanframe{position:absolute;inset:18%;border:3px solid var(--gold,#FFB800);border-radius:12px}
.btn svg{flex:none}
.upsell{border-color:var(--gold,#FFB800)}
.plan-now{border-color:var(--gold,#FFB800)}
.ticks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px}
.ticks li{padding-left:24px;position:relative}.ticks li:before{content:'✓';position:absolute;left:2px;color:var(--gold,#FFB800);font-weight:800}
/* Fleet Pro workshop */
.wbar{height:7px;background:var(--line);border-radius:9px;overflow:hidden}.wbar i{display:block;height:7px;border-radius:9px;background:var(--gold,#FFB800)}
.tickbox{flex:none;width:34px;height:34px;border-radius:9px;border:2px solid #3A3F47;background:#111317;color:transparent;font:800 17px Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center}
.tickbox.lg{width:44px;height:44px;font-size:20px}
.tickbox.on{background:#3DDC84;border-color:#3DDC84;color:#0B0D10}
.tickbox:disabled{opacity:.6;cursor:default}
.tech-task{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid var(--line)}
.assign select{min-height:36px;font-size:13px;padding:0 8px;max-width:130px}
/* Parts */
.seg label{display:flex;cursor:pointer}
.seg label input{position:absolute;opacity:0;width:1px;height:1px}
.seg label span{flex:1;display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:8px;color:var(--text);font-weight:700;font-size:13.5px}
.seg label input:checked+span{background:var(--gold);color:var(--goldtxt)}
.seg label input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.lbl{font-weight:600;font-size:14px;margin-bottom:6px}
.pq{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.pq:last-child{border-bottom:0}
.pq:has(input:checked),.pq.on{background:#2A2410;box-shadow:inset 3px 0 0 var(--gold)}
.pq:focus-within{outline:2px solid var(--gold);outline-offset:-2px}
[hidden]{display:none!important}
label.pq{flex-direction:row;align-items:center;text-align:left;font-weight:400}
.badge{align-self:flex-start;width:max-content}