/* AKMV Opportunities — Transactions widget: 3-col grid, sector chips, revenue slider. */

/* 3-column card grid */
body .akmv-opp--txn .akmv-opp-list--3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:clamp(18px,2.2vw,28px); }

/* Controls row: sector dropdown left, revenue range right */
.akmv-opp--txn .akmv-opp-controls { display:flex; justify-content:space-between; align-items:flex-end; gap:clamp(24px,4vw,64px); flex-wrap:wrap; margin-bottom:clamp(26px,4vh,44px); }

.akmv-opp-ctl-label { display:block; font-size:0.7rem; letter-spacing:0.15em; text-transform:uppercase; font-weight:700; color:var(--o-muted); margin-bottom:9px; }

/* Sector dropdown */
.akmv-opp-sector { flex:0 1 280px; min-width:220px; }
body .akmv-opp-sector .akmv-opp-sector-select {
	width:100%; font-family:inherit; font-size:0.92rem; font-weight:500; color:var(--o-ink);
	background-color:var(--o-surface); border:1px solid var(--o-line); border-radius:3px;
	padding:11px 38px 11px 14px; margin:0; height:auto; line-height:1.4; box-shadow:none;
	-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%236F7180' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:right 14px center; background-size:11px auto;
	transition:border-color .2s ease;
}
body .akmv-opp-sector .akmv-opp-sector-select:hover { border-color:var(--o-accent-2); }
body .akmv-opp-sector .akmv-opp-sector-select:focus { outline:none; border-color:var(--o-indigo); box-shadow:0 0 0 3px rgba(46,50,112,0.10); }

/* Revenue slider — no panel, just the control */
.akmv-opp-range { flex:0 1 426px; min-width:260px; }
.akmv-opp-range-head { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.akmv-opp-range-head .akmv-opp-ctl-label { margin-bottom:0; }
.akmv-opp-range-value { font-size:0.86rem; font-weight:600; color:var(--o-ink); white-space:nowrap; font-variant-numeric:tabular-nums; }
.akmv-opp-range-dash { color:var(--o-muted); margin:0 2px; }
body .akmv-opp-range .akmv-opp-range-reset { margin-left:12px; font-size:0.74rem; font-weight:600; color:var(--o-muted); text-decoration:none; opacity:0; pointer-events:none; transition:opacity .2s ease, color .2s ease; }
.akmv-opp-range.is-filtered .akmv-opp-range-reset { opacity:1; pointer-events:auto; }
body .akmv-opp-range .akmv-opp-range-reset:hover { color:var(--o-accent); }

.akmv-opp-range-track { position:relative; height:22px; margin:14px 9px 0; }
.akmv-opp-range-track::before { content:""; position:absolute; left:-9px; right:-9px; top:9px; height:4px; border-radius:999px; background:#DEDCD6; }
.akmv-opp-range-fill { position:absolute; top:9px; height:4px; border-radius:999px; background:var(--o-indigo); }

/* Range inputs — hardened against theme (Astra) form styling.
   The attribute selector + body prefix out-specifies theme rules, and
   appearance:none is forced so the browser's native blue thumb is dropped. */
body .akmv-opp-range input[type="range"].akmv-opp-range-input {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	position: absolute; left: -9px; top: 0;
	width: calc(100% + 18px); height: 22px;
	margin: 0 !important; padding: 0 !important;
	background: transparent !important;
	border: 0 !important; border-radius: 0 !important;
	box-shadow: none !important; outline: none !important;
	min-height: 0 !important; line-height: normal !important;
	pointer-events: none;
}
body .akmv-opp-range input[type="range"].akmv-opp-range-lo { z-index: 3; }
body .akmv-opp-range input[type="range"].akmv-opp-range-hi { z-index: 4; }

body .akmv-opp-range input[type="range"].akmv-opp-range-input::-webkit-slider-runnable-track {
	-webkit-appearance: none !important;
	background: transparent !important; border: 0 !important; height: 22px !important; box-shadow: none !important;
}
body .akmv-opp-range input[type="range"].akmv-opp-range-input::-moz-range-track {
	background: transparent !important; border: 0 !important; height: 22px !important; box-shadow: none !important;
}
body .akmv-opp-range input[type="range"].akmv-opp-range-input::-moz-range-progress { background: transparent !important; }

body .akmv-opp-range input[type="range"].akmv-opp-range-input::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	appearance: none !important;
	pointer-events: auto;
	width: 20px !important; height: 20px !important;
	margin-top: 1px;
	border-radius: 50% !important;
	background: #FFFFFF !important;
	border: 2px solid var(--o-indigo) !important;
	box-shadow: 0 2px 6px rgba(26,27,51,0.22) !important;
	cursor: grab;
	transition: transform .15s ease, box-shadow .15s ease;
}
body .akmv-opp-range input[type="range"].akmv-opp-range-input::-moz-range-thumb {
	-moz-appearance: none !important;
	appearance: none !important;
	pointer-events: auto;
	width: 20px !important; height: 20px !important;
	border-radius: 50% !important;
	background: #FFFFFF !important;
	border: 2px solid var(--o-indigo) !important;
	box-shadow: 0 2px 6px rgba(26,27,51,0.22) !important;
	cursor: grab;
	transition: transform .15s ease, box-shadow .15s ease;
}
body .akmv-opp-range input[type="range"].akmv-opp-range-input::-webkit-slider-thumb:hover { transform: scale(1.12); }
body .akmv-opp-range input[type="range"].akmv-opp-range-input::-moz-range-thumb:hover { transform: scale(1.12); }
body .akmv-opp-range input[type="range"].akmv-opp-range-input:active::-webkit-slider-thumb { cursor: grabbing; box-shadow: 0 0 0 6px rgba(46,50,112,0.12), 0 2px 6px rgba(26,27,51,0.22) !important; }
body .akmv-opp-range input[type="range"].akmv-opp-range-input:active::-moz-range-thumb { cursor: grabbing; box-shadow: 0 0 0 6px rgba(46,50,112,0.12), 0 2px 6px rgba(26,27,51,0.22) !important; }


@media (max-width: 1100px) {
	body .akmv-opp--txn .akmv-opp-list--3 { grid-template-columns:repeat(2, 1fr); }
}
@media (max-width: 780px) {
	body .akmv-opp--txn .akmv-opp-list--3 { grid-template-columns:1fr; }
	.akmv-opp--txn .akmv-opp-controls { flex-direction:column; align-items:stretch; }
	.akmv-opp-sector, .akmv-opp-range { flex:1 1 auto; width:100%; }
}