/* EVL Dealer Network - built to the locked VI standard:
   em/rem sizing only, pure #000 backgrounds, white / yellow #FACC15 / cyan #67E8F9 text,
   heavy weights, 2px-4px borders, no gray text. */
.dnx{--y:#FACC15;--c:#67E8F9;--w:#FFFFFF;--b:#2B84FE;font-size:1.05rem;font-weight:700;color:var(--w);background:#000;font-family:var(--body,'Barlow',sans-serif);line-height:1.35}
.dnx *{box-sizing:border-box}
.dnx h2,.dnx h3,.dnx h4,.dnx p{margin:0}
.dnx a{color:var(--c);font-weight:800}
.dnx button,.dnx input,.dnx select{font-family:inherit;font-weight:800;font-size:1em;color:var(--w)}
.dnx :focus-visible{outline:.2em solid var(--c);outline-offset:.15em}

.dnx-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1em;flex-wrap:wrap;margin-bottom:1em}
.dnx-title{font-family:var(--font,'Oswald',sans-serif);font-size:1.6em;letter-spacing:.08em;color:var(--y);font-weight:900}
.dnx-sub{color:var(--w);font-weight:800;margin-top:.2em}
.dnx-head-btns{display:flex;gap:.6em;flex-wrap:wrap}

.dnx-btn{background:#000;border:.15em solid var(--w);border-radius:.5em;padding:.5em .9em;cursor:pointer;letter-spacing:.05em;font-family:var(--font,'Oswald',sans-serif);text-decoration:none;display:inline-block;line-height:1.2}
.dnx-btn:hover{border-color:var(--y);color:var(--y)}
.dnx-btn-y{border-color:var(--y);color:var(--y)}
.dnx-btn-y:hover{background:var(--y);color:#000}

.dnx-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(11em,1fr));gap:.7em;margin-bottom:1em}
.dnx-tile{border:.15em solid var(--b);border-radius:.6em;padding:.6em .8em;background:#000}
.dnx-tile-n{font-family:var(--font,'Oswald',sans-serif);font-size:1.5em;color:var(--y);font-weight:900;overflow-wrap:anywhere}
.dnx-tile-l{color:var(--c);font-size:.8em;letter-spacing:.06em;font-weight:800}

.dnx-bar{display:flex;gap:.7em;flex-wrap:wrap;align-items:flex-end;margin-bottom:.8em}
.dnx-bar2{align-items:center;justify-content:space-between}
.dnx-field{display:flex;flex-direction:column;gap:.25em;min-width:11em}
.dnx-field span{color:var(--c);font-size:.8em;letter-spacing:.06em;font-weight:900}
.dnx-grow{flex:1 1 18em}
.dnx input,.dnx select{background:#000;border:.15em solid var(--y);border-radius:.5em;padding:.55em .7em;width:100%}
.dnx select option{background:#000;color:var(--w)}
.dnx input::placeholder{color:var(--c);opacity:1;font-weight:700}

.dnx-facet{display:flex;gap:.5em;flex-wrap:wrap;align-items:center;margin-bottom:.6em}
.dnx-seg{display:flex;gap:.5em;flex-wrap:wrap;align-items:center}
.dnx-seglabel{color:var(--c);font-size:.8em;letter-spacing:.06em;font-weight:900;margin-right:.2em}
.dnx-pill{background:#000;border:.15em solid var(--w);border-radius:2em;padding:.3em .85em;cursor:pointer;letter-spacing:.03em}
.dnx-pill b{color:var(--y)}
.dnx-pill:hover{border-color:var(--y)}
.dnx-pill[aria-pressed="true"]{background:var(--y);border-color:var(--y);color:#000}
.dnx-pill[aria-pressed="true"] b{color:#000}
.dnx-muted{color:var(--c);font-weight:700;font-size:.9em}

.dnx-sec{border:.18em solid var(--w);border-radius:.7em;margin-bottom:.9em;overflow:hidden;background:#000}
.dnx-sec-head{width:100%;display:flex;gap:.8em;align-items:center;background:#000;border:0;border-bottom:.15em solid var(--y);padding:.7em .9em;cursor:pointer;text-align:left}
.dnx-sec-head[aria-expanded="false"]{border-bottom:0}
.dnx-sec-head:hover .dnx-sec-name{text-decoration:underline}
.dnx-sec-caret{color:var(--y);font-size:.9em}
.dnx-sec-name{font-family:var(--font,'Oswald',sans-serif);font-size:1.2em;letter-spacing:.08em;color:var(--y);font-weight:900;text-transform:uppercase}
.dnx-sec-meta{color:var(--c);margin-left:auto;font-weight:800;text-align:right}

/* compact rows */
.dnx-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.2fr) minmax(0,1.5fr) minmax(0,1.6fr) minmax(0,1.3fr) minmax(0,1fr);gap:.8em;align-items:center;padding:.55em .9em;border-top:.1em solid var(--b)}
.dnx-row:first-child{border-top:0}
.dnx-row:hover{background:#0a0a00}
.dnx-row-main,.dnx-card-head{background:none;border:0;text-align:left;cursor:pointer;padding:0;display:flex;flex-direction:column;gap:.1em;min-width:0}
.dnx-r-name{color:var(--w);font-size:1.05em;font-weight:900;overflow-wrap:anywhere}
.dnx-row-main:hover .dnx-r-name,.dnx-card-head:hover .dnx-r-name{color:var(--y);text-decoration:underline}
.dnx-r-addr{color:var(--c);font-size:.85em;font-weight:700;overflow-wrap:anywhere}
.dnx-r-brand{color:var(--w)}
.dnx-r-brand small{color:var(--y)}
.dnx-group{display:inline-block;border:.12em solid var(--y);color:var(--y);border-radius:.4em;padding:.05em .5em;font-size:.85em;font-weight:900}
.dnx-tier{display:inline-block;border:.12em solid var(--c);color:var(--c);border-radius:.4em;padding:.05em .5em;font-size:.85em;font-weight:900}
.dnx-inv{color:var(--w);font-size:.85em}
.dnx-brandtag{display:inline-block;border:.12em solid var(--w);color:var(--w);border-radius:.4em;padding:.05em .5em;font-size:.85em;font-weight:900}

.dnx-status{display:inline-block;border-radius:.4em;padding:.05em .55em;font-size:.8em;letter-spacing:.05em;font-weight:900;border:.15em solid var(--w);color:var(--w)}
.st-contacted{border-color:var(--c);color:var(--c)}
.st-partner{border-color:var(--y);background:var(--y);color:#000}
.st-skip{border-style:dashed;text-decoration:line-through}

/* cards */
.dnx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(19em,1fr));gap:.8em;padding:.8em}
.dnx-card{border:.15em solid var(--b);border-radius:.7em;display:flex;flex-direction:column;background:#000}
.dnx-card:hover{border-color:var(--y)}
.dnx-card-head{padding:.8em;border-bottom:.1em solid var(--b)}
.dnx-card-body{padding:.8em;display:flex;flex-direction:column;gap:.5em;flex:1}
.dnx-card-foot{padding:.7em .8em;border-top:.1em solid var(--b);display:flex;gap:.5em;flex-wrap:wrap}
.dnx-tags{display:flex;gap:.4em;flex-wrap:wrap}

.dnx-more{padding:.7em .9em;border-top:.1em solid var(--b)}
.dnx-empty{border:.18em dashed var(--y);border-radius:.7em;padding:2em 1em;text-align:center;color:var(--w);font-size:1.05em}
.dnx-empty .dnx-btn{margin-top:.8em}
.dnx-empty-sm{border:.15em dashed var(--c);border-radius:.5em;padding:.7em;color:var(--w)}

/* drawer */
.dnx-drawer{position:fixed;inset:0;z-index:9000;display:flex;justify-content:flex-end}
.dnx-drawer[hidden]{display:none}
.dnx-drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.8)}
.dnx-panel{position:relative;width:min(34em,100%);height:100%;overflow-y:auto;background:#000;border-left:.25em solid var(--y);padding:1em 1.1em}
.dnx-panel-head{display:flex;justify-content:space-between;gap:1em;align-items:flex-start;margin-bottom:.8em}
.dnx-panel-title{font-family:var(--font,'Oswald',sans-serif);font-size:1.4em;color:var(--y);font-weight:900;overflow-wrap:anywhere}
.dnx-panel-body{display:flex;flex-direction:column;gap:.9em}
.dnx-dl{display:grid;grid-template-columns:7em 1fr;gap:.5em .8em;margin:0}
.dnx-dl dt{color:var(--c);font-size:.8em;letter-spacing:.06em;font-weight:900;padding-top:.15em}
.dnx-dl dd{margin:0;overflow-wrap:anywhere}
.dnx-h4{font-family:var(--font,'Oswald',sans-serif);color:var(--y);letter-spacing:.08em;font-size:1em;font-weight:900;border-bottom:.12em solid var(--y);padding-bottom:.2em}
.dnx-contact{border:.12em solid var(--b);border-radius:.5em;padding:.5em .7em;margin-bottom:.4em}
.dnx-contact b{color:var(--y);margin-right:.4em}
.dnx-statusrow,.dnx-panel-links{display:flex;gap:.5em;flex-wrap:wrap}

.dnx-toast{position:fixed;left:50%;bottom:1.5em;transform:translateX(-50%);background:#000;border:.2em solid var(--y);color:var(--y);padding:.6em 1.2em;border-radius:.6em;z-index:9500;font-weight:900}
.dnx-toast[hidden]{display:none}

@media (max-width:60em){
  .dnx-row{grid-template-columns:1fr 1fr;gap:.35em .8em}
  .dnx-row-main{grid-column:1 / -1}
  .dnx-bar2{align-items:flex-start}
  .dnx-sec-meta{display:none}
}
@media (prefers-reduced-motion:reduce){.dnx *{transition:none!important;animation:none!important}}

.dnx-run{border:.15em solid var(--c);border-radius:.5em;padding:.5em .8em;margin:0 0 .8em;color:var(--w);font-weight:800}
.dnx-run[hidden]{display:none}
.dnx-fresh{border:.12em solid var(--c);border-radius:.5em;padding:.5em .7em;color:var(--w)}
.dnx-warn{border-color:var(--y);color:var(--y)}
.dnx-change{border:.15em solid var(--y);border-radius:.5em;padding:.5em .7em;color:var(--w)}
.dnx-change b{color:var(--y)}
.dnx-src{display:inline-block;margin-left:.4em;border:.1em solid var(--c);color:var(--c);border-radius:.3em;padding:0 .4em;font-size:.75em;letter-spacing:.04em}
.dnx-x{float:right;background:#000;border:.12em solid var(--w);color:var(--w);border-radius:.4em;padding:.1em .6em;cursor:pointer;font-size:.8em}
.dnx-x:hover{border-color:var(--y);color:var(--y)}
.dnx-form{display:flex;flex-direction:column;gap:.6em;border:.15em solid var(--y);border-radius:.6em;padding:.8em}
.dnx-form[hidden]{display:none}
.dnx-btn:disabled{opacity:1;border-style:dashed;cursor:not-allowed;color:var(--c)}
.dnx [hidden]{display:none!important}
