/*
Mach Office — base styles, loaded for EVERY user.
Functional styling (search dropdowns, action buttons, banners, badges) at standard
Bootstrap sizes. The separate stock_a11y.css "enhanced zoom" layer loads on top of
this only for users with `users.enhanced_view` = 1 and upsizes everything.
Font: Atkinson Hyperlegible (Braille Institute typeface), self-hosted.
*/

@font-face
{
	font-family: 'Atkinson Hyperlegible';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/atkinson-hyperlegible-400.woff2') format('woff2');
}
@font-face
{
	font-family: 'Atkinson Hyperlegible';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/atkinson-hyperlegible-700.woff2') format('woff2');
}

body
{
	font-family: 'Atkinson Hyperlegible', Arial, Helvetica, sans-serif;
}

/* buttons: .btn-xl is a normal-size bold button here; the zoom layer upsizes it */
.ssx .btn-xl
{
	font-weight: 700;
}
.ssx .btn-xl .fa
{
	margin-right: 6px;
}
/* column that holds buttons/readouts beside labelled inputs — aligns to the input line */
.ssx .ssx-btncol
{
	padding-top: 25px;
}

/* status badges */
.ssx .label
{
	vertical-align: middle;
}
.ssx .label-warning
{
	background-color: #b35c00;
}
.ssx .label-success
{
	background-color: #1e7e34;
}

/* edit-mode banner */
.ssx .ssx-editmode-banner
{
	font-weight: 700;
	color: #5c4a00;
	background-color: #ffe9a8;
	border: 1px solid #8a6d00;
	border-radius: 6px;
	padding: 8px 12px;
	margin-bottom: 10px;
	display: none;
}

/* live search results dropdown */
.ssx .ssx-results
{
	position: absolute;
	top: 100%;
	left: 15px;
	right: 15px;
	z-index: 2000;
	max-height: 320px;
	overflow-y: auto;
	background: #ffffff;
	border: 2px solid #14315c;
	border-radius: 0 0 6px 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.ssx .ssx-item
{
	color: #111111;
	padding: 8px 12px;
	cursor: pointer;
	border-bottom: 1px solid #d5dbe3;
}
.ssx .ssx-item:hover,
.ssx .ssx-item.active
{
	background-color: #14315c;
	color: #ffffff;
}
.ssx .ssx-noresult
{
	color: #555555;
	padding: 8px 12px;
}

/* selected product / info card */
.ssx .ssx-picked
{
	color: #111111;
	background-color: #eaf3ff;
	border: 1px solid #0b5ed7;
	border-radius: 6px;
	padding: 8px 12px;
	margin-bottom: 10px;
}
.ssx .ssx-picked-empty
{
	background-color: #f5f5f5;
	border-color: #8a8a8a;
	color: #333333;
}

/* live calculation readout chips */
.ssx .ssx-readout
{
	font-weight: 700;
	color: #111111;
	background-color: #fff8dd;
	border: 1px solid #8a6d00;
	border-radius: 6px;
	padding: 5px 10px;
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 6px;
}

/* row action buttons */
.ssx .ssx-edit
{
	display: inline-block;
	font-weight: 700;
	color: #ffffff;
	background-color: #0b5ed7;
	border: 1px solid #07316f;
	border-radius: 5px;
	padding: 3px 10px;
	line-height: 1.4;
	text-decoration: none;
	margin-right: 5px;
}
.ssx .ssx-edit:hover,
.ssx .ssx-edit:focus
{
	background-color: #07316f;
	color: #ffffff;
	text-decoration: none;
}
.ssx .ssx-del
{
	display: inline-block;
	font-weight: 700;
	color: #ffffff;
	background-color: #a30f1d;
	border: 1px solid #6d0a13;
	border-radius: 5px;
	padding: 3px 9px;
	line-height: 1.4;
	text-decoration: none;
}
.ssx .ssx-del:hover,
.ssx .ssx-del:focus
{
	background-color: #6d0a13;
	color: #ffffff;
	text-decoration: none;
}

/* tables */
.ssx table.ssx-rows > thead > tr > th
{
	background-color: #14315c;
	color: #ffffff;
	border: 1px solid #14315c;
	white-space: nowrap;
	vertical-align: middle;
}
.ssx table.ssx-rows > tbody > tr.ssx-editing > td
{
	background-color: #ffe9a8 !important;
}
.ssx table.ssx-rows .ssx-totals td
{
	font-weight: 700;
	background-color: #dfe7f1 !important;
	border-top: 2px solid #14315c;
}
.ssx .ssx-count
{
	color: #333333;
	padding: 4px 0;
}

/* dashboard lists */
.dash-lists
{
	max-width: 900px;
	margin: 0 auto;
}
.dash-lists a
{
	color: #0a3f8f;
	text-decoration: underline;
}
.dash-lists .dash-action
{
	font-weight: 700;
}
.dash-lists .dash-action-danger
{
	color: #a30f1d !important;
}