/* Elko Color Schemes: lamoille-sky */

.ejb-board, .ejb-single, .ejb-postform, .ejb-myjobs, .ejb-wrap {
	--ejb-navy: var(--ecs-primary); --ejb-navy-deep: var(--ecs-primary-deep); --ejb-navy-soft: var(--ecs-primary-soft);
	--ejb-orange: var(--ecs-accent); --ejb-orange-deep: var(--ecs-accent-deep);
	--ejb-brick: var(--ecs-highlight); --ejb-cream: var(--ecs-panel); --ejb-cream-deep: var(--ecs-panel-deep);
	--ejb-pine: #2C4A33; --ejb-ink: var(--ecs-text-strong); --ejb-ink-soft: var(--ecs-muted); --ejb-line: var(--ecs-border);
	--ejb-shadow-1: 0 1px 2px rgba(15,59,95,0.06), 0 1px 6px rgba(15,59,95,0.05);
	--ejb-shadow-2: 0 2px 4px rgba(15,59,95,0.07), 0 8px 20px rgba(15,59,95,0.1);
	--ejb-display: "Bitter", "Iowan Old Style", "Georgia", serif;
	--ejb-ease: cubic-bezier(.33,1,.68,1);
	color: var(--ecs-text-strong)}
.ejb-board h2, .ejb-board h3, .ejb-single h2, .ejb-single h3,
.ejb-postform h2, .ejb-postform h3, .ejb-myjobs h2 { font-family: var(--ejb-display); color: var(--ecs-heading); letter-spacing: -.01em}


.ejb-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
	padding: .7rem 1.45rem; border-radius: 999px;
	font-weight: 700; font-size: .97rem; line-height: 1.2;
	text-decoration: none; cursor: pointer;
	border: 2px solid var(--ecs-primary);
	transition: background .18s var(--ejb-ease), color .18s var(--ejb-ease), transform .12s var(--ejb-ease), box-shadow .18s var(--ejb-ease)}
.ejb-btn:active { transform: translateY(1px); }
.ejb-btn-sm { padding: .45rem .95rem; font-size: .86rem; }
.ejb-btn-solid {
	background: linear-gradient(180deg, var(--ecs-button-soft) 0%, var(--ecs-button-bg) 45%, var(--ecs-button-deep) 100%);
	border-color: var(--ecs-accent-deep); color: var(--ecs-button-text);
	box-shadow: var(--ejb-shadow-1), inset 0 1px 0 rgba(255,255,255,.28)}
.ejb-btn-solid:hover, .ejb-btn-solid:focus { background: linear-gradient(180deg, var(--ecs-button-bg) 0%, var(--ecs-button-deep) 100%); color: var(--ecs-button-text)}
.ejb-btn-outline { background: var(--ecs-card); color: var(--ecs-heading)}
.ejb-btn-outline:hover, .ejb-btn-outline:focus { background: var(--ecs-primary); color: var(--ecs-on-primary)}
.ejb-btn-link { background: none; border: 0; padding: 0; color: var(--ecs-link); font-weight: 600; cursor: pointer; text-decoration: underline; text-underline-offset: 3px}
.ejb-btn:focus-visible, .ejb-btn-link:focus-visible { outline: 3px solid var(--ecs-accent); outline-offset: 2px}


.ejb-hero {
	display: flex; align-items: center; justify-content: space-between; gap: 1.4rem; flex-wrap: wrap;
	color: var(--ecs-on-primary); padding: 1.7rem 1.8rem; margin-bottom: 1.4rem; border-radius: 14px;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 90' preserveAspectRatio='none'%3E%3Ccircle cx='480' cy='30' r='34' fill='%23C9661A' fill-opacity='.5'/%3E%3Cpath d='M0 90 L80 34 L140 62 L210 16 L280 56 L360 8 L440 58 L510 28 L600 60 L600 90 Z' fill='%23154A74' fill-opacity='.55'/%3E%3C/svg%3E") bottom center / 100% 100% no-repeat,
		linear-gradient(165deg, var(--ecs-primary-soft) 0%, var(--ecs-primary) 42%, var(--ecs-primary-deep) 100%);
	box-shadow: var(--ejb-shadow-2)}
.ejb-hero h2 { color: var(--ecs-on-primary); margin: 0 0 .3rem; font-size: 1.55rem}
.ejb-hero p { margin: 0; color: var(--ecs-on-primary); max-width: 52ch}


.ejb-search-bar {
	display: flex; flex-wrap: wrap; gap: .65rem;
	padding: 1.1rem; margin-bottom: 1.4rem; border-radius: 14px;
	background: linear-gradient(165deg, var(--ecs-primary-soft) 0%, var(--ecs-primary) 42%, var(--ecs-primary-deep) 100%);
	box-shadow: var(--ejb-shadow-2), inset 0 1px 0 rgba(255,255,255,.08)}
.ejb-search-bar input[type="search"] { flex: 2 1 230px; }
.ejb-search-bar select { flex: 1 1 150px; }
.ejb-search-bar input, .ejb-search-bar select {
	appearance: none; padding: .68rem 1rem;
	border: 1px solid rgba(255,255,255,.18); border-radius: 999px;
	font-size: .97rem; background: var(--ecs-card); color: var(--ecs-text-strong);
	box-shadow: inset 0 1px 3px rgba(20,33,60,.12)}
.ejb-search-bar select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231B2A4A' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right .9rem center; padding-right: 2.2rem;
}
.ejb-search-bar input:focus, .ejb-search-bar select:focus { outline: none; box-shadow: inset 0 1px 3px rgba(20,33,60,.12), 0 0 0 3px var(--ecs-accent)}


.ejb-list { display: flex; flex-direction: column; gap: .8rem; }
.ejb-row {
	display: flex; align-items: center; gap: 1.1rem;
	background: var(--ecs-card); border: 1px solid var(--ecs-border); border-radius: 12px;
	padding: 1rem 1.2rem;
	text-decoration: none; color: inherit;
	box-shadow: var(--ejb-shadow-1);
	transition: transform .18s var(--ejb-ease), box-shadow .18s var(--ejb-ease), border-color .18s var(--ejb-ease)}
.ejb-row:hover { transform: translateY(-2px); box-shadow: var(--ejb-shadow-2); border-color: var(--ecs-border)}
.ejb-row.is-featured { border: 2px solid var(--ecs-accent)}
.ejb-row-logo { flex: 0 0 56px; }
.ejb-row-logo img { width: 56px; height: 56px; object-fit: contain; border-radius: 8px; background: var(--ecs-panel); display: block}
.ejb-logo-fallback {
	display: grid; place-items: center; width: 56px; height: 56px; border-radius: 8px;
	font-family: var(--ejb-display); font-size: 1.5rem; font-weight: 800; color: var(--ecs-heading);
	background: linear-gradient(160deg, var(--ecs-panel) 0%, var(--ecs-panel-deep) 100%)}
.ejb-row-main { flex: 1 1 auto; min-width: 0; }
.ejb-row-main h3 { margin: 0 0 .15rem; font-size: 1.08rem; line-height: 1.3; color: var(--ecs-heading)}
.ejb-row-meta { margin: 0; font-size: .87rem; color: var(--ecs-muted)}
.ejb-row-side { display: flex; flex-direction: column; align-items: flex-end; gap: .25rem; flex: 0 0 auto; }
.ejb-pay { font-weight: 800; color: #2C4A33; font-size: .95rem; white-space: nowrap}
.ejb-type {
	font-size: .74rem; font-weight: 700; color: var(--ecs-heading);
	background: var(--ecs-panel); border: 1px solid var(--ecs-border);
	padding: .16rem .6rem; border-radius: 999px; white-space: nowrap}
.ejb-when { font-size: .76rem; color: var(--ecs-muted)}
.ejb-badge { display: inline-block; padding: .12rem .5rem; border-radius: 999px; font-size: .68rem; font-weight: 800; color: var(--ecs-on-primary); vertical-align: 2px}
.ejb-badge-new { background: #2C4A33; letter-spacing: .08em}
.ejb-badge-featured { background: var(--ecs-button-bg)}
.ejb-empty { background: var(--ecs-panel); border: 1px dashed var(--ecs-border); padding: 1.4rem 1.5rem; border-radius: 10px}
.ejb-more-wrap { text-align: center; margin-top: 1.6rem; }
@media (max-width: 560px) {
	.ejb-row { flex-wrap: wrap; }
	.ejb-row-side { flex-direction: row; align-items: center; gap: .6rem; width: 100%; }
}


.ejb-single-head { position: relative; padding-bottom: .9rem; margin-bottom: 1.2rem; }
.ejb-single-head::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
	background: linear-gradient(90deg, var(--ecs-primary) 0 62%, var(--ecs-accent) 62% 84%, var(--ecs-highlight) 84% 100%); border-radius: 2px}
.ejb-single-meta { color: var(--ecs-link); font-weight: 700; margin: 0 0 .5rem}
.ejb-single-badges { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }
.ejb-single-badges .ejb-pay { font-size: 1.25rem; }
.ejb-single-cols { display: grid; gap: 1.7rem; grid-template-columns: 1fr; align-items: start; }
@media (min-width: 760px) { .ejb-single-cols { grid-template-columns: 1.7fr 1fr; } }
.ejb-apply-card {
	position: relative; overflow: hidden; color: var(--ecs-on-primary);
	border-radius: 14px; padding: 1.3rem 1.35rem 1.4rem;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 80' preserveAspectRatio='none'%3E%3Ccircle cx='240' cy='30' r='24' fill='%23C9661A' fill-opacity='.55'/%3E%3Cpath d='M0 80 L60 34 L105 58 L165 20 L225 55 L300 27 L300 80 Z' fill='%23154A74' fill-opacity='.65'/%3E%3C/svg%3E") top right / 100% 78px no-repeat,
		linear-gradient(170deg, var(--ecs-primary-soft) 0%, var(--ecs-primary) 38%, var(--ecs-primary-deep) 100%);
	box-shadow: var(--ejb-shadow-2)}
.ejb-apply-card h3 { color: var(--ecs-on-primary); margin: 0 0 .8rem; padding-top: 1.9rem}
.ejb-apply-card .ejb-btn { width: 100%; margin-bottom: .6rem; }
.ejb-apply-card .ejb-btn-outline { background: transparent; color: var(--ecs-on-primary); border-color: rgba(255,255,255,.55)}
.ejb-apply-card .ejb-btn-outline:hover { background: var(--ecs-card); color: var(--ecs-heading)}
#ejb-apply-form { background: rgba(255,255,255,.08); border-radius: 10px; padding: .9rem; margin-top: .4rem}
#ejb-apply-form label { color: var(--ecs-on-primary); font-size: .86rem}
#ejb-apply-form input[type="file"] { background: transparent; border: 1px dashed rgba(255,255,255,.4); color: var(--ecs-on-primary); padding: .5rem}
.ejb-apply-status { font-size: .88rem; margin: .5rem 0 0; color: var(--ecs-on-primary)}
.ejb-company-note { background: rgba(255,255,255,.1); border-radius: 8px; padding: .7rem .9rem; margin: .5rem 0; line-height: 1.5}
.ejb-backlink { margin-top: 1.6rem; }
.ejb-backlink a { color: var(--ecs-heading); font-weight: 600}


.ejb-form label { display: block; margin-bottom: 1rem; font-weight: 600; font-size: .95rem; color: var(--ecs-heading)}
.ejb-form input, .ejb-form textarea, .ejb-form select {
	display: block; width: 100%; margin-top: .35rem;
	padding: .62rem .8rem; border: 1px solid var(--ecs-border); border-radius: 6px;
	font-size: 1rem; font-weight: 400; background: var(--ecs-card); color: var(--ecs-text-strong);
	box-shadow: inset 0 1px 2px rgba(20,33,60,.05);
	transition: border-color .15s, box-shadow .15s}
.ejb-form input:focus, .ejb-form textarea:focus, .ejb-form select:focus {
	outline: none; border-color: var(--ecs-accent);
	box-shadow: inset 0 1px 2px rgba(20,33,60,.05), 0 0 0 3px rgba(201,102,26,0.28)}
.ejb-form-row { display: grid; gap: 0 1.1rem; grid-template-columns: 1fr; }
.ejb-form-row-3 { display: grid; gap: 0 1.1rem; grid-template-columns: 1fr; }
@media (min-width: 640px) {
	.ejb-form-row { grid-template-columns: 1fr 1fr; }
	.ejb-form-row-3 { grid-template-columns: 1.4fr 1fr 1fr; }
}
.ejb-payfield { border: 1px solid var(--ecs-border); border-radius: 10px; padding: 1rem 1.1rem .3rem; margin-bottom: 1rem}
.ejb-payfield legend { font-weight: 700; color: var(--ecs-heading); padding: 0 .4rem}
.ejb-pricenote { background: var(--ecs-panel); border-left: 4px solid var(--ecs-accent); padding: .75rem 1.05rem; border-radius: 0 8px 8px 0}
.ejb-notice { padding: .85rem 1.15rem; border-radius: 6px; margin-bottom: 1.1rem; box-shadow: var(--ejb-shadow-1)}
.ejb-notice-ok { background: var(--ecs-card); border-left: 4px solid #2C4A33}
.ejb-notice-err { background: #F8E9E5; border-left: 4px solid var(--ecs-highlight)}
.ejb-hint { font-size: .86rem; font-weight: 400; color: var(--ecs-muted)}
.ejb-upload-btn { position: relative; overflow: hidden; }
.ejb-logo-preview img { width: 110px; height: 110px; object-fit: contain; border-radius: 10px; background: var(--ecs-panel); padding: 8px; box-shadow: var(--ejb-shadow-1); margin-bottom: .7rem}


.ejb-myjobs-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: .9rem; }
.ejb-myrow {
	display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
	background: var(--ecs-card); border: 1px solid var(--ecs-border); border-radius: 10px;
	padding: .8rem 1rem; margin-bottom: .7rem; box-shadow: var(--ejb-shadow-1)}
.ejb-myrow-main h3 { margin: 0 0 .2rem; font-size: 1.05rem; }
.ejb-myrow-main a { color: var(--ecs-heading); text-decoration: none}
.ejb-myrow-actions { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.ejb-pill { display: inline-block; padding: .12rem .6rem; border-radius: 999px; font-size: .74rem; font-weight: 700; color: var(--ecs-on-primary)}
.ejb-pill-live { background: #2C4A33}
.ejb-pill-filled { background: var(--ecs-primary)}
.ejb-pill-expired { background: #8A8577}
.ejb-pill-unpaiddraft { background: var(--ecs-button-bg)}

@media (prefers-reduced-motion: reduce) {
	.ejb-board *, .ejb-single *, .ejb-postform *, .ejb-myjobs * { transition: none !important; animation: none !important; }
	.ejb-row:hover { transform: none; }
}


.ejb-hero-mini { text-align: center; color: var(--ecs-on-primary); padding: 1.8rem 1.5rem; margin-bottom: 1.4rem; border-radius: 16px;
	background: radial-gradient(ellipse 55% 45% at 50% 0%, rgba(201,102,26,0.22), transparent 70%), linear-gradient(165deg, var(--ecs-primary-soft) 0%, var(--ecs-primary) 42%, var(--ecs-primary-deep) 100%);
	box-shadow: 0 2px 4px rgba(20,33,60,.07), 0 8px 20px rgba(20,33,60,.10)}
.ejb-hero-mini h2 { color: var(--ecs-on-primary); font-family: "Bitter", Georgia, serif; margin: 0 0 .5rem}
.ejb-hero-mini p { color: var(--ecs-on-primary); max-width: 60ch; margin: 0 auto}
.ejb-chip { display: inline-block; padding: .35rem .85rem; border-radius: 999px; background: var(--ecs-panel); border: 1px solid var(--ecs-border);
	color: var(--ecs-link); font-size: .82rem; font-weight: 700; margin: 0 .25rem .35rem 0}
.ejb-chip-pick { cursor: pointer; background: var(--ecs-card); border: 2px solid var(--ecs-primary); color: var(--ecs-heading); transition: background .14s, color .14s, transform .12s}
.ejb-chip-pick:hover { background: var(--ecs-panel); transform: translateY(-1px)}
.ejb-chip-pick.is-on { background: var(--ecs-primary); color: var(--ecs-on-primary)}
.ejb-chip-mini { font-size: .72rem; padding: .2rem .6rem; }
.ejb-skill-select { margin-bottom: 1rem; }
.ejb-talent-counts { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.ejb-count-box { flex: 1; min-width: 200px; text-align: center; background: var(--ecs-card); border: 1px solid var(--ecs-border); border-radius: 14px; padding: 1rem;
	box-shadow: 0 1px 2px rgba(20,33,60,.06)}
.ejb-count-n { display: block; font-family: "Bitter", Georgia, serif; font-weight: 800; font-size: 2.2rem;
	background: linear-gradient(180deg, var(--ecs-button-soft), var(--ecs-button-deep)); -webkit-background-clip: text; background-clip: text; color: transparent}
.ejb-cand-list { display: flex; flex-direction: column; gap: .6rem; }
.ejb-cand-row { display: flex; align-items: center; gap: .9rem; flex-wrap: wrap; background: var(--ecs-card); border: 1px solid var(--ecs-border);
	border-radius: 12px; padding: .75rem 1rem; box-shadow: 0 1px 2px rgba(20,33,60,.06)}
.ejb-cand-row.is-full { border-left: 5px solid #2C4A33}
.ejb-cand-name { font-family: "Bitter", Georgia, serif; font-weight: 700; color: var(--ecs-heading)}
.ejb-full-tag { font-style: normal; font-size: .72rem; font-weight: 800; color: #2C4A33}
.ejb-cand-skills { flex: 1; min-width: 160px; }
.ejb-cand-updated { font-size: .8rem; color: var(--ecs-muted)}
.ejb-btn-sm { padding: .4rem .95rem !important; font-size: .85rem !important; }
.ejb-talent-upsell { margin-top: 1.2rem; padding: 1.1rem 1.3rem; border-radius: 14px; background: linear-gradient(170deg, var(--ecs-card-alt), #FCEFC7);
	border: 1px solid var(--ecs-border)}
.ejb-resume-card { background: var(--ecs-card); border: 1px solid var(--ecs-border); border-left: 5px solid #2C4A33; border-radius: 14px;
	padding: 1.2rem 1.4rem; margin-bottom: 1.6rem; box-shadow: 0 1px 2px rgba(20,33,60,.06)}
.ejb-skill-chips { margin: .3rem 0 .6rem; }
.ejb-consent { display: block; background: var(--ecs-panel); border: 1px dashed var(--ecs-border); border-radius: 10px; padding: .8rem 1rem;
	font-size: .9rem; line-height: 1.55; margin: .8rem 0}
.ejb-consent input { margin-right: .5rem; }
.ejb-inline-form { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; margin-top: .6rem; }
.ejb-danger { color: var(--ecs-link) !important}
.ejb-notice-ok { background: var(--ecs-card); border-left: 4px solid #2C4A33; padding: .85rem 1.15rem; border-radius: 6px; margin-bottom: 1rem}
.ejb-notice-err { background: #F8E9E5; border-left: 4px solid var(--ecs-highlight); padding: .85rem 1.15rem; border-radius: 6px; margin-bottom: 1rem}

.ejb-custom-kw { margin: .4rem 0 1rem; }
.ejb-custom-kw label { display: block; font-weight: 700; color: var(--ecs-heading); margin-bottom: .35rem; font-size: .92rem}
.ejb-custom-kw-row { display: flex; gap: .5rem; max-width: 460px; }
#ejb-kw-input { flex: 1; padding: .5rem .9rem; border: 1px solid var(--ecs-border); border-radius: 999px; font-size: .92rem}
#ejb-kw-input:focus { outline: none; border-color: var(--ecs-accent); box-shadow: 0 0 0 3px rgba(201,102,26,0.25)}
.ejb-chip-custom { background: var(--ecs-card); border: 2px dashed var(--ecs-accent); color: var(--ecs-accent-deep); cursor: pointer}
.ejb-chip-custom:hover { background: var(--ecs-card-alt)}

.ejb-kw-primary { margin: 0 0 1.1rem; }
.ejb-kw-primary .ejb-custom-kw-row { max-width: 640px; }
.ejb-kw-primary #ejb-kw-input { padding: .7rem 1.2rem; font-size: 1rem; }


.ejb-form input[type="checkbox"] {
	width: auto !important; padding: 0 !important; border: 0 !important;
	box-shadow: none !important; display: inline-block !important;
	vertical-align: middle; margin: 0 .55rem 0 0 !important;
	transform: scale(1.25); accent-color: var(--ecs-accent)}
.ejb-form input[type="file"] {
	border: 1px dashed var(--ecs-border) !important; background: var(--ecs-card-alt);
	padding: .8rem 1rem !important; cursor: pointer}


.ejb-submit-row { margin: 1.1rem 0 0 !important; }
.ejb-wrap button.ejb-upload-submit,
.ejb-wrap .ejb-submit-row .ejb-btn {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: static !important;
	width: auto !important; height: auto !important;
	overflow: visible !important; clip: auto !important;
}


.ejb-chip-mini.is-hit {
	background: linear-gradient(180deg, var(--ecs-button-soft), var(--ecs-button-deep));
	border-color: var(--ecs-accent-deep); color: var(--ecs-button-text); font-weight: 800}
.ejb-chip-mini.is-other { background: var(--ecs-card); border-color: var(--ecs-border); color: var(--ecs-muted); font-weight: 600}


.ejb-cand-row { row-gap: .45rem; padding: .85rem 1.1rem; }
.ejb-cand-skills { display: flex; flex-wrap: wrap; gap: .3rem; align-items: center; }
#ejb-kw-chips:empty { display: none; }
.ejb-kw-primary .ejb-hint { margin-top: .5rem; }


.ejb-dl-status {
	display: inline-block; padding: .5rem 1.1rem; border-radius: 999px;
	background: linear-gradient(170deg, var(--ecs-card-alt), #FCEFC7); border: 1px solid var(--ecs-border);
	font-weight: 700; color: var(--ecs-heading); margin-bottom: 1rem}
.ejb-dl-status a { color: var(--ecs-accent-deep)}
.ejb-packages {
	margin-top: 1.4rem; padding: 1.4rem 1.5rem; border-radius: 16px;
	background: linear-gradient(170deg, var(--ecs-card-alt), var(--ecs-card-alt)); border: 1px solid var(--ecs-border);
	box-shadow: 0 1px 2px rgba(20,33,60,.06), 0 4px 12px rgba(20,33,60,.06)}
.ejb-packages > h3 { font-family: "Bitter", Georgia, serif; color: var(--ecs-heading); margin: 0 0 1rem; text-align: center}
.ejb-pkg-grid { display: grid; gap: .9rem; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.ejb-pkg-card {
	position: relative; display: flex; flex-direction: column; align-items: center; gap: .15rem;
	background: var(--ecs-card); border: 1px solid var(--ecs-border); border-radius: 14px; padding: 1.2rem .9rem .95rem;
	box-shadow: 0 1px 2px rgba(20,33,60,.06);
	transition: transform .15s ease, box-shadow .15s ease}
.ejb-pkg-card:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(20,33,60,.12)}
.ejb-pkg-card.is-featured { border: 2px solid var(--ecs-accent); box-shadow: 0 4px 14px rgba(201,102,26,0.22)}
.ejb-pkg-badge {
	position: absolute; top: -11px; left: 50%; transform: translateX(-50%);
	background: linear-gradient(180deg, var(--ecs-button-soft), var(--ecs-button-deep)); color: var(--ecs-button-text);
	font-size: .68rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
	padding: .22rem .7rem; border-radius: 999px; white-space: nowrap}
.ejb-pkg-qty { font-family: "Bitter", Georgia, serif; font-weight: 800; font-size: 2rem; color: var(--ecs-heading); line-height: 1}
.ejb-pkg-name { font-size: .8rem; color: var(--ecs-muted)}
.ejb-pkg-price { font-family: "Bitter", Georgia, serif; font-weight: 800; font-size: 1.25rem; color: var(--ecs-accent-deep); margin: .3rem 0 .55rem}
.ejb-pkg-best { margin: 1rem 0 0; text-align: center; font-size: .92rem; color: var(--ecs-text-strong)}


.ejb-picker { margin-bottom: 1.2rem; }
.ejb-ac-wrap { position: relative; max-width: 640px; }
.ejb-ac-input {
	width: 100%; padding: .8rem 1.25rem; font-size: 1.02rem;
	border: 2px solid var(--ecs-primary); border-radius: 999px; background: var(--ecs-card)}
.ejb-ac-input:focus { outline: none; border-color: var(--ecs-accent); box-shadow: 0 0 0 4px rgba(201,102,26,0.18)}
.ejb-ac-drop {
	position: absolute; z-index: 60; top: calc(100% + 6px); left: 0; right: 0;
	background: var(--ecs-card); border: 1px solid var(--ecs-border); border-radius: 14px; overflow: hidden;
	box-shadow: 0 10px 30px rgba(20,33,60,.18)}
.ejb-ac-row {
	display: flex; justify-content: space-between; align-items: center; gap: 1rem;
	width: 100%; text-align: left; padding: .6rem 1.1rem; background: var(--ecs-card); border: 0; cursor: pointer;
	font-size: .95rem; color: var(--ecs-heading)}
.ejb-ac-row em { font-style: normal; font-size: .74rem; color: var(--ecs-muted); white-space: nowrap}
.ejb-ac-row:hover, .ejb-ac-row.is-active { background: var(--ecs-panel)}
.ejb-ac-free span { color: var(--ecs-accent-deep); font-weight: 700}
.ejb-tray { display: flex; flex-wrap: wrap; gap: .35rem; margin: .8rem 0 .2rem; }
.ejb-tray-chip { background: var(--ecs-primary); border: 2px solid var(--ecs-primary); color: var(--ecs-on-primary); cursor: pointer}
.ejb-tray-chip:hover { background: var(--ecs-highlight); border-color: var(--ecs-highlight)}
.ejb-cats { display: grid; gap: .55rem; margin-top: .9rem; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); }
.ejb-cat { background: var(--ecs-card); border: 1px solid var(--ecs-border); border-radius: 12px; overflow: hidden; align-self: start}
.ejb-cat.is-open { grid-column: 1 / -1; }
.ejb-cat-head {
	display: flex; align-items: center; gap: .6rem; width: 100%;
	padding: .7rem 1rem; background: var(--ecs-card); border: 0; cursor: pointer; text-align: left}
.ejb-cat-head:hover { background: var(--ecs-card-alt)}
.ejb-cat-name { flex: 1; font-family: "Bitter", Georgia, serif; font-weight: 700; color: var(--ecs-heading); font-size: .93rem}
.ejb-cat-count {
	background: var(--ecs-panel); border: 1px solid var(--ecs-border); border-radius: 999px;
	font-size: .72rem; font-weight: 800; color: var(--ecs-link); padding: .12rem .55rem}
.ejb-cat-chev { color: var(--ecs-muted); transition: transform .18s ease}
.ejb-cat.is-open .ejb-cat-chev { transform: rotate(180deg); }
.ejb-cat-panel { padding: .6rem .9rem .8rem; border-top: 1px solid var(--ecs-border)}
.ejb-cat-panel .ejb-chip-pick { margin: 0 .25rem .35rem 0; font-size: .78rem; padding: .3rem .75rem; }


.ejb-expiry-wrap { margin: 16px 0; }
.ejb-expiry { display: flex; gap: 12px; align-items: flex-start; background: var(--ecs-panel); border: 1px solid var(--ecs-border); border-left: 4px solid var(--ecs-primary); border-radius: 12px; padding: 14px 16px; margin: 0 0 16px; color: var(--ecs-text-strong); font-size: 15px; line-height: 1.5}
.ejb-expiry > .eli { flex: 0 0 auto; width: 26px; height: 26px; color: var(--ecs-heading); margin-top: 1px}
.ejb-expiry b { color: var(--ecs-heading)}
.ejb-expiry-ok { border-left-color: #2C4A33; background: var(--ecs-card)}
.ejb-expiry-ok > .eli { color: #2C4A33}
.ejb-expiry-warn { border-left-color: var(--ecs-accent); background: var(--ecs-accent-tint)}
.ejb-expiry-warn > .eli { color: var(--ecs-accent-deep)}
.ejb-expiry-form { margin: 10px 0 0; }
.ejb-expiry .ejb-expiry-renew { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; border: 2px solid var(--ecs-primary); background: var(--ecs-card); color: var(--ecs-heading); font-weight: 700; font-size: 14px; cursor: pointer}
.ejb-expiry .ejb-expiry-renew:hover { background: var(--ecs-primary); color: var(--ecs-on-primary)}
.ejb-expiry .ejb-expiry-renew .eli, .ejb-resume h3 .eli, .ejb-upload-submit .eli { width: 1.15em; height: 1.15em; vertical-align: -.2em; }
.eli .eli-d { opacity: .2; }