﻿@media (min-width: 992px) {
    .bw-content { margin-inline: 3rem; }
    .bw-breadcrumbs { padding-inline: 3rem; }
}
h1 { line-height: 1.3; }

.bw-card-icon { width: 28px; height: 28px; vertical-align: middle; margin-inline-end: 5px; }
.bw-site-totals .bw-card-icon { width: 20px; height: 20px; }
.bw-site-totals .row { line-height: 1.5; }
.bw-gain { background: #ecffec; }
.bw-loss { background: #ffecec; }

.bw-download .icon { fill: currentColor; }

.investor-picker { position: relative; }
.investor-input.form-control { height: auto; min-height: 38px; padding: 4px 6px; display: flex; flex-wrap: wrap; align-items: center; font-size: inherit; }
.investor-input:focus-within { border-color: #80bdff; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); }
#investor-selected { display: contents; }
.investor-chip { display: inline-flex; align-items: center; max-width: 100%; background: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; margin: 2px 5px 2px 0; padding: 0 5px; overflow-wrap: anywhere; }
.investor-chip button { border: 0; background: transparent; color: #666; padding: 0 5px 0 0; font-weight: bold; }
#investor-search { flex: 1; min-width: 120px; width: 100%; border: 0; outline: 0; padding: 2px; background: transparent; font: inherit; }
#investor-options { position: absolute; top: 100%; left: 0; right: 0; z-index: 20; background: white; border: 1px solid #aaa; max-height: 240px; overflow-y: auto; }
#investor-options [role="option"] { padding: 6px 10px; cursor: pointer; }
#investor-options [role="option"]:hover, #investor-options [aria-selected="true"] { color: white; background: #5897fb; }
#investor-period { font-size: inherit; }
.investor-table { background: white; }
.investor-table th:first-child, .investor-table td:first-child { width: 16px; white-space: nowrap; }
#investor-status:empty { display: none; }

/* Match the original technologyList.ascx image blending and row hover. */
.bw-technology-icon { background-color: transparent; mix-blend-mode: darken; }
.bw-technology-list > .list-group-item:hover { background-color: #fff3cd !important; color: black; }

/* Grid gutters overlap the icon: keep nested hover backgrounds from covering it. */
.bw-technology-list > .list-group-item div:hover { background-color: transparent !important; }

/* Card lists scroll vertically; Bootstrap row gutters must stay inside the viewport. */
.bw-card-scroll { overflow-y: auto; overflow-x: hidden; overflow-wrap: anywhere; }
.bw-card-scroll > .row { margin-inline: 0; }
.bw-card-scroll > .row > [class*="col-"] { padding-inline: 0; min-width: 0; }
.bw-card-scroll > .row > [class*="col-"]:first-child { padding-inline-end: .5rem; }

/* Keep technology logos close to their names in distribution tables. */
.bw-technology-table th:first-child,
.bw-technology-table td:first-child:not([colspan]) { width: 1%; white-space: nowrap; padding-right: 0; }

/* Keep dedicated technology-logo cells at the icon width, without spare table space. */
.table > tbody > tr > td:first-child:not([colspan]):has(> img[width="16"]) { width: 16px; padding-inline: 0; }
