/* bundletrack UI chrome: one continuous grey surface for the top bar, the logo
   corner and the side menu; bigger stacked logo; menu moved right. Loaded after
   main.*.css. Tokens: brand/shared/tokens.css */
:root { --bt-chrome: #E3E9E3; --bt-ink: #0B1410; --bt-accent: #B8481F; --bt-muted: #5C6B62; --bt-sidebar: 280px; --bt-menu: 120px; --bt-topbar: 96px; }
/* --bt-sidebar is the logo corner width in the top bar; --bt-menu is the narrower side menu below it */

/* taller top bar: everything that was pinned to the old 80px follows */
body { padding-top: var(--bt-topbar) !important; }
.top-navbar { height: var(--bt-topbar) !important; }
/* the right-hand icons keep their 80px table cells and are centred in the taller bar */
.top-navbar__quick-actions__link, .top-navbar__user-dropdown-link { transform: translateY(8px); }
.left-navbar { top: var(--bt-topbar) !important; height: calc(100vh - var(--bt-topbar)) !important; }
.models__operations--header { top: var(--bt-topbar) !important; }

/* dashboard cards: no decorative arrow between icon and number */
i.dashboard--card__link:before { content: none; display: none; }

/* top bar + logo corner + side menu share the same solid colour, no borders or shadows */
.top-navbar { background: var(--bt-chrome) !important; box-shadow: none !important; border: 0 !important; }
.top-navbar__logo { background: var(--bt-chrome) !important; width: var(--bt-sidebar) !important; height: var(--bt-topbar) !important; padding: 14px 18px !important; box-sizing: border-box; border: 0; }
.top-navbar__logo img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
.left-navbar { background: var(--bt-chrome) !important; box-shadow: none !important; border: 0 !important; width: var(--bt-menu) !important; overflow-y: auto; }
.left-navbar__list > li.divider { border-bottom-color: rgba(11, 20, 16, .08); }
.left-navbar__link { color: var(--bt-muted); }
.left-navbar__link:hover { background: rgba(11, 20, 16, .06); color: var(--bt-ink); }
.left-navbar__link.active, .left-navbar__link[aria-current] { color: var(--bt-ink); }

/* top menu (Companies, Users) sits to the right of the wider logo */
.top-navbar__left-menu { padding: 0 30px 0 40px; }
.top-navbar__left-link > i { color: var(--bt-muted); }
.top-navbar__left-link > span { color: var(--bt-ink); }

/* page content moves right with the wider side menu (legacy: 100px menu + 40px gutter) */
.container-fluid { padding-left: calc(var(--bt-menu) + 16px) !important; padding-right: 16px !important; }
.login .container-fluid, .login-page .container-fluid { padding-left: 40px !important; }