/* Eve WebTools — sizes, site-wide (3 Nov 2026). Loaded last on every page, so one file says how tall things are:
 *   the very top bar 56 px (the EWT logo 44 px), the second bars (Atlas, Fitlab, Tether) 56 px,
 *   every control 32 px — buttons, tab-like buttons, tabs, menu buttons, pickers, selects, text boxes —
 *   and the small buttons 28 px. Long dropdown lists (a row per item) keep their own row height.
 * Only heights (and the vertical padding that made them) are set here: colours, widths, marks stay the modules' own.
 * The 2 px bottom mark of a selected button sits in the 32 px; the text keeps its place (a 2 px bottom padding). */

:root { --ewtTopH: 56px; --ewtCtl: 32px; --ewtCtlS: 28px; }

/* ================================================================ 1. the very top bar: 56 px, the logo 44 px */
#mainTop { height: 56px !important; min-height: 56px !important; max-height: 56px; box-sizing: border-box; }
#mainTop-Logo { height: 56px !important; width: 56px !important; }
#mainTop .svg_ewtLogo { width: 44px !important; height: 44px !important; }
#mainTop-Nav, #mainTop .menuIcon, #mainTop .toolLogos.pTools, #mainTop #spTopBtn, #mainTop #right { height: 56px !important; }
/* Tether on a phone keeps its 48 px bar */
body.phone #mainTop { height: 48px !important; min-height: 48px !important; }
body.phone #mainTop-Logo { height: 48px !important; width: 44px !important; }
body.phone #mainTop .svg_ewtLogo { width: 32px !important; height: 32px !important; }
body.phone #mainTop .menuIcon { height: 48px !important; }
/* controls in the top bar: 32 px (the Atlas search, Feedback, the EVE login, Tether's pickers) */
#mainTop #topSearch, #mainTop #fbTopBtn { height: 32px !important; min-height: 0 !important; box-sizing: border-box; }
#mainTop #fbTopBtn { padding-top: 0 !important; padding-bottom: 2px !important; display: inline-flex; align-items: center; }

/* ================================================================ 2. the second bars: 56 px */
/* Atlas: the map, universe, sovereignty, navigation, faction warfare, incursions and entities bars */
:is(#mapBar, #uniBar, #sovBar, #navBar, #fwBar, #incBar, #entBar) { min-height: 56px !important; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box; align-items: center; }
/* Fitlab: the fit actions bar (it wraps on narrow windows: a row 32 px each, 6 px apart) */
#flBar { min-height: 56px !important; padding-top: 11px !important; padding-bottom: 12px !important; row-gap: 6px; box-sizing: border-box; }
/* Tether: the map bar */
body:not(.phone) #mapBar.tBar, body:not(.phone) #mainWrapper > #mapBar { min-height: 56px !important; height: 56px; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; align-items: center; }

/* ================================================================ 3. controls: 32 px, the small ones 28 px
   H = the height and nothing else: the vertical padding goes (2 px kept under the text for the bottom mark), the box counts its border. */
/* -------- IntelParser, LedgerParser (and the .btn of Tether and Visits) */
:where(.btn) { height: 32px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 2px !important; }
:where(a.btn) { display: inline-flex; align-items: center; }
:where(.btn.btn-small, .btn.icoBtn.sm, .fbr .btn) { height: 28px !important; padding-bottom: 0 !important; }
:where(.tbBtn, a.tbBtn, #taxInput, .tbField input) { height: 32px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; }
:where(a.tbBtn) { display: inline-flex; align-items: center; }

/* -------- Atlas */
:where(.barBtn, a.barBtn, .tabRow .tab, .fpBtn, #regionPickerBtn, #heroChips .chip, #nf .links a, .fbBtn, .fbTab, .ckBtns .barBtn),
:is(#uniBar, #mapBar, #navBar, #entBar, #sovBar, #fwBar, #incBar) :is(.barBtn, .tab) {
    height: 32px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 2px !important; line-height: 1.1;
}
:where(a.barBtn, #heroChips .chip, #nf .links a) { display: inline-flex; align-items: center; }
:where(#topSearch, #searchBox, .kSearch .searchBox, #crScr .searchBox, #uniFilter, #entFilter, .sysInput input, #blScr .pk, #brScr .pk) {
    height: 32px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important;
}
:where(.fpRst, .tabRow.mini .tab) { height: 28px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; }

/* -------- Planetary */
/* (the relations board's own buttons — original view, swap, background, lock — are 32 board units in cr-board.css: they scale with the board) */
:where(#TL-submitBtn, .tl_ddBtn, #TL-defToggle, .tl_sortTab, #upHdr .btn, .pkey .btn) {
    height: 32px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important;
}
:where(#upHdr .btn.icoBtn) { width: 32px !important; }
:where(.sc-atlas, #upAgColl, #upAgOpen, .bestcard .btn) { height: 28px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; display: inline-flex; align-items: center; }

/* -------- Fitlab (the fitting page and the Library) */
html:has(#flApp) :where(.tb, a.tb, .lpTabs button, .lpSearch .sb, .subTabs button, .cargoAdd .sb, .pk, .ft, .act),
html:has(#lbWrap) :where(#lbPublish, .barBtn, .lbView, .lbSearch, .lbTog, .lbDdBtn, .lbSortTab, .act) {
    height: 32px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 2px !important;
}
html:has(#flApp) :where(.lpSearch .sb, .cargoAdd .sb, .fitTabs .pk), html:has(#lbWrap) :where(.lbSearch) { padding-bottom: 0 !important; }
html:has(#flApp) :where(.mb, .mb.sm, .bti), html:has(#lbWrap) :where(.lbTog.lbClear, .mb) { height: 28px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 2px !important; }
html:has(#flApp) :where(.bti) { padding-bottom: 0 !important; }

/* -------- Tether */
:where(#mapName, #mapSearch, #zoomBox button) { height: 32px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 2px !important; }
:where(#mapSearch, #zoomBox button) { padding-bottom: 0 !important; }
:where(.panelBtn, .tabRow .tabAction, .tabRow .barBtn.tabAction) { height: 28px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; }

/* -------- Arcade (the game's own big UNDOCK / FLY AGAIN buttons stay big: they are the game) */
:where(#sbWho button, #sbMode button, #ov .seg button, #ov input#nm, #endWho button) { height: 32px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 2px !important; }
:where(#ov input#nm) { padding-bottom: 0 !important; }
:where(#sbPer button, #ov .tabs button) { height: 28px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 2px !important; }

/* -------- Visits */
:where(#pageTabs .tab, #fbKinds .tab, .tabRow .tab, #dateRange input, #stMe button, .fb .act button) { height: 32px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; }
:where(.trow.sb button, .dfMoreRows button, .dc button) { height: 28px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; }

/* -------- site pages: legal, 404 */
:where(.lgBtn) { height: 32px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 2px !important; }

/* -------- the site's dialogs: feedback, its replies, the shared dialog (ewt-dialog.js) */
:where(.fbRow input, .ewtDlgInput, .ewtDlgBtn) { height: 32px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; }
:where(.fbX, .ewtDlgX) { height: 28px !important; min-height: 0 !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; }