/* Eve WebTools — harmonisation layer for IntelParser.
   Load it LAST, after intel.css: on the tool page (index.html) and on the result pages
   built by template_dscan.php / template_local.php (scans.eve-webtools.com).
   It restyles the selectors IntelParser already uses (see the brand book, "Harmonisation plan").
   When /lib/ewt-core.css exists, these rules move there and into intel.css. */

:root {
    --textColor2: #6b6b6b;                 /* quiet text: was #474747 */
    --btnTextColourNormal: #6b6b6b;
    --btnTextColourHover: #9e9e9e;
    --btnTextColourSelected: #d2d2d2;
    --btnMark: inset 0 -2px 0 #d2d2d2;
    --ok: #48f0c0;  --warn: #ffb648;  --bad: #ff9a9a;  --badFrame: #ff5c5c;
}

/* ============================================================ 1. buttons */
/* -- action buttons: do something (Parse, Check, New scan, Copy link, zKillboard, Who fought here) */
.btn, .sysRow .jump {
    justify-content: center; line-height: 1.2;
    font-family: 'Shentox Medium', 'Segoe UI', sans-serif; font-size: 0.8571em; letter-spacing: 1px; text-transform: uppercase;
    padding: 0.6em 1.6em calc(0.6em + 2px);
    background: none; border: 1px solid #313131; color: var(--btnTextColourNormal); box-shadow: none;
    transition: color .15s linear;
}
.btn-small { font-size: 0.7143em; padding: 0.55em 1.1em calc(0.55em + 2px); }
.sysRow .jump { font-size: 0.7692em; padding: 0.3em 1em calc(0.3em + 2px); }      /* 0.7143em of the page: the row is 0.9286em */
.wmForm .btn { height: 34px; padding: 0 1.6em 2px; }
.btn:hover, .sysRow .jump:hover { color: var(--btnTextColourHover); border-color: #313131; text-decoration: none; }
.btn:active, .sysRow .jump:active { color: var(--btnTextColourSelected); box-shadow: var(--btnMark); }
/* primary: one per view (Parse, Check), bright at rest, no mark */
.btn-primary, .btn-primary:active { background: none; color: var(--btnTextColourSelected); box-shadow: none; }
.btn-primary:hover { color: #ffffff; }
.btn:disabled, .btn:disabled:hover { opacity: 0.45; color: var(--btnTextColourNormal); box-shadow: none; }

/* -- menu buttons: change a setting or a filter of the current view (look-back window, kills filter) */
.tabRow { font-size: 0.8571em; }
#wmPilots .tabRow { font-size: 0.7857em; }
.tab { padding: 6px 13px 8px; background: none; border: 1px solid #313131; color: var(--btnTextColourNormal); transition: color .15s linear; }
#wmHours .tab { height: 34px; padding: 0 13px 2px; }
#wmPilots .tab { padding: 4px 10px 6px; }
.tab:hover { color: var(--btnTextColourHover); }
.tab-active, .tab-active:hover { background: none; color: var(--btnTextColourSelected); box-shadow: var(--btnMark); }

/* -- names that start a new search: quiet link, no frame */
.jump { transition: color .15s linear; }

/* ============================================================ 2. icon buttons */
.menuIcon svg { stroke: var(--btnTextColourNormal); transition: stroke .15s linear; }
.menuIcon:hover svg { stroke: var(--btnTextColourHover); }
.menuIcon-active svg, .menuIcon-active:hover svg { stroke: var(--btnTextColourSelected); }
.menuIcon-active { box-shadow: var(--btnMark); }
#wmSearch svg, #dsSearch svg { stroke: #6b6b6b; }
/* zKillboard / EveWho marks on the result rows: each one answers the pointer, as in the Wingmen tables */
.alliancesList-ul-li > div:last-child, .corporationsList-ul-li > div:last-child { opacity: 1; }
.alliancesList-ul-li > div:last-child a, .corporationsList-ul-li > div:last-child a { opacity: 0.33; transition: opacity .15s linear; }
.alliancesList-ul-li > div:last-child a:hover, .corporationsList-ul-li > div:last-child a:hover { opacity: 1; }
table.wm td.lnk a { transition: opacity .15s linear; }

/* ============================================================ 3. rows */
.sysRow:hover, table.wm tr:hover td { background-color: #d2d2d20a; }                     /* translucent page plates */
#wmSugg li:hover, #wmSugg li.isOn, #dsSugg li:hover, #dsSugg li.isOn { background-color: #d2d2d214; color: #d2d2d2; }       /* near-opaque list */
table.wm tr.isTarget td { background-color: #d2d2d20a; }                                 /* the searched pilot = current row: hover fill + left tick (kept) */
/* rows sharing the pointed alliance / ship class */
.hoveredBackground { background: #d2d2d214 !important; }

/* ============================================================ 4. fields */
#pasteBox { border: 1px solid #313131; color: #d2d2d2; }                                 /* big paste box keeps #000000a8 */
#pasteBox:focus { border-color: #d2d2d2; }
#pasteBox::placeholder, #wmInput::placeholder, #dsInput::placeholder { color: #6b6b6b; }
#wmSearch, #dsSearch { border-color: #313131; background-color: #00000060; min-height: 34px; }
#wmSearch:focus-within, #dsSearch:focus-within { border-color: #d2d2d2; }
.panel:has(.panelNote.isError) #pasteBox { border-color: #ff5c5c; }                      /* invalid: frame + a line */
.wmField > label { font-size: 0.7857em; letter-spacing: 1px; text-transform: uppercase; color: #6b6b6b; }

/* ============================================================ 5. titles and captions */
.panelTitle, .colTitle { font-size: 1.2857em; letter-spacing: 2px; text-transform: uppercase; }      /* block title */
.colTitle small { font-size: 0.6667em; letter-spacing: 1px; text-transform: none; color: #6b6b6b; }                       /* 0.8571em of the page */
.fact span { font-size: 0.7857em; letter-spacing: 1.5px; text-transform: uppercase; color: #6b6b6b; } /* caption under a figure */
.wmWho b { font-size: 1em; }                                                                         /* item name at body size */
.shipChip .shipN { font-size: 1em; }
table.wm th { font-size: 0.7692em; letter-spacing: 1.5px; color: #6b6b6b; }                          /* 0.7143em of the page */
#wmSugg li .sKind, #dsSugg li .sKind { font-size: 0.7692em; }

/* -- result rows: px sizes move to the ladder */
#contentBody .shipsList-ul-li span:last-child, #contentBody .groupList-ul-li span:last-child { font-size: 1.2857em; }
.alliancesList-ul-li > div:nth-child(2) span:nth-child(1), .corporationsList-ul-li > div:nth-child(2) span:nth-child(1),
.alliancesList-ul-li > div:nth-child(2) span:nth-child(2), .corporationsList-ul-li > div:nth-child(2) span:nth-child(2) { font-size: 1em; }
.alliancesList-ul-li > div:nth-child(3), .corporationsList-ul-li > div:nth-child(3) { font-size: 1.2857em; }

/* ============================================================ 6. chips and tags */
/* filled tag: the kind of result */
.resKind { font-family: 'Shentox SemiBold', 'Segoe UI', sans-serif; font-size: 0.7143em; letter-spacing: 1px; text-transform: uppercase; color: #151515; background-color: #d2d2d2a0; padding: 1px 6px; }
/* outlined tag, neutral */
table.wm .tag { font-size: 0.7692em; letter-spacing: 1px; text-transform: uppercase; color: #999999; border: 1px solid #313131; padding: 1px 6px; }
/* ship chips hold a value: framed, still */
.shipChip { border-color: #313131; }

/* ============================================================ 7. status colours */
.panelNote.isError { color: #ff9a9a; }

/* ============================================================ 8. motion */
.sysRow, #wmSugg li, .fact b a, .sysName, #dsSugg li { transition: color .15s linear, background-color .15s linear, border-color .15s linear; }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }

/* ============================================================ 9. keyboard focus */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline: 1px solid #d2d2d2; outline-offset: 2px; }
#wmSugg li:focus-visible, .sysRow:focus-visible, #dsSugg li:focus-visible { outline-offset: -1px; }
input:focus-visible, textarea:focus-visible { outline: none; }      /* fields show focus on their frame */

/* ============================================================ scrollbars: one dark bar, 10px, thumb #313131 -> #6b6b6b -> #9e9e9e */
*::-webkit-scrollbar { width: 10px !important; height: 10px !important; }
*::-webkit-scrollbar-track, *::-webkit-scrollbar-corner { background: transparent !important; }
*::-webkit-scrollbar-button { display: none !important; }
*::-webkit-scrollbar-thumb { background-color: #313131 !important; border: 2px solid transparent !important; background-clip: padding-box !important; border-radius: 0 !important; min-height: 28px; }
*::-webkit-scrollbar-thumb:hover { background-color: #6b6b6b !important; }
*::-webkit-scrollbar-thumb:active { background-color: #9e9e9e !important; }
textarea::-webkit-scrollbar { width: 6px !important; height: 6px !important; }
textarea::-webkit-scrollbar-thumb { border-width: 1px !important; }
/* Chromium ignores the rules above on any element that sets scrollbar-color, so clear it there; Firefox has no ::-webkit-scrollbar and takes the standard properties */
@supports selector(::-webkit-scrollbar) { * { scrollbar-color: auto !important; } }
@supports not selector(::-webkit-scrollbar) { * { scrollbar-width: thin; scrollbar-color: #313131 transparent !important; } }