/* Drake Controls — Obsolescence / Cross-Reference Finder widget (green-led brand).
   Scoped under #dc-finder so it is safe alongside Kadence. */
#dc-finder{--green:#25532f;--deep:#13301c;--gold:#fac11c;--gold-h:#ffce45;
  /* S49 (Sol a11y): status colors darkened to clear 4.5:1 on their backgrounds --
     warn was #c2541b (4.03:1), ltb was #b7791f (3.29:1), ok was #1f8a4c (4.38:1) */
  --warn:#a94312;--warnbg:#fbeee3;--ltb:#8a5d00;--ltbbg:#fbf3e0;
  --ok:#18743d;--okbg:#e8f5ee;--info:#1d6fb8;--text:#1c1f1d;--muted:#5c625e;
  --line:#e2e4e3;--page:#f4f7f5;--card:#fff;
  color:var(--text);line-height:1.55;max-width:820px;margin:0}
#dc-finder *{box-sizing:border-box}
#dc-finder .dc-intro{color:var(--muted);font-size:14.5px;margin:0 0 18px}
#dc-finder .dc-search{display:flex;gap:9px;margin-bottom:8px}
#dc-finder .dc-search input{flex:1;padding:14px 16px;border:1.6px solid var(--line);border-radius:11px;font-size:16px;font-family:inherit;color:var(--text)}
#dc-finder .dc-search input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(37,83,47,.13)}
#dc-finder .dc-search button{background:var(--green);color:#fff;border:0;border-radius:11px;padding:0 26px;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}
#dc-finder .dc-search button:hover{background:var(--deep)}
#dc-finder .dc-hint{font-size:12.5px;color:var(--muted);margin:0 0 22px}
#dc-finder .dc-hint b{color:var(--text);font-weight:600}
#dc-finder .dc-chip{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 11px;margin:3px 4px 0 0;font-size:12.5px;color:var(--green);cursor:pointer}
#dc-finder .dc-chip:hover{border-color:var(--green);background:#f0f5f1}
#dc-finder .dc-card{background:var(--card);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 7px 24px rgba(15,30,20,.09);margin-bottom:16px}
#dc-finder .dc-top{background:var(--green);color:#fff;padding:14px 22px;font-size:13.5px}
#dc-finder .dc-top b{font-size:15.5px;color:#fff}
#dc-finder .dc-body{padding:22px}
#dc-finder .dc-badge{display:inline-block;font-weight:700;font-size:12px;letter-spacing:.3px;padding:6px 13px;border-radius:999px;text-transform:uppercase}
#dc-finder .b-obsolete{background:var(--warnbg);color:var(--warn)}
#dc-finder .b-ltb{background:var(--ltbbg);color:var(--ltb)}
#dc-finder .b-active{background:var(--okbg);color:var(--ok)}
#dc-finder .b-current{background:var(--okbg);color:var(--ok)}
#dc-finder .dc-note{font-size:13.5px;color:var(--muted);margin:10px 0 0}
#dc-finder .dc-line{margin:14px 0 2px;font-size:13.5px} #dc-finder .dc-line b{color:var(--text)}
#dc-finder h3.dc-h{font-size:12.5px;text-transform:uppercase;letter-spacing:.9px;color:var(--green);margin:20px 0 8px;font-weight:700}
#dc-finder table{width:100%;border-collapse:collapse;font-size:13.5px}
#dc-finder th{text-align:left;color:var(--muted);font-weight:600;border-bottom:2px solid var(--line);padding:7px 8px}
#dc-finder td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}
#dc-finder .pn{font-weight:700;color:var(--deep);white-space:nowrap}
#dc-finder .cond{color:var(--muted)}
#dc-finder .dc-confirm{background:#fff7ed;border:1px solid #f3ddbb;color:#8a5a12;font-size:12.8px;padding:11px 14px;border-radius:10px;margin-top:14px}
#dc-finder .dc-ctas{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
#dc-finder .dc-btn{border:0;border-radius:10px;padding:12px 19px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
#dc-finder .b-gold{background:var(--gold);color:var(--deep)} #dc-finder .b-gold:hover{background:var(--gold-h)}
#dc-finder .b-out{background:#fff;color:var(--green);border:1.6px solid var(--green)} #dc-finder .b-out:hover{background:#f0f5f1}
#dc-finder .dc-cite{margin-top:18px;font-size:12px;color:var(--muted)} #dc-finder .dc-cite a{color:var(--info)}
#dc-finder .dc-verified{font-size:12.2px;color:var(--ok);font-weight:600;margin-top:5px}
#dc-finder .dc-pending{font-size:12.2px;color:var(--ltb);font-weight:600;margin-top:5px}
#dc-finder .dc-multi{font-size:13.5px;color:var(--muted);margin:0 0 10px}
#dc-finder .dc-pick{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 16px;margin-bottom:9px;cursor:pointer;font-family:inherit}
#dc-finder .dc-pick:hover{border-color:var(--green);background:#f6f9f7}
#dc-finder .dc-pick .pp{font-weight:700;color:var(--deep);font-size:14.5px}
#dc-finder .dc-pick .pd{color:var(--muted);font-size:13px;margin-top:2px}
#dc-finder .dc-none{background:var(--card);border:1px dashed var(--line);border-radius:14px;padding:26px 22px;text-align:center}
#dc-finder .dc-none h3{margin:0 0 6px;color:var(--deep);font-size:17px}
#dc-finder .dc-none p{color:var(--muted);font-size:13.5px;margin:0 0 16px}
/* S43: stack the search row on small screens (button was crushing to a vertical pill) */
@media (max-width:600px){
  #dc-finder .dc-search{flex-direction:column}
  #dc-finder .dc-search button{width:100%;padding:14px 26px}
}
/* S47: a11y (sr-only label + live region, visible focus), result tools, print output */
#dc-finder .dc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#dc-finder #dc-results:focus{outline:none}
#dc-finder .dc-chip{font-family:inherit}
#dc-finder .dc-chip:focus-visible,#dc-finder .dc-pick:focus-visible,#dc-finder .dc-search button:focus-visible,#dc-finder .dc-btn:focus-visible,#dc-finder .dc-tool:focus-visible{outline:2px solid var(--green);outline-offset:2px}
#dc-finder .dc-tools{display:flex;gap:8px;margin-top:12px}
#dc-finder .dc-tool{background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 13px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit}
#dc-finder .dc-tool:hover{border-color:var(--green);color:var(--green);background:#f6f9f7}
#dc-finder .dc-printfoot{display:none}
@media print{
  html.dc-printing body *{visibility:hidden}
  html.dc-printing #dc-results,html.dc-printing #dc-results *{visibility:visible}
  html.dc-printing #dc-results{position:absolute;left:0;top:0;width:100%}
  #dc-finder .dc-ctas,#dc-finder .dc-tools{display:none !important}
  #dc-finder .dc-card{box-shadow:none;border:1px solid #888;border-radius:0}
  #dc-finder .dc-top{background:#fff !important;color:#000;border-bottom:2px solid #25532f}
  #dc-finder .dc-top b{color:#000}
  #dc-finder .dc-printfoot{display:block;margin-top:14px;padding-top:10px;border-top:1px solid #888;font-size:11px;color:#000}
}
/* S47b: pick-list rows are two-line (part number, then description) -- the .pd
   margin-top always intended this; spans were inline so it never applied */
#dc-finder .dc-pick .pp,#dc-finder .dc-pick .pd{display:block}
/* S49 (Sol a11y P1-04): the replacement table gets its own labeled scroll region --
   at 320px ~50px of the last column was clipped inside the overflow:hidden card with
   no scroll path. Same scroll-shadow stack as the S45 crossref .dcd-wrap. */
#dc-finder .dc-tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background-image:linear-gradient(90deg,#fff 40%,rgba(255,255,255,0)),linear-gradient(270deg,#fff 40%,rgba(255,255,255,0)),radial-gradient(farthest-side at 0 50%,rgba(19,48,28,.18),rgba(19,48,28,0)),radial-gradient(farthest-side at 100% 50%,rgba(19,48,28,.18),rgba(19,48,28,0));background-position:left center,right center,left center,right center;background-size:34px 100%,34px 100%,15px 100%,15px 100%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll;background-color:#fff}
#dc-finder .dc-tblwrap:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media print{#dc-finder .dc-tblwrap{overflow-x:visible}}

/* S51: query-bearing arrivals scroll to the result card — clear the sticky header */
#dc-results{scroll-margin-top:110px}