/* mraaliEMI-specific additions layered on top of the Dreams POS template
   (style.css). Kept in its own file so template updates never clobber it. */

.header-site-title {
	font-size: 16px;
	font-weight: 700;
	color: #FE9F43;
	white-space: nowrap;
	line-height: 1;
}

/* Bigger topbar logo than the template default (130px wide, capped only by
   width so a square logo would blow past the 65px-tall header). Scale up
   but cap by height instead, so it grows for a wide wordmark logo without
   overflowing the header for a squarer one. */
.header .header-left .logo img {
	width: auto;
	max-width: 190px;
	height: auto;
	max-height: 46px;
}

/* Site logo/title badge in the topbar - it's a static label, not an actual
   dropdown, so the template's generic .user-info::after chevron (drawn on
   every .user-info regardless of context) needs suppressing here. */
.site-badge .user-info::after {
	display: none;
}
.site-badge .user-info {
	padding-right: 0;
	cursor: default;
}
.site-badge .user-info .user-letter {
	width: 22px;
	height: 22px;
	border-radius: 4px;
	overflow: hidden;
}
.site-badge .user-info .user-letter img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* Sidebar menu is tall (~15 sections, several items each) and the template
   default spacing (16px between sections, 8px vertical padding per link)
   made it feel sparse/scrolly. Tighten both without touching item sizing
   enough to hurt tap targets. Selectors match style.css's own
   (.sidebar .sidebar-menu > ul > li...) exactly - its specificity beats a
   shorter override regardless of stylesheet load order, so this has to
   mirror it rather than rely on cascade position. */
.sidebar .sidebar-menu > ul > li.submenu-open,
.settings-sidebar .sidebar-menu > ul > li.submenu-open {
	margin-bottom: 6px;
}
.sidebar .sidebar-menu > ul > li.submenu-open ul li a,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a {
	padding-top: 6px;
	padding-bottom: 6px;
}
.sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
	margin-bottom: 2px;
}