/* ============================================================
   Scoped automatically from the standalone tool stylesheet.
   Every selector is prefixed with .tool-app so the tool's styles
   stay inside its wrapper and never touch the shared nav/footer.
   ============================================================ */
.tool-app * {box-sizing:border-box;margin:0;padding:0}
.tool-app {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f0f2f5;color:#1a1a1a;min-height:100vh;padding:12px}
.tool-app .wrap {max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,.08)}
.tool-app .hdr {padding:18px 24px;border-bottom:1px solid #e8eaed;display:flex;align-items:center;gap:14px;background:#fff}
.tool-app .emark {width:36px;height:36px;border-radius:7px;background:#003865;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tool-app .ewm {font-size:14px;font-weight:600;color:#003865;letter-spacing:.04em}
.tool-app .ewm span {color:#003865}
.tool-app .esub {font-size:10px;color:#888;letter-spacing:.04em;margin-top:1px}
.tool-app .hdiv {width:1px;height:32px;background:#e8eaed}
.tool-app .htxt h1 {font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:2px}
.tool-app .htxt p {font-size:11px;color:#666;line-height:1.4}
.tool-app .body {display:grid;grid-template-columns:248px 1fr;min-height:580px}
.tool-app .sb {border-right:1px solid #e8eaed;background:#f8f9fa;padding:14px;display:flex;flex-direction:column;gap:9px}
.tool-app .fg {background:#fff;border:1px solid #e8eaed;border-radius:8px;overflow:hidden}
.tool-app .fgh {padding:6px 11px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#888;border-bottom:1px solid #e8eaed;background:#f8f9fa}
.tool-app .fg select {width:100%;border:none;padding:8px 11px;font-size:12px;background:transparent;color:#1a1a1a;outline:none;cursor:pointer}
.tool-app .cg {padding:8px 10px;display:flex;flex-wrap:wrap;gap:4px}
.tool-app .chip {padding:3px 9px;border-radius:20px;border:1px solid #dde;font-size:11px;cursor:pointer;color:#555;background:#fff;transition:all .12s;user-select:none}
.tool-app .chip:hover,
.tool-app .chip.active {background:#003865;border-color:#003865;color:#fff}
.tool-app .tr {padding:6px 10px;display:flex;gap:3px}
.tool-app .tb {flex:1;padding:4px;border:1px solid #dde;background:transparent;font-size:10px;cursor:pointer;color:#666;border-radius:4px;transition:all .12s}
.tool-app .tb.active {background:#003865;border-color:#003865;color:#fff}
.tool-app .clr {width:100%;padding:7px;border:1px solid #dde;background:transparent;font-size:11px;color:#888;cursor:pointer;border-radius:8px;text-align:center;transition:all .12s}
.tool-app .clr:hover {background:#fff;color:#333}
.tool-app .main {padding:16px;display:flex;flex-direction:column;gap:14px}
.tool-app .fs {background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;padding:11px 13px}
.tool-app .fst {font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:8px}
.tool-app .dg {display:flex;flex-wrap:wrap;gap:4px}
.tool-app .dc {padding:2px 7px;border:1px solid #dde;border-radius:4px;font-size:11px;cursor:pointer;color:#555;background:#fff;transition:all .1s}
.tool-app .dc:hover,
.tool-app .dc.active {background:#003865;border-color:#003865;color:#fff}
.tool-app .rr {display:flex;gap:8px}
.tool-app .rc {flex:1;padding:10px 6px;border:1px solid #dde;border-radius:8px;background:#fff;cursor:pointer;text-align:center;transition:all .12s}
.tool-app .rc:hover {border-color:#00AEEF}
.tool-app .rc.active {border-color:#003865;background:#eaf4fc}
.tool-app .rcl {font-size:11px;font-weight:600;color:#888;margin-top:4px}
.tool-app .rc.active .rcl {color:#003865}
.tool-app .rg {display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tool-app .rp {border:1px solid #e8eaed;border-radius:8px;overflow:hidden}
.tool-app .rph {padding:9px 13px;background:#f8f9fa;border-bottom:1px solid #e8eaed;display:flex;align-items:center;justify-content:space-between}
.tool-app .rpt {font-size:12px;font-weight:600;color:#1a1a1a}
.tool-app .cnt {font-size:11px;padding:2px 8px;border-radius:20px;background:#003865;color:#fff;font-weight:600}
/* Results flow with the page (no internal 300px scrollbox) so the whole
   page scrolls and the footer is reachable at the bottom — filtered or not. */
.tool-app .rl {max-height:none;overflow-y:visible}
.tool-app .ri {padding:9px 13px;border-bottom:1px solid #f0f2f5;transition:background .1s}
.tool-app .ri:last-child {border-bottom:none}
.tool-app .ri:hover {background:#f8f9fa}
.tool-app .rin {font-size:12px;font-weight:600;color:#1a1a1a;margin-bottom:3px}
.tool-app .rim {font-size:11px;color:#888;display:flex;gap:4px;flex-wrap:wrap}
.tool-app .mt {padding:1px 5px;border-radius:4px;background:#f0f2f5;border:1px solid #e8eaed;color:#666;font-size:10px}
.tool-app .mta {background:#eaf4fc;border-color:#b3d9f0;color:#003865}
.tool-app .badge {display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.04em;background:#003865;color:#fff;margin-bottom:3px}
.tool-app .empty {padding:32px;text-align:center;color:#aaa;font-size:12px}
.tool-app .afs {display:flex;flex-wrap:wrap;gap:5px;padding:0 2px}
.tool-app .af {padding:2px 8px;border-radius:20px;background:#eaf4fc;border:1px solid #b3d9f0;color:#003865;font-size:11px;display:flex;align-items:center;gap:4px}
.tool-app .afx {cursor:pointer;font-size:14px;line-height:1;opacity:.6}
.tool-app .afx:hover {opacity:1}
.tool-app .driver-inline {margin-top:6px;padding:5px 8px;background:#eaf4fc;border-left:3px solid #00AEEF;border-radius:0 4px 4px 0;font-size:11px;color:#1a1a1a;line-height:1.4}
.tool-app .driver-label {color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.05em;margin-right:3px}
.tool-app .driver-catno {display:inline-block;padding:1px 6px;border-radius:4px;background:#003865;color:#fff;font-size:10px;font-weight:600;margin-left:4px}
.tool-app .driver-note {color:#888;font-size:10px;margin-left:4px}
.tool-app .driver-none {background:#fff8e1;border-left-color:#f5a623;color:#888;font-style:italic}
@media(max-width:700px){
.tool-app {padding:0;background:#fff}
.tool-app .wrap {border-radius:0;box-shadow:none;min-height:100vh}
.tool-app .hdr {padding:12px 14px;gap:10px;flex-wrap:wrap}
.tool-app .emark {width:48px!important;height:34px!important}
.tool-app .emark img {height:34px!important}
.tool-app .ewm {font-size:12px}
.tool-app .htxt h1 {font-size:12px}
.tool-app .htxt p {font-size:10px;display:none}
.tool-app .hdiv {display:none}
.tool-app .body {grid-template-columns:1fr;min-height:unset}
.tool-app .sb {border-right:none;border-bottom:1px solid #e8eaed;padding:12px}
.tool-app .main {padding:12px}
.tool-app .rg {grid-template-columns:1fr;gap:10px}
.tool-app .rl {max-height:none;overflow-y:visible}
.tool-app .rr {flex-wrap:wrap}
.tool-app .rc {min-width:calc(50% - 4px);flex:1 1 calc(50% - 4px)}
.tool-app .fg select {font-size:14px;padding:10px 11px}
.tool-app .chip {font-size:12px;padding:5px 11px}
.tool-app .dc {font-size:12px;padding:4px 10px}
.tool-app .tb {font-size:12px;padding:6px 4px}
.tool-app .ri {padding:10px 12px}
.tool-app .rin {font-size:13px}
.tool-app .rim {font-size:12px}
.tool-app .mt {font-size:11px}
.tool-app .driver-inline {font-size:11px}
.tool-app .driver-catno {font-size:10px}
.tool-app .fst {font-size:10px}
.tool-app .rph {padding:10px 12px}
.tool-app .rpt {font-size:13px}
.tool-app .cnt {font-size:12px}
.tool-app .clr {font-size:12px;padding:9px}
.tool-app .afs {padding:0}
.tool-app .af {font-size:11px}
.tool-app .fs {padding:10px 12px}
}