body.bi-clear-mode {
  --clear-ink: #142a3d;
  --clear-muted: #5d7082;
  --clear-faint: #8292a0;
  --clear-line: #d7e3ea;
  --clear-soft: #f4f8fa;
  --clear-teal: #119887;
  --clear-teal-soft: #e7f6f3;
  --clear-blue: #2d7fbd;
  --clear-orange: #e57131;
  --clear-amber: #8a6d1f;
  background: #f3f6f8;
  color: var(--clear-ink);
}

html { scroll-behavior: smooth; }

.bi-view-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 14px;
  padding: 10px 13px;
  border: 1px solid #cad9e2;
  border-radius: 12px;
  background: #fff;
}

.bi-view-copy { display: flex; flex-direction: column; gap: 2px; }
.bi-view-copy strong { color: var(--clear-ink, #142a3d); font-size: 13px; }
.bi-view-copy span { color: var(--clear-muted, #5d7082); font-size: 11px; }
.bi-view-actions { display: flex; gap: 6px; flex: none; }
.bi-view-actions button,
.bi-clear-periods button,
.bi-clear-major-tabs button,
.bi-clear-band-controls button {
  border: 1px solid #bcd0dc;
  border-radius: 999px;
  background: #fff;
  color: #36566d;
  padding: 7px 11px;
  font: 750 11px/1.1 system-ui, -apple-system, "Segoe UI", sans-serif;
  cursor: pointer;
}
.bi-view-actions button.on,
.bi-clear-periods button.on,
.bi-clear-major-tabs button.on,
.bi-clear-band-controls button.on {
  border-color: var(--clear-teal, #119887);
  background: var(--clear-teal, #119887);
  color: #fff;
}

body.bi-clear-mode #inteligencia > .biscope,
body.bi-clear-mode #inteligencia > .bifiltercontext,
body.bi-clear-mode #inteligencia > .bikpis,
body.bi-clear-mode #inteligencia > .bigrid,
body.bi-clear-mode #inteligencia > .binote,
body.bi-clear-mode #inteligencia > #biInnovasur,
body.bi-clear-mode #inteligencia > #biTelefonica,
body.bi-clear-mode #inteligencia > #biGenerica {
  display: none !important;
}

.bi-clear-shell {
  width: min(100%, 1420px);
  margin: 0 auto;
  color: var(--clear-ink);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

.bi-clear-shell header:not(.bi-clear-cover) {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
}

.bi-clear-cover,
.bi-clear-section {
  margin: 0 0 14px;
  border: 1px solid var(--clear-line);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 7px 24px rgba(20, 42, 61, 0.045);
}

.bi-clear-brandbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 10px;
  padding: 10px 14px;
  border: 1px solid var(--clear-line);
  border-radius: 12px;
  background: #fff;
}
.bi-clear-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--clear-ink);
  text-decoration: none;
}
.bi-clear-brand-mark {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 8px;
  background: var(--clear-teal);
  color: #fff;
  font-weight: 900;
}
.bi-clear-brand strong,
.bi-clear-brand small { display: block; line-height: 1.1; }
.bi-clear-brand strong { font-size: 14px; letter-spacing: .08em; }
.bi-clear-brand small,
.bi-clear-brand-context { color: var(--clear-muted); font-size: 10px; }
.bi-clear-brand-actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.bi-clear-brand-actions a {
  color: var(--clear-teal);
  font-size: 10.5px;
  font-weight: 850;
  text-decoration: none;
}

.bi-clear-cover {
  display: block;
  overflow: hidden;
  border-top: 5px solid var(--clear-teal);
}

.bi-clear-cover-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  padding: 25px 28px 18px;
}

.bi-clear-eyebrow {
  display: block;
  color: var(--clear-teal);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bi-clear-cover h1 {
  max-width: 900px;
  margin: 7px 0 7px;
  color: var(--clear-ink);
  font-size: clamp(25px, 2.2vw, 36px);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.bi-clear-cover-top p {
  max-width: 72ch;
  margin: 0;
  color: var(--clear-muted);
  font-size: 14px;
  line-height: 1.5;
}

.bi-clear-confidence {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
  flex: none;
}

.bi-clear-confidence span,
.bi-clear-confidence a {
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 10px;
  font-weight: 850;
  text-decoration: none;
}
.bi-clear-confidence span { background: var(--clear-teal-soft); color: #087367; }
.bi-clear-confidence a { color: var(--clear-blue); }

.bi-clear-cover-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 28px;
  border-top: 1px solid #e2ebf0;
  border-bottom: 1px solid #e2ebf0;
  background: #f8fafb;
}
.bi-clear-cover-controls > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.bi-clear-cover-controls b { font-size: 11px; }
.bi-clear-cover-controls span { color: var(--clear-muted); font-size: 10.5px; }
.bi-clear-periods { display: flex; flex-wrap: wrap; gap: 6px; }

.bi-clear-source-summary {
  display: flex;
  align-items: center;
  gap: 10px 16px;
  padding: 10px 20px;
  border-bottom: 1px solid #b9ded6;
  background: var(--clear-teal-soft);
  color: #315e58;
  font-size: 10px;
}
.bi-clear-source-summary b { color: #075f57; }
.bi-clear-source-summary span { min-width: 0; }
.bi-clear-source-summary a {
  margin-left: auto;
  color: #075f57;
  font-weight: 800;
  white-space: nowrap;
}

.bi-clear-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}
.bi-clear-summary-grid button {
  min-width: 0;
  padding: 17px 20px 19px;
  border: 0;
  border-right: 1px solid #e2ebf0;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.bi-clear-summary-grid button:hover,
.bi-clear-summary-grid button:focus { background: #eef8f6; }
.bi-clear-summary-grid button:last-child { border-right: 0; }
.bi-clear-summary-grid small,
.bi-clear-summary-grid span {
  display: block;
  color: var(--clear-muted);
  font-size: 10px;
}
.bi-clear-summary-grid small {
  margin-bottom: 6px;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.bi-clear-summary-grid strong {
  display: block;
  overflow: hidden;
  margin-bottom: 4px;
  color: var(--clear-ink);
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bi-clear-nav {
  position: sticky;
  top: 7px;
  z-index: 40;
  display: flex;
  gap: 4px;
  margin: 11px 0;
  padding: 7px;
  overflow-x: auto;
  border: 1px solid var(--clear-line);
  border-radius: 12px;
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 5px 17px rgba(20, 42, 61, .07);
  backdrop-filter: blur(10px);
}
.bi-clear-nav a {
  flex: none;
  border-radius: 8px;
  color: #3a586e;
  padding: 7px 10px;
  font-size: 10.5px;
  font-weight: 800;
  text-decoration: none;
}
.bi-clear-nav a:hover { background: var(--clear-teal-soft); color: #087367; }

.bi-clear-section {
  scroll-margin-top: 70px;
  padding: 22px 24px 24px;
}

.bi-clear-section-head {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  margin: 0 0 18px;
}
.bi-clear-section-head h2,
.bi-clear-matter-head h2 {
  margin: 0 0 4px;
  color: var(--clear-ink);
  font-size: 21px;
  line-height: 1.15;
  letter-spacing: -.02em;
}
.bi-clear-section-head p,
.bi-clear-matter-head p {
  margin: 0;
  color: var(--clear-muted);
  font-size: 12px;
  line-height: 1.45;
}
summary.bi-clear-section-head { cursor: pointer; list-style: none; }
summary.bi-clear-section-head::-webkit-details-marker { display: none; }
.bi-clear-details:not([open]) .bi-clear-section-head { margin-bottom: 0; }
.bi-clear-chevron { color: var(--clear-faint); font-size: 18px; }

.bi-clear-company-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 14px;
}

.bi-clear-panel,
.bi-clear-market-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--clear-line);
  border-radius: 14px;
  background: #fbfcfd;
}
.bi-clear-panel { padding: 15px; }
.bi-clear-panel > header,
.bi-clear-panel > .bi-clear-panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.bi-clear-panel > header h3,
.bi-clear-panel > .bi-clear-panel-header h3 {
  margin: 0;
  color: var(--clear-ink);
  font-size: 14px;
}
.bi-clear-panel > header span,
.bi-clear-panel > .bi-clear-panel-header span {
  color: var(--clear-muted);
  font-size: 10px;
}

.bi-clear-map {
  height: 360px;
  overflow: hidden;
  border: 1px solid #d5e1e8;
  border-radius: 12px;
  background: #edf3f6;
}
.bi-clear-map .leaflet-control-attribution { font-size: 8px; }
.bi-clear-territory-ranking,
.bi-clear-organisations {
  display: grid;
  gap: 5px;
  margin-top: 12px;
}
.bi-clear-organisations h3 {
  margin: 8px 0 4px;
  font-size: 13px;
}

.bi-clear-ranking-row {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 7px 9px;
  border: 0;
  border-radius: 8px;
  background: #eef3f6;
  color: var(--clear-ink);
  text-align: left;
  cursor: pointer;
}
.bi-clear-ranking-row:hover { background: #e4f3f1; }
.bi-clear-ranking-row b {
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bi-clear-ranking-row > span:last-child {
  color: #425d72;
  font-size: 10.5px;
  font-variant-numeric: tabular-nums;
}
.bi-clear-rank {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 7px;
  background: #dcecf0;
  color: #087367;
  font-size: 10px;
  font-weight: 850;
}

.bi-clear-timeline {
  display: grid;
  grid-template-columns: repeat(var(--clear-cols), minmax(42px, 1fr));
  gap: 8px;
  align-items: end;
  min-height: 190px;
  padding: 8px 3px 3px;
  overflow-x: auto;
}
.bi-clear-month {
  display: flex;
  min-width: 40px;
  height: 175px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.bi-clear-month b {
  margin-bottom: 5px;
  color: #36556d;
  font-size: 9px;
  white-space: nowrap;
}
.bi-clear-month span {
  width: min(38px, 72%);
  min-height: 5px;
  border-radius: 7px 7px 2px 2px;
  background: linear-gradient(180deg, #35a4d8, #1676ae);
}
.bi-clear-month em {
  margin-top: 5px;
  color: var(--clear-muted);
  font-size: 9px;
  font-style: normal;
  text-transform: capitalize;
}

.bi-clear-area-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
}
.bi-clear-area {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid #dce6ec;
  border-radius: 12px;
  background: #fbfcfd;
  color: var(--clear-ink);
  text-align: left;
  cursor: pointer;
}
.bi-clear-area:hover,
.bi-clear-area.on {
  border-color: #69beb4;
  background: #eff9f7;
}
.bi-clear-area-number {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 9px;
  background: #e5eff3;
  color: #497086;
  font-size: 10px;
  font-weight: 850;
}
.bi-clear-area.on .bi-clear-area-number { background: var(--clear-teal); color: #fff; }
.bi-clear-area-copy { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.bi-clear-area-copy b {
  overflow: hidden;
  font-size: 11.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bi-clear-area-copy small { color: var(--clear-muted); font-size: 9.5px; }
.bi-clear-area-copy i {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e9ed;
}
.bi-clear-area-copy i span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--clear-teal), #35b8ac);
}
.bi-clear-area-action {
  color: var(--clear-blue);
  font-size: 9.5px;
  font-weight: 800;
  white-space: nowrap;
}

.bi-clear-matter-section { border-top: 4px solid var(--clear-teal); }
.bi-clear-matter-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 13px;
  padding: 15px 16px;
  border-radius: 13px;
  background: linear-gradient(135deg, #eef9f7, #f7fbfd);
}
.bi-clear-narrow-chip {
  flex: none;
  border-radius: 999px;
  background: #dff3ef;
  color: #087367;
  padding: 7px 10px;
  font-size: 10px;
  font-weight: 850;
}
.bi-clear-major-tabs,
.bi-clear-band-controls {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-bottom: 11px;
}
.bi-clear-major-tabs {
  overflow-x: auto;
  flex-wrap: nowrap;
  padding-bottom: 5px;
  scrollbar-width: thin;
}
.bi-clear-major-tabs button { flex: 0 0 auto; }
.bi-clear-band-controls { flex-wrap: wrap; }
.bi-clear-band-controls {
  padding: 10px 12px;
  border: 1px solid #d6e3ea;
  border-radius: 11px;
  background: #f7fafb;
}
.bi-clear-band-controls > span {
  margin-right: 4px;
  color: var(--clear-muted);
  font-size: 10px;
  font-weight: 800;
}

.bi-clear-market-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 12px;
  margin-bottom: 12px;
}
.bi-clear-market-card { padding: 16px; }
.bi-clear-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.bi-clear-card-head span {
  color: var(--clear-teal);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
}
.bi-clear-card-head i {
  color: var(--clear-muted);
  font-size: 9px;
  font-style: normal;
}
.bi-clear-quota-card h3 { margin: 0 0 8px; font-size: 14px; }
.bi-clear-quota-value {
  display: block;
  margin-bottom: 10px;
  color: var(--clear-ink);
  font-size: 23px;
}
.bi-clear-quota-bar {
  display: flex;
  height: 16px;
  overflow: hidden;
  border-radius: 999px;
  background: #e4ebef;
}
.bi-clear-quota-bar span { background: var(--clear-teal); }
.bi-clear-quota-bar i { background: var(--clear-orange); }
.bi-clear-quota-legend { margin-top: 9px; }
.bi-clear-quota-legend .bilegend { margin: 0; }
.bi-clear-quota-card > p {
  margin: 9px 0 0;
  color: var(--clear-muted);
  font-size: 10px;
}

.bi-clear-kpi-card > .bikpis,
.bi-clear-kpi-card > div:not(.bi-clear-card-head) .bikpis {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
}
.bi-clear-kpi-card .bikpi {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 11px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.bi-clear-kpi-card .bikpi strong { font-size: 17px !important; }
.bi-clear-kpi-card .bikpi p { font-size: 9px !important; line-height: 1.35 !important; }
.bi-clear-kpi-card .bipercent { font-size: 12px !important; }

.bi-clear-competitors { margin-bottom: 12px; background: #fff; }
.bi-clear-competitors .biwinners { margin: 0 !important; }
.bi-clear-competitors .biwinner {
  margin: 0 0 8px !important;
  padding: 8px 0 !important;
}
.bi-clear-competitors .biwinnerstudy {
  padding: 11px 12px !important;
  border: 1px solid var(--clear-teal) !important;
  border-radius: 11px !important;
  background: var(--clear-teal-soft) !important;
}

.bi-clear-two-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}
.bi-clear-opportunity-list,
.bi-clear-contract-list {
  display: grid;
  gap: 8px;
}
.bi-clear-evidence-filter {
  align-items: center;
  background: #edf8f6;
  border: 1px solid #9fd8ce;
  border-radius: 12px;
  color: #1d4350;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-bottom: 14px;
  padding: 12px 14px;
}
.bi-clear-evidence-filter button {
  background: #fff;
  border: 1px solid #6bbdaf;
  border-radius: 999px;
  color: #087d72;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 8px 13px;
}
.bi-clear-opportunity {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 11px !important;
  border: 1px solid #d7e4ea !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--clear-ink) !important;
  text-align: left !important;
}
.bi-clear-opportunity span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.bi-clear-opportunity b { font-size: 10.5px; line-height: 1.3; }
.bi-clear-opportunity small { color: var(--clear-muted); font-size: 9px; }
.bi-clear-opportunity > strong {
  color: var(--clear-blue);
  font-size: 10px;
  white-space: nowrap;
}
.bi-clear-more {
  margin: 9px 0 0;
  color: var(--clear-muted);
  font-size: 9.5px;
}

.bi-clear-opportunity-warning {
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid #ead8a9;
  border-radius: 10px;
  background: #fff6df;
  color: #755b21;
  font-size: 10px;
  line-height: 1.45;
}
.bi-clear-opportunities-panel { padding: 0 !important; overflow: hidden; }
.bi-clear-opportunities-panel .bi-clear-opportunity-list { display: grid; }
.bi-clear-opportunities-panel .bi-clear-opportunity {
  padding: 12px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--clear-line) !important;
  border-radius: 0 !important;
}

.bi-clear-contract {
  margin: 0 !important;
  padding: 10px 11px !important;
  border: 1px solid #d7e4ea !important;
  border-radius: 10px !important;
  background: #fff !important;
}
.bi-clear-contract-main { display: flex; flex-direction: column; gap: 3px; }
.bi-clear-contract-main b { font-size: 10.5px; line-height: 1.32; }
.bi-clear-contract-main span { color: var(--clear-muted); font-size: 9px; line-height: 1.35; }
.bi-clear-contract .bicontractactions { margin-top: 7px !important; }
.bi-clear-contract .bicontractactions button {
  padding: 6px 9px !important;
  border: 1px solid #9ccbd1 !important;
  border-radius: 8px !important;
  background: #f0faf8 !important;
  color: #08786f !important;
  font-size: 9px !important;
}
.bi-clear-contract .biinternalcard {
  margin-top: 8px !important;
  padding: 10px !important;
}
.bi-clear-contract-more,
.bi-clear-all-contracts {
  margin-top: 10px;
  border: 1px solid #d7e4ea;
  border-radius: 10px;
  background: #f8fafb;
  padding: 10px 12px;
}
.bi-clear-contract-more summary,
.bi-clear-all-contracts summary {
  cursor: pointer;
  color: #176f82;
  font-size: 10.5px;
  font-weight: 850;
}
.bi-clear-contract-more > div,
.bi-clear-all-contracts > div { margin-top: 10px; }

.bi-clear-tail-table { display: grid; gap: 6px; }
.bi-clear-tail-table button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 110px 135px 80px;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 9px 11px;
  border: 1px solid #dbe5ea;
  border-radius: 9px;
  background: #f8fafb;
  color: var(--clear-ink);
  text-align: left;
  cursor: pointer;
}
.bi-clear-tail-table button:hover { border-color: #6fbbb3; background: #eff9f7; }
.bi-clear-tail-table b { font-size: 10.5px; }
.bi-clear-tail-table span { color: var(--clear-muted); font-size: 9.5px; }
.bi-clear-tail-table strong { font-size: 10.5px; text-align: right; }
.bi-clear-tail-table em { color: var(--clear-blue); font-size: 9.5px; font-style: normal; text-align: right; }

.bi-clear-method-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}
.bi-clear-audit-note {
  margin: 0 0 10px;
  padding: 14px;
  border: 1px solid #b9ded6;
  border-radius: 10px;
  background: var(--clear-teal-soft);
}
.bi-clear-audit-note h3 {
  margin: 0 0 5px;
  color: #075f57;
  font-size: 12px;
}
.bi-clear-audit-note p {
  margin: 0;
  color: #315e58;
  font-size: 10px;
  line-height: 1.55;
}

/* Componentes literales de la maqueta aprobada. */
.bi-clear-shell .timeline {
  height: 190px;
  display: grid;
  grid-template-columns: repeat(var(--timeline-cols, 7), minmax(0, 1fr));
  gap: 8px;
  align-items: end;
  padding: 0 4px;
  border-bottom: 1px solid #cad5dd;
}
.bi-clear-shell .month {
  appearance: none;
  display: grid;
  grid-template-rows: 26px 1fr 22px;
  align-items: end;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--clear-ink);
  cursor: pointer;
}
.bi-clear-shell .month b {
  color: var(--clear-muted);
  font-size: 9px;
  font-weight: 700;
  white-space: nowrap;
}
.bi-clear-shell .month i {
  display: block;
  justify-self: center;
  width: 72%;
  min-height: 5px;
  border-radius: 5px 5px 0 0;
  background: #9ed8d1;
  transition: .16s ease;
}
.bi-clear-shell .month span {
  padding-top: 6px;
  font-size: 10px;
  font-weight: 800;
}
.bi-clear-shell .month:hover i,
.bi-clear-shell .month.on i { background: var(--clear-teal); }
.bi-clear-shell .buyer {
  appearance: none;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  width: 100%;
  padding: 7px 2px;
  border: 0;
  border-bottom: 1px solid #edf0f2;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.bi-clear-shell .buyer b { font-size: 10.5px; line-height: 1.25; }
.bi-clear-shell .buyer span {
  color: var(--clear-teal);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}
.bi-clear-shell .buyer:hover,
.bi-clear-shell .buyer.on { background: #eff8f5; }
.bi-clear-shell .territory {
  appearance: none;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  width: 100%;
  padding: 7px 0;
  border: 0;
  border-bottom: 1px solid #edf0f2;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.bi-clear-shell .territory:hover,
.bi-clear-shell .territory.on { background: #eff8f5; }
.bi-clear-shell .territory em {
  color: #81909f;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}
.bi-clear-shell .territory b { display: block; font-size: 11px; line-height: 1.2; }
.bi-clear-shell .territory small {
  display: block;
  margin-top: 1px;
  color: var(--clear-muted);
  font-size: 9.5px;
}
.bi-clear-shell .territory strong {
  color: var(--clear-teal);
  font-size: 10.5px;
  white-space: nowrap;
}
.bi-clear-shell .markets-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  border-top: 1px solid var(--clear-line);
}
.bi-clear-shell .market-list { padding: 14px 18px; }
.bi-clear-shell .market-row {
  appearance: none;
  display: grid;
  grid-template-columns: 22px minmax(170px, 1fr) minmax(130px, 1.2fr) 110px;
  gap: 9px;
  align-items: center;
  width: 100%;
  padding: 7px 2px;
  border: 0;
  border-bottom: 1px solid #edf0f2;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.bi-clear-shell .market-row:hover,
.bi-clear-shell .market-row.on { background: #eff8f5; }
.bi-clear-shell .market-row em {
  color: #8291a0;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}
.bi-clear-shell .market-row b { font-size: 10.5px; }
.bi-clear-shell .market-row i {
  display: block;
  height: 5px;
  overflow: hidden;
  border-radius: 9px;
  background: #e1eaec;
}
.bi-clear-shell .market-row i span {
  display: block;
  height: 100%;
  border-radius: 9px;
  background: #73c4bb;
}
.bi-clear-shell .market-row strong {
  color: var(--clear-teal);
  font-size: 10px;
  text-align: right;
  white-space: nowrap;
}
.bi-clear-shell .market-focus {
  padding: 20px;
  border-left: 1px solid var(--clear-line);
  background: #f6faf9;
}
.bi-clear-shell .market-focus > small {
  color: var(--clear-teal);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.bi-clear-shell .market-focus h3 { margin: 8px 0 4px; font-size: 18px; }
.bi-clear-shell .market-value {
  margin: 10px 0 2px;
  color: var(--clear-teal);
  font-size: 24px;
  font-weight: 850;
}
.bi-clear-shell .market-focus p {
  margin: 5px 0;
  color: var(--clear-muted);
  font-size: 11px;
  line-height: 1.5;
}
.bi-clear-shell .market-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 14px;
}
.bi-clear-shell .market-meta span {
  padding: 8px;
  border: 1px solid var(--clear-line);
  border-radius: 8px;
  background: #fff;
  font-size: 10px;
}
.bi-clear-shell .market-caution {
  margin-top: 11px;
  padding: 8px 9px;
  border: 1px solid #ead8a9;
  border-radius: 8px;
  background: #fff6df;
  color: #755b21;
  font-size: 9.5px;
  line-height: 1.4;
}
.bi-clear-shell .residual-contracts {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  gap: 18px;
  align-items: center;
  margin: 12px 18px 18px;
  padding: 14px 16px;
  border: 1px solid #d6e3ea;
  border-radius: 12px;
  background: #f4f8fa;
}
.bi-clear-shell .residual-contracts small {
  color: #617386;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.bi-clear-shell .residual-contracts h3 {
  margin: 4px 0;
  font-size: 15px;
}
.bi-clear-shell .residual-contracts p {
  margin: 0;
  color: #627287;
  font-size: 10px;
}
.bi-clear-shell .residual-contracts > strong {
  color: #10243d;
  font-size: 15px;
  text-align: right;
}
.bi-clear-shell .residual-contracts > strong span {
  display: block;
  margin-top: 2px;
  color: #627287;
  font-size: 9px;
  font-weight: 600;
}
.bi-clear-shell .residual-contracts > button {
  padding: 9px 12px;
  border: 1px solid #2c9a90;
  border-radius: 9px;
  background: #e6f5f1;
  color: #007f72;
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
.bi-clear-shell .residual-contracts > button:hover,
.bi-clear-shell .residual-contracts > button:focus-visible {
  outline: none;
  background: #d7eee8;
}

/* Armazón exacto de la maqueta local aprobada. */
.bi-clear-shell .exact-topbar {
  height: 6px;
  background: linear-gradient(90deg, #008c89, #20aaa1 62%, #d9b46e);
}
.bi-clear-shell .exact-page {
  width: min(1220px, calc(100% - 32px));
  margin: 28px auto 72px;
}
.bi-clear-shell .utility {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  color: #627287;
  font-size: 13px;
}
.bi-clear-shell .brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #10243d;
  font-weight: 800;
  letter-spacing: .08em;
}
.bi-clear-shell .brand-mark {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  background: #10243d;
  color: #fff;
}
.bi-clear-shell .status { display: flex; align-items: center; gap: 8px; }
.bi-clear-shell .status i {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: #008c89;
}
.bi-clear-shell .status a { color: #006b6a; font-weight: 800; text-decoration: none; }
.bi-clear-shell .hero {
  overflow: hidden;
  border: 1px solid #dce4eb;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 55px rgba(20,45,68,.09);
}
.bi-clear-shell .hero-main {
  display: grid;
  grid-template-columns: minmax(0,1.7fr) minmax(260px,.55fr);
  gap: 24px;
  padding: 24px 28px 18px;
}
.bi-clear-shell .eyebrow {
  color: #006b6a;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.bi-clear-shell .hero h1 {
  max-width: 850px;
  margin: 8px 0;
  color: #10243d;
  font-size: clamp(24px,2.35vw,32px);
  line-height: 1.12;
  letter-spacing: -.02em;
}
.bi-clear-shell .lead {
  max-width: 760px;
  margin: 0;
  color: #40546b;
  font-size: 13px;
  line-height: 1.5;
}
.bi-clear-shell .identity {
  align-self: start;
  padding: 14px;
  border: 1px solid #bfe0d7;
  border-radius: 13px;
  background: #e9f6f1;
}
.bi-clear-shell .identity strong { display: block; margin-bottom: 6px; font-size: 12px; }
.bi-clear-shell .identity p { margin: 3px 0; color: #3f625a; font-size: 11px; line-height: 1.45; }
.bi-clear-shell .identity a {
  display: inline-block;
  margin-top: 10px;
  color: #006b6a;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.bi-clear-shell .scope { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 28px 16px; }
.bi-clear-shell .chip {
  padding: 5px 8px;
  border-radius: 99px;
  background: #edf2f5;
  color: #4c6175;
  font-size: 10px;
  font-weight: 700;
}
.bi-clear-shell .exact-periods {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 28px;
  border-top: 1px solid #dce4eb;
  background: #f8fafb;
  font-size: 10px;
}
.bi-clear-shell .kpis {
  display: grid;
  grid-template-columns: 1.35fr repeat(3,1fr);
  border-top: 1px solid #dce4eb;
}
.bi-clear-shell .kpi {
  min-height: 88px;
  padding: 15px 18px;
  border: 0;
  border-right: 1px solid #dce4eb;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.bi-clear-shell .kpi:last-child { border-right: 0; }
.bi-clear-shell .kpi:hover { background: #eef8f6; }
.bi-clear-shell .kpi small {
  display: block;
  color: #627287;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.bi-clear-shell .kpi strong {
  display: block;
  margin: 6px 0 3px;
  color: #10243d;
  font-size: 20px;
  white-space: nowrap;
}
.bi-clear-shell .kpi:first-child strong { color: #006b6a; font-size: 23px; }
.bi-clear-shell .kpi span { color: #627287; font-size: 10.5px; }
.bi-clear-shell .section-nav {
  position: sticky;
  top: 8px;
  z-index: 800;
  display: flex;
  gap: 7px;
  margin: 12px 0 14px;
  padding: 8px 10px;
  overflow-x: auto;
  border: 1px solid #dce4eb;
  border-radius: 12px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 8px 24px rgba(20,45,68,.08);
  backdrop-filter: blur(10px);
}
.bi-clear-shell .section-nav a {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 8px;
  color: #40546b;
  font-size: 10px;
  font-weight: 850;
  text-decoration: none;
}
.bi-clear-shell .section-nav a:hover { background: #eaf7f5; color: #006b6a; }
.bi-clear-shell .reading {
  display: grid;
  grid-template-columns: 58px 1fr auto;
  gap: 14px;
  align-items: center;
  margin: 14px 0 18px;
  padding: 13px 17px;
  border: 1px solid #ead8b9;
  border-radius: 13px;
  background: #f6efe2;
}
.bi-clear-shell .reading b { color: #886129; font-size: 13px; }
.bi-clear-shell .reading p { margin: 0; color: #624d2d; font-size: 11.5px; line-height: 1.5; }
.bi-clear-shell .reading a { color: #624d2d; font-size: 12px; font-weight: 800; text-decoration: none; }
.bi-clear-shell .section {
  overflow: hidden;
  margin-top: 24px;
  border: 1px solid #dce4eb;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 36px rgba(20,45,68,.05);
}
.bi-clear-shell .section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 24px 15px;
}
.bi-clear-shell .section-head h2 { margin: 4px 0 0; color: #10243d; font-size: 19px; }
.bi-clear-shell .section-head p {
  max-width: 590px;
  margin: 0;
  color: #627287;
  font-size: 11px;
  line-height: 1.45;
}
.bi-clear-shell .map-layout {
  display: grid;
  grid-template-columns: minmax(0,1.8fr) minmax(300px,.62fr);
  min-height: 390px;
  border-top: 1px solid #dce4eb;
}
.bi-clear-shell .exact-map { min-height: 390px; background: #edf2f1; }
.bi-clear-shell .territories { max-height: 390px; overflow: auto; padding: 13px 15px; }
.bi-clear-shell .territories h3,
.bi-clear-shell .activity-panel h3 {
  margin: 0 0 14px;
  color: #627287;
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.bi-clear-shell .map-note {
  padding: 12px 20px;
  border-top: 1px solid #dce4eb;
  background: #fafbfc;
  color: #627287;
  font-size: 11px;
}
.bi-clear-shell .activity-grid {
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(320px,.75fr);
  border-top: 1px solid #dce4eb;
}
.bi-clear-shell .activity-panel { padding: 18px 20px; }
.bi-clear-shell .activity-panel + .activity-panel { border-left: 1px solid #dce4eb; }
.bi-clear-shell .compare-tabs {
  display: flex;
  gap: 6px;
  padding: 0 24px 14px;
  overflow-x: auto;
}
.bi-clear-shell .compare-tabs button {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid #dce4eb;
  border-radius: 99px;
  background: #fff;
  color: #40546b;
  font-size: 9.5px;
  font-weight: 800;
  cursor: pointer;
}
.bi-clear-shell .compare-tabs button.on { border-color: #10243d; background: #10243d; color: #fff; }
.bi-clear-shell .compare-notice {
  margin: 0 24px 14px;
  padding: 9px 11px;
  border: 1px solid #ead8a9;
  border-radius: 9px;
  background: #fff6df;
  color: #755b21;
  font-size: 10px;
}
.bi-clear-shell .compare-grid {
  display: grid;
  grid-template-columns: minmax(300px,.8fr) minmax(0,1.2fr);
  border-top: 1px solid #dce4eb;
}
.bi-clear-shell .compare-kpis { padding: 18px 22px; background: #f7fafb; }
.bi-clear-shell .compare-kpis h3 { margin: 0 0 5px; font-size: 16px; }
.bi-clear-shell .compare-kpis > p {
  margin: 0 0 14px;
  color: #627287;
  font-size: 10px;
  line-height: 1.45;
}
.bi-clear-shell .share-number {
  color: #006b6a;
  font-size: 34px;
  font-weight: 900;
  letter-spacing: -.04em;
}
.bi-clear-shell .sharebar {
  height: 12px;
  margin: 8px 0;
  overflow: hidden;
  border-radius: 99px;
  background: #f0cf8f;
  box-shadow: inset 0 0 0 1px rgba(115,82,25,.08);
}
.bi-clear-shell .sharebar i {
  display: block;
  height: 100%;
  background: #0f9b8a;
  box-shadow: 2px 0 0 #fff;
}
.bi-clear-shell .compare-stat {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 14px;
}
.bi-clear-shell .compare-stat > span,
.bi-clear-shell .compare-stat > button {
  padding: 9px;
  border: 1px solid #dce4eb;
  border-radius: 9px;
  background: #fff;
  color: #627287;
  font-size: 9.5px;
}
.bi-clear-shell .compare-stat > button {
  width: 100%;
  appearance: none;
  font: inherit;
  text-align: left;
}
.bi-clear-shell .compare-stat > button.compare-stat-action {
  border-color: #95d7ca;
  background: #e9f7f3;
  box-shadow: inset 3px 0 0 #0f9b8a;
  cursor: pointer;
}
.bi-clear-shell .compare-stat > button.compare-stat-action:hover,
.bi-clear-shell .compare-stat > button.compare-stat-action:focus-visible {
  border-color: #0f9b8a;
  outline: none;
  background: #dff3ed;
}
.bi-clear-shell .compare-stat > button.compare-stat-action span {
  display: block;
}
.bi-clear-shell .compare-stat > button.compare-stat-action em {
  display: block;
  margin-top: 4px;
  color: #007f72;
  font-style: normal;
  font-weight: 800;
}
.bi-clear-shell .compare-stat b {
  display: block;
  margin-bottom: 2px;
  color: #10243d;
  font-size: 13px;
}
.bi-clear-shell .rivals { padding: 18px 22px; }
.bi-clear-shell .rivals > h3 {
  margin: 0 0 10px;
  color: #627287;
  font-size: 11px;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.bi-clear-shell .rival {
  display: grid;
  grid-template-columns: 22px minmax(0,1fr) 110px;
  gap: 9px;
  align-items: center;
  width: 100%;
  padding: 7px 2px;
  border: 0;
  border-bottom: 1px solid #edf0f2;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.bi-clear-shell .rival:hover,
.bi-clear-shell .rival:focus-visible,
.bi-clear-shell .rival.is-own { background: #e9f6f1; }
.bi-clear-shell .rival em {
  color: #8493a2;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}
.bi-clear-shell .rival b { font-size: 10px; line-height: 1.25; }
.bi-clear-shell .rival small {
  display: block;
  margin-top: 2px;
  color: #627287;
  font-size: 9px;
}
.bi-clear-shell .rival strong {
  color: #006b6a;
  font-size: 10px;
  text-align: right;
}
.bi-clear-shell .rival strong small {
  color: #8b6625;
  font-size: 9px;
  font-weight: 850;
}
.bi-clear-shell.is-company-loading::before {
  content: "";
  position: fixed;
  z-index: 2147483645;
  inset: 0;
  background: rgba(241, 246, 248, .78);
  backdrop-filter: blur(2px);
}
.bi-clear-shell.is-company-loading::after {
  content: attr(data-navigation-label);
  position: fixed;
  z-index: 2147483646;
  top: 18px;
  left: 50%;
  width: min(560px, calc(100vw - 32px));
  transform: translateX(-50%);
  padding: 13px 18px 13px 44px;
  border: 1px solid #8fcfc4;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(16, 36, 61, .18);
  color: #0a6f68;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}
.bi-clear-shell.is-company-loading .exact-page::before {
  content: "";
  position: fixed;
  z-index: 2147483647;
  top: 31px;
  left: calc(50% - min(280px, calc((100vw - 32px) / 2)) + 16px);
  width: 14px;
  height: 14px;
  border: 2px solid #b9ddd7;
  border-top-color: #0a8d83;
  border-radius: 50%;
  animation: bi-clear-spin .7s linear infinite;
}
@keyframes bi-clear-spin { to { transform: rotate(360deg); } }
.bi-clear-shell .opportunity-intro {
  margin: 0 24px 14px;
  padding: 10px 12px;
  border: 1px solid #ead8a9;
  border-radius: 9px;
  background: #fff6df;
  color: #755b21;
  font-size: 10px;
}
.bi-clear-shell .opportunity-list { padding: 0 24px 18px; }
.bi-clear-shell .opportunity-sheet-head {
  margin-bottom: 10px;
  color: #506377;
}
.bi-clear-shell .opportunity-sheet-head b {
  display: block;
  color: #10243d;
  font-size: 11px;
}
.bi-clear-shell .opportunity-sheet-head p { margin: 2px 0 0; }
.bi-clear-shell .opportunity-sheet .afi-head,
.bi-clear-shell .opportunity-sheet .afi-grid,
.bi-clear-shell .opportunity-sheet .afi-actions { width: 100%; }
.bi-clear-shell .opportunity-sheet .afi-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}
.bi-clear-shell .opportunity-sheet .afi-actions a,
.bi-clear-shell .opportunity-sheet .afi-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border: 1px solid #9ccbd1;
  border-radius: 8px;
  background: #fff;
  color: #08786f;
  font-size: 9.5px;
  font-weight: 850;
  text-decoration: none;
  cursor: pointer;
}
.bi-clear-shell .opportunity-sheet .afi-actions .primary {
  border-color: #078f97;
  background: #078f97;
  color: #fff;
}
.bi-clear-shell .leaflet-popup-content-wrapper {
  border-radius: 11px;
  box-shadow: 0 12px 28px rgba(16, 36, 61, .2);
}
.bi-clear-shell .leaflet-popup-content { margin: 13px 14px; }
.bi-clear-shell .bi-clear-map-card {
  display: grid;
  gap: 3px;
  min-width: 175px;
  color: #10243d;
}
.bi-clear-shell .bi-clear-map-card b { font-size: 12px; }
.bi-clear-shell .bi-clear-map-card span { color: #627287; font-size: 10px; }
.bi-clear-shell .bi-clear-map-card strong {
  margin: 2px 0 5px;
  color: #006b6a;
  font-size: 14px;
}
.bi-clear-shell .bi-clear-map-card button {
  padding: 7px 9px;
  border: 0;
  border-radius: 7px;
  background: #078f97;
  color: #fff;
  font: 800 10px/1.2 inherit;
  cursor: pointer;
}
.bi-clear-shell .evidence-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 10px 24px;
  border-top: 1px solid #dce4eb;
  background: #eef4f7;
  color: #506377;
  font-size: 11px;
}
.bi-clear-shell .evidence-summary strong { color: #006b6a; font-size: 13px; }
.bi-clear-shell .contract-list { padding: 8px 24px 18px; }
.bi-clear-shell .contract { border-bottom: 1px solid #e7ecef; }
.bi-clear-shell .contract > summary {
  display: grid;
  grid-template-columns: 88px minmax(0,1fr) 125px;
  gap: 14px;
  align-items: center;
  padding: 11px 2px;
  list-style: none;
  cursor: pointer;
}
.bi-clear-shell .contract > summary::-webkit-details-marker,
.bi-clear-shell .opportunity > summary::-webkit-details-marker { display: none; }
.bi-clear-shell .contract > summary:hover { background: #f4faf8; }
.bi-clear-shell .contract-date { color: #627287; font-size: 10px; }
.bi-clear-shell .contract-title b { display: block; font-size: 11px; line-height: 1.35; }
.bi-clear-shell .contract-title small { display: block; margin-top: 3px; color: #627287; font-size: 9.5px; }
.bi-clear-shell .contract-amount { color: #006b6a; font-size: 11px; font-weight: 850; text-align: right; }
.bi-clear-shell .contract-sheet {
  margin: 0 0 12px 102px;
  padding: 12px 14px;
  border: 1px solid #dce4eb;
  border-radius: 10px;
  background: #f7fafb;
}
.bi-clear-shell .opportunity { border-top: 1px solid #dce4eb; }
.bi-clear-shell .opportunity > summary {
  display: grid;
  grid-template-columns: 92px minmax(0,1fr) 130px;
  gap: 12px;
  align-items: center;
  padding: 12px 2px;
  list-style: none;
  cursor: pointer;
}
.bi-clear-shell .opportunity-date { color: #627287; font-size: 9.5px; }
.bi-clear-shell .opportunity-title b { display: block; font-size: 11px; line-height: 1.35; }
.bi-clear-shell .opportunity-title small { display: block; margin-top: 3px; color: #627287; font-size: 9.5px; }
.bi-clear-shell .opportunity-value { color: #006b6a; font-size: 11px; font-weight: 900; text-align: right; }
.bi-clear-shell .opportunity-sheet {
  margin: 0 0 12px 104px;
  padding: 12px 14px;
  border: 1px solid #dce4eb;
  border-radius: 10px;
  background: #f7fafb;
  color: #506377;
  font-size: 10px;
}
.bi-clear-shell .opportunity-sheet button {
  padding: 7px 10px;
  border: 1px solid #008c89;
  border-radius: 7px;
  background: #008c89;
  color: #fff;
  font-size: 9.5px;
  font-weight: 850;
  cursor: pointer;
}
.bi-clear-shell .coverage {
  margin-top: 24px;
  padding: 24px 28px;
  border: 1px dashed #aab8c6;
  border-radius: 18px;
  background: rgba(255,255,255,.55);
}
.bi-clear-shell .coverage-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.bi-clear-shell .coverage-top h2 { margin: 0 0 5px; font-size: 17px; }
.bi-clear-shell .coverage-top p { margin: 0; color: #627287; font-size: 13px; }
.bi-clear-shell .coverage-top > strong { color: #006b6a; font-size: 24px; }

@media (max-width: 850px) {
  .bi-clear-shell .hero-main,
  .bi-clear-shell .map-layout,
  .bi-clear-shell .activity-grid,
  .bi-clear-shell .markets-layout,
  .bi-clear-shell .compare-grid { grid-template-columns: 1fr; }
  .bi-clear-shell .kpis { grid-template-columns: 1fr 1fr; }
  .bi-clear-shell .reading { grid-template-columns: 1fr; }
  .bi-clear-shell .section-head { align-items: start; flex-direction: column; }
  .bi-clear-shell .activity-panel + .activity-panel { border-left: 0; border-top: 1px solid #dce4eb; }
  .bi-clear-shell .market-focus { border-left: 0; border-top: 1px solid #dce4eb; }
  .bi-clear-shell .contract > summary { grid-template-columns: 72px 1fr; }
  .bi-clear-shell .contract-amount { grid-column: 2; text-align: left; }
  .bi-clear-shell .contract-sheet,
  .bi-clear-shell .opportunity-sheet { margin-left: 0; }
  .bi-clear-shell .opportunity > summary { grid-template-columns: 1fr; }
  .bi-clear-shell .opportunity-value { text-align: left; }
  .bi-clear-shell .residual-contracts { grid-template-columns: 1fr; }
  .bi-clear-shell .residual-contracts > strong { text-align: left; }
}
.bi-clear-method-grid article {
  padding: 12px;
  border: 1px solid #dbe5ea;
  border-radius: 10px;
  background: #f8fafb;
}
.bi-clear-method-grid b { font-size: 10.5px; }
.bi-clear-method-grid p {
  margin: 4px 0 0;
  color: var(--clear-muted);
  font-size: 9.5px;
  line-height: 1.45;
}

.bi-clear-empty {
  margin: 0;
  padding: 14px;
  border: 1px dashed #bfd0db;
  border-radius: 10px;
  color: var(--clear-muted);
  font-size: 10.5px;
  line-height: 1.45;
}

@media (max-width: 1100px) {
  .bi-clear-company-grid,
  .bi-clear-market-grid,
  .bi-clear-two-columns { grid-template-columns: 1fr; }
  .bi-clear-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bi-clear-summary-grid button:nth-child(2) { border-right: 0; }
  .bi-clear-summary-grid button:nth-child(-n+2) { border-bottom: 1px solid #e2ebf0; }
}

@media (max-width: 760px) {
  .bi-view-toolbar,
  .bi-clear-cover-top,
  .bi-clear-cover-controls,
  .bi-clear-matter-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .bi-view-actions,
  .bi-clear-periods { width: 100%; }
  .bi-view-actions button,
  .bi-clear-periods button { flex: 1; }
  .bi-clear-confidence { align-items: flex-start; }
  .bi-clear-brand-context { display: none; }
  .bi-clear-source-summary { align-items: flex-start; flex-direction: column; }
  .bi-clear-source-summary a { margin-left: 0; }
  .bi-clear-cover-top { padding: 20px; }
  .bi-clear-cover-controls { padding: 12px 20px; }
  .bi-clear-summary-grid,
  .bi-clear-area-grid,
  .bi-clear-method-grid { grid-template-columns: 1fr; }
  .bi-clear-summary-grid button {
    border-right: 0;
    border-bottom: 1px solid #e2ebf0;
  }
  .bi-clear-summary-grid button:last-child { border-bottom: 0; }
  .bi-clear-section { padding: 18px; border-radius: 14px; }
  .bi-clear-section-head { grid-template-columns: 1fr; gap: 5px; }
  .bi-clear-narrow-chip { align-self: flex-start; }
  .bi-clear-map { height: 300px; }
  .bi-clear-tail-table button { grid-template-columns: 1fr auto; }
  .bi-clear-tail-table span,
  .bi-clear-tail-table em { display: none; }
  .bi-clear-kpi-card > .bikpis,
  .bi-clear-kpi-card > div:not(.bi-clear-card-head) .bikpis {
    grid-template-columns: 1fr !important;
  }
}